/* BDE-Variablen auf RKS Design-Tokens umlenken ---------------------------------------- */

/* Text-Auswahl-Farbe */
::selection {
  background-color: var(--neutral-900) !important;
  color: var(--neutral-100) !important;
}

/* Textauswahl in Menü und Header deaktivieren */
.standard_menu,
.standard_menu *,
#header,
#header *,
.parts_breadcrump,
.parts_breadcrump * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

:root {
  --bde-heading-font-family: var(--font-typeface-headline);
  --bde-body-font-family:    var(--font-typeface-copy);
  --bde-body-font-size:      var(--size-mono-md);
  --bde-body-text-color:     var(--neutral-900);
  --bde-headings-color:      var(--neutral-900);
  --bde-background-color:    var(--neutral-100);
}

:root {
  --size-mono-xs:12px;
  --size-mono-sm:15px;
  --size-mono-md:16px;
  --size-mono-lg:22px;
  --size-mono-xl:28px;
  --size-serif-xs:15px;
  --size-serif-sm:18px;
  --size-serif-md:21px;
  --size-serif-lg:28px;
  --size-serif-xl:32px;
  --size-serif-2xl:48px;

  --lineheight-display:1.1;
  --lineheight-text-mono:1.6;
  --lineheight-text-serif:1.2;
  --lineheight-button:1;

  --font-typeface-headline:GTSectra;
  --font-typeface-copy:MartianMono;
  --font-icon:LucideIcons;
  --font-weight-headline:400;
  --font-weight-bold:700;

  --primary-blue:#00569D;
  --primary-orange:#f46717;
  --primary-orange-100:#fdf0e5;
  --primary-violett:#862992;
  --primary-violett-100:#f3eaf2;
  --primary-green:#25662c;
  --secondary-blue-900:#4285c3;
  --secondary-blue-100:#e9f2f8;
  --secondary-blue-200:#cce2f0;
  --secondary-yellow:#fdd205;
  --secondary-yellow-100:#fffae5;
  --secondary-violett:#d33395;
  --secondary-green:#4cbe4b;
  --secondary-green-100:#edf7ec;
  --neutral-900:#000;
  --neutral-300:#f2f2f2;
  --neutral-100:#fff;

  --space-xs:4px;
  --space-sm:8px;
  --space-sm-between-md:12px;
  --space-md:16px;
  --space-md-between-lg:20px;
  --space-lg:24px;
  --space-xl:32px;
  --space-xl-between-2xl:40px;
  --space-2xl:48px;
  --space-3xl:64px;
  --space-4xl:96px;
  --space-5xl:128px;
  --border-radius-round:60px;
  --border-radius:8px;

  --bde-links-color-hover:var(--neutral-900);
  --bde-links-color:var(--neutral-900);
}

:root :where(p.has-background) {
  padding: var(--space-sm-between-md);
  border-radius: var(--border-radius);
  margin-left: -8px;
}


/* ============================================================================
   Mobile Scale Factor — ändere hier den Faktor für alle mobilen Größen
   ============================================================================ */

@media (max-width: 768px) {
  :root {
    /* ★ NUR DIESE EINE ZAHL ÄNDERN: 1 = 100%, 0.85 = 85%, 0.75 = 75% usw. */
    --mobile-scale: 0.90 !important;

    /* Typografie-Größen skalieren (Überschreibt Oxygen variable.css) */
    --size-mono-xs: calc(12px * var(--mobile-scale)) !important;
    --size-mono-sm: calc(15px * var(--mobile-scale)) !important;
    --size-mono-md: calc(16px * var(--mobile-scale)) !important;
    --size-mono-lg: calc(22px * var(--mobile-scale)) !important;
    --size-mono-xl: calc(28px * var(--mobile-scale)) !important;
    --size-serif-xs: calc(15px * var(--mobile-scale)) !important;
    --size-serif-sm: calc(18px * var(--mobile-scale)) !important;
    --size-serif-md: calc(21px * var(--mobile-scale)) !important;
    --size-serif-lg: calc(28px * var(--mobile-scale)) !important;
    --size-serif-xl: calc(32px * var(--mobile-scale)) !important;
    --size-serif-2xl: calc(48px * var(--mobile-scale)) !important;

    /* Space-Größen skalieren */
    --space-xs: calc(4px * var(--mobile-scale)) !important;
    --space-sm: calc(8px * var(--mobile-scale)) !important;
    --space-sm-between-md: calc(12px * var(--mobile-scale)) !important;
    --space-md: calc(16px * var(--mobile-scale)) !important;
    --space-md-between-lg: calc(20px * var(--mobile-scale)) !important;
    --space-lg: calc(24px * var(--mobile-scale)) !important;
    --space-xl: calc(32px * var(--mobile-scale)) !important;
    --space-xl-between-2xl: calc(40px * var(--mobile-scale)) !important;
    --space-2xl: calc(48px * var(--mobile-scale)) !important;
    --space-3xl: calc(64px * var(--mobile-scale)) !important;
    --space-4xl: calc(96px * var(--mobile-scale)) !important;

    /* Border-Radius skalieren */
    --border-radius: calc(8px * var(--mobile-scale)) !important;
    --border-radius-round: calc(60px * var(--mobile-scale)) !important;

      /* Swiper-Navigation ausblenden */
    --swiper-navigation-size: 0px !important;
  }

  /* Kunst & Kultur INNER: Navigation auf Mobile wieder einblenden */
  .swiper-kunst_und_kultur-inner {
    --swiper-navigation-size: 48px !important;
  }
  .swiper-kunst_und_kultur-inner .swiper-button-next,
  .swiper-kunst_und_kultur-inner .swiper-button-prev {
    display: flex !important;
  }
  .swiper-kunst_und_kultur-inner .swiper-pagination {
    display: block !important;
  }
  .swiper-kunst_und_kultur-inner .swiper-pagination-bullet {
    display: inline-block !important;
  }

  /* Standard Template / BDE Themeless: Navigation auf Mobile wieder einblenden */
  .bde-themeless-template-content-area,
  .standard_template_content_area {
    --swiper-navigation-size: 48px !important;
  }
  .bde-themeless-template-content-area .swiper-button-next,
  .bde-themeless-template-content-area .swiper-button-prev,
  .standard_template_content_area .swiper-button-next,
  .standard_template_content_area .swiper-button-prev {
    display: flex !important;
  }
  .bde-themeless-template-content-area .swiper-pagination,
  .standard_template_content_area .swiper-pagination {
    display: block !important;
  }
  .bde-themeless-template-content-area .swiper-pagination-bullet,
  .standard_template_content_area .swiper-pagination-bullet {
    display: inline-block !important;
  }
}


/* Basics ------------------------------------------------------------------------------------------------------------ */

body {
  overflow-x: hidden;
  color: var(--neutral-900) !important;
  font-family: var(--font-typeface-copy) !important;
  font-size: var(--size-mono-sm) !important;
  line-height: var(--lineheight-text-mono) !important;
  background-color: var(--neutral-100) !important;
}

/* Typografie ------------------------------------------------------------------------------------------------------------ */

/* Nur im Fließtext (--font-typeface-copy) – also innerhalb von p, li, td etc.
   Schließt p.is-style-medium und p.is-style-large aus (diese nutzen Headline-Schrift). */
.standard_template_content_area p:not(.is-style-medium):not(.is-style-large) b,
.standard_template_content_area p:not(.is-style-medium):not(.is-style-large) strong,
.standard_template_content_area li b,
.standard_template_content_area li strong,
.standard_template_content_area td b,
.standard_template_content_area td strong {
  font-weight: var(--font-weight-regular) !important;
  text-transform: uppercase;
}

/* Silbentrennung via Hyphenopoly JS (minWordLength 6) ---------------------------------------------------------------- */
/* manual = nur an weichen Trennzeichen (­) umbrechen, die Hyphenopoly einsetzt */
.standard_template_content_area h1,
.standard_template_content_area h2,
.standard_template_content_area h3,
.standard_stage_featured_img h1,
.standard_stage_featured_img h2,
.standard_stage_featured_img h3,
.headline--2xl,
.headline--xl,
.headline--lg,
.berichte_item,
.card--color {
  overflow-wrap: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
}

/* Welcome Languages --------------------------------------------------------------------------------------------------- */

.stage_frontpage_welcome_item {
  transition: unset;
}

.stage_frontpage_welcome_item.stage_frontpage_welcome_refresh {
  font-family: var(--font-icon);
  width:96px;
  transition: unset;
}

.stage_frontpage_welcome_item.stage_frontpage_welcome_refresh .item-text {
  display: inline-block;
}

.stage_frontpage_welcome_item.stage_frontpage_welcome_refresh:hover .item-text {
  animation: diceRoll 0.6s ease-in-out infinite;
}

