@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;
  }
}
a.invisible:focus-visible {
  all: unset;
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  border-radius: 1rem !important;
  padding: 1.5rem 4rem !important;
  font-size: 2.5rem !important;
  background: var(--blue-100) !important;
  color: #fff !important;
  outline: none !important;
  z-index: 9999999999 !important;
}
*:not(input):not(textarea):not(select):focus-visible,
a:-webkit-any-link:focus-visible {
  outline: 2px dashed var(--color-primary);
  outline-offset: 0.5rem;
}
:root {
  --outer-space: calc(
          50vw - (var(--max-grid-width) / 2) + var(--grid-outer-gutter)
  );
}
@media screen and (min-width: 0) {
  :root {
    --grid-columns: 12;
    --grid-outer-gutter: 2rem;
    --grid-column-gap: 3.75rem;
    --grid-row-gap: 3.75rem;
    --grid-column-gap-l: 3.75rem;
    --grid-row-gap-l: 6rem;
    --grid-column-gap-s: 2rem;
    --grid-row-gap-s: 2rem;
    --max-grid-width: 260rem;
    --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-outer-gutter: 2.5rem;
  }
}
@media screen and (min-width: 64rem) {
  :root {
    --grid-column-gap: 3.75rem;
  }
}
@media screen and (min-width: 75rem) {
  :root {
    --grid-column-gap-l: 6rem;
    --grid-outer-gutter: 3rem;
  }
}
@media screen and (min-width: 2080px) {
  :root {
    --calcHelper-max: 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
------------------------------------- */
/* ------------------------------------
    color setup
------------------------------------- */
:root {
  --transtime: 500ms;
  --transtime-slow: 2s;
  --transtime-medium: 500ms;
  --transtime-fast: 250ms;
  --transtime-mmenu-delay: 0.3s;
  --trans-time-slow-ease: 3s cubic-bezier(0.08, 0.65, 0.14, 0.94);
}
@layer base {
  :root {
    --radius-s: 0.75rem;
    --radius: 1rem;
    --radius-l: 3rem;
  }
  @media only screen and (min-width: 75rem) {
    :root {
      --radius-s: 0.75rem;
      --radius: 3rem;
      --radius-l: 5rem;
    }
  }
  /* ------------------------------------
      inside container max width f.e. Header and footer
  ------------------------------------- */
  #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-consent--intro a, .btn-tertiary .btn__title {
    text-decoration-color: var(--brand-blue-120);
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.25rem;
    text-decoration-thickness: 1.5px;
    transition: var(--transtime-fast) color, var(--transtime-fast) text-decoration-color;
  }
  .rte a:hover, .content-consent--intro a:hover, .btn-tertiary .btn__title:hover {
    text-decoration-color: var(--brand-blue-120);
    color: var(--brand-blue-120);
  }
  .modalsearch--formulars, .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser, .news--card, .content-consent--inner, .mod_breadcrumb--siblings {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-s);
    overflow: hidden;
    background-color: var(--color-white);
    border: 1px solid var(--neutral-40);
    transition: var(--transtime-fast) background-color;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.08);
  }
  .mod_article__background-color-grey .modalsearch--formulars, .mod_article__background-color-grey .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser, .content-rsce-pageteaser.layout_card .mod_article__background-color-grey .content-rsce-pageteaser--teaser, .mod_article__background-color-grey .news--card, .mod_article__background-color-grey .content-consent--inner, .mod_article__background-color-grey .mod_breadcrumb--siblings {
    background-color: var(--color-white);
  }
  .modalsearch--formulars figure, .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser figure, .news--card figure, .content-consent--inner figure, .mod_breadcrumb--siblings figure {
    overflow: hidden;
  }
  .modalsearch--formulars img, .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser img, .news--card img, .content-consent--inner img, .mod_breadcrumb--siblings img {
    transform: scale(1);
    transition: var(--trans-time-slow-ease) transform;
  }
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser:hover, .news--card:hover {
    border-color: var(--brand-blue-40);
    background-color: var(--brand-blue-20);
  }
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser:hover img, .news--card:hover img {
    transform: scale(1.1);
  }
  .boxlink, .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser-link, .news--card-link, .ce_jsonData__link {
    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);
  }
  .content-youtube iframe {
    box-shadow: 0 0 32px 0 rgba(0, 54, 90, 0.1), 0 0 4px 0 rgba(0, 54, 90, 0.2);
    transition: box-shadow var(--transtime);
  }
  a .content-youtube iframe:hover, .content-youtube a iframe:hover {
    box-shadow: 0 0 32px 0 rgba(0, 54, 90, 0.25), 0 0 4px 0 rgba(0, 54, 90, 0.2);
  }
}
@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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-1.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-3.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-5.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-7.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-9.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .col-11.justify-center > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxs-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xs-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-sm-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-md-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-menu-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-lg-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xl-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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: 119rem) {
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-1.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-3.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-5.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-7.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-9.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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;
        /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
        /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
        grid-template-columns: repeat(12, 1fr);
      }
      .col-xxl-11.justify-center > :not([class*=col-]) {
        grid-column: span 12/span 12;
      }
    }
    .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: .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: 6rem;
    --space-section-sm: 5rem;
    --space-section-md: 8rem;
    --space-section-lg: 10rem;
  }
}
@media only screen and (min-width: 0) and (min-width: 48rem) {
  :root {
    --space-section: 10rem;
    --space-section-md: 10rem;
    --space-section-lg: 15rem;
  }
}
@media only screen and (min-width: 0) and (min-width: 75rem) {
  :root {
    --space-section: 15rem;
    --space-section-lg: 20rem;
  }
}
:root {
  --neutral-100: #1F272E;
  --neutral-90: #303b45;
  --neutral-80-text: #636f79;
  --neutral-80: #788591;
  --neutral-60: #CFD5DB;
  --neutral-40: #dde3e8;
  --neutral-20: #EEF0F1;
  --neutral-10: #f6f8f9;
  --neutral-0: #ffffff;
  --blue-10: #f2f7fa;
  --blue-20: #CCDAE2;
  --blue-60: #668FA9;
  --blue-80: #33698D;
  --blue-100: #004470;
  --blue-120: #00365A;
  --blue-140: #002943;
  --brand-blue-10: #EFF6FB;
  --brand-blue-20: #E0EEF6;
  --brand-blue-40: #C1DDEE;
  --brand-blue-60: #A2CBE5;
  --brand-blue-80: #83BADD;
  --brand-blue-100: #64A9D4;
  --brand-blue-120: #3c8abc;
  --brand-blue-140: #3C657F;
  --brand-green-40: #ABD1B7;
  --brand-green-60: #82BB94;
  --brand-green-80: #58A470;
  --brand-green-100: #2E8D4C;
  --brand-green-120: #25713D;
  --brand-green-140: #1C552E;
  --brand-yellow-40: #FDEFB8;
  --brand-yellow-60: #FCE894;
  --brand-yellow-80: #FBE071;
  --brand-yellow-100: #FAD84D;
  --brand-yellow-120: #C8AD3E;
  --brand-yellow-140: #96822E;
  --color-black: var(--neutral-100);
  --color-white: var(--neutral-0);
  --color-text: var(--neutral-100);
  --color-line: var(--neutral-60);
  --color-border: var(--neutral-60);
  --color-sucess: #08C59F;
  --color-error: #D17875;
  --color-primary: var(--brand-blue-100);
  --color-primary-40: var(--brand-blue-40);
  --color-secondary: var(--brand-green-100);
  --color-secondary-40: var(--brand-green-40);
  --color-tertiary: var(--brand-yellow-100);
  --color-tertiary-40: var(--brand-yellow-40);
  --primary-brand: var(--color-primary);
  --secondary-brand: var(--color-secondary);
  --tertiary-brand: var(--color-tertiary);
  --color-meta-theme: #2E8D4C;
  --color-grid-gutter: var(--color-white);
  --color-grid-col: var(--color-error);
  --color-grid-outer: var(--color-black);
  --grid-helper-opacity: .2;
  /* ------------------------------------
      future dark mode color definitions
  ------------------------------------- */
}
:root {
  --font-family: "Albert Sans", sans-serif;
  --font-family-alt: "Albert Sans", sans-serif;
  --heading-5xl-fs: 8rem;
  --heading-5xl-fw: 700;
  --heading-5xl-lh: 1.1;
  --heading-4xl-fs: 6.5rem;
  --heading-4xl-fw: 700;
  --heading-4xl-lh: 1.2;
  --heading-3xl-fs: 5rem;
  --heading-3xl-fw: 700;
  --heading-3xl-lh: 1.2;
  --heading-2xl-fs: 4rem;
  --heading-2xl-fw: 700;
  --heading-2xl-lh: 1.2;
  --heading-xl-fs: 3.5rem;
  --heading-xl-fw: 700;
  --heading-xl-lh: 1.2;
  --heading-l-fs: 3rem;
  --heading-l-fw: 600;
  --heading-l-lh: 1.2;
  --heading-m-fs: 2.5rem;
  --heading-m-fw: 700;
  --heading-m-lh: 1.2;
  --heading-s-fs: 2.5rem;
  --heading-s-fw: 500;
  --heading-s-lh: normal;
  --heading-xs-fs: 2.25rem;
  --heading-xs-fw: 700;
  --heading-xs-lh: normal;
  --body-l-fs: 3rem;
  --body-l-fw: 500;
  --body-l-lh: 1.4;
  --body-fs: 2.5rem;
  --body-fw: 400;
  --body-lh: 1.6;
  --body-s-fs: 2.25rem;
  --body-s-fw: 400;
  --body-s-lh: 1.42;
  --body-xs-fs: 2rem;
  --body-xs-fw: 400;
  --body-xs-lh: 1.33;
  --body-xxs-fs: 1.75rem;
  --body-xxs-fw: 500;
  --body-xxs-lh: 1.33;
  --btn-fs: 2.25rem;
  --btn-fw: 500;
  --btn-lh: normal;
  --btn-ls: initial;
  --btn-s-fs: 2rem;
  --btn-s-fw: 500;
  --btn-s-lh: normal;
  --btn-s-ls: initial;
  /* ------------------------------------
       font size for tablet and below
   ------------------------------------- */
}
@media only screen and (max-width: 74.999rem) {
  :root {
    --heading-5xl-fs: 6.5rem;
    --heading-5xl-lh: 1.2;
    --heading-4xl-fs: 5rem;
  }
}
@media only screen and (max-width: 47.999rem) {
  :root {
    --body-fs: 2.25rem;
    --body-lh: 1.5;
    --body-l-fs: 2.5rem;
    --body-l-lh: 1.5;
  }
}
@media only screen and (max-width: 39.999rem) {
  :root {
    --heading-5xl-fs: 4.5rem;
    --heading-4xl-fs: 4.25rem;
    --heading-3xl-fs: 4rem;
    --heading-2xl-fs: 3rem;
    --heading-xl-fs: 3rem;
    --heading-m-fs: 2.25rem;
    --body-fs: 2.25rem;
  }
}
.content-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 1px;
  margin-block-start: auto;
  border: none;
}
.content-accordion > h1, .content-accordion > h2, .content-accordion > h3, .content-accordion > h4, .content-accordion > h5, .content-accordion > h6 {
  margin-block-end: 3rem;
}
.content-accordion-item {
  padding: 0;
  border-top: 2px solid var(--color-border);
}
.content-accordion-item:has(> .handorgel__content--open) {
  background: transparent;
}
.content-accordion-item-icon {
  color: var(--brand-blue-100);
  transition: transform var(--transtime);
  line-height: 0;
  vertical-align: top;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.content-accordion-item:last-of-type {
  border-bottom: 2px solid var(--color-border);
}
.content-accordion h1.handorgel__header,
.content-accordion h2.handorgel__header,
.content-accordion h3.handorgel__header,
.content-accordion h4.handorgel__header,
.content-accordion h5.handorgel__header,
.content-accordion h6.handorgel__header {
  margin: 0;
}
.content-accordion .handorgel__header__button {
  position: relative;
  display: flex;
  justify-content: space-between;
  place-items: center;
  padding: 2rem 1rem;
  background: none;
  color: var(--blue-100);
  border: none !important;
  transition: background-color var(--transtime-fast), color var(--transtime-fast);
  cursor: pointer;
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
  font-weight: 500;
}
.content-accordion .handorgel__header--open .handorgel__header__button {
  color: var(--brand-blue-100);
}
.content-accordion .handorgel__header--open .content-accordion-item-icon {
  transform: rotate(-180deg);
  transform-origin: center;
}
.content-accordion .handorgel__header:hover .handorgel__header__button {
  color: var(--brand-blue-100);
}
.content-accordion .handorgel__content {
  background: none;
  border: none;
}
.content-accordion .handorgel__content__inner {
  padding: 0 1rem 5rem 1rem;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.content-accordion .handorgel__content__inner .rte ul li {
  padding-left: 2rem;
}
.content-accordion .handorgel__content__inner .rte ul li:before {
  width: 0.8rem;
  height: 0.8rem;
  top: 1.2rem;
}
/* ------------------------------------
    no js
------------------------------------- */
body:not(.js_ready) .content-accordion-item-icon {
  display: none;
}
body:not(.js_ready) .content-accordion .handorgel__header .handorgel__header__button {
  cursor: default;
}
body:not(.js_ready) .content-accordion .handorgel__content {
  display: block;
  visibility: visible;
  height: auto;
}
/*!
 * 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;
}
/* Import all variables */
.content-rsce-ankernav {
  display: flex;
  justify-content: flex-start;
}
.content-rsce-ankernav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
}
[data-anchor] {
  scroll-margin-top: var(--space-md);
}
#main:has(#right-custom) .mod_article.spacing__top--none {
  margin-block-start: 0;
  padding-block-start: 0;
}
#main:has(#right-custom) .mod_article.spacing__top--small {
  margin-block-start: 0;
  padding-block-start: var(--space-section-sm);
}
#main:has(#right-custom) .mod_article.spacing__top--medium {
  margin-block-start: 0;
  padding-block-start: var(--space-section);
}
#main:has(#right-custom) .mod_article.spacing__top--large {
  margin-block-start: 0;
  padding-block-start: var(--space-section-lg);
}
#main:has(#right-custom) .mod_article.spacing__bottom--none {
  margin-block-end: 0;
  padding-block-end: 0;
}
#main:has(#right-custom) .mod_article.spacing__bottom--small {
  margin-block-end: 0;
  padding-block-end: var(--space-section-sm);
}
#main:has(#right-custom) .mod_article.spacing__bottom--medium {
  margin-block-end: 0;
  padding-block-end: var(--space-section);
}
#main:has(#right-custom) .mod_article.spacing__bottom--large {
  margin-block-end: 0;
  padding-block-end: var(--space-section-lg);
}
#main:has(#right-custom) .mod_article__background-color-grey {
  border-radius: var(--radius-l);
  padding-block: var(--space-lg);
}
#main:has(#right-custom) .mod_article__background-color-primary {
  border-radius: var(--radius-l);
  padding-block: var(--space-lg);
}
#main:has(#right-custom) .mod_article__background-color-secondary {
  border-radius: var(--radius-l);
  padding-block: var(--space-lg);
}
#main:has(#right-custom) .mod_article__background-color-tertiary {
  border-radius: var(--radius-l);
  padding-block: var(--space-lg);
}
:root {
  --lotti-offset-bottom: 0;
}
.mod_article {
  background-repeat: no-repeat;
  background-size: auto;
  position: relative;
  scroll-margin-top: 60px;
  color: var(--color-text);
  padding-block: var(--space-section);
}
.mod_article:has(.ce_rsce_hero) {
  padding-block: 0;
}
.mod_article:has(.ce_form) {
  z-index: 99;
}
.mod_article__inner {
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}
.mod_article__inner:has(.ce_rsce_hero) {
  overflow: visible;
}
.mod_article__inner > .mod_article__inner {
  margin-inline: 0;
  max-width: 100%;
}
.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);
}
.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);
}
.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(---grid-row-gap-l);
}
.mod_article__grid-column-large > .mod_article__inner {
  column-gap: var(--grid-column-gap-l);
}
.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;
    /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
    /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
    grid-template-columns: repeat(12, 1fr);
  }
  .mod_article__width-small > .mod_article__inner > :not([class*=col-]) {
    grid-column: span 12/span 12;
  }
}
.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-grey {
  background-color: var(--neutral-10);
}
@media only screen and (max-width: 74.999rem) {
  .mod_article__background-color-grey {
    padding-inline: 3rem;
  }
}
.mod_article__background-color-grey + .mod_article__background-color-grey:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-color-primary {
  background-color: var(--color-primary);
  --color-text: var(--color-white);
  --brand-blue-100: var(--color-white);
  --brand-blue-120: rgba(255, 255, 255, 0.8);
  --blue-100: var(--color-white);
  --blue-80: var(--color-white);
  --color-border: var(--color-white);
  --neutral-90: var(--color-white);
  --neutral-80: var(--color-white);
  --brand-blue-10: rgba(0, 68, 112, 0.15);
}
.mod_article__background-color-primary .btn-primary {
  color: #004470;
}
.mod_article__background-color-primary .btn-primary:hover {
  color: #33698D;
}
.mod_article__background-color-primary .btn-tertiary .svg-icon {
  color: hsl(204, 100%, 22%);
}
@media only screen and (max-width: 74.999rem) {
  .mod_article__background-color-primary {
    padding-inline: 3rem;
  }
}
@media only screen and (min-width: 40rem) {
  .mod_article__background-color-primary {
    background-image: url("data:image/svg+xml,%3csvg%20width='739'%20height='516'%20viewBox='0%200%20739%20516'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2443_1042)'%3e%3cpath%20opacity='0.2'%20d='M-247.825%20-128.582C-98.3155%20-87.7982%2040.7058%20-13.0323%20158.897%2090.0579C277.089%20193.148%20371.402%20322.006%20434.753%20466.828C498.103%20611.649%20528.917%20768.807%20524.761%20926.496C520.722%201084.15%20481.82%201238.35%20411.046%201377.48C407.371%201384.55%20406.364%201392.9%20408.167%201400.8C409.97%201408.7%20414.596%201415.78%20421.094%201420.52C427.591%201425.26%20435.536%201427.53%20443.327%201426.65C451.152%201425.89%20458.504%201422.21%20463.803%201416.31C627.924%201229.54%20719.122%20986.975%20720.635%20733.877C722.148%20480.779%20633.886%20234.296%20472.112%2040.3757C310.338%20-153.545%2086.167%20-281.808%20-158.653%20-320.488C-403.12%20-359.271%20-652.086%20-305.664%20-858.586%20-169.84C-865.192%20-165.352%20-869.98%20-158.585%20-872.017%20-150.708C-874.053%20-142.831%20-873.123%20-134.417%20-869.438%20-127.066C-865.752%20-119.715%20-859.72%20-113.945%20-852.19%20-110.912C-844.778%20-107.846%20-836.525%20-107.579%20-829.016%20-110.289C-641.903%20-174.909%20-439.677%20-181.365%20-247.354%20-128.72L-247.825%20-128.582Z'%20fill='white'/%3e%3cpath%20opacity='0.5'%20d='M287.837%20898.603C291.55%20798.684%20318.153%20700.375%20365.605%20611.002C413.057%20521.629%20480.2%20443.483%20561.91%20382.453C643.621%20321.422%20737.852%20279.027%20837.543%20258.527C937.194%20237.958%201039.78%20239.802%201137.57%20263.88C1142.56%20265.152%201147.95%20264.562%201152.65%20262.271C1157.35%20259.98%201161.12%20256.036%201163.15%20251.259C1165.17%20246.482%201165.43%20241.156%201163.74%20236.389C1162.12%20231.584%201158.73%20227.505%201154.25%20225.039C1012.84%20149.29%20847.057%20127.54%20687.806%20163.684C528.555%20199.828%20386.618%20291.412%20288.482%20421.481C190.346%20551.551%20142.61%20711.203%20154.188%20870.7C165.649%201029.99%20235.821%201178.57%20351.429%201288.41C355.217%201291.9%20360.171%201293.92%20365.419%201294.05C370.667%201294.17%20375.817%201292.35%20379.896%201288.96C383.975%201285.57%20386.716%201280.93%20387.518%201275.75C388.358%201270.65%20387.316%201265.42%20384.513%201261.1C316.486%201153%20282.79%201026.89%20287.681%20898.328L287.837%20898.603Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2443_1042'%3e%3crect%20width='739'%20height='516'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
.mod_article__background-color-primary + .mod_article__background-color-primary:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-color-secondary {
  background-color: var(--color-secondary);
  --color-text: var(--color-white);
  --brand-blue-100: var(--color-white);
  --brand-blue-120: rgba(255, 255, 255, 0.8);
  --blue-100: var(--color-white);
  --blue-80: var(--color-white);
  --color-border: var(--color-white);
  --neutral-90: var(--color-white);
  --neutral-80: var(--color-white);
  --brand-blue-10: rgba(0, 68, 112, 0.15);
}
.mod_article__background-color-secondary .btn-primary {
  color: #004470;
}
.mod_article__background-color-secondary .btn-primary:hover {
  color: #33698D;
}
.mod_article__background-color-secondary .btn-tertiary .svg-icon {
  color: hsl(204, 100%, 22%);
}
@media only screen and (max-width: 74.999rem) {
  .mod_article__background-color-secondary {
    padding-inline: 3rem;
  }
}
@media only screen and (min-width: 40rem) {
  .mod_article__background-color-secondary {
    background-image: url("data:image/svg+xml,%3csvg%20width='739'%20height='516'%20viewBox='0%200%20739%20516'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2443_1042)'%3e%3cpath%20opacity='0.2'%20d='M-247.825%20-128.582C-98.3155%20-87.7982%2040.7058%20-13.0323%20158.897%2090.0579C277.089%20193.148%20371.402%20322.006%20434.753%20466.828C498.103%20611.649%20528.917%20768.807%20524.761%20926.496C520.722%201084.15%20481.82%201238.35%20411.046%201377.48C407.371%201384.55%20406.364%201392.9%20408.167%201400.8C409.97%201408.7%20414.596%201415.78%20421.094%201420.52C427.591%201425.26%20435.536%201427.53%20443.327%201426.65C451.152%201425.89%20458.504%201422.21%20463.803%201416.31C627.924%201229.54%20719.122%20986.975%20720.635%20733.877C722.148%20480.779%20633.886%20234.296%20472.112%2040.3757C310.338%20-153.545%2086.167%20-281.808%20-158.653%20-320.488C-403.12%20-359.271%20-652.086%20-305.664%20-858.586%20-169.84C-865.192%20-165.352%20-869.98%20-158.585%20-872.017%20-150.708C-874.053%20-142.831%20-873.123%20-134.417%20-869.438%20-127.066C-865.752%20-119.715%20-859.72%20-113.945%20-852.19%20-110.912C-844.778%20-107.846%20-836.525%20-107.579%20-829.016%20-110.289C-641.903%20-174.909%20-439.677%20-181.365%20-247.354%20-128.72L-247.825%20-128.582Z'%20fill='white'/%3e%3cpath%20opacity='0.5'%20d='M287.837%20898.603C291.55%20798.684%20318.153%20700.375%20365.605%20611.002C413.057%20521.629%20480.2%20443.483%20561.91%20382.453C643.621%20321.422%20737.852%20279.027%20837.543%20258.527C937.194%20237.958%201039.78%20239.802%201137.57%20263.88C1142.56%20265.152%201147.95%20264.562%201152.65%20262.271C1157.35%20259.98%201161.12%20256.036%201163.15%20251.259C1165.17%20246.482%201165.43%20241.156%201163.74%20236.389C1162.12%20231.584%201158.73%20227.505%201154.25%20225.039C1012.84%20149.29%20847.057%20127.54%20687.806%20163.684C528.555%20199.828%20386.618%20291.412%20288.482%20421.481C190.346%20551.551%20142.61%20711.203%20154.188%20870.7C165.649%201029.99%20235.821%201178.57%20351.429%201288.41C355.217%201291.9%20360.171%201293.92%20365.419%201294.05C370.667%201294.17%20375.817%201292.35%20379.896%201288.96C383.975%201285.57%20386.716%201280.93%20387.518%201275.75C388.358%201270.65%20387.316%201265.42%20384.513%201261.1C316.486%201153%20282.79%201026.89%20287.681%20898.328L287.837%20898.603Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2443_1042'%3e%3crect%20width='739'%20height='516'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
.mod_article__background-color-secondary + .mod_article__background-color-secondary:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article__background-color-tertiary {
  background-color: var(--color-tertiary);
}
@media only screen and (max-width: 74.999rem) {
  .mod_article__background-color-tertiary {
    padding-inline: 3rem;
  }
}
@media only screen and (min-width: 40rem) {
  .mod_article__background-color-tertiary {
    background-image: url("data:image/svg+xml,%3csvg%20width='739'%20height='516'%20viewBox='0%200%20739%20516'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2443_1042)'%3e%3cpath%20opacity='0.2'%20d='M-247.825%20-128.582C-98.3155%20-87.7982%2040.7058%20-13.0323%20158.897%2090.0579C277.089%20193.148%20371.402%20322.006%20434.753%20466.828C498.103%20611.649%20528.917%20768.807%20524.761%20926.496C520.722%201084.15%20481.82%201238.35%20411.046%201377.48C407.371%201384.55%20406.364%201392.9%20408.167%201400.8C409.97%201408.7%20414.596%201415.78%20421.094%201420.52C427.591%201425.26%20435.536%201427.53%20443.327%201426.65C451.152%201425.89%20458.504%201422.21%20463.803%201416.31C627.924%201229.54%20719.122%20986.975%20720.635%20733.877C722.148%20480.779%20633.886%20234.296%20472.112%2040.3757C310.338%20-153.545%2086.167%20-281.808%20-158.653%20-320.488C-403.12%20-359.271%20-652.086%20-305.664%20-858.586%20-169.84C-865.192%20-165.352%20-869.98%20-158.585%20-872.017%20-150.708C-874.053%20-142.831%20-873.123%20-134.417%20-869.438%20-127.066C-865.752%20-119.715%20-859.72%20-113.945%20-852.19%20-110.912C-844.778%20-107.846%20-836.525%20-107.579%20-829.016%20-110.289C-641.903%20-174.909%20-439.677%20-181.365%20-247.354%20-128.72L-247.825%20-128.582Z'%20fill='white'/%3e%3cpath%20opacity='0.5'%20d='M287.837%20898.603C291.55%20798.684%20318.153%20700.375%20365.605%20611.002C413.057%20521.629%20480.2%20443.483%20561.91%20382.453C643.621%20321.422%20737.852%20279.027%20837.543%20258.527C937.194%20237.958%201039.78%20239.802%201137.57%20263.88C1142.56%20265.152%201147.95%20264.562%201152.65%20262.271C1157.35%20259.98%201161.12%20256.036%201163.15%20251.259C1165.17%20246.482%201165.43%20241.156%201163.74%20236.389C1162.12%20231.584%201158.73%20227.505%201154.25%20225.039C1012.84%20149.29%20847.057%20127.54%20687.806%20163.684C528.555%20199.828%20386.618%20291.412%20288.482%20421.481C190.346%20551.551%20142.61%20711.203%20154.188%20870.7C165.649%201029.99%20235.821%201178.57%20351.429%201288.41C355.217%201291.9%20360.171%201293.92%20365.419%201294.05C370.667%201294.17%20375.817%201292.35%20379.896%201288.96C383.975%201285.57%20386.716%201280.93%20387.518%201275.75C388.358%201270.65%20387.316%201265.42%20384.513%201261.1C316.486%201153%20282.79%201026.89%20287.681%20898.328L287.837%20898.603Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2443_1042'%3e%3crect%20width='739'%20height='516'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
.mod_article__background-color-tertiary + .mod_article__background-color-tertiary:not([class*=spacing__top]) {
  padding-block-start: 0;
}
.mod_article-position-top-left {
  background-position: top left;
}
.mod_article-position-top-left .mod_article__lotti {
  left: 0;
  top: 0;
}
.mod_article-position-top-right {
  background-position: top right;
}
.mod_article-position-top-right .mod_article__lotti {
  right: 0;
  top: 0;
}
.mod_article-position-bottom-left {
  background-position: bottom left;
}
.mod_article-position-bottom-left .mod_article__lotti {
  left: 0;
  bottom: 0;
}
.mod_article-position-bottom-right {
  background-position: bottom right;
}
.mod_article-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;
}
@media only screen and (min-width: 48rem) {
  @layer base {
    .mod_article--gridColumns-4 .mod_article__inner {
      width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-4 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 75rem) {
  @layer base {
    .mod_article--gridColumns-4 .mod_article__inner {
      width: calc(var(--singleColumnWidth) * 6 + 5 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-4 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 75rem) {
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-4 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 48rem) {
  @layer base {
    .mod_article--gridColumns-6 .mod_article__inner {
      width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-6 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 75rem) {
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-6 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 48rem) {
  @layer base {
    .mod_article--gridColumns-8 .mod_article__inner {
      width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-8 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 75rem) {
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-8 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
@media only screen and (min-width: 48rem) {
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .mod_article--gridColumns-10 .mod_article__inner > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
.mod_article__lotti {
  position: absolute;
  z-index: 1;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
@media only screen and (max-width: 74.999rem) {
  .mod_breadcrumb ul {
    display: none !important;
  }
}
.mod_breadcrumb ul:not(.mod_breadcrumb--siblings) {
  display: flex;
  gap: 0 1rem;
  flex-wrap: nowrap;
  align-items: center;
  padding-inline-start: 0;
  margin-block-end: 1rem;
  list-style: none;
}
.mod_breadcrumb ul:not(:has(> li:nth-child(2))) {
  display: none;
}
.mod_breadcrumb li {
  display: flex;
  gap: 0 1rem;
  align-items: center;
}
.mod_breadcrumb li:before {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--neutral-80);
}
@layer base {
  .mod_breadcrumb li:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.92071%203.13883L7.1388%203.9207C6.95373%204.10576%206.95373%204.40582%207.1388%204.59092L14.275%2011.7442L7.1388%2018.8974C6.95373%2019.0825%206.95373%2019.3826%207.1388%2019.5677L7.92071%2020.3496C8.10577%2020.5346%208.40583%2020.5346%208.59093%2020.3496L16.8612%2012.0793C17.0463%2011.8943%2017.0463%2011.5942%2016.8612%2011.4091L8.59093%203.13883C8.40583%202.95372%208.10577%202.95372%207.92071%203.13883Z'%20fill='currentColor'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mod_breadcrumb li:first-child {
  padding-inline-start: 0;
}
.mod_breadcrumb li:first-child:before {
  display: none;
}
.mod_breadcrumb li.home svg {
  height: 2.5rem;
  width: 2.5rem;
  margin-block-end: 5px;
}
.mod_breadcrumb li,
.mod_breadcrumb a,
.mod_breadcrumb strong {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  white-space: nowrap;
  font-weight: 500;
  transition: color var(--transtime-fast);
}
.mod_breadcrumb li:hover,
.mod_breadcrumb a:hover,
.mod_breadcrumb strong:hover {
  color: var(--blue-100);
}
.mod_breadcrumb li.folder,
.mod_breadcrumb a.folder,
.mod_breadcrumb strong.folder {
  display: none;
}
.mod_breadcrumb--siblings {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 3rem;
  list-style-type: none;
  width: calc(100% + 3rem);
  margin: 0;
  padding: 3rem;
  background-color: var(--color-white);
  transform: translateX(-3rem);
  transition: opacity var(--transtime-fast);
}
.mod_breadcrumb--siblings:hover {
  border-color: var(--neutral-40);
}
.siblings-visible + .mod_breadcrumb--siblings {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.mod_breadcrumb--siblings li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.mod_breadcrumb--siblings li:before {
  content: none;
}
.mod_breadcrumb--siblings a {
  display: block;
  flex-basis: 100%;
  color: var(--blue-100);
  font-size: 2.25rem;
  font-weight: 500;
  transition: color var(--transtime-fast);
}
.mod_breadcrumb--siblings a:hover {
  color: var(--brand-blue-100);
}
.mod_breadcrumb .active {
  display: flex;
  column-gap: 2rem;
  align-items: center;
  line-height: 1 !important;
  width: 100%;
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  letter-spacing: var(--heading-5xl-ls);
  color: var(--color-text);
  margin-block: 2rem;
}
.mod_breadcrumb .active .h_susfix {
  font-weight: var(--heading-5xl-fw);
}
.noHero .mod_breadcrumb .active {
  display: none;
}
.mod_breadcrumb:has(.mod_breadcrumb--siblings) .active {
  cursor: pointer;
}
@media only screen and (min-width: 75rem) {
  .mod_breadcrumb:has(.mod_breadcrumb--siblings) .active:after {
    flex-shrink: 0;
    transition: transform var(--transtime-fast);
  }
  @layer base {
    .mod_breadcrumb:has(.mod_breadcrumb--siblings) .active:after {
      content: "";
      display: block;
      width: 4rem;
      height: 4rem;
      mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='m20.605%207.665-.782-.782a.474.474%200%200%200-.67%200L12%2014.019%204.847%206.883a.474.474%200%200%200-.67%200l-.782.782a.474.474%200%200%200%200%20.67l8.27%208.27a.474.474%200%200%200%20.67%200l8.27-8.27a.474.474%200%200%200%200-.67Z'/%3e%3c/svg%3e");
      mask-repeat: no-repeat;
      background-color: currentColor;
      mask-size: contain;
    }
  }
}
.mod_breadcrumb:has(.mod_breadcrumb--siblings) .active.siblings-visible:after {
  transform: rotate(180deg);
}
.mod_breadcrumb:not(:has(li:nth-child(2))) h1.active:after {
  display: none;
}
.mod_navigation__main ul.level_1 a.nav_btn,
.mod_navigation__main ul.level_1 strong.nav_btn, button.submit, .widget-fineuploader .fineuploader-wrapper .qq-upload-button > *, .widget-fineuploader .qq-dialog-buttons button, .btn {
  font-size: var(--btn-fs);
  font-weight: var(--btn-fw);
  line-height: var(--btn-lh);
  letter-spacing: var(--btn-ls);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 1.5rem 4rem;
  min-height: 52px;
  border-radius: 100px;
  transition: color var(--transtime-fast), background-color var(--transtime-fast), transform var(--transtime-fast), background-color var(--transtime-fast);
}
.mod_navigation__main ul.level_1 a.nav_btn:has(.btn__title),
.mod_navigation__main ul.level_1 strong.nav_btn:has(.btn__title), button.submit:has(.btn__title), .widget-fineuploader .fineuploader-wrapper .qq-upload-button > :has(.btn__title), .widget-fineuploader .qq-dialog-buttons button:has(.btn__title), .btn:has(.btn__title) {
  gap: 1rem;
  padding: 1.5rem 4rem;
}
.mod_navigation__main ul.level_1 a.nav_btn:has(.svg-icon):has(.btn__title),
.mod_navigation__main ul.level_1 strong.nav_btn:has(.svg-icon):has(.btn__title), button.submit:has(.svg-icon):has(.btn__title), .widget-fineuploader .fineuploader-wrapper .qq-upload-button > :has(.svg-icon):has(.btn__title), .widget-fineuploader .qq-dialog-buttons button:has(.svg-icon):has(.btn__title), .btn:has(.svg-icon):has(.btn__title) {
  padding-left: 3rem;
}
.mod_navigation__main ul.level_1 a.nav_btn .svg-icon,
.mod_navigation__main ul.level_1 strong.nav_btn .svg-icon, button.submit .svg-icon, .widget-fineuploader .fineuploader-wrapper .qq-upload-button > * .svg-icon, .widget-fineuploader .qq-dialog-buttons button .svg-icon, .btn .svg-icon {
  width: 3rem;
  height: 3rem;
  flex: 0 0 3rem;
}
.mod_navigation__main ul.level_1 a.nav_btn:hover,
.mod_navigation__main ul.level_1 strong.nav_btn:hover, .btn-primary:hover, button.submit:hover, .widget-fineuploader .fineuploader-wrapper .qq-upload-button > :hover, .widget-fineuploader .qq-dialog-buttons button:hover {
  background-color: var(--blue-80);
  color: var(--color-white);
}
.btn-secondary:hover, .content-gallery-impressions-btn:hover {
  color: var(--blue-80);
  border-color: var(--blue-80);
  background-color: var(--brand-blue-20);
}
.news--card:hover .btn, .btn-tertiary:hover {
  color: var(--blue-80);
}
.news--card:hover .btn:before, .btn-tertiary:hover:before {
  background: var(--blue-80);
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser:hover .btn-text, .btn-text:hover {
  color: var(--blue-80);
}
.btn-primary, button.submit, .widget-fineuploader .fineuploader-wrapper .qq-upload-button > *, .widget-fineuploader .qq-dialog-buttons button {
  background-color: var(--blue-100);
  color: var(--color-white);
}
.btn-secondary, .content-gallery-impressions-btn {
  color: var(--blue-100);
  border: 1.5px solid var(--blue-100);
  background-color: transparent;
}
.btn-tertiary {
  position: relative;
  padding: 0 !important;
  color: var(--blue-100);
  background-color: transparent;
}
.btn-tertiary:has(.btn__title) {
  padding: 0;
  padding-inline-start: 1.75rem;
}
.btn-tertiary .btn__title {
  white-space: nowrap;
  text-decoration-color: inherit;
}
.btn-tertiary .svg-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  margin-inline: 14px;
  color: var(--color-white);
}
.btn-tertiary:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  padding: 1.5rem;
  transform: translateY(-50%);
  background: var(--blue-100);
  transition: var(--transtime-fast) background;
}
.btn-text {
  padding: 0;
  color: var(--blue-100);
  border-radius: 0;
}
.btn-text:has(.svg-icon):has(.btn__title), .btn-text:has(.btn__title) {
  padding: 0;
}
.btn-text .btn__title {
  white-space: nowrap;
}
.btn-tag {
  display: block;
  padding: 1.25rem 3rem;
  min-height: 42px;
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  font-weight: 500;
  color: var(--blue-100);
  text-transform: none;
  background-color: var(--brand-blue-40);
  border-radius: 83px;
  transition: background-color var(--transtime-fast);
}
.btn-tag:hover {
  background-color: var(--brand-blue-60);
}
.btn {
  /* ------------------------------------
      Button sizes
  ------------------------------------- */
}
.btn-s {
  gap: 1rem;
  padding: 1.5rem 3rem;
  min-height: 46px;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
}
.btn-s:has(.btn__title) {
  padding: 1.5rem 3rem;
}
.btn-s .svg-icon {
  width: 2.5rem;
  height: 2.5rem;
}
#right-custom .mod_article .btn {
  width: 100%;
  justify-content: center;
}
.ce_rsce_buttonbox {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-xs);
  row-gap: var(--space-3xs);
  align-items: center;
}
.ce_rsce_buttonbox-align-center {
  justify-content: center;
}
.ce_rsce_buttonbox-align-right {
  justify-content: flex-end;
}
.content-consent {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100vw;
  background: transparent;
  color: var(--color-text);
}
@media only screen and (min-width: 40rem) {
  .content-consent {
    bottom: 6rem;
    left: 5vw;
    width: 90vw;
  }
}
.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;
  background-color: var(--color-white);
  color: var(--color-text);
}
@media only screen and (min-width: 48rem) {
  .content-consent--inner {
    grid-template-areas: "header button" "intro button";
    padding: 4rem;
  }
}
.content-consent--inner:hover {
  border-color: var(--neutral-40);
}
.content-consent--header {
  grid-area: header;
  padding: 0;
  text-align: left;
  border-bottom: none;
}
.content-consent--title {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
  color: var(--color-text);
}
.content-consent--intro {
  grid-area: intro;
  padding: 0;
  max-width: 1200px;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  color: var(--color-text);
}
.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);
}
.backgroundcolor-primary-brand {
  background-color: var(--primary-brand);
}
.backgroundcolor-secondary-brand {
  background-color: var(--secondary-brand);
}
.backgroundcolor-grey {
  background-color: var(--neutral-10);
}
.backgroundcolor-black {
  background-color: var(--color-black);
}
.backgroundcolor-black-medium {
  background-color: var(--color-black-medium);
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.download-element {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
}
.download-element:before {
  background-color: transparent;
}
.download-element .size {
  display: none;
}
.download-element a {
  display: flex;
  gap: var(--space-xs);
  align-items: center;
  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:before {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20fill='none'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='currentColor'%20d='m33.405%209.79-8.281-8.321A4.968%204.968%200%200%200%2021.6%200H9.977C7.227%200%205%202.238%205%205v30c0%202.762%202.228%205%204.977%205h19.906c2.748%200%204.976-2.238%204.976-5V13.32a4.996%204.996%200%200%200-1.454-3.53ZM22.418%202.662c.348.122.674.3.942.57l8.282%208.32c.27.267.449.595.566.947h-8.546a1.25%201.25%200%200%201-1.244-1.25V2.663ZM32.37%2035c0%201.378-1.117%202.5-2.488%202.5H9.977A2.497%202.497%200%200%201%207.488%2035V5c0-1.378%201.117-2.5%202.489-2.5h9.953v8.75c0%202.07%201.671%203.75%203.732%203.75h8.709v20ZM12.465%2021.25c0%20.688.56%201.25%201.244%201.25H26.15a1.25%201.25%200%200%200%200-2.5H13.71a1.25%201.25%200%200%200-1.244%201.25ZM26.15%2025H13.71a1.25%201.25%200%200%200%200%202.5H26.15c.688%200%201.244-.56%201.244-1.25S26.834%2025%2026.15%2025Zm0%205H13.71a1.25%201.25%200%200%200%200%202.5H26.15c.688%200%201.244-.56%201.244-1.25S26.834%2030%2026.15%2030Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.content-downloads > h1, .content-downloads > h2, .content-downloads > h3, .content-downloads > h4, .content-downloads > h5, .content-downloads > h6 {
  margin-block-end: 3rem;
}
.content-downloads ul {
  display: flex;
  flex-direction: column;
}
.content-downloads {
  border-bottom: 1px var(--color-border, #cfd5db) solid;
}
.content-downloads .download-element {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  margin-block-end: 0;
  padding-block: 2rem;
  padding-inline: 1rem;
  border-top: 1px var(--color-border, #cfd5db) solid;
  transition: background-color var(--transtime-fast);
}
.content-downloads .download-element:before {
  content: none;
}
.content-downloads .download-element:hover {
  background-color: var(--brand-blue-10);
}
.content-downloads .download-element:hover .download-element--title {
  color: var(--blue-80);
}
.content-downloads .download-element a {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
}
.content-downloads .download-element a:before {
  display: block;
  margin-block-start: 3px;
  background-color: var(--brand-blue-100);
}
@layer base {
  .content-downloads .download-element a:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20fill='none'%20viewBox='0%200%2040%2040'%3e%3cpath%20fill='currentColor'%20d='m33.405%209.79-8.281-8.321A4.968%204.968%200%200%200%2021.6%200H9.977C7.227%200%205%202.238%205%205v30c0%202.762%202.228%205%204.977%205h19.906c2.748%200%204.976-2.238%204.976-5V13.32a4.996%204.996%200%200%200-1.454-3.53ZM22.418%202.662c.348.122.674.3.942.57l8.282%208.32c.27.267.449.595.566.947h-8.546a1.25%201.25%200%200%201-1.244-1.25V2.663ZM32.37%2035c0%201.378-1.117%202.5-2.488%202.5H9.977A2.497%202.497%200%200%201%207.488%2035V5c0-1.378%201.117-2.5%202.489-2.5h9.953v8.75c0%202.07%201.671%203.75%203.732%203.75h8.709v20ZM12.465%2021.25c0%20.688.56%201.25%201.244%201.25H26.15a1.25%201.25%200%200%200%200-2.5H13.71a1.25%201.25%200%200%200-1.244%201.25ZM26.15%2025H13.71a1.25%201.25%200%200%200%200%202.5H26.15c.688%200%201.244-.56%201.244-1.25S26.834%2025%2026.15%2025Zm0%205H13.71a1.25%201.25%200%200%200%200%202.5H26.15c.688%200%201.244-.56%201.244-1.25S26.834%2030%2026.15%2030Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.content-downloads .download-element a:before {
  flex: 0 0 40px;
}
.content-downloads .download-element--text {
  display: flex;
  flex-direction: column;
}
.content-downloads .download-element--title {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
  font-weight: 500;
  color: var(--blue-100);
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: visible;
  position: static;
  text-overflow: ellipsis;
  transition: color var(--transtime-fast);
}
.content-downloads .download-element--meta {
  font-size: var(--body-xxs-fs);
  font-weight: var(--body-xxs-fw);
  line-height: var(--body-xxs-lh);
  letter-spacing: var(--body-xxs-ls);
  font-weight: 500;
  color: var(--neutral-80, #6b7280);
}
.content-downloads .download-element--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@layer base {
  .content-downloads .download-element.ext-mp4 a:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3cpath%20d='M256%2032a224%20224%200%201%201%200%20448%20224%20224%200%201%201%200-448zm0%20480A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zm72.7-256L208%20329.7l0-147.5L328.7%20256zM212.5%20147.5c-7.4-4.5-16.7-4.7-24.3-.5s-12.3%2012.3-12.3%2020.9l0%20176c0%208.7%204.7%2016.7%2012.3%2020.9s16.8%204.1%2024.3-.5l144-88c7.1-4.4%2011.5-12.1%2011.5-20.5s-4.4-16.1-11.5-20.5l-144-88z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
@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: 119rem) {
    .row.grid-column-large, footer .grid-column-large.inside {
      column-gap: var(--grid-column-gap-l);
    }
  }
  .row.grid-row-large, footer .grid-row-large.inside {
    row-gap: var(--space-lg);
  }
  @media only screen and (min-width: 119rem) {
    .row.grid-row-large, footer .grid-row-large.inside {
      row-gap: var(--grid-row-gap-l);
    }
  }
  .row.grid-column-small, footer .grid-column-small.inside {
    column-gap: var(--grid-column-gap-s);
  }
  .row.grid-row-small, footer .grid-row-small.inside {
    row-gap: var(--grid-row-gap-s);
  }
  .row .row, footer .inside .row, .row footer .inside, footer .row .inside, footer .inside .inside {
    margin-inline-start: calc(var(--grid-outer-gutter) * -1);
    margin-inline-end: calc(var(--grid-outer-gutter) * -1);
  }
  .mod_article--gridColumns-10 .row, .mod_article--gridColumns-10 footer .inside, footer .mod_article--gridColumns-10 .inside {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mod_article--gridColumns-8 .row, .mod_article--gridColumns-8 footer .inside, footer .mod_article--gridColumns-8 .inside {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mod_article--gridColumns-6 .row, .mod_article--gridColumns-6 footer .inside, footer .mod_article--gridColumns-6 .inside {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mod_article--gridColumns-4 .row, .mod_article--gridColumns-4 footer .inside, footer .mod_article--gridColumns-4 .inside {
    grid-template-columns: repeat(12, 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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-2 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-2 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-3 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-3 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-4 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-4 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-5 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-5 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-6 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-6 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-7 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-7 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-8 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-8 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-9 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-9 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-10 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-10 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    .ce_rowStart--nowrap.row .col-11 > :not([class*=col-]), footer .ce_rowStart--nowrap.inside .col-11 > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
  @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;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      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 {
  position: relative;
  z-index: 50;
  padding-block: var(--space-section) 5rem;
  margin: 0;
  background: var(--neutral-90);
  border-radius: var(--radius-l) var(--radius-l) 0 0;
  color: var(--color-white);
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
}
footer .inside {
  align-items: flex-start;
  padding-block: 0;
}
footer p + p {
  margin-block-start: 1rem;
}
footer a:not(.btn) {
  display: inline-block;
  margin-block-end: 0;
  position: relative;
  color: inherit;
  text-decoration: none;
}
footer a:not(.btn):after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: -3px;
  left: 0;
  right: 0;
  background: var(--brand-blue-100);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  border-radius: 2px;
  opacity: 0;
}
footer a:not(.btn):hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  opacity: 1;
}
footer .ce_svg a {
  display: block;
}
footer .ce_svg svg {
  height: auto;
  width: calc(100% - 4.5rem);
  max-width: 400px;
}
footer .ce_svg {
  margin-block-end: var(--space-lg);
}
footer h5 {
  color: var(--color-white);
  margin-block-end: 2rem;
  font-weight: 700;
}
footer .ce_rsce_seperator {
  height: 2px;
  background-color: var(--neutral-80);
  border: none;
}
@media only screen and (min-width: 48rem) {
  footer .ce_rsce_seperator {
    margin-block-start: var(--space-md);
  }
}
@media only screen and (max-width: 47.999rem) {
  footer .linetop {
    border-top: 2px solid var(--neutral-80);
    padding-block-start: var(--grid-row-gap);
  }
}
footer .btn {
  gap: 1rem;
  padding: 1.5rem 3rem;
  min-height: 46px;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
}
footer .btn:has(.btn__title) {
  padding: 1.5rem 3rem;
}
footer .btn .svg-icon {
  width: 2.5rem;
  height: 2.5rem;
}
footer .btn-secondary {
  color: var(--color-white);
  border-color: var(--color-white);
  background-color: transparent;
}
footer .btn-secondary:hover {
  color: var(--color-white);
  border-color: var(--color-white);
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 47.999rem) {
  footer .m_center {
    text-align: center;
  }
}
.ce_form .formbody {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
}
.ce_form {
  width: 100%;
  max-width: var(--max-container-width);
  margin-inline: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-4xl);
}
.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 .formbody {
  grid-gap: calc(var(--grid-column-gap-s) - 1rem) var(--grid-column-gap-s);
}
.ce_form .error {
  scroll-margin-top: 120px;
}
.ce_form {
  /* ------------------------------------
    Fieldset
  ------------------------------------- */
}
.ce_form fieldset {
  width: 100%;
  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 fieldset {
  grid-gap: calc(var(--grid-column-gap-s) - 1rem) var(--grid-column-gap-s);
}
.ce_form fieldset > legend {
  color: var(--color-text);
  margin-block-end: var(--space-xxs);
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
.ce_form fieldset + fieldset:has(legend) {
  margin-block-start: var(--space-md);
}
.ce_form fieldset.allow-duplication fieldset {
  align-content: center;
}
.ce_form fieldset.allow-duplication.last .duplication-buttons {
  display: flex;
}
.ce_form fieldset .duplication-buttons {
  display: none;
  align-items: center;
  justify-content: center;
  column-gap: 2rem;
  margin-block-start: var(--space-xl);
}
.ce_form fieldset .duplication-buttons .duplication-button {
  padding: 1.5rem 2rem;
  text-transform: uppercase;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
}
.ce_form fieldset .duplication-buttons .duplication-button--add {
  width: fit-content;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 50px;
  min-height: 44px;
  transition: background-color var(--transtime-fast);
}
.ce_form fieldset .duplication-buttons .duplication-button--add:hover {
  background-color: var(--color-primary-80);
}
.ce_form fieldset .duplication-buttons .duplication-button--remove {
  width: fit-content;
  color: var(--color-primary);
  border: 1.5px solid var(--color-primary);
  border-radius: 50px;
  min-height: 44px;
  transition: background-color var(--transtime-fast);
}
.ce_form fieldset .duplication-buttons .duplication-button--remove:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.ce_form .form-confirmation {
  border: 2px solid var(--color-sucess);
  color: var(--color-text);
  padding: 5rem;
  background: white;
  text-align: center;
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
  letter-spacing: var(--body-l-ls);
}
/* ------------------------------------
    Submit
------------------------------------- */
button.submit {
  margin-block-start: var(--space-2xl);
  padding: 2rem 4rem;
  width: fit-content;
  border-radius: 50px;
  min-height: 52px;
  transition: background-color var(--transtime-fast);
}
.mod_article__background-color-violetblack .ce_form,
.mod_article__background-color-red .ce_form,
.mod_article__background-color-green .ce_form {
  background-color: var(--color-white);
  padding: var(--space-4xl);
}
.widget-textarea label, .widget-password label, .widget-text label, .widget-select .choices__placeholder, .widget-select label, .widget-fineuploader label, .widget-captcha .captcha_text,
.widget-captcha label {
  display: block;
  opacity: 1;
  position: absolute;
  top: 27px;
  left: 1.5rem;
  width: 75%;
  padding-inline: 8px;
  pointer-events: none;
  background-color: var(--color-white);
  color: var(--color-text);
  transition: top var(--transtime-fast);
}
.widget-textarea:has(textarea:not(:placeholder-shown)) label, .widget-textarea:has(textarea:focus) label, .widget-password:has(input:not(:placeholder-shown)) label, .widget-password:has(input:focus) label, .widget-text:has(input:not(:placeholder-shown)) label, .widget-text:has(input:focus) label, .widget-select:has(select:not([value=""]):valid) label, .widget-select:has(option[selected]) label, .widget-select:not(:has(option[value=""])) label, .widget-select:has(select:focus) label, .widget-captcha:has(input:not(:placeholder-shown)) label, .widget-captcha:has(input:focus) label {
  top: 16px;
  opacity: 1;
  width: auto;
  font-size: 2rem;
  font-weight: 500;
  color: var(--neutral-80);
}
@layer base {
  .widget {
    position: relative;
    justify-content: flex-end;
  }
  .widget-fieldwrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .widget {
    /* ------------------------------------
      Placeholder
    ------------------------------------- */
  }
  .widget ::placeholder,
  .widget ::-webkit-input-placeholder {
    opacity: 0;
  }
  .widget {
    /* ------------------------------------
      basic form stylings
    ------------------------------------- */
  }
  .widget input.captcha,
  .widget input.text,
  .widget select,
  .widget textarea {
    width: 100%;
    margin-block: 8px;
    padding: 2.5rem 2rem;
    background-color: var(--color-white);
    min-height: 70px;
    outline: 2px solid var(--color-border);
    color: var(--color-black);
    cursor: text;
    transition: color var(--transtime-fast);
  }
  .widget input.captcha:hover,
  .widget input.text:hover,
  .widget select:hover,
  .widget textarea:hover {
    outline: 2px solid var(--color-primary);
  }
  .widget input.captcha:focus,
  .widget input.text:focus,
  .widget select:focus,
  .widget textarea:focus {
    outline: 2px solid var(--color-primary);
  }
  .widget:has(label) input.captcha,
  .widget:has(label) input.text,
  .widget:has(label) select,
  .widget:has(label) textarea {
    padding: 3.5rem 2.5rem 1.5rem 2.5rem;
  }
  .widget input.captcha:not(:placeholder-shown),
  .widget input.text:not(:placeholder-shown),
  .widget textarea:not(:placeholder-shown) {
    outline: 2px solid var(--color-border);
  }
  .widget input.captcha:not(:placeholder-shown):focus,
  .widget input.text:not(:placeholder-shown):focus,
  .widget textarea:not(:placeholder-shown):focus {
    outline: 2px solid var(--color-primary);
  }
  .widget span.mandatory {
    display: inline-block;
    vertical-align: middle;
  }
  .widget-hint {
    color: var(--neutral-90);
    font-size: var(--body-xs-fs);
    font-weight: var(--body-xs-fw);
    line-height: var(--body-xs-lh);
    letter-spacing: var(--body-xs-ls);
    padding-inline: 0;
    padding-block-end: 2rem;
  }
  .widget {
    /* ------------------------------------
      Error
    ------------------------------------- */
  }
  .widget.error.widget-text label, .widget.error.widget-select label, .widget.error.widget-fineuploader label, .widget.error.widget-textarea label {
    color: var(--color-error) !important;
  }
  .widget.error.widget-text p.error, .widget.error.widget-select p.error, .widget.error.widget-fineuploader p.error, .widget.error.widget-textarea p.error {
    padding-inline: 2.5rem;
  }
  .widget.error .widget-fieldwrapper > * {
    border-color: var(--color-error) !important;
    outline-color: var(--color-error) !important;
  }
  .widget.error p.error {
    font-size: 1.75rem;
    color: var(--color-error) !important;
  }
}
.widget-captcha {
  display: flex;
  flex-direction: column-reverse;
  /* ------------------------------------
    Label
  ------------------------------------- */
}
.widget-captcha .captcha_text,
.widget-captcha label {
  background: none;
  position: relative;
  left: 0;
  top: 0;
  padding-inline: 0;
}
@layer base {
  :not(.group) > .widget-checkbox {
    margin: var(--space-sm) 0 var(--space-sm);
  }
  .mod_article__background-color-white .widget-checkbox {
    --color-border: var(--neutral-40);
  }
  .widget-checkbox .checkbox_container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .widget-checkbox legend {
    color: var(--color-black);
    margin-bottom: var(--space-xxs);
    opacity: 0;
    position: absolute;
  }
  .widget-checkbox span {
    display: block;
    overflow: auto;
    position: relative;
  }
  .widget-checkbox label {
    padding-left: 32px;
    position: relative;
    cursor: pointer;
    color: var(--neutral-90);
    display: block;
    font-size: var(--body-s-fs);
    font-weight: var(--body-s-fw);
    line-height: var(--body-s-lh);
    letter-spacing: var(--body-s-ls);
    font-weight: 500;
  }
  .widget-checkbox label a:not(.btn) {
    color: var(--color-primary);
    text-decoration-color: var(--color-primary);
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: var(--space-xs);
    text-decoration-thickness: 1.5px;
    transition: var(--transtime-fast) all ease-out;
  }
  .mod_article__background-color-white .widget-checkbox label a:not(.btn) {
    text-decoration-color: var(--carmine-red-60);
  }
  .mod_article__background-color-white .widget-checkbox label a:not(.btn):hover {
    color: var(--carmine-red-80);
    text-decoration-color: var(--carmine-red-80);
  }
  .widget-checkbox label {
    /* ------------------------------------
    	 Check Area
    ------------------------------------- */
  }
  .widget-checkbox label:after {
    content: "";
    height: 24px;
    width: 24px;
    border: 2px solid var(--color-line);
    background-color: var(--color-white);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 4px;
  }
  .widget-checkbox label:before {
    display: none;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 3px;
    content: "";
    border-radius: 3px;
    transform: translateY(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--color-white);
  }
  @layer base {
    .widget-checkbox label:before {
      content: "";
      display: block;
      width: 19px;
      height: 15px;
      mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2018%2015'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20fill='%23fff'%20d='M6.6%2013.3%202%208.7l2-1.9%202.6%202.6L14%202l2%202-9.4%209.3Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h18v15H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      mask-repeat: no-repeat;
      background-color: currentColor;
      mask-size: contain;
    }
  }
  .widget-checkbox label:hover {
    color: var(--blue-80);
  }
  .widget-checkbox label:hover:after {
    border: 2px solid var(--color-primary);
  }
  .widget-checkbox input {
    opacity: 0;
    position: absolute;
    appearance: auto;
  }
  .widget-checkbox input:checked + label:after {
    border: 2px solid var(--color-primary);
    background-color: var(--color-primary);
  }
  .widget-checkbox input:checked + label:before {
    display: block;
  }
}
.widget-explanation {
  margin-bottom: -1rem;
}
.widget-explanation ul,
.widget-explanation ol,
.widget-explanation p {
  color: var(--color-black);
  margin-bottom: var(--space-m);
}
.widget-explanation ul.color-secondary,
.widget-explanation ol.color-secondary,
.widget-explanation p.color-secondary {
  color: var(--color-secondary-100);
}
.widget-explanation ul:last-child,
.widget-explanation ol:last-child,
.widget-explanation p:last-child {
  margin-bottom: 0;
}
.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);
}
.widget + .explanation {
  margin-block-start: var(--space-xl);
}
.widget-fineuploader {
  margin-bottom: -1px;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.widget-fineuploader li:before {
  display: none;
}
.widget-fineuploader label {
  font-size: 2rem;
  font-weight: 500;
  color: var(--neutral-80);
}
.widget-fineuploader .fineuploader-wrapper {
  padding: 16px 20px;
  width: 100%;
  min-height: 50px;
  border: 2px solid var(--color-border);
  background: transparent;
  position: relative;
  margin-block: 8px;
}
.widget-fineuploader .fineuploader-wrapper:has(.fineuploader-item) {
  border: 2px solid var(--color-primary);
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-drop-area {
  margin: 0;
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-drop-area .qq-upload-drop-area-text-selector {
  color: var(--color-primary);
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-button {
  display: block;
  background: none;
  border: none;
  text-align: right;
  color: var(--color-primary);
  padding-left: 0px;
  font-size: 18px;
  padding-right: 0;
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-button > * {
  padding: 2rem 4rem;
  width: fit-content;
  background-color: var(--blue-100);
  color: var(--color-white);
  font-size: 16px;
  border-radius: 50px;
  min-height: 44px;
  transition: background-color var(--transtime-fast);
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-button > *:hover {
  background-color: var(--blue-80);
}
.widget-fineuploader .fineuploader-wrapper .qq-upload-fail {
  font-size: 16px;
  margin: 10px 0;
  background-position-y: 6px;
  color: var(--color-black);
}
.widget-fineuploader .fineuploader-container {
  margin-top: 3.5rem;
}
.widget-fineuploader .fineuploader-container .values-list li {
  background: var(--brand-blue-40);
  padding: 8px;
  margin-bottom: 2px;
  width: 100%;
}
.widget-fineuploader .fineuploader-container .values-list li:before {
  display: none;
}
.widget-fineuploader .fineuploader-container .values-list li:first-child {
  margin-top: 8px;
}
.widget-fineuploader .fineuploader-container .values-list li .fineuploader-item {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 18px;
  color: var(--color-black);
}
.widget-fineuploader .fineuploader-container .values-list li .fineuploader-item .info {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.widget-fineuploader .fineuploader-container .values-list li .fineuploader-item .details {
  opacity: 0.6;
  margin-left: 1rem;
}
.widget-fineuploader .fineuploader-container .values-list li .fineuploader-item .delete {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  text-decoration: none;
}
.widget-fineuploader .fineuploader-container .values-list li a:before {
  display: none;
}
.widget-fineuploader .qq-upload-list .qq-upload-success {
  display: none;
}
.widget-fineuploader .qq-alert-dialog-selector {
  border: none;
  padding: var(--space-4xl);
}
.widget-fineuploader .qq-dialog-buttons button {
  text-transform: none;
  padding: 2rem 4rem;
  width: fit-content;
  background-color: var(--color-primary);
  color: var(--color-white);
  border-radius: 50px;
  min-height: 44px;
  transition: background-color var(--transtime-fast);
}
.widget-fineuploader .qq-dialog-buttons button:hover {
  background-color: var(--color-primary-80);
}
.widget-radio {
  margin: var(--space-md) 0 var(--space-xs);
}
.widget-radio .radio_container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  column-gap: 4rem;
}
.widget-radio legend {
  color: var(--color-black);
  margin-block: var(--space-xl) var(--space-l);
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
  letter-spacing: var(--heading-s-ls);
}
.widget-radio span {
  display: block;
  overflow: auto;
  position: relative;
}
.widget-radio span.mandatory {
  display: inline-block;
  vertical-align: middle;
}
.widget-radio label {
  padding-left: 32px;
  position: relative;
  cursor: pointer;
  color: var(--neutral-90);
  display: block;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.widget-radio label:hover:after {
  border: 2px solid var(--color-primary);
}
.widget-radio label {
  /* ------------------------------------
  	 Checked Area
  ------------------------------------- */
}
.widget-radio label:after {
  content: "";
  height: 24px;
  width: 24px;
  border: 2px solid var(--color-border);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.widget-radio label:before {
  content: "";
  height: 16px;
  width: 16px;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-primary);
  display: none;
  border-radius: 50%;
}
.widget-radio input {
  opacity: 0;
  position: absolute;
  appearance: auto;
}
.widget-radio input:checked + label:after {
  border: 2px solid var(--color-primary);
}
.widget-radio input:checked + label:before {
  display: block;
}
.widget-select {
  display: flex;
  flex-direction: column-reverse;
}
.widget-select option {
  background-color: white;
  color: black;
}
.widget-select:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  border: none;
  transition: transform 0.2s ease-out;
  color: var(--color-primary);
  position: absolute;
  right: 16px;
  top: 32px;
  pointer-events: none;
  z-index: 1;
}
@layer base {
  .widget-select:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    mask-image: url("data:image/svg+xml,%3csvg%20viewBox='0%200%2012%2013'%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='13'%3e%3cpath%20fill='%23000000'%20fill-rule='evenodd'%20d='M0%204.719%201.265%203.5%206%208.062%2010.735%203.5%2012%204.719%206%2010.5%200%204.719Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.widget-select:has(select:not([value=""]):valid) select, .widget-select:has(option[selected]) select, .widget-select:not(:has(option[value=""])) select, .widget-select:has(select:focus) select {
  outline: 2px solid var(--neutral-60);
}
.widget-select select {
  cursor: pointer;
}
.widget-select {
  /* ------------------------------------
  Label
  ------------------------------------- */
}
.widget-select label.js-choices {
  z-index: 1;
}
.widget-select .choices {
  overflow: visible;
}
.widget-select .choices:after {
  content: "";
  display: none;
}
.widget-select .choices__inner {
  width: 100%;
  margin-block: 8px;
  padding: 2.5rem 2rem !important;
  outline: 2px solid var(--color-border);
  color: var(--color-black);
  cursor: text;
  transition: color var(--transtime-fast);
  font-size: 2rem;
  border: none;
  border-radius: 0;
  background-color: var(--color-white);
  min-height: 70px;
}
.widget-select .choices__item--selectable {
  font-size: 2.5rem;
}
.widget-select .choices__list {
  padding: 0;
  font-size: 2rem;
}
.widget-select .choices__list--dropdown {
  border: 2px solid var(--color-primary) !important;
  box-shadow: 0px 0px 60px 0px rgba(48, 59, 69, 0.24);
  z-index: 10;
}
.widget-select .choices__list--dropdown .choices__placeholder {
  display: none;
}
.widget-select .choices__placeholder {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
  padding-left: 0;
}
.widget-select .choices__list--dropdown .choices__item--selectable.is-highlighted, .widget-select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--color-primary-40);
  color: var(--color-black);
}
.widget-select .choices[data-type*=select-one] .choices__button {
  padding: 0;
  background-size: 16px;
  margin-right: 50px;
  opacity: 0.6;
}
.widget-password, .widget-text {
  display: flex;
  flex-direction: column-reverse;
  /* ------------------------------------
    Label
  ------------------------------------- */
}
.widget-textarea {
  display: flex;
  flex-direction: column-reverse;
}
.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("data:image/svg+xml,%3csvg%20width='55'%20height='56'%20viewBox='0%200%2055%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.83%208H8V56H47V19.17L35.83%208ZM43%2052H12V12H34V21H43V52Z'%20fill='black'/%3e%3ccircle%20cx='42'%20cy='12.7461'%20r='12'%20fill='%2300797B'/%3e%3cpath%20d='M40.4883%2018.1904L35.2383%2012.8132L36.5583%2011.5532L40.4883%2015.4404L48.4315%207.44043L49.7383%208.94043L40.4883%2018.1904Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center calc(50% - 3rem);
}
.widget-upload.has-file:hover:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='56'%20viewBox='0%200%2055%2056'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.83%208H8V56H47V19.17L35.83%208ZM43%2052H12V12H34V21H43V52Z'%20fill='black'/%3e%3ccircle%20cx='42'%20cy='12.7461'%20r='12'%20fill='%23333333'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37.0895%2015.8089L45.0898%207.80859L46.9227%209.64147L38.9224%2017.6418L37.0895%2015.8089Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M45.0839%2017.6561L37.082%209.6543L38.9278%207.80848L46.9297%2015.8103L45.0839%2017.6561Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=pdf]:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.828%207H8v16h4V11h22v9h9v31H12v-2H8v6h39V18.172L35.828%207ZM0%2025h36v22H0V25Zm8.586%206.498H7.218v3.708H8.73c.81%200%201.368-.882%201.368-1.746%200-1.062-.288-1.962-1.512-1.962ZM7.218%2042.496H4.5V29.5h4.896c2.484%200%203.456%201.512%203.456%203.888%200%201.476-.432%203.816-3.618%203.816H7.218v5.292ZM18.66%2031.498h-1.404v9h1.314c1.656%200%201.98-1.242%201.98-4.5%200-2.394%200-4.5-1.89-4.5Zm.306%2010.998h-4.428V29.5h4.536c3.564%200%204.23%202.376%204.23%206.426%200%20.11%200%20.227.002.351.017%202.136.049%206.219-4.34%206.219Zm9.186%200v-5.67h3.852v-1.998h-3.852v-3.33h4.032V29.5h-6.75v12.996h2.718Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%2300797B'/%3e%3cpath%20d='m40.488%2017.444-5.25-5.377%201.32-1.26%203.93%203.887%207.944-8%201.306%201.5-9.25%209.25Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=pdf]:hover:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M35.828%207H8v16h4V11h22v9h9v31H12v-2H8v6h39V18.172L35.828%207ZM0%2025h36v22H0V25Zm8.586%206.498H7.218v3.708H8.73c.81%200%201.368-.882%201.368-1.746%200-1.062-.288-1.962-1.512-1.962ZM7.218%2042.496H4.5V29.5h4.896c2.484%200%203.456%201.512%203.456%203.888%200%201.476-.432%203.816-3.618%203.816H7.218v5.292ZM18.66%2031.498h-1.404v9h1.314c1.656%200%201.98-1.242%201.98-4.5%200-2.394%200-4.5-1.89-4.5Zm.306%2010.998h-4.428V29.5h4.536c3.564%200%204.23%202.376%204.23%206.426%200%20.11%200%20.227.002.351.017%202.136.049%206.219-4.34%206.219Zm9.186%200v-5.67h3.852v-1.998h-3.852v-3.33h4.032V29.5h-6.75v12.996h2.718Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%23333'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m37.09%2015.063%208-8%201.833%201.832-8%208-1.834-1.832Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m45.084%2016.91-8.002-8.002%201.846-1.846%208.002%208.002-1.846%201.846Z'%20fill='%23F8F8F8'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=jpg]:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%207h27.828L47%2018.172V55H8v-6h4v2h31V20h-9v-9H12v12H8V7Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%2300797B'/%3e%3cpath%20d='m40.488%2017.444-5.25-5.377%201.32-1.26%203.93%203.887%207.944-8%201.306%201.5-9.25%209.25Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill='%23000'%20d='M.012%2025h35.992v22.048H.012z'/%3e%3cpath%20d='M29.392%2033.08c0-.262-.032-.53-.098-.806a2.313%202.313%200%200%200-.275-.747%201.653%201.653%200%200%200-.51-.57%201.126%201.126%200%200%200-.727-.235c-.681%200-1.173.38-1.474%201.14-.301.76-.452%202.016-.452%203.771%200%20.839.026%201.598.079%202.28.052.68.144%201.263.275%201.748.144.471.34.838.59%201.1.261.249.595.373%201.001.373.17%200%20.354-.046.55-.137.21-.092.4-.23.57-.413.183-.183.334-.413.452-.688.118-.288.177-.622.177-1.001V37.46h-1.867v-2.082h4.578v7.563h-2.083v-1.296h-.039c-.34.55-.753.943-1.238%201.179-.471.222-1.04.334-1.709.334-.864%200-1.572-.151-2.122-.452-.537-.301-.962-.766-1.276-1.395-.302-.629-.505-1.401-.61-2.318a29.111%2029.111%200%200%201-.157-3.222c0-1.179.072-2.213.216-3.104.158-.89.42-1.63.786-2.22a3.527%203.527%200%200%201%201.454-1.355c.602-.302%201.356-.452%202.26-.452%201.545%200%202.658.386%203.339%201.159.681.76%201.021%201.853%201.021%203.28h-2.71Zm-13.586%202.18h1.257c.563%200%201.015-.17%201.355-.51.354-.34.53-.871.53-1.592%200-.707-.15-1.244-.451-1.61-.301-.367-.805-.55-1.513-.55h-1.179v4.262Zm-2.83-6.345h4.951c.72%200%201.323.125%201.808.373.497.236.897.55%201.198.943.301.393.517.845.648%201.356a6%206%200%200%201%20.197%201.532c0%20.72-.112%201.35-.334%201.886-.21.537-.511.976-.904%201.316-.38.34-.845.596-1.395.767-.55.17-1.159.255-1.827.255h-1.513v5.599h-2.828V28.915Zm-1.844%200v10.098c0%201.493-.347%202.56-1.041%203.202-.694.629-1.755.943-3.183.943-.746%200-1.362-.098-1.846-.295A2.932%202.932%200%200%201%203.922%2042a3.413%203.413%200%200%201-.57-1.316%207.614%207.614%200%200%201-.157-1.572v-.609H5.79v.432c0%20.747.078%201.303.235%201.67.17.354.511.53%201.022.53.51%200%20.845-.176%201.002-.53.17-.367.255-.923.255-1.67v-10.02h2.83Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=jpg]:hover:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%207h27.828L47%2018.172V55H8v-6h4v2h31V20h-9v-9H12v12H8V7Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%23333'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m37.09%2015.063%208-8%201.833%201.832-8%208-1.834-1.832Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m45.084%2016.91-8.002-8.002%201.846-1.846%208.002%208.002-1.846%201.846Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill='%23000'%20d='M.012%2025h35.992v22.048H.012z'/%3e%3cpath%20d='M29.392%2033.08c0-.262-.032-.53-.098-.806a2.313%202.313%200%200%200-.275-.747%201.653%201.653%200%200%200-.51-.57%201.126%201.126%200%200%200-.727-.235c-.681%200-1.173.38-1.474%201.14-.301.76-.452%202.016-.452%203.771%200%20.839.026%201.598.079%202.28.052.68.144%201.263.275%201.748.144.471.34.838.59%201.1.261.249.595.373%201.001.373.17%200%20.354-.046.55-.137.21-.092.4-.23.57-.413.183-.183.334-.413.452-.688.118-.288.177-.622.177-1.001V37.46h-1.867v-2.082h4.578v7.563h-2.083v-1.296h-.039c-.34.55-.753.943-1.238%201.179-.471.222-1.04.334-1.709.334-.864%200-1.572-.151-2.122-.452-.537-.301-.962-.766-1.276-1.395-.302-.629-.505-1.401-.61-2.318a29.111%2029.111%200%200%201-.157-3.222c0-1.179.072-2.213.216-3.104.158-.89.42-1.63.786-2.22a3.527%203.527%200%200%201%201.454-1.355c.602-.302%201.356-.452%202.26-.452%201.545%200%202.658.386%203.339%201.159.681.76%201.021%201.853%201.021%203.28h-2.71Zm-13.586%202.18h1.257c.563%200%201.015-.17%201.355-.51.354-.34.53-.871.53-1.592%200-.707-.15-1.244-.451-1.61-.301-.367-.805-.55-1.513-.55h-1.179v4.262Zm-2.83-6.345h4.951c.72%200%201.323.125%201.808.373.497.236.897.55%201.198.943.301.393.517.845.648%201.356a6%206%200%200%201%20.197%201.532c0%20.72-.112%201.35-.334%201.886-.21.537-.511.976-.904%201.316-.38.34-.845.596-1.395.767-.55.17-1.159.255-1.827.255h-1.513v5.599h-2.828V28.915Zm-1.844%200v10.098c0%201.493-.347%202.56-1.041%203.202-.694.629-1.755.943-3.183.943-.746%200-1.362-.098-1.846-.295A2.932%202.932%200%200%201%203.922%2042a3.413%203.413%200%200%201-.57-1.316%207.614%207.614%200%200%201-.157-1.572v-.609H5.79v.432c0%20.747.078%201.303.235%201.67.17.354.511.53%201.022.53.51%200%20.845-.176%201.002-.53.17-.367.255-.923.255-1.67v-10.02h2.83Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=png]:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%207h27.828L47%2018.172V55H8v-6h4v2h31V20h-9v-9H12v12H8V7Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%2300797B'/%3e%3cpath%20d='m40.488%2017.444-5.25-5.377%201.32-1.26%203.93%203.887%207.944-8%201.306%201.5-9.25%209.25Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill='%23000'%20d='M.012%2025.003h38.051v22.048H.012z'/%3e%3cpath%20d='M31.627%2033.214c0-.261-.033-.529-.098-.803a2.306%202.306%200%200%200-.274-.745%201.638%201.638%200%200%200-.51-.568%201.124%201.124%200%200%200-.725-.235c-.68%200-1.17.378-1.47%201.136-.3.758-.45%202.012-.45%203.763%200%20.836.025%201.594.078%202.273.052.68.143%201.261.274%201.745.144.47.34.836.588%201.097.261.248.595.372%201%20.372.17%200%20.352-.045.548-.137.21-.091.399-.229.569-.411a2.16%202.16%200%200%200%20.45-.686c.118-.288.177-.62.177-1v-1.43h-1.862v-2.078h4.566v7.545h-2.077V41.76h-.04c-.339.549-.75.94-1.234%201.176-.47.222-1.039.333-1.705.333-.862%200-1.568-.15-2.116-.45-.536-.301-.96-.765-1.274-1.392-.3-.627-.503-1.398-.608-2.313a29.054%2029.054%200%200%201-.157-3.214c0-1.176.072-2.208.216-3.096.157-.889.418-1.627.784-2.215a3.519%203.519%200%200%201%201.45-1.352c.601-.3%201.352-.45%202.254-.45%201.541%200%202.652.385%203.331%201.155.68.758%201.02%201.85%201.02%203.273h-2.705Zm-14.212-4.156%203.41%209.583h.04v-9.583h2.586V43.05h-3.214l-3.449-9.798h-.039v9.798h-2.587V29.058h3.253Zm-10.593%206.33h1.254c.562%200%201.013-.17%201.353-.51.352-.34.529-.869.529-1.587%200-.706-.15-1.241-.451-1.607-.3-.366-.804-.549-1.51-.549H6.823v4.253ZM4%2029.058h4.939c.718%200%201.32.124%201.803.372.496.235.895.549%201.195.94.3.393.516.843.647%201.353.13.496.196%201.006.196%201.529%200%20.718-.111%201.345-.333%201.88-.21.537-.51.974-.902%201.314-.379.34-.843.594-1.391.764a6.147%206.147%200%200%201-1.823.255H6.822v5.585H4V29.058Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.widget-upload.has-file[data-filetype=png]:hover:before {
  background-image: url("data:image/svg+xml,%3csvg%20width='55'%20height='55'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%207h27.828L47%2018.172V55H8v-6h4v2h31V20h-9v-9H12v12H8V7Z'%20fill='%23000'/%3e%3ccircle%20cx='42'%20cy='12'%20r='12'%20fill='%23333'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m37.09%2015.063%208-8%201.833%201.832-8%208-1.834-1.832Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m45.084%2016.91-8.002-8.002%201.846-1.846%208.002%208.002-1.846%201.846Z'%20fill='%23F8F8F8'/%3e%3cpath%20fill='%23000'%20d='M.012%2025.003h38.051v22.048H.012z'/%3e%3cpath%20d='M31.627%2033.214c0-.261-.033-.529-.098-.803a2.306%202.306%200%200%200-.274-.745%201.638%201.638%200%200%200-.51-.568%201.124%201.124%200%200%200-.725-.235c-.68%200-1.17.378-1.47%201.136-.3.758-.45%202.012-.45%203.763%200%20.836.025%201.594.078%202.273.052.68.143%201.261.274%201.745.144.47.34.836.588%201.097.261.248.595.372%201%20.372.17%200%20.352-.045.548-.137.21-.091.399-.229.569-.411a2.16%202.16%200%200%200%20.45-.686c.118-.288.177-.62.177-1v-1.43h-1.862v-2.078h4.566v7.545h-2.077V41.76h-.04c-.339.549-.75.94-1.234%201.176-.47.222-1.039.333-1.705.333-.862%200-1.568-.15-2.116-.45-.536-.301-.96-.765-1.274-1.392-.3-.627-.503-1.398-.608-2.313a29.054%2029.054%200%200%201-.157-3.214c0-1.176.072-2.208.216-3.096.157-.889.418-1.627.784-2.215a3.519%203.519%200%200%201%201.45-1.352c.601-.3%201.352-.45%202.254-.45%201.541%200%202.652.385%203.331%201.155.68.758%201.02%201.85%201.02%203.273h-2.705Zm-14.212-4.156%203.41%209.583h.04v-9.583h2.586V43.05h-3.214l-3.449-9.798h-.039v9.798h-2.587V29.058h3.253Zm-10.593%206.33h1.254c.562%200%201.013-.17%201.353-.51.352-.34.529-.869.529-1.587%200-.706-.15-1.241-.451-1.607-.3-.366-.804-.549-1.51-.549H6.823v4.253ZM4%2029.058h4.939c.718%200%201.32.124%201.803.372.496.235.895.549%201.195.94.3.393.516.843.647%201.353.13.496.196%201.006.196%201.529%200%20.718-.111%201.345-.333%201.88-.21.537-.51.974-.902%201.314-.379.34-.843.594-1.391.764a6.147%206.147%200%200%201-1.823.255H6.822v5.585H4V29.058Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.widget-upload.has-file:after {
  content: "";
  background-image: none;
}
.widget-upload:after {
  content: "Datei (PDF, DOC, PPT, XLS, MP4)";
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 25;
  text-align: center;
  background-color: var(--color-lightblue-light);
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='25'%20fill='none'%20viewBox='0%200%2025%2025'%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M10.719%2019.262V6.278h2.974v12.984H10.72Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23000'%20fill-rule='evenodd'%20d='M18.705%2014.274H5.72v-2.996h12.986v2.996Z'%20clip-rule='evenodd'/%3e%3c/svg%3e");
  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 figure {
  width: 100%;
  height: 100%;
  background-color: #d0d4ee;
}
.content-gallery-fader img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.content-gallery-logo figure {
  display: flex;
  place-items: center;
  height: 100%;
  padding: 3rem;
  border: 1px solid var(--color-black);
  border-radius: var(--border-radius);
}
.content-gallery-logo figure img {
  max-width: 200px;
  width: 100%;
}
.content-gallery-logo.color-invert figure {
  border-color: var(--color-white);
}
.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 ul li {
  margin-block-end: 0;
  padding-inline-start: 0;
  list-style: none;
  text-align: center;
}
.content-gallery ul li:before {
  content: none;
}
.content-gallery ul figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 10px;
  overflow: hidden;
  border-radius: 1rem;
}
.content-gallery ul img {
  width: 100%;
  height: auto;
}
.content-gallery ul figcaption {
  line-height: 1;
}
.content-gallery ul a img {
  transition: var(--transtime-fast) transform;
  transform: scale(1);
}
.content-gallery ul 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: 119rem) {
  .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: 48rem) {
  .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;
}
.content-gallery-impressions ul figure {
  height: 100%;
  width: 100%;
}
.content-gallery-impressions ul a,
.content-gallery-impressions ul img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@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-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;
}
.glightbox-mobile .glightbox-container .gslide-title {
  font-size: 1em;
}
.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-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: 100vh;
  overflow: auto;
  max-width: 100%;
  margin: auto;
}
.gslide-inline .ginlined-content {
  padding: 5rem;
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .gslide-inline .ginlined-content {
    padding: 15rem;
  }
}
.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;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  will-change: opacity;
}
.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: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}
.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-neutral-100);
  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-video {
  --plyr-video-control-background-hover: var(--color-secondary);
  --plyr-color-main: var(--color-secondary);
}
.gslide-description.description-bottom {
  background: transparent;
  text-align: center;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.gslide-description.description-bottom .ce_headline {
  margin-block-end: 0;
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gslider:after {
    content: "";
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: var(--color-black);
    z-index: 99999;
  }
}
.glightbox-clean .gprev,
.glightbox-clean .gnext {
  position: absolute;
  z-index: 999;
  top: 50%;
  width: 52px;
  height: 52px;
  border-radius: 100px;
  transform: translateY(-50%);
  padding: 12px 12px;
  transition: var(--transtime-fast) color, var(--transtime-fast) border-color;
  background-color: transparent;
  border: 1.5px solid var(--color-white);
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gprev,
  .glightbox-clean .gnext {
    color: var(--color-white);
    border-color: var(--color-white);
    top: auto;
    bottom: 2rem;
    transform: none;
  }
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.glightbox-clean .gprev:hover svg,
.glightbox-clean .gnext:hover svg {
  color: var(--color-white);
}
.glightbox-clean .gprev svg,
.glightbox-clean .gnext svg {
  width: 20px;
  height: 20px;
  color: var(--color-white);
  transition: all var(--transtime-fast);
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gprev svg,
  .glightbox-clean .gnext svg {
    color: var(--color-white);
  }
}
.glightbox-clean .gprev {
  left: 3rem;
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gprev {
    left: calc(50% - 10rem);
  }
}
.glightbox-clean .gnext {
  right: 3rem;
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gnext {
    right: calc(50% - 10rem);
  }
}
.glightbox-clean .gclose {
  width: 52px;
  height: 52px;
  top: 3rem;
  right: 3rem;
  position: absolute;
  color: var(--color-white);
  transition: var(--transtime-fast) color, background-color var(--transtime-fast);
  border: 1.5px solid var(--color-white);
  padding: 1rem;
  border-radius: 100px;
}
@media only screen and (max-width: 47.999rem) {
  .glightbox-clean .gclose {
    color: var(--color-white);
    border-color: var(--color-white);
  }
}
.glightbox-clean .gclose svg {
  width: 3rem;
  height: 3rem;
}
.glightbox-clean .gclose:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.glightbox-container .gslide {
  width: calc(100vw - 30rem);
}
#header {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  z-index: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-alt);
}
@media only screen and (max-width: 47.999rem) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
  }
}
.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);
  letter-spacing: var(--heading-5xl-ls);
}
h2 {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  letter-spacing: var(--heading-3xl-ls);
}
h3 {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
h4 {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
}
h5 {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
}
h6 {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
}
.content-headline__style--heading-5xl {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  letter-spacing: var(--heading-5xl-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-5xl-inverted {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  letter-spacing: var(--heading-5xl-ls);
  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);
  letter-spacing: var(--heading-4xl-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-4xl-inverted {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  letter-spacing: var(--heading-4xl-ls);
  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);
  letter-spacing: var(--heading-3xl-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-3xl-inverted {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  letter-spacing: var(--heading-3xl-ls);
  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);
  letter-spacing: var(--heading-2xl-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-2xl-inverted {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  letter-spacing: var(--heading-2xl-ls);
  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);
  letter-spacing: var(--heading-xl-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-xl-inverted {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
  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);
  letter-spacing: var(--heading-l-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-l-inverted {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
  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);
  letter-spacing: var(--heading-m-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-m-inverted {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
  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);
  letter-spacing: var(--heading-s-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-s-inverted {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
  letter-spacing: var(--heading-s-ls);
  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);
  letter-spacing: var(--heading-xs-ls);
  font-family: var(--font-family-alt);
}
.content-headline__style--heading-xs-inverted {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
  letter-spacing: var(--heading-xs-ls);
  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);
  letter-spacing: var(--body-ls);
}
.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);
  letter-spacing: var(--heading-5xl-ls);
}
.content-headline__overhead-style--heading-4xl {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  letter-spacing: var(--heading-4xl-ls);
}
.content-headline__overhead-style--heading-3xl {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  letter-spacing: var(--heading-3xl-ls);
}
.content-headline__overhead-style--heading-2xl {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  letter-spacing: var(--heading-2xl-ls);
}
.content-headline__overhead-style--heading-xl {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
.content-headline__overhead-style--heading-l {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
}
.content-headline__overhead-style--heading-m {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
}
.content-headline__overhead-style--heading-s {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
  letter-spacing: var(--heading-s-ls);
}
.content-headline__overhead-style--heading-xs {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
  letter-spacing: var(--heading-xs-ls);
}
.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);
  letter-spacing: var(--body-ls);
}
.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);
  letter-spacing: var(--heading-5xl-ls);
}
.content-headline__subhead-style--heading-4xl {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  letter-spacing: var(--heading-4xl-ls);
}
.content-headline__subhead-style--heading-3xl {
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  letter-spacing: var(--heading-3xl-ls);
}
.content-headline__subhead-style--heading-2xl {
  font-size: var(--heading-2xl-fs);
  font-weight: var(--heading-2xl-fw);
  line-height: var(--heading-2xl-lh);
  letter-spacing: var(--heading-2xl-ls);
}
.content-headline__subhead-style--heading-xl {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
.content-headline__subhead-style--heading-l {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
}
.content-headline__subhead-style--heading-m {
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
}
.content-headline__subhead-style--heading-s {
  font-size: var(--heading-s-fs);
  font-weight: var(--heading-s-fw);
  line-height: var(--heading-s-lh);
  letter-spacing: var(--heading-s-ls);
}
.content-headline__subhead-style--heading-xs {
  font-size: var(--heading-xs-fs);
  font-weight: var(--heading-xs-fw);
  line-height: var(--heading-xs-lh);
  letter-spacing: var(--heading-xs-ls);
}
.module-generate-hero {
  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;
}
.module-generate-hero > :not([class*=col-]) {
  grid-column: span 12/span 12;
}
@media only screen and (max-width: 47.999rem) {
  .module-generate-hero {
    padding-inline: 0;
  }
}
.ce_rsce_hero {
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 320px;
  background-color: var(--neutral-10);
  background-position: calc(100% + 312px) center;
  background-repeat: no-repeat;
  font-family: var(--font-family-alt);
}
@media only screen and (min-width: 48rem) {
  .ce_rsce_hero {
    border-radius: var(--radius-l);
    min-height: 460px;
  }
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero {
    background-position: right center;
  }
}
.ce_rsce_hero {
  background-image: url("data:image/svg+xml,%3csvg%20width='884'%20height='682'%20viewBox='0%200%20884%20682'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21135)'%3e%3cpath%20d='M-103.825%20-33.5818C45.6845%207.20226%20184.706%2081.9682%20302.897%20185.058C421.089%20288.149%20515.402%20417.007%20578.753%20561.828C642.103%20706.649%20672.917%20863.807%20668.761%201021.5C664.722%201179.15%20625.82%201333.35%20555.046%201472.48C551.371%201479.56%20550.364%201487.9%20552.167%201495.8C553.97%201503.7%20558.596%201510.78%20565.094%201515.52C571.591%201520.26%20579.536%201522.53%20587.327%201521.65C595.152%201520.9%20602.504%201517.21%20607.803%201511.32C771.924%201324.54%20863.122%201081.98%20864.635%20828.878C866.148%20575.78%20777.886%20329.297%20616.112%20135.376C454.338%20-58.5445%20230.167%20-186.807%20-14.653%20-225.487C-259.12%20-264.27%20-508.086%20-210.663%20-714.586%20-74.8397C-721.192%20-70.3511%20-725.98%20-63.5843%20-728.017%20-55.7073C-730.053%20-47.8302%20-729.123%20-39.4169%20-725.438%20-32.0655C-721.752%20-24.7142%20-715.72%20-18.9442%20-708.19%20-15.9118C-700.778%20-12.845%20-692.525%20-12.579%20-685.016%20-15.2886C-497.903%20-79.9086%20-295.677%20-86.3649%20-103.354%20-33.7196L-103.825%20-33.5818Z'%20fill='%2364A9D4'/%3e%3cg%20style='mix-blend-mode:multiply'%3e%3cpath%20d='M431.836%20993.603C435.55%20893.684%20462.152%20795.375%20509.604%20706.002C557.057%20616.629%20624.199%20538.483%20705.91%20477.453C787.621%20416.422%20881.852%20374.027%20981.542%20353.527C1081.19%20332.958%201183.78%20334.802%201281.57%20358.88C1286.56%20360.152%201291.95%20359.562%201296.65%20357.271C1301.35%20354.98%201305.12%20351.036%201307.15%20346.259C1309.17%20341.482%201309.43%20336.156%201307.74%20331.389C1306.12%20326.584%201302.73%20322.505%201298.24%20320.039C1156.84%20244.29%20991.057%20222.54%20831.806%20258.684C672.555%20294.828%20530.617%20386.412%20432.481%20516.481C334.345%20646.551%20286.609%20806.203%20298.187%20965.7C309.648%201124.99%20379.821%201273.57%20495.428%201383.41C499.217%201386.9%20504.171%201388.92%20509.418%201389.05C514.666%201389.17%20519.816%201387.35%20523.895%201383.96C527.974%201380.57%20530.716%201375.93%20531.517%201370.75C532.358%201365.65%20531.315%201360.42%20528.512%201356.1C460.486%201248%20426.79%201121.89%20431.681%20993.328L431.836%20993.603Z'%20fill='%238FAFA8'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21135'%3e%3crect%20width='884'%20height='682'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.ce_rsce_hero.primary-brand {
  background-image: url("data:image/svg+xml,%3csvg%20width='884'%20height='682'%20viewBox='0%200%20884%20682'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21135)'%3e%3cpath%20d='M-103.825%20-33.5818C45.6845%207.20226%20184.706%2081.9682%20302.897%20185.058C421.089%20288.149%20515.402%20417.007%20578.753%20561.828C642.103%20706.649%20672.917%20863.807%20668.761%201021.5C664.722%201179.15%20625.82%201333.35%20555.046%201472.48C551.371%201479.56%20550.364%201487.9%20552.167%201495.8C553.97%201503.7%20558.596%201510.78%20565.094%201515.52C571.591%201520.26%20579.536%201522.53%20587.327%201521.65C595.152%201520.9%20602.504%201517.21%20607.803%201511.32C771.924%201324.54%20863.122%201081.98%20864.635%20828.878C866.148%20575.78%20777.886%20329.297%20616.112%20135.376C454.338%20-58.5445%20230.167%20-186.807%20-14.653%20-225.487C-259.12%20-264.27%20-508.086%20-210.663%20-714.586%20-74.8397C-721.192%20-70.3511%20-725.98%20-63.5843%20-728.017%20-55.7073C-730.053%20-47.8302%20-729.123%20-39.4169%20-725.438%20-32.0655C-721.752%20-24.7142%20-715.72%20-18.9442%20-708.19%20-15.9118C-700.778%20-12.845%20-692.525%20-12.579%20-685.016%20-15.2886C-497.903%20-79.9086%20-295.677%20-86.3649%20-103.354%20-33.7196L-103.825%20-33.5818Z'%20fill='%2364A9D4'/%3e%3cg%20style='mix-blend-mode:multiply'%3e%3cpath%20d='M431.836%20993.603C435.55%20893.684%20462.152%20795.375%20509.604%20706.002C557.057%20616.629%20624.199%20538.483%20705.91%20477.453C787.621%20416.422%20881.852%20374.027%20981.542%20353.527C1081.19%20332.958%201183.78%20334.802%201281.57%20358.88C1286.56%20360.152%201291.95%20359.562%201296.65%20357.271C1301.35%20354.98%201305.12%20351.036%201307.15%20346.259C1309.17%20341.482%201309.43%20336.156%201307.74%20331.389C1306.12%20326.584%201302.73%20322.505%201298.24%20320.039C1156.84%20244.29%20991.057%20222.54%20831.806%20258.684C672.555%20294.828%20530.617%20386.412%20432.481%20516.481C334.345%20646.551%20286.609%20806.203%20298.187%20965.7C309.648%201124.99%20379.821%201273.57%20495.428%201383.41C499.217%201386.9%20504.171%201388.92%20509.418%201389.05C514.666%201389.17%20519.816%201387.35%20523.895%201383.96C527.974%201380.57%20530.716%201375.93%20531.517%201370.75C532.358%201365.65%20531.315%201360.42%20528.512%201356.1C460.486%201248%20426.79%201121.89%20431.681%20993.328L431.836%20993.603Z'%20fill='%238FAFA8'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21135'%3e%3crect%20width='884'%20height='682'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.ce_rsce_hero.secondary-brand {
  background-image: url("data:image/svg+xml,%3csvg%20width='884'%20height='680'%20viewBox='0%200%20884%20680'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21132)'%3e%3cpath%20d='M-103.825%20-34.5821C45.6845%206.20202%20184.706%2080.968%20302.897%20184.058C421.089%20287.148%20515.402%20416.007%20578.753%20560.828C642.103%20705.649%20672.917%20862.807%20668.761%201020.5C664.722%201178.15%20625.82%201332.35%20555.046%201471.48C551.371%201478.56%20550.364%201486.9%20552.167%201494.8C553.97%201502.7%20558.596%201509.78%20565.094%201514.52C571.591%201519.26%20579.536%201521.53%20587.327%201520.65C595.152%201519.89%20602.504%201516.21%20607.803%201510.32C771.924%201323.54%20863.122%201080.98%20864.635%20827.877C866.148%20574.78%20777.886%20328.297%20616.112%20134.376C454.338%20-59.5447%20230.167%20-187.807%20-14.653%20-226.487C-259.12%20-265.271%20-508.086%20-211.663%20-714.586%20-75.8399C-721.192%20-71.3513%20-725.98%20-64.5845%20-728.017%20-56.7075C-730.053%20-48.8305%20-729.123%20-40.4171%20-725.438%20-33.0658C-721.752%20-25.7144%20-715.72%20-19.9444%20-708.19%20-16.9121C-700.778%20-13.8453%20-692.525%20-13.5792%20-685.016%20-16.2888C-497.903%20-80.9088%20-295.677%20-87.3651%20-103.354%20-34.7198L-103.825%20-34.5821Z'%20fill='%232E8D4C'/%3e%3cg%20style='mix-blend-mode:multiply'%3e%3cpath%20d='M431.836%20992.603C435.55%20892.684%20462.152%20794.375%20509.604%20705.002C557.056%20615.629%20624.199%20537.483%20705.91%20476.453C787.621%20415.422%20881.852%20373.027%20981.542%20352.527C1081.19%20331.958%201183.78%20333.802%201281.57%20357.88C1286.56%20359.152%201291.95%20358.562%201296.65%20356.271C1301.35%20353.98%201305.12%20350.036%201307.15%20345.259C1309.17%20340.482%201309.43%20335.156%201307.74%20330.389C1306.12%20325.584%201302.73%20321.505%201298.24%20319.039C1156.84%20243.29%20991.057%20221.54%20831.806%20257.684C672.555%20293.828%20530.617%20385.412%20432.481%20515.481C334.345%20645.551%20286.609%20805.203%20298.187%20964.7C309.648%201123.99%20379.821%201272.57%20495.428%201382.41C499.217%201385.9%20504.171%201387.92%20509.418%201388.05C514.666%201388.17%20519.816%201386.35%20523.895%201382.96C527.974%201379.57%20530.716%201374.93%20531.517%201369.75C532.358%201364.65%20531.315%201359.42%20528.512%201355.1C460.486%201247%20426.79%201120.89%20431.681%20992.328L431.836%20992.603Z'%20fill='%23A9C17F'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21132'%3e%3crect%20width='884'%20height='680'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.ce_rsce_hero.tertiary-brand {
  background-image: url("data:image/svg+xml,%3csvg%20width='884'%20height='680'%20viewBox='0%200%20884%20680'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21138)'%3e%3cpath%20d='M-103.825%20-34.5818C45.6845%206.20226%20184.706%2080.9682%20302.897%20184.058C421.089%20287.149%20515.402%20416.007%20578.753%20560.828C642.103%20705.649%20672.917%20862.807%20668.761%201020.5C664.722%201178.15%20625.82%201332.35%20555.046%201471.48C551.371%201478.56%20550.364%201486.9%20552.167%201494.8C553.97%201502.7%20558.596%201509.78%20565.094%201514.52C571.591%201519.26%20579.536%201521.53%20587.327%201520.65C595.152%201519.9%20602.504%201516.21%20607.803%201510.32C771.924%201323.54%20863.122%201080.98%20864.635%20827.878C866.148%20574.78%20777.886%20328.297%20616.112%20134.376C454.338%20-59.5445%20230.167%20-187.807%20-14.653%20-226.487C-259.12%20-265.27%20-508.086%20-211.663%20-714.586%20-75.8397C-721.192%20-71.3511%20-725.98%20-64.5843%20-728.017%20-56.7073C-730.053%20-48.8302%20-729.123%20-40.4169%20-725.438%20-33.0655C-721.752%20-25.7142%20-715.72%20-19.9442%20-708.19%20-16.9118C-700.778%20-13.845%20-692.525%20-13.579%20-685.016%20-16.2886C-497.903%20-80.9086%20-295.677%20-87.3649%20-103.354%20-34.7196L-103.825%20-34.5818Z'%20fill='%23FAD84D'/%3e%3cg%20style='mix-blend-mode:multiply'%3e%3cpath%20d='M431.836%20992.603C435.55%20892.684%20462.152%20794.375%20509.604%20705.002C557.056%20615.629%20624.199%20537.483%20705.91%20476.453C787.621%20415.422%20881.852%20373.027%20981.542%20352.527C1081.19%20331.958%201183.78%20333.802%201281.57%20357.88C1286.56%20359.152%201291.95%20358.562%201296.65%20356.271C1301.35%20353.98%201305.12%20350.036%201307.15%20345.259C1309.17%20340.482%201309.43%20335.156%201307.74%20330.389C1306.12%20325.584%201302.73%20321.505%201298.24%20319.039C1156.84%20243.29%20991.057%20221.54%20831.806%20257.684C672.555%20293.828%20530.617%20385.412%20432.481%20515.481C334.345%20645.551%20286.609%20805.203%20298.187%20964.7C309.648%201123.99%20379.821%201272.57%20495.428%201382.41C499.217%201385.9%20504.171%201387.92%20509.418%201388.05C514.666%201388.17%20519.816%201386.35%20523.895%201382.96C527.974%201379.57%20530.716%201374.93%20531.517%201369.75C532.358%201364.65%20531.315%201359.42%20528.512%201355.1C460.486%201247%20426.79%201120.89%20431.681%20992.328L431.836%20992.603Z'%20fill='%23C8CCA3'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21138'%3e%3crect%20width='884'%20height='680'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.ce_rsce_hero:has(.ce_rsce_hero--media) {
  background-image: none;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--layout-default {
    height: 460px;
  }
}
@media only screen and (min-width: 75rem) and (min-height: 1000px) {
  .ce_rsce_hero--layout-default {
    height: 680px;
  }
}
.ce_rsce_hero--layout-home {
  overflow: hidden;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--layout-home {
    height: auto;
  }
}
.ce_rsce_hero--media {
  position: relative;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 74.999rem) {
  .ce_rsce_hero--media {
    order: -1;
    overflow: hidden;
  }
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--media-home {
    min-height: 100%;
    height: calc(100vh - 116px - 24px);
    height: calc(100svh - 116px - 24px);
    max-height: 1000px;
  }
}
.ce_rsce_hero--media video,
.ce_rsce_hero--media figure {
  height: 320px;
  overflow: hidden;
}
@media only screen and (min-width: 48rem) {
  .ce_rsce_hero--media video,
  .ce_rsce_hero--media figure {
    border-radius: var(--radius-l);
    height: 400px;
  }
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--media video,
  .ce_rsce_hero--media figure {
    border-radius: 0 var(--radius-l) var(--radius-l) 0;
    height: 100%;
    mask-image: url("/bundles/app/assets/components/mask-img-D1KeP8Bn.svg#mask-hero");
    mask-repeat: no-repeat;
    mask-position: left bottom;
  }
}
.ce_rsce_hero--media video,
.ce_rsce_hero--media img {
  object-fit: cover;
  width: 100%;
  height: 320px;
  display: block;
}
@media only screen and (min-width: 48rem) {
  .ce_rsce_hero--media video,
  .ce_rsce_hero--media img {
    height: 460px;
  }
}
@media only screen and (min-width: 75rem) and (min-height: 1000px) {
  .ce_rsce_hero--media video,
  .ce_rsce_hero--media img {
    height: 680px;
  }
}
.ce_rsce_hero--media:after {
  content: "";
  position: absolute;
  z-index: 10;
  opacity: 0.9;
  top: 0;
  left: -120px;
  bottom: 0;
  width: 100%;
  height: 100%;
  mask: url("data:image/svg+xml,%3csvg%20width='400'%20height='680'%20viewBox='0%200%20400%20680'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21112)'%3e%3cpath%20d='M237.215%200C240.094%203.31401%20242.945%206.65852%20245.764%2010.0371C346.122%20130.337%20400.875%20283.246%20399.937%20440.257C399.44%20523.392%20383.343%20604.696%20353.193%20680H264.239C272.611%20640.631%20277.384%20600.375%20278.425%20559.749C281.003%20461.925%20261.887%20364.431%20222.587%20274.59C183.287%20184.749%20124.779%20104.811%2051.458%2040.8584C34.7862%2026.3168%2017.4462%2012.6835%20-0.486328%200H237.215Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21112'%3e%3crect%20width='400'%20height='680'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat;
  mask-repeat: no-repeat;
  mask-position: left center;
  mix-blend-mode: multiply;
  pointer-events: none;
}
@media only screen and (max-width: 74.999rem) {
  .ce_rsce_hero--media:after {
    left: unset;
    right: 4rem;
    width: 400px;
  }
}
@media only screen and (max-width: 47.999rem) {
  .ce_rsce_hero--media:after {
    left: unset;
    right: -90px;
    width: 400px;
  }
}
.primary-brand .ce_rsce_hero--media:after {
  background-color: var(--color-primary);
}
.secondary-brand .ce_rsce_hero--media:after {
  background-color: var(--color-secondary);
}
.tertiary-brand .ce_rsce_hero--media:after {
  background-color: var(--color-tertiary);
}
.color-black .ce_rsce_hero--media:after {
  background-color: var(--color-black);
}
.color-white .ce_rsce_hero--media:after {
  background-color: var(--color-white);
}
.ce_rsce_hero--media-home video,
.ce_rsce_hero--media-home figure {
  mask-position: left center;
  mask-size: auto 100%;
}
.ce_rsce_hero--media-home video,
.ce_rsce_hero--media-home img {
  height: 100%;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--media-home:after {
    top: 0;
    left: -130px;
    bottom: 0;
    width: 100%;
    height: 100%;
    mask: url("data:image/svg+xml,%3csvg%20width='398'%20height='800'%20viewBox='0%200%20398%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21105)'%3e%3cpath%20d='M104.343%20-122.886C108.745%20-123.889%20113.301%20-123.253%20117.197%20-121.141C236.776%20-53.9527%20326.647%2055.1213%20369.825%20185.52C413.143%20316.067%20407.038%20459.263%20352.664%20588.43C298.291%20717.597%20199.273%20823.919%2074.1165%20887.669C-51.0399%20951.419%20-193.861%20968.274%20-327.757%20934.961C-332.013%20933.85%20-335.703%20931.165%20-338.071%20927.501C-340.488%20923.884%20-341.392%20919.388%20-340.712%20914.978C-340.031%20910.567%20-337.721%20906.483%20-334.285%20903.58C-330.849%20900.678%20-326.48%20899.048%20-322.053%20899.056C-235.43%20898.492%20-149.503%20878.376%20-70.7536%20840.192C8.0423%20802.058%2077.6646%20746.819%20132.914%20678.685C188.164%20610.55%20227.654%20531.218%20248.357%20446.683C269.059%20362.147%20270.491%20274.561%20252.497%20190.464L252.685%20190.66C229.628%2082.4341%20174.913%20-15.6131%2095.3753%20-91.3877C92.126%20-94.3991%2090.1537%20-98.5352%2089.7767%20-102.971C89.3527%20-107.455%2090.6601%20-111.9%2093.345%20-115.59C96.03%20-119.28%2099.9409%20-121.882%20104.343%20-122.886Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21105'%3e%3crect%20width='398'%20height='800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat;
    mask-position: left center;
    mask-size: auto 100%;
  }
}
.ce_rsce_hero--text {
  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_rsce_hero--text > :not([class*=col-]) {
  grid-column: span 12/span 12;
}
.ce_rsce_hero--text {
  grid-row-gap: 3rem;
  width: 100%;
  height: 100%;
  align-items: center;
}
.ce_rsce_hero--text-inner {
  padding-inline: var(--grid-outer-gutter);
  padding-block-end: 5rem;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--text-inner {
    padding-inline: 0;
    padding-block: 5rem;
  }
}
.ce_rsce_hero--text-home {
  height: 100%;
}
.ce_rsce_hero--text-home .ce_rsce_buttonbox {
  margin-block-start: 5rem;
}
.ce_rsce_hero--text-home .ce_rsce_buttonbox .btn {
  max-width: 330px;
  gap: 0.75rem;
  padding: 20px 24px;
  text-transform: none;
  font-size: 2rem;
  font-weight: 500;
  border-radius: 2rem;
  background-color: var(--brand-blue-40);
  color: var(--blue-100);
}
.ce_rsce_hero--text-home .ce_rsce_buttonbox .btn:hover {
  background-color: var(--brand-blue-60);
}
.ce_rsce_hero--text-home .ce_rsce_buttonbox .btn .svg-icon {
  height: 5rem;
  width: 5rem;
  flex: 0 0 5rem;
  color: var(--brand-blue-100);
}
.ce_rsce_hero--title-home {
  margin-inline-end: -6rem;
}
@media only screen and (min-width: 119rem) {
  .ce_rsce_hero--title-home .content-rsce-typeit {
    font-size: 10rem;
  }
}
.ce_rsce_hero--rte {
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
  letter-spacing: var(--body-l-ls);
  max-width: 960px;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_hero--rte-home {
    font-size: 2.75rem;
  }
}
.ce_rsce_hero--femod {
  position: relative;
}
.ce_rsce_hero:has(.ce_rsce_hero--rte) .mod_breadcrumb > ul {
  margin-block-end: 40px;
}
.ce_rsce_hero [data-swiper=hero] {
  height: 100%;
  width: 100%;
}
.js_ready .ce_rsce_hero--media {
  opacity: 1 !important;
}
.ce_rsce_hero--media {
  opacity: 1 !important;
}
.ce_rsce_hero--media img {
  transform: scale(1.2);
  transition: transform 6s cubic-bezier(0.03, 0.67, 0.21, 0.86);
}
.ce_rsce_hero--media:after {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 2s cubic-bezier(0.03, 0.67, 0.21, 0.86);
}
.ce_rsce_hero--media[data-animate] img {
  transform: scale(1);
}
.ce_rsce_hero--media[data-animate]:after {
  opacity: 1;
  transform: translateX(0);
}
.h_susfix {
  font-size: 0.85em;
  display: inline-block;
  font-weight: 600;
  vertical-align: text-bottom;
  color: var(--neutral-80-text);
  line-height: 1.2;
}
.ce_rsce_iconbox {
  display: block;
  border-radius: var(--radius-s);
  padding-block: 5rem;
  padding-inline: 3rem;
  height: 100%;
  text-decoration: none;
  background: var(--neutral-10);
  transition: var(--transtime) background-color;
}
.ce_rsce_iconbox__headline {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
  margin-block-end: var(--space-xxs);
}
.ce_rsce_iconbox__text {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.ce_rsce_iconbox .svg-icon {
  display: block;
  margin-inline: auto;
  margin-block-end: 3rem;
  width: 12.5rem;
  height: auto;
}
.ce_rsce_iconbox.borderless {
  background: none;
  padding: 0;
}
.ce_rsce_iconbox.borderless .svg-icon {
  margin-block-end: var(--space-xxs);
}
.ce_rsce_iconbox:has(.ce_rsce_iconbox__text) .svg-icon {
  margin-inline: 0;
}
.ce_rsce_iconbox .ce_lotti {
  max-width: 120px;
  margin-bottom: var(--space-sm);
}
.ce_rsce_iconbox__modal {
  padding: var(--space-lg);
}
.ce_rsce_iconbox__modal .ce_lotti {
  max-width: 200px;
  margin-bottom: var(--space-sm);
}
a.ce_rsce_iconbox:hover {
  background-color: var(--brand-blue-20);
}
.content-rsce-iconlist__headline {
  margin-block-end: 2rem;
}
.content-rsce-iconlist ul {
  list-style: none;
  border-top: 1px solid var(--color-border);
}
.content-rsce-iconlist li {
  list-style: none;
  display: flex;
  gap: 2rem;
  border-bottom: 1px solid var(--color-border);
  padding: 3rem 0.5rem;
}
.content-rsce-iconlist__icon {
  color: var(--color-primary);
  font-size: 4.5rem;
  line-height: 0;
}
.content-rsce-iconlist__text {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  align-self: center;
}
.ce_svg {
  line-height: 0;
}
.ce_svg svg {
  max-width: 100%;
  height: auto;
}
.ce_svg a {
  display: inline-block;
}
.content-image h1,
.content-image h2,
.content-image h3,
.content-image h4,
.content-image h5,
.content-image h6 {
  margin-bottom: var(--grid-row-gap);
}
.content-image figure {
  display: inline-block;
  overflow: hidden;
  border-radius: var(--radius);
}
.content-image figcaption {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.content-image a img {
  transform: scale(1);
  transition: var(--trans-time-slow-ease) transform;
}
.content-image a:hover img {
  transform: scale(1.05);
}
.ce_content-infobox {
  position: relative;
  max-width: 100%;
  background: var(--brand-blue-100);
  border-radius: 1rem;
}
.ce_content-infobox.hidden {
  display: none;
}
.ce_content-infobox--inner {
  display: flex;
  align-items: center;
  column-gap: 3rem;
  row-gap: 1rem;
  padding: 3rem;
  color: var(--color-white);
}
@media only screen and (max-width: 39.999rem) {
  .ce_content-infobox--inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ce_content-infobox--icon {
  flex-grow: 0;
  color: var(--color-white);
}
.ce_content-infobox--icon svg {
  width: 4rem;
  height: 4rem;
}
.ce_content-infobox--header {
  flex-grow: 1;
  padding: 0;
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
}
.ce_content-infobox--title {
  font-weight: 600;
  line-height: 1.2;
}
.ce_content-infobox--text a {
  text-decoration-color: var(--color-white);
  white-space: nowrap;
  color: var(--color-white);
  line-height: 1.2;
}
.ce_content-infobox--buttons {
  justify-content: flex-start;
  flex-grow: 0;
  margin-block-start: 2rem;
  margin-block-end: 0;
  margin-inline-start: auto;
  padding: 0;
}
@media only screen and (max-width: 39.999rem) {
  .ce_content-infobox--buttons {
    position: absolute;
    top: 3rem;
    right: 3rem;
  }
}
@media only screen and (min-width: 48rem) {
  .ce_content-infobox--buttons {
    margin-block-start: 0;
    justify-self: flex-end;
  }
}
.ce_content-infobox--buttons svg {
  width: 3rem;
  height: 3rem;
  color: var(--color-white);
}
.ce_content-infobox--buttons[data-infobox-close] {
  margin-block: 0;
}
.ce_content-infobox--submit-all {
  text-align: left;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.ce_jsonData {
  border-top: 2px solid var(--color-border);
}
.ce_jsonData__item {
  position: relative;
  display: flex;
  gap: 1.5rem;
  align-items: center;
  padding-block: 2rem;
  border-bottom: 2px solid var(--color-border);
  font-weight: 500;
  color: var(--blue-100);
  transition: var(--transtime-fast) color;
  border-bottom: 2px solid var(--color-border);
}
.ce_jsonData__item:hover {
  color: var(--brand-blue-100);
}
.ce_jsonData__icon .svg-icon {
  width: 38px;
  height: 38px;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  *:after, *:before {
    animation: none !important;
    transition: none !important;
  }
}
:root,
body {
  background-color: var(--color-white);
  scroll-behavior: smooth;
}
body {
  display: block;
  max-width: var(--max-container-width);
  margin-inline: auto;
  color: var(--color-text);
}
#wrapper {
  display: flex;
  flex-direction: column;
}
.filter_open #wrapper {
  overflow: hidden;
  height: 0;
}
#main {
  width: 100%;
}
.filter_open #main {
  position: relative;
  z-index: 1000;
}
#main:has(#right-custom) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: var(--grid-row-gap) var(--grid-column-gap);
  max-width: var(--max-grid-width);
  margin-inline: auto;
  padding-inline: var(--grid-outer-gutter);
}
#main:has(#right-custom) > .inside {
  grid-column: span 12/span 12;
  grid-row-start: 2;
  display: flex;
  flex-direction: column;
  row-gap: 5rem;
}
@media only screen and (min-width: 60rem) {
  #main:has(#right-custom) > .inside {
    grid-column: span 9/span 9;
    grid-row-start: 1;
  }
}
#main:has(#right-custom) > .inside .mod_article__inner.row {
  padding-inline: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
#main:has(#right-custom) > .inside .mod_article__inner.row:has(> *:not([class*=col-])) {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
#main:has(#right-custom) > .inside .mod_article__inner.row > *:not([class*=col-]) {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75rem) {
  #main:has(#right-custom) > .inside .mod_article__inner.row > *:not([class*=col-]) {
    grid-column: span 7/span 7;
    grid-column-start: 2;
  }
}
#main:has(#right-custom) > .inside .mod_article__inner.row > .mod_article {
  grid-column: span 12/span 12;
  grid-column-start: 1;
}
#main:has(#right-custom) > .inside .mod_article__inner.row > .mod_article:last-child {
  margin-block-end: 0;
}
#main:has(#right-custom) > .inside .mod_article:last-child {
  margin-block-end: var(--space-section);
}
#main:has(#right-custom) > #right-custom {
  grid-row-start: 1;
  grid-column: span 12/span 12;
}
#main:has(#right-custom) > #right-custom:has(.module-onepage-navigation) {
  position: sticky;
  z-index: 80;
  top: 0;
  background-color: var(--neutral-0);
}
@media only screen and (max-width: 59.999rem) {
  #main:has(#right-custom) > #right-custom:has(.module-onepage-navigation) {
    margin-inline: calc(-1 * var(--grid-outer-gutter));
  }
}
@media only screen and (min-width: 60rem) {
  #main:has(#right-custom) > #right-custom {
    grid-column: span 3/span 3;
  }
  #main:has(#right-custom) > #right-custom:has(.module-onepage-navigation) {
    position: flex;
  }
}
#main:has(#right-custom) > #right-custom > .inside {
  position: sticky;
  top: -10rem;
  transition: transform var(--transtime-fast);
  transform: translateY(var(--top));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 5rem;
  padding-block: 1.5rem;
}
@media only screen and (min-width: 60rem) {
  #main:has(#right-custom) > #right-custom > .inside {
    padding-block: var(--space-section);
  }
}
#main:has(#right-custom) > #right-custom .mod_article {
  padding-block-end: 0;
}
#main:has(#right-custom) > #right-custom .mod_article__background-color-grey {
  border-radius: var(--radius-s);
  padding: 5rem 3rem;
  max-width: 300px;
  width: 100%;
}
#main:has(#right-custom) > #right-custom .mod_article__inner.row {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-inline: 0;
  width: 100%;
}
#main #right-custom:not(:has(.module-onepage-navigation)) {
  display: none !important;
}
.ce_colStart[class*=backgroundcolor] {
  padding: 10rem 8rem;
  border-radius: 5rem;
}
@view-transition {
  navigation: auto;
}
/* Create a custom animation */
@keyframes move-out {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes move-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
/* Apply the custom animation to the old and new page states */
.ce_rsce_linkbox {
  border-radius: var(--border-radius);
  background: var(--color-black-medium);
  padding-block: 7.5rem;
  padding-inline: var(--space-md);
  position: relative;
}
.ce_rsce_linkbox .ce_headline {
  margin-block-end: var(--space-md);
  color: var(--color-white);
}
.ce_rsce_linkbox .btn {
  z-index: 150;
}
.ce_rsce_linkbox:hover {
  background: var(--color-grey-dark);
}
.mod_login h1,
.mod_login h2,
.mod_login h3,
.mod_login h4,
.mod_login h5,
.mod_login h6 {
  margin-block-end: var(--space-3xs);
}
.mod_login .widget-submit {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 3rem;
  width: 100%;
  justify-content: flex-start;
}
.mod_login p.error {
  color: var(--color-error);
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  margin-block-end: 2rem;
  font-weight: 500;
}
#right-custom .mod_login .login_info {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  padding-block: 1rem;
}
#right-custom .mod_login .login_info .user_info {
  display: block;
}
#right-custom .mod_login .login_info .user_info__name {
  font-weight: 500;
}
#right-custom .mod_login .submit {
  margin-top: 1rem;
  gap: 1rem;
  padding: 1.5rem 3rem;
  min-height: 46px;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
  width: 100%;
  justify-content: center;
}
.module-generate-hero .mod_login {
  margin-block-start: 5rem;
}
.module-generate-hero .mod_login .login_info {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
  padding-block: 1rem;
}
.module-generate-hero .mod_login .login_info .user_info {
  display: block;
  line-height: 1.2;
}
.module-generate-hero .mod_login .login_info .user_info__company {
  font-weight: 500;
  margin-block-end: 1rem;
}
.module-generate-hero .mod_login .login_info .user_info__name {
  font-weight: 500;
}
.module-generate-hero .mod_login .submit {
  margin-top: 1rem;
  gap: 1rem;
  padding: 1.5rem 3rem;
  min-height: 46px;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
  justify-content: center;
}
.mod_lostPasswordNotificationCenter h1,
.mod_lostPasswordNotificationCenter h2,
.mod_lostPasswordNotificationCenter h3,
.mod_lostPasswordNotificationCenter h4,
.mod_lostPasswordNotificationCenter h5,
.mod_lostPasswordNotificationCenter h6 {
  margin-block-end: 3rem;
}
.mod_lostPasswordNotificationCenter .widget-submit {
  margin-block-start: 2rem;
}
.logo,
.ce_logo {
  line-height: 0;
}
@media only screen and (max-width: 47.999rem) {
  .logo,
  .ce_logo {
    width: 100px;
  }
}
.logo.content-image figure,
.ce_logo.content-image figure {
  border-radius: 0;
  overflow: initial;
}
.logo.content-image a:hover img,
.ce_logo.content-image a:hover img {
  transform: scale(1);
}
: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 {
  border-radius: var(--radius-l);
  overflow: hidden;
}
.content-rsce-map--map {
  height: 600px;
  width: 100%;
}
.content-rsce-mission--inner {
  border-radius: var(--radius-l);
  padding: 5rem;
}
.content-rsce-mission--inner.layout_primary {
  background-color: var(--color-primary-40);
}
.content-rsce-mission--inner.layout_secondary {
  background-color: var(--color-secondary-40);
}
.content-rsce-mission--inner.layout_tertiary {
  background-color: var(--color-tertiary-40);
}
.content-rsce-mission--headline {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.content-rsce-mission--headline .content_headline {
  flex: 1;
}
.content-rsce-mission--gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.content-rsce-mission--gallery figure {
  flex: 1 1 240px; /* grow | shrink | basis */
  min-width: 240px; /* Sicherheit */
  overflow: hidden;
  display: block;
  border-radius: var(--radius-s);
}
.mdd--node .mod_navigation .icon-nav a,
.mdd--node .mod_navigation .icon-nav strong {
  justify-content: flex-start;
  row-gap: 1rem;
  column-gap: 1.25rem;
  flex-direction: row;
  align-items: center;
}
.mdd--node .mod_navigation .icon-nav svg {
  height: 5rem;
  width: 5rem;
}
.mdd--node .rte a:not(.btn) {
  position: relative;
  text-decoration: none;
}
.mdd--node .rte a:not(.btn):after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: -3px;
  left: 0;
  right: 0;
  background: var(--brand-blue-100);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  border-radius: 2px;
  opacity: 1;
}
.mdd--node .rte a:not(.btn):hover {
  color: initial;
}
.mdd--node .rte a:not(.btn):hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  opacity: 1;
}
/* ------------------------------------
        Navigation Legal
    ------------------------------------- */
.mod_navigation__legal {
  display: flex;
  justify-content: flex-end;
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  letter-spacing: var(--paragraph-small-ls);
}
@media only screen and (max-width: 47.999rem) {
  .mod_navigation__legal {
    justify-content: center;
  }
}
.mod_navigation__legal h6 {
  color: var(--color-white);
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  letter-spacing: var(--paragraph-small-ls);
  font-family: var(--font-family);
}
.mod_navigation__legal ul {
  display: flex;
  gap: 1rem 2rem;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 48rem) {
  .mod_navigation__legal ul {
    justify-content: flex-end;
    gap: 2rem 5rem;
  }
}
@media only screen and (max-width: 59.999rem) {
  .mod_navigation__main {
    display: none;
  }
}
.mod_navigation {
  position: relative;
  height: 100%;
}
.mod_navigation__main {
  font-family: var(--font-family-alt);
}
.mod_navigation__main nav {
  display: flex;
  column-gap: var(--space-md);
}
.mod_navigation__main:has(.nav_btn) nav {
  column-gap: var(--space-3xs);
}
.mod_navigation__main ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: var(--space-md);
}
.mod_navigation__main a,
.mod_navigation__main strong {
  display: inline-block;
  position: relative;
  font-size: 2.5rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--color-black);
}
.mod_navigation__main a:after,
.mod_navigation__main strong:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: -6px;
  left: 0;
  right: 0;
  background: var(--brand-blue-100);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  border-radius: 2px;
  opacity: 0;
}
.mod_navigation__main a.trail, .mod_navigation__main a.active, .mod_navigation__main a:hover,
.mod_navigation__main strong.trail,
.mod_navigation__main strong.active,
.mod_navigation__main strong:hover {
  color: var(--color-black);
}
.mod_navigation__main a.trail:after, .mod_navigation__main a.active:after, .mod_navigation__main a:hover:after,
.mod_navigation__main strong.trail:after,
.mod_navigation__main strong.active:after,
.mod_navigation__main strong:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  opacity: 1;
}
.mod_navigation__main ul.level_1 a.nav_btn,
.mod_navigation__main ul.level_1 strong.nav_btn {
  padding: 1.75rem 3rem;
  flex-direction: row;
  color: var(--color-white);
  background-color: var(--blue-100);
  min-height: 52px;
  gap: 0.75rem;
  font-size: var(--btn-s-fs);
  font-weight: var(--btn-s-fw);
  line-height: var(--btn-s-lh);
  letter-spacing: var(--btn-s-ls);
}
.mod_navigation__main ul.level_1 a.nav_btn:after,
.mod_navigation__main ul.level_1 strong.nav_btn:after {
  display: none;
  content: none;
}
.mod_navigation__main ul.level_1 a.nav_btn:before,
.mod_navigation__main ul.level_1 strong.nav_btn:before {
  content: "";
  display: inline-block;
  border: none;
}
@layer base {
  .mod_navigation__main ul.level_1 a.nav_btn:before,
  .mod_navigation__main ul.level_1 strong.nav_btn:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20fill='none'%20viewBox='0%200%2080%2080'%3e%3cpath%20fill='currentColor'%20d='M52.333%2045c-4.484%200-6.64%202.5-14%202.5-7.359%200-9.5-2.5-14-2.5-11.593%200-21%209.406-21%2021v6.5c0%204.14%203.36%207.5%207.5%207.5h55c4.141%200%207.5-3.36%207.5-7.5V66c0-11.594-9.406-21-21-21Zm16%2027.5c0%201.375-1.125%202.5-2.5%202.5h-55a2.507%202.507%200%200%201-2.5-2.5V66c0-8.828%207.172-16%2016-16%203.063%200%206.11%202.5%2014%202.5%207.875%200%2010.938-2.5%2014-2.5%208.828%200%2016%207.172%2016%2016v6.5Zm-30-32.5c11.047%200%2020-8.953%2020-20s-8.953-20-20-20c-11.046%200-20%208.953-20%2020s8.954%2020%2020%2020Zm0-35c8.266%200%2015%206.734%2015%2015s-6.734%2015-15%2015c-8.265%200-15-6.734-15-15s6.735-15%2015-15Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mod_navigation__main--search {
  border-radius: 50%;
  padding: 14px;
  width: 52px;
  height: 52px;
  background-color: var(--blue-100);
  color: var(--color-white);
  cursor: pointer;
  line-height: 1;
  transition: var(--transtime-fast) background-color;
}
.mod_navigation__main--search:hover {
  background-color: var(--blue-80);
}
.mod_navigation__main--search svg {
  width: 24px;
  height: 24px;
}
#mm_MobileMenu {
  --mm-color-background: var(--blue-100);
  --mm-color-border: var(--blue-80);
  --mm-color-icon: var(--color-white);
  --mm-color-text: var(--color-white);
  --mm-color-text-dimmed: var(--color-white);
  --mm-color-background-highlight: transparent;
  --mm-color-background-emphasis: transparent;
  --mm-color-focusring: var(--blue-100);
  --mm-size: 100%;
  --mm-min-size: 240px;
  --mm-max-size: 600px;
}
.mm-wrapper {
  overflow: initial;
}
.mod_navigation__main {
  display: none;
}
@media only screen and (min-width: 60rem) {
  .mod_navigation__main {
    display: block;
  }
}
.mm_burger {
  display: block;
}
@media only screen and (min-width: 60rem) {
  .mm_burger {
    display: none;
  }
}
.mm_burger__icon {
  display: block;
  z-index: 600;
  margin: 0;
  position: relative;
  height: 44px;
  width: 44px;
  background-color: var(--blue-100);
  border-radius: 50%;
}
.mm_burger__icon:hover span {
  background-color: var(--color-white);
}
.mm_burger__icon span {
  position: absolute;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  right: 10px;
  background-color: var(--color-white);
  border-radius: 2px;
  transition: background-color var(--transtime);
  display: none;
}
.mm_burger__icon span:first-child {
  top: 18px;
  bottom: initial;
  transform: translateY(0);
  display: block;
}
.mm_burger__icon span:last-child {
  top: initial;
  bottom: 18px;
  transform: translateY(0);
  display: block;
}
.scroll .mm_burger__icon span {
  background-color: var(--color-white);
}
.mm_burger__icon:hover {
  cursor: pointer;
}
.mod_mmenu {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.mod_mmenu .burger__close {
  display: flex;
  flex-direction: row-reverse;
  padding: 2.5rem 2.5rem 0 2.5rem;
}
@layer base {
  .mod_mmenu .burger__close .burger__icon {
    content: "";
    display: block;
    width: 4rem;
    height: 4rem;
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.8307%204.22358C19.5378%203.93068%2019.0629%203.93068%2018.77%204.22358L12.0525%2010.9411L5.33502%204.22358C5.04212%203.93068%204.56725%203.93068%204.27436%204.22358C3.98146%204.51647%203.98147%204.99134%204.27436%205.28424L10.9919%2012.0018L4.27436%2018.7193C3.98146%2019.0122%203.98146%2019.487%204.27436%2019.7799C4.56725%2020.0728%205.04212%2020.0728%205.33502%2019.7799L12.0525%2013.0624L18.77%2019.7799C19.0629%2020.0728%2019.5378%2020.0728%2019.8307%2019.7799C20.1236%2019.487%2020.1236%2019.0122%2019.8307%2018.7193L13.1132%2012.0018L19.8307%205.28424C20.1236%204.99134%2020.1236%204.51647%2019.8307%204.22358Z'%20fill='white'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mod_mmenu .mm-panels {
  margin: 2.5rem;
}
.mod_mmenu .mm-listitem:after {
  inset-inline-start: 0;
}
.mod_mmenu .mm-listitem__text {
  padding: 2.5rem 5rem 2.5rem 0;
  white-space: normal;
}
.mod_mmenu .mm-navbar {
  padding-block: 25px;
}
.mod_mmenu .mm-navbar__title {
  justify-content: flex-start;
  font-weight: 500;
}
.mod_mmenu .mm-btn {
  width: auto;
}
.mod_mmenu .mm-btn:not(.mm-hidden) + .mm-navbar__title:last-child {
  padding-inline-start: 28px;
  padding-inline-end: 0px;
}
.mod_mmenu .mm-btn--next {
  --mm-btn-rotate: 0deg;
}
.mod_mmenu .mm-btn--next:after {
  inset-inline-end: 0;
  width: 3.5rem;
  height: 3.5rem;
}
@layer base {
  .mod_mmenu .mm-btn--next:after {
    content: "";
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='currentcolor'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='currentcolor'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mod_mmenu .mm-btn--prev {
  --mm-btn-rotate: 180deg;
}
.mod_mmenu .mm-btn--prev:before {
  inset-inline-start: 0;
  width: 2.5rem;
  height: 2.5rem;
}
@layer base {
  .mod_mmenu .mm-btn--prev:before {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='currentcolor'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='currentcolor'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mod_mmenu .btn-tag {
  background-color: var(--mm-color-border);
}
.mm-wrapper__blocker {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
}
.mm-wrapper--opened .mm-wrapper__blocker {
  opacity: 1;
}
.mod_mmenu #mm-1 .mm-navbar__title {
  opacity: 0;
}
#mdd {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  padding-block: 180px 80px;
  background-color: var(--color-white);
  border-radius: 0 0 20px 20px;
}
.js_ready #mdd {
  transition: opacity var(--transtime-fast);
}
.mdd--open #mdd {
  z-index: 100;
  opacity: 1;
  pointer-events: all;
}
#mdd .inside {
  margin-inline: auto;
}
@layer base {
  #mdd .inside {
    width: calc(var(--singleColumnWidth) * 12 + 11 * var(--grid-column-gap));
    max-width: 100%;
    padding-inline: 0;
    /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
    /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
    grid-template-columns: repeat(12, 1fr);
  }
  #mdd .inside > :not([class*=col-]) {
    grid-column: span 12/span 12;
  }
}
@media only screen and (min-width: 119rem) {
  @layer base {
    #mdd .inside {
      width: calc(var(--singleColumnWidth) * 10 + 9 * var(--grid-column-gap));
      max-width: 100%;
      padding-inline: 0;
      /*  Eingerückte Artikel in der Grid-Struktur übernehmen Spalten vom Hauptgrid. */
      /* Einrückung Artikel in der Grid-Struktur starten wider mit 12 Spalten. */
      grid-template-columns: repeat(12, 1fr);
    }
    #mdd .inside > :not([class*=col-]) {
      grid-column: span 12/span 12;
    }
  }
}
.mdd--container {
  width: 100%;
}
.mdd--container .level_1 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 2px var(--grid-column-gap);
  width: 100%;
}
.mdd--container .level_1.icon-nav {
  height: 100%;
}
.mdd--container .col-1 .level_1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mdd--container .level_2 {
  display: flex;
  gap: 2px;
  flex-direction: column;
  width: 100%;
}
.mdd--container .icon-nav {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mdd--container .icon-nav [data-mdd] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mdd--container .icon-nav [data-mdd]:after {
  content: none;
}
.mdd--container .headline {
  display: block;
  font-size: var(--heading-m-fs);
  font-weight: var(--heading-m-fw);
  line-height: var(--heading-m-lh);
  letter-spacing: var(--heading-m-ls);
  margin-block: 2rem 1.5rem;
}
.mdd--container [data-mdd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@layer base {
  .mdd--container [data-mdd]:after {
    content: "";
    display: block;
    width: 3rem;
    height: 3rem;
    mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.92071%203.13883L7.1388%203.9207C6.95373%204.10576%206.95373%204.40582%207.1388%204.59092L14.275%2011.7442L7.1388%2018.8974C6.95373%2019.0825%206.95373%2019.3826%207.1388%2019.5677L7.92071%2020.3496C8.10577%2020.5346%208.40583%2020.5346%208.59093%2020.3496L16.8612%2012.0793C17.0463%2011.8943%2017.0463%2011.5942%2016.8612%2011.4091L8.59093%203.13883C8.40583%202.95372%208.10577%202.95372%207.92071%203.13883Z'%20fill='currentColor'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.mdd--close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  pointer-events: none;
}
.mdd--open .mdd--close {
  pointer-events: all;
}
.mdd--close svg {
  width: 4rem;
  height: 4rem;
  transition: color var(--transtime);
}
.mdd--close:hover svg {
  color: var(--brand-blue-100);
}
.mdd--back {
  display: none;
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: 0;
  padding: 0;
  width: 100%;
  text-align: left;
}
.mdd--open .mdd--back {
  pointer-events: all;
}
.mdd-has-parent .mdd--back {
  display: block;
}
.mdd--back svg {
  width: 3.5rem;
  height: 3.5rem;
}
.mdd--slide {
  width: 100%;
  visibility: hidden;
}
.mmd-swiper-transition .mdd--slide {
  visibility: visible;
}
.mdd--slide.swiper-slide-active {
  z-index: 1;
}
.mdd--slide.swiper-slide-visible {
  visibility: visible;
}
.mdd--node {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 3rem var(--grid-column-gap);
}
.mdd--node > * {
  grid-column: span 2/span 2;
}
.mdd--node .col-1 {
  grid-column: span 1/span 1;
}
.mdd--node .col-2 {
  grid-column: span 2/span 2;
}
.mdd--node .col-2 ul {
  display: flex;
  flex-direction: column;
}
.mdd--node > .content-headline {
  max-width: calc(100% - 4rem);
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
}
.mdd-has-parent .mdd--node > .content-headline {
  margin-inline-start: 5rem;
}
.mdd--node .mod_navigation a,
.mdd--node .mod_navigation strong {
  background-color: var(--brand-blue-20);
  color: var(--blue-100);
  border-radius: var(--radius-s);
  padding: 2.5rem 2rem;
  display: flex;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  height: 100%;
  font-family: var(--font-family-alt);
  font-weight: 500;
  font-size: 2.25rem;
  text-decoration: none;
  text-align: left;
  transition: background-color var(--transtime-fast);
  pointer-events: none;
}
.mdd--open .mdd--node .mod_navigation a,
.mdd--open .mdd--node .mod_navigation strong {
  pointer-events: all;
}
.mdd--node .mod_navigation a:hover,
.mdd--node .mod_navigation strong:hover {
  background-color: var(--brand-blue-40);
  color: var(--blue-100);
}
.mdd--node .content-text {
  background-color: var(--neutral-10);
  background-image: url("data:image/svg+xml,%3csvg%20width='884'%20height='682'%20viewBox='0%200%20884%20682'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1941_21135)'%3e%3cpath%20d='M-103.825%20-33.5818C45.6845%207.20226%20184.706%2081.9682%20302.897%20185.058C421.089%20288.149%20515.402%20417.007%20578.753%20561.828C642.103%20706.649%20672.917%20863.807%20668.761%201021.5C664.722%201179.15%20625.82%201333.35%20555.046%201472.48C551.371%201479.56%20550.364%201487.9%20552.167%201495.8C553.97%201503.7%20558.596%201510.78%20565.094%201515.52C571.591%201520.26%20579.536%201522.53%20587.327%201521.65C595.152%201520.9%20602.504%201517.21%20607.803%201511.32C771.924%201324.54%20863.122%201081.98%20864.635%20828.878C866.148%20575.78%20777.886%20329.297%20616.112%20135.376C454.338%20-58.5445%20230.167%20-186.807%20-14.653%20-225.487C-259.12%20-264.27%20-508.086%20-210.663%20-714.586%20-74.8397C-721.192%20-70.3511%20-725.98%20-63.5843%20-728.017%20-55.7073C-730.053%20-47.8302%20-729.123%20-39.4169%20-725.438%20-32.0655C-721.752%20-24.7142%20-715.72%20-18.9442%20-708.19%20-15.9118C-700.778%20-12.845%20-692.525%20-12.579%20-685.016%20-15.2886C-497.903%20-79.9086%20-295.677%20-86.3649%20-103.354%20-33.7196L-103.825%20-33.5818Z'%20fill='%2364A9D4'/%3e%3cg%20style='mix-blend-mode:multiply'%3e%3cpath%20d='M431.836%20993.603C435.55%20893.684%20462.152%20795.375%20509.604%20706.002C557.057%20616.629%20624.199%20538.483%20705.91%20477.453C787.621%20416.422%20881.852%20374.027%20981.542%20353.527C1081.19%20332.958%201183.78%20334.802%201281.57%20358.88C1286.56%20360.152%201291.95%20359.562%201296.65%20357.271C1301.35%20354.98%201305.12%20351.036%201307.15%20346.259C1309.17%20341.482%201309.43%20336.156%201307.74%20331.389C1306.12%20326.584%201302.73%20322.505%201298.24%20320.039C1156.84%20244.29%20991.057%20222.54%20831.806%20258.684C672.555%20294.828%20530.617%20386.412%20432.481%20516.481C334.345%20646.551%20286.609%20806.203%20298.187%20965.7C309.648%201124.99%20379.821%201273.57%20495.428%201383.41C499.217%201386.9%20504.171%201388.92%20509.418%201389.05C514.666%201389.17%20519.816%201387.35%20523.895%201383.96C527.974%201380.57%20530.716%201375.93%20531.517%201370.75C532.358%201365.65%20531.315%201360.42%20528.512%201356.1C460.486%201248%20426.79%201121.89%20431.681%20993.328L431.836%20993.603Z'%20fill='%238FAFA8'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1941_21135'%3e%3crect%20width='884'%20height='682'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: 170px center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--radius-s);
}
#container:after {
  content: "";
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  z-index: 99;
  transition: opacity var(--transtime) ease-in-out;
  pointer-events: none;
  opacity: 0;
}
body.mdd--open #container:after {
  opacity: 1;
  pointer-events: all;
}
.news--card-textcontainer {
  padding: 3rem;
}
.news--card-info {
  margin-block-end: 0.5rem;
}
.news--card-headline {
  margin-block-start: 2rem;
  margin-block-end: 0;
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
}
.news--card:has(.news--card-image) .news--card-headline {
  margin-block-start: 0;
}
.news--card-teaser {
  margin-top: var(--space-3xs);
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.news--card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 3rem 2rem 3rem;
  margin-block-start: auto;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  font-weight: 500;
}
.news--card-more {
  align-self: flex-end;
  padding: 0 !important;
  margin-block-start: auto;
  color: var(--blue-100);
  border-radius: 0;
}
.news--card-more:hover {
  text-decoration: none;
}
.news--card-datetime {
  color: var(--neutral-80);
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  font-weight: 500;
}
.mod_newsreader {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
.layout_full__back {
  margin-block-end: var(--space-lg);
}
.layout_full__headline {
  margin-block-end: var(--space-xxs);
}
.layout_full__subheadline {
  margin-block-end: var(--space-md);
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
  letter-spacing: var(--body-l-ls);
}
.layout_full__categories {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
  list-style-type: none;
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  letter-spacing: var(--paragraph-small-ls);
  font-weight: 700;
  margin-block-end: var(--space-sm);
}
.layout_full__categories span {
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  border: 1px solid var(--color-grey-medium);
  border-radius: var(--border-radius-small);
  background: var(--tertiary-brand);
  color: var(--color-white);
  border-color: transparent;
}
.layout_full__datetime {
  color: var(--neutral-80);
  font-weight: 500;
}
.layout_full .info {
  font-size: var(--title-h4-fs);
  font-weight: var(--title-h4-fw);
  line-height: var(--title-h4-lh);
  letter-spacing: var(--title-h4-ls);
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  column-gap: var(--space-xxs);
  align-items: baseline;
  line-height: 1;
  color: var(--color-black);
  padding-block: inherit;
}
.layout_full .info:before {
  content: "";
  display: inline-block;
  width: 12rem;
  height: 3.5rem;
  border-top: 2px solid var(--color-black);
}
.layout_full__textcontainer {
  padding-block-end: var(--space-lg);
  border-bottom: 1px solid var(--color-grey-medium);
}
.layout_full__image figure {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius);
}
.layout_full__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.layout_full__author {
  align-items: center;
  display: flex;
  gap: var(--space-md);
}
.layout_full__author figure {
  border-radius: var(--border-radius-small);
  overflow: hidden;
  width: 10rem;
  aspect-ratio: 1/1;
}
.layout_full__author time {
  color: var(--color-grey-medium);
  display: block;
}
.layout_full__content {
  margin-top: var(--space-lg);
}
.layout_full__content h2 {
  margin-top: var(--space-lg);
}
.ce_isotope--filter {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
  margin-inline: 2rem;
}
.ce_isotope--filter button.active {
  background: var(--blue-100);
  color: var(--color-white);
}
.module-newslist .content-headline {
  margin-bottom: var(--grid-column-gap);
}
.layout_list-default {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 32rem;
  border-radius: var(--border-radius-small);
  background-color: var(--color-grey-light);
  transition: var(--transtime-fast) all ease-in-out;
}
.layout_list-default-categories {
  position: absolute;
  right: 0;
  top: -9.5rem;
  z-index: 10;
  color: var(--color-white);
  transform-origin: bottom right;
  transform: rotate(-90deg);
  padding: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  letter-spacing: var(--paragraph-small-ls);
}
.layout_list-default-categories span {
  background: var(--tertiary-brand);
  color: var(--color-white);
  padding: 0.5rem 1.5rem;
  border-radius: var(--border-radius-small);
}
.layout_list-default-textcontainer {
  padding-inline: var(--space-xs);
  padding-block: 0 var(--space-md);
  transform: translateY(0);
  transition: var(--transtime-fast) all ease-in-out;
  margin-block-start: auto;
}
.layout_list-default-info {
  font-size: var(--paragraph-small-fs);
  font-weight: var(--paragraph-small-fw);
  line-height: var(--paragraph-small-lh);
  letter-spacing: var(--paragraph-small-ls);
  font-weight: 400;
  color: var(--color-grey-medium);
  margin-block-end: var(--space-xxs);
}
.layout_list-default-headline {
  margin-block-end: 0;
}
.layout_list-default figure {
  margin-block-end: 14rem;
  overflow: hidden;
}
.layout_list-default figure img {
  transform: scale(1);
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-width: 580px;
  transition: var(--transtime-fast) transform ease-in-out;
}
.layout_list-default .btn {
  align-self: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 90;
  margin-block-end: var(--space-md);
  margin-inline-end: var(--space-xs);
  opacity: 0;
  transition: var(--transtime-fast) all ease-in-out;
}
.layout_list-default:hover .layout_list-default-textcontainer {
  transform: translateY(-12rem);
}
.layout_list-default:hover img {
  transform: scale(1.1);
}
.layout_list-default:hover .btn {
  opacity: 1;
}
.layout_list-default.first {
  grid-column: span 12/span 12;
  flex-direction: row;
  justify-content: flex-start;
}
.layout_list-default.first .layout_list-default-textcontainer {
  padding: var(--space-md);
  margin-block-start: 0;
}
.layout_list-default.first figure {
  margin-block-end: 0;
}
.layout_list-default.first img {
  aspect-ratio: 1/1;
}
.layout_list-default.first:hover .layout_list-default-textcontainer {
  transform: translateY(12rem);
}
/* ------------------------------------
    Background color
------------------------------------- */
.mod_article__background-color-grey .teaser__card-layout--card,
.mod_article__background-color-grey .news--card {
  background-color: var(--color-white);
}
.mod_article__background-color-grey .teaser__card-layout--card:hover,
.mod_article__background-color-grey .news--card:hover {
  background-color: var(--brand-blue-20);
}
/* ------------------------------------
    whole card click trigger
------------------------------------- */
a.more-block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: block;
}
.mod_article:has(.empty) {
  display: none;
}
.mod_newslist_isotope {
  margin-inline: calc(var(--grid-column-gap) / 2 * -1);
  width: calc(100% + (var(--grid-column-gap)));
  padding-inline: 0;
}
.mod_newslist_isotope .news--card:not(.iso-active) {
  display: none;
}
[data-element-isotope] {
  display: flex;
  flex-wrap: wrap;
  min-height: auto;
  width: 100%;
}
[data-element-isotope] > * {
  width: calc(33.3333333333% - var(--grid-column-gap));
  margin-inline: calc(var(--grid-column-gap) / 2);
  margin-block-end: var(--grid-row-gap);
}
@media only screen and (max-width: 63.999rem) {
  [data-element-isotope] > * {
    width: calc(50% - var(--grid-column-gap));
  }
}
@media only screen and (max-width: 39.999rem) {
  [data-element-isotope] > * {
    width: calc(100% - var(--grid-column-gap));
  }
}
.module-newslist {
  overflow: hidden;
  padding-inline: var(--grid-outer-gutter);
  margin-inline: calc(var(--grid-outer-gutter) * -1);
}
.module-newslist:after, .module-newslist:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 100%;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
@media only screen and (min-width: 48rem) {
  .module-newslist:before {
    left: calc(var(--grid-outer-gutter) * -1);
    background: linear-gradient(to right, var(--color-white), rgba(255, 255, 255, 0));
  }
  .mod_article__background-color-grey .module-newslist:before {
    background: linear-gradient(to right, var(--neutral-10), rgba(255, 255, 255, 0));
  }
  .module-newslist:after {
    right: calc(var(--grid-outer-gutter) * -1);
    background: linear-gradient(to left, var(--color-white), rgba(255, 255, 255, 0));
  }
  .mod_article__background-color-grey .module-newslist:after {
    background: linear-gradient(to left, var(--neutral-10), rgba(255, 255, 255, 0));
  }
}
.module-newslist .news-swiper .swiper-slide {
  height: auto;
}
.module-newslist .news-swiper .news--card {
  height: 100%;
}
.module-newslist .swiper-navigation {
  margin-block-start: 5rem;
  flex-wrap: wrap;
}
@media only screen and (min-width: 40rem) {
  .module-newslist .swiper-navigation {
    flex-wrap: nowrap;
  }
}
.module-newslist .swiper-navigation > .btn_allnews {
  flex-basis: 100%;
  text-align: center;
  margin-inline-start: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 40rem) {
  .module-newslist .swiper-navigation > .btn_allnews {
    flex-basis: auto;
    margin-inline-start: 4rem;
  }
}
.module-newslist .swiper-navigation .swiper-button {
  transition: opacity var(--transtime-fast);
}
.module-newslist .swiper-navigation .swiper-button-disabled {
  color: var(--blue-100);
  opacity: 0.2;
}
#main:has(#right-custom) .mod_newslist,
#main:has(#right-custom) .module-newslist {
  grid-column: span 12/span 12 !important;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
#main:has(#right-custom) .mod_newslist .content-headline,
#main:has(#right-custom) .module-newslist .content-headline {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 75rem) {
  #main:has(#right-custom) .mod_newslist .content-headline,
  #main:has(#right-custom) .module-newslist .content-headline {
    grid-column: span 7/span 7;
    grid-column-start: 2;
  }
}
#main:has(#right-custom) .mod_newslist .news-swiper,
#main:has(#right-custom) .module-newslist .news-swiper {
  grid-column: span 12/span 12;
}
/* Import all variables */
.module-onepage-navigation {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  row-gap: 3rem;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  overflow-x: auto;
  width: 100%;
}
@media only screen and (min-width: 60rem) {
  .module-onepage-navigation {
    width: auto;
  }
}
@media only screen and (max-width: 59.999rem) {
  .module-onepage-navigation {
    position: relative;
  }
  .module-onepage-navigation:after, .module-onepage-navigation:before {
    content: "";
    position: absolute;
    width: var(--grid-outer-gutter);
    height: 100%;
    top: 0;
    z-index: 10;
    pointer-events: none;
  }
  .module-onepage-navigation:before {
    left: 0;
    background: linear-gradient(to right, var(--color-white), rgba(255, 255, 255, 0));
  }
  .mod_article__background-color-grey .module-onepage-navigation:before {
    background: linear-gradient(to right, var(--neutral-10), rgba(255, 255, 255, 0));
  }
  .module-onepage-navigation:after {
    right: 0;
    background: linear-gradient(to left, var(--color-white), rgba(255, 255, 255, 0));
  }
  .mod_article__background-color-grey .module-onepage-navigation:after {
    background: linear-gradient(to left, var(--neutral-10), rgba(255, 255, 255, 0));
  }
}
.module-onepage-navigation ul {
  position: relative;
  flex-direction: row;
  display: inline-flex;
  row-gap: 0;
  column-gap: 0;
  padding-block: 0;
  list-style: none;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.module-onepage-navigation ul::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 60rem) {
  .module-onepage-navigation ul {
    flex-direction: column;
    padding-inline: 0;
    align-items: flex-end;
  }
  .module-onepage-navigation ul:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--color-border);
    border-radius: 2px;
  }
}
.module-onepage-navigation li {
  display: flex;
  margin-block-end: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 60rem) {
  .module-onepage-navigation li {
    white-space: unset;
  }
}
.module-onepage-navigation li:before {
  content: none;
}
.module-onepage-navigation a {
  position: relative;
  display: flex;
  gap: 2rem;
  justify-content: flex-end;
  pointer-events: all;
  margin-left: auto;
  padding-block: 1.5rem;
  padding-inline: var(--grid-outer-gutter);
  text-align: end;
  line-height: 1.4;
  font-weight: 500;
  width: auto;
  transition: all var(--transtime-fast);
}
@media only screen and (min-width: 60rem) {
  .module-onepage-navigation a {
    padding-inline: 0;
  }
}
@media only screen and (min-width: 60rem) {
  .scroll-up .module-onepage-navigation a:hover:after {
    transform: scaleY(1);
  }
  .scroll-down .module-onepage-navigation a:hover:after {
    transform: scaleY(1);
  }
  .module-onepage-navigation a.active {
    color: var(--brand-blue-100);
  }
  .module-onepage-navigation a.active:after {
    transform: scaleY(1);
    background-color: var(--brand-blue-100);
  }
  .module-onepage-navigation a:hover {
    color: var(--brand-blue-100);
  }
  .module-onepage-navigation a:after {
    content: "";
    position: relative;
    z-index: 10;
    top: -1.5rem;
    bottom: 1.5rem;
    right: 0;
    width: 3px;
    height: calc(100% + 3rem);
    background-color: transparent;
    border-radius: 2px;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform var(--transtime-fast);
  }
  .scroll-up .module-onepage-navigation a:after {
    transform-origin: bottom center;
  }
  .scroll-down .module-onepage-navigation a:after {
    transform-origin: top center;
  }
}
@media only screen and (max-width: 59.999rem) {
  .module-onepage-navigation a:after {
    content: "";
    position: absolute;
    height: 2px;
    bottom: 8px;
    left: var(--grid-outer-gutter);
    right: var(--grid-outer-gutter);
    background: var(--brand-blue-100);
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
    border-radius: 2px;
    opacity: 0;
  }
  .module-onepage-navigation a.active:after {
    transform: scaleX(1);
    transform-origin: bottom left;
    opacity: 1;
  }
}
.module-onepage-navigation .btn:after {
  content: none;
  display: none;
}
.module-onepage-navigation .btn.active {
  display: none;
}
.module-onepage-navigation .btn:hover {
  color: var(--color-white);
}
@media only screen and (max-width: 59.999rem) {
  .module-onepage-navigation .btn {
    display: none;
  }
}
#right-custom:has(.mod_article) .module-onepage-navigation .btn {
  display: none;
}
@media only screen and (max-width: 59.999rem) {
  #right-custom:has(.mod_article) .mod_article {
    display: none;
  }
}
/* Import all variables */
.content-rsce-openinghours--intro {
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
}
.content-rsce-openinghours--days {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  margin-block: 3rem;
  border-bottom: 1px solid var(--color-border);
}
.content-rsce-openinghours--row {
  display: grid;
  gap: 0 var(--grid-column-gap);
  grid-template-columns: repeat(12, 1fr);
  padding-block: 2rem;
  border-top: 1px solid var(--color-border);
}
@media only screen and (min-width: 60rem) {
  .content-rsce-openinghours--row {
    grid-template-columns: repeat(7, 1fr);
  }
}
.content-rsce-openinghours--day {
  font-weight: 500;
  grid-column: 1/5;
}
@media only screen and (min-width: 60rem) {
  .content-rsce-openinghours--day {
    grid-column: 1/3;
  }
}
.content-rsce-openinghours--time {
  grid-column: 6/13;
  text-align: right;
}
@media only screen and (min-width: 60rem) {
  .content-rsce-openinghours--time {
    grid-column: 3/5;
  }
}
.content-rsce-openinghours--time br {
  content: "";
  display: block;
  height: 0.75em;
}
.content-rsce-openinghours--outro {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.page404 {
  position: relative;
  display: flex;
  flex-direction: column;
}
.page404_bg {
  font-size: 240px;
  color: var(--color-primary-40);
  line-height: 0.85;
  width: fit-content;
}
.page404_text {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  letter-spacing: var(--heading-5xl-ls);
  color: var(--brand-blue-120);
  position: absolute;
  right: 0;
  bottom: 20px;
}
.content-rsce-pageteaser.layout_list2 {
  grid-column: 1/span 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-gap);
  container: list2/inline-size;
}
.content-rsce-pageteaser.layout_list2:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--title,
.content-rsce-pageteaser.layout_list2:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--ul {
  flex-basis: 100%;
  width: 100%;
}
@media only screen and (min-width: 60rem) {
  .content-rsce-pageteaser.layout_list2:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--title,
  .content-rsce-pageteaser.layout_list2:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--ul {
    flex-basis: 50%;
  }
}
.content-rsce-pageteaser.layout_list2 .content-rsce-pageteaser--title .content-headline {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  letter-spacing: var(--heading-4xl-ls);
}
.content-rsce-pageteaser.layout_list2 .content-rsce-pageteaser--ul {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 4px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@container (min-width: 680px) {
  .content-rsce-pageteaser.layout_list2 .content-rsce-pageteaser--ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.content-rsce-pageteaser.layout_list2 .content-rsce-pageteaser--li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-rsce-pageteaser.layout_list2 a {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  padding: 2.5rem 2rem;
  font-weight: 500;
  height: 100%;
  line-height: 1.3;
  background-color: var(--brand-blue-20);
  color: var(--blue-100);
  transition: var(--transtime-fast) background-color;
  border-radius: var(--radius-s);
  min-height: 92px;
}
.content-rsce-pageteaser.layout_list2 a:hover {
  background-color: var(--brand-blue-40);
}
.content-rsce-pageteaser.layout_list2 a:before {
  display: block;
}
@layer base {
  .content-rsce-pageteaser.layout_list2 a:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='%23004470'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='%23004470'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.content-rsce-pageteaser.layout_list2 a:before {
  flex: 0 0 36px;
}
@layer base {
  #right-custom .content-rsce-pageteaser.layout_list2 a:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='%23004470'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='%23004470'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
#right-custom .content-rsce-pageteaser.layout_list2 a:before {
  flex: 0 0 24px;
}
.content-rsce-pageteaser.layout_list {
  grid-column: 1/span 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-gap);
}
@media only screen and (min-width: 60rem) {
  .content-rsce-pageteaser.layout_list {
    flex-direction: row;
  }
}
@media only screen and (min-width: 64rem) {
  .content-rsce-pageteaser.layout_list {
    grid-column: 2/span 10;
    flex-direction: row;
  }
}
@media only screen and (min-width: 75rem) {
  .content-rsce-pageteaser.layout_list {
    grid-column: 3/span 8;
    flex-direction: row;
  }
}
#prefooter .content-rsce-pageteaser.layout_list {
  padding-block-end: 8rem;
}
.content-rsce-pageteaser.layout_list:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--title,
.content-rsce-pageteaser.layout_list:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--ul {
  flex-basis: 100%;
  width: 100%;
}
@media only screen and (min-width: 60rem) {
  .content-rsce-pageteaser.layout_list:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--title,
  .content-rsce-pageteaser.layout_list:has(> .content-rsce-pageteaser--title) .content-rsce-pageteaser--ul {
    flex-basis: 50%;
  }
}
.content-rsce-pageteaser.layout_list .content-rsce-pageteaser--title .content-headline {
  font-size: var(--heading-4xl-fs);
  font-weight: var(--heading-4xl-fw);
  line-height: var(--heading-4xl-lh);
  letter-spacing: var(--heading-4xl-ls);
}
.content-rsce-pageteaser.layout_list .content-rsce-pageteaser--ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--color-border);
}
#right-custom .content-rsce-pageteaser.layout_list .content-rsce-pageteaser--ul {
  border-top: 1px solid var(--color-border);
}
.content-rsce-pageteaser.layout_list .content-rsce-pageteaser--li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-rsce-pageteaser.layout_list a {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  padding-block: 2rem;
  border-bottom: 2px solid var(--color-border);
  font-weight: 500;
  line-height: 1.2;
  color: var(--blue-100);
  transition: var(--transtime-fast) color;
}
#right-custom .content-rsce-pageteaser.layout_list a {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  font-weight: 500;
  gap: 1rem;
  padding-block: 1.75rem;
  border-bottom: 1px solid var(--color-border);
}
.content-rsce-pageteaser.layout_list a:hover {
  color: var(--brand-blue-100);
}
.content-rsce-pageteaser.layout_list a:before {
  display: block;
}
@layer base {
  .content-rsce-pageteaser.layout_list a:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='%23004470'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='%23004470'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.content-rsce-pageteaser.layout_list a:before {
  flex: 0 0 36px;
}
@layer base {
  #right-custom .content-rsce-pageteaser.layout_list a:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='40'%20height='40'%20rx='20'%20stroke='%23004470'%20stroke-width='2'/%3e%3cpath%20d='M20.2235%2011.1646L19.2954%2012.0926C19.0757%2012.3123%2019.0757%2012.6685%2019.2954%2012.8882L26.5671%2020.1598L10.5625%2020.1598C10.2519%2020.1598%2010%2020.4117%2010%2020.7223L10%2022.0348C10%2022.3455%2010.2519%2022.5973%2010.5625%2022.5973L26.5671%2022.5973L19.2954%2029.869C19.0757%2030.0887%2019.0757%2030.4448%2019.2954%2030.6646L20.2235%2031.5926C20.4431%2031.8122%2020.7993%2031.8122%2021.019%2031.5926L30.8353%2021.7763C31.0549%2021.5567%2031.0549%2021.2005%2030.8353%2020.9808L21.019%2011.1645C20.7993%2010.9449%2020.4432%2010.9449%2020.2235%2011.1646Z'%20fill='%23004470'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
#right-custom .content-rsce-pageteaser.layout_list a:before {
  flex: 0 0 24px;
}
.content-rsce-pageteaser.layout_card {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser-content {
  padding: 5rem 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 5rem;
  height: 100%;
  justify-content: space-between;
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser-content > * {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser-title {
  color: var(--blue-100);
  hyphens: auto;
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser-text {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-3 {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-3 {
    grid-column: span 6/span 6;
  }
}
@media only screen and (min-width: 64rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-3 {
    grid-column: span 4/span 4;
  }
}
@media only screen and (min-width: 75rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-3 {
    grid-column: span 3/span 3;
  }
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-4 {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-4 {
    grid-column: span 6/span 6;
  }
}
@media only screen and (min-width: 64rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-4 {
    grid-column: span 4/span 4;
  }
}
.content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-6 {
  grid-column: span 12/span 12;
}
@media only screen and (min-width: 40rem) {
  .content-rsce-pageteaser.layout_card .content-rsce-pageteaser--teaser.col-6 {
    grid-column: span 6/span 6;
  }
}
.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;
}
.content-rsce-person .image_container {
  display: block;
  overflow: hidden;
  border-radius: 500px;
}
.content-rsce-person .ce_rsce_buttonbox {
  margin-top: var(--space-md);
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
#prefooter {
  position: relative;
  z-index: 10;
  margin-block-end: -8rem;
}
#prefooter .mod_article {
  padding-inline: 0;
}
/* Import all variables */
/* ------------------------------------
    layout
------------------------------------- */
#search {
  position: fixed;
  inset: 0;
  z-index: 1000;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transition: opacity var(--transtime-fast);
  background-color: color-mix(in hsl, var(--color-white) 95%, transparent);
  backdrop-filter: blur(20px);
}
#search.active {
  opacity: 1;
  pointer-events: all;
}
body:has(#search.active) {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
#search .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;
}
#search .inside > :not([class*=col-]) {
  grid-column: span 12/span 12;
}
#search .inside {
  width: 100%;
  height: 100%;
  position: relative;
}
/* ------------------------------------
    Searchform
------------------------------------- */
.search {
  display: flex;
  flex-direction: column;
  place-items: center;
  justify-content: center;
  container-type: inline-size;
  container-name: search-container;
  margin-block: 5rem;
}
.search--close {
  position: absolute;
  top: calc(var(--grid-column-gap) + 2px);
  right: var(--grid-outer-gutter);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  padding: 14px;
  width: 52px;
  height: 52px;
  background-color: var(--blue-100);
  color: var(--color-white);
  line-height: 1;
  transition: var(--transtime-fast) background-color;
}
.search--result {
  transition: opacity var(--transtime-fast), max-height var(--transtime-fast);
  width: 100%;
}
.search--result.loading {
  opacity: 0;
}
.search--headline {
  font-size: var(--heading-5xl-fs);
  font-weight: var(--heading-5xl-fw);
  line-height: var(--heading-5xl-lh);
  letter-spacing: var(--heading-5xl-ls);
  color: var(--color-black);
}
.search form {
  width: 50%;
  min-width: 380px;
}
.search .error-message {
  width: 50%;
  min-width: 380px;
  margin-block: 5rem;
  color: var(--color-error);
  margin-inline: auto;
  font-weight: 500;
}
.search--icon {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  color: var(--blue-100);
}
.search--icon svg {
  width: 3.75rem;
  height: 3.75rem;
}
.search mark {
  background-color: var(--brand-yellow-40);
  padding-inline: 0.2em;
}
/* ------------------------------------
    Results
------------------------------------- */
.modalsearch--inner {
  display: flex;
  justify-content: center;
  gap: 80px;
  width: 100%;
  margin-block-start: 12rem;
  padding-block-end: 20rem;
}
.modalsearch--results {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(60% - 40px);
  gap: 3rem;
  min-width: 0;
}
.modalsearch--results:not(:has(.modalsearch--result)) {
  display: none;
}
.modalsearch--result {
  padding-block: 3rem 0;
  border-top: 2px solid var(--color-border);
}
.modalsearch--result:last-child {
  border-bottom: 2px solid var(--color-border);
  padding-block-end: 3rem;
}
.modalsearch--result-title {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
  margin-block-end: 1rem;
  color: var(--blue-100);
}
.modalsearch--result-text {
  margin-block-end: 3rem;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.modalsearch--result-url {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  color: var(--blue-100);
}
.modalsearch--formulars {
  flex: 0 0 calc(40% - 40px);
  height: fit-content;
  min-width: 0;
  padding: 7.5rem 5rem;
}
.modalsearch--formulars:not(:has(.content-formular-list--item)) {
  display: none;
}
.modalsearch--formulars-title {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
  margin-block-end: 2rem;
}
.modalsearch--formulars .content-formular-list--title {
  font-size: 18px;
}
.modalsearch--formulars .content-formular-list--empty {
  display: none;
}
.search--result:not(:has(.modalsearch--result)) .modalsearch--formulars {
  width: 50%;
  min-width: 380px;
  flex: 0 0 50%;
}
hr {
  color: var(--color-border);
  height: 1px;
}
.mod_sitemap ul,
.mod_sitemap li {
  margin: 0;
  list-style: none;
}
.mod_sitemap ul:before,
.mod_sitemap li:before {
  display: none;
}
.mod_sitemap a {
  position: relative;
  color: var(--color-text);
  display: inline-block;
  margin-block-end: 1.5rem;
}
.mod_sitemap a:after {
  content: "";
  position: absolute;
  height: 2px;
  bottom: -6px;
  left: 0;
  right: 0;
  background: var(--brand-blue-100);
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
  border-radius: 2px;
  opacity: 0;
}
.mod_sitemap a.trail, .mod_sitemap a.active, .mod_sitemap a:hover {
  color: var(--color-black);
}
.mod_sitemap a.trail:after, .mod_sitemap a.active:after, .mod_sitemap a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
  opacity: 1;
}
.mod_sitemap ul.level_1 > li {
  display: flex;
  gap: 5rem;
  border-top: 2px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  margin-top: -2px;
  padding-block: 5rem;
}
@media only screen and (max-width: 47.999rem) {
  .mod_sitemap ul.level_1 > li {
    flex-direction: column;
    gap: 0;
  }
}
.mod_sitemap ul.level_1 > li > a {
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
@media only screen and (min-width: 48rem) {
  .mod_sitemap ul.level_1 > li > a {
    flex: 0 0 220px;
  }
}
.mod_sitemap ul.level_2 > li > a {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
  margin-block: 4rem 2rem;
  display: inline-block;
}
.mod_sitemap ul.level_2 > li:first-child > a {
  margin-block-start: 0;
}
.swiper-wrapper {
  -webkit-text-size-adjust: none;
}
.swiper-slide {
  width: auto;
}
.swiper-navigation {
  display: flex;
  gap: 2rem;
  justify-content: center;
}
.swiper-button-next, .swiper-button-prev {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0 !important;
  padding: 1.5rem;
  width: 52px;
  height: 52px;
  color: var(--blue-100);
}
.swiper-button-next .svg-icon, .swiper-button-prev .svg-icon {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
}
.swiper-button-next:disabled, .swiper-button-prev:disabled {
  color: var(--color-white);
}
.swiper-button-next:after, .swiper-button-prev:after {
  content: "";
  display: none;
}
.swiper-pagination {
  position: relative;
}
.content-formular-filter--close svg {
  width: 4rem;
  height: 4rem;
}
.content-formular-filter--canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  overflow: auto;
  padding: var(--grid-outer-gutter);
  background-color: var(--color-white);
  transition: opacity var(--transtime-medium), background-color var(--transtime-medium);
  pointer-events: none;
  visibility: hidden;
}
.filter_open .content-formular-filter--canvas {
  opacity: 1;
  overflow: auto;
  pointer-events: auto;
  visibility: visible;
  background-color: var(--color-white);
}
@media only screen and (min-width: 75rem) {
  .content-formular-filter--canvas {
    position: relative;
    inset: auto;
    overflow: visible;
    width: auto;
    height: auto;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}
.content-formular-filter--form {
  display: flex;
  flex-direction: column;
  padding-block-end: 5rem;
  row-gap: 40px;
}
@media only screen and (min-width: 75rem) {
  .content-formular-filter--form {
    row-gap: 80px;
  }
}
.content-formular-filter--form .widget-text {
  position: relative;
}
.content-formular-filter--form .widget-text:before {
  content: "";
  display: inline-block;
  vertical-align: sub;
  border: none;
  transition: transform 0.2s ease-out;
  color: var(--color-primary);
  position: absolute;
  right: 16px;
  top: 19px;
  pointer-events: none;
  z-index: 1;
}
@layer base {
  .content-formular-filter--form .widget-text:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='currentColor'%20d='M15.864%2014.32h-.813l-.288-.277A6.66%206.66%200%200%200%2016.38%209.69a6.69%206.69%200%201%200-6.69%206.69%206.66%206.66%200%200%200%204.354-1.617l.278.289v.813L19.467%2021%2021%2019.467l-5.136-5.146Zm-6.174%200a4.625%204.625%200%200%201-4.632-4.63A4.625%204.625%200%200%201%209.69%205.058a4.625%204.625%200%200%201%204.63%204.632%204.625%204.625%200%200%201-4.63%204.63Z'/%3e%3c/svg%3e");
    mask-repeat: no-repeat;
    background-color: currentColor;
    mask-size: contain;
  }
}
.content-formular-filter--search {
  width: 100%;
  margin-block: 8px;
  padding: 2.5rem 2rem;
  background-color: var(--color-white);
  min-height: 70px;
  outline: 2px solid var(--color-border);
  color: var(--color-black);
  cursor: text;
  transition: all var(--transtime-fast);
}
.content-formular-filter--search:focus, .content-formular-filter--search:hover {
  outline: 2px solid var(--color-primary);
}
.content-formular-filter--search[type=search] {
  margin-block-start: 0;
}
.content-formular-filter--search:not(:placeholder-shown) {
  outline: 2px solid var(--color-primary);
}
.content-formular-filter--category {
  display: flex;
  flex-direction: column;
}
.content-formular-filter--title {
  padding-block-end: 0.5rem;
  margin-block-end: 3rem;
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
  color: var(--color-black);
  border-bottom: 2px solid var(--color-border);
}
.content-formular-filter .widget-checkbox {
  margin: 0 0 2rem 0;
}
.content-formular-filter .widget-checkbox:last-child {
  margin-block-end: 0;
}
.content-formular-filter .widget-checkbox label {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  font-weight: 500;
}
.content-formular-filter--headline {
  margin-block-end: var(--space-l);
}
.content-formular-filter--headline-wrapper {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 75rem) {
  .content-formular-filter--headline-wrapper {
    display: none;
  }
}
.content-formular-filter--toggle {
  margin-block-end: 5rem;
}
@media only screen and (min-width: 75rem) {
  .content-formular-filter--toggle {
    display: none;
  }
}
.content-formular-filter--toggle .btn__title {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.content-formular-filter--apply {
  position: sticky;
  bottom: 2rem;
  z-index: 1;
  width: fit-content;
  margin-block: var(--space-m);
  margin-inline: auto;
}
@media only screen and (min-width: 75rem) {
  .content-formular-filter--apply {
    display: none;
  }
}
.content-formular-list--search.active-filters .content-formular-list--group-title {
  display: block;
}
.content-formular-list--search.active-filters .content-formular-list--headline {
  margin-block-end: 1rem;
  font-size: var(--heading-3xl-fs);
  font-weight: var(--heading-3xl-fw);
  line-height: var(--heading-3xl-lh);
  letter-spacing: var(--heading-3xl-ls);
}
.content-formular-list--search.active-filters:has(.active[data-filter-headline]) .content-formular-list--headline-nofilter {
  display: none;
}
.content-formular-list--search .content-formular-list--headline-nofilter {
  margin-block-end: 2rem;
}
.content-formular-list--search .content-formular-list--group-title {
  display: none;
  margin-block: 10rem 2rem;
  font-size: var(--heading-xl-fs);
  font-weight: var(--heading-xl-fw);
  line-height: var(--heading-xl-lh);
  letter-spacing: var(--heading-xl-ls);
}
.content-formular-list--search .content-formular-list--filter-description {
  display: none;
  padding: 10rem 5rem;
  margin-block: 10rem 2rem;
  background-color: var(--neutral-10);
  border-radius: 2.5rem;
  font-size: var(--body-fs);
  font-weight: var(--body-fw);
  line-height: var(--body-lh);
  letter-spacing: var(--body-ls);
  gap: 5rem;
  align-items: center;
}
.content-formular-list--search .content-formular-list--filter-description.active {
  display: flex;
}
.content-formular-list--search .content-formular-list--filter-description-text {
  flex: 0 0 65%;
}
.content-formular-list--search .content-formular-list--filter-description-btn {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.content-formular-list--search:has(.content-formular-list--headline.active) .content-formular-list--sections {
  display: none;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.content-formular-list {
  display: flex;
  flex-direction: column;
}
.content-formular-list .content-headline {
  margin-bottom: var(--grid-column-gap);
}
.content-formular-list {
  /* ------------------------------------
      if filter is present
  ------------------------------------- */
}
.content-formular-list:has(.content-formular-filter) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--grid-column-gap);
}
.content-formular-list:has(.content-formular-filter) .content-formular-filter {
  grid-column: span 12;
}
@media only screen and (min-width: 75rem) {
  .content-formular-list:has(.content-formular-filter) .content-formular-filter {
    grid-column: span 3;
  }
}
.content-formular-list:has(.content-formular-filter) .content-formular-list--items {
  grid-column: span 12;
}
@media only screen and (min-width: 75rem) {
  .content-formular-list:has(.content-formular-filter) .content-formular-list--items {
    grid-column: span 8/span 8;
    grid-column-start: 5;
  }
}
.content-formular-list .content-formular-list--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-end: 3rem;
  color: var(--color-error);
  font-weight: 500;
  padding-block: 2rem;
  border-block: 1px var(--color-border) solid;
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
  letter-spacing: var(--body-l-ls);
}
.content-formular-list .content-formular-list--empty .btn {
  margin-block-end: 2rem;
}
.content-formular-list:has([data-filter-item-visible=true]) .content-formular-list--empty {
  display: none;
}
.content-formular-list--item {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 1rem;
  padding-block: 2rem;
  padding-inline: 1rem;
  border-block: 1px var(--color-border) solid;
  margin-bottom: -1px;
  transition: background-color var(--transtime-fast);
}
.content-formular-list--item:hover {
  background-color: var(--brand-blue-10);
}
.content-formular-list--item:hover .content-formular-list--title {
  color: var(--blue-80);
}
.content-formular-list--item[data-filter-item-visible=false] {
  display: none;
}
.content-formular-list--item:last-of-type {
  border-bottom: 1px var(--color-border, #cfd5db) solid;
}
.content-formular-list--icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.content-formular-list--icon svg {
  width: 100%;
  height: 100%;
  color: var(--brand-blue-100);
}
.content-formular-list--title {
  color: var(--blue-100);
  font-weight: 500;
  transition: color var(--transtime-fast);
}
.content-formular-list--area {
  color: var(--neutral-90);
  font-size: var(--body-xxs-fs);
  font-weight: var(--body-xxs-fw);
  line-height: var(--body-xxs-lh);
  letter-spacing: var(--body-xxs-ls);
}
.content-formular-list--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content-formular-list--sorting {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-block-end: 2rem;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  font-weight: 500;
}
.content-formular-list--sorting button {
  display: flex;
  align-items: center;
  gap: 0.25em;
  color: var(--neutral-80);
}
.content-formular-list--sorting button:hover {
  color: var(--brand-blue-100);
}
.content-formular-list--sorting button.active {
  color: var(--blue-100);
}
.content-formular-list--sorting button[data-sort=desc] svg {
  transform: rotate(180deg);
}
.content-formular-list--sorting button svg {
  transition: transform var(--transtime-fast);
  transform-origin: center;
}
.content-formular-list--sections {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  align-items: center;
  gap: 1rem;
}
.content-formular-list--type-tag {
  display: flex;
  place-items: center;
  padding: 0.5rem 1.5rem;
  background-color: var(--brand-blue-20);
  color: var(--blue-100);
  border-radius: 4rem;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.mod_article__background-color-primary .content-formular-list--type-tag {
  color: #002943;
}
.content-formular-list_button--items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.content-formular-list_button--item {
  white-space: nowrap;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.content-formular-single .content-headline {
  margin-bottom: 2rem;
}
.content-table {
  max-width: 100%;
  container: table/inline-size;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.content-table table {
  width: 100%;
  container: max-width;
  table-layout: fixed;
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
}
.content-table thead tr {
  border-top: none;
}
.content-table thead tr th {
  vertical-align: bottom;
}
.content-table tbody {
  background-color: var(--color-white);
}
.content-table th,
.content-table td {
  padding-block: 2rem;
}
.content-table th {
  font-weight: 500;
  padding-inline-start: 2rem;
}
.content-table th:first-child {
  padding-inline-start: 0;
}
.content-table td {
  padding-inline-start: 2rem;
}
.content-table td:first-child {
  padding-inline-start: 0;
}
.content-table tr {
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
@container (max-width: 600px) {
  .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: 0;
    border-top: 1px solid var(--color-border);
  }
  .content-table tr {
    display: flex;
    flex-direction: column;
    padding-block: 2rem;
    border-top: none;
  }
  .content-table th,
  .content-table td {
    padding-block: 0;
    padding-inline-start: 0;
  }
  .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: 5rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  border-bottom: 2px solid var(--color-border);
  font-weight: 500;
}
.ce_tabs-nav .nav-item {
  margin-bottom: -2px;
}
.ce_tabs-nav .nav-link {
  display: block;
  padding: 1rem 0;
  cursor: pointer;
  color: var(--color-text);
  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-primary);
  border-bottom: 2px solid var(--color-primary);
}
.ce_tabs .tab-pane {
  display: none;
}
.ce_tabs .tab-pane.active-tab {
  display: block;
  margin-top: var(--space-md);
}
.content-text {
  max-width: 1155px;
}
.justify-center .content-text {
  text-align: center;
}
.content-text .content-text--formulars-container, .content-text--button-container {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-xs);
  row-gap: var(--space-xxs);
}
.content-text .content-text--formulars-container .content-text, .content-text--button-container .content-text {
  margin-block: 0;
}
.content-text * + .rte {
  margin-block-start: 2rem;
}
.content-text.media--right {
  max-width: 100%;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-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;
}
.content-text figure {
  display: inline-block;
  overflow: hidden;
  border-radius: 0;
}
.text--xs {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  margin-block-end: var(--space-3xs);
}
.text--sm {
  font-size: var(--body-s-fs);
  font-weight: var(--body-s-fw);
  line-height: var(--body-s-lh);
  letter-spacing: var(--body-s-ls);
  margin-block-end: var(--space-3xs);
}
.text--lg {
  font-size: var(--body-l-fs);
  font-weight: var(--body-l-fw);
  line-height: var(--body-l-lh);
  letter-spacing: var(--body-l-ls);
}
.text--center {
  text-align: center;
}
.rte strong,
.rte b {
  font-weight: 600;
}
.rte.align-center {
  text-align: center;
  margin-inline: auto;
}
.rte.align-right {
  text-align: center;
  margin-inline-start: auto;
}
.rte p + p {
  margin-block-start: 2rem;
}
.rte table + h2,
.rte ul + h2,
.rte p + h2 {
  margin-top: var(--space-lg);
}
.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);
}
.rte ul li {
  position: relative;
  list-style: none;
  padding-left: 2.5rem;
  margin-block: 1rem;
}
.rte ul li:before {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: var(--color-primary);
  top: 1.4rem;
  left: 0.5rem;
}
.rte ul.text--xs li {
  padding-left: 2rem !important;
}
.rte ul.text--xs li:before {
  width: 0.7rem !important;
  height: 0.7rem !important;
  top: 1.05rem !important;
}
.rte ul.text--sm li {
  padding-left: 2rem !important;
}
.rte ul.text--sm li:before {
  width: 0.8rem !important;
  height: 0.8rem !important;
  top: 1.2rem !important;
}
.rte ul.text--lg li:before {
  top: 1.7rem !important;
}
.rte ol {
  list-style: none;
  counter-reset: custom-counter;
  padding-left: 0;
  position: relative;
}
.rte ol:before {
  content: "";
  display: block;
  width: 3px;
  background: var(--color-border);
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 15px;
}
.rte ol li {
  counter-increment: custom-counter;
  padding-left: 5rem;
  margin-block: 3rem;
  position: relative;
}
.rte ol li:before {
  content: " " counter(custom-counter) ".";
  position: absolute;
  left: 0;
  top: -1px;
  width: 4rem;
  height: 4rem;
  text-align: center;
  background: var(--color-primary);
  border-radius: 50%;
  color: var(--color-white);
  font-weight: bold;
  font-size: 0.7em;
  line-height: 4rem;
}
.ce_rsce_topic {
  padding-block-end: 1rem;
  margin-block-start: 5rem;
}
@media only screen and (min-width: 75rem) {
  .ce_rsce_topic {
    margin-block-start: 10rem;
  }
}
.rsce-topic__headline {
  font-size: var(--heading-l-fs);
  font-weight: var(--heading-l-fw);
  line-height: var(--heading-l-lh);
  letter-spacing: var(--heading-l-ls);
  margin-block-end: 3rem;
}
.rsce-topic__topics {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.rsce-topic__link.btn-tag {
  font-size: var(--body-xs-fs);
  font-weight: var(--body-xs-fw);
  line-height: var(--body-xs-lh);
  letter-spacing: var(--body-xs-ls);
  font-weight: 500;
  min-height: auto;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.ce_toplink {
  text-align: right;
}
.ce_toplink a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%20fill='none'%3e%3cpath%20d='M76.1982%2045.7669L44.9986%2014.5672L13.7989%2045.7668L20.3832%2052.4472L40.3112%2032.5193L40.3112%2076.209L49.686%2076.209L49.686%2032.5193L69.614%2052.4472L76.1982%2045.7669Z'%20fill='currentColor'/%3e%3c/svg%3e");
  mask-size: contain;
  background-color: var(--color-white);
  width: 90px;
  height: 90px;
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
/* Import all variables */
.content-rsce-typeit--base {
  --ti-cursor-font-family: "inherit";
  --ti-cursor-font-weight: inherit;
  --ti-cursor-font-size: 1.2em;
  --ti-cursor-font-style: inherit;
  --ti-cursor-line-height: 10px;
  --ti-cursor-transform: translate(-45%);
  --ti-cursor-color: currentColor;
  position: relative;
  display: flex;
  align-items: baseline;
  max-width: 100%;
  line-height: 1.5;
}
.content-rsce-typeit .ti-cursor {
  font-weight: normal !important;
  color: var(--neutral-80) !important;
}
/* albert-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: italic;
  font-weight: 500;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: italic;
  font-weight: 600;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* albert-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Albert Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/bundles/app/fonts/albert-sans-v3-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
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);
  letter-spacing: var(--body-ls);
}
/**
use $comp/componentfolder/assets/myfile.svg to reference files in the component folder
 */
.content-player {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-inline: auto;
  background: var(--brand-blue-100);
  border-radius: var(--radius);
}
.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("data:image/svg+xml,%3csvg%20width='150'%20height='150'%20viewBox='0%200%20150%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M75%200C33.6%200%200%2033.6%200%2075C0%20116.4%2033.6%20150%2075%20150C116.4%20150%20150%20116.4%20150%2075C150%2033.6%20116.4%200%2075%200ZM56.25%20108.75V41.25L108.75%2075L56.25%20108.75Z'%20fill='white'%20fill-opacity='0.5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 20rem;
  background-position: center;
  filter: drop-shadow(0px 4.77px 14.311px rgba(10, 62, 99, 0.15));
  cursor: pointer;
  transform: scale(1);
  transition: transform var(--transtime), opacity var(--transtime);
}
@media only screen and (max-width: 39.999rem) {
  .content-player:after {
    background-size: 10rem;
  }
}
.content-player:hover:after {
  transform: scale(1.1);
}
.content-player.playing:after {
  opacity: 0;
}
.content-player video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
/**
use $comp/mycomponentfoldername/assets/myfile.svg to reference files in the component folder
 */
.content-youtube {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}
.content-youtube iframe {
  width: 100%;
  height: 100%;
  border-radius: var(--radius);
  aspect-ratio: 16/9;
}
@layer reset, base, components;