@layer default, layout, status;
@layer default {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   */
  html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    scroll-behavior: smooth;
    interpolate-size: allow-keywords;
  }
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }
  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
  }
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; /* 2 */
  }
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  b,
  strong {
    font-weight: bolder;
  }
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  /**
   * Add the correct font size in all browsers.
   */
  small {
    font-size: 80%;
  }
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  img {
    border-style: none;
  }
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  button,
  input { /* 1 */
    overflow: visible;
  }
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  button,
  select { /* 1 */
    text-transform: none;
  }
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  /**
   * Remove the inner border and padding in Firefox.
   */
  button::-moz-focus-inner,
  [type=button]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  /**
   * Restore the focus styles unset by the previous rule.
   */
  button:-moz-focusring,
  [type=button]:-moz-focusring,
  [type=reset]:-moz-focusring,
  [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  /**
   * Correct the padding in Firefox.
   */
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  progress {
    vertical-align: baseline;
  }
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  textarea {
    overflow: auto;
  }
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  [type=checkbox],
  [type=radio] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  [type=number]::-webkit-inner-spin-button,
  [type=number]::-webkit-outer-spin-button {
    height: auto;
  }
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  [type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }
  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  template {
    display: none;
  }
  /**
   * Add the correct display in IE 10.
   */
  [hidden] {
    display: none;
  }
  @font-face {
    font-family: "GlamourAbsoluteRegular";
    src: url("../fonts/glamour-absolute-regular.woff2") format("woff2"), url("../fonts/glamour-absolute-regular.woff") format("woff");
  }
  /* jost-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: "Jost";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/jost-v20-latin-regular.woff2") format("woff2"), url("../fonts/jost-v20-latin-regular.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  /* jost-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: "Jost";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/jost-v20-latin-700.woff2") format("woff2"), url("../fonts/jost-v20-latin-700.ttf") format("truetype"); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  :root {
    --clr-bg-primary: hsla( 0, 0%, 85%, 0);
    --clr-bg-footer: hsla( 119, 25%, 36%, 1);
    --clr-bg-green: hsla( 120, 13%, 92%, 1);
    --clr-gras-green: hsla( 120, 13%, 81%, 1);
    --clr-txt-primary: hsla(0, 0%, 0%, 0.9);
    --clr-txt-secondary: hsla(119, 25%, 36%, 1);
    --clr-txt-tertiary: hsla(36, 100%, 48%, 1);
    --clr-black: rgba( 0, 0, 0, 1);
    --clr-white: rgba( 255, 255, 255, 1);
    --clr-hl-primary: hsla( 119, 25%, 36%, 1);
    --clr-hl-hero: hsla( 0, 0%, 100%, 1);
    --clr-txt-footer: rgba( 255, 255, 255, 1);
    --clr-nav-status: rgba( 255, 255, 255, 1);
    --clr-txt-inverted: rgba( 255, 255, 255, 1);
    --clr-border: rgba( 229, 229, 229, 1);
    --clr-hdr-bg: hsla( 0, 0%, 100%, 0.75);
    --clr-hdr-txt: hsla( 0, 0%, 0%, 0.9);
    --clr-grey-40: hsla(0, 0%, 0%, 0.4);
    --font-primary: Jost, sans-serif;
    --font-secoundary: "GlamourAbsoluteRegular" ,serif;
    --font-size: 16px;
    --font-lh: normal;
    --font-wght: 400;
    --base-spacing: calc( var(--font-size) * 2);
    --base-wrapper: 1660px;
  }
  * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-hyphens: auto;
        hyphens: auto;
    word-break: auto-phrase;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  html, body {
    font-size: var(--font-size, 15px);
  }
  [class*=content-] ul,
  [class^=ce_] ul {
    -webkit-padding-start: 2rem;
            padding-inline-start: 2rem;
    font-size: var(--fsz-p, 1.5rem);
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }
  .prevent-scrolling {
    overflow: hidden;
  }
  .invisible {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .clearfix {
    clear: both;
    content: "";
    display: table;
  }
  img:not([src$=".svg"]) {
    display: block;
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
  }
  img[src$=".svg"] {
    max-width: 100%;
    height: auto;
  }
  img.img-gallery {
    width: auto;
  }
  figure {
    margin: 0;
    padding: 0;
  }
  .media--right::after {
    content: "";
    clear: both;
    display: table;
  }
  .media--right figure {
    float: right;
    max-width: calc(50% - var(--base-spacing) / 2);
    margin-left: var(--base-spacing);
  }
  .media--left::after {
    content: "";
    clear: both;
    display: table;
  }
  .media--left figure {
    float: left;
    max-width: calc(50% - var(--base-spacing) / 2);
    margin-right: var(--base-spacing);
  }
  .media--below figure {
    margin: var(--base-spacing) 0;
  }
  .pt-1 {
    padding-top: var(--ptb-1, 1rem);
  }
  .pt-2 {
    padding-top: var(--ptb-2, 2rem);
  }
  .pt-4 {
    padding-top: var(--ptb-4, 4rem);
  }
  .pt-6 {
    padding-top: var(--ptb-6, 6rem);
  }
  .pb-1 {
    padding-bottom: var(--ptb-1, 1rem);
  }
  .pb-2 {
    padding-bottom: var(--ptb-2, 2rem);
  }
  .pb-4 {
    padding-bottom: var(--ptb-4, 4rem);
  }
  .pb-6 {
    padding-bottom: var(--ptb-6, 6rem);
  }
  .mt-1 {
    margin-top: var(--mtb-1, 1rem);
  }
  .mt-2 {
    margin-top: var(--mtb-2, 2rem);
  }
  .mt-4 {
    margin-top: var(--mtb-4, 4rem);
  }
  .mt-6 {
    margin-top: var(--mtb-6, 6rem);
  }
  .mb-1 {
    margin-bottom: var(--mtb-1, 1rem);
  }
  .mb-2 {
    margin-bottom: var(--mtb-2, 2rem);
  }
  .mb-4 {
    margin-bottom: var(--mtb-4, 4rem);
  }
  .mb-6 {
    margin-bottom: var(--mtb-6, 6rem);
  }
  .img-rounded {
    border-radius: 1.25rem;
  }
  .inverted {
    color: var(--clr-txt-inverted);
    --clr-hl-primary: var(--clr-txt-inverted);
    --clr-txt-primary: var(--clr-txt-inverted);
    background-color: transparent;
  }
  .zentriert {
    text-align: center;
  }
  h1, h2, h3, h4, h5, h6, text-component, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "GlamourAbsoluteRegular", serif;
    line-height: normal;
    word-wrap: break-word;
    color: var(--clr-hl-primary);
    font-weight: 400;
  }
  h1,
  .h1 {
    font-size: var(--fsz-h1, 6.875rem);
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 2.25rem;
            margin-block-end: 2.25rem;
  }
  h2,
  .h2 {
    font-size: var(--fsz-h2, 5rem);
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }
  h3,
  .h3 {
    font-size: var(--fsz-h3, 3.625rem);
    -webkit-margin-after: 1.25rem;
            margin-block-end: 1.25rem;
  }
  h4,
  .h4 {
    font-size: var(--fsz-h4, 1.5rem);
  }
  h5,
  .h5 {
    font-size: var(--fsz-h5, 1.333rem);
  }
  h6,
  .h6 {
    font-size: var(--fsz-h6, 1.2rem);
  }
  p {
    font-size: var(--fsz-p, 1.5rem);
    color: inherit;
    margin-bottom: 15px;
  }
  p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: 30px;
  }
  .text-component > *:first-child {
    margin-top: 0;
  }
  .text-component > *:last-child {
    margin-bottom: 0;
  }
  .font-size-xxxxxl, .font-size-xxxxxl p {
    font-size: 6.667rem;
    line-height: 1.5;
  }
  .font-size-xxxxl, .font-size-xxxxl p {
    font-size: 5.667rem;
    line-height: 1.5;
  }
  .font-size-xxxl, .font-size-xxxl p {
    font-size: 5rem;
    line-height: 1.5;
  }
  .font-size-xxl, .font-size-xxl p {
    font-size: 4.333rem;
    line-height: 1.5;
  }
  .font-size-xl, .font-size-xl p {
    font-size: 3.667rem;
    line-height: 1.5;
  }
  .font-size-l, .font-size-l p {
    font-size: 3rem;
    line-height: 1.5;
  }
  .font-size-m, .font-size-m p {
    font-size: 2.333rem;
    line-height: 1.5;
  }
  .font-size-s, .font-size-s p {
    font-size: 1.667rem;
    line-height: 1.5;
  }
  .font-size-xs, .font-size-xs p {
    font-size: 1.467rem;
    line-height: 1.5;
  }
  .font-size-xxs, .font-size-xxs p {
    font-size: 1.2rem;
    line-height: 1.8;
  }
  .font-size-xxxs, .font-size-xxxs p {
    font-size: 0.9333rem;
    line-height: 1.5;
  }
  .font-size-xxxxs, .font-size-xxxxs p {
    font-size: 0.8rem;
  }
  .font-size-xxxxxs, .font-size-xxxxxs p {
    font-size: 0.6667rem;
  }
  a {
    text-decoration: none;
    color: var(--clr-txt-primary);
  }
  a:hover {
    color: var(--clr-txt-secondary);
  }
  p:has(+ ul) {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@layer layout {
  body {
    font-size: var(--font-size);
    font-family: var(--font-primary);
    line-height: var(--font-lh);
    color: var(--clr-txt-primary);
  }
  #wrapper {
    -webkit-padding-before: var(--page-top, 0px);
            padding-block-start: var(--page-top, 0px);
    min-height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: -webkit-padding-before 0.5s ease-in-out;
    transition: -webkit-padding-before 0.5s ease-in-out;
    transition: padding-block-start 0.5s ease-in-out;
    transition: padding-block-start 0.5s ease-in-out, -webkit-padding-before 0.5s ease-in-out;
  }
  #wrapper #container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  main .inside .mod_article > .inside {
    --_wrapper: calc( calc( 100vw - var(--base-wrapper, 1600px) ) / 2 );
    display: -ms-grid;
    display: grid;
    grid-column-gap: 2rem;
    grid-auto-rows: auto;
    -ms-grid-columns: [full-width-start] 2rem minmax(0, var(--_wrapper)) 2rem [full-content-start] 2rem 1fr 2rem [break-out-start] 2rem 1fr 2rem [content-start] 2rem 8fr 2rem [content-end] 2rem 1fr 2rem [break-out-end] 2rem 1fr 2rem [full-content-end] 2rem minmax(0, var(--_wrapper)) 2rem [full-width-end];
    grid-template-columns: [full-width-start] minmax(0, var(--_wrapper)) [full-content-start] 1fr [break-out-start] 1fr [content-start] 8fr [content-end] 1fr [break-out-end] 1fr [full-content-end] minmax(0, var(--_wrapper)) [full-width-end];
  }
  main .inside .mod_article > .inside > *,
  main .inside .mod_article > .inside .content-small {
    grid-column: content;
  }
  main .inside .mod_article > .inside > *:not(:last-child),
  main .inside .mod_article > .inside .content-small:not(:last-child) {
    -webkit-padding-after: var(--_el-block-end, 4.25rem);
            padding-block-end: var(--_el-block-end, 4.25rem);
  }
  main .inside .mod_article > .inside .grid-spezialisten {
    grid-column: break-out;
  }
  main .inside .mod_article > .inside .full-width {
    grid-column: full-width;
  }
  main .inside .mod_article > .inside .full-content {
    grid-column: full-content;
  }
  main .inside .mod_article > .inside .break-out {
    grid-column: break-out;
  }
  @media all and (768px < width < 1440px) {
    main .inside .mod_article > .inside > *,
    main .inside .mod_article > .inside .content-small {
      grid-column: break-out;
    }
    main .inside .mod_article > .inside .full-width {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .full-content {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .break-out {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .grid-spezialisten {
      grid-column: full-content;
    }
  }
  @media all and (width < 768px) {
    main .inside .mod_article > .inside > *,
    main .inside .mod_article > .inside .content-small {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .full-width {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .full-content {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .break-out {
      grid-column: full-content;
    }
    main .inside .mod_article > .inside .grid-spezialisten {
      grid-column: full-content;
    }
  }
  .mod_article {
    position: relative;
    overflow: hidden;
  }
  .mod_article.hide-Content {
    --_pd-block: 0;
  }
  .mod_article .inside {
    position: relative;
    -webkit-padding-before: var(--_pda-start, var(--_pd-block, 7rem));
            padding-block-start: var(--_pda-start, var(--_pd-block, 7rem));
    -webkit-padding-after: var(--_pda-end, var(--_pd-block, 7rem));
            padding-block-end: var(--_pda-end, var(--_pd-block, 7rem));
  }
  .mod_article.centered > .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mod_article.green {
    background-color: var(--clr-bg-green, hsl(120, 13%, 92%));
  }
  .mod_article.light-green {
    background-color: var(--clr-bg-green, hsl(120, 13%, 92%));
  }
  .mod_article.wiese-klein-dark::before {
    content: url("../images/gras.svg");
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    max-width: 1024px;
  }
  .mod_article.wiese-klein {
    --_pda-end: 15rem;
  }
  .mod_article.wiese-klein::before {
    content: url("../images/gras_hell.svg");
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 100%;
    max-width: 1024px;
  }
  @media all and (width < 768px) {
    .mod_article.wiese-klein {
      --_pda-end: 12rem;
    }
  }
  .mod_article.wiese {
    --_pda-end: 24dvw;
  }
  .mod_article.wiese::before {
    content: url("../images/gras_full.svg");
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 100dvw;
  }
  #hero {
    --_cbie-mh: 50cqw;
  }
  #hero h1, #hero p, #hero .overhead {
    -webkit-margin-after: 0;
            margin-block-end: 0;
    color: var(--clr-white, #fff);
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  }
  #hero .mod_article > .inside {
    max-width: unset;
    --_pd-inline: 0;
    --_pd-block: 0;
  }
  #hero .rte {
    max-width: 90ch;
  }
  #hero p {
    font-size: var(--fsz-p-hero, 1.75rem);
  }
  #hero .hero-overlay {
    -webkit-margin-after: var(--_hero-ovly-mb, 7rem);
            margin-block-end: var(--_hero-ovly-mb, 7rem);
  }
  #hero .content-player {
    -webkit-margin-before: 120px;
            margin-block-start: 120px;
  }
  #hero .content-player video {
    width: 100%;
    height: auto;
  }
  @media all and (width < 60rem) {
    #hero {
      --_cbie-mh: 66cqw;
      --_pd-inner: 1.5rem;
    }
  }
  @media all and (width < 48rem) {
    #hero {
      --_cbie-mh: 90cqw;
    }
  }
  @media all and (width < 30rem) {
    #hero {
      --_cbie-mh: 120cqw;
    }
  }
  header {
    --_pd-inline: var(--base-spacing);
    --_max-width: var(--base-wrapper, 1600px);
    position: var(--_hdr-pos, fixed);
    top: var(--_hdr-top, 0);
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--clr-hdr-bg);
    backdrop-filter: blur(10px);
    -webkit-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
    /* width: min(100% - 4rem, 100ch); */
    /* margin-inline: auto; */
  }
  header .inside {
    padding-inline: var(--_pd-inline);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: var(--hdr-height, 120px);
    max-width: var(--_max-width);
    margin-inline: auto;
  }
  header .inside .content-image img {
    height: 100%;
    width: auto;
  }
  footer {
    background-color: var(--clr-bg-footer);
    --base-wrapper: 1330px;
  }
  footer .inside {
    color: var(--clr-white, #fff);
    max-width: var(--base-wrapper, 1660px);
    margin-inline: auto;
    padding-block: 4rem;
    padding-inline: var(--_pd-inline, 2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .inside .content-text {
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  @media all and (width < 1024px) {
    footer {
      --fsz-p: 1.125rem;
    }
  }
  @media all and (width < 900px) {
    footer .inside {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding-block: 3rem;
    }
  }
  .btn, .nav-toggle, .content-hyperlink.btn--secondary a, button.content-hyperlink.button-orange a, .content-hyperlink.btn--primary a, button.content-hyperlink.button-green a, button.content-hyperlink.submit a, button {
    --_btn-pd: 0.625rem 1.125rem;
    --_btn-brd-w: 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: var(--_btn-pd);
    margin-bottom: 1rem;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: var(--_btn-brd-w) solid;
    border-color: var(--clr-bdr, transparent);
    background: var(--clr-btn-bg, rgb(152, 152, 152));
    font-weight: 700;
    text-align: center;
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    font-size: var(--_fzs-btn, 1.25rem);
    color: var(--clr-btn, hsl(180, 7%, 15%));
    text-decoration: none;
  }
  .btn--primary, .content-hyperlink.btn--primary a, button.content-hyperlink.button-green a, button.content-hyperlink.submit a, button.submit, button.button-green {
    --clr-btn: var(--clr-txt-inverted);
    --clr-btn-bg: var(--clr-txt-secondary);
    --clr-bdr: var(--clr-txt-secondary);
  }
  .btn--primary:hover, .content-hyperlink.btn--primary a:hover, button.content-hyperlink.button-green a:hover, button.content-hyperlink.submit a:hover, button.submit:hover, button.button-green:hover, .btn--primary:active, .content-hyperlink.btn--primary a:active, button.content-hyperlink.button-green a:active, button.content-hyperlink.submit a:active, button.submit:active, button.button-green:active, .btn--primary:focus-visible, .content-hyperlink.btn--primary a:focus-visible, button.content-hyperlink.button-green a:focus-visible, button.content-hyperlink.submit a:focus-visible, button.submit:focus-visible, button.button-green:focus-visible {
    --clr-btn: var(--clr-txt-secondary);
    --clr-btn-bg: var(--clr-gras-green);
  }
  .btn--secondary, .content-hyperlink.btn--secondary a, button.content-hyperlink.button-orange a, button.button-orange {
    --clr-btn: var(--clr-txt-tertiary);
    --clr-btn-bg: var(--clr-txt-inverted);
    --clr-bdr: var(--clr-txt-tertiary);
  }
  .btn--secondary:hover, .content-hyperlink.btn--secondary a:hover, button.content-hyperlink.button-orange a:hover, button.button-orange:hover, .btn--secondary:active, .content-hyperlink.btn--secondary a:active, button.content-hyperlink.button-orange a:active, button.button-orange:active, .btn--secondary:focus-visible, .content-hyperlink.btn--secondary a:focus-visible, button.content-hyperlink.button-orange a:focus-visible, button.button-orange:focus-visible {
    --clr-btn: var(--clr-txt-inverted);
    --clr-btn-bg: var(--clr-txt-tertiary);
  }
  .btn--white {
    --clr-btn: var(--clr-txt-secondary);
    --clr-btn-bg: var(--clr-txt-inverted);
    --clr-bdr: var(--clr-txt-secondary);
  }
  .btn--white:hover, .btn--white:active, .btn--white:focus-visible {
    --clr-btn: var(--clr-txt-inverted);
    --clr-btn-bg: var(--clr-txt-secondary);
    --clr-bdr: var(--clr-txt-inverted);
  }
  .btn--mobile, .nav-toggle {
    --clr-btn: var(--clr-txt-inverted);
    --clr-btn-bg: var(--clr-txt-secondary);
    --clr-bdr: var(--clr-txt-secondary);
  }
  .btn--inactive {
    --clr-btn: var(--clr-grey-40);
    --clr-btn-bg: transparent;
    --clr-bdr: var(--clr-grey-40);
    cursor: unset;
  }
  .btn--big {
    --_fzs-btn: 1.5rem;
    --_btn-pd: calc( 1.25rem - var(--_btn-brd-w, 2px)) calc( 1.5rem - var(--_btn-brd-w, 2px));
  }
  .btn--small {
    --_btn-pd: calc( 1.0rem - var(--_btn-brd-w, 2px)) calc( 1.250rem - var(--_btn-brd-w, 2px));
  }
  button.submit {
    margin-bottom: 0;
  }
  .module-onepage-navigation ul.level_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3rem;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .module-onepage-navigation a, .module-onepage-navigation strong {
    font-size: var(--fsz-p, 1.5rem);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration-color: transparent;
  }
  .module-onepage-navigation a:hover,
  .module-onepage-navigation a:active,
  .module-onepage-navigation strong {
    text-decoration-color: var(--clr-green);
    text-decoration-line: underline;
    text-decoration-thickness: 5px;
    text-underline-offset: 10px;
  }
  .onepage_article {
    scroll-margin-top: var(--_smt, 120px);
  }
  nav.nav--footer {
    --_nav-gap: 2rem;
    --_nav-clr: var(--clr-txt-footer);
    --_nav_clr-status: var(--clr-nav-status);
  }
  nav.nav--footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--_nav-gap);
  }
  nav.nav--footer a, nav.nav--footer strong {
    color: var(--_nav-clr);
    font-size: calc(var(--fsz-p, 1.5rem) * 0.8181);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration-color: transparent;
  }
  nav.nav--footer a:active, nav.nav--footer a:focus-visible, nav.nav--footer a:hover, nav.nav--footer strong:active, nav.nav--footer strong:focus-visible, nav.nav--footer strong:hover {
    text-decoration-color: var(--_nav-clr);
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 8px;
  }
  .btn-toggle-submenu {
    all: revert;
    position: absolute;
    top: 6px;
    right: 0;
    width: var(--_nav-fzs);
    height: var(--_nav-fzs);
    border: none;
    background: none !important;
    color: currentColor !important;
    cursor: pointer;
    z-index: 1;
  }
  .btn-toggle-submenu:before, .btn-toggle-submenu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: currentColor;
  }
  .btn-toggle-submenu:before {
    height: 2px;
    width: 50%;
  }
  .btn-toggle-submenu:after {
    height: 50%;
    width: 2px;
    -webkit-transition: height 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1);
    transition: height 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1);
  }
  @media screen and (max-width: 1024px) {
    .btn-toggle-submenu {
      margin: auto;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 1em;
      height: 1em;
    }
    .btn-toggle-submenu:before {
      width: 75%;
    }
    .btn-toggle-submenu:after {
      height: 75%;
    }
  }
  .nav-mobile {
    --clr-btn-bg: var(--clr-black, #000000);
    --clr-btn: var(--clr-txt-inverted, #FFFFFF);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: var(--base-spacing, 1rem) var(--base-spacing, 1rem);
  }
  .nav-mobile .nav-mobil {
    --_nav-fzs: calc( var(--font-size, 1rem) * 1.25 );
  }
  .nav-mobile .nav-mobil :is(a, strong) {
    font-size: var(--_nav-fzs);
    line-height: 1.5;
    position: relative;
    display: block;
    -webkit-transition: color 0.2s ease-in-out, -webkit-text-decoration 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, -webkit-text-decoration 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, text-decoration 0.2s ease-in-out, -webkit-text-decoration 0.2s ease-in-out;
    color: var(--clr-white, #fff);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-decoration-color: transparent;
    text-underline-offset: 0.35em;
  }
  .nav-mobile .nav-mobil :is(a, strong).active {
    text-decoration-color: var(--clr-white, #fff);
  }
  .nav-mobile .nav-mobil a:is(:hover, :focus) {
    color: var(--clr-white, #fff);
    text-decoration-color: var(--clr-white, #fff);
  }
  .nav-mobile .nav-mobil :is(a.trail, strong) {
    color: var(--clr-white, #fff);
  }
  .nav-mobile .nav-mobil ul.level_1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .nav-mobile .nav-mobil ul.level_1 ul :is(a, strong) {
    font-size: var(--_nav-fzs, 1rem);
    font-weight: normal;
  }
  .nav-mobile .nav-mobil ul.level_1 ul {
    margin-block: 0.5rem;
    -webkit-margin-start: 1rem;
            margin-inline-start: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }
  .nav-toggle {
    gap: 0.5rem;
    --_fzs-btn: 1.25rem;
    --_btn-pd: 0.5rem;
    min-width: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
    border-radius: 0.5rem;
  }
  .nav-toggle__box {
    /*display: none;*/
    grid-area: mainbar;
    text-align: right;
  }
  .nav-toggle__icon {
    position: relative;
    width: var(--base-spacing);
    height: var(--base-spacing);
    color: var(--clr-white, #fff);
  }
  @media only screen and (max-width: 600px) {
    .nav-toggle__text {
      display: none;
    }
  }
  .nav-toggle .icon-line {
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .nav-toggle .icon-line, .nav-toggle .icon-line:before, .nav-toggle .icon-line:after {
    position: absolute;
    left: 50%;
    height: 0.125em;
    width: var(--_fzs-btn);
    background: var(--clr-white, #fff);
    border-radius: 3rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .nav-toggle .icon-line:before, .nav-toggle .icon-line:after {
    z-index: 2;
    -webkit-transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: top 0.2s ease-in-out, bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    content: "";
  }
  .nav-toggle .icon-line:before {
    top: 0.4em;
  }
  .nav-toggle .icon-line:after {
    bottom: 0.4em;
  }
  .nav-toggle.is-active .icon-line {
    background: transparent;
  }
  .nav-toggle.is-active .icon-line:before {
    top: 0;
    -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
  }
  .nav-toggle.is-active .icon-line:after {
    bottom: 0;
    -webkit-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
  }
  .nav-toggle:hover {
    cursor: pointer;
  }
  .content-element-group {
    container-type: inline-size;
  }
  .content-element-group .wrapper {
    margin-inline: auto;
  }
  .content-element-group.generation .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3rem;
    max-width: 71rem;
  }
  @container ( width < 48rem) {
    .content-element-group.generation .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem;
    }
    .content-element-group.generation .wrapper .content-image {
      margin-inline: auto;
    }
  }
  .content-element-group.generation .wrapper .content-image {
    inline-size: min(45cqw, 300px);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .content-element-group.generation .wrapper .content-text {
    max-width: 70ch;
  }
  .content-element-group.handelsmarke .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--_gap, 3rem);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-element-group.handelsmarke .wrapper .content-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  @container ( 52rem < width < 80rem) {
    .content-element-group.handelsmarke .wrapper {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      --_gap: 3rem;
    }
    .content-element-group.handelsmarke .wrapper .ce_rsce_gridimages {
      width: calc(45cqi - 1.5rem);
      -ms-flex-negative: 1;
          flex-shrink: 1;
    }
    .content-element-group.handelsmarke .wrapper .content-text {
      width: calc(55cqi - 1.5rem);
      -ms-flex-negative: 1;
          flex-shrink: 1;
    }
  }
  @container ( width < 52rem) {
    .content-element-group.handelsmarke .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      max-width: 530px;
    }
  }
  .content-element-group.premium > .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--_gap, 3rem);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .content-element-group.premium > .wrapper .content-text {
    max-width: 82ch;
  }
  .content-element-group.premium > .wrapper .image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--_gap, 3rem);
    min-width: 23rem;
  }
  @container ( 48rem < width < 75rem) {
    .content-element-group.premium > .wrapper .image-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-inline: 3rem;
      min-width: 19rem;
    }
  }
  @container ( 23rem < width < 48rem ) {
    .content-element-group.premium > .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .content-element-group.premium > .wrapper .image-wrapper {
      width: 100%;
      -ms-flex-pack: distribute;
          justify-content: space-around;
    }
  }
  @container ( width < 23rem ) {
    .content-element-group.premium > .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .content-element-group.premium > .wrapper .image-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
    }
  }
  .overhead {
    display: block;
    text-transform: uppercase;
    font-family: var(--font-primary, "jost, sans-serif");
    color: var(--clr-txt-secondary);
    letter-spacing: 2px;
    line-height: normal;
    font-weight: 400;
    font-style: normal;
  }
  div:has(> .overhead + h2.t-center) .overhead,
  div:has(> .overhead + h2.t-center) .t-center {
    text-align: center;
  }
  div:has(> .overhead + h1) .overhead {
    color: inherit;
    font-size: var(--oh-h1, 40px);
  }
  div:has(> .overhead + h2) .overhead {
    font-size: var(--oh-h2, 40px);
  }
  div:has(> .overhead + h3) .overhead {
    font-size: var(--oh-h3, 30px);
    letter-spacing: 1.5px;
  }
  .content-background-image-element {
    position: relative;
    container-type: inline-size;
    background-color: transparent;
  }
  .content-background-image-element > figure img {
    position: absolute;
    inset: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    width: 100%;
    height: 100%;
  }
  .content-background-image-element .inner {
    max-width: var(--base-wrapper, 1660px);
    margin-inline: auto;
    min-height: var(--_cbie-mh, 60cqw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: var(--_pd-inner, 3rem);
    position: relative;
  }
  .ce_rsce_hl_text_link_image {
    container-type: inline-size;
  }
  .ce_rsce_hl_text_link_image .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: var(--_gap, 2rem);
  }
  @container ( 48rem < width < 71rem) {
    .ce_rsce_hl_text_link_image .wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 48.25rem;
      margin-inline: auto;
    }
  }
  @container ( 36rem < width < 48rem) {
    .ce_rsce_hl_text_link_image .wrapper {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      max-width: 48rem;
      margin-inline: auto;
    }
    .ce_rsce_hl_text_link_image .wrapper .item {
      max-width: calc(50cqw - 1rem);
    }
  }
  @container ( width < 36rem) {
    .ce_rsce_hl_text_link_image .wrapper {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-inline: auto;
      max-width: 30rem;
    }
    .ce_rsce_hl_text_link_image .wrapper img {
      max-width: unset;
      width: 100%;
    }
  }
  .ce_rsce_hl_text_link_image .item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 330px;
        flex-basis: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .ce_rsce_hl_text_link_image .item-image {
    -webkit-margin-after: 2rem;
            margin-block-end: 2rem;
  }
  .ce_rsce_hl_text_link_image .item-image picture {
    display: block;
    width: 100%;
    aspect-ratio: 330/360;
    border-radius: 1.25rem;
    overflow: hidden;
  }
  .ce_rsce_hl_text_link_image .item-image img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .ce_rsce_hl_text_link_image .item-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .ce_rsce_hl_text_link_image .item-content .headline {
    color: var(--clr-hl-primary, green);
    font-size: 1.75rem;
    font-weight: 700;
    -webkit-margin-after: 1rem;
            margin-block-end: 1rem;
  }
  .ce_rsce_hl_text_link_image .item:hover img, .ce_rsce_hl_text_link_image .item:focus-within img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .ce_rsce_gridimages {
    container-type: inline-size;
    max-width: 648px;
    width: 100%;
  }
  .ce_rsce_gridimages .grid-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    border-radius: 1.25rem;
    overflow: hidden;
    max-width: 648px;
    place-items: center;
  }
  @container ( width < 648px) {
    .ce_rsce_gridimages .grid-wrapper {
      --_main-col: calc( 61.7394cqw - 8px);
      --_side-col: calc( 38.2716cqw - 8px);
    }
  }
  .ce_rsce_gridimages .grid-wrapper.leftMain {
    -ms-grid-columns: var(--_main-col, 392fr) 1rem var(--_side-col, 240fr);
    grid-template-columns: var(--_main-col, 392fr) var(--_side-col, 240fr);
    -ms-grid-rows: auto 1rem auto;
        grid-template-areas: "main side1" "main side2";
  }
  .ce_rsce_gridimages .grid-wrapper.rightMain {
    -ms-grid-columns: var(--_side-col, 240fr) 1rem var(--_main-col, 392fr);
    grid-template-columns: var(--_side-col, 240fr) var(--_main-col, 392fr);
    -ms-grid-rows: auto 1rem auto;
        grid-template-areas: "side1 main" "side2 main";
  }
  .ce_rsce_gridimages .area_0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: main;
    height: 100%;
  }
  .ce_rsce_gridimages .area_1 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: side1;
  }
  .ce_rsce_gridimages .area_2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: side2;
  }
  .ce_rsce_gridimages .image img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    height: 100%;
  }
  .ce_rsce_leistungen {
    container-type: inline-size;
  }
  .ce_rsce_leistungen .wrapper {
    background-color: var(--clr-bg-footer, hsl(119, 25%, 36%));
    color: var(--clr-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 4rem var(--_gap, 2rem);
    gap: var(--_gap, 2rem);
    border-radius: 1.25rem;
    height: 100%;
  }
  @container ( 66rem < width < 71rem) {
    .ce_rsce_leistungen .wrapper {
      --_gap: 1.5rem;
    }
  }
  @container ( 30rem < width < 66rem) {
    .ce_rsce_leistungen .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 48rem;
      margin-inline: auto;
      --_gap: 4rem;
      --_img-mb: 2rem;
    }
    .ce_rsce_leistungen .wrapper .item {
      padding-inline: 0;
    }
    .ce_rsce_leistungen .wrapper .divider {
      width: 100%;
      height: 1px;
    }
  }
  @container ( width < 30rem) {
    .ce_rsce_leistungen .wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 48rem;
      margin-inline: auto;
      --_gap: 2.0rem;
      --_img-mb: 1rem;
    }
    .ce_rsce_leistungen .wrapper .item {
      padding-inline: 0;
    }
    .ce_rsce_leistungen .wrapper .divider {
      width: 100%;
      height: 1px;
    }
  }
  .ce_rsce_leistungen .divider {
    width: 1px;
    height: 100%;
    background: var(--clr-txt-tertiary);
  }
  .ce_rsce_leistungen .item {
    padding-inline: var(--_gap, 2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
  }
  .ce_rsce_leistungen .item-image {
    -webkit-margin-after: var(--_img-mb, 3rem);
            margin-block-end: var(--_img-mb, 3rem);
  }
  .ce_rsce_leistungen .item .overhead,
  .ce_rsce_leistungen .item h3 {
    color: var(--clr-white, #fff);
  }
  .ce_rsce_leistungen .item-content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 60ch;
  }
  .ce_rsce_leistungen .item .btn, .ce_rsce_leistungen .item button, .ce_rsce_leistungen .item .content-hyperlink.btn--primary a, .content-hyperlink.btn--primary .ce_rsce_leistungen .item a, .ce_rsce_leistungen .item button.content-hyperlink.button-green a, button.content-hyperlink.button-green .ce_rsce_leistungen .item a, .ce_rsce_leistungen .item button.content-hyperlink.submit a, button.content-hyperlink.submit .ce_rsce_leistungen .item a, .ce_rsce_leistungen .item .content-hyperlink.btn--secondary a, .content-hyperlink.btn--secondary .ce_rsce_leistungen .item a, .ce_rsce_leistungen .item button.content-hyperlink.button-orange a, button.content-hyperlink.button-orange .ce_rsce_leistungen .item a, .ce_rsce_leistungen .item .nav-toggle {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
@layer status {
  @media all and (1440px < width < 1900px) {
    :root {
      --base-wrapper: 1400px;
      --fsz-h1: 5.625rem;
      --fsz-h2: 4rem;
      --fsz-h3: 3rem;
      --oh-h1: 2.125rem;
      --oh-h2: 2.125rem;
      --oh-h3: 1.625rem;
      --fsz-p: 1.375rem;
      --fsz-p-hero: 1.5rem;
      --fsz-p-slider: 1.25rem;
      --_hero-ovly-mb: 3rem;
    }
  }
  @media all and (768px < width < 1440px) {
    :root {
      --base-wrapper: 100dvw;
      --fsz-h1: 4.375rem;
      --fsz-h2: 3.375rem;
      --fsz-h3: 3.125rem;
      --oh-h1: 1.75rem;
      --oh-h2: 1.75rem;
      --oh-h3: 1.5rem;
      --fsz-p: 1.375rem;
      --fsz-p-hero: 1.375rem;
      --fsz-p-slider: 1.125rem;
      --_hero-ovly-mb: 0rem;
    }
  }
  @media all and (390px < width < 768px) {
    :root {
      --base-wrapper: 100dvw;
      --fsz-h1: 3.5rem;
      --fsz-h2: 2.5rem;
      --fsz-h3: 2.1875rem;
      --oh-h1: 1.375rem;
      --oh-h2: 1.375rem;
      --oh-h3: 1.25rem;
      --fsz-p: 1.125rem;
      --fsz-p-hero: 1.125rem;
      --fsz-p-slider: 1.125rem;
      --_fzs-btn: 1.125rem;
      --_hero-ovly-mb: 0rem;
    }
  }
  @media all and (width < 391px) {
    :root {
      --base-wrapper: 100dvw;
      --fsz-h1: 2.5rem;
      --fsz-h2: 1.75rem;
      --fsz-h3: 1.5rem;
      --oh-h1: 1.5rem;
      --oh-h2: 1.5rem;
      --oh-h3: 1.1rem;
      --fsz-p: 1.0rem;
      --fsz-p-hero: 1.0rem;
      --fsz-p-slider: 1.0rem;
      --_fzs-btn: 1.125rem;
      --_hero-ovly-mb: 0rem;
    }
  }
  @media all and (width < 1024px) {
    .nav-toggle__box {
      display: block;
    }
    .nav-main {
      display: none;
    }
    .nav-mobile {
      position: fixed;
      top: 7rem;
      left: -100%;
      z-index: 50;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-margin-start: auto;
              margin-inline-start: auto;
      width: 100%;
      background: var(--clr-logo-yellow, green);
      -webkit-transition: left 0.2s ease-in-out;
      transition: left 0.2s ease-in-out;
    }
  }
  @media all and (width > 1024px) {
    .nav-mobile,
    .nav-toggle__box {
      display: none;
    }
  }
  body.nav-mobile--is-active {
    overflow-y: hidden;
  }
  body.is-sticky {
    --_hdr-top: 0px;
    --_hdr-pos: sticky;
    --hdr-height: 85px;
    --clr-hdr-bg: rgba(255, 255, 255, 0.95);
  }
  body.is-sticky header {
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  }
  body.is-sticky header a.logo {
    height: 60px;
  }
  .show-nav-mobile .nav-mobile {
    left: 0;
    overflow-y: auto;
  }
}
.swiper {
  --swiper-navigation-color: var(--clr-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 2rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  position: relative;
  margin-top: 0;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.swiper .content-background-image-element .inner {
  --_cbie-mh: 66cqi;
}
@container ( 40rem < width < 60rem) {
  .swiper .content-background-image-element .inner {
    --_cbie-mh: 90cqi;
    --_pdb-inner: 2.0rem;
    --_pdi-inner: 2.0rem;
    --_pd-inner: 2.0rem;
  }
}
@container ( width < 40rem) {
  .swiper .content-background-image-element .inner {
    --_cbie-mh: 120cqi;
    --_pdb-inner: 1.0rem;
    --_pdi-inner: 1.0rem;
    --_pd-inner: 1.0rem;
  }
}
@container ( width < 28rem) {
  .swiper .content-background-image-element .inner {
    --_cbie-mh: 135cqi;
  }
}
.swiper .content-background-image-element .inner {
  padding: var(--_pd-inner, 3rem);
}
.swiper .content-background-image-element .inner .content-text {
  background-color: #fff;
  padding: var(--base-spacing);
  text-align: left;
}
.swiper .content-background-image-element .inner .content-text.orange-slider {
  max-width: 80ch;
  padding-block: var(--_pdb-inner, 2rem);
  padding-inline: var(--_pdi-inner, 3rem);
}
.swiper .content-background-image-element .inner .content-text.orange-slider .overhead,
.swiper .content-background-image-element .inner .content-text.orange-slider h3 {
  color: var(--clr-txt-tertiary);
}
.swiper .content-background-image-element .inner .content-text.orange-slider p {
  font-size: var(--fsz-p-slider, 1.375rem);
}
.swiper .content-background-image-element .inner .content-text.orange-slider p:last-child {
  margin-bottom: 0;
}
/*# sourceMappingURL=app.css.map */