@keyframes diceRoll {
  0% {
    transform: rotate(0deg) scale(1);
  }
  40% {
    transform: rotate(180deg) scale(1.2);
  }
  70% {
    transform: rotate(320deg) scale(1.05);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

/* Welcome: Mobile Text-Ellipsis */
@media (max-width: 768px) {
  .stage_frontpage_welcome_item {
    width: auto !important;
    max-width: 100vw !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  .stage_frontpage_welcome_item .item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
}

/* Swiperjs ------------------------------------------------------------------------------------------------------------ */
.swiper-button-next, .swiper-button-prev {
  position:unset !important;
  top: unset !important;
  left: unset !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: unset !important;
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:right;
  justify-content:right;
  color:var(--neutral-900);
}

.swiper-navigation {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity:1 !important;
  cursor:auto;
  pointer-events:none
}

.swiper-button-prev {
  right: unset !important;
  top: unset !important;
}

.swiper-button-next {
  right: unset !important;
  top: unset !important;
}

.blocks.swiper-navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.blocks.swiper-button-prev {
  right: unset !important;
  top: unset !important;
}

.blocks.swiper-button-next {
  right: unset !important;
  top: unset !important;
}

/* Berichte-Slider: Desktop Slide-Breite (nur ab 769px) */
@media (min-width: 769px) {
  .swiper-berichte .swiper-slide.width-500 {
    min-width: 500px !important;
    max-width: 500px !important;
    width: 500px !important;
    height: auto !important;
  }
}

.swiper-button-next:after {
  content: '' !important;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg class='frame-container-wrapper'%3E%3Cg class='frame-container-blur'%3E%3Cg class='frame-container-shadows'%3E%3Cg class='fills'%3E%3Crect width='24' height='24' class='frame-background' rx='0' ry='0'/%3E%3C/g%3E%3Cg class='frame-children'%3E%3Cpath d='M5 12h14' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='M5 12h14' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23000;stroke-opacity:1'/%3E%3C/g%3E%3Cpath d='m12 5 7 7-7 7' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='m12 5 7 7-7 7' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23000;stroke-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-button-prev:after {
  content:'' !important;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg class='frame-container-wrapper'%3E%3Cg class='frame-container-blur'%3E%3Cg class='frame-container-shadows'%3E%3Cg class='fills'%3E%3Crect width='24' height='24' class='frame-background' rx='0' ry='0'/%3E%3C/g%3E%3Cg class='frame-children'%3E%3Cpath d='m12 19-7-7 7-7' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='m12 19-7-7 7-7' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23000;stroke-opacity:1'/%3E%3C/g%3E%3Cpath d='M19 12H5' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='M19 12H5' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23000;stroke-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: unset;
  top: 14px;
  left: unset;
  width: unset;
  right: 12px;
  position: unset !important;
}

.swiper-navigation .swiper-pagination {
  display: flex !important;
  align-items: center;
  align-self: center;
  position: static !important;
  transform: none !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
}


.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
  border-radius: 16px !important;
  background: var(--neutral-900) !important;
  opacity: 1 !important;
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0px 3px 0px 0px !important;
}  

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type {
  margin: 0px  !important;
}  

.swiper .swiper-kunst_und_kultur-inner {
  border-radius: 8px;
  overflow: hidden;
}


/* Kunst & Kultur Swiper --------------------------------------------------------------------------------------------------- */

.image_container,
.image_container .swiper,
.image_container .swiper-wrapper,
.image_container .swiper-slide {
  height: 588px !important;   /* nimmt die Höhe vom äußeren Container */
}

.kuku-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* füllt das Div, beschneidet wenn nötig */
  object-position: center;  /* zentriert */
  display: block;
}


.swiper-kunst_und_kultur-inner .swiper-navigation {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: absolute;  
  top: 10px;
  left: 0;
  right: 0;
  width: max-content;
  margin: 0 auto;
}


.swiper-kunst_und_kultur-inner .swiper-button-next:after {
  content: '' !important;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg class='frame-container-wrapper'%3E%3Cg class='frame-container-blur'%3E%3Cg class='frame-container-shadows'%3E%3Cg class='fills'%3E%3Crect width='24' height='24' class='frame-background' rx='0' ry='0'/%3E%3C/g%3E%3Cg class='frame-children'%3E%3Cpath d='M5 12h14' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='M5 12h14' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23fff;stroke-opacity:1'/%3E%3C/g%3E%3Cpath d='m12 5 7 7-7 7' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='m12 5 7 7-7 7' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23fff;stroke-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-kunst_und_kultur-inner .swiper-button-prev:after {
  content:'' !important;
  height: 24px;
  width: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg class='frame-container-wrapper'%3E%3Cg class='frame-container-blur'%3E%3Cg class='frame-container-shadows'%3E%3Cg class='fills'%3E%3Crect width='24' height='24' class='frame-background' rx='0' ry='0'/%3E%3C/g%3E%3Cg class='frame-children'%3E%3Cpath d='m12 19-7-7 7-7' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='m12 19-7-7 7-7' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23fff;stroke-opacity:1'/%3E%3C/g%3E%3Cpath d='M19 12H5' class='fills' style='fill:none'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round' class='strokes'%3E%3Cpath d='M19 12H5' class='stroke-shape' style='fill:none;stroke-width:2;stroke:%23fff;stroke-opacity:1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.swiper-kunst_und_kultur-inner .swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  display: inline-block;
  border-radius: 16px !important;
  background: var(--neutral-100) !important;
  opacity: 1 !important;
}



/* Standard Inhaltsseite --------------------------------------------------------------------------------------------------- */
.standard_menu {
  position: sticky;
  top: 20px;
  border-left: 1px solid var(--neutral-900);
  margin-left: 12px !important;
  padding-left: 12px !important;
  font-size: var(--size-mono-sm);
}


.rks-breadcrumb svg {
  display: flex;
}

.rks-sidenav { --indent: 8px; }
.rks-sidenav-list { list-style: none; margin: 0; padding-left: 0;  }
.rks-sidenav-list .item { margin: 2px 0px 2px 0px; }

/* Einrückungen: wir starten visuell bei Level 2 ----------------------------------------------------------------------------- */
.rks-sidenav-list.level-2 { padding-left: 0; }
.rks-sidenav-list.level-3 { padding-left: var(--indent); }
.rks-sidenav-list.level-3 .item:last-child { margin-bottom: 16px; }
.rks-sidenav-list.level-4 { padding-left: calc(var(--indent) * 2); }
.rks-sidenav-list.level-5 { padding-left: calc(var(--indent) * 3); }

.rks-sidenav a { transition: all 0.25s ease; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rks-sidenav .item > a { padding: 2px 8px; border-radius: var(--border-radius); margin: 0px 0px -5px -8px !important; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rks-sidenav .item > a:hover { background: var(--neutral-300); color: var(--neutral-900); }
.rks-sidenav a.is-active,
.rks-sidenav .item-current > a { padding: 2px 8px; background: var(--neutral-900); border-radius: var(--border-radius); color: var(--neutral-100); margin: 0px 0px -5px -8px !important; display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* Sidenav Hover: zufällige RKS-Farben statt hellgrau (nur Hover, kein Standard-Hintergrund) */
.rks-sidenav .item > a.link-color-orange:hover {
  background: rgba(244, 103, 23, 0.2) !important;
  color: var(--neutral-900) !important;
}
.rks-sidenav .item > a.link-color-violet:hover {
  background: rgba(134, 41, 146, 0.2) !important;
  color: var(--neutral-900) !important;
}
.rks-sidenav .item > a.link-color-blue:hover {
  background: rgba(66, 133, 195, 0.2) !important;
  color: var(--neutral-900) !important;
}
.rks-sidenav .item > a.link-color-yellow:hover {
  background: rgba(253, 210, 5, 0.2) !important;
  color: var(--neutral-900) !important;
}
.rks-sidenav .item > a.link-color-green:hover {
  background: rgba(76, 190, 75, 0.2) !important;
  color: var(--neutral-900) !important;
}

/* ============================================================================
   Sidenav Empty: Ausblenden und Content zentrieren wenn keine Unterseiten
   ============================================================================ */

body.rks-no-sidenav .rks-sidenav {
  display: none !important;
}

body.rks-no-sidenav .standard_menu {
  display: none !important;
}

body.rks-no-sidenav .parts_breadcrump {
  display: none !important;
}

body.rks-no-sidenav .standard_menu_and_content {
  justify-content: flex-start !important;
}

body.rks-no-sidenav .standard_template_content_area,
body.rks-no-sidenav .bde-themeless-template-content-area {
  margin-left: var(--space-md-between-lg) !important;
  margin-right: var(--space-md-between-lg) !important;
  justify-content: flex-start !important;
}

.rks-toc li a {
  margin: 0px 0px 0px 8px;
  padding: 4px 8px;
  text-decoration: none;
  border-radius: var(--border-radius-round);
  display: inline-block;
  transition: all 0.25s ease;
}

.rks-toc li {
  display: flex;
  flex-wrap: wrap; /* sorgt für Umbruch */
  white-space: normal; 
  gap: 10px;       /* Abstand zwischen den li */
  list-style: none; /* falls du die Punkte ausblenden willst */
  padding: 4px;
  margin: 0;
}

/* TOC: zufällige RKS-Farben (Standard-Hintergrund) */
.rks-toc li a.link-color-orange {
  background: var(--primary-orange-100);
}
.rks-toc li a.link-color-violet {
  background: var(--primary-violett-100);
}
.rks-toc li a.link-color-blue {
  background: var(--secondary-blue-100);
}
.rks-toc li a.link-color-yellow {
  background: var(--secondary-yellow-100);
}
.rks-toc li a.link-color-green {
  background: var(--secondary-green-100);
}

/* TOC Hover: zufällige RKS-Farben statt hellgrau */
.rks-toc li a.link-color-orange:hover {
  background: rgba(244, 103, 23, 0.2);
  color: var(--neutral-900);
}
.rks-toc li a.link-color-violet:hover {
  background: rgba(134, 41, 146, 0.2);
  color: var(--neutral-900);
}
.rks-toc li a.link-color-blue:hover {
  background: rgba(66, 133, 195, 0.2);
  color: var(--neutral-900);
}
.rks-toc li a.link-color-yellow:hover {
  background: rgba(253, 210, 5, 0.2);
  color: var(--neutral-900);
}
.rks-toc li a.link-color-green:hover {
  background: rgba(76, 190, 75, 0.2);
  color: var(--neutral-900);
}

.standard_menu {
  position: sticky;
  top: 20px;
  left: 0px !important;
}

/* Standard Template Content Area -------------------------------------------------------------------------------------------- */

.standard_template_content_area a:not(.parts_cta_secondary--icon_left--sm) {
  text-decoration: none;
  padding: 4px 8px;
  background: var(--neutral-300);
  border-radius: var(--border-radius-round);
  color: var(--neutral-900);
  font-size: var(--size-mono-sm);
  font-family: var(--font-typeface-copy);
  transition: all 0.25s ease;
  white-space: nowrap;
  margin-left: -6px;
  margin-right: -6px;
  display: inline;
  vertical-align: baseline;
  line-height: var(--lineheight-text-mono);
}

/* Mobile: Links begrenzen ohne Bilder abzuschneiden */
@media (max-width: 768px) {
  /* Parent elements need width: 100% so max-width: 100% on links works */
  .standard_template_content_area p,
  .standard_template_content_area li,
  .standard_template_content_area > * {
    width: 100%;
    max-width: 100%;
  }

  .standard_template_content_area a:not(.parts_cta_secondary--icon_left--sm) {
    display: inline-block;
    max-width: 100%;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
  }
}

.standard_template_content_area a:hover {
  background: var(--neutral-900);
  color: var(--neutral-100);
  z-index: 100;
  position: relative; 
}

/* Zufällige Link-Farben -------------------------------------------------------------------------------------------- */
.standard_template_content_area a.link-color-orange {
  background: var(--primary-orange-100) !important;
}

.standard_template_content_area a.link-color-violet {
  background: var(--primary-violett-100) !important;
}

.standard_template_content_area a.link-color-blue {
  background: var(--secondary-blue-100) !important;
}

.standard_template_content_area a.link-color-yellow {
  background: var(--secondary-yellow-100) !important;
}

.standard_template_content_area a.link-color-green {
  background: var(--secondary-green-100) !important;
}

/* Hover: 20% Opacity für Link-Farben */
.standard_template_content_area a.link-color-orange:hover {
  background: rgba(244, 103, 23, 0.2) !important;
  color: var(--neutral-900) !important;
}
.standard_template_content_area a.link-color-violet:hover {
  background: rgba(134, 41, 146, 0.2) !important;
  color: var(--neutral-900) !important;
}
.standard_template_content_area a.link-color-blue:hover {
  background: rgba(66, 133, 195, 0.2) !important;
  color: var(--neutral-900) !important;
}
.standard_template_content_area a.link-color-yellow:hover {
  background: rgba(253, 210, 5, 0.2) !important;
  color: var(--neutral-900) !important;
}
.standard_template_content_area a.link-color-green:hover {
  background: rgba(76, 190, 75, 0.2) !important;
  color: var(--neutral-900) !important;
}

/* Spacer: Stile Medium / Large -------------------------------------------------------------------------------------------- */
.wp-block-spacer,
.wp-block-spacer.is-style-medium { height: var(--space-lg) !important; }
.wp-block-spacer.is-style-large  { height: var(--space-2xl) !important; }

/* Paragraph: Stile Medium / Large -------------------------------------------------------------------------------------------- */
.standard_template_content_area .wp-block-paragraph.is-style-medium,
.wp-block-paragraph.is-style-medium {
  font-family: var(--font-typeface-headline) !important;
  font-size: var(--size-serif-lg) !important;
  line-height: var(--lineheight-text-serif) !important;
}
.standard_template_content_area .wp-block-paragraph.is-style-large,
.wp-block-paragraph.is-style-large {
  font-family: var(--font-typeface-headline) !important;
  font-size: var(--size-serif-xl) !important;
  line-height: var(--lineheight-text-serif) !important;
}

.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex { 
  max-width: 900px;
}

.standard_template_content_area, .bde-themeless-template-content-area {
  display: flex !important;
  min-width: 0;
  max-width: 920px !important;
  margin-top: var(--space-md-between-lg);
  margin-left: var(--space-md-between-lg);
  margin-right: var(--space-md-between-lg);
  flex-direction: column;
}
.standard_template_content_area > :first-child {
  margin-top: -16px;
}

body.rks-no-sidenav .standard_template_content_area > :first-child {
  margin-top: initial;
}

.standard_template_content_area h1 {
  font-family:   var(--font-typeface-headline);
  font-size:     var(--size-serif-2xl);
  line-height:   var(--lineheight-display);
  margin-bottom: var(--space-lg);
}

.standard_template_content_area h2 {
  max-width:     75%;
  color:         var(--neutral-900);
  font-family:   var(--font-typeface-headline);
  font-size:     var(--size-serif-xl);
  line-height:   var(--lineheight-display);
  text-transform: none;
  margin-top:    var(--space-2xl);
  margin-bottom: var(--space-sm);
}

.standard_template_content_area h2:first-of-type {
  margin-top: 0px;
}

.standard_template_content_area h3 {
  color:         var(--neutral-900);
  font-family:   var(--font-typeface-headline);
  font-size:     var(--size-serif-lg);
  line-height:   var(--lineheight-display);
  margin-top:    var(--space-xl);
  margin-bottom: var(--space-sm);
}

.standard_template_content_area h4 {
  color:         var(--neutral-900);
  font-family:   var(--font-typeface-headline);
  font-size:     var(--space-lg);
  line-height:   var(--lineheight-display);
  margin-top:    var(--space-xl);
  margin-bottom: var(--space-sm);
}

.standard_template_content_area p {
  width:         100%;
  max-width:     802px;
  font-family:   var(--font-typeface-copy);
  font-size:     var(--size-mono-md);
  line-height:   var(--lineheight-text-mono);
  margin-bottom: var(--space-md);
}

.standard_template_content_area img {
  margin-bottom: 24px !important;
  border-radius: var(--border-radius);
  margin-bottom: var(--space-md);
  max-width: 100%;
  height: auto;
}

/* Bild-Beschriftungen --------------------------------------------------------------------------------------------------- */
.wp-block-image :where(figcaption) {
  margin-bottom: 24px !important;
  margin-top: -12px !important;
}

/* Megamenu ------------------------------------------------------------------------------------------------------------------------ */


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link:before {
  display: inline-block;
  font: unset !important;
  font-family: unset !important;
  position: static !important;
  font-size: var(--size-serif-lg) !important;
  margin: 0 6px 0 0px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: unset !important;
  background: unset !important;
  height: unset !important;
  width: unset !important;
  top: unset !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  line-height: unset !important;
  height: unset !important;
  padding: 0 24px 0px 0px !important;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: black;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  font-family: var(--font-typeface-headline) !important;
  font-size: var(--size-serif-lg) !important;
  font-weight: normal;
  outline: none;
}


/* Mega-Menü mobile Anpassung */
@media (max-width: 768px) {
  #mega-menu-max_mega_menu_1 {
    top: 36px !important;
  }
}

ul.mega-sub-menu ul.mega-sub-menu {
    position: static;
    top: 0 !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    min-height: 50vh; 
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  display: block;
  float: left;
  clear: none;
  padding: 0px 32px 0px 12px !important;
  margin-left:24px;
  margin-top: 24px;
  vertical-align: top;
}

/* Ebene 1: Headlines ------------------------------------------------------------------------------------------------ */
.mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children > .mega-menu-link {
  font-family: var(--font-typeface-headline) !important;
  font-size: var(--size-serif-lg) !important;
  text-transform: unset !important;
  /* margin: unset !important; */
  margin-left: -4px !important;
  margin-top: -6px !important;
  line-height: var(--lineheight-text-serif) !important;
  margin-bottom: var(--space-xs) !important;
}

/* Ebene 2: Unterpunkte -------------------------------------------------------------------------------------------------------- */
ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a {
    font-family: var(--font-typeface-copy) !important;
    font-size: var(--size-mono-sm) !important;
    margin-bottom: 3px;      /* Kleinerer Abstand zwischen den Punkten */
}

/* Mega-Menü: Desktop - .mega-sub-menu top */
.mega-sub-menu {
  top: 58px !important;
}

/* Ebene 3 (optional) ------------------------------------------------------------------------------------------------------ */
ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a {
}

/* Hover-Effekt Ebene 2 ------------------------------------------------------------------------------------------------------ */
ul.mega-sub-menu ul.mega-sub-menu > li.mega-menu-item > a:hover {
    color: var(--primary-color, #0056b3); /* Dein Primary-Color hier anpassen */
    text-decoration: underline;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
  margin-left: 0px !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
  margin-left: 0px !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  display: inline-block;
  width: auto;
  background: transparent;
  position: relative;
  pointer-events: auto;
  left: auto;
  min-width: auto;
  font-size: inherit;
  padding: 0;
  margin: 0 0 0 0px !important;
  height: auto;
  line-height: inherit;
  color: inherit;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  content: "" !important;
  font-family: var(--font-icon) !important;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  color: inherit;
  position: relative;
  background: transparent;
  height: auto;
  width: auto;
  right: auto;
  line-height: inherit;
}

/* Mega-Menü: Chevron drehen wenn Dropdown offen */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link[aria-expanded="true"] > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children.mega-menu-toggle-on > a.mega-menu-link > span.mega-indicator:after {
  transform: rotate(180deg) !important;
}

/* Mega-Menü: Linke Linie + eingerückte Unterpunkte ------------------------------------------------------------------- */
.mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children {
  border-left: 1.5px solid var(--neutral-900) !important;
  padding-left: 12px !important;
  margin-bottom: 24px !important;
}

.mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children > ul.mega-sub-menu {
  padding-top: 8px !important;
  padding-left: 0px !important;
}

/* Mega-Menü: Hintergrund abdunkeln wenn geöffnet ----------------------------------------------------------- */
/* 
 * z-index: 
 *   MAX Mega Menu verwendet standardmäßig z-index: 99999 für den Menu-Wrap.
 *   Unser Overlay (body::after, position: fixed) liegt mit z-index: 99 ÜBER dem 
 *   Content, aber UNTER dem Mega-Menü-Wrap (z-index: 99999).
 *   pointer-events: none auf dem Overlay verhindert, dass Klicks auf das Menü
 *   blockiert werden.
 */

body.mm-menu-open {
    overflow: hidden;
}

/* Overlay beginnt ab Header-Unterkante (via JS gesetzt) */
body::after {
    content: '';
    position: fixed;
    top: var(--mm-overlay-offset, 0px);
    left: 0;
    width: 100%;
    height: calc(100% - var(--mm-overlay-offset, 0px));
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    cursor: pointer;
}

/* Wenn Menü offen: Overlay sichtbar
 * pointer-events: auto NUR für Klick auf den Overlay-Bereich AUSSERHALB des Menüs.
 * Da body::after im DOM-Ranking unter dem Mega-Menü liegt, erreichen Klicks
 * auf dem Menü trotzdem das Menü. Klicks auf den abgedunkelten Content
 * werden vom Overlay abgefangen.
 */
body.mm-menu-open::after {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Mobile: Overlay deaktivieren, damit es Klicks auf Menü-Ebenen nicht blockiert
 * Auf Mobile liegt das Overlay über dem Menü und verhindert so das Anklicken
 * der zweiten und dritten Ebene. Durch pointer-events: none, opacity: 0 und
 * visibility: hidden wird das Overlay auf Mobile komplett deaktiviert, während
 * es auf dem Desktop weiterhin als Abdunklungshintergrund funktioniert.
 */
@media (max-width: 768px) {
    body.mm-menu-open::after {
        pointer-events: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    /* Mobile: Body scrollbar machen wenn Menü offen */
    body.mm-menu-open {
        overflow: auto !important;
        position: relative;
        height: auto !important;
        max-height: none !important;
    }
}

/* Video --------------------------------------------------------------------------------------------------------------- */
.video-js .vjs-big-play-button {
    display: none !important;
}

/* Control Bar (Transparent & Zentriert) ----------------------------------------------------------------------------------- */
.video-js .vjs-control-bar {
    background-color: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 50px !important;
    color: #ffffff !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Mute Button: Desktop bei Hover, Touch-Geräte immer sichtbar ----------------------------------------------------------- */
/* Standard: Unsichtbar (Desktop) */
.video-js .vjs-control-bar .vjs-mute-control,
.video-js .vjs-control-bar .vjs-volume-panel {
    opacity: 0 !important;
    transition: opacity 0.3s ease;
}

/* Desktop: Sichtbar bei Hover */
.video-js:hover .vjs-control-bar .vjs-mute-control,
.video-js:hover .vjs-control-bar .vjs-volume-panel {
    opacity: 1 !important;
}

/* Touch-Geräte: Mute-Button immer sichtbar (kein Hover möglich) */
@media (hover: none) {
    .video-js .vjs-control-bar .vjs-mute-control,
    .video-js .vjs-control-bar .vjs-volume-panel {
        opacity: 1 !important;
    }
}

/* Alle anderen Buttons ausblenden --------------------------------------------------------------------------------------- */
.video-js .vjs-control-bar .vjs-play-control,
.video-js .vjs-control-bar .vjs-skip-backward-undefined,
.video-js .vjs-control-bar .vjs-skip-forward-undefined,
.video-js .vjs-control-bar .vjs-current-time,
.video-js .vjs-control-bar .vjs-time-divider,
.video-js .vjs-control-bar .vjs-duration,
.video-js .vjs-control-bar .vjs-progress-control,
.video-js .vjs-control-bar .vjs-live-control,
.video-js .vjs-control-bar .vjs-seek-to-live-control,
.video-js .vjs-control-bar .vjs-remaining-time,
.video-js .vjs-control-bar .vjs-res-button,
.video-js .vjs-control-bar .vjs-playback-rate,
.video-js .vjs-control-bar .vjs-chapters-button,
.video-js .vjs-control-bar .vjs-descriptions-button,
.video-js .vjs-control-bar .vjs-subs-caps-button,
.video-js .vjs-control-bar .vjs-audio-button,
.video-js .vjs-control-bar .vjs-picture-in-picture-control,
.video-js .vjs-control-bar .vjs-fullscreen-control, 
.kgvid_below_video {
    display: none !important;
}

/* Zusätzliche Fixes ------------------------------------------------------------------------------------------------------- */
.video-js .vjs-control {
  width: unset !important;
}
.kgvid_wrapper {
  margin: 0 !important;
}



/* Standard Template --------------------------------------------------------------------------------------------------- */


/* Videos -------------------------------------------------------------------------------------------------------------- */
video { border-radius: var(--border-radius); }

.standard_template_content_area video { max-height: 614px; }

/* Liste ohne Standard-Bullets ------------------------------------------------------------------------------------------- */
.standard_template_content_area ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* Listeneinträge -------------------------------------------------------------------------------------------------------- */
.standard_template_content_area ul {
  max-width: 80%;
}
.standard_template_content_area ul li {
  position: relative;                       /* Referenz für ::before */
  padding-left: 0px;                       /* Platz für Icon */
  line-height: var(--lineheight-text-mono);
  margin-bottom: 0px;
  padding-bottom: 4px;
  /* border-bottom: 1px dashed var(--neutral-900); */
  margin-left: 5px;
}

/* Custom Marker --------------------------------------------------------------------------------------------------------- */
.standard_template_content_area ul li::before {  
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0px;
  margin-left: -24px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M12 6v12' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M17.196 9 6.804 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M6.804 9 17.196 15' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* optional: pointer-events: none; */
}


.standard_template_content_area ul li:last-of-type {
  margin-bottom: 20px;
}

.standard_template_content_area table {
  border-radius: var(--border-radius);
  border-collapse: separate;
  overflow: hidden;
  border: 1px solid var(--neutral-900);
}

.standard_template_content_area table th,
.standard_template_content_area table td {
  border: none;
}

/* Innere horizontale Linien */
.standard_template_content_area table tr:not(:first-child) th,
.standard_template_content_area table tr:not(:first-child) td {
  border-top: 1px solid var(--neutral-900);
}

/* Innere vertikale Linien */
.standard_template_content_area table th:not(:first-child),
.standard_template_content_area table td:not(:first-child) {
  border-left: 1px solid var(--neutral-900);
}

/* Keine zusätzlichen Ränder - table-border übernimmt alle äußeren Seiten */

.standard_template_content_area table:last-of-type {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    max-width: 100%;
  }
  .wp-block-table table {
    max-width: none;
    width: max-content;
    min-width: 100%;
  }
}



/* Default Page Hero mit Bildfilter -------------------------------------------------------------------------------------------- */

.standard_stage_featured_img .oxy-text {
    position: relative;
    z-index: 3;
    color: var(--neutral-100);
}

/* Container Basis ------------------------------------------------------------------------------------------------------------- */
.standard_stage_featured_img {
    isolation: isolate;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 50vh;
    width: 100%;
    display: block;
    isolation: isolate;
}

/* Layer 0: Hintergrundbild (Graustufen + Kontrast) ---------------------------------------------------------------------------- */
.standard_stage_featured_img::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--tmp-aufmacher);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: grayscale(100%) contrast(125%);
    z-index: 0;
}

/* Layer 1: Hardlight Overlay (erste Farbe) ---------------------------------------------------------------------------- */
.standard_stage_featured_img::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--tmp-effect-hardlight);
    mix-blend-mode: hard-light;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

/* Layer 2: Luminosity Overlay (zweite Farbe) ---------------------------------------------------------------------------- */
/* Um beide Effekte zu erhalten, nutzen wir .oxy-text für Text und einen Wrapper für Luminosity */
/* Da ::after schon belegt ist, erstellen wir ein weiteres Element für den zweiten Effekt */
.standard_stage_featured_img .oxy-background-overlay {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--tmp-effect-lum);
    mix-blend-mode: luminosity;
    opacity: 1;
    pointer-events: none;
    z-index: 2;
}

/* Text (Lesbarkeit) ------------------------------------------------------------------------------------------------------------- */
.standard_stage_featured_img .oxy-text {
    filter: none;
    position: relative;
    z-index: 3;
}

/* Farbschemas ------------------------------------------------------------------------------------------------------------- */
/*   
  --primary-blue:#00569D;
  --primary-orange:#f46717;
  --primary-orange-100:#fdf0e5;
  --primary-violett:#862992;
  --primary-violett-100:#f3eaf2;
  --primary-green:#25662c;
  --secondary-blue-900:#4285c3;
  --secondary-blue-100:#e9f2f8;
  --secondary-blue-200:#cce2f0;
  --secondary-yellow:#fdd205;
  --secondary-yellow-100:#fffae5;
  --secondary-violett:#d33395;
  --secondary-green:#4cbe4b;
  --secondary-green-100:#edf7ec;
  --neutral-900:#000;
  --neutral-300:#f2f2f2;
  --neutral-100:#fff;
  Vorherige Farbfilter
  orange_green:Orange/Grün
blue_blue:Blau/Blau
violett_green:Violett/Grün
green_orange:Grün/Orange
  



.standard_stage_featured_img[data-scheme="orange_green"] {
    --tmp-effect-hardlight: var(--primary-orange);
    --tmp-effect-lum: var(--secondary-green);
}
.standard_stage_featured_img[data-scheme="blue_blue"] {
    --tmp-effect-hardlight: var(--primary-orange);
    --tmp-effect-lum: var(--primary-blue);
}

.standard_stage_featured_img[data-scheme="violett_green"] {
    --tmp-effect-hardlight: var(--secondary-violett);
    --tmp-effect-lum: var(--secondary-green);
}
.standard_stage_featured_img[data-scheme="green_orange"] {
    --tmp-effect-hardlight: var(--secondary-green);
    --tmp-effect-lum: var(--primary-orange);
}
.standard_stage_featured_img[data-scheme="green_violett"] {
    --tmp-effect-hardlight: var(--secondary-green);
    --tmp-effect-lum: var(--primary-orange);
}
.standard_stage_featured_img[data-scheme="grayscle"] {
    --tmp-effect-hardlight: var(--secondary-green);
    --tmp-effect-lum: var(--primary-orange);
}
*/

.standard_stage_featured_img[data-scheme="filter_a"] { /* Orange-Rot: Amber Glow (Warm, energetisch) */
    --tmp-effect-hardlight: var(--primary-orange);
    --tmp-effect-lum: var(--secondary-green);
}

.standard_stage_featured_img[data-scheme="filter_b"] { /* Rosa-Violett: Magenta Glow (Leuchtend, energisch) */ 
    --tmp-effect-hardlight: var(--secondary-violett);
    --tmp-effect-lum: var(--secondary-green);
}

.standard_stage_featured_img[data-scheme="filter_c"] { /* Blau-Grün: Cyan Harmony (Kühl, tiefgründig) */
  --tmp-effect-hardlight: var(--secondary-blue-900);
  --tmp-effect-lum: var(--primary-blue);
}

.standard_stage_featured_img[data-scheme="filter_d"] { /* Apricot-Pfirsich: Pastel Dream (Sanft, warm) */
  --tmp-effect-hardlight: var(--primary-orange);
  --tmp-effect-lum: var(--secondary-yellow);
}



/* Berichte ----------------------------------------------------------------------------------------------------------------------- */
.berichte_item {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 480px;
  max-height: 480px;
  padding-top: var(--space-sm-between-md);
  padding-right: var(--space-sm-between-md);
  padding-bottom: var(--space-sm-between-md);
  padding-left: var(--space-sm-between-md);
  border-radius: var(--border-radius);
  isolation: isolate;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* LAYER 1: Hintergrundbild (S/W + Kontrast) ----------------------------------------------------------------------------- */
/* Das Bild liegt hier. Filter wirkt NICHT auf den Text oder die Overlays. */
.berichte_item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--tmp-background);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;

  /* HINTERGRUND: Schwarz-weiß & Kontrast */
  filter: grayscale(100%) contrast(130%);
}

/* LAYER 2: Farb-Overlay 1 (Hardlight) ----------------------------------------------------------------------------- */
.berichte_item::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--tmp-effect-hardlight);
  mix-blend-mode: hard-light;
  opacity: 1;
  pointer-events: none;
  z-index: 1;
}

