@charset "UTF-8";
:root {
  --vr-default-gap: 1rem;
}

/** Spacing **/
.spc_default {
  margin-bottom: 5rem !important;
}

.spc_paragraph {
  margin-bottom: 1.5rem !important;
}

/** Embedded content **/
audio,
canvas,
iframe,
img,
embed,
object,
svg,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/**********
 ** TEXT **
 **********/
/** Columns **/
.-text-columns-2 .rte,
.-text-columns-3 .rte {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: var(--vr-default-gap);
  -moz-column-gap: var(--vr-default-gap);
  column-gap: var(--vr-default-gap);
}
.-text-columns-2 .rte p, .-text-columns-2 .rte div, .-text-columns-2 .rte ul, .-text-columns-2 .rte ol, .-text-columns-2 .rte dl,
.-text-columns-3 .rte p,
.-text-columns-3 .rte div,
.-text-columns-3 .rte ul,
.-text-columns-3 .rte ol,
.-text-columns-3 .rte dl {
  break-inside: avoid-column;
  break-before: auto;
}
.-text-columns-2 .rte h1, .-text-columns-2 .rte h2, .-text-columns-2 .rte h3, .-text-columns-2 .rte h4, .-text-columns-2 .rte h5, .-text-columns-2 .rte h6,
.-text-columns-3 .rte h1,
.-text-columns-3 .rte h2,
.-text-columns-3 .rte h3,
.-text-columns-3 .rte h4,
.-text-columns-3 .rte h5,
.-text-columns-3 .rte h6 {
  break-inside: avoid-column;
  break-after: avoid-column;
}
@media screen and (max-width: 599px) {
  .-text-columns-2 .rte,
  .-text-columns-3 .rte {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
  }
}

.-text-columns-3 .rte {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

/** Alignment **/
.-text-align-left, .-text-align-left + .content-subline {
  text-align: left;
}

.-text-align-right, .-text-align-right + .content-subline {
  text-align: right;
}

.-text-align-center, .-text-align-center + .content-subline {
  text-align: center;
}

.-headline-left > h1, .-headline-left > h2, .-headline-left > h3, .-headline-left > h4, .-headline-left > h5, .-headline-left > h6 {
  text-align: left;
}

.-headline-center > h1, .-headline-center > h2, .-headline-center > h3, .-headline-center > h4, .-headline-center > h5, .-headline-center > h6 {
  text-align: center;
}

.-headline-right > h1, .-headline-right > h2, .-headline-right > h3, .-headline-right > h4, .-headline-right > h5, .-headline-right > h6 {
  text-align: right;
}

.flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.flex-right {
  justify-content: flex-end;
}

.flex-center {
  justify-content: center;
}

.flex-left {
  justify-content: flex-start;
}

.flex-top {
  align-items: flex-start;
}

.flex-vcenter {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.block {
  display: flow-root;
}

@media screen and (min-width: 48em) {
  .col-md-order--1 {
    order: -1;
  }
}
#header {
  width: 100%;
  display: grid;
  grid-template-columns: [full-width-start] minmax(var(--vr-bw-padding-inline), 1fr) [breakout-start] minmax(var(--vr-bw-padding-inline), var(--vr-bw-breakout-size)) [content-start] minmax(var(--vr-bw-padding-inline), var(--vr-bw-content-size)) [indent-start] min(100% - var(--vr-bw-padding-inline) * 6, var(--vr-bw-indent-max-width)) [indent-end] minmax(var(--vr-bw-padding-inline), var(--vr-bw-content-size)) [content-end] minmax(var(--vr-bw-padding-inline), var(--vr-bw-breakout-size)) [breakout-end] minmax(var(--vr-bw-padding-inline), 1fr) [full-width-end];
}
#header .inside {
  grid-column: content;
  position: relative;
}

