@charset "UTF-8";
@layer reset {
  :root,
  body {
    text-align: left;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
  }
  ::selection {
    color: var(--color-white);
    background: var(--color-primary);
    text-shadow: none;
  }
  .color-invert ::selection {
    color: var(--color-primary);
    background: var(--color-white);
  }
  a:hover, a:focus {
    cursor: pointer;
  }
  strong,
  b {
    font-weight: 700;
  }
  em {
    font-style: italic;
  }
  sup,
  sub {
    line-height: 0;
    font-size: 60%;
  }
  sup {
    vertical-align: super;
  }
  sub {
    vertical-align: sub;
  }
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .c {
    padding: 0;
    width: 100%;
  }
  html,
  body {
    box-sizing: border-box;
  }
  *,
  *::before,
  *::after {
    font: inherit;
    box-sizing: inherit;
  }
  :root {
    touch-action: manipulation;
  }
  form {
    width: 100%;
  }
  figure {
    line-height: 0;
  }
  img {
    max-width: 100%;
    vertical-align: top;
    line-height: 0;
    height: auto;
  }
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }
  ::-ms-clear {
    display: none;
  }
  html {
    font-size: 16px;
    overflow-y: scroll;
    width: 100%;
  }
  .invisible,
  .visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
}
@layer reset {
  html,
  body,
  div,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  abbr,
  address,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  samp,
  small,
  strong,
  sub,
  sup,
  var,
  b,
  i,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  summary,
  time,
  mark,
  audio,
  video {
    margin: 0;
    outline: 0;
    border: 0;
    background: transparent;
    padding: 0;
    vertical-align: baseline;
    font-size: 100%;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block;
  }
  nav ul {
    list-style: none;
  }
  blockquote,
  q {
    quotes: none;
  }
  blockquote::before,
  blockquote::after,
  q::before,
  q::after {
    content: "";
  }
  a {
    margin: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    vertical-align: baseline;
    text-decoration: none;
    color: inherit;
    font-size: inherit;
  }
  ins {
    background-color: none;
    text-decoration: none;
    color: currentColor;
  }
  mark {
    background-color: none;
    color: inherit;
    font-weight: bold;
  }
  del {
    text-decoration: line-through;
  }
  abbr[title],
  dfn[title] {
    border: none;
    cursor: help;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  hr {
    display: block;
    margin: 0;
    border: 0;
    border-top: 1px solid currentColor;
    padding: 0;
    height: 1px;
  }
  input,
  select {
    vertical-align: middle;
  }
}
@layer reset {
  input,
  label,
  select,
  button,
  textarea {
    display: inline-block;
    opacity: inherit;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    vertical-align: middle;
    line-height: inherit;
    letter-spacing: inherit;
    white-space: inherit;
    font: inherit;
    appearance: none;
  }
  input:disabled,
  label:disabled,
  select:disabled,
  button:disabled,
  textarea:disabled {
    color: inherit;
  }
  input:focus,
  textarea:focus,
  select:focus,
  button:focus {
    outline: 0;
  }
  input[type=search] {
    appearance: none;
    box-sizing: border-box;
  }
  ::-webkit-search-decoration {
    display: none;
  }
  ::-webkit-search-cancel-button {
    display: none;
  }
  button,
  input[type=reset],
  input[type=button],
  input[type=submit] {
    cursor: pointer;
    overflow: visible;
  }
  textarea {
    overflow: auto;
    vertical-align: top;
  }
  select[multiple] {
    vertical-align: top;
  }
  ::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  input[type=date]::-webkit-inner-spin-button {
    appearance: none;
  }
  input[type=number] {
    appearance: textfield;
  }
  input[type=number]::-webkit-inner-spin-button {
    appearance: none;
  }
  ::-webkit-input-placeholder {
    color: inherit;
  }
  :-moz-placeholder {
    opacity: 1;
    color: inherit;
  }
  ::-moz-placeholder {
    opacity: 1;
    color: inherit;
  }
  :-ms-input-placeholder {
    color: inherit;
  }
}
@media screen and (min-width: 0) {
  :root {
    --grid-columns: 12;
    --grid-column-gap: 2rem;
    --grid-outer-gutter: 2rem;
    --grid-row-gap: 5rem;
    --max-grid-width: 216rem;
    --max-container-width: 100vw;
    --calcHelper-max: calc(100% - (2 * var(--grid-outer-gutter)));
    --calcHelper-maxAbsolute: calc(var(--max-grid-width) - (2 * var(--grid-outer-gutter)));
    --calcHelper-maxGutterWidth: calc((var(--grid-columns) - 1) * var(--grid-column-gap));
    --singleColumnWidth: calc(calc(var(--calcHelper-max) - var(--calcHelper-maxGutterWidth)) / var(--grid-columns));
    --singleColumnWidthAbsolute: calc(calc(var(--calcHelper-maxAbsolute) - var(--calcHelper-maxGutterWidth)) / var(--grid-columns));
  }
}
@media screen and (min-width: 48rem) {
  :root {
    --grid-column-gap: 5rem;
  }
}
@media screen and (min-width: 64rem) {
  :root {
    --grid-outer-gutter: 8rem;
  }
}
@media screen and (min-width: 108rem) {
  :root {
    --grid-outer-gutter: 11.5rem;
  }
}
@media screen and (min-width: 108rem) {
  :root {
    --calcHelper-max: calc(var(--max-grid-width) - (2 * var(--grid-outer-gutter)));
    --singleColumnWidth: calc(calc(var(--calcHelper-max) - var(--calcHelper-maxGutterWidth)) / var(--grid-columns));
  }
}

/* ------------------------------------
    font path
------------------------------------- */
/* ------------------------------------
/// Mixin to manage grid extension
/// @param {Bool} inner - Inner grid
///         @include grid(true); < inner grid
///         @include grid(); < outer grid
    grid
------------------------------------- */
/* ------------------------------------
/// Mixin to manage responsive breakpoints
/// @param {String} $breakpoint - Breakpoint name
/// @require $breakpoints

// @include breakpoint(sm, max) {}
------------------------------------- */
/* ------------------------------------
    column width for spacings
    f.e.
    @include column-width(3); < element will be 3 columns wide and based on viewport width
    @include column-width(3,absolute); < element will be 3 columns wide and based on max grid-width
------------------------------------- */
/* ------------------------------------
    font sizes

    use @include font-sizes('title-h1') to call it
------------------------------------- */
/* ------------------------------------
    Icons from components

    @include icon('iconname') to call it);

    width and height are optional
    raw is optional and set to false by default
    raw is used to reference the file directly (no changes to the svg file)
    if raw = false you can manipulate the svg color with css background-color
------------------------------------- */
/* ------------------------------------
    Icons from components

    @include icon('iconname') to call it);

    width and height are optional
    raw is optional and set to false by default
    raw is used to reference the file directly (no changes to the svg file)
    if raw = false you can manipulate the svg color with css background-color
------------------------------------- */
/* ------------------------------------
    animated link
------------------------------------- */
:root {
  --transtime: 450ms;
  --transtime-slow: 5s cubic-bezier(0.33, 0.7, 0.32, 1) 0ms;
  --transtime-fast: 250ms cubic-bezier(0.33, 0.7, 0.32, 1) 0ms;
  --transtime-mmenu-delay: 0.3s;
  --trans-time-slow-ease: 3s cubic-bezier(0.08, 0.65, 0.14, 0.94);
}

@layer base {
  :root {
    --border-radius: 0.75rem;
    --border-radius-large: 2rem;
  }
  /* ------------------------------------
      inside container max width f.e. Header and footer
  ------------------------------------- */
  .ce_rsce_hero--layout-default .ce_rsce_hero--text-inner, .ce_rsce_hero--layout-home .ce_rsce_hero--text-inner, #header .inside, footer .inside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-grid-width);
    margin-inline: auto;
    padding-block: var(--space-xs);
    padding-inline: var(--grid-outer-gutter);
  }
  .svg-icon {
    fill: none;
    height: auto;
    vertical-align: middle;
    width: 1em;
  }
  .rte a, .content-text a, footer a,
  footer strong {
    text-decoration-color: var(--neutral-40);
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 2px;
    transition: var(--transtime-fast) all ease-out;
  }
  .boxlink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    display: block;
  }
  .ce_rowStart--nowrap.row, footer .ce_rowStart--nowrap.inside {
    padding-block-end: var(--space-xs);
    scrollbar-color: var(--color-primary) var(--color-grey);
    scrollbar-width: thin;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ce_rowStart--nowrap.row, footer .ce_rowStart--nowrap.inside {
      scrollbar-color: initial;
      scrollbar-width: initial;
    }
  }
  .ce_rowStart--nowrap.row::-webkit-scrollbar, footer .ce_rowStart--nowrap.inside::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    cursor: pointer;
  }
  .ce_rowStart--nowrap.row::-webkit-scrollbar-thumb, footer .ce_rowStart--nowrap.inside::-webkit-scrollbar-thumb {
    width: 7px;
    height: 17px;
    border-radius: var(--border-radius);
    background-color: var(--color-primary);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .ce_rowStart--nowrap.row::-webkit-scrollbar-track, footer .ce_rowStart--nowrap.inside::-webkit-scrollbar-track {
    height: 7px;
    border-radius: var(--border-radius);
    background-color: var(--color-grey);
  }
}
@layer base {
  /* ----- */
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    grid-column: 1/-1;
  }
  .row-span-xs-1,
  .row-span-xs-2,
  .row-span-xs-3,
  .row-span-xs-4,
  .row-span-xs-5,
  .row-span-xs-6,
  .row-span-xs-7,
  .row-span-xs-8,
  .row-span-xs-9,
  .row-span-xs-10,
  .row-span-xs-11,
  .row-span-xs-12,
  .row-span-sm-1,
  .row-span-sm-2,
  .row-span-sm-3,
  .row-span-sm-4,
  .row-span-sm-5,
  .row-span-sm-6,
  .row-span-sm-7,
  .row-span-sm-8,
  .row-span-sm-9,
  .row-span-sm-10,
  .row-span-sm-11,
  .row-span-sm-12,
  .row-span-md-1,
  .row-span-md-2,
  .row-span-md-3,
  .row-span-md-4,
  .row-span-md-5,
  .row-span-md-6,
  .row-span-md-7,
  .row-span-md-8,
  .row-span-md-9,
  .row-span-md-10,
  .row-span-md-11,
  .row-span-md-12,
  .row-span-lg-1,
  .row-span-lg-2,
  .row-span-lg-3,
  .row-span-lg-4,
  .row-span-lg-5,
  .row-span-lg-6,
  .row-span-lg-7,
  .row-span-lg-8,
  .row-span-lg-9,
  .row-span-lg-10,
  .row-span-lg-11,
  .row-span-lg-12,
  .row-span-xl-1,
  .row-span-xl-2,
  .row-span-xl-3,
  .row-span-xl-4,
  .row-span-xl-5,
  .row-span-xl-6,
  .row-span-xl-7,
  .row-span-xl-8,
  .row-span-xl-9,
  .row-span-xl-10,
  .row-span-xl-11,
  .row-span-xl-12 {
    grid-row: 1;
  }
  .justify-start {
    justify-self: start;
  }
  .justify-end {
    justify-self: end;
  }
  .justify-stretch {
    justify-self: stretch;
  }
  .align-start {
    align-self: start;
  }
  .align-center {
    align-self: center;
  }
  .align-end {
    align-self: end;
  }
  .align-stretch {
    align-self: stretch;
  }
  .col-1 {
    grid-column: span 1/span 1;
  }
  .col-1.justify-center {
    grid-column-start: 6.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-1.justify-center {
      width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(1, 1fr);
    }
    .col-1.justify-center > :not([class*=col-]) {
      grid-column: span 1/span 1;
    }
  }
  .col-2 {
    grid-column: span 2/span 2;
  }
  .col-2.justify-center {
    grid-column-start: 6;
  }
  .col-3 {
    grid-column: span 3/span 3;
  }
  .col-3.justify-center {
    grid-column-start: 5.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-3.justify-center {
      width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(3, 1fr);
    }
    .col-3.justify-center > :not([class*=col-]) {
      grid-column: span 3/span 3;
    }
  }
  .col-4 {
    grid-column: span 4/span 4;
  }
  .col-4.justify-center {
    grid-column-start: 5;
  }
  .col-5 {
    grid-column: span 5/span 5;
  }
  .col-5.justify-center {
    grid-column-start: 4.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-5.justify-center {
      width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(5, 1fr);
    }
    .col-5.justify-center > :not([class*=col-]) {
      grid-column: span 5/span 5;
    }
  }
  .col-6 {
    grid-column: span 6/span 6;
  }
  .col-6.justify-center {
    grid-column-start: 4;
  }
  .col-7 {
    grid-column: span 7/span 7;
  }
  .col-7.justify-center {
    grid-column-start: 3.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-7.justify-center {
      width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(7, 1fr);
    }
    .col-7.justify-center > :not([class*=col-]) {
      grid-column: span 7/span 7;
    }
  }
  .col-8 {
    grid-column: span 8/span 8;
  }
  .col-8.justify-center {
    grid-column-start: 3;
  }
  .col-9 {
    grid-column: span 9/span 9;
  }
  .col-9.justify-center {
    grid-column-start: 2.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-9.justify-center {
      width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(9, 1fr);
    }
    .col-9.justify-center > :not([class*=col-]) {
      grid-column: span 9/span 9;
    }
  }
  .col-10 {
    grid-column: span 10/span 10;
  }
  .col-10.justify-center {
    grid-column-start: 2;
  }
  .col-11 {
    grid-column: span 11/span 11;
  }
  .col-11.justify-center {
    grid-column-start: 1.5;
    grid-column: span 12/span 12;
    margin-inline: auto;
  }
  @layer base {
    .col-11.justify-center {
      width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(11, 1fr);
    }
    .col-11.justify-center > :not([class*=col-]) {
      grid-column: span 11/span 11;
    }
  }
  .col-12 {
    grid-column: span 12/span 12;
  }
  .col-12.justify-center {
    grid-column-start: 1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-start-6 {
    grid-column-start: 6;
  }
  .col-start-7 {
    grid-column-start: 7;
  }
  .col-start-8 {
    grid-column-start: 8;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-start-10 {
    grid-column-start: 10;
  }
  .col-start-11 {
    grid-column-start: 11;
  }
  .col-start-12 {
    grid-column-start: 12;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .row-start-5 {
    grid-row-start: 5;
  }
  .row-start-6 {
    grid-row-start: 6;
  }
  .row-start-7 {
    grid-row-start: 7;
  }
  .row-start-8 {
    grid-row-start: 8;
  }
  .row-start-9 {
    grid-row-start: 9;
  }
  .row-start-10 {
    grid-row-start: 10;
  }
  .row-start-11 {
    grid-row-start: 11;
  }
  .row-start-12 {
    grid-row-start: 12;
  }
  /* ------------------------------------
      Media Query 0
  ------------------------------------- */
  @media only screen and (min-width: 22.5rem) {
    .col-xxs-1 {
      grid-column: span 1/span 1;
    }
    .col-xxs-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-xxs-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-xxs-2 {
      grid-column: span 2/span 2;
    }
    .col-xxs-2.justify-center {
      grid-column-start: 6;
    }
    .col-xxs-3 {
      grid-column: span 3/span 3;
    }
    .col-xxs-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-xxs-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-xxs-4 {
      grid-column: span 4/span 4;
    }
    .col-xxs-4.justify-center {
      grid-column-start: 5;
    }
    .col-xxs-5 {
      grid-column: span 5/span 5;
    }
    .col-xxs-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-xxs-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-xxs-6 {
      grid-column: span 6/span 6;
    }
    .col-xxs-6.justify-center {
      grid-column-start: 4;
    }
    .col-xxs-7 {
      grid-column: span 7/span 7;
    }
    .col-xxs-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-xxs-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-xxs-8 {
      grid-column: span 8/span 8;
    }
    .col-xxs-8.justify-center {
      grid-column-start: 3;
    }
    .col-xxs-9 {
      grid-column: span 9/span 9;
    }
    .col-xxs-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-xxs-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-xxs-10 {
      grid-column: span 10/span 10;
    }
    .col-xxs-10.justify-center {
      grid-column-start: 2;
    }
    .col-xxs-11 {
      grid-column: span 11/span 11;
    }
    .col-xxs-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxs-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-xxs-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-xxs-12 {
      grid-column: span 12/span 12;
    }
    .col-xxs-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-xxs-1 {
      grid-column-start: 1;
    }
    .col-start-xxs-2 {
      grid-column-start: 2;
    }
    .col-start-xxs-3 {
      grid-column-start: 3;
    }
    .col-start-xxs-4 {
      grid-column-start: 4;
    }
    .col-start-xxs-5 {
      grid-column-start: 5;
    }
    .col-start-xxs-6 {
      grid-column-start: 6;
    }
    .col-start-xxs-7 {
      grid-column-start: 7;
    }
    .col-start-xxs-8 {
      grid-column-start: 8;
    }
    .col-start-xxs-9 {
      grid-column-start: 9;
    }
    .col-start-xxs-10 {
      grid-column-start: 10;
    }
    .col-start-xxs-11 {
      grid-column-start: 11;
    }
    .col-start-xxs-12 {
      grid-column-start: 12;
    }
    .row-start-xxs-1 {
      grid-row-start: 1;
    }
    .row-start-xxs-2 {
      grid-row-start: 2;
    }
    .row-start-xxs-3 {
      grid-row-start: 3;
    }
    .row-start-xxs-4 {
      grid-row-start: 4;
    }
    .row-start-xxs-5 {
      grid-row-start: 5;
    }
    .row-start-xxs-6 {
      grid-row-start: 6;
    }
    .row-start-xxs-7 {
      grid-row-start: 7;
    }
    .row-start-xxs-8 {
      grid-row-start: 8;
    }
    .row-start-xxs-9 {
      grid-row-start: 9;
    }
    .row-start-xxs-10 {
      grid-row-start: 10;
    }
    .row-start-xxs-11 {
      grid-row-start: 11;
    }
    .row-start-xxs-12 {
      grid-row-start: 12;
    }
    .row-span-xxs-1 {
      grid-row: span 1/span 1;
    }
    .row-span-xxs-2 {
      grid-row: span 2/span 2;
    }
    .row-span-xxs-3 {
      grid-row: span 3/span 3;
    }
    .row-span-xxs-4 {
      grid-row: span 4/span 4;
    }
    .row-span-xxs-5 {
      grid-row: span 5/span 5;
    }
    .row-span-xxs-6 {
      grid-row: span 6/span 6;
    }
    .row-span-xxs-7 {
      grid-row: span 7/span 7;
    }
    .row-span-xxs-8 {
      grid-row: span 8/span 8;
    }
    .row-span-xxs-9 {
      grid-row: span 9/span 9;
    }
    .row-span-xxs-10 {
      grid-row: span 10/span 10;
    }
    .row-span-xxs-11 {
      grid-row: span 11/span 11;
    }
    .row-span-xxs-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-right-xxs {
      grid-column-end: -1;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-start {
      justify-self: start;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-end {
      justify-self: end;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .justify-xxs-stretch {
      justify-self: stretch;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-start {
      align-self: start;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-center {
      align-self: center;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-end {
      align-self: end;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
    .align-xxs-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 30rem) {
    .col-xs-1 {
      grid-column: span 1/span 1;
    }
    .col-xs-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-xs-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-xs-2 {
      grid-column: span 2/span 2;
    }
    .col-xs-2.justify-center {
      grid-column-start: 6;
    }
    .col-xs-3 {
      grid-column: span 3/span 3;
    }
    .col-xs-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-xs-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-xs-4 {
      grid-column: span 4/span 4;
    }
    .col-xs-4.justify-center {
      grid-column-start: 5;
    }
    .col-xs-5 {
      grid-column: span 5/span 5;
    }
    .col-xs-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-xs-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-xs-6 {
      grid-column: span 6/span 6;
    }
    .col-xs-6.justify-center {
      grid-column-start: 4;
    }
    .col-xs-7 {
      grid-column: span 7/span 7;
    }
    .col-xs-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-xs-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-xs-8 {
      grid-column: span 8/span 8;
    }
    .col-xs-8.justify-center {
      grid-column-start: 3;
    }
    .col-xs-9 {
      grid-column: span 9/span 9;
    }
    .col-xs-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-xs-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-xs-10 {
      grid-column: span 10/span 10;
    }
    .col-xs-10.justify-center {
      grid-column-start: 2;
    }
    .col-xs-11 {
      grid-column: span 11/span 11;
    }
    .col-xs-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xs-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-xs-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-xs-12 {
      grid-column: span 12/span 12;
    }
    .col-xs-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-xs-1 {
      grid-column-start: 1;
    }
    .col-start-xs-2 {
      grid-column-start: 2;
    }
    .col-start-xs-3 {
      grid-column-start: 3;
    }
    .col-start-xs-4 {
      grid-column-start: 4;
    }
    .col-start-xs-5 {
      grid-column-start: 5;
    }
    .col-start-xs-6 {
      grid-column-start: 6;
    }
    .col-start-xs-7 {
      grid-column-start: 7;
    }
    .col-start-xs-8 {
      grid-column-start: 8;
    }
    .col-start-xs-9 {
      grid-column-start: 9;
    }
    .col-start-xs-10 {
      grid-column-start: 10;
    }
    .col-start-xs-11 {
      grid-column-start: 11;
    }
    .col-start-xs-12 {
      grid-column-start: 12;
    }
    .row-start-xs-1 {
      grid-row-start: 1;
    }
    .row-start-xs-2 {
      grid-row-start: 2;
    }
    .row-start-xs-3 {
      grid-row-start: 3;
    }
    .row-start-xs-4 {
      grid-row-start: 4;
    }
    .row-start-xs-5 {
      grid-row-start: 5;
    }
    .row-start-xs-6 {
      grid-row-start: 6;
    }
    .row-start-xs-7 {
      grid-row-start: 7;
    }
    .row-start-xs-8 {
      grid-row-start: 8;
    }
    .row-start-xs-9 {
      grid-row-start: 9;
    }
    .row-start-xs-10 {
      grid-row-start: 10;
    }
    .row-start-xs-11 {
      grid-row-start: 11;
    }
    .row-start-xs-12 {
      grid-row-start: 12;
    }
    .row-span-xs-1 {
      grid-row: span 1/span 1;
    }
    .row-span-xs-2 {
      grid-row: span 2/span 2;
    }
    .row-span-xs-3 {
      grid-row: span 3/span 3;
    }
    .row-span-xs-4 {
      grid-row: span 4/span 4;
    }
    .row-span-xs-5 {
      grid-row: span 5/span 5;
    }
    .row-span-xs-6 {
      grid-row: span 6/span 6;
    }
    .row-span-xs-7 {
      grid-row: span 7/span 7;
    }
    .row-span-xs-8 {
      grid-row: span 8/span 8;
    }
    .row-span-xs-9 {
      grid-row: span 9/span 9;
    }
    .row-span-xs-10 {
      grid-row: span 10/span 10;
    }
    .row-span-xs-11 {
      grid-row: span 11/span 11;
    }
    .row-span-xs-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-right-xs {
      grid-column-end: -1;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xs {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-start {
      justify-self: start;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-end {
      justify-self: end;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .justify-xs-stretch {
      justify-self: stretch;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-start {
      align-self: start;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-center {
      align-self: center;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-end {
      align-self: end;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
    .align-xs-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 40rem) {
    .col-sm-1 {
      grid-column: span 1/span 1;
    }
    .col-sm-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-sm-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-sm-2 {
      grid-column: span 2/span 2;
    }
    .col-sm-2.justify-center {
      grid-column-start: 6;
    }
    .col-sm-3 {
      grid-column: span 3/span 3;
    }
    .col-sm-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-sm-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-sm-4 {
      grid-column: span 4/span 4;
    }
    .col-sm-4.justify-center {
      grid-column-start: 5;
    }
    .col-sm-5 {
      grid-column: span 5/span 5;
    }
    .col-sm-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-sm-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-sm-6 {
      grid-column: span 6/span 6;
    }
    .col-sm-6.justify-center {
      grid-column-start: 4;
    }
    .col-sm-7 {
      grid-column: span 7/span 7;
    }
    .col-sm-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-sm-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-sm-8 {
      grid-column: span 8/span 8;
    }
    .col-sm-8.justify-center {
      grid-column-start: 3;
    }
    .col-sm-9 {
      grid-column: span 9/span 9;
    }
    .col-sm-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-sm-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-sm-10 {
      grid-column: span 10/span 10;
    }
    .col-sm-10.justify-center {
      grid-column-start: 2;
    }
    .col-sm-11 {
      grid-column: span 11/span 11;
    }
    .col-sm-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-sm-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-sm-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-sm-12 {
      grid-column: span 12/span 12;
    }
    .col-sm-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-sm-1 {
      grid-column-start: 1;
    }
    .col-start-sm-2 {
      grid-column-start: 2;
    }
    .col-start-sm-3 {
      grid-column-start: 3;
    }
    .col-start-sm-4 {
      grid-column-start: 4;
    }
    .col-start-sm-5 {
      grid-column-start: 5;
    }
    .col-start-sm-6 {
      grid-column-start: 6;
    }
    .col-start-sm-7 {
      grid-column-start: 7;
    }
    .col-start-sm-8 {
      grid-column-start: 8;
    }
    .col-start-sm-9 {
      grid-column-start: 9;
    }
    .col-start-sm-10 {
      grid-column-start: 10;
    }
    .col-start-sm-11 {
      grid-column-start: 11;
    }
    .col-start-sm-12 {
      grid-column-start: 12;
    }
    .row-start-sm-1 {
      grid-row-start: 1;
    }
    .row-start-sm-2 {
      grid-row-start: 2;
    }
    .row-start-sm-3 {
      grid-row-start: 3;
    }
    .row-start-sm-4 {
      grid-row-start: 4;
    }
    .row-start-sm-5 {
      grid-row-start: 5;
    }
    .row-start-sm-6 {
      grid-row-start: 6;
    }
    .row-start-sm-7 {
      grid-row-start: 7;
    }
    .row-start-sm-8 {
      grid-row-start: 8;
    }
    .row-start-sm-9 {
      grid-row-start: 9;
    }
    .row-start-sm-10 {
      grid-row-start: 10;
    }
    .row-start-sm-11 {
      grid-row-start: 11;
    }
    .row-start-sm-12 {
      grid-row-start: 12;
    }
    .row-span-sm-1 {
      grid-row: span 1/span 1;
    }
    .row-span-sm-2 {
      grid-row: span 2/span 2;
    }
    .row-span-sm-3 {
      grid-row: span 3/span 3;
    }
    .row-span-sm-4 {
      grid-row: span 4/span 4;
    }
    .row-span-sm-5 {
      grid-row: span 5/span 5;
    }
    .row-span-sm-6 {
      grid-row: span 6/span 6;
    }
    .row-span-sm-7 {
      grid-row: span 7/span 7;
    }
    .row-span-sm-8 {
      grid-row: span 8/span 8;
    }
    .row-span-sm-9 {
      grid-row: span 9/span 9;
    }
    .row-span-sm-10 {
      grid-row: span 10/span 10;
    }
    .row-span-sm-11 {
      grid-row: span 11/span 11;
    }
    .row-span-sm-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-right-sm {
      grid-column-end: -1;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-sm {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-start {
      justify-self: start;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-end {
      justify-self: end;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .justify-sm-stretch {
      justify-self: stretch;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-start {
      align-self: start;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-center {
      align-self: center;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-end {
      align-self: end;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
    .align-sm-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 48rem) {
    .col-md-1 {
      grid-column: span 1/span 1;
    }
    .col-md-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-md-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-md-2 {
      grid-column: span 2/span 2;
    }
    .col-md-2.justify-center {
      grid-column-start: 6;
    }
    .col-md-3 {
      grid-column: span 3/span 3;
    }
    .col-md-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-md-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-md-4 {
      grid-column: span 4/span 4;
    }
    .col-md-4.justify-center {
      grid-column-start: 5;
    }
    .col-md-5 {
      grid-column: span 5/span 5;
    }
    .col-md-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-md-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-md-6 {
      grid-column: span 6/span 6;
    }
    .col-md-6.justify-center {
      grid-column-start: 4;
    }
    .col-md-7 {
      grid-column: span 7/span 7;
    }
    .col-md-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-md-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-md-8 {
      grid-column: span 8/span 8;
    }
    .col-md-8.justify-center {
      grid-column-start: 3;
    }
    .col-md-9 {
      grid-column: span 9/span 9;
    }
    .col-md-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-md-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-md-10 {
      grid-column: span 10/span 10;
    }
    .col-md-10.justify-center {
      grid-column-start: 2;
    }
    .col-md-11 {
      grid-column: span 11/span 11;
    }
    .col-md-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-md-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-md-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-md-12 {
      grid-column: span 12/span 12;
    }
    .col-md-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-md-1 {
      grid-column-start: 1;
    }
    .col-start-md-2 {
      grid-column-start: 2;
    }
    .col-start-md-3 {
      grid-column-start: 3;
    }
    .col-start-md-4 {
      grid-column-start: 4;
    }
    .col-start-md-5 {
      grid-column-start: 5;
    }
    .col-start-md-6 {
      grid-column-start: 6;
    }
    .col-start-md-7 {
      grid-column-start: 7;
    }
    .col-start-md-8 {
      grid-column-start: 8;
    }
    .col-start-md-9 {
      grid-column-start: 9;
    }
    .col-start-md-10 {
      grid-column-start: 10;
    }
    .col-start-md-11 {
      grid-column-start: 11;
    }
    .col-start-md-12 {
      grid-column-start: 12;
    }
    .row-start-md-1 {
      grid-row-start: 1;
    }
    .row-start-md-2 {
      grid-row-start: 2;
    }
    .row-start-md-3 {
      grid-row-start: 3;
    }
    .row-start-md-4 {
      grid-row-start: 4;
    }
    .row-start-md-5 {
      grid-row-start: 5;
    }
    .row-start-md-6 {
      grid-row-start: 6;
    }
    .row-start-md-7 {
      grid-row-start: 7;
    }
    .row-start-md-8 {
      grid-row-start: 8;
    }
    .row-start-md-9 {
      grid-row-start: 9;
    }
    .row-start-md-10 {
      grid-row-start: 10;
    }
    .row-start-md-11 {
      grid-row-start: 11;
    }
    .row-start-md-12 {
      grid-row-start: 12;
    }
    .row-span-md-1 {
      grid-row: span 1/span 1;
    }
    .row-span-md-2 {
      grid-row: span 2/span 2;
    }
    .row-span-md-3 {
      grid-row: span 3/span 3;
    }
    .row-span-md-4 {
      grid-row: span 4/span 4;
    }
    .row-span-md-5 {
      grid-row: span 5/span 5;
    }
    .row-span-md-6 {
      grid-row: span 6/span 6;
    }
    .row-span-md-7 {
      grid-row: span 7/span 7;
    }
    .row-span-md-8 {
      grid-row: span 8/span 8;
    }
    .row-span-md-9 {
      grid-row: span 9/span 9;
    }
    .row-span-md-10 {
      grid-row: span 10/span 10;
    }
    .row-span-md-11 {
      grid-row: span 11/span 11;
    }
    .row-span-md-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-right-md {
      grid-column-end: -1;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-md {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-start {
      justify-self: start;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-end {
      justify-self: end;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .justify-md-stretch {
      justify-self: stretch;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-start {
      align-self: start;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-center {
      align-self: center;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-end {
      align-self: end;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
    .align-md-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 60rem) {
    .col-menu-1 {
      grid-column: span 1/span 1;
    }
    .col-menu-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-menu-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-menu-2 {
      grid-column: span 2/span 2;
    }
    .col-menu-2.justify-center {
      grid-column-start: 6;
    }
    .col-menu-3 {
      grid-column: span 3/span 3;
    }
    .col-menu-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-menu-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-menu-4 {
      grid-column: span 4/span 4;
    }
    .col-menu-4.justify-center {
      grid-column-start: 5;
    }
    .col-menu-5 {
      grid-column: span 5/span 5;
    }
    .col-menu-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-menu-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-menu-6 {
      grid-column: span 6/span 6;
    }
    .col-menu-6.justify-center {
      grid-column-start: 4;
    }
    .col-menu-7 {
      grid-column: span 7/span 7;
    }
    .col-menu-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-menu-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-menu-8 {
      grid-column: span 8/span 8;
    }
    .col-menu-8.justify-center {
      grid-column-start: 3;
    }
    .col-menu-9 {
      grid-column: span 9/span 9;
    }
    .col-menu-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-menu-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-menu-10 {
      grid-column: span 10/span 10;
    }
    .col-menu-10.justify-center {
      grid-column-start: 2;
    }
    .col-menu-11 {
      grid-column: span 11/span 11;
    }
    .col-menu-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-menu-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-menu-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-menu-12 {
      grid-column: span 12/span 12;
    }
    .col-menu-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-menu-1 {
      grid-column-start: 1;
    }
    .col-start-menu-2 {
      grid-column-start: 2;
    }
    .col-start-menu-3 {
      grid-column-start: 3;
    }
    .col-start-menu-4 {
      grid-column-start: 4;
    }
    .col-start-menu-5 {
      grid-column-start: 5;
    }
    .col-start-menu-6 {
      grid-column-start: 6;
    }
    .col-start-menu-7 {
      grid-column-start: 7;
    }
    .col-start-menu-8 {
      grid-column-start: 8;
    }
    .col-start-menu-9 {
      grid-column-start: 9;
    }
    .col-start-menu-10 {
      grid-column-start: 10;
    }
    .col-start-menu-11 {
      grid-column-start: 11;
    }
    .col-start-menu-12 {
      grid-column-start: 12;
    }
    .row-start-menu-1 {
      grid-row-start: 1;
    }
    .row-start-menu-2 {
      grid-row-start: 2;
    }
    .row-start-menu-3 {
      grid-row-start: 3;
    }
    .row-start-menu-4 {
      grid-row-start: 4;
    }
    .row-start-menu-5 {
      grid-row-start: 5;
    }
    .row-start-menu-6 {
      grid-row-start: 6;
    }
    .row-start-menu-7 {
      grid-row-start: 7;
    }
    .row-start-menu-8 {
      grid-row-start: 8;
    }
    .row-start-menu-9 {
      grid-row-start: 9;
    }
    .row-start-menu-10 {
      grid-row-start: 10;
    }
    .row-start-menu-11 {
      grid-row-start: 11;
    }
    .row-start-menu-12 {
      grid-row-start: 12;
    }
    .row-span-menu-1 {
      grid-row: span 1/span 1;
    }
    .row-span-menu-2 {
      grid-row: span 2/span 2;
    }
    .row-span-menu-3 {
      grid-row: span 3/span 3;
    }
    .row-span-menu-4 {
      grid-row: span 4/span 4;
    }
    .row-span-menu-5 {
      grid-row: span 5/span 5;
    }
    .row-span-menu-6 {
      grid-row: span 6/span 6;
    }
    .row-span-menu-7 {
      grid-row: span 7/span 7;
    }
    .row-span-menu-8 {
      grid-row: span 8/span 8;
    }
    .row-span-menu-9 {
      grid-row: span 9/span 9;
    }
    .row-span-menu-10 {
      grid-row: span 10/span 10;
    }
    .row-span-menu-11 {
      grid-row: span 11/span 11;
    }
    .row-span-menu-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-right-menu {
      grid-column-end: -1;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-menu {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-start {
      justify-self: start;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-end {
      justify-self: end;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .justify-menu-stretch {
      justify-self: stretch;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-start {
      align-self: start;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-center {
      align-self: center;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-end {
      align-self: end;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
    .align-menu-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 64rem) {
    .col-lg-1 {
      grid-column: span 1/span 1;
    }
    .col-lg-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-lg-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-lg-2 {
      grid-column: span 2/span 2;
    }
    .col-lg-2.justify-center {
      grid-column-start: 6;
    }
    .col-lg-3 {
      grid-column: span 3/span 3;
    }
    .col-lg-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-lg-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-lg-4 {
      grid-column: span 4/span 4;
    }
    .col-lg-4.justify-center {
      grid-column-start: 5;
    }
    .col-lg-5 {
      grid-column: span 5/span 5;
    }
    .col-lg-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-lg-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-lg-6 {
      grid-column: span 6/span 6;
    }
    .col-lg-6.justify-center {
      grid-column-start: 4;
    }
    .col-lg-7 {
      grid-column: span 7/span 7;
    }
    .col-lg-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-lg-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-lg-8 {
      grid-column: span 8/span 8;
    }
    .col-lg-8.justify-center {
      grid-column-start: 3;
    }
    .col-lg-9 {
      grid-column: span 9/span 9;
    }
    .col-lg-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-lg-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-lg-10 {
      grid-column: span 10/span 10;
    }
    .col-lg-10.justify-center {
      grid-column-start: 2;
    }
    .col-lg-11 {
      grid-column: span 11/span 11;
    }
    .col-lg-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-lg-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-lg-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-lg-12 {
      grid-column: span 12/span 12;
    }
    .col-lg-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-lg-1 {
      grid-column-start: 1;
    }
    .col-start-lg-2 {
      grid-column-start: 2;
    }
    .col-start-lg-3 {
      grid-column-start: 3;
    }
    .col-start-lg-4 {
      grid-column-start: 4;
    }
    .col-start-lg-5 {
      grid-column-start: 5;
    }
    .col-start-lg-6 {
      grid-column-start: 6;
    }
    .col-start-lg-7 {
      grid-column-start: 7;
    }
    .col-start-lg-8 {
      grid-column-start: 8;
    }
    .col-start-lg-9 {
      grid-column-start: 9;
    }
    .col-start-lg-10 {
      grid-column-start: 10;
    }
    .col-start-lg-11 {
      grid-column-start: 11;
    }
    .col-start-lg-12 {
      grid-column-start: 12;
    }
    .row-start-lg-1 {
      grid-row-start: 1;
    }
    .row-start-lg-2 {
      grid-row-start: 2;
    }
    .row-start-lg-3 {
      grid-row-start: 3;
    }
    .row-start-lg-4 {
      grid-row-start: 4;
    }
    .row-start-lg-5 {
      grid-row-start: 5;
    }
    .row-start-lg-6 {
      grid-row-start: 6;
    }
    .row-start-lg-7 {
      grid-row-start: 7;
    }
    .row-start-lg-8 {
      grid-row-start: 8;
    }
    .row-start-lg-9 {
      grid-row-start: 9;
    }
    .row-start-lg-10 {
      grid-row-start: 10;
    }
    .row-start-lg-11 {
      grid-row-start: 11;
    }
    .row-start-lg-12 {
      grid-row-start: 12;
    }
    .row-span-lg-1 {
      grid-row: span 1/span 1;
    }
    .row-span-lg-2 {
      grid-row: span 2/span 2;
    }
    .row-span-lg-3 {
      grid-row: span 3/span 3;
    }
    .row-span-lg-4 {
      grid-row: span 4/span 4;
    }
    .row-span-lg-5 {
      grid-row: span 5/span 5;
    }
    .row-span-lg-6 {
      grid-row: span 6/span 6;
    }
    .row-span-lg-7 {
      grid-row: span 7/span 7;
    }
    .row-span-lg-8 {
      grid-row: span 8/span 8;
    }
    .row-span-lg-9 {
      grid-row: span 9/span 9;
    }
    .row-span-lg-10 {
      grid-row: span 10/span 10;
    }
    .row-span-lg-11 {
      grid-row: span 11/span 11;
    }
    .row-span-lg-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-right-lg {
      grid-column-end: -1;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-lg {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-start {
      justify-self: start;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-end {
      justify-self: end;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .justify-lg-stretch {
      justify-self: stretch;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-start {
      align-self: start;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-center {
      align-self: center;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-end {
      align-self: end;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
    .align-lg-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 75rem) {
    .col-xl-1 {
      grid-column: span 1/span 1;
    }
    .col-xl-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-xl-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-xl-2 {
      grid-column: span 2/span 2;
    }
    .col-xl-2.justify-center {
      grid-column-start: 6;
    }
    .col-xl-3 {
      grid-column: span 3/span 3;
    }
    .col-xl-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-xl-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-xl-4 {
      grid-column: span 4/span 4;
    }
    .col-xl-4.justify-center {
      grid-column-start: 5;
    }
    .col-xl-5 {
      grid-column: span 5/span 5;
    }
    .col-xl-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-xl-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-xl-6 {
      grid-column: span 6/span 6;
    }
    .col-xl-6.justify-center {
      grid-column-start: 4;
    }
    .col-xl-7 {
      grid-column: span 7/span 7;
    }
    .col-xl-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-xl-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-xl-8 {
      grid-column: span 8/span 8;
    }
    .col-xl-8.justify-center {
      grid-column-start: 3;
    }
    .col-xl-9 {
      grid-column: span 9/span 9;
    }
    .col-xl-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-xl-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-xl-10 {
      grid-column: span 10/span 10;
    }
    .col-xl-10.justify-center {
      grid-column-start: 2;
    }
    .col-xl-11 {
      grid-column: span 11/span 11;
    }
    .col-xl-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xl-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-xl-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-xl-12 {
      grid-column: span 12/span 12;
    }
    .col-xl-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-xl-1 {
      grid-column-start: 1;
    }
    .col-start-xl-2 {
      grid-column-start: 2;
    }
    .col-start-xl-3 {
      grid-column-start: 3;
    }
    .col-start-xl-4 {
      grid-column-start: 4;
    }
    .col-start-xl-5 {
      grid-column-start: 5;
    }
    .col-start-xl-6 {
      grid-column-start: 6;
    }
    .col-start-xl-7 {
      grid-column-start: 7;
    }
    .col-start-xl-8 {
      grid-column-start: 8;
    }
    .col-start-xl-9 {
      grid-column-start: 9;
    }
    .col-start-xl-10 {
      grid-column-start: 10;
    }
    .col-start-xl-11 {
      grid-column-start: 11;
    }
    .col-start-xl-12 {
      grid-column-start: 12;
    }
    .row-start-xl-1 {
      grid-row-start: 1;
    }
    .row-start-xl-2 {
      grid-row-start: 2;
    }
    .row-start-xl-3 {
      grid-row-start: 3;
    }
    .row-start-xl-4 {
      grid-row-start: 4;
    }
    .row-start-xl-5 {
      grid-row-start: 5;
    }
    .row-start-xl-6 {
      grid-row-start: 6;
    }
    .row-start-xl-7 {
      grid-row-start: 7;
    }
    .row-start-xl-8 {
      grid-row-start: 8;
    }
    .row-start-xl-9 {
      grid-row-start: 9;
    }
    .row-start-xl-10 {
      grid-row-start: 10;
    }
    .row-start-xl-11 {
      grid-row-start: 11;
    }
    .row-start-xl-12 {
      grid-row-start: 12;
    }
    .row-span-xl-1 {
      grid-row: span 1/span 1;
    }
    .row-span-xl-2 {
      grid-row: span 2/span 2;
    }
    .row-span-xl-3 {
      grid-row: span 3/span 3;
    }
    .row-span-xl-4 {
      grid-row: span 4/span 4;
    }
    .row-span-xl-5 {
      grid-row: span 5/span 5;
    }
    .row-span-xl-6 {
      grid-row: span 6/span 6;
    }
    .row-span-xl-7 {
      grid-row: span 7/span 7;
    }
    .row-span-xl-8 {
      grid-row: span 8/span 8;
    }
    .row-span-xl-9 {
      grid-row: span 9/span 9;
    }
    .row-span-xl-10 {
      grid-row: span 10/span 10;
    }
    .row-span-xl-11 {
      grid-row: span 11/span 11;
    }
    .row-span-xl-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-right-xl {
      grid-column-end: -1;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-start {
      justify-self: start;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-end {
      justify-self: end;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .justify-xl-stretch {
      justify-self: stretch;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-start {
      align-self: start;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-center {
      align-self: center;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-end {
      align-self: end;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
    .align-xl-stretch {
      align-self: stretch;
    }
  }
  @media only screen and (min-width: 108rem) {
    .col-xxl-1 {
      grid-column: span 1/span 1;
    }
    .col-xxl-1.justify-center {
      grid-column-start: 6.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-1.justify-center {
        width: calc(var(--singleColumnWidth) * 1 + 0 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(1, 1fr);
      }
      .col-xxl-1.justify-center > :not([class*=col-]) {
        grid-column: span 1/span 1;
      }
    }
    .col-xxl-2 {
      grid-column: span 2/span 2;
    }
    .col-xxl-2.justify-center {
      grid-column-start: 6;
    }
    .col-xxl-3 {
      grid-column: span 3/span 3;
    }
    .col-xxl-3.justify-center {
      grid-column-start: 5.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-3.justify-center {
        width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(3, 1fr);
      }
      .col-xxl-3.justify-center > :not([class*=col-]) {
        grid-column: span 3/span 3;
      }
    }
    .col-xxl-4 {
      grid-column: span 4/span 4;
    }
    .col-xxl-4.justify-center {
      grid-column-start: 5;
    }
    .col-xxl-5 {
      grid-column: span 5/span 5;
    }
    .col-xxl-5.justify-center {
      grid-column-start: 4.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-5.justify-center {
        width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(5, 1fr);
      }
      .col-xxl-5.justify-center > :not([class*=col-]) {
        grid-column: span 5/span 5;
      }
    }
    .col-xxl-6 {
      grid-column: span 6/span 6;
    }
    .col-xxl-6.justify-center {
      grid-column-start: 4;
    }
    .col-xxl-7 {
      grid-column: span 7/span 7;
    }
    .col-xxl-7.justify-center {
      grid-column-start: 3.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-7.justify-center {
        width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(7, 1fr);
      }
      .col-xxl-7.justify-center > :not([class*=col-]) {
        grid-column: span 7/span 7;
      }
    }
    .col-xxl-8 {
      grid-column: span 8/span 8;
    }
    .col-xxl-8.justify-center {
      grid-column-start: 3;
    }
    .col-xxl-9 {
      grid-column: span 9/span 9;
    }
    .col-xxl-9.justify-center {
      grid-column-start: 2.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-9.justify-center {
        width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(9, 1fr);
      }
      .col-xxl-9.justify-center > :not([class*=col-]) {
        grid-column: span 9/span 9;
      }
    }
    .col-xxl-10 {
      grid-column: span 10/span 10;
    }
    .col-xxl-10.justify-center {
      grid-column-start: 2;
    }
    .col-xxl-11 {
      grid-column: span 11/span 11;
    }
    .col-xxl-11.justify-center {
      grid-column-start: 1.5;
      grid-column: span 12/span 12;
      margin-inline: auto;
    }
    @layer base {
      .col-xxl-11.justify-center {
        width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
        max-width: 100%;
        padding-inline: 0;
        grid-template-columns: repeat(11, 1fr);
      }
      .col-xxl-11.justify-center > :not([class*=col-]) {
        grid-column: span 11/span 11;
      }
    }
    .col-xxl-12 {
      grid-column: span 12/span 12;
    }
    .col-xxl-12.justify-center {
      grid-column-start: 1;
    }
    .col-start-xxl-1 {
      grid-column-start: 1;
    }
    .col-start-xxl-2 {
      grid-column-start: 2;
    }
    .col-start-xxl-3 {
      grid-column-start: 3;
    }
    .col-start-xxl-4 {
      grid-column-start: 4;
    }
    .col-start-xxl-5 {
      grid-column-start: 5;
    }
    .col-start-xxl-6 {
      grid-column-start: 6;
    }
    .col-start-xxl-7 {
      grid-column-start: 7;
    }
    .col-start-xxl-8 {
      grid-column-start: 8;
    }
    .col-start-xxl-9 {
      grid-column-start: 9;
    }
    .col-start-xxl-10 {
      grid-column-start: 10;
    }
    .col-start-xxl-11 {
      grid-column-start: 11;
    }
    .col-start-xxl-12 {
      grid-column-start: 12;
    }
    .row-start-xxl-1 {
      grid-row-start: 1;
    }
    .row-start-xxl-2 {
      grid-row-start: 2;
    }
    .row-start-xxl-3 {
      grid-row-start: 3;
    }
    .row-start-xxl-4 {
      grid-row-start: 4;
    }
    .row-start-xxl-5 {
      grid-row-start: 5;
    }
    .row-start-xxl-6 {
      grid-row-start: 6;
    }
    .row-start-xxl-7 {
      grid-row-start: 7;
    }
    .row-start-xxl-8 {
      grid-row-start: 8;
    }
    .row-start-xxl-9 {
      grid-row-start: 9;
    }
    .row-start-xxl-10 {
      grid-row-start: 10;
    }
    .row-start-xxl-11 {
      grid-row-start: 11;
    }
    .row-start-xxl-12 {
      grid-row-start: 12;
    }
    .row-span-xxl-1 {
      grid-row: span 1/span 1;
    }
    .row-span-xxl-2 {
      grid-row: span 2/span 2;
    }
    .row-span-xxl-3 {
      grid-row: span 3/span 3;
    }
    .row-span-xxl-4 {
      grid-row: span 4/span 4;
    }
    .row-span-xxl-5 {
      grid-row: span 5/span 5;
    }
    .row-span-xxl-6 {
      grid-row: span 6/span 6;
    }
    .row-span-xxl-7 {
      grid-row: span 7/span 7;
    }
    .row-span-xxl-8 {
      grid-row: span 8/span 8;
    }
    .row-span-xxl-9 {
      grid-row: span 9/span 9;
    }
    .row-span-xxl-10 {
      grid-row: span 10/span 10;
    }
    .row-span-xxl-11 {
      grid-row: span 11/span 11;
    }
    .row-span-xxl-12 {
      grid-row: span 12/span 12;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-right-xxl {
      grid-column-end: -1;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .pull-left-xxl {
      grid-row-start: 1;
      grid-column-end: inherit;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-start {
      justify-self: start;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-end {
      justify-self: end;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .justify-xxl-stretch {
      justify-self: stretch;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-start {
      align-self: start;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-center {
      align-self: center;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-end {
      align-self: end;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
    .align-xxl-stretch {
      align-self: stretch;
    }
  }
}
@media screen and (min-width: 0) {
  :root {
    --space-4xs: 0.5rem;
    --space-3xs: 1rem;
    --space-xxs: 2rem;
    --space-xs: 3rem;
    --space-sm: 3.75rem;
    --space-md: 5rem;
    --space-lg: 10rem;
    --space-xl: 20rem;
    --space-xxl: 25rem;
    --space-3xl: 35rem;
    --space-section: 15rem;
    --space-section-sm: 5rem;
    --space-section-md: 10rem;
    --space-section-lg: 20rem;
  }
}
@media only screen and (max-width: 47.999rem) {
  :root {
    --space-section: 10rem;
  }
}

:root {
  --color-black: #090b11;
  --color-white: #fdfdfd;
  --color-black-medium: #2e2d2f;
  --color-black-light: #3a383c;
  --color-grey-dark: #504b53;
  --color-grey-medium: #88848b;
  --color-grey: #e3e3e3;
  --color-grey-light: #f5f5f5;
  --blue: #0077cc;
  --blue-10: #dee9f1;
  --info-blue: #00aaa2;
  --info-orange: #e69800;
  --info-pink: #ff00ff;
  --neutral-0: #fdfdfd;
  --neutral-10: #f0f1f3;
  --neutral-100: #090b11;
  --neutral-20: #acb0b8;
  --neutral-60: #515766;
  --neutral-80: #1a1e28;
  --black-gradient: linear-gradient(104deg, var(--neutral-100, #090B11) 0%, var(--neutral-80, #1A1E28) 100%);
  --color-sucess: #3bd87a;
  --color-error: #d8443b;
  --color-border: var(--neutral-80);
  --color-primary: var(--neutral-80);
  --color-secondary: var(--color-white);
  --color-tertiary: var(--color-black);
  --color-medium: var(--color-grey-light);
  --color-grid: var(--color-purple);
  --primary-brand: var(--color-purple);
  --secondary-brand: var(--color-black);
  --tertiary-brand: var(--color-green);
  --color-meta-theme: #1a1e28;
  --color-grid-gutter: var(--color-white);
  --color-grid-col: var(--color-grey-dark);
  --color-grid-outer: var(--color-black);
  --grid-helper-opacity: 0.2;
  /* ------------------------------------
      future dark mode color definitions
  ------------------------------------- */
}
[data-theme="Mode 1"] {
  /* color */
}

:root {
  --heading-5xl-fs: 9rem;
  --heading-5xl-fw: 900;
  --heading-5xl-lh: 1.1;
  --heading-5xl-ls: 4.32px;
  --heading-4xl-fs: 6rem;
  --heading-4xl-fw: 900;
  --heading-4xl-lh: 1;
  --heading-3xl-fs: 5rem;
  --heading-3xl-fw: 900;
  --heading-3xl-lh: 1;
  --heading-3xl-ls: 2.4px;
  --heading-2xl-fs: 4rem;
  --heading-2xl-fw: 900;
  --heading-2xl-lh: 1;
  --heading-2xl-ls: 1.92px;
  --heading-xl-fs: 3.5rem;
  --heading-xl-fw: 900;
  --heading-xl-lh: 1;
  --heading-l-fs: 3rem;
  --heading-l-fw: 900;
  --heading-l-lh: 1;
  --heading-m-fs: 2.5rem;
  --heading-m-fw: 900;
  --heading-m-lh: 1;
  --heading-s-fs: 2rem;
  --heading-s-fw: 500;
  --heading-s-lh: 1;
  --heading-xs-fs: 1.75rem;
  --heading-xs-fw: 500;
  --heading-xs-lh: 1;
  --body-xl-fs: 4rem;
  --body-xl-fw: 600;
  --body-xl-lh: 1.2;
  --body-l-fs: 3.25rem;
  --body-l-fw: 600;
  --body-l-lh: 1.2;
  --body-fs: 2.75rem;
  --body-fw: 400;
  --body-lh: 1.4;
  --body-s-fs: 2.25rem;
  --body-s-fw: 400;
  --body-s-lh: 1.42;
  --body-s-ls: 0.14px;
  --body-xs-fs: 1.75rem;
  --body-xs-fw: 400;
  --body-xs-lh: 1.33;
  --body-xs-ls: 0.12px;
  --btn-fs: 2.5rem;
  --btn-fw: 900;
  --btn-lh: normal;
  --btn-s-fs: 1.75rem;
  --btn-s-fw: 900;
  --btn-s-lh: normal;
  /* ------------------------------------
      font size for tablet and below
  ------------------------------------- */
}
@media only screen and (max-width: 39.999rem) {
  :root {
    --body-fs: 2.25rem;
  }
}

@font-face {
  font-display: fallback;
  font-family: "barlow";
  font-style: normal;
  font-weight: 500;
  src: url("/bundles/app/fonts/barlow-v12-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: fallback;
  font-family: "barlow";
  font-style: normal;
  font-weight: 700;
  src: url("/bundles/app/fonts/barlow-v12-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: fallback;
  font-family: "barlow";
  font-style: normal;
  font-weight: 400;
  src: url("/bundles/app/fonts/barlow-v12-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: fallback;
  font-family: "barlow";
  font-style: normal;
  font-weight: 900;
  src: url("/bundles/app/fonts/barlow-v12-latin-900italic.woff2") format("woff2");
}
html {
  font-size: 8px;
}

body {
  font-family: var(--font-family);
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  color: var(--neutral-80);
  --font-family: "barlow", sans-serif;
  --font-family-alt: "barlow", sans-serif;
}

.content-accordion {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  width: 100%;
  border: none;
}
.content-accordion--wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.content-accordion-item {
  overflow: hidden;
  padding: 0;
  margin-block-start: -2px;
  border: 2px solid var(--color-border);
  background: transparent;
}
.content-accordion-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  width: 40px;
  height: 40px;
  color: var(--neutral-80);
  transition: var(--transtime-fast) transform;
  line-height: 0;
}
.content-accordion .handorgel__header__button {
  position: relative;
  display: flex;
  justify-content: space-between;
  place-items: center;
  padding: 1.5rem 2rem;
  background: transparent;
  transition: var(--transtime-fast) background-color, color var(--transtime-fast);
  cursor: pointer;
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  font-style: italic;
  text-transform: uppercase;
}
@media only screen and (min-width: 60rem) {
  .content-accordion .handorgel__header__button {
    padding: 1.5rem 3rem;
  }
  .content-accordion .handorgel__header__button:hover {
    background-color: var(--color-white);
  }
  .content-accordion .handorgel__header__button:hover > span {
    transform: translateX(2rem);
  }
}
.content-accordion .handorgel__header__button span {
  transition: transform var(--transtime-fast);
}
.content-accordion .handorgel__header--open .handorgel__header__button {
  color: var(--neutral-80);
  background-color: var(--color-white);
}
@media only screen and (min-width: 60rem) {
  .content-accordion .handorgel__header--open .handorgel__header__button > span {
    transform: translateX(2rem);
  }
}
.content-accordion .handorgel__header--open .content-accordion-item-icon {
  transform: rotate(-180deg);
  transform-origin: center;
}
.content-accordion .handorgel__content {
  background: none;
  border: none;
}
.content-accordion .handorgel__content__inner {
  padding: 0 2rem 2rem;
  background-color: var(--color-white);
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
@media only screen and (min-width: 60rem) {
  .content-accordion .handorgel__content__inner {
    padding: 0 5rem 5rem;
  }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2024 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 0.2s;
  --animate-repeat: 1;
}

.js-ready .animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/*@import 'fading_entrances/fadeInDownBig.css';*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60px, 0, 0);
    transform: translate3d(-60px, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*@import 'fading_entrances/fadeInLeftBig.css';*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*@import 'fading_entrances/fadeInRightBig.css';*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*!* Zooming entrances *!*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 1;
  }
}
[data-animate].animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.content-rsce-ankernav--toggler-icon {
  display: none;
}

@media only screen and (max-width: 59.999rem) {
  .content-rsce-ankernav {
    --width: 4.5rem;
    --thickness: 0.375rem;
    --gap: 1rem;
    --border-radius: 0px;
    --rotate: 45deg;
    align-self: center;
  }
  .navigation-open .content-rsce-ankernav--toggler-inner span {
    opacity: 0;
    background: var(--neutral-0);
  }
  .navigation-open .content-rsce-ankernav--toggler-inner span:first-child {
    opacity: 1;
    transform: rotate(var(--rotate)) translateY(7.5px) translateX(7.5px);
  }
  .navigation-open .content-rsce-ankernav--toggler-inner span:last-child {
    opacity: 1;
    transform: rotate(calc(var(--rotate) * -1)) translateY(-8.5px) translateX(8.5px);
  }
  .navigation-open .content-rsce-ankernav--nav {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s;
  }
  .content-rsce-ankernav--toggler-icon {
    display: block;
    position: relative;
    z-index: 500;
    top: 50%;
    right: 0;
    margin: 0;
    width: var(--width);
  }
  .content-rsce-ankernav--toggler-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: var(--gap);
    width: 100%;
    height: 100%;
  }
  .content-rsce-ankernav--toggler-inner span {
    display: inline-block;
    width: 100%;
    height: var(--thickness);
    background: var(--color-white);
    border-radius: var(--border-radius);
    transform: translate(0, 0);
    transition: transform var(--transtime-fast);
  }
  .content-rsce-ankernav--toggler-inner:hover {
    cursor: pointer;
  }
  .content-rsce-ankernav .overlay {
    position: fixed;
    overflow: hidden;
    z-index: 500;
    margin: 0;
    display: none;
    flex-direction: column;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    list-style-type: none;
    background: var(--neutral-100);
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
  }
  .navigation-open .content-rsce-ankernav .overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .js-ready .content-rsce-ankernav .overlay {
    display: flex;
  }
  .content-rsce-ankernav .overlay ul.nav {
    place-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 2rem !important;
  }
  .content-rsce-ankernav .overlay ul.nav.level_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .content-rsce-ankernav .overlay ul.nav a,
  .content-rsce-ankernav .overlay ul.nav strong {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 1rem;
    color: var(--neutral-0);
    text-decoration: none;
    font-size: 5rem !important;
  }
  .content-rsce-ankernav .overlay ul.nav a.active, .content-rsce-ankernav .overlay ul.nav a:hover,
  .content-rsce-ankernav .overlay ul.nav strong.active,
  .content-rsce-ankernav .overlay ul.nav strong:hover {
    color: var(--neutral-0);
  }
}
/* Import all variables */
.mod_article__inner:has(.content-rsce-ankernav) {
  overflow: visible;
}

.content-rsce-ankernav .overlay {
  display: flex;
  gap: 10rem;
  align-items: center;
  justify-content: center;
}
.content-rsce-ankernav ul {
  display: flex;
  gap: 6rem;
  justify-content: center;
  align-items: center;
  margin: 0;
}
@media only screen and (min-width: 75rem) {
  .content-rsce-ankernav ul {
    gap: 7.5rem;
  }
}
.content-rsce-ankernav ul li {
  margin: 0;
  padding: 0;
  display: block;
}
.content-rsce-ankernav ul li:before {
  content: none;
}
.content-rsce-ankernav ul strong,
.content-rsce-ankernav ul a {
  position: relative;
  display: block;
  padding-block: 0 0.5rem;
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  font-weight: 700;
  font-size: 2.25rem;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  color: var(--neutral-0);
}
.content-rsce-ankernav ul strong:hover:after, .content-rsce-ankernav ul strong.active:after,
.content-rsce-ankernav ul a:hover:after,
.content-rsce-ankernav ul a.active:after {
  transform: scaleX(1);
}
.scroll-down .content-rsce-ankernav ul strong:hover:after, .scroll-down .content-rsce-ankernav ul strong.active:after,
.scroll-down .content-rsce-ankernav ul a:hover:after,
.scroll-down .content-rsce-ankernav ul a.active:after {
  transform-origin: left bottom;
}
.scroll-up .content-rsce-ankernav ul strong:hover:after, .scroll-up .content-rsce-ankernav ul strong.active:after,
.scroll-up .content-rsce-ankernav ul a:hover:after,
.scroll-up .content-rsce-ankernav ul a.active:after {
  transform-origin: right bottom;
}
.content-rsce-ankernav ul strong:after,
.content-rsce-ankernav ul a:after {
  content: "";
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--neutral-0);
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: left bottom;
  transition: transform var(--transtime-fast);
}
.scroll-down .content-rsce-ankernav ul strong:after,
.scroll-down .content-rsce-ankernav ul a:after {
  transform-origin: right bottom;
}
.scroll-up .content-rsce-ankernav ul strong:after,
.scroll-up .content-rsce-ankernav ul a:after {
  transform-origin: left bottom;
}

:root {
  --lotti-offset-bottom: 0;
}

.mod_article {
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
  scroll-margin-top: 100px;
  padding-block: var(--space-section);
}
.mod_article__inner {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}
.mod_article__inner > .mod_article__inner {
  margin-inline: 0;
  max-width: 100%;
}
.mod_article__inner .mod_article {
  padding-block: 0;
}
.mod_article.spacing__top--none {
  margin-block-start: 0;
  padding-block-start: 0;
}
.mod_article.spacing__top--small {
  margin-block-start: 0;
  padding-block-start: var(--space-section-sm);
}
.mod_article.spacing__top--medium {
  margin-block-start: 0;
  padding-block-start: var(--space-section-md);
}
.mod_article.spacing__top--large {
  margin-block-start: 0;
  padding-block-start: var(--space-section-lg);
}
.mod_article.spacing__bottom--none {
  margin-block-end: 0;
  padding-block-end: 0;
}
.mod_article.spacing__bottom--small {
  margin-block-end: 0;
  padding-block-end: var(--space-section-sm);
}
.mod_article.spacing__bottom--medium {
  margin-block-end: 0;
  padding-block-end: var(--space-section-md);
}
.mod_article.spacing__bottom--large {
  margin-block-end: 0;
  padding-block-end: var(--space-section-lg);
}
.mod_article__grid-row-large > .mod_article__inner {
  row-gap: var(--space-lg);
}
@media only screen and (min-width: 108rem) {
  .mod_article__grid-row-large > .mod_article__inner {
    row-gap: var(--space-xl);
  }
}
.mod_article__grid-row-small > .mod_article__inner {
  row-gap: var(--space-xxs);
}
@media only screen and (min-width: 108rem) {
  .mod_article__grid-column-large > .mod_article__inner {
    column-gap: var(--space-lg);
  }
}
.mod_article__grid-column-small > .mod_article__inner {
  column-gap: var(--space-xxs);
}
.mod_article__width-full > .mod_article__inner {
  max-width: none;
  padding-inline: 0;
}
@layer base {
  .mod_article__width-small > .mod_article__inner {
    width: calc(var(--singleColumnWidth) * 8 + 7 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    grid-template-columns: repeat(8, 1fr);
  }
  .mod_article__width-small > .mod_article__inner > :not([class*=col-]) {
    grid-column: span 8/span 8;
  }
}
.mod_article__background-color-white {
  background-color: var(--color-white);
}
.mod_article__background-color-white + .mod_article__background-color-white:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-color-dark {
  background-color: var(--color-black);
}
.mod_article__background-color-dark + .mod_article__background-color-dark:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-color-grey {
  background-color: var(--neutral-10);
}
.mod_article__background-color-grey + .mod_article__background-color-grey:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-position-top-left {
  background-position: top left;
}
.mod_article__background-position-top-left .mod_article__lotti {
  left: 0;
  top: 0;
}
.mod_article__background-position-top-right {
  background-position: top right;
}
.mod_article__background-position-top-right .mod_article__lotti {
  right: 0;
  top: 0;
}
.mod_article__background-position-bottom-left {
  background-position: bottom left;
}
.mod_article__background-position-bottom-left .mod_article__lotti {
  left: 0;
  bottom: 0;
}
.mod_article__background-position-bottom-right {
  background-position: bottom right;
}
.mod_article__background-position-bottom-right .mod_article__lotti {
  right: 0;
  bottom: 0;
}
.mod_article__background img, .mod_article__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
@layer base {
  .mod_article--gridColumns-4 .mod_article__inner {
    width: calc(var(--singleColumnWidth) * 4 + 3 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    grid-template-columns: repeat(4, 1fr);
  }
  .mod_article--gridColumns-4 .mod_article__inner > :not([class*=col-]) {
    grid-column: span 4/span 4;
  }
}
@layer base {
  .mod_article--gridColumns-6 .mod_article__inner {
    width: calc(var(--singleColumnWidth) * 6 + 5 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    grid-template-columns: repeat(6, 1fr);
  }
  .mod_article--gridColumns-6 .mod_article__inner > :not([class*=col-]) {
    grid-column: span 6/span 6;
  }
}
@layer base {
  .mod_article--gridColumns-8 .mod_article__inner {
    width: calc(var(--singleColumnWidth) * 8 + 7 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    grid-template-columns: repeat(8, 1fr);
  }
  .mod_article--gridColumns-8 .mod_article__inner > :not([class*=col-]) {
    grid-column: span 8/span 8;
  }
}
@layer base {
  .mod_article--gridColumns-10 .mod_article__inner {
    width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    grid-template-columns: repeat(10, 1fr);
  }
  .mod_article--gridColumns-10 .mod_article__inner > :not([class*=col-]) {
    grid-column: span 10/span 10;
  }
}
.mod_article__lotti {
  position: absolute;
  z-index: 1;
}

.ce_rsce_box {
  border-radius: var(--border-radius);
  background: var(--color-grey-light);
  padding-block: 7.5rem;
  padding-inline: var(--space-md);
}
.ce_rsce_box__headline {
  font-size: var(--title-h4-fs);
  font-weight: var(--title-h4-fw);
  line-height: var(--title-h4-lh);
  margin-block-end: var(--space-xxs);
}
.ce_rsce_box__text {
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  color: var(--color-grey-medium);
}
.ce_rsce_box .svg-icon {
  margin-block-end: var(--space-md);
  width: 7.5rem;
}
.ce_rsce_box.borderless {
  background: none;
  padding: 0;
}
.ce_rsce_box.borderless .svg-icon {
  margin-block-end: var(--space-xxs);
}

.ce_form button.submit, .btn {
  font-size: var(--btn-fs);
  font-weight: var(--btn-fw);
  line-height: var(--btn-lh);
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 3rem;
  margin-right: -3px;
  transition: color var(--transtime), background-color var(--transtime), transform var(--transtime), outline-color var(--transtime), translateX var(--transtime);
}
@media only screen and (min-width: 60rem) {
  .ce_form button.submit, .btn {
    padding: 3rem 5rem;
  }
}
.ce_form button.submit:has(.btn__title), .btn:has(.btn__title) {
  padding: 1.5rem 3rem;
}
@media only screen and (min-width: 60rem) {
  .ce_form button.submit:has(.btn__title), .btn:has(.btn__title) {
    padding: 2rem 4rem;
  }
}
.ce_form button.submit .svg-icon, .btn .svg-icon {
  width: 2.75rem;
  height: 2.75rem;
  transition: var(--transtime-fast) transform;
}

.btn-tertiary:hover .svg-icon, .btn-secondary:hover .svg-icon, .ce_form button.submit:hover .svg-icon, .btn-primary:hover .svg-icon, .content-gallery-impressions-btn:hover .svg-icon, .btn:hover .svg-icon {
  transform: scale(1.1);
}

.ce_form button.submit:hover, .btn-primary:hover, .content-gallery-impressions-btn:hover {
  color: var(--color-white);
}

.btn-tertiary:hover, .btn-secondary:hover {
  color: var(--neutral-80);
}

.btn {
  /* ------------------------------------
      Button sizes
  ------------------------------------- */
}
.btn-primary, .content-gallery-impressions-btn, .ce_form button.submit {
  color: var(--neutral-80);
  position: relative;
  overflow: hidden;
  border: 3px solid var(--neutral-80);
  transition: color 0.4s, transform 0.45s, outline-color 0.45s, border-color 0.45s, background 0.6s;
  background: linear-gradient(130deg, rgb(26, 30, 40) 0%, rgb(26, 30, 40) 50%, rgba(26, 30, 40, 0) 50%, rgba(26, 30, 40, 0) 100%);
  background-size: 400% 400%;
  background-position: 100% 50%;
}
.btn-primary:hover, .content-gallery-impressions-btn:hover, .ce_form button.submit:hover {
  background-position: 0% 100%;
}
.btn-secondary {
  color: var(--tertiary-brand);
  outline: none;
  background-color: transparent;
  padding-inline: 0 !important;
}
.btn-tertiary {
  color: var(--tertiary-brand);
  outline: 1px solid var(--tertiary-brand);
  background-color: transparent;
}
.btn-s {
  padding: 2rem;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  border-width: 3px;
}
.btn-s:has(.btn__title) {
  padding: 1.5rem 2rem;
}

.ce_rsce_buttonbox {
  display: flex;
  column-gap: 0;
  row-gap: 0;
  align-items: center;
}
.ce_rsce_buttonbox-align-center {
  justify-content: center;
}
.ce_rsce_buttonbox-align-right {
  justify-content: flex-end;
}
.ce_rsce_buttonbox.color-invert .btn:hover {
  color: var(--color-white) !important;
}

#main .mod_changelanguage {
  display: none;
}
.mod_changelanguage ul {
  display: flex;
  gap: var(--space-3xs);
  align-items: center;
}
#header .mod_changelanguage ul {
  gap: var(--space-xxs);
}
.mod_changelanguage li {
  position: relative;
}
#header .mod_changelanguage li {
  color: white;
}
#footer .mod_changelanguage li:last-child a:after,
#footer .mod_changelanguage li:last-child strong:after {
  display: none;
}
.mod_changelanguage a {
  font-weight: 700;
}
.mod_changelanguage strong {
  font-weight: 400;
}
.mod_changelanguage a,
.mod_changelanguage strong {
  display: flex;
  text-decoration: none;
}
.mod_changelanguage a:after,
.mod_changelanguage strong:after {
  content: "|";
  display: inline-block;
  margin-inline-start: var(--space-3xs);
}
.mod_changelanguage .nav-simpledropdown .item {
  background-color: var(--color-white);
}
.mod_changelanguage .nav-simpledropdown .item a,
.mod_changelanguage .nav-simpledropdown .item strong {
  color: var(--color-grey);
  display: block;
  padding: 1rem 2rem;
  margin-block-end: 0;
  text-transform: uppercase;
  gap: 1rem;
  align-items: center;
}
.mod_changelanguage .nav-simpledropdown .item a:after,
.mod_changelanguage .nav-simpledropdown .item strong:after {
  content: none;
}
.mod_changelanguage .nav-simpledropdown .item a:hover {
  background-color: var(--color-red);
  color: var(--color-white);
}
.mod_changelanguage .nav-simpledropdown .item .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.mod_changelanguage .nav-simpledropdown .item.active {
  background-color: var(--color-grey-light);
  cursor: pointer;
  display: flex;
}
.mod_changelanguage .nav-simpledropdown .subitems {
  position: absolute;
  width: 100%;
  display: none;
}
.mod_changelanguage .nav-simpledropdown .open {
  position: relative;
}
.mod_changelanguage .nav-simpledropdown .open .subitems {
  display: block;
}

@layer base {
  .ce_columns.ce_colStart[class*=col-] {
    display: grid;
    grid-template-columns: subgrid;
    column-gap: inherit;
    place-content: flex-start;
  }
  .ce_columns.ce_colStart[class*=col-] > *:not([class*=col-]) {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .ce_columns.grid-column-large {
    column-gap: var(--space-3xs);
  }
  .ce_columns.grid-column-small {
    column-gap: var(--space-3xs);
  }
  .ce_columns.grid-row-large {
    row-gap: 10rem;
  }
  .ce_columns.grid-row-small {
    row-gap: 0;
  }
}
.content-consent {
  position: fixed;
  z-index: 9999;
  bottom: 6rem;
  left: 5vw;
  width: 90vw;
  background: var(--color-white);
  border-radius: 1rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.content-consent.hidden {
  display: none;
}
.content-consent--inner {
  display: grid;
  grid-template-areas: "header" "intro" "button";
  align-items: center;
  column-gap: 4rem;
  row-gap: 1rem;
  padding: 3rem;
  color: var(--color-black);
}
@media only screen and (min-width: 48rem) {
  .content-consent--inner {
    grid-template-areas: "header button" "intro button";
    padding: 4rem;
  }
}
.content-consent--header {
  grid-area: header;
  padding: 0;
  text-align: left;
  border-bottom: none;
}
.content-consent--title {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  text-transform: uppercase;
}
.content-consent--intro {
  grid-area: intro;
  padding: 0;
  max-width: 65vw;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
.content-consent--buttons {
  grid-area: button;
  justify-content: flex-start;
  margin-block-start: 2rem;
  margin-block-end: 0;
  padding: 0;
}
@media only screen and (min-width: 48rem) {
  .content-consent--buttons {
    margin-block-start: 0;
    justify-self: flex-end;
  }
}
.content-consent--submit-all {
  text-align: left;
}

/* ------------------------------------
    global spacings
------------------------------------- */
.spacing__top--default {
  margin-block-start: 0;
}
.spacing__top--small {
  margin-block-start: var(--space-sm);
}
.spacing__top--medium {
  margin-block-start: var(--space-md);
}
.spacing__top--large {
  margin-block-start: var(--space-lg);
}
.spacing__bottom--default {
  margin-block-end: 0;
}
.spacing__bottom--small {
  margin-block-end: var(--space-sm);
}
.spacing__bottom--medium {
  margin-block-end: var(--space-md);
}
.spacing__bottom--large {
  margin-block-end: var(--space-lg);
}

@media only screen and (min-width: 40rem) {
  .pull-top-small-sm {
    margin-block-start: var(--space-sm);
  }
}
@media only screen and (min-width: 48rem) {
  .pull-top-small-md {
    margin-block-start: var(--space-sm);
  }
}
@media only screen and (min-width: 64rem) {
  .pull-top-small-lg {
    margin-block-start: var(--space-sm);
  }
}
@media only screen and (min-width: 75rem) {
  .pull-top-small-xl {
    margin-block-start: var(--space-sm);
  }
}
@media only screen and (min-width: 40rem) {
  .pull-top-medium-sm {
    margin-block-start: var(--space-md);
  }
}
@media only screen and (min-width: 48rem) {
  .pull-top-medium-md {
    margin-block-start: var(--space-md);
  }
}
@media only screen and (min-width: 64rem) {
  .pull-top-medium-lg {
    margin-block-start: var(--space-md);
  }
}
@media only screen and (min-width: 75rem) {
  .pull-top-medium-xl {
    margin-block-start: var(--space-md);
  }
}
@media only screen and (min-width: 40rem) {
  .pull-top-large-sm {
    margin-block-start: var(--space-lg);
  }
}
@media only screen and (min-width: 48rem) {
  .pull-top-large-md {
    margin-block-start: var(--space-lg);
  }
}
@media only screen and (min-width: 64rem) {
  .pull-top-large-lg {
    margin-block-start: var(--space-lg);
  }
}
@media only screen and (min-width: 75rem) {
  .pull-top-large-xl {
    margin-block-start: var(--space-lg);
  }
}

.color-invert {
  color: var(--color-white);
}

@media only screen and (min-width: 64rem) {
  .box_sticky {
    position: sticky;
    top: 120px;
  }
}
.content-element-group:has(.box_sticky) {
  overflow: initial !important;
}

/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.download-element {
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  /* ------------------------------------
      Extension icons
  ------------------------------------- */
}
.download-element:before {
  background-color: transparent;
}
.download-element .size {
  display: none;
}
.download-element a {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
  padding-block: 0.5rem;
  text-decoration: none;
}
.download-element a:hover .btn {
  color: var(--color-white);
}
.download-element a:hover .btn:before {
  opacity: 1;
}
.download-element .btn {
  margin-block-start: 0;
}
@layer base {
  .download-element.ext-jpeg:before, .download-element.ext-jpg:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/ext-jpg-DIHFDYVb.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}
@layer base {
  .download-element.ext-pdf:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/ext-jpg-DIHFDYVb.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}
@layer base {
  .download-element.ext-xml:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/ext-xml-BkA01iq3.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}
@layer base {
  .download-element.ext-csv:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/ext-csv-B3yc8MeD.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}
@layer base {
  .download-element:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/ext-fallback-_AXurpFe.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}

/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.ce_downloads {
  background-color: var(--color-white);
  padding: 6rem 5rem 4rem 5rem;
  border-radius: var(--border-radius-medium);
  box-shadow: 0 4px 12px 0 rgba(0, 64, 124, 0.2);
}
.ce_downloads ul {
  margin-block-start: 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.ce_downloads li {
  padding-block-end: 2rem;
  border-bottom: 1px solid rgba(0, 64, 124, 0.2);
}
.ce_downloads a {
  justify-content: space-between;
  width: 100%;
}
.ce_downloads h3 {
  margin-block: 0 3.5rem;
}
.mod_eventlist_isotope .ce_isotope--filter {
  padding-block-end: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style-type: none;
}
.mod_eventlist_isotope .ce_isotope--filter button {
  display: block;
  text-decoration: none;
  color: var(--color-text);
  padding: 2.5rem 3rem;
  min-height: 64px;
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius);
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  font-variation-settings: var(--fvs--medium);
  transition: color 0.2s ease-in-out, border 0.2s ease-in-out;
}
.mod_eventlist_isotope .ce_isotope--filter button:hover {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.mod_eventlist_isotope .ce_isotope--filter button.active {
  background: var(--color-black);
  color: var(--color-white);
  border: 1px solid var(--color-black);
}

.event--patchice {
  padding-block: var(--space-section);
}
.event--patchice .event--details {
  padding-inline: var(--grid-outer-gutter);
  max-width: var(--max-grid-width);
  margin-inline: auto;
}
.event--patchice .event--titledate h1 {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
}
.event--patchice .event--titledate h2 {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
}
.event--patchice .event--text, .event--patchice .event--pay {
  margin-block-start: 5rem;
}

.camp-detail #main {
  padding-top: 0 !important;
}
.camp-detail #main .mod_article:first-of-type {
  padding-block: 0;
}
.camp-detail #header {
  position: relative;
}

.mod_eventreader > .back {
  display: none;
}

@layer base {
  .event .mod_article__inner.row,
  .event .inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: var(--grid-row-gap) var(--grid-column-gap);
    grid-auto-columns: 1fr;
    padding-inline: var(--grid-outer-gutter);
    max-width: var(--max-grid-width);
    margin-inline: auto;
  }
  .event .mod_article__inner.row > :not([class*=col-]),
  .event .inner > :not([class*=col-]) {
    grid-column: span 12/span 12;
  }
}
.event--header {
  padding-block: 10rem;
  background: var(--black-gradient);
  color: var(--neutral-0);
}
.event--header .inner {
  display: flex;
  column-gap: var(--grid-column-gap);
  align-items: center;
}
.event--header-image {
  display: none;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 75rem) {
  .event--header-image {
    display: block;
    flex-basis: 45%;
  }
}
@media only screen and (min-width: 108rem) {
  .event--header-image {
    flex-basis: 33%;
  }
}
.event--header-image img {
  width: 100%;
  height: auto;
  filter: grayscale(100%) contrast(120%);
  -webkit-filter: grayscale(100%) contrast(120%);
}
.event--header-image .stoerer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event--header-image .stoerer span {
  display: block;
  color: var(--color-white);
  background: var(--blue);
  transform: rotate(-45deg) translateX(0%) translateY(-350%);
  transform-origin: center;
  text-align: center;
  padding: 2rem;
  width: 200%;
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  text-transform: uppercase;
}
.event--header-content time {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  color: var(--neutral-20);
  text-transform: uppercase;
}
.event--header-content h2 {
  margin-block-start: 2rem;
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  text-transform: uppercase;
}
.event--header-content-info {
  margin-block-start: 5rem;
}
.event--anchors {
  position: sticky;
  top: 0;
  z-index: 300;
  padding-block: 3rem;
  margin-block-start: 2px;
  background: var(--black-gradient);
}
@media only screen and (max-width: 59.999rem) {
  .event--anchors {
    display: flex;
    flex-direction: row-reverse;
    padding-inline: var(--grid-outer-gutter);
  }
}
.event--details .mod_article__inner,
.event--details .content-element-group {
  padding-block: var(--space-section);
  overflow: hidden;
}
.event--details .mod_article__inner:nth-child(even),
.event--details .content-element-group:nth-child(even) {
  background: var(--neutral-10);
}
.event--details .mod_article__inner > *,
.event--details .content-element-group > * {
  width: 100%;
  margin-inline: auto;
}
.event--details .mod_article__inner .ce_rowStart,
.event--details .content-element-group .ce_rowStart {
  align-items: center;
}
.event--details .mod_event_registration_form .cannot-register {
  border: 3px solid var(--color-border);
  padding: 5rem 2.5rem;
  text-align: center;
}
.event--details .mod_event_registration_form .cannot-register .content-text {
  margin: auto;
}

.mod_eventlist_higlight {
  margin-top: 10rem;
}
.mod_eventlist_higlight:has(.empty) {
  display: none;
}
.mod_eventlist_higlight .event_teaser {
  padding: 6rem 3rem 4rem 3rem;
  background: none;
  border-color: var(--color-white);
  color: var(--color-white);
}
.mod_eventlist_higlight .event_teaser.hovereffect {
  padding-bottom: 4rem;
}
.mod_eventlist_higlight .event_teaser.hovereffect:hover {
  transform: scale(1.01);
  background-color: transparent;
}
.mod_eventlist_higlight .event_teaser .time {
  position: absolute;
  right: -3px;
  top: -3px;
  border: 3px solid white;
  font-size: 16px;
  padding: 8px;
}
.mod_eventlist_higlight .event_teaser .time time {
  font-size: 24px;
  color: white;
}

.module-eventlist-accordeon .content-accordion-item .handorgel__header__button {
  font-size: 2.5rem;
  line-height: 1;
  padding: 1.25rem 3rem;
}
.module-eventlist-accordeon .content-accordion-item ul {
  margin-top: 0;
  list-style: none;
  border-block-end: 1px solid var(--neutral-20);
}
.module-eventlist-accordeon .content-accordion-item li {
  border-block-start: 1px solid var(--neutral-20);
  padding: 1rem 0.5rem;
  margin: 0;
}
.module-eventlist-accordeon .content-accordion-item li:hover {
  font-weight: 500;
  background-color: var(--neutral-10);
}
.module-eventlist-accordeon .content-accordion-item li:before {
  width: 20px;
  height: 20px;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}
@layer base {
  .module-eventlist-accordeon .content-accordion-item li:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/time-CyP38LUJ.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 4rem;
    height: 4rem;
  }
}
.module-eventlist-accordeon .content-accordion-item li a {
  display: block;
  padding-inline-start: 3rem;
}
.module-eventlist-accordeon .content-accordion-item li.isFull:hover {
  font-weight: normal;
  background-color: transparent;
}
.module-eventlist-accordeon .content-accordion-item li.isFull a {
  text-decoration: line-through;
  pointer-events: none;
}

.mod_eventlist_isotope .isotope-container {
  display: flex;
  margin-left: -2rem;
  margin-right: -2rem;
  width: calc(100% + var(--grid-column-gap));
}
.mod_eventlist_isotope .isotope-container__column {
  min-height: auto;
  width: calc(33.3333333333% - var(--grid-column-gap));
  margin: 2rem;
}

.event_teaser {
  position: relative;
  border: 3px solid var(--color-primary);
  padding: var(--space-md);
  transition: transform 0.25s ease-in-out, background-color 0.25s ease-in-out;
  background-color: var(--neutral-10);
}
@media only screen and (max-width: 39.999rem) {
  .event_teaser {
    padding: var(--space-xs);
  }
}
.event_teaser + .event_teaser {
  margin-top: -3px;
}
@media only screen and (min-width: 40rem) {
  .event_teaser.hovereffect {
    padding-bottom: 100px;
  }
}
.event_teaser.hovereffect:hover {
  transform: scale(1.02);
  background-color: var(--color-white);
  z-index: 1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.event_teaser__img {
  position: relative;
  overflow: hidden;
}
.event_teaser__img img {
  filter: grayscale(100%) contrast(120%);
  -webkit-filter: grayscale(100%) contrast(120%);
}
@media only screen and (max-width: 47.999rem) {
  .event_teaser__img {
    max-width: 360px;
  }
}
.event_teaser__img___stoerer {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 75rem) {
  .event_teaser__img___stoerer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 330px;
    height: 330px;
  }
}
@media only screen and (max-width: 47.999rem) {
  .event_teaser__img___stoerer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 330px;
    height: 330px;
  }
}
.event_teaser__img___stoerer span {
  display: block;
  color: var(--color-white);
  background: var(--blue);
  text-align: center;
  padding: 2rem;
  width: 200%;
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  text-transform: uppercase;
}
@media only screen and (max-width: 47.999rem) {
  .event_teaser__img___stoerer span {
    transform: rotate(-45deg) translateX(0%) translateY(-200%);
    transform-origin: center;
    font-size: var(--heading-xl-fs);
    font-weight: var(--heading-xl-fw);
    line-height: var(--heading-xl-lh);
  }
}
@media only screen and (min-width: 75rem) {
  .event_teaser__img___stoerer span {
    transform: rotate(-45deg) translateX(0%) translateY(-200%);
    transform-origin: center;
    font-size: var(--heading-xl-fs);
    font-weight: var(--heading-xl-fw);
    line-height: var(--heading-xl-lh);
  }
}
.event_teaser__text {
  align-self: center;
}
.event_teaser__text time {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  color: var(--neutral-60);
  text-transform: uppercase;
}
.event_teaser__text .location {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  text-transform: uppercase;
  margin-top: 1rem;
}
.event_teaser__text .ce_text {
  margin-top: var(--space-sm);
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
.event_teaser__btn {
  display: flex;
  gap: 0px;
  margin-top: var(--space-md);
}
@media only screen and (max-width: 39.999rem) {
  .event_teaser__btn {
    flex-direction: column;
  }
}
@media only screen and (min-width: 40rem) {
  .event_teaser__btn {
    position: absolute;
    bottom: -3px;
    right: 0;
  }
}
.event_teaser__btn .btn {
  margin-right: -3px;
}
@media only screen and (max-width: 39.999rem) {
  .event_teaser__btn .btn {
    margin-right: 0;
    margin-bottom: -3px;
    justify-content: center;
  }
}

@layer base {
  @layer base {
    .row, footer .inside {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-gap: var(--grid-row-gap) var(--grid-column-gap);
      grid-auto-columns: 1fr;
      padding-inline: var(--grid-outer-gutter);
      max-width: var(--max-grid-width);
      margin-inline: auto;
    }
    .row > :not([class*=col-]), footer .inside > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @media only screen and (min-width: 108rem) {
    .row.grid-column-large, footer .grid-column-large.inside {
      column-gap: var(--space-lg);
    }
  }
  .row.grid-row-large, footer .grid-row-large.inside {
    row-gap: var(--space-lg);
  }
  @media only screen and (min-width: 108rem) {
    .row.grid-row-large, footer .grid-row-large.inside {
      row-gap: var(--space-xl);
    }
  }
  .row.grid-column-small, footer .grid-column-small.inside {
    column-gap: var(--space-xxs);
  }
  .row.grid-row-small, footer .grid-row-small.inside {
    row-gap: var(--space-xxs);
  }
  .row .row, footer .inside .row, .row footer .inside, footer .row .inside, footer .inside .inside {
    padding-inline: 0;
  }
  .mod_article--gridColumns-10 .row, .mod_article--gridColumns-10 footer .inside, footer .mod_article--gridColumns-10 .inside {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mod_article--gridColumns-8 .row, .mod_article--gridColumns-8 footer .inside, footer .mod_article--gridColumns-8 .inside {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mod_article--gridColumns-6 .row, .mod_article--gridColumns-6 footer .inside, footer .mod_article--gridColumns-6 .inside {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mod_article--gridColumns-4 .row, .mod_article--gridColumns-4 footer .inside, footer .mod_article--gridColumns-4 .inside {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .ce_rowStart--nowrap.row, footer .ce_rowStart--nowrap.inside {
    display: flex;
    overflow-x: scroll;
    margin-block: 4rem;
    margin-inline: 0;
    padding-inline: 0;
  }
  .ce_rowStart--nowrap.row > *, footer .ce_rowStart--nowrap.inside > * {
    flex: 0 0 auto;
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-2, footer .ce_rowStart--nowrap.inside .col-2 {
      width: calc(var(--singleColumnWidth) * 2 + 1 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(2, 1fr);
    }
    .ce_rowStart--nowrap.row .col-2 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-2 > :not([class*=col-]) {
      grid-column: span 2/span 2;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-3, footer .ce_rowStart--nowrap.inside .col-3 {
      width: calc(var(--singleColumnWidth) * 3 + 2 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(3, 1fr);
    }
    .ce_rowStart--nowrap.row .col-3 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-3 > :not([class*=col-]) {
      grid-column: span 3/span 3;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-4, footer .ce_rowStart--nowrap.inside .col-4 {
      width: calc(var(--singleColumnWidth) * 4 + 3 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(4, 1fr);
    }
    .ce_rowStart--nowrap.row .col-4 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-4 > :not([class*=col-]) {
      grid-column: span 4/span 4;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-5, footer .ce_rowStart--nowrap.inside .col-5 {
      width: calc(var(--singleColumnWidth) * 5 + 4 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(5, 1fr);
    }
    .ce_rowStart--nowrap.row .col-5 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-5 > :not([class*=col-]) {
      grid-column: span 5/span 5;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-6, footer .ce_rowStart--nowrap.inside .col-6 {
      width: calc(var(--singleColumnWidth) * 6 + 5 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(6, 1fr);
    }
    .ce_rowStart--nowrap.row .col-6 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-6 > :not([class*=col-]) {
      grid-column: span 6/span 6;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-7, footer .ce_rowStart--nowrap.inside .col-7 {
      width: calc(var(--singleColumnWidth) * 7 + 6 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(7, 1fr);
    }
    .ce_rowStart--nowrap.row .col-7 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-7 > :not([class*=col-]) {
      grid-column: span 7/span 7;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-8, footer .ce_rowStart--nowrap.inside .col-8 {
      width: calc(var(--singleColumnWidth) * 8 + 7 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(8, 1fr);
    }
    .ce_rowStart--nowrap.row .col-8 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-8 > :not([class*=col-]) {
      grid-column: span 8/span 8;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-9, footer .ce_rowStart--nowrap.inside .col-9 {
      width: calc(var(--singleColumnWidth) * 9 + 8 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(9, 1fr);
    }
    .ce_rowStart--nowrap.row .col-9 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-9 > :not([class*=col-]) {
      grid-column: span 9/span 9;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-10, footer .ce_rowStart--nowrap.inside .col-10 {
      width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(10, 1fr);
    }
    .ce_rowStart--nowrap.row .col-10 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-10 > :not([class*=col-]) {
      grid-column: span 10/span 10;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-11, footer .ce_rowStart--nowrap.inside .col-11 {
      width: calc(var(--singleColumnWidth) * 11 + 10 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(11, 1fr);
    }
    .ce_rowStart--nowrap.row .col-11 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-11 > :not([class*=col-]) {
      grid-column: span 11/span 11;
    }
  }
  @layer base {
    .ce_rowStart--nowrap.row .col-12, footer .ce_rowStart--nowrap.inside .col-12 {
      width: calc(var(--singleColumnWidth) * 12 + 11 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-12 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-12 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
footer {
  padding: var(--space-md) 0;
  margin: 0;
  background: var(--black-gradient);
  color: var(--neutral-0);
}
@media only screen and (max-width: 39.999rem) {
  footer .inside {
    flex-direction: column;
  }
}
footer a,
footer strong {
  display: inline-block;
  text-decoration: none;
}
footer .ce_svg {
  margin-block-end: var(--space-lg);
}
footer .ce_svg a {
  display: block;
}
footer .ce_svg svg {
  height: auto;
  max-width: 100%;
}
footer .btn {
  color: var(--neutral-0);
  border-color: var(--neutral-0);
  border-width: 2px;
  margin-right: -2px;
}

.widget-textarea label, .widget-text label, .widget-select label, .ce_form .formbody {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  color: var(--blue-20);
}

.ce_form {
  max-width: var(--max-container-width);
  margin-inline: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ce_form .formbody {
  grid-gap: 10rem var(--grid-column-gap);
}
@layer base {
  .ce_form .formbody {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: var(--grid-row-gap) var(--grid-column-gap);
    grid-auto-columns: 1fr;
    max-width: var(--max-grid-width);
    margin-inline: auto;
  }
  .ce_form .formbody > :not([class*=col-]) {
    grid-column: span 12/span 12;
  }
}
.ce_form h1,
.ce_form h2 {
  margin-bottom: var(--space-sm);
}
.ce_form h3,
.ce_form h4,
.ce_form h5,
.ce_form h6 {
  margin-bottom: var(--space-xs);
}
.ce_form fieldset {
  grid-gap: 0;
  width: 100%;
}
@layer base {
  .ce_form fieldset {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: var(--grid-row-gap) var(--grid-column-gap);
    grid-auto-columns: 1fr;
    max-width: var(--max-grid-width);
    margin-inline: auto;
  }
  .ce_form fieldset > :not([class*=col-]) {
    grid-column: span 12/span 12;
  }
}
.ce_form legend {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  margin-block-end: 3rem;
}
.ce_form button.submit {
  padding: 2rem 4rem;
}
.ce_form button.submit .svg-icon {
  margin-inline-end: 1.25rem;
}
.ce_form .error {
  scroll-margin-top: 120px;
}

.mod_article__background-color-grey [class*=widget-text]:has(input:not(:placeholder-shown)) label, .mod_article__background-color-grey [class*=widget-text]:has(input:focus) label, .mod_article__background-color-grey [class*=widget-text]:has(textarea:not(:placeholder-shown)) label, .mod_article__background-color-grey [class*=widget-text]:has(textarea:focus) label {
  background-color: var(--neutral-10);
}
.mod_article__background-color-grey .widget-select label {
  background-color: var(--neutral-10);
}

.widget-checkbox {
  margin: 3rem 0 0;
}
.widget-checkbox:first-of-type {
  margin-block-start: 0;
}
.widget-checkbox .checkbox_container {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  gap: 2rem;
}
.widget-checkbox legend {
  color: var(--color-black);
  margin-bottom: var(--space-xxs);
}
.widget-checkbox span {
  display: block;
  overflow: auto;
  position: relative;
}
.widget-checkbox label {
  padding-left: 32px;
  position: relative;
  cursor: pointer;
  font-weight: 500;
}
.widget-checkbox label:hover:after, .widget-checkbox label:focus:after {
  border: 3px solid var(--color-border);
  background-color: var(--color-white);
}
.widget-checkbox label:after {
  content: "";
  height: 24px;
  width: 24px;
  border: 2px solid var(--color-border);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.widget-checkbox label:before {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 3px;
  content: "";
  transform: translateY(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--color-secondary);
}
@layer base {
  .widget-checkbox label:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/icon_checkbox-BTVcHE1j.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 19px;
    height: 15px;
  }
}
.widget-checkbox input {
  opacity: 0;
  position: absolute;
  appearance: auto;
}
.widget-checkbox input:checked + label:after {
  border: 2px solid var(--color-border);
  background-color: var(--color-border);
}
.widget-checkbox input:checked + label:before {
  display: block;
}

.widget-textarea label, .widget-text label, .widget-select label {
  display: block;
  opacity: 1;
  position: absolute;
  top: 16px;
  left: 8px;
  width: 75%;
  padding-inline: 8px;
  padding-block: 8px;
  pointer-events: none;
  font-weight: 700;
  transition: top var(--transtime-fast), font-size var(--transtime-fast), opacity var(--transtime-fast);
}

.widget-textarea:has(textarea:not(:placeholder-shown)) label, .widget-textarea:has(textarea:focus) label, .widget-text:has(input:not(:placeholder-shown)) label, .widget-text:has(input:focus) label, .widget-select:has(option[selected]) label, .widget-select:has(select:not([value=""]):valid) label, .widget-select:has(select:focus) label {
  top: 12px;
  opacity: 1;
  width: auto;
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  font-weight: 700;
  background: var(--color-white);
  padding-block: 0;
}

.widget-text input {
  border: 2px solid var(--color-border);
  border-radius: 0;
  margin-block: 0;
  padding: 3.5rem 2rem 2rem;
  cursor: text;
}

.widget-textarea:has(textarea:not(:placeholder-shown)) textarea, .widget-textarea:has(textarea:focus) textarea, .widget-text:has(input:not(:placeholder-shown)) input, .widget-text:has(input:focus) input, .widget-select:has(option[selected]) select, .widget-select:has(select:not([value=""]):valid) select, .widget-select:has(select:focus) select {
  background: var(--color-white);
}

@layer base {
  .widget {
    position: relative;
    margin: -1px;
  }
  .widget ::placeholder,
  .widget ::-webkit-input-placeholder {
    opacity: 0;
  }
  .widget.error > * {
    border-color: var(--color-error) !important;
  }
  .widget.error p.error {
    font-size: 1.8rem;
    color: var(--color-error);
    padding: 0.2rem 0 1.5rem 0;
  }
}
.widget-explanation {
  margin-block-start: 3rem;
  padding-block-end: 0.5rem;
}
.widget-explanation ul,
.widget-explanation ol,
.widget-explanation p {
  color: var(--color-black);
  margin-bottom: var(--space-3xs);
}
.widget-explanation ul {
  margin-block-start: 1rem;
}
.widget-explanation ul li {
  display: list-item;
  margin-block-end: 0.5rem;
}
.widget + .explanation h1,
.widget + .explanation h2,
.widget + .explanation h3,
.widget + .explanation h4,
.widget + .explanation h5,
.widget + .explanation h6 {
  margin-top: var(--space-lg);
}

legend + .widget-explanation {
  margin-block-start: 0;
}

.widget-radio {
  margin-inline: 0;
}
.widget-radio .radio_container {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  margin-block-end: 2rem;
}
.widget-radio legend {
  color: var(--color-black);
  margin-bottom: var(--space-xxs);
}
.widget-radio span {
  display: block;
  overflow: auto;
  position: relative;
}
.widget-radio label {
  padding-left: 32px;
  position: relative;
  cursor: pointer;
  font-weight: 500;
  color: var(--color-black);
}
.widget-radio label:after {
  content: "";
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid var(--color-black);
}
.widget-radio label:before {
  content: "";
  height: 12px;
  width: 12px;
  position: absolute;
  display: none;
  z-index: 100;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-border);
  border-radius: 50%;
}
.widget-radio input {
  opacity: 0;
  position: absolute;
  appearance: auto;
}
.widget-radio input:checked + label:before {
  display: block;
}

.radio-pricings .radio_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-end: 0;
}
.radio-pricings label {
  width: 100%;
  padding-inline-start: 5rem;
  font-weight: 700;
}
.radio-pricings label:after {
  height: 30px;
  width: 30px;
}
.radio-pricings label:before {
  height: 16px;
  width: 16px;
  left: 7px;
}
.radio-pricings--price {
  font-weight: 400;
}
.radio-pricings > span {
  border: 2px solid var(--color-border);
  padding: 2.5rem 3rem;
  margin: -1px;
}
@media only screen and (min-width: 48rem) {
  .radio-pricings > span {
    grid-column: span 6/span 6;
  }
  .radio-pricings > span:only-child {
    grid-column: span 12/span 12;
  }
}

.widget textarea,
.widget select,
.widget input {
  border: 2px solid var(--color-border);
}
.widget-select {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.widget-select select {
  padding: 3.5rem 2rem 2rem;
  cursor: text;
  width: 100%;
}
.widget-select:has(select[value=""]:focus) label {
  top: 16px;
  opacity: 1;
}
.widget-select:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  border: none;
  transition: transform 0.2s ease-out;
  color: var(--color-border);
  position: absolute;
  right: 16px;
  top: 17px;
  pointer-events: none;
}
@layer base {
  .widget-select:before {
    content: "";
    mask-image: url("/bundles/app/assets/components/chevron-down-s1dOH1Mz.svg");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
    width: 40px;
    height: 40px;
  }
}

.widget-text {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.widget-text input {
  width: 100%;
}
.widget-textarea label {
  top: 16px;
}
.widget-textarea textarea {
  width: 100%;
  padding: 3.5rem 2rem 2rem;
  cursor: text;
}
.widget-textarea:has(textarea:not(:placeholder-shown)), .widget-textarea:has(textarea:focus) {
  background: var(--color-white);
}
.widget-upload {
  position: relative;
  width: 100%;
  min-height: 18rem;
  display: flex;
  flex-direction: row;
}
.widget-upload.has-file:before {
  position: absolute;
  z-index: 120;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: attr(data-text);
  font-size: 1.5rem;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 7rem;
  background-image: url("/bundles/app/assets/components/file-success-DpMvWsgB.svg");
  background-repeat: no-repeat;
  background-position: center calc(50% - 3rem);
}
.widget-upload.has-file:hover:before {
  background-image: url("/bundles/app/assets/components/file-delete-yiPwMEO2.svg");
}
.widget-upload.has-file[data-filetype=pdf]:before {
  background-image: url("/bundles/app/assets/components/file-pdf-success-Cuv4rJSc.svg");
}
.widget-upload.has-file[data-filetype=pdf]:hover:before {
  background-image: url("/bundles/app/assets/components/file-pdf-delete-Cb4SvKT5.svg");
}
.widget-upload.has-file[data-filetype=jpg]:before {
  background-image: url("/bundles/app/assets/components/file-jpg-success-DCyFlhGo.svg");
}
.widget-upload.has-file[data-filetype=jpg]:hover:before {
  background-image: url("/bundles/app/assets/components/file-jpg-delete-Bf_eRKYU.svg");
}
.widget-upload.has-file[data-filetype=png]:before {
  background-image: url("/bundles/app/assets/components/file-png-success-DBnJzSeZ.svg");
}
.widget-upload.has-file[data-filetype=png]:hover:before {
  background-image: url("/bundles/app/assets/components/file-png-delete-_aR-IvOm.svg");
}
.widget-upload.has-file:after {
  content: "";
  background-image: none;
}
.widget-upload:after {
  content: "Datei (PDF, DOC, PPT, XLS, MP4)";
  font-size: var(--paragraph-tiny-fs);
  font-weight: var(--paragraph-tiny-fw);
  line-height: var(--paragraph-tiny-lh);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 25;
  text-align: center;
  background-color: var(--color-lightblue-light);
  background-image: url("/bundles/app/assets/components/upload-plus-DoFOC0rI.svg");
  background-repeat: no-repeat;
  background-position: center calc(50% - 3rem);
  transition: var(--transtime-fast) background-color;
  padding: 6rem 2rem 1rem;
  margin-block: 1rem;
  border-radius: var(--border-radius);
  pointer-events: none;
  width: 100%;
  border: 1px dashed #000;
}
.widget-upload:hover:after {
  background-color: var(--color-red-light);
}
.widget-upload input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.widget-upload label {
  position: absolute;
  top: 0;
  left: 0;
}

.content-gallery-fader {
  position: relative;
}
.content-gallery-fader .swiper-navigation {
  position: absolute;
  z-index: 100;
  bottom: 4rem;
  right: 4rem;
}
.content-gallery-fader figure {
  width: 100%;
  height: 100%;
  background-color: #d0d4ee;
}
.content-gallery-fader img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.content-gallery.content-gallery-logo {
  place-items: center;
}
.content-gallery.content-gallery-logo ul {
  gap: 0;
}
.content-gallery.content-gallery-logo ul > * {
  grid-column: span 1/span 1;
}
@media only screen and (min-width: 75rem) {
  .content-gallery.content-gallery-logo li {
    min-width: 400px;
  }
}
.content-gallery.content-gallery-logo figure {
  display: flex;
  place-items: center;
  gap: 0;
  height: 100%;
  padding: 4rem;
  margin: -1.5px;
  border: 3px solid var(--color-border);
  border-radius: 0;
}
@media only screen and (min-width: 60rem) {
  .content-gallery.content-gallery-logo figure {
    padding: 5rem;
  }
}
.content-gallery.content-gallery-logo figure img {
  max-width: 300px;
  max-height: 100px;
  width: auto;
}
.content-gallery {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.content-gallery ul {
  display: grid;
  gap: 10px;
  list-style-type: none;
  margin-block-start: 0;
  line-height: 1;
}
.content-gallery ul > * {
  grid-column: span 1/span 1;
}
.content-gallery li {
  max-width: 100%;
  margin-block-end: 0;
  padding-inline-start: 0;
  list-style: none;
  text-align: center;
}
.content-gallery li:before {
  content: none;
}
.content-gallery figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 10px;
  overflow: hidden;
}
.content-gallery img {
  width: 100%;
  height: auto;
}
.content-gallery figcaption {
  line-height: 1;
}
.content-gallery a img {
  transition: var(--transtime-fast) transform;
  transform: scale(1);
}
.content-gallery a:hover img {
  transform: scale(1.1);
}
.content-gallery--cols-12 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 48rem) {
  .content-gallery--cols-12 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 64rem) {
  .content-gallery--cols-12 ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 75rem) {
  .content-gallery--cols-12 ul {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 108rem) {
  .content-gallery--cols-12 ul {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.content-gallery--cols-6 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 48rem) {
  .content-gallery--cols-6 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 64rem) {
  .content-gallery--cols-6 ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 75rem) {
  .content-gallery--cols-6 ul {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.content-gallery--cols-5 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 48rem) {
  .content-gallery--cols-5 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 75rem) {
  .content-gallery--cols-5 ul {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.content-gallery--cols-4 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 48rem) {
  .content-gallery--cols-4 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 75rem) {
  .content-gallery--cols-4 ul {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.content-gallery--cols-3 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (min-width: 64rem) {
  .content-gallery--cols-3 ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.content-gallery--cols-2 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.content-gallery-impressions {
  position: relative;
}
.content-gallery-impressions ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  overflow: hidden;
}
.content-gallery-impressions ul > :nth-child(1) {
  grid-area: 1/1/2/3;
  max-height: 900px;
}
.content-gallery-impressions ul > :nth-child(2) {
  grid-area: 1/3/2/5;
  max-height: calc(450px - 1rem);
}
.content-gallery-impressions ul > :nth-child(3) {
  grid-area: 2/1/3/5;
  max-height: calc(450px - 1rem);
}
.content-gallery-impressions ul > :nth-child(4) {
  display: none;
  max-height: calc(450px - 1rem);
}
.content-gallery-impressions ul > :nth-child(1n+5) {
  display: none;
}
@media only screen and (min-width: 40rem) {
  .content-gallery-impressions ul > :nth-child(1) {
    grid-area: 1/1/3/3;
  }
  .content-gallery-impressions ul > :nth-child(2) {
    grid-area: 1/3/2/5;
  }
  .content-gallery-impressions ul > :nth-child(3) {
    grid-area: 2/3/3/5;
  }
}
@media only screen and (min-width: 60rem) {
  .content-gallery-impressions ul > :nth-child(1) {
    grid-area: 1/1/3/3;
  }
  .content-gallery-impressions ul > :nth-child(2) {
    grid-area: 1/3/2/5;
  }
  .content-gallery-impressions ul > :nth-child(3) {
    grid-area: 2/3/3/4;
  }
  .content-gallery-impressions ul > :nth-child(4) {
    display: block;
    grid-area: 2/4/3/5;
  }
}
.content-gallery-impressions ul figure {
  display: block;
  height: 100%;
  width: 100%;
  filter: grayscale(100%) contrast(120%);
  -webkit-filter: grayscale(100%) contrast(120%);
}
.content-gallery-impressions ul a,
.content-gallery-impressions ul img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.content-gallery-impressions-btn {
  pointer-events: visiblePainted;
  position: absolute;
  right: 4rem;
  bottom: 4rem;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .ginner-container {
  max-height: 100svh;
}
.glightbox-mobile .glightbox-container .gslide {
  width: 100vw;
}
.glightbox-mobile .glightbox-container .gslide-image img {
  height: calc(100vh - 15rem);
  height: calc(100svh - 15rem);
  max-height: calc(100vh - 15rem);
  max-height: calc(100svh - 15rem);
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.glightbox-mobile .glightbox-container .gslide-title {
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-inline {
  max-height: 100vh;
}
.glightbox-mobile .glightbox-container .gslide-inline .ginlined-content {
  padding-inline: var(--grid-outer-gutter);
}
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 0;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.glightbox-mobile .glightbox-container .gslide-description.description-bottom .gdesc-inner {
  padding: 2rem;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  opacity: 0.4;
}
.glightbox-mobile .gclose svg path {
  fill: var(--color-white);
}
.glightbox-mobile button.gbtn {
  border: none;
  width: auto;
}
.glightbox-mobile button.gbtn:hover {
  background: none;
}
.glightbox-mobile button.gbtn:hover svg {
  fill: var(--color-white);
  color: var(--color-white);
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  text-size-adjust: 100%;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
  max-height: calc(100vh - 8rem);
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 1600px !important;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
  height: auto !important;
}

.gslide-inline .ginlined-content {
  padding: 5rem;
  width: 100%;
}
.gslide-inline .ginlined-content.invisible {
  order: initial;
  clip: initial;
  clip-path: initial;
  height: initial;
  margin: initial;
  overflow: initial;
  padding: initial;
  position: initial;
  width: initial;
  word-wrap: initial !important;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  position: relative;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  will-change: opacity;
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 24px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gclose svg path {
  fill: var(--color-white);
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  display: none;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 3rem 2.5rem 0;
}

.glightbox-clean .gslide-title {
  font-size: 2.5rem;
  font-weight: 500;
  color: var(--color-white);
  line-height: 1.2;
  margin-block-end: 0;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .glightbox-clean .gslide-media {
    overflow: hidden;
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
}
.gslide-description.description-bottom {
  background: transparent;
  text-align: center;
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
}
.gslide-description.description-bottom .ce_headline {
  margin-block-end: 0;
}

.gslide-external #header {
  display: none;
}

body.layout_modal #main {
  padding: 0 !important;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 2rem;
  width: 62px;
  height: 52px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 2rem;
  width: 62px;
  height: 52px;
}

.glightbox-clean .gclose {
  width: auto;
  height: auto;
  top: 2rem;
  right: 2rem;
  position: absolute;
  opacity: 0.7;
  color: var(--color-white);
}

.glightbox-clean .gprev,
.glightbox-clean .gnext {
  color: var(--neutral-100);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover {
  color: var(--neutral-80);
}
.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg {
  width: 100%;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

@media (min-width: 0px) {
  .glightbox-clean .gprev,
  .glightbox-clean .gnext {
    border: solid 1px var(--color-white);
    color: var(--color-white);
  }
  .glightbox-clean .gprev svg,
  .glightbox-clean .gnext svg {
    width: 24px;
    height: 24px;
    color: var(--color-white);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover {
    background-color: var(--color-white);
  }
  .glightbox-clean .gprev:hover svg,
  .glightbox-clean .gnext:hover svg {
    color: var(--color-primary);
    transform: scale(1.2);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
.glightbox-container .gslide {
  width: calc(100vw - 30rem);
}

#header {
  position: fixed;
  width: 100%;
  z-index: 300;
  background: none;
  transition: var(--transtime) padding-block-start;
}
#header .inside {
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 39.999rem) {
  #header .inside {
    padding-block: 2rem;
  }
}
@media only screen and (min-width: 75rem) {
  .hero-layout-home #header {
    padding-block-start: 40px;
  }
}
.hero-layout-home #header:after {
  opacity: 0;
}
.hero-layout-home.scroll #header {
  padding-block-start: 0;
}
#header:after {
  content: "";
  position: absolute;
  z-index: 10;
  opacity: 1;
  inset: 0;
  background: var(--black-gradient);
  transition: var(--transtime-fast) opacity;
}
.scroll #header:after {
  opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.color-invert h1,
.color-invert h2,
.color-invert h3,
.color-invert h4,
.color-invert h5,
.color-invert h6 {
  color: var(--color-white);
}

h1 {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
}

h2 {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
}

h3 {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
}

h4 {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
}

h5 {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
}

h6 {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
}

.content-headline__style--heading-5xl {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
}
.content-headline__style--heading-5xl-inverted {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  color: var(--color-white);
}
.content-headline__style--heading-4xl {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
}
.content-headline__style--heading-4xl-inverted {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  color: var(--color-white);
}
.content-headline__style--heading-3xl {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
}
.content-headline__style--heading-3xl-inverted {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  color: var(--color-white);
}
.content-headline__style--heading-2xl {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
}
.content-headline__style--heading-2xl-inverted {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  color: var(--color-white);
}
.content-headline__style--heading-xl {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
}
.content-headline__style--heading-xl-inverted {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  color: var(--color-white);
}
.content-headline__style--heading-l {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
}
.content-headline__style--heading-l-inverted {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  color: var(--color-white);
}
.content-headline__style--heading-m {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
}
.content-headline__style--heading-m-inverted {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  color: var(--color-white);
}
.content-headline__style--heading-s {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
}
.content-headline__style--heading-s-inverted {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
  color: var(--color-white);
}
.content-headline__style--heading-xs {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
}
.content-headline__style--heading-xs-inverted {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
  color: var(--color-white);
}
.content-headline__style--inverted {
  color: var(--color-white);
}
.content-headline__overhead {
  display: block;
  margin-block-start: var(--space-3xs);
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
}
.content-headline.color-invert .content-headline__overhead {
  color: var(--color-white);
}
.content-headline__overhead-style--heading-5xl {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
}
.content-headline__overhead-style--heading-4xl {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
}
.content-headline__overhead-style--heading-3xl {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
}
.content-headline__overhead-style--heading-2xl {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
}
.content-headline__overhead-style--heading-xl {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
}
.content-headline__overhead-style--heading-l {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
}
.content-headline__overhead-style--heading-m {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
}
.content-headline__overhead-style--heading-s {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
}
.content-headline__overhead-style--heading-xs {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
}
.content-headline__subhead {
  display: block;
  margin-block-start: var(--space-3xs);
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
}
.content-headline.color-invert .content-headline__subhead {
  color: var(--color-white);
}
.content-headline__subhead-style--heading-5xl {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
}
.content-headline__subhead-style--heading-4xl {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
}
.content-headline__subhead-style--heading-3xl {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
}
.content-headline__subhead-style--heading-2xl {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
}
.content-headline__subhead-style--heading-xl {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
}
.content-headline__subhead-style--heading-l {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
}
.content-headline__subhead-style--heading-m {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
}
.content-headline__subhead-style--heading-s {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
}
.content-headline__subhead-style--heading-xs {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
}

@media only screen and (max-width: 47.999rem) {
  .content-headline__style--heading-5xl,
  .content-headline__subhead-style--heading-5xl,
  h1 {
    font-size: var(--heading-3xl-fs);
    font-weight: var(--heading-3xl-fw);
    line-height: var(--heading-3xl-lh);
  }
  .content-headline__style--heading-4xl,
  .content-headline__subhead-style--heading-4xl,
  h2 {
    font-size: var(--heading-2xl-fs);
    font-weight: var(--heading-2xl-fw);
    line-height: var(--heading-2xl-lh);
  }
  .content-headline__style--heading-3xl,
  .content-headline__subhead-style--heading-3xl,
  h3 {
    font-size: var(--heading-xl-fs);
    font-weight: var(--heading-xl-fw);
    line-height: var(--heading-xl-lh);
  }
}
.ce_rsce_hero {
  background: var(--color-black);
}
@media only screen and (min-width: 60rem) {
  .ce_rsce_hero--layout-home {
    min-height: 100vh;
    min-height: 100svh;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--media {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 60rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--media {
    width: 60%;
    height: 100%;
    position: initial;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--media video,
.ce_rsce_hero--layout-home .ce_rsce_hero--media img {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (min-width: 60rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--media video,
  .ce_rsce_hero--layout-home .ce_rsce_hero--media img {
    height: 100%;
    max-height: 100vh;
    max-height: 100svh;
    min-height: 800px;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--media:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(9, 11, 17) 0%, rgba(9, 11, 17, 0.301580007) 50%);
}
@media only screen and (min-width: 60rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--media:after {
    background: linear-gradient(70deg, rgba(9, 11, 17, 0.301580007) 0%, rgb(9, 11, 17) 50%);
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--text {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 60rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--text-inner {
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  padding-block-start: 170px;
  padding-block-end: 40px;
}
@media only screen and (max-width: 59.999rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--text-inner {
    padding-block: var(--space-section);
    padding-top: 3rem;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--text-inner .inner {
  max-width: 800px;
}
.ce_rsce_hero--layout-home .ce_rsce_hero--headline {
  font-size: 5rem;
  color: var(--color-white);
  margin-block-end: var(--space-xs);
}
@media only screen and (min-width: 40rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--headline {
    font-size: 9.5rem;
  }
}
@media only screen and (min-width: 48rem) {
  .ce_rsce_hero--layout-home .ce_rsce_hero--headline {
    font-size: 9.5rem;
  }
}
.ce_rsce_hero--layout-home .ce_rsce_hero--rte {
  font-size: 2.75rem;
  font-weight: 400;
  color: var(--color-white);
  padding-inline-end: 0;
  margin-block-end: var(--space-md);
}
.ce_rsce_hero--layout-home .ce_rsce_hero--stoerer {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
.ce_rsce_hero--layout-home .ce_rsce_hero--stoerer-text {
  display: none;
}

.ce_rsce_hero--layout-default {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 640px;
  max-height: 100vh;
  max-height: 100svh;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--media {
  width: 100%;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--media video,
.ce_rsce_hero--layout-default .ce_rsce_hero--media img {
  object-fit: cover;
  width: 100%;
  height: 800px;
  max-height: 100vh;
  max-height: 100svh;
  min-height: 640px;
  display: block;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--text-inner {
  display: block;
  width: 100%;
  padding-block-start: 170px;
  padding-block-end: 40px;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--headline {
  font-size: 9.5rem;
  color: var(--color-white);
  max-width: 800px;
}
.ce_rsce_hero--layout-default .ce_rsce_hero--rte {
  font-size: 2.75rem;
  font-weight: 400;
  color: var(--color-white);
  padding-inline-end: 0;
  margin-block-end: var(--space-md);
  max-width: 800px;
}
@media only screen and (min-width: 48rem) {
  .ce_rsce_hero--layout-default .ce_rsce_hero--rte {
    padding-inline-end: calc(var(--max-container-width) / 12 * 1);
  }
}
.ce_rsce_hero--layout-default .ce_rsce_hero--stoerer {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translate(0, -50%);
}
.ce_rsce_hero--layout-default .ce_rsce_hero--stoerer-text {
  display: none;
}

/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.svg-icon + .svg-icon {
  margin-inline-start: 3rem;
}

.icon-mastercard {
  width: 80px;
  margin-block-start: 4rem;
}
.icon-visa {
  width: 80px;
  margin-block-start: 4rem;
}
.icon-twint {
  width: 80px;
  margin-block-start: 4rem;
}

.ce_svg {
  line-height: 0;
}
.ce_svg a {
  display: inline-block;
}

figure img {
  width: 100%;
  height: auto;
  filter: grayscale(100%) contrast(120%);
  -webkit-filter: grayscale(100%) contrast(120%);
}

:root,
body {
  background-color: var(--color-white);
  scroll-behavior: smooth;
}

body {
  display: block;
  max-width: var(--max-container-width);
  margin-inline: auto;
}

#wrapper {
  display: flex;
  flex-direction: column;
}

body:not(.hero-layout-home) #main {
  padding-top: 100px;
}

.gcontainer ul li,
main ul li {
  list-style: none;
  padding-left: 2.5rem;
  margin-block-end: 1rem;
  position: relative;
}
.gcontainer ul li:before,
main ul li:before {
  content: "•";
  position: absolute;
  margin-left: -2rem;
}
.gcontainer ol li,
main ol li {
  margin-left: 2rem;
  padding-left: 0.5rem;
  margin-block-end: 2rem;
}
.gcontainer ol li::marker,
main ol li::marker {
  font-weight: bold;
  font-size: 0.8em;
}
.gcontainer ul,
.gcontainer ol,
main ul,
main ol {
  margin-block-start: 2.5rem;
}

.content-list {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.content-list ol,
.content-list ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  margin-block-start: 0;
  list-style-type: none;
}
.content-list li {
  display: inline-block;
  padding-inline-start: 6rem;
  margin-block-end: 0;
  list-style: none;
}
.content-list li:before {
  position: absolute;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none"><rect width="31" height="31" rx="15.5" fill="%231A1E28"/><path d="M13.3571 21L8 15.7217L9.51071 14.2332L13.3571 18.0125L21.4893 10L23 11.499L13.3571 21Z" fill="%23FDFDFD"/></svg>');
  margin-inline-start: -6rem;
}

.ce_logo svg {
  width: auto;
  height: 52px;
  transition: var(--transtime) width, var(--transtime) height;
}
.hero-layout-home .ce_logo svg {
  width: auto;
  height: 80px;
}
@media only screen and (max-width: 74.999rem) {
  .hero-layout-home .ce_logo svg {
    height: 52px;
  }
}

.scroll .ce_logo svg {
  width: auto;
  height: 52px;
}

:root {
  --lotti-offset-bottom: 27rem;
}

.lotti-offset-bottom:after {
  content: "";
  display: block;
  background: #00ff80;
  height: var(--lotti-offset-bottom);
  background-color: inherit;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.content-rsce-map--map {
  height: 600px;
  width: 100%;
}

/* ------------------------------------
        Navigation Legal
    ------------------------------------- */
.mod_navigation {
  display: flex;
  justify-content: space-between;
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
}
.mod_navigation h6 {
  color: var(--color-white);
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
}
.mod_navigation__legal ul {
  display: flex;
  gap: var(--space-md);
  align-items: center;
  justify-content: flex-end;
}
.mod_navigation__legal ul a {
  text-decoration: none;
}

@media only screen and (min-width: 60rem) {
  .mod_navigation__main {
    position: relative;
  }
  .mod_navigation__main ul {
    display: flex;
    column-gap: var(--space-md);
    row-gap: var(--space-sm);
  }
  .mod_navigation__main a,
  .mod_navigation__main strong {
    display: inline-block;
    position: relative;
    font-weight: normal;
    font-size: 2rem;
    text-decoration: none;
    color: var(--color-black);
  }
  .mod_navigation__main a:hover,
  .mod_navigation__main strong:hover {
    color: var(--color-tertiary);
  }
  @layer base {
    .mod_navigation__main a:after,
    .mod_navigation__main strong:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 2px;
      bottom: -4px;
      background: currentColor;
      transform: scaleX(0);
      transform-origin: bottom right;
      transition: transform 0.25s ease-out;
    }
    .mod_navigation__main a.active:after, .mod_navigation__main a:hover:after,
    .mod_navigation__main strong.active:after,
    .mod_navigation__main strong:hover:after {
      transform: scaleX(1);
      transform-origin: bottom left;
    }
  }
}
@media only screen and (max-width: 59.999rem) {
  .mod_navigation__main {
    --width: 3.5rem;
    --thickness: 0.25rem;
    --gap: 1rem;
    --border-radius: 1px;
    --rotate: 45deg;
    align-self: center;
    margin-block-end: 2.25rem;
  }
  .navigation-open .mod_navigation__main--toggler-inner span {
    opacity: 0;
    background: #fff;
  }
  .navigation-open .mod_navigation__main--toggler-inner span:first-child {
    opacity: 1;
    transform: rotate(var(--rotate));
  }
  .navigation-open .mod_navigation__main--toggler-inner span:last-child {
    opacity: 1;
    transform: rotate(calc(var(--rotate) * -1)) translateY(calc(var(--border-radius) * -1));
  }
  .navigation-open .mod_navigation__main--nav {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s;
  }
  .mod_navigation__main--toggler-icon {
    display: block;
    position: relative;
    z-index: 600;
    top: 50%;
    right: 0;
    margin: 0;
    width: var(--width);
  }
  .mod_navigation__main--toggler-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: var(--gap);
    width: 100%;
    height: 100%;
  }
  .mod_navigation__main--toggler-inner span {
    display: inline-block;
    width: 100%;
    height: var(--thickness);
    background: var(--color-white);
    border-radius: var(--border-radius);
    transform: translate(0, 0);
    transform-origin: left top;
    transition: transform var(--transtime-fast);
  }
  .mod_navigation__main--toggler-inner:hover {
    cursor: pointer;
  }
  .mod_navigation__main--nav {
    position: fixed;
    overflow: hidden;
    z-index: 400;
    display: none;
    place-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    background: var(--color-primary);
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
  }
  .js_ready .mod_navigation__main--nav {
    display: flex;
  }
  .mod_navigation__main ul.level_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4rem;
  }
  .mod_navigation__main ul a,
  .mod_navigation__main ul strong {
    position: relative;
    font-size: 4rem;
    color: var(--color-white);
    text-decoration: none;
  }
  .mod_navigation__main ul a:after,
  .mod_navigation__main ul strong:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -4px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform var(--transtime-fast);
  }
  .mod_navigation__main ul a.active, .mod_navigation__main ul a:hover,
  .mod_navigation__main ul strong.active,
  .mod_navigation__main ul strong:hover {
    color: var(--color-white);
  }
  .mod_navigation__main ul a.active:after, .mod_navigation__main ul a:hover:after,
  .mod_navigation__main ul strong.active:after,
  .mod_navigation__main ul strong:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
  }
}
.mod_onepage_navigation {
  opacity: 1;
  transition: opacity var(--transtime-fast);
  /* ------------------------------------
          "tablet" view top
      ------------------------------------- */
  position: absolute;
  bottom: -6rem;
  background: var(--color-white);
  min-width: 100%;
  left: 0;
  padding: 2rem var(--grid-outer-gutter);
  /* ------------------------------------
      desktop view right
  ------------------------------------- */
  /* ------------------------------------
      mobile view
  ------------------------------------- */
}
.mod_onepage_navigation ul {
  justify-content: center;
  gap: 4rem;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.mod_onepage_navigation li {
  display: flex;
}
.mod_onepage_navigation li:before {
  content: none;
}
.mod_onepage_navigation a {
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transtime-fast), font-weight var(--transtime-fast);
}
.mod_onepage_navigation a:hover, .mod_onepage_navigation a.active {
  color: var(--color-red-dark);
  font-weight: 800;
}
@media only screen and (min-width: 108rem) {
  .mod_onepage_navigation {
    position: fixed;
    z-index: 10;
    pointer-events: none;
    top: 250px;
    right: calc(50% - var(--max-grid-width) / 2);
    bottom: auto;
    left: auto;
    padding-inline: 0;
    margin-block: auto;
    min-width: auto;
    transform: translateX(100%);
    font-size: 2.5rem;
    background: none;
    text-align: right;
  }
  .mod_onepage_navigation ul {
    flex-direction: column;
    display: inline-flex;
  }
  .mod_onepage_navigation a {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    margin-left: auto;
  }
  .mod_onepage_navigation a:hover, .mod_onepage_navigation a.active {
    color: var(--color-red-dark);
    font-weight: 800;
  }
  .mod_onepage_navigation a:hover:before, .mod_onepage_navigation a.active:before {
    opacity: 1;
    transform: translateX(-1rem);
  }
  .mod_onepage_navigation a:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    color: var(--color-red);
    transform: translateX(0);
    opacity: 0;
    transition: var(--transtime-fast) opacity, var(--transtime-fast) transform;
    background-image: url("/bundles/app/assets/components/arrow-left-BcsVHbmK.svg");
  }
  .mod_onepage_navigation--footer-reached {
    opacity: 0;
  }
}
@media only screen and (max-width: 107.999rem) {
  .mod_onepage_navigation--toggler #onePageNavtoggler {
    cursor: pointer;
    width: 100%;
    text-align: right;
    color: var(--color-red);
  }
  .mod_onepage_navigation--toggler #onePageNavtoggler:after {
    content: "";
    margin-inline-start: 0.5rem;
    display: inline-block;
    width: 13px;
    height: 12px;
    background-image: url("/bundles/app/assets/components/chevron-down-jl0MA7Wz.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: var(--transtime-fast) transform;
  }
  .mod_onepage_navigation--toggler ul {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }
  .mod_onepage_navigation--toggler-active #onePageNavtoggler {
    color: var(--color-red-dark);
  }
  .mod_onepage_navigation--toggler-active #onePageNavtoggler:after {
    background-image: url("/bundles/app/assets/components/chevron-down-dark-Bn4LLw26.svg");
    transform: rotate(180deg);
  }
  .mod_onepage_navigation--toggler-active ul {
    opacity: 1;
    left: 0;
    padding: 2rem var(--grid-outer-gutter);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 1rem;
    width: 100%;
    background: var(--color-white);
    pointer-events: all;
  }
}

.parallax {
  transition: 0.3s transform cubic-bezier(0.33, 0.7, 0.32, 1) 0ms;
  transform: translateY(0) translateZ(0) translateX(0);
  will-change: transform;
}
.parallax--max {
  transition: 0.5s ease-out;
}

.contact-person__section.swiper {
  overflow: visible;
}
.contact-person .swiper-wrapper {
  align-items: stretch;
}
.contact-person__grid-column {
  height: auto;
}
.contact-person__card {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 600px;
  border: 3px solid var(--neutral-100);
}
.contact-person__data {
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 5rem 3rem 10rem 3rem;
  color: var(--color-black);
}
.contact-person__data a {
  color: inherit;
}
.contact-person__name {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  display: block;
}
.contact-person__position {
  display: block;
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  color: var(--neutral-60);
}
.contact-person__teaser {
  display: block;
  margin-block: 2rem;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
.contact-person__modal-link {
  position: absolute;
  right: -3px;
  bottom: -3px;
}
.contact-person__modal-link .svg-icon {
  color: var(--color-black);
}
.contact-person__modal {
  display: flex;
  flex-direction: column;
  column-gap: var(--space-md);
  row-gap: var(--space-md);
}
@media only screen and (min-width: 48rem) {
  .contact-person__modal {
    flex-direction: row;
  }
}
@media only screen and (min-width: 64rem) {
  .contact-person__modal {
    column-gap: var(--space-md);
  }
}
.contact-person__modal-wrapper {
  display: none;
}
.contact-person__modal-figure {
  width: 100%;
  filter: grayscale(100%) contrast(120%);
  -webkit-filter: grayscale(100%) contrast(120%);
}
@media only screen and (min-width: 48rem) {
  .contact-person__modal-figure {
    width: 50%;
  }
}
.contact-person__modal-position {
  margin-block-end: 2rem;
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  color: var(--neutral-60);
}
.contact-person__modal-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: center;
}
@media only screen and (min-width: 48rem) {
  .contact-person__modal-text {
    width: 50%;
  }
}
.contact-person__modal-social {
  margin-block-start: auto;
}

.content-rsce-person .swiper-navigation {
  gap: 2rem;
}

/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.content-rsce-popupbox {
  position: fixed;
  z-index: 500;
  opacity: 0;
  overflow: auto;
  right: var(--grid-outer-gutter);
  bottom: var(--grid-outer-gutter);
  max-width: calc(100vw - 2 * var(--grid-outer-gutter));
  max-height: 70vh;
  padding: 3rem;
  background-color: var(--color-white);
  border-radius: 1rem;
  color: var(--color-black);
}
@media only screen and (min-width: 48rem) {
  .content-rsce-popupbox {
    max-width: 700px;
    padding: 6rem 4rem;
  }
}
.content-rsce-popupbox[data-popup-visible=false] {
  animation: popup_fadeOut 0.5s ease-in-out forwards;
}
.content-rsce-popupbox[data-popup-visible=true] {
  display: flex;
  animation: popup_fadeIn 0.5s ease-in-out forwards;
}
.content-rsce-popupbox__headline {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  margin-bottom: 2rem;
  padding-inline-end: 5rem;
}
.content-rsce-popupbox__text p + p {
  margin-block-start: 1rem;
}
.content-rsce-popupbox__toggle {
  color: var(--color-primary);
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.content-rsce-popupbox__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 2rem;
}
.content-rsce-popupbox__close svg {
  width: 4rem;
  height: 4rem;
}

@keyframes popup_fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes popup_fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
    display: none;
  }
}
hr {
  color: var(--color-grey-20);
  height: 1px;
}

.swiper-wrapper {
  -webkit-text-size-adjust: none;
}
.swiper-slide {
  width: auto;
}
.swiper-navigation {
  display: flex;
  gap: 3rem;
  justify-content: center;
  margin-block-start: 5rem;
}
.swiper-button-next, .swiper-button-prev {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0;
  width: 60px;
  height: 60px;
  color: var(--neutral-80);
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: currentColor;
}
.swiper-button-next:disabled, .swiper-button-prev:disabled {
  color: var(--neutral-20);
}
.swiper-button-next.swiper-button-prev, .swiper-button-prev.swiper-button-prev {
  mask-image: url("/bundles/app/assets/components/swiper-prev-BriDZBuo.svg");
}
.swiper-button-next.swiper-button-next, .swiper-button-prev.swiper-button-next {
  mask-image: url("/bundles/app/assets/components/swiper-next-Cc8CQqZ6.svg");
}
.swiper-button-next:after, .swiper-button-prev:after {
  content: "none";
}
.swiper-pagination {
  position: relative;
}

.content-table {
  display: flex;
  overflow: auto;
  flex-direction: column;
  row-gap: 2rem;
  max-width: 100%;
  container: table/inline-size;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
.content-table + .content-table {
  border-top: none;
}
.content-table table {
  width: 100%;
  container: max-width;
  table-layout: fixed;
}
.content-table thead th {
  white-space: nowrap;
}
.content-table th,
.content-table td {
  padding: 2rem 0;
}
.content-table th {
  font-weight: 700;
  width: 200px;
  white-space: nowrap;
}
.content-table td {
  width: auto;
}
.content-table tr {
  border-bottom: 2px solid var(--neutral-20);
}
.content-table tr:first-child {
  border-top: 2px solid var(--neutral-20);
}
@container (max-width: 350px) {
  .content-table {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxs);
    width: 100%;
  }
  .content-table thead {
    display: none;
  }
  .content-table tbody {
    display: flex;
    flex-direction: column;
    gap: var(--space-xxs);
  }
  .content-table tr {
    display: flex;
    flex-direction: column;
  }
  .content-table tbody td:before {
    content: attr(data-headline);
    font-weight: 600;
    display: block;
  }
}

.ce_tabs {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.ce_tabs.loaded {
  opacity: 1;
}
.ce_tabs-nav {
  list-style: none;
  display: flex;
  column-gap: 8rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  border-bottom: 2px solid var(--color-line);
  font-variation-settings: var(--fvs--normal);
  font-size: var(--paragraph-large-fs);
}
.ce_tabs-nav .nav-item {
  margin-bottom: -2px;
}
.ce_tabs-nav .nav-link {
  display: block;
  padding: 1rem 0;
  cursor: pointer;
  color: var(--color-text-light);
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.ce_tabs-nav .nav-link:hover {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}
.ce_tabs-nav .nav-link.active-tab-nav {
  color: var(--color-text);
  border-bottom: 2px solid var(--color-secondary);
}
.ce_tabs .tab-pane {
  display: none;
}
.ce_tabs .tab-pane.active-tab {
  display: block;
  margin-top: var(--space-md);
}

.content-text {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  width: 100%;
  max-width: 1020px;
}
.content-text.style_box .rte {
  padding: 2rem 2rem 3rem 2rem;
  border: 2px solid var(--neutral-20);
}

.content-text.media {
  max-width: 100%;
}
.content-text.media .rte,
.content-text.media figure {
  margin-block-end: var(--space-md);
}
.content-text.media .rte img,
.content-text.media figure img {
  max-width: 100%;
  width: auto;
}
.content-text.media--right {
  max-width: 100%;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  column-gap: var(--grid-column-gap);
}
.content-text.media--right > h1, .content-text.media--right > h2, .content-text.media--right > h3, .content-text.media--right > h4, .content-text.media--right > h5, .content-text.media--right > h6 {
  width: 100%;
}
.content-text.media--right figure {
  flex: 0 1 auto;
}
.content-text.media--right .rte {
  flex: 1 1 400px;
  align-self: center;
}
.content-text.media--left {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--grid-column-gap);
}
.content-text.media--left > h1, .content-text.media--left > h2, .content-text.media--left > h3, .content-text.media--left > h4, .content-text.media--left > h5, .content-text.media--left > h6 {
  width: 100%;
}
.content-text.media--left figure {
  flex: 0 1 auto;
}
.content-text.media--left .rte {
  flex: 1 1 400px;
  align-self: center;
}

.text--xs {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
}
.text--sm {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
}
.text--md {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
}
.text--lg {
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
}
.text--xl {
  font-size: var(--body-xl-fs);
  font-weight: var(--body-xl-fw);
  line-height: var(--body-xl-lh);
}
.text--center {
  text-align: center;
}

.rte.align-center {
  text-align: center;
  margin-inline: auto;
}
.rte.align-right {
  text-align: center;
  margin-inline-start: auto;
}
.rte p {
  margin-block: 2rem;
}
.rte p:first-child {
  margin-block-start: 0;
}
.rte p:last-child {
  margin-block-end: 0;
}
.rte table + h2,
.rte ul + h2,
.rte p + h2 {
  margin-top: var(--space-lg);
}
@media only screen and (max-width: 39.999rem) {
  .rte table + h2,
  .rte ul + h2,
  .rte p + h2 {
    margin-top: var(--space-md);
  }
}
.rte table + h3,
.rte ul + h3,
.rte p + h3 {
  margin-top: var(--space-md);
}
.rte table + h4,
.rte ul + h4,
.rte p + h4 {
  margin-top: var(--space-md);
}
.rte table + h5,
.rte ul + h5,
.rte p + h5 {
  margin-top: var(--space-md);
}
.rte table + h6,
.rte ul + h6,
.rte p + h6 {
  margin-top: var(--space-md);
}

/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.content-toplink {
  text-align: right;
}
.content-toplink a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  mask-image: url("/bundles/app/assets/components/top-D29SGNmx.svg");
  mask-size: contain;
  background-color: var(--color-white);
  width: 90px;
  height: 90px;
}

.content-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (min-width: 48rem) {
  .content-player {
    aspect-ratio: 1;
    background: black;
    display: flex;
    align-items: center;
  }
}
.content-player:has(video[autoplay]):after, .content-player:has(video[controls]):after {
  display: none;
}
.content-player:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  background-image: url("/bundles/app/assets/components/play-BABNxPq6.svg");
  background-repeat: no-repeat;
  background-size: 20rem;
  background-position: center;
  filter: drop-shadow(0px 0px 80px rgb(255, 255, 255));
  cursor: pointer;
  opacity: 0.8;
  transform: scale(1);
  transition: transform var(--transtime), opacity var(--transtime);
}
.content-player:hover:after {
  transform: scale(1.1);
  opacity: 1;
}
.content-player.playing:after {
  opacity: 0;
}
.content-player video {
  width: 100%;
  height: auto;
}
.content-player.size_169 {
  max-width: 100%;
  aspect-ratio: 16/9;
}
.content-player.size_169 figure {
  width: 100%;
}

/**
use $comp/mycomponentfoldername/assets/myfile.svg to reference files in the component folder
 */
.ce_youtube {
  position: relative;
}
.ce_youtube iframe {
  max-width: 100%;
}
.ce_youtube .responsive {
  height: 0;
  padding-bottom: 56.25%;
}
.ce_youtube .responsive iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ce_youtube .ratio-219 {
  padding-bottom: 45.45%;
}
.ce_youtube .ratio-169 {
  padding-bottom: 56.25%;
}
.ce_youtube .ratio-1610 {
  padding-bottom: 62.5%;
}
.ce_youtube .ratio-32 {
  padding-bottom: 66.7%;
}
.ce_youtube .ratio-43 {
  padding-bottom: 75%;
}
.ce_youtube a {
  display: block;
}
.ce_youtube a:after {
  content: "";
  background: url("/bundles/app/assets/components/play-CY59nYKS.svg") no-repeat center center;
  background-size: 100%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8rem;
  height: 8rem;
  max-width: 10vw;
  max-height: 10vw;
  transition: transform var(--transtime-fast), width var(--transtime-fast), height var(--transtime-fast), background-size var(--transtime-fast);
  transform: translate(-50%, -50%);
  animation: pulse 2s infinite;
  pointer-events: none;
}
.ce_youtube:hover a:after {
  width: 10rem;
  height: 10rem;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: translate(-50%, -50%) scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
@layer reset, base, components;