/* LAYER 3: Farb-Overlay 2 (Luminosity) ----------------------------------------------------------------------------- */
/* Benötigt ein HTML-Element, da ::before und ::after bereits belegt sind */
.berichte-item-overlay-lum {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--tmp-effect-lum);
  mix-blend-mode: luminosity;
  opacity: 1;
  pointer-events: none;
  z-index: 2;
}

/* LAYER 4: Text ------------------------------------------------------------------------------------------------------------- */
.berichte_item a, 
.berichte_item p, 
.berichte_item h1, 
.berichte_item h2, 
.berichte_item .headline {
  position: relative;
  z-index: 3; /* Text liegt oben */
}

/* Farbschemas (identisch zum Original) ----------------------------------------------------------------------------- */
.berichte_item[data-scheme="orange_green"] { 
  --tmp-effect-hardlight: var(--primary-orange);
  --tmp-effect-lum: var(--secondary-green);
}
.berichte_item[data-scheme="blue_blue"] {
  --tmp-effect-hardlight: var(--primary-blue);
  --tmp-effect-lum: var(--primary-blue);
}
.berichte_item[data-scheme="violett_green"] {
  --tmp-effect-hardlight: var(--secondary-violett);
  --tmp-effect-lum: var(--secondary-green);
}
.berichte_item[data-scheme="green_orange"] {
  --tmp-effect-hardlight: var(--secondary-green);
  --tmp-effect-lum: var(--primary-orange);
}