.header__navigation-mobile {
  position: absolute; /* Oder fixed, je nach Layout */
  top: 20px;
  right: 0;
  z-index: 10; /* Stellt sicher, dass es über anderen Elementen liegt */
}
.header__navigation-mobile button {
  margin-bottom: 0;
  min-width: 0;
}
.header__navigation-mobile .hamburger-button {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  overflow: visible;
  background: rgba(255, 255, 255, 0.8);
  /*&:before {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .5);
    filter: blur(5px);
    content: '';
  }*/
}
.header__navigation-mobile .hamburger-button:focus {
  outline: 3px rgba(255, 255, 255, 0.8) solid;
}
.header__navigation-mobile .hamburger-button > .line {
  position: absolute;
  right: 5px;
  height: 5px;
  width: 40px;
  background: var(--color-text);
  display: block;
  transition: 0.5s;
  transform-origin: center;
}
.header__navigation-mobile .hamburger-button > .line:nth-child(1) {
  top: 12px;
}
.header__navigation-mobile .hamburger-button > .line:nth-child(2) {
  top: 24px;
  width: 30px;
}
.header__navigation-mobile .hamburger-button > .line:nth-child(3) {
  top: 36px;
  width: 20px;
}
.header__navigation-mobile .hamburger-button.open > .line:nth-child(1) {
  width: 30px;
  right: 10px;
  transform: translateY(12px) rotate(-45deg);
}
.header__navigation-mobile .hamburger-button.open > .line:nth-child(2) {
  opacity: 0;
}
.header__navigation-mobile .hamburger-button.open > .line:nth-child(3) {
  width: 30px;
  right: 10px;
  transform: translateY(-12px) rotate(45deg);
}
.header__navigation-mobile .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.header__navigation-mobile .mobile-nav {
  visibility: hidden; /* Standardmäßig ausgeblendet */
  opacity: 0;
  /*position: absolute;
  top: 100%; !* Unterhalb des Buttons *!
  right: 0;*/
  position: fixed;
  inset: 0;
  background-color: rgb(from var(--color-text) r g b/0.8); /* Hintergrundfarbe des Menüs */
  border: none;
  padding: 15px;
  transition: opacity 0.25s linear, visibility 0.25s linear, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  color: #fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-gap: 10px;
  align-items: center;
  z-index: 100;
  transform: translateY(-100%);
  overflow-y: auto;
}
@supports (backdrop-filter: blur(20px)) {
  .header__navigation-mobile .mobile-nav {
    backdrop-filter: blur(20px);
    background-color: rgb(from var(--color-text) r g b/0.7);
  }
}
@media screen and (max-width: 599px) {
  .header__navigation-mobile .mobile-nav {
    display: block;
  }
}
.header__navigation-mobile .mod_navigation {
  font-family: var(--font-family-display);
}
.header__navigation-mobile .mod_navigation > ul {
  position: relative;
  list-style: none;
  padding: 0 0 0 2.5rem;
  margin: 0;
  text-align: left;
  font-size: clamp(1.25rem, 4vw, 2.5rem);
}
@media screen and (max-width: 599px) {
  .header__navigation-mobile .mod_navigation > ul {
    text-align: center;
    padding-left: 0;
  }
}
.header__navigation-mobile .mod_navigation li {
  line-height: 1.75;
  padding: 0 0 1rem;
  margin: 0;
  position: relative;
}
.header__navigation-mobile .mod_navigation li a {
  text-decoration: none;
}
.header__navigation-mobile .mod_navigation li a, .header__navigation-mobile .mod_navigation li strong, .header__navigation-mobile .mod_navigation li span {
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
}
.header__navigation-mobile .mod_navigation li a::before, .header__navigation-mobile .mod_navigation li strong::before, .header__navigation-mobile .mod_navigation li span::before {
  content: "";
  position: absolute;
  left: -2.5rem;
  top: 0.875em;
  margin-top: -0.875rem;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #fff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='30 5 70 50 30 95' fill='none' stroke='black' stroke-width='15' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='30 5 70 50 30 95' fill='none' stroke='black' stroke-width='15' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.25s ease-out, visibility 0.25s ease-out, transform 0.25s ease-out;
}
@media screen and (max-width: 599px) {
  .header__navigation-mobile .mod_navigation li a::before, .header__navigation-mobile .mod_navigation li strong::before, .header__navigation-mobile .mod_navigation li span::before {
    display: none;
  }
}
.header__navigation-mobile .mod_navigation li a:hover::before, .header__navigation-mobile .mod_navigation li strong:hover::before, .header__navigation-mobile .mod_navigation li span:hover::before {
  opacity: 0.7;
  visibility: visible;
  transform: translateY(0);
}
@media screen and (max-width: 599px) {
  .header__navigation-mobile .mod_navigation li a.active, .header__navigation-mobile .mod_navigation li a.trail, .header__navigation-mobile .mod_navigation li strong.active, .header__navigation-mobile .mod_navigation li strong.trail, .header__navigation-mobile .mod_navigation li span.active, .header__navigation-mobile .mod_navigation li span.trail {
    color: #a30914;
  }
}
.header__navigation-mobile .mod_navigation li a.active::before, .header__navigation-mobile .mod_navigation li a.trail::before, .header__navigation-mobile .mod_navigation li strong.active::before, .header__navigation-mobile .mod_navigation li strong.trail::before, .header__navigation-mobile .mod_navigation li span.active::before, .header__navigation-mobile .mod_navigation li span.trail::before {
  background-color: #a30914;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header__navigation-mobile .logo-nav {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  .header__navigation-mobile .logo-nav {
    padding: 2.5rem 0 1.5rem;
  }
  .header__navigation-mobile .logo-nav img {
    max-width: 50vw;
  }
}
.header__navigation-mobile .mobile-nav.open {
  visibility: visible; /* Anzeigen, wenn geöffnet */
  opacity: 1;
  transform: translateY(0);
}
.header__navigation-mobile .close-button {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='square' stroke-linejoin='square' width='100%25' height='100%25' stroke-width='3'%3E%3Cpath d='M18 6l-12 12'%3E%3C/path%3E%3Cpath d='M6 6l12 12'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-linecap='square' stroke-linejoin='square' width='100%25' height='100%25' stroke-width='3'%3E%3Cpath d='M18 6l-12 12'%3E%3C/path%3E%3Cpath d='M6 6l12 12'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  display: block;
  padding: 10px;
  background: white;
  border: none;
  cursor: pointer;
  text-align: right;
  font-size: 1.5em;
  line-height: 1;
  color: #fff;
}