/* NEU */
.berichte_item[data-scheme="filter_a"] {   /* Orange-Coral: Sunset Blend (Warm, einladend)*/
  --tmp-effect-hardlight: var(--primary-orange);
  --tmp-effect-lum: var(--secondary-green);
}
.berichte_item[data-scheme="filter_b"] {  /* Indigo-Marine: Abyss Tone (Tief, mystisch) */
  --tmp-effect-hardlight: var(--secondary-blue-900);
  --tmp-effect-lum: var(--primary-green);
}
.berichte_item[data-scheme="filter_c"] {  /* Pink-Magenta: Vibrant Flux (Modern, lebendig) */
  --tmp-effect-hardlight: var(--secondary-violett);
  --tmp-effect-lum: var(--secondary-green);
}
.berichte_item[data-scheme="filter_d"] { /* Apricot-Pfirsich: Pastel Dream (Sanft, warm) */
  --tmp-effect-hardlight: var(--primary-orange);
  --tmp-effect-lum: var(--secondary-yellow);
}



/* Downloads ----------------------------------------------------------------------------------------------------------------------- */

.rks-downloads {
  display: block;
}

.rks-downloads-filter {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  margin-top: var(--space-sm-between-md);
  margin-bottom: var(--space-xl-between-2xl);
  align-items: center;
}

.rks-downloads-filter .filter-group {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.rks-downloads-filter .label {
  opacity: .6;
  margin-right: var(--space-xs);
}

.filter-chip {
  display: inline-block;
  padding: var(--space-sm) var(--space-sm-between-md);
  border: 1px solid var(--neutral-900);
  border-radius: 999px;
  text-decoration: none;
  line-height: var(--lineheight-button);
  font-size: var(--text-mono-sm);
}

.filter-chip.is-active,
.filter-chip:hover {
  background: var(--neutral-900);
  color: var(--neutral-100);
}

.rks-downloads-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rks-download-item {
  display: flex;
  gap: var(--space-xs);
  align-items: baseline;
  margin: var(--space-xs) 0;
}

.rks-download-item .download-link {
  text-decoration: none;
}

.rks-download-item .meta {
  display: flex;
  gap: var(--space-xs);
  align-items: baseline;
  opacity: .8;
}

.rks-download-item .badge {
  border: 1px solid currentColor;
  border-radius: .25rem;
  padding: var(--space-xs) var(--space-sm);
  line-height: 1;
}

.rks-download-item .dot {
  opacity: .6;
}

a.download_list_line {
  text-decoration: none;
}


/* War vorher ggf gelöscht? */
.download_list_line .flex--right.flex--4 > div:first-child {
  max-width: 0;
  overflow: hidden;
  transition: max-width .25s ease-in-out;
}

a.download_list_line:hover .flex--right.flex--4 > div:first-child {
  max-width: 28px;
}
/* ENDE */

.downloads_list {
  gap: var(--space-md-between-lg);
}

.download_list_line {
  padding-right: 0 !important;
}

.download_list_line > .flex--right:last-child {
  display: grid;
  grid-template-columns: 4rem 4rem;
  gap: var(--space-md);
  justify-items: end;
  margin-left: auto;
  margin-right: 0 !important;
  padding: 0 !important;
}

.download_list_line > .flex--right:last-child .text--mono--xs {
  text-align: right;
}

.download_list_line > .flex--right:last-child .text--mono--xs:first-child {
  border: 1px solid currentColor;
  border-radius: .25rem;
  padding: var(--space-xs) var(--space-sm);
  line-height: 1;
  width: fit-content;
}

/* Berichte-Archiv ------------------------------------------------------------------------------------------------------------------- */

.rks-berichte-archiv { 
  display:block; 
}

.rks-berichte-filter {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  margin-top: var(--space-sm-between-md);
  margin-bottom: 1.5rem;
}

.rks-berichte-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(333px, 1fr));
  grid-template-rows: masonry;
  grid-auto-flow: dense;
  grid-gap: var(--space-sm);
}

.rks-bericht-item.long {
  grid-column: span 2;
}

.rks-berichte-empty { opacity: .6; }

.rks-berichte-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .4rem;
  margin-top: 2rem;
}

.rks-berichte-pagination .page-btn,
.rks-berichte-pagination .page-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: var(--space-sm-between-md);
  border: 1px solid var(--neutral-900);
  border-radius: 999px;
  text-decoration: none;
  font-size: var(--size-mono-md);
  line-height: var(--lineheight-button);
}

.rks-berichte-pagination .page-current {
  background: var(--neutral-900);
  color: var(--neutral-100); 
}

.rks-berichte-pagination .page-disabled {
  visibility: hidden;
}

.rks-berichte-pagination .page-prev,
.rks-berichte-pagination .page-next {
  border: none;
  padding: 0 var(--space-lg);
}

/* ===========================================================
   MIGRIERT AUS SELECTORS.CSS
   (Neue Selektoren + ergänzende Eigenschaften)
   =========================================================== */

/* ========================================================== */
/* Default                                                    */
/* ========================================================== */

/* [class] downloads */
.downloads {
    max-width: 1340px;
    padding-right: var(--space-lg);
    padding-bottom: var(--space-4xl);
    padding-left: var(--space-lg)
}

/* [class] berichte_termine_item */
.berichte_termine_item {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: start;
    gap: 2px
}

/* [class] berichte_termine_headline */
.berichte_termine_headline {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: var(--space-xs)
}

/* [class] berichte_container */
.berichte_container {
    gap: var(--space-sm);
    overflow: hidden
}

/* [class] invert */
.invert {
    color: var(--neutral-100)
}

/* [class] disable */
.disable {
    display: none
}

/* [class] section_container_head */
.section_container_head {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-right: var(--space-lg);
    padding-bottom: var(--space-md-between-lg);
    padding-left: var(--space-lg)
}

/* [class] section_md */
.section_md {
    display: block;
    padding-top: var(--space-xl-between-2xl);
    padding-bottom: var(--space-xl-between-2xl)
}

/* [class] kunst_und_kultur_meta */
.kunst_und_kultur_meta {
    display: flex;
    flex-flow: column;
    gap: var(--space-sm);
}

/* [class] video-length */
.video-length {
    position: absolute;
    top: var(--space-sm-between-md);
    right: var(--space-sm-between-md);
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-xs);
    line-height: var(--lineheight-button);
    padding-top: var(--space-xs);
    padding-right: var(--space-sm);
    padding-bottom: var(--space-xs);
    padding-left: var(--space-sm);
    background-color: var(--neutral-100);
    border-radius: var(--border-radius-round)
}

/* [class] parts_cta_secondary--invert--md */
.parts_cta_secondary--invert--md {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: var(--space-xs);
    position: relative;
    z-index: 100;
    width: fit-content;
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-md);
    line-height: var(--lineheight-button);
    text-decoration: none;
    margin-bottom: var(--space-lg);
    padding-top: var(--space-sm);
    padding-right: var(--space-md);
    padding-bottom: var(--space-sm);
    padding-left: var(--space-md);
    background-color: var(--neutral-100);
    border-radius: var(--border-radius-round)
}
.parts_cta_secondary--invert--md:hover {
    background: var(--neutral-900);
    color: var(--neutral-100)
}
.parts_cta_secondary--invert--md:hover svg path {
    stroke: var(--neutral-100)!important
}

/* [class] parts_termine_anzeigen_position */
.parts_termine_anzeigen_position {
    display: flex;
    flex-flow: column;
    justify-content: end;
    align-items: center;
    width: 100%;
    height: 300px;
    margin-top: -300px
}

/* [class] berichte_termine_content */
.berichte_termine_content {
    display: flex;
    flex-flow: column;
    gap: var(--space-sm);
    width: 100%;
    height: 100%;
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-sm-between-md);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-sm-between-md)
}

/* [class] berichte_termine_fade */
.berichte_termine_fade {
    display: flex;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 200px;
    min-height: 200px;
    background-image: linear-gradient(0deg,rgba(204,226,240,1) 0%,rgba(204,226,240,0) 100%);
    background-size: auto;
    background-position: 0px 0px;
    background-repeat: repeat;
    background-attachment: scroll;
    border-radius: var(--border-radius)
}

/* [class] link--no_color */
.link--no_color {
    text-decoration: none
}

/* [class] standard_menu_and_content */
.standard_menu_and_content {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: start;
    min-height: 80vh;
    padding-bottom: var(--space-3xl)
}

/* [class] standard_stage */
.standard_stage {
    display: flex;
    flex-flow: column;
    justify-content: end;
    align-items: start;
    gap: var(--space-sm-between-md);
    height: 350px;
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-lg);
    padding-left: var(--space-lg);
    background-color: var(--secondary-blue-200)
}

/* [class] text_serif_lg */
.text_serif_lg {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-lg);
    line-height: var(--lineheight-text-serif)
}

/* [class] standard_stage_intro */
.standard_stage_intro {
    max-width: 680px
}

/* [class] parts_breadcrump */
.parts_breadcrump {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    font-size: var(--size-mono-xs);
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-lg)
}
.parts_breadcrump a {
    text-decoration: none
}