#hero .inside {
  position: relative;
}

:root {
  /* Colors */
  --color-primary: #D8D3CD;
  --color-secondary: #CDD3DF;
  --color-tertiary: #DBD1D0;
  --color-quaternary: #C8D6D9;
  --color-quinary: #000000;
  --color-senary: #000000;
  --color-background: #ffffff;
  --color-text: #000000;
  --color-text-light: #ffffff;
  --color-headline: var(--color-text);
  /* Wrapper overrides */
  --vr-bw-bgcolor-1: var(--color-primary);
  --vr-bw-bgcolor-2: var(--color-secondary);
  --vr-bw-bgcolor-3: var(--color-tertiary);
  --vr-bw-bgcolor-4: var(--color-quaternary);
  /* Fonts */
  --font-family-default: "open-sans", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --font-family-display: "inter-variable", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  /* Reveal */
  --reveal-duration: 1000ms;
  --reveal-translate-width: 100px;
  --reveal-opacity-easing: linear;
  --reveal-transform-easing: ease-out;
  --reveal-transform-easing: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Easings */
  --transition-easing-easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-easing-easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-easing-easeOutBack: cubic-bezier(0.34, 1.56, 0.64, 1);
  /* Durations */
  --transition-duration-link-transforms: 350ms;
  /* Grid overrides */
  --grid__gutter: 1.333rem;
}

html {
  font-size: 20px;
}

body {
  font-size: clamp(0.8rem, 3.5vw, 1rem);
  font-family: var(--font-family-default);
  line-height: 1.3;
}