/* Breadcrumb: Mobile horizontal scroll (wie Metanavigation) */
@media (max-width:767px) {
    .parts_breadcrump {
        flex-flow: row nowrap;
        flex-wrap: nowrap;
        justify-content: start;
        align-items: center;
        gap: var(--space-xs);
        width: auto;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        flex-shrink: 0;
        position: relative;
    }
    .parts_breadcrump::-webkit-scrollbar {
        display: none;
    }
    .parts_breadcrump > * {
        flex-shrink: 0;
    }
    .rks-breadcrumb {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .rks-breadcrumb > * {
        flex-shrink: 0;
        white-space: nowrap;
    }
}

/* [class] standard_stage_sticky */
.standard_stage_sticky {
    display: none;
    height: fit-content;
    padding-top: var(--space-sm);
    padding-right: var(--space-sm);
    padding-bottom: var(--space-sm);
    padding-left: var(--space-lg);
    background-color: var(--secondary-blue-200);
    opacity: 0
}

/* [class] is-visible */
.is-visible {
    display: block;
    opacity: 1
}

/* [class] footer */
.footer {
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-left: var(--space-lg)
}

/* [class] footer_logo */
.footer_logo {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: end;
    width: 100%;
    padding-bottom: var(--space-sm-between-md);
    border-top: 0px solid var(--neutral-900);
    border-bottom: 1px solid var(--neutral-900);
    border-left: 0px solid var(--neutral-900);
    border-right: 0px solid var(--neutral-900)
}
@media (max-width:767px) {
    .footer_logo {
        flex-flow: wrap;
        align-items: center;
        gap: var(--space-md)
    }
}

/* [class] parts_cta_secondary--icon_left--sm */
.parts_cta_secondary--icon_left--sm {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: var(--space-xs);
    width: fit-content;
    color: var(--neutral-900);
    text-decoration: none;
    padding-top: 6px;
    padding-right: var(--space-sm-between-md);
    padding-bottom: 6px;
    padding-left: var(--space-sm-between-md);
    border-radius: var(--border-radius-round);
    border-top: 1px solid var(--neutral-900);
    border-bottom: 1px solid var(--neutral-900);
    border-left: 1px solid var(--neutral-900);
    border-right: 1px solid var(--neutral-900)
}
.parts_cta_secondary--icon_left--sm:hover {
    color: var(--neutral-100);
    background-color: var(--neutral-900)
}
.parts_cta_secondary--icon_left--sm svg path.stroke-shape {
    stroke: var(--neutral-900)!important
}
.parts_cta_secondary--icon_left--sm:hover svg path.stroke-shape {
    stroke: var(--neutral-100)!important
}

/* [class] button--serif--sm */
.button--serif--sm {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-sm);
    line-height: var(--lineheight-button)
}

/* [class] link--no_underline */
.link--no_underline {
    text-decoration: none!important
}

/* [class] flex--right */
.flex--right {
    display: flex;
    flex-flow: row
}
@media (max-width:1119px) {
    .flex--right {
        flex-flow: row
    }
}
@media (max-width:1023px) {
    .flex--right {
        flex-flow: wrap
    }
}

/* [class] flex--24 */
.flex--24 {
    display: flex;
    gap: var(--space-lg);
    padding-right: var(--space-lg)
}

/* [class] footer_adresse */
.footer_adresse {
    width: 330px;
    margin-top: -19px
}
@media (max-width:1023px) {
    .footer_adresse {
        flex-basis: 100%
    }
}

/* [class] flex--down */
.flex--down {
    display: flex;
    flex-flow: column
}

/* [class] flex--8 */
.flex--8 {
    display: flex;
    gap: var(--space-sm)
}

/* [class] flex--40 */
.flex--40 {
    display: flex;
    gap: var(--space-xl-between-2xl)
}

/* [class] text--serif--md */
.text--serif--md {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-md);
    line-height: var(--lineheight-text-serif)
}

/* [class] footer_img_ohne_rassismus */
.footer_img_ohne_rassismus {
    width: 170px
}

/* [class] footer_sekretariat */
.footer_sekretariat {
    max-width: 330px
}

/* [class] flex--12 */
.flex--12 {
    display: flex;
    gap: var(--space-sm-between-md)
}

/* [class] flex--4 */
.flex--4 {
    display: flex;
    gap: var(--space-xs)
}

/* [class] footer_content */
.footer_content {
    padding-top: var(--space-lg)
}

/* [class] text--serif--sm */
.text--serif--sm {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-sm);
    line-height: var(--lineheight-text-serif)
}

/* [class] flex--32 */
.flex--32 {
    display: flex;
    gap: var(--space-xl)
}

/* [class] padding--bottom--4 */
.padding--bottom--4 {
    padding-bottom: var(--space-xs)
}

/* [class] padding--top--4 */
.padding--top--4 {
    padding-top: var(--space-xs)
}

/* [class] border--bottom--no_last_border */
.border--bottom--no_last_border {
    border-bottom: 1px solid var(--neutral-900)!important
}
.border--bottom--no_last_border:last-child {
    border-bottom: none!important
}

/* [class] text--serif--xs */
.text--serif--xs {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-xs);
    line-height: var(--lineheight-text-serif)
}

/* [class] footer_schulleiter_schulprofil */
.footer_schulleiter_schulprofil {
    width: 330px
}

/* [class] flex--middle */
.flex--middle {
    display: flex;
    align-items: center
}

/* [class] flex--wrap */
.flex--wrap {
    display: flex;
    flex-flow: wrap
}

/* [class] footer_vision */
.footer_vision {
    width: 567px
}
@media (max-width:767px) {
    .footer_vision {
        max-width: 100%
    }
}

/* [class] flex--64 */
.flex--64 {
    display: flex;
    gap: var(--space-3xl)
}

/* [class] flex--96 */
.flex--96 {
    display: flex;
    gap: var(--space-4xl)
}

/* [class] footer_credits */
.footer_credits {
    margin-bottom: var(--space-lg)
}

/* [class] flex--strech */
.flex--strech {
    display: flex;
    align-items: stretch
}

/* [class] flex--space_between */
.flex--space_between {
    display: flex;
    justify-content: space-between
}

/* [class] flex--16 */
.flex--16 {
    display: flex;
    flex-flow: row;
    gap: var(--space-md)
}

/* [class] flex--bottom */
.flex--bottom {
    display: flex;
    align-items: end
}

/* [class] parts_cta_svg_fix */
.parts_cta_svg_fix {
    margin-bottom: -3px
}

/* [class] footer_symbol_01 */
.footer_symbol_01 {
    z-index: -10;
    margin-right: 221px
}

/* [class] footer_symbol_02 */
.footer_symbol_02 {
    z-index: -10;
    margin-right: -324px;
    margin-bottom: 312px
}

/* [class] footer_symbol */
.footer_symbol {
    display: flex;
    justify-content: end;
    align-items: end;
    margin-top: -610px
}

/* [class] stage_symbole_overlay */
.stage_symbole_overlay {
    position: absolute;
    top: 0;
    right: 0px;
    left: 0px;
    z-index: -100;
    width: auto;
    min-width: 100%;
    overflow: visible
}

/* [class] stage_symbole_overlay */

/* [class] stage_symbol_01 */
.stage_symbol_01 {
    position: absolute;
    left: 82px
}

/* [class] stage */
.stage {
    position: relative;
    width: 100%;
    overflow-x: clip
}

/* [class] stage_symbol_02 */
.stage_symbol_02 {
    position: absolute;
    top: 212px;
    left: 50px
}

/* [class] stage_symbol_03 */
.stage_symbol_03 {
    position: absolute;
    top: 100px;
    right: 62px
}

/* [class] stage_symbol_04 */
.stage_symbol_04 {
    position: absolute;
    top: 490px;
    left: 334px
}
@media (max-width:479px) {
    .stage_symbol_04 {
        left: 100px
    }
}

/* Mobile: stage_symbols positioning (max-width: 768px) */
@media (max-width: 768px) {
    .stage_symbole_overlay {
        left: 0 !important;
        right: auto !important;
        width: auto !important;
        min-width: 100% !important;
        overflow: visible !important;
    }

    .stage_symbol_01 {
        left: -67px !important;
    }

    .stage_symbol_02 {
        left: -100px !important;
    }

    .stage_symbol_03 {
        right: -128px !important;
    }

    .stage_symbol_04 {
        left: 210px !important;
    }

    .stage_symbol_05 {
        right: 295px !important;
    }
}

/* [class] stage_symbole_overlay */

/* [class] stage_symbol_05 */
.stage_symbol_05 {
    position: absolute;
    top: 451px;
    right: 225px
}

/* [class] components_megamenu */
.components_megamenu {
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-3xl);
    padding-left: var(--space-lg);
    background-color: var(--secondary-blue-200)
}

/* [class] megamenu_sub_container */
.megamenu_sub_container {
    padding-left: var(--space-sm-between-md);
    border-left: 1px solid var(--neutral-900)
}

/* [class] header_menu */
.header_menu {
    display: none
}




/* [class] parts_cta_secondary--md */
.parts_cta_secondary--md {
    width: fit-content;
    padding-top: var(--space-sm);
    padding-right: var(--size-mono-xs);
    padding-bottom: var(--space-sm);
    padding-left: var(--size-mono-xs);
    border-radius: var(--border-radius-round);
    border-top: 1px solid var(--neutral-900);
    border-bottom: 1px solid var(--neutral-900);
    border-left: 1px solid var(--neutral-900);
    border-right: 1px solid var(--neutral-900)
}

/* [class] stage_longread */
.stage_longread {
    display: flex;
    justify-content: center;
    align-items: end;
    height: 637px;
    color: var(--neutral-100);
    background-image: var(--tmp-aufmacher);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-color: #b1b2b5;
    background-blend-mode: multiply
}

/* [class] stage_longread_meta */
.stage_longread_meta {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 797px;
    text-align: center;
    margin-bottom: var(--space-xl-between-2xl)
}

/* [class] stage_longread_infobubble */
.stage_longread_infobubble {
    display: flex;
    flex-flow: row;
    padding-top: var(--space-xs);
    padding-right: var(--space-sm);
    padding-bottom: var(--space-xs);
    padding-left: var(--space-sm);
    background-color: var(--neutral-900);
    border-radius: var(--border-radius-round)
}

/* [class] stage_longread_meta_dachzeile */
.stage_longread_meta_dachzeile {
    max-width: 581px
}

/* [class] flex--center */
.flex--center {
    display: flex;
    justify-content: center;
    align-items: center
}

/* [class] flex--20 */
.flex--20 {
    display: flex;
    gap: var(--space-md-between-lg)
}

/* [class] longread_container_template */
.longread_container_template {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 920px;
    margin-top: var(--space-xl-between-2xl);
    margin-right: var(--space-lg);
    margin-bottom: var(--space-xl-between-2xl);
    margin-left: var(--space-lg)
}
.longread_container_template h2 {
    max-width: 449px;
    font-family: var(--font-typeface-headline);
    font-size: var(--space-xl);
    line-height: var(--lineheight-display);
    text-align: center;
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-sm-between-md)
}
.longread_container_template h2:first-of-type,
.longread_container_template h3:first-of-type {
    margin-top: 0 !important;
}
.longread_container_template p {
    max-width: 685px;
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-md);
    line-height: var(--lineheight-text-serif);
    margin-bottom: var(--space-md-between-lg)
}
.longread_container_template img {
    overflow: clip;
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
    border-radius: var(--border-radius)
}

/* Slider: margin für Slider-Bilder deaktivieren */
.longread_container_template .rks-slider img,
.longread_container_template .swiper img {
    margin-top: 0;
    margin-bottom: 0
}

/* [class] text--mono--md */
.text--mono--md {
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-md);
    line-height: var(--lineheight-text-mono)
}