.reveal:not(.content-framed-text):not(.animate-children),
.reveal:not(.content-framed-text) .reveal-child {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: visibility var(--reveal-duration) var(--reveal-opacity-easing), opacity var(--reveal-duration) var(--reveal-opacity-easing), transform var(--reveal-duration) var(--reveal-transform-easing);
  transition-delay: 150ms;
  will-change: visibility, opacity, transform;
}
.reveal:not(.content-framed-text):not(.animate-children):not(.is-visible),
.reveal:not(.content-framed-text) .reveal-child:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--reveal-translate-width));
}

/** Custom **/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-family: var(--font-family-display);
  color: var(--color-headline);
}

h1, h2 {
  font-weight: 800;
  font-size: clamp(1.5rem, 7vw, 3rem);
  text-transform: uppercase;
}

h3 {
  font-weight: 800;
  font-size: clamp(1.25rem, 7vw, 1.75rem);
  text-transform: uppercase;
}

.mod_breadcrumb {
  padding: 1rem 0 4rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  width: 100%;
  display: grid;
  grid-template-columns: [full-width-start] minmax(var(--vr-bw-padding-inline), 1fr) [breakout-start] minmax(var(--vr-bw-padding-inline), var(--vr-bw-breakout-size)) [content-start] minmax(var(--vr-bw-padding-inline), var(--vr-bw-content-size)) [indent-start] min(100% - var(--vr-bw-padding-inline) * 6, var(--vr-bw-indent-max-width)) [indent-end] minmax(var(--vr-bw-padding-inline), var(--vr-bw-content-size)) [content-end] minmax(var(--vr-bw-padding-inline), var(--vr-bw-breakout-size)) [breakout-end] minmax(var(--vr-bw-padding-inline), 1fr) [full-width-end];
}
.mod_breadcrumb ul {
  grid-column: content;
  display: flex;
  margin: 0;
}
.mod_breadcrumb li.active {
  font-weight: 700;
}
.mod_breadcrumb li:not(:last-child):after {
  content: "›";
  padding: 0.5rem;
}
.mod_breadcrumb a {
  color: var(--color-text);
  text-decoration: none;
}

#logo {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 150px;
}
#logo figure {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 599px) {
  #logo figure {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 599px) {
  #logo {
    bottom: 115px;
  }
}

.content-framed-text {
  --border-color: #000000; /* Farbe der Rahmenlinie */
  --border-width: 10px; /* Dicke der Rahmenlinie */
  --border-length: clamp(30px, 8vw, 80px); /* Min 30px, bevorzugt 8% des Viewport-Breite, Max 80px */
  --offset: 0; /* Abstand der Linie zum Text/Rand des Containers */
  --inner-padding: 1.5em;
  font-family: var(--font-family-display);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--border-length) * 2);
  padding: var(--inner-padding);
  position: relative;
  font-size: clamp(1.25rem, 7vw, 2.5rem);
  font-weight: 800;
  text-transform: uppercase;
  box-sizing: border-box;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: visibility var(--reveal-duration) var(--reveal-transform-easing), opacity var(--reveal-duration) var(--reveal-transform-easing), transform var(--reveal-duration) var(--reveal-transform-easing);
  transition-delay: 150ms;
  will-change: visibility, opacity, transform;
}
.content-framed-text > .rte {
  position: relative;
}
.content-framed-text .text-small {
  font-size: clamp(1.25rem, 7vw, 2.5rem);
}
.content-framed-text .text-medium {
  font-size: clamp(1.333rem, 7vw, 2.75rem);
}
.content-framed-text .text-large {
  font-size: clamp(1.5rem, 7vw, 3rem);
}
.content-framed-text::before, .content-framed-text::after {
  transform: translate3d(0, 0, 0);
  transition: border-width var(--reveal-duration) var(--reveal-transform-easing), transform var(--reveal-duration) var(--reveal-transform-easing), width var(--reveal-duration) var(--reveal-transform-easing), height var(--reveal-duration) var(--reveal-transform-easing); /* Match with text duration */
  transition-delay: 150ms;
}
.content-framed-text::before {
  content: "";
  position: absolute;
  top: var(--offset);
  left: var(--offset);
  width: var(--border-length); /* Verwendet den clamp()-Wert */
  height: var(--border-length); /* Verwendet den clamp()-Wert */
  border-top: var(--border-width) solid var(--border-color);
  border-left: var(--border-width) solid var(--border-color);
  box-sizing: border-box;
  transform-origin: top left; /* Wichtig: Skaliert vom oberen linken Punkt */
}
.content-framed-text::after {
  content: "";
  position: absolute;
  bottom: var(--offset);
  right: var(--offset);
  width: var(--border-length); /* Verwendet den clamp()-Wert */
  height: var(--border-length); /* Verwendet den clamp()-Wert */
  border-bottom: var(--border-width) solid var(--border-color);
  border-right: var(--border-width) solid var(--border-color);
  box-sizing: border-box;
  transform-origin: bottom right; /* Wichtig: Skaliert vom unteren rechten Punkt */
}
.content-framed-text:not(.is-visible) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--reveal-translate-width));
}
.content-framed-text:not(.is-visible)::before, .content-framed-text:not(.is-visible)::after {
  --border-length: 0;
  --border-width: 0;
}
.content-framed-text:not(.is-visible)::before {
  transform: translate3d(2em, 2em, 0);
}
.content-framed-text:not(.is-visible)::after {
  transform: translate3d(-2em, -2em, 0);
}
@media screen and (max-width: 599px) {
  .content-framed-text {
    --border-width: 5px;
    --inner-padding: .75em;
  }
}

.content-background-wrapper.-alt-color-4 {
  background-color: var(--vr-bw-bgcolor-4);
}

.content-background-wrapper-card {
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-columns: repeat(10, 1fr);
  height: 100%;
}
.content-background-wrapper-card.position-y-bottom {
  grid-template-rows: 1fr min-content;
}
.content-background-wrapper-card .card-content {
  position: relative;
  background-color: rgb(from var(--color-background) r g b/0.8);
  padding: 4rem 6rem 3rem;
  grid-column: 1/span 7;
  box-sizing: border-box;
  min-width: 300px;
}
.position-x-right.content-background-wrapper-card .card-content {
  grid-column-start: 4;
}

.position-y-bottom.content-background-wrapper-card .card-content {
  grid-row: 2;
}

.content-background-wrapper-card h1, .content-background-wrapper-card h2, .content-background-wrapper-card h3, .content-background-wrapper-card h4, .content-background-wrapper-card h5, .content-background-wrapper-card h6 {
  margin-top: 0;
  font-family: var(--font-family-display);
  color: var(--color-headline);
}
.content-background-wrapper-card h1, .content-background-wrapper-card h2 {
  font-weight: 800;
  font-size: clamp(1.5rem, 7vw, 3rem);
  text-transform: uppercase;
}
.content-background-wrapper-card .card-link {
  position: absolute;
  bottom: 3rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-text);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7899 0L23.6393 5.55252L46.8431 27.207H0V34.7856H46.8616L23.6393 56.4475L28.7899 62L62 31.0037L28.7899 0Z' fill='%231A171B'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7899 0L23.6393 5.55252L46.8431 27.207H0V34.7856H46.8616L23.6393 56.4475L28.7899 62L62 31.0037L28.7899 0Z' fill='%231A171B'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: transform var(--transition-duration-link-transforms) var(--transition-easing-easeOutBack);
}
.content-background-wrapper-card .card-link:hover {
  transform: translateX(0.333rem);
}
@media screen and (max-width: 900px) {
  .content-background-wrapper-card {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 599px) {
  .content-background-wrapper-card .card-content {
    padding: 2rem 3rem 1.5rem;
  }
  .content-background-wrapper-card .card-link {
    bottom: 1.5rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.arrow-link {
  display: block;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-text);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7899 0L23.6393 5.55252L46.8431 27.207H0V34.7856H46.8616L23.6393 56.4475L28.7899 62L62 31.0037L28.7899 0Z' fill='%231A171B'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7899 0L23.6393 5.55252L46.8431 27.207H0V34.7856H46.8616L23.6393 56.4475L28.7899 62L62 31.0037L28.7899 0Z' fill='%231A171B'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition: transform var(--transition-duration-link-transforms) var(--transition-easing-easeOutBack);
}
.arrow-link:hover {
  transform: translateX(0.333rem);
}
@media screen and (max-width: 599px) {
  .arrow-link {
    bottom: 1.5rem;
    right: 1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.content-gallery {
  margin: 1rem 0;
}
.content-gallery ul {
  --gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.content-gallery--cols-1.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 0 * var(--gap)) / 1);
  max-width: calc((100% - 0 * var(--gap)) / 1);
}

.content-gallery--cols-2.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 1 * var(--gap)) / 2);
  max-width: calc((100% - 1 * var(--gap)) / 2);
}