/* [class] berichte_uebersicht_container */
.berichte_uebersicht_container {
    flex-flow: row;
    margin-right: var(--space-lg);
    margin-bottom: var(--space-4xl);
    margin-left: var(--space-lg)
}

/* [class] berichte_uebersicht_loop */
.berichte_uebersicht_loop .bde-loop {
    display: flex;
    flex-flow: wrap;
    justify-content: start;
    align-items: start;
    gap: var(--space-sm)
}

/* [class] shortread_container_template */
.shortread_container_template {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: center;
    align-self: center;
    margin-right: var(--space-lg);
    margin-bottom: var(--space-3xl);
    margin-left: var(--space-lg)
}
.shortread_container_template h2 {
    max-width: 449px;
    font-family: var(--font-typeface-headline);
    font-size: var(--space-xl);
    line-height: var(--lineheight-display);
    text-align: center;
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-sm-between-md)
}
.shortread_container_template p {
    max-width: 685px;
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-md);
    line-height: var(--lineheight-text-mono);
    margin-bottom: var(--space-md-between-lg)
}
.shortread_container_template img {
    overflow: clip;
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
    border-radius: var(--border-radius)
}

/* [class] shortread_stage */
.shortread_stage {
    display: flex;
    flex-flow: column;
    justify-content: end;
    align-items: center;
    gap: var(--space-sm-between-md);
    height: 350px;
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-lg);
    padding-left: var(--space-lg);
    background-color: var(--secondary-blue-200)
}

/* [class] shortread_stage_meta */
.shortread_stage_meta {
    max-width: 797px;
    text-align: center
}

/* [class] stage_shortread_meta_dachzeile */
.stage_shortread_meta_dachzeile {
    max-width: 581px
}

/* [class] flex-40 */
.flex-40 {
    display: flex;
    gap: 40px
}

/* [class] berichte_item_additional_info */
.berichte_item_additional_info {
    display: block;
    gap: var(--space-xs);
    text-align: start;
    text-overflow: clip;
    margin-top: 2px
}

/* [class] berichte_termine_item_icon */
.berichte_termine_item_icon {
    position: relative
}

/* [class] berichte_termine_list */
.berichte_termine_list {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: start;
    gap: var(--space-md-between-lg)
}

/* [class] personen_container */
.personen_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: start;
    align-items: start;
    gap: var(--space-lg);
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-4xl);
    padding-left: var(--space-lg)
}

/* [class] personen_container_text */
.personen_container_text {
    display: flex;
    flex-flow: column;
    gap: var(--space-sm-between-md);
    max-width: 368px;
    min-width: 368px;
}

@media (max-width: 768px) {
  .personen_container_text {
    min-width: unset;
  }
}

/* [class] personen_container_items */
.personen_container_items {
    display: flex;
    flex-flow: wrap;
    justify-content: start;
    align-items: start;
    gap: var(--space-lg);
    width: 100%
}

/* [class] personen_container_items_item */
.personen_container_items_item {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: center;
    gap: var(--space-sm);
    width: 151px
}

/* [class] personen_container_items_item_img */
.personen_container_items_item_img {
    width: 151px;
    height: 232px;
    object-fit: cover;
    background-color: #fefefe;
    border-radius: var(--border-radius-round);
    mix-blend-mode: multiply;
    filter: grayscale(100%)
}

/* [class] personen_container_items_name */
.personen_container_items_name {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: start;
    gap: var(--space-xs)
}

/* [class] personen_container_items_faecher */
.personen_container_items_faecher {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: center
}

/* [class] footer_oeffnungszeiten */
.footer_oeffnungszeiten {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: start
}
.footer_oeffnungszeiten svg {
    margin-top: 4px
}

/* [class] berichte_uebersicht_items */
.berichte_uebersicht_items {
    display: flex;
    flex-flow: column;
    width: 100%
}

/* [class] width-500 */
.width-500 {
    width: 500px;
    height: 480px;
    max-width: 500px;
    min-width: 500px
}

/* [class] header_rks_logo */
.header_rks_logo {
    margin-left: -4px
}

/* [class] header_nav_menu */
@media (max-width:1023px) {
    .header_nav_menu {
        order: 99
    }
}

/* [class] footer_rks_logo */
@media (max-width:1023px) {
    .footer_rks_logo {
        max-width: 500px
    }
}
@media (max-width:767px) {
    .footer_rks_logo {
        max-width: 100%
    }
}

/* ========================================================== */
/* Swiper                                                     */
/* ========================================================== */

/* [class] swiper */
.swiper {
    flex-flow: row
}

/* [class] swiper-wrapper */
.swiper-wrapper {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: start
}

/* [class] swiper-berichte */
.swiper-berichte .swiper-slide {
    width: fit-content
}

/* [class] swiper-leitlinien */
.swiper-leitlinien .swiper-slide {
    width: 400px
}
.swiper-leitlinien .headline_2xl {
    padding-right: var(--space-lg)
}
.swiper-leitlinien .swiper-wrapper {
    display: flex;
    align-items: end
}
.swiper-leitlinien .swiper-wrapper {
    align-items: flex-end!important
}

/* [class] swiper-kunst_und_kultur */
.swiper-kunst_und_kultur .swiper-slide {
    width: 330px;
    overflow: clip;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm-between-md);
    height: 100%
}

/* [class] swiper-kunst_und_kultur-inner */
.swiper-kunst_und_kultur-inner .swiper-slide {
    width: 330px;
    height: max-content
}

/* ========================================================== */
/* Header                                                     */
/* ========================================================== */

/* [class] header__hinweis */
.header__hinweis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--neutral-100);
    font-size: var(--size-mono-xs);
    line-height: var(--lineheight-button);
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-lg);
    background-color: var(--neutral-900)
}

/* [class] stage_frontpage_targetgroup_info */
.stage_frontpage_targetgroup_info {
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-sm);
    line-height: var(--lineheight-text-mono);
    text-align: center;
}

/* [class] header__nav_main */
.header__nav_main {
    display: flex;
    flex-flow: row;
    gap: var(--space-lg);
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-lg);
    line-height: var(--lineheight-button);
}

/* [class] header_nav */
.header_nav {
    display: flex;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-lg);
    border-bottom: 1px solid var(--neutral-900);
    height: unset;
}
.header_nav a {
    text-decoration: none
}
@media (max-width:767px) {
    .header_nav {
        flex-flow: row nowrap;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        overflow: visible;
        height: 48px;
    }
    .header_nav > * {
        flex-shrink: 0;
        white-space: nowrap;
    }
    /* Burger-Menü fixiert rechts */
    .header_nav_menu {
        flex-shrink: 0;
        position: sticky;
        right: 0;
        z-index: 10;
        background: var(--neutral-100);
    }
    /* Burger-Menü Margin auf 0 setzen */
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
        margin: 0;
    }
    /* Burger-Menü height unset */
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
        height: unset;
    }
}

/* [class] header__nav_meta */
.header__nav_meta {
    display: flex;
    flex-flow: row;
    justify-content: end;
    align-items: center;
    gap: var(--space-md);
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-md)
}
@media (max-width:767px) {
    .header__nav_meta {
        flex-flow: row nowrap;
        flex-wrap: nowrap;
        justify-content: start;
        align-items: center;
        gap: var(--space-sm);
        order: -1;
        width: auto;
        max-width: calc(100% - 32px);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        flex-shrink: 0;
        position: relative;
        margin-left: calc(-1 * var(--space-lg));
        padding-left: var(--space-lg);
    }
    .header__nav_meta::-webkit-scrollbar {
        display: none;
    }
    .header__nav_meta > * {
        flex-shrink: 0;
        white-space: nowrap;
    }
    /* Rechter Fade wird per JS als fix positioniertes DOM-Element erstellt (.nav-meta-right-fade) */
}

/* [class] header_rks */
.header_rks {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-lg);
    padding-left: var(--space-lg);
    border-bottom: 1px solid var(--neutral-900)
}
@media (max-width:767px) {
    .header_rks {
        flex-flow: wrap;
        gap: var(--size-mono-md)
    }
}

/* [class] header_rks_socialmedia */
.header_rks_socialmedia {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: var(--space-xs);
    width: fit-content;
    min-width: fit-content;
    color: var(--neutral-100);
    font-size: var(--size-mono-xs);
    line-height: var(--lineheight-button);
    text-wrap: pretty;
    padding-top: var(--space-sm);
    padding-right: var(--space-sm-between-md);
    padding-bottom: var(--space-sm);
    padding-left: var(--space-sm-between-md);
    background-color: var(--neutral-900);
    border-radius: var(--border-radius-round)
}
@media (max-width:767px) {
    .header_rks_socialmedia {
        margin-left: -4px
    }
}

/* [class] header_rks_logo_subline_item */
.header_rks_logo_subline_item {
    font-size: var(--size-mono-xs);
    line-height: var(--lineheight-text-mono)
}

/* [class] header_rks_logo_subline */
.header_rks_logo_subline {
    display: flex;
    flex-flow: row;
    gap: var(--space-xl)
}

/* [class] header_rks_logo_container */
.header_rks_logo_container {
    display: flex;
    flex-flow: wrap;
    justify-content: start;
    align-items: center;
    gap: var(--space-xl)
}
@media (max-width:1119px) {
    .header_rks_logo_container {
        gap: var(--space-sm)
    }
}

/* [class] link_external */
.link_external {
    display: flex;
    flex-flow: row;
    justify-content: start;
    align-items: center;
    gap: var(--space-xs)
}

/* ========================================================== */
/* Typography                                                 */
/* ========================================================== */

/* [class] headline--2xl */
.headline--2xl {
    font-family: var(--font-typeface-headline);
    font-size: var(--space-2xl);
    line-height: var(--lineheight-display)
}

/* [class] headline--lg */
.headline--lg {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-lg);
    line-height: var(--lineheight-display)
}

/* [class] headline--md */
.headline--md {
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-md);
    line-height: var(--lineheight-display)
}

/* [class] text--mono--sm */
.text--mono--sm {
    font-size: var(--size-mono-sm);
    line-height: var(--lineheight-text-mono)
}

/* [class] text--mono--xs */
.text--mono--xs {
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-xs);
    line-height: var(--lineheight-text-mono)
}

/* ========================================================== */
/* Content                                                    */
/* ========================================================== */

/* [class] stage_frontpage */
.stage_frontpage {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-2xl)
}

/* [class] stage_frontpage_targetgroup */
.stage_frontpage_targetgroup {
    display: flex;
    flex-flow: column;
    gap: var(--space-md);
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-2xl);
    line-height: var(--lineheight-button);
    padding-top: var(--space-5xl);
    padding-bottom: var(--space-5xl)
}

/* [class] stage_frontpage_targetgroup_select */
.stage_frontpage_targetgroup_select {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-md)
}