.content-gallery--cols-3.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 2 * var(--gap)) / 3);
  max-width: calc((100% - 2 * var(--gap)) / 3);
}

.content-gallery--cols-4.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 3 * var(--gap)) / 4);
  max-width: calc((100% - 3 * var(--gap)) / 4);
}

.content-gallery--cols-5.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 4 * var(--gap)) / 5);
  max-width: calc((100% - 4 * var(--gap)) / 5);
}

.content-gallery--cols-6.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 5 * var(--gap)) / 6);
  max-width: calc((100% - 5 * var(--gap)) / 6);
}

.content-gallery--cols-7.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 6 * var(--gap)) / 7);
  max-width: calc((100% - 6 * var(--gap)) / 7);
}

.content-gallery--cols-8.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 7 * var(--gap)) / 8);
  max-width: calc((100% - 7 * var(--gap)) / 8);
}

.content-gallery--cols-9.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 8 * var(--gap)) / 9);
  max-width: calc((100% - 8 * var(--gap)) / 9);
}

.content-gallery--cols-10.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 9 * var(--gap)) / 10);
  max-width: calc((100% - 9 * var(--gap)) / 10);
}

.content-gallery--cols-11.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 10 * var(--gap)) / 11);
  max-width: calc((100% - 10 * var(--gap)) / 11);
}

.content-gallery--cols-12.content-gallery ul li {
  margin: 0;
  flex: 0 0 calc((100% - 11 * var(--gap)) / 12);
  max-width: calc((100% - 11 * var(--gap)) / 12);
}