/* [class] stage_frontpage_targetgroup_dropdown */
.stage_frontpage_targetgroup_dropdown {
    font-family: var(--font-typeface-copy);
    font-size: var(--size-mono-lg);
    line-height: var(--lineheight-button)
}
.stage_frontpage_targetgroup_dropdown select {
    border: 1px solid var(--neutral-900);
    border-radius: var(--border-radius-round);
    width: 300px;
    padding: var(--space-sm-between-md) var(--space-md);
    background: var(--neutral-100)
}

/* [class] stage_frontpage_welcome */
.stage_frontpage_welcome {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: start;
    gap: var(--space-xs);
    max-width: 800px
}

/* [class] img_sm */
.img_sm {
    width: var(--space-md)
}

/* [class] card--color */
.card--color {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-3xl);
    width: 400px;
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-sm-between-md);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-sm-between-md);
    background-color: var(--tmp-background-color);
    border-radius: var(--border-radius)
}

/* ========================================================== */
/* Fixes                                                      */
/* ========================================================== */

/* [class] bde-loop-item */
.bde-loop-item {
    width: fit-content;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px
}

/* [class] bde-loop */
.bde-loop {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: start;
    gap: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px
}

/* [class] berichte_termine */
.berichte_termine {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    width: 299px;
    height: 480px;
    max-height: 480px;
    overflow: hidden;
    background-color: var(--secondary-blue-200);
    border-radius: var(--border-radius)
}
.berichte_termine .bde-loop {
    display: flex;
    flex-flow: column;
    justify-content: start;
    align-items: start;
    gap: var(--space-md)
}
.berichte_termine .swiper-slide {
    display: block;
    width: 299px;
    height: 480px
}

/* [class] berichte_container_loop */
.berichte_container_loop .bde-loop {
    display: flex;
    flex-flow: row;
    gap: var(--space-sm)
}

/* [class] standard_stage_featured_img */
.standard_stage_featured_img {
    display: flex;
    flex-flow: column;
    justify-content: end;
    align-items: start;
    gap: var(--space-sm-between-md);
    color: var(--neutral-100);
    padding-top: var(--space-lg);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-lg);
    padding-left: var(--space-lg);
    background-image: var(--tmp-aufmacher);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: scroll
}

/* [class] downloads_list (ergänzend) */
.downloads_list {
    display: flex;
    flex-flow: column;
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-sm-between-md);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-sm-between-md);
    background-color: var(--secondary-yellow-100);
    border-radius: var(--border-radius)
}

/* [class] download_list_line (ergänzend) */
.download_list_line {
    width: 100%
}

/* [class] video-js (ergänzend) */
.video-js {
    overflow: clip;
    border-radius: var(--border-radius);
}

/* [class] berichte_item_content (ergänzend) */
.berichte_item_content {
    position: relative;
    z-index: 100;
    padding-right: var(--space-2xl)
}

/* [class] berichte_item (ergänzend - Hintergrund) */
.berichte_item {
    background-blend-mode: luminosity;
    background-image: var(--tmp-background);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

/* [class] berichte_item_headline (ergänzend) */
.berichte_item_headline {
    display: flex;
    flex-flow: column;
    gap: var(--space-sm-between-md);
    position: relative;
    z-index: 1000;
    color: var(--neutral-100)
}

/* [class] stage_frontpage_welcome_item (ergänzend) */
.stage_frontpage_welcome_item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: var(--neutral-100);
    font-family: var(--font-typeface-headline);
    font-size: var(--size-serif-2xl);
    line-height: var(--lineheight-button);
    text-wrap: nowrap;
    padding-top: var(--space-sm-between-md);
    padding-right: var(--space-lg);
    padding-bottom: var(--space-sm-between-md);
    padding-left: var(--space-lg);
    background-color: var(--neutral-900);
    border-radius: var(--border-radius-round)
}
.stage_frontpage_welcome_item:hover {
    cursor: pointer
}

/* [class] standard_menu (ergänzend) */
.standard_menu {
    width: 330px;
    max-width: 330px;
    margin-left: 0px;
    padding-bottom: var(--space-md);
    padding-left: 0px
}

/* ENDE MIGRIERTE SELECTORS.CSS */

.parts_cta_secondary--icon_left--sm svg path.stroke-shape {
	stroke: #000 !important;
}

.parts_cta_secondary--icon_left--sm:hover svg path.stroke-shape {
	stroke: #fff !important;
}

/* ============================================================================
   Mobile Queries — Remaining Rules (≤ 768px)
   ============================================================================ */

@media (max-width: 768px) {
  /* Swiper Navigation ausblenden (mit Ausnahmen für Standard-Template und BDE Themeless) */
  .swiper-navigation,
  .swiper-button-next,
  .swiper-button-prev,
  .swiper-pagination {
    display: none !important;
  }

  /* Ausnahmen: Navigation in Standard-Template und BDE Themeless Bereichen einblenden */
  .bde-themeless-template-content-area .swiper-navigation,
  .bde-themeless-template-content-area .swiper-button-next,
  .bde-themeless-template-content-area .swiper-button-prev,
  .bde-themeless-template-content-area .swiper-pagination,
  .standard_template_content_area .swiper-navigation,
  .standard_template_content_area .swiper-button-next,
  .standard_template_content_area .swiper-button-prev,
  .standard_template_content_area .swiper-pagination {
    display: flex !important;
  }
  .standard_template_content_area .swiper-pagination-bullet {
    display: inline-block !important;
  }

  /* Berichte-Slider: auf Mobile automatische Breite (Oxygen .width-500 Override entfernen) */
  .swiper-berichte .swiper-slide.width-500 {
    width: 86vw !important;
    max-width: none !important;
    min-width: unset !important;
  }

  /* Leitlinien-Slider: auf Mobile 86vw Breite (angeschnittener Nachbar-Slide sichtbar) */
  .swiper-leitlinien .swiper-slide {
    width: 86vw !important;
    max-width: none !important;
    min-width: unset !important;
  }

  /* Leitlinien-Slider: Oxygen .card--color width: 400px auf Mobile überschreiben */
  .card--color {
    width: unset !important;
  }

  /* Sicherstellen, dass full-width Container auf Mobile 100% nutzt */
  .full-width,
  .full-width .swiper,
  .full-width .swiper-wrapper {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Standard Menu auf Mobile ausblenden */
  .standard_menu {
    display: none !important;
  }

  /* Content-Bereich: Bilder auf Mobile responsiv (max 100% Container-Breite) */
  .standard_template_content_area img,
  .bde-themeless-template-content-area img {
    max-width: 100% !important;
  }

  /* Content-Bereich: ersten Kind-Element keinen oberen Margin auf Mobile */
  .standard_template_content_area > :first-child {
    margin-top: unset;
  }

  /* longread_container_template: Sicherstellen, dass auf Mobile ausreichend Padding vorhanden ist */
  .longread_container_template {
    margin-left: var(--space-md) !important;
    margin-right: var(--space-md) !important;
    padding-left: var(--space-md) !important;
    padding-right: var(--space-md) !important;
  }

  /* stage_longread: Höhe auf Mobile reduzieren */
  .stage_longread {
    height: 400px !important;
  }

  /* Personen-Container: flex-wrap nur auf Mobile */
  .personen_container,
  .personen_container_items {
    flex-wrap: wrap !important;
  }

  .personen_container_items_item {
    flex-basis: calc(50% - var(--space-lg) / 2) !important;
    max-width: calc(50% - var(--space-lg) / 2) !important;
    width: 100% !important;
  }

  .personen_container_items_item_img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 151 / 232 !important;
    object-fit: cover !important;
  }

  /* Berichte-Grid: auf Mobile 1-Spalte, .long Items auf span 1 zurückschalten */
  .rks-berichte-grid {
    grid-template-columns: 1fr !important;
  }

  .rks-bericht-item.long {
    grid-column: span 1 !important;
  }

  /* Mega-Menü: Mobile - Spalten untereinander, kein Float */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-column {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
  }

  /* Mega-Menü: Mobile - Untermenüs normal anzeigen */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    float: none !important;
    clear: none !important;
    display: block !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
    font-family: var(--font-typeface-copy) !important;
    font-size: var(--size-mono-sm) !important;
    color: #666 !important;
  }

  /* Mega-Menü: Mobile - Hauptmenü-Item padding */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    padding: 0 8px 0 0 !important;
  }

  /* Mega-Menü: Mobile - Untermenü-Links padding */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    padding-left: 0 !important;
    padding-top: 0px !important;
  }

  /* Mega-Menü: Mobile - verschachtelte .mega-sub-menu padding auf 0 */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu {
    padding: 0 !important;
  }

  /* Mega-Menü: Mobile - sub-sub-menu padding-left 12px von der Linie entfernt */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-column > ul.mega-sub-menu {
    padding-left: 12px !important;
  }

  /* Mega-Menü: Mobile - Haupt-Mega-Sub-Menu padding auf 0 */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 0px !important;
    border: 0 !important;
    border-radius: 0px !important;
  }

  /* Mega-Menü: Mobile - Höhenbegrenzung für sanftes Scrollen
   * Hinweis: max-height und overflow können nicht gesetzt werden,
   * da das MAX Mega Menu Plugin diese Werte überschreibt und das Menü unsichtbar macht.
   * Das Springen-Problem bleibt bestehen und erfordert Plugin-Code-Änderungen.
   */

  /* Mega-Menü: Mobile - Flyout-Menü Styling */
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999 !important;
    position: absolute !important;
    width: max-content !important;
    max-width: none !important;
    padding: 0px !important;
    border: 0 !important;
    background-color: #eaf3f8 !important;
    border-radius: 0px !important;
  }

  /* Mega-Menü: Mobile - Headlines padding-left des li auf 22px (2px Linie + 20px Abstand) */
  .mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children {
    padding-left: 22px !important;
  }

  /* Mega-Menü: Mobile - Headline Link kein zusätzliches Padding */
  .mega-sub-menu > li.mega-menu-item.mega-menu-item-has-children > .mega-menu-link {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Welcome: Mobile — prevent viewport overflow with ellipsis */
  .stage_frontpage_welcome_item {
    width: auto !important;
    max-width: 100vw !important;
    text-wrap: wrap !important;
  }

  .stage_frontpage_welcome_item .item-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: calc(100vw - var(--space-lg) * 2) !important;
    display: block !important;
  }
}

/* Tablet: standard_menu_and_content gap reduzieren */
@media (min-width: 769px) and (max-width: 1024px) {
  .standard_menu_and_content {
    gap: unset !important;
  }
}

.eeb-encoded {
    display: none;
}