.content-gallery ul figure {
  position: relative;
  width: 100%;
}
.content-gallery ul figure img {
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 599px) {
  .content-gallery ul {
    display: block;
  }
  .content-gallery ul li {
    max-width: none !important;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fdev2.vonrotenberg.de%5C%2Fhttpdocs%5C%2Fhodapp.dev2.vonrotenberg.de%5C%2Ffiles%5C%2Fthemes%5C%2Fhodapp2025%5C%2Fassets%5C%2Fcss%5C%2F_basic.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fdev2.vonrotenberg.de%5C%2Fhttpdocs%5C%2Fhodapp.dev2.vonrotenberg.de%5C%2Ffiles%5C%2Fthemes%5C%2Fhodapp2025%5C%2Fassets%5C%2Fcss%5C%2Fcustom.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BEACE%3B%3B%3BAAGF%3BAACA%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAGF%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAQE%3BEACA%3BEACA%3B%3B%3BAAGF%3BAAAA%3BAAAA%3BAAIA%3BAAGE%3BAAAA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEACE%3BEACA%3B%3BAAGF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEACE%3BEACA%3B%3BAAGF%3BEAlBF%3BAAAA%3BIAmBI%3BIACA%3BIACA%3B%3B%3B%3BAAKJ%3BEACE%3BEACA%3BEACA%3B%3B%3BAAIJ%3BAAEE%3BEACE%3B%3B%3BAAIF%3BEACE%3B%3B%3BAAIF%3BEACE%3B%3B%3BAAKA%3BEACE%3B%3B%3BAAMF%3BEACE%3B%3B%3BAAMF%3BEACE%3B%3B%3BAAKN%3BEACE%3BEACA%3BEACA%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAEF%3BEACE%3B%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3B%3BAAGF%3BEACE%3B%3B%3BAAGF%3BEACE%3BIACE%3B%3B%3BAAIJ%3BEACE%3BEACA%3BEACA%3B%3BAACA%3BEACE%3BEACA%3B%3B%3BAAIJ%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAJA%3BEACE%3B%3BAAWF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAGF%3BEACE%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3B%3BAAMA%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAMR%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BAACA%3BAAAA%3BAAAA%3BEAGA%3BEACA%3BEACA%3BEACA%3BEACA%3BEAEA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEAvBF%3BIAwBI%3BIACA%3B%3B%3BAAGF%3BEA5BF%3BIA6BI%3B%3B%3BAAIJ%3BEACE%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEARF%3BIASI%3BIACA%3B%3B%3BAAGJ%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEApBF%3BIAqBI%3B%3B%3BAAKF%3BEACE%3BEACA%3BEACA%3B%3BAAKF%3BEADF%3BIAEI%3B%3B%3BAAEF%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAOV%3BEACE%3BEACA%3B%3BAACA%3BEAHF%3BIAII%3B%3BEAEA%3BIACE%3B%3B%3BAAKN%3BEACE%3BEACA%3BEACA%3B%3BAAIF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3B%3BAAKF%3BEACE%3B%3B%3BACrZJ%3BAACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BAAEA%3BEACA%3BEACA%3BEACA%3BEACA%3BAAEA%3BEACA%3BEACA%3BAAEA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BAAEA%3BEACA%3BEACA%3BEACA%3BAAEA%3BEACA%3BAAEA%3BEACA%3B%3B%3BAAGF%3BEACE%3B%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAIA%3BAAAA%3BEAEE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BAAAA%3BEACE%3BEACA%3BEACA%3B%3B%3BAAKN%3BAAEA%3BEACE%3BEACA%3BEACA%3B%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEAEA%3BEACA%3BEACA%2CuBACI%3B%3BAAYJ%3BEACE%3BEACA%3BEACA%3B%3BAAIA%3BEACE%3B%3BAAEF%3BEACE%3BEACA%3B%3BAAIJ%3BEACE%3BEACA%3B%3B%3BAAIJ%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEAME%3BEACA%3BEACA%3B%3BAAEA%3BEAVF%3BIAWI%3BIACA%3B%3B%3BAAIJ%3BEAxBF%3BIAyBI%3B%3B%3B%3BAAIJ%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEAEA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAGF%3BEACE%3B%3BAAGF%3BEACE%3B%3BAAGF%3BEACE%3B%3BAAGF%3BEAGE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAEA%3BEAEE%3BEACA%3B%3BAAGF%3BEACE%3B%3BAAEF%3BEACE%3B%3BAAIJ%3BEA9FF%3BIA%2BFI%3BIACA%3B%3B%3B%3BAAKF%3BEAAiB%3B%3B%3BAAGnB%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAES%3BEACP%3B%3B%3BAAEO%3BEACP%3B%3B%3BAAIJ%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAIJ%3BEA1DF%3BIA2DI%3BIACA%3BIACA%3B%3B%3BAAGF%3BEACE%3BIACE%3B%3BEAEF%3BIACE%3BIACA%3BIACA%3BIACA%3B%3B%3B%3BAAKN%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACE%3B%3BAAGF%3BEAjBF%3BIAkBI%3BIACA%3BIACA%3BIACA%3B%3B%3B%3BAAIJ%3BEACE%3B%3BAAEA%3BEACE%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGI%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAHF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAKN%3BEACE%3BEACA%3B%3BAAEA%3BEACE%3BEACA%3B%3BAAIJ%3BEA5BF%3BIA6BI%3B%3BEACA%3BIACE%22%7D */