/* F6c - Stilwelt-Atmosphäre sichtbar, aber ruhig
   Aufgabe: Die Bühnenübergänge erkennbar machen, ohne Karten, Texte, Hero-Aufbau oder Layout anzufassen.
   Diese Datei steuert nur die atmosphärische Ebene der Stilwelten. */

body[data-siteworld="papageno"] {
  --world-depth: 4 5 6;
  --world-depth-soft: 13 8 6;
  --world-warm: 190 113 48;
  --world-warm-soft: 126 68 30;
  --world-gold: 224 149 76;
  --world-line: 224 149 76;
}

body[data-siteworld="klartechnik"] {
  --world-depth: 4 7 11;
  --world-depth-soft: 7 11 17;
  --world-warm: 82 160 210;
  --world-warm-soft: 48 101 148;
  --world-gold: 132 205 240;
  --world-line: 105 188 232;
}

body[data-siteworld="farbatelier"] {
  --world-depth: 7 5 10;
  --world-depth-soft: 12 7 16;
  --world-warm: 211 83 148;
  --world-warm-soft: 92 82 194;
  --world-gold: 244 154 84;
  --world-line: 220 105 176;
}

body[data-siteworld="papageno"] .site-main,
body[data-siteworld="klartechnik"] .site-main,
body[data-siteworld="farbatelier"] .site-main {
  background:
    radial-gradient(ellipse at 82% 18%, rgb(var(--world-warm) / 0.12), transparent 38rem),
    radial-gradient(ellipse at 10% 58%, rgb(var(--world-warm-soft) / 0.08), transparent 46rem),
    linear-gradient(180deg, rgb(var(--world-depth)) 0%, rgb(var(--world-depth-soft)) 48%, rgb(var(--world-depth)) 100%);
}

body[data-siteworld="papageno"] .stage,
body[data-siteworld="klartechnik"] .stage,
body[data-siteworld="farbatelier"] .stage {
  position: relative;
}

body[data-siteworld="papageno"] .stage-shell,
body[data-siteworld="klartechnik"] .stage-shell,
body[data-siteworld="farbatelier"] .stage-shell {
  position: relative;
  z-index: 2;
}

/* Sichtbarer, aber kontrollierter Übergang nach dem Hero. */
body[data-siteworld="papageno"] .stage-hero::after,
body[data-siteworld="klartechnik"] .stage-hero::after,
body[data-siteworld="farbatelier"] .stage-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(5rem, 11vw, 10rem);
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(180deg, transparent 0%, rgb(var(--world-warm-soft) / 0.16) 54%, rgb(var(--world-depth) / 0.94) 100%),
    radial-gradient(ellipse at 70% 18%, rgb(var(--world-gold) / 0.16), transparent 34rem),
    radial-gradient(ellipse at 18% 68%, rgb(var(--world-warm) / 0.10), transparent 32rem);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero),
body[data-siteworld="klartechnik"] .stage:not(.stage-hero),
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
  background:
    radial-gradient(ellipse at 22% 12%, rgb(var(--world-warm) / 0.10), transparent 34rem),
    radial-gradient(ellipse at 84% 42%, rgb(var(--world-warm-soft) / 0.09), transparent 42rem),
    linear-gradient(180deg,
      rgb(var(--world-depth) / 1) 0%,
      rgb(var(--world-depth-soft) / 0.98) 44%,
      rgb(var(--world-depth) / 1) 100%);
  border-top: 1px solid rgb(var(--world-line) / 0.105);
  border-bottom: 1px solid rgb(var(--world-line) / 0.075);
}

/* Die Leerzonen zwischen den Bühnen bekommen eine eigene, sichtbare Lichtkante. */
body[data-siteworld="papageno"] .stage:not(.stage-hero)::before,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero)::before,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero)::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: clamp(5rem, 9vw, 8.5rem);
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, rgb(var(--world-warm) / 0.14) 0%, rgb(var(--world-warm-soft) / 0.055) 45%, transparent 100%),
    radial-gradient(ellipse at 78% 0%, rgb(var(--world-gold) / 0.13), transparent 30rem),
    radial-gradient(ellipse at 16% 0%, rgb(var(--world-warm-soft) / 0.10), transparent 26rem);
  opacity: 0.76;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero)::after,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero)::after,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: clamp(3rem, 6vw, 6rem);
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(180deg, transparent 0%, rgb(var(--world-warm-soft) / 0.05) 52%, rgb(var(--world-depth) / 0.40) 100%);
  opacity: 0.62;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-shell,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-shell,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-shell {
  background-color: transparent;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-backdrop,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-backdrop,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.48;
  background:
    radial-gradient(ellipse at 24% 18%, rgb(var(--world-warm) / 0.11), transparent 32rem),
    radial-gradient(ellipse at 82% 62%, rgb(var(--world-warm-soft) / 0.10), transparent 38rem),
    linear-gradient(115deg, transparent 0 36%, rgb(var(--world-line) / 0.025) 36.2%, transparent 39%);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-atmosphere,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-atmosphere,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.42;
  background:
    linear-gradient(115deg, transparent 0 32%, rgb(var(--world-line) / 0.038) 32.15%, transparent 35%),
    linear-gradient(72deg, transparent 0 68%, rgb(var(--world-line) / 0.030) 68.15%, transparent 71%),
    radial-gradient(ellipse at 74% 22%, rgb(var(--world-gold) / 0.058), transparent 22rem),
    radial-gradient(ellipse at 18% 78%, rgb(var(--world-warm-soft) / 0.050), transparent 24rem);
  mix-blend-mode: normal;
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 76% 38%, rgba(224, 149, 76, 0.12), transparent 36rem),
    radial-gradient(ellipse at 20% 55%, rgba(126, 68, 30, 0.11), transparent 42rem),
    linear-gradient(90deg, rgba(4, 5, 6, 1) 0%, rgba(13, 8, 6, 0.99) 52%, rgba(22, 11, 6, 0.98) 100%);
}

body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 20% 25%, rgba(190, 113, 48, 0.13), transparent 36rem),
    radial-gradient(ellipse at 82% 74%, rgba(126, 68, 30, 0.105), transparent 44rem),
    linear-gradient(180deg, rgba(5, 6, 7, 1) 0%, rgba(13, 9, 7, 0.985) 50%, rgba(5, 6, 7, 1) 100%);
}

body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 86% 46%, rgba(224, 149, 76, 0.12), transparent 45rem),
    radial-gradient(ellipse at 12% 20%, rgba(126, 68, 30, 0.085), transparent 34rem),
    linear-gradient(180deg, rgba(4, 7, 8, 1) 0%, rgba(6, 8, 9, 0.992) 44%, rgba(12, 8, 6, 0.982) 100%);
}

body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 84% 62%, rgba(126, 68, 30, 0.12), transparent 44rem),
    radial-gradient(ellipse at 14% 20%, rgba(190, 113, 48, 0.10), transparent 36rem),
    linear-gradient(180deg, rgba(5, 6, 7, 1) 0%, rgba(10, 8, 7, 0.988) 54%, rgba(5, 6, 7, 1) 100%);
}

body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 82% 30%, rgba(224, 149, 76, 0.09), transparent 40rem),
    radial-gradient(ellipse at 18% 78%, rgba(126, 68, 30, 0.08), transparent 34rem),
    linear-gradient(180deg, rgba(4, 5, 6, 1) 0%, rgba(8, 6, 5, 0.988) 56%, rgba(4, 5, 6, 1) 100%);
}

body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"] {
  background:
    radial-gradient(ellipse at 76% 44%, rgba(224, 149, 76, 0.13), transparent 44rem),
    radial-gradient(ellipse at 16% 72%, rgba(126, 68, 30, 0.105), transparent 40rem),
    linear-gradient(180deg, rgba(4, 5, 5, 0.995) 0%, rgba(16, 9, 6, 0.975) 54%, rgba(4, 5, 5, 0.995) 100%);
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"],
body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"],
body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"],
body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"],
body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"],
body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"] {
  background-blend-mode: screen, screen, normal;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-shell::before,
body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-shell::after {
  pointer-events: none;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-inner {
  z-index: 3;
}

@media (max-width: 980px) {
  body[data-siteworld="papageno"] .stage-hero::after,
  body[data-siteworld="klartechnik"] .stage-hero::after,
  body[data-siteworld="farbatelier"] .stage-hero::after {
    height: clamp(4rem, 14vw, 7rem);
    opacity: 0.75;
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero),
  body[data-siteworld="klartechnik"] .stage:not(.stage-hero),
  body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
    background:
      radial-gradient(ellipse at 24% 18%, rgb(var(--world-warm) / 0.09), transparent 24rem),
      radial-gradient(ellipse at 78% 64%, rgb(var(--world-warm-soft) / 0.08), transparent 26rem),
      linear-gradient(180deg, rgb(var(--world-depth) / 1), rgb(var(--world-depth-soft) / 0.986) 50%, rgb(var(--world-depth) / 1));
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero)::before,
  body[data-siteworld="klartechnik"] .stage:not(.stage-hero)::before,
  body[data-siteworld="farbatelier"] .stage:not(.stage-hero)::before {
    height: clamp(3.8rem, 13vw, 6.4rem);
    opacity: 0.58;
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-backdrop,
  body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-backdrop,
  body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-backdrop {
    opacity: 0.34;
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-atmosphere,
  body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-atmosphere,
  body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-atmosphere {
    opacity: 0.30;
  }
}
/* K1 - Klartechnik: kühle Abschnittsatmosphäre */
body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 76% 38%, rgba(90, 198, 255, 0.12), transparent 36rem),
    radial-gradient(ellipse at 20% 55%, rgba(29, 89, 150, 0.12), transparent 42rem),
    linear-gradient(90deg, rgba(3, 8, 13, 1) 0%, rgba(5, 13, 22, 0.99) 52%, rgba(8, 24, 38, 0.98) 100%);
}

body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 20% 25%, rgba(90, 198, 255, 0.10), transparent 36rem),
    radial-gradient(ellipse at 82% 74%, rgba(29, 89, 150, 0.10), transparent 44rem),
    linear-gradient(180deg, rgba(3, 8, 13, 1) 0%, rgba(5, 13, 22, 0.985) 50%, rgba(3, 8, 13, 1) 100%);
}

body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 86% 46%, rgba(90, 198, 255, 0.11), transparent 45rem),
    radial-gradient(ellipse at 12% 20%, rgba(29, 89, 150, 0.09), transparent 34rem),
    linear-gradient(180deg, rgba(3, 8, 13, 1) 0%, rgba(5, 13, 22, 0.992) 44%, rgba(3, 8, 13, 1) 100%);
}

body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 84% 62%, rgba(29, 89, 150, 0.12), transparent 44rem),
    radial-gradient(ellipse at 14% 20%, rgba(90, 198, 255, 0.10), transparent 36rem),
    linear-gradient(180deg, rgba(3, 8, 13, 1) 0%, rgba(5, 13, 22, 0.988) 54%, rgba(3, 8, 13, 1) 100%);
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 82% 30%, rgba(90, 198, 255, 0.08), transparent 40rem),
    radial-gradient(ellipse at 18% 78%, rgba(29, 89, 150, 0.08), transparent 34rem),
    linear-gradient(180deg, rgba(3, 8, 13, 1) 0%, rgba(5, 13, 22, 0.988) 56%, rgba(3, 8, 13, 1) 100%);
}

body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 76% 44%, rgba(90, 198, 255, 0.12), transparent 44rem),
    radial-gradient(ellipse at 16% 72%, rgba(29, 89, 150, 0.105), transparent 40rem),
    linear-gradient(180deg, rgba(3, 8, 13, 0.995) 0%, rgba(5, 13, 22, 0.975) 54%, rgba(3, 8, 13, 0.995) 100%);
}

body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] {
  background-blend-mode: screen, screen, normal;
}

/* F1 - Farbatelier: farbstarke Abschnittsatmosphäre */
body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 76% 38%, rgba(255, 57, 213, 0.12), transparent 36rem),
    radial-gradient(ellipse at 20% 55%, rgba(54, 232, 255, 0.10), transparent 42rem),
    linear-gradient(90deg, rgba(5, 4, 12, 1) 0%, rgba(13, 7, 23, 0.99) 52%, rgba(24, 8, 38, 0.98) 100%);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 20% 25%, rgba(255, 57, 213, 0.11), transparent 36rem),
    radial-gradient(ellipse at 82% 74%, rgba(54, 232, 255, 0.09), transparent 44rem),
    linear-gradient(180deg, rgba(5, 4, 12, 1) 0%, rgba(13, 7, 23, 0.985) 50%, rgba(5, 4, 12, 1) 100%);
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 86% 46%, rgba(255, 185, 53, 0.10), transparent 45rem),
    radial-gradient(ellipse at 12% 20%, rgba(255, 57, 213, 0.10), transparent 34rem),
    linear-gradient(180deg, rgba(5, 4, 12, 1) 0%, rgba(13, 7, 23, 0.992) 44%, rgba(5, 4, 12, 1) 100%);
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 84% 62%, rgba(54, 232, 255, 0.10), transparent 44rem),
    radial-gradient(ellipse at 14% 20%, rgba(255, 57, 213, 0.10), transparent 36rem),
    linear-gradient(180deg, rgba(5, 4, 12, 1) 0%, rgba(13, 7, 23, 0.988) 54%, rgba(5, 4, 12, 1) 100%);
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 82% 30%, rgba(255, 185, 53, 0.08), transparent 40rem),
    radial-gradient(ellipse at 18% 78%, rgba(255, 57, 213, 0.08), transparent 34rem),
    linear-gradient(180deg, rgba(5, 4, 12, 1) 0%, rgba(13, 7, 23, 0.988) 56%, rgba(5, 4, 12, 1) 100%);
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] {
  background:
    radial-gradient(ellipse at 76% 44%, rgba(255, 57, 213, 0.12), transparent 44rem),
    radial-gradient(ellipse at 16% 72%, rgba(54, 232, 255, 0.10), transparent 40rem),
    linear-gradient(180deg, rgba(5, 4, 12, 0.995) 0%, rgba(13, 7, 23, 0.975) 54%, rgba(5, 4, 12, 0.995) 100%);
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] {
  background-blend-mode: screen, screen, normal;
}

/* F13 - Header-Identität über alle Stilwelten und statischen Seiten
   Ziel: Der Kopfbereich bleibt strukturell dieselbe Navigation.
   F16 darf Material, Akzentfarben und aktive Zustände der Säulen anpassen. */
body[data-theme="metal"][data-siteworld] .site-header {
  background:
    linear-gradient(180deg, rgba(6, 8, 11, 0.96), rgba(5, 7, 10, 0.92)) !important;
  border-bottom-color: rgba(172, 184, 198, 0.15) !important;
  box-shadow: none !important;
}

body[data-theme="metal"][data-siteworld] .site-header.is-scrolled {
  background:
    linear-gradient(180deg, rgba(6, 8, 11, 0.98), rgba(5, 7, 10, 0.96)) !important;
  border-bottom-color: rgba(172, 184, 198, 0.19) !important;
  box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.34) !important;
}

body[data-theme="metal"][data-siteworld] .site-header::after {
  background:
    linear-gradient(90deg, transparent 0%, rgba(225, 232, 240, 0.58) 35%, rgba(146, 160, 178, 0.42) 62%, transparent 100%) !important;
  opacity: 0.72 !important;
}

body[data-theme="metal"][data-siteworld] .site-header__progress {
  height: 5px !important;
  background:
    linear-gradient(90deg, rgba(118, 148, 176, 0.13), rgba(205, 214, 224, 0.12), rgba(118, 148, 176, 0.13)),
    rgba(255, 255, 255, 0.075) !important;
  border-top: 1px solid rgba(188, 202, 218, 0.13) !important;
  box-shadow:
    0 -1px 0 rgba(255, 255, 255, 0.035),
    0 1px 0 rgba(0, 0, 0, 0.60) !important;
}

body[data-theme="metal"][data-siteworld] .site-header__progress-bar {
  background:
    linear-gradient(90deg, rgba(170, 190, 214, 0.98), rgba(226, 232, 240, 1), rgba(170, 190, 214, 0.88)) !important;
  box-shadow: 0 0 15px rgba(180, 198, 220, 0.36) !important;
}

@media (min-width: 981px) {
  body[data-theme="metal"][data-siteworld] .site-header__inner,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__inner {
    width: min(100% - 2rem, var(--container-stage)) !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(15.5rem, 19rem) minmax(0, 1fr) minmax(15.5rem, 19rem) !important;
    grid-template-areas:
      "brand nav empty"
      "brand nav tools" !important;
    align-items: center !important;
    gap: 0.28rem clamp(1rem, 1.45vw, 1.45rem) !important;
    padding-block: 0.58rem 0.52rem !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__brandblock,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__brandblock {
    grid-area: brand !important;
    min-width: 0 !important;
    align-self: center !important;
    justify-content: start !important;
    text-align: left !important;
    padding-right: 0 !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__navzone,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__navzone {
    grid-area: nav !important;
    justify-items: center !important;
    align-self: center !important;
    padding-right: 0 !important;
    text-align: center !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__list,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__list {
    justify-content: center !important;
    gap: clamp(0.36rem, 0.58vw, 0.54rem) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link],
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link] {
    min-height: 2.16rem !important;
    padding: 0.46rem 0.76rem !important;
    border-radius: 999px !important;
    border-color: transparent !important;
    background: transparent !important;
    color: rgba(238, 243, 249, 0.86) !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:hover,
  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:focus-visible,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:hover,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:focus-visible {
    color: rgb(255 255 255) !important;
    background: rgba(220, 230, 242, 0.08) !important;
    border-color: rgba(220, 230, 242, 0.16) !important;
    box-shadow: 0 0 0 1px rgba(220, 230, 242, 0.10) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"],
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"] {
    color: rgb(255 255 255) !important;
    background:
      linear-gradient(180deg, rgba(226, 232, 240, 0.16), rgba(11, 17, 24, 0.78) 58%, rgba(8, 12, 17, 0.90)) !important;
    border-color: rgba(226, 232, 240, 0.36) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -3px 0 rgba(226, 232, 240, 0.78),
      0 0 0 1px rgba(226, 232, 240, 0.10),
      0 14px 28px rgba(0, 0, 0, 0.24) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active::before,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::before,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active::before,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::before {
    opacity: 1 !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 52%),
      linear-gradient(90deg, rgba(226, 232, 240, 0.14), transparent 44%, rgba(170, 190, 214, 0.08)) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active::after,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::after,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active::after,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::after {
    left: 0.55rem !important;
    right: 0.55rem !important;
    bottom: 0.18rem !important;
    height: 3px !important;
    border-radius: 999px !important;
    opacity: 1 !important;
    transform: scaleX(1) !important;
    background: linear-gradient(90deg, transparent, rgba(226, 232, 240, 0.96), rgba(170, 190, 214, 0.94), transparent) !important;
    box-shadow: 0 0 14px rgba(180, 198, 220, 0.28) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__tools,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__tools {
    grid-area: tools !important;
    position: static !important;
    inset: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    z-index: 2 !important;
    display: grid !important;
    justify-content: end !important;
    align-self: start !important;
    max-width: 15.4rem !important;
    opacity: 0.96 !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__tools:hover,
  body[data-theme="metal"][data-siteworld] .site-header__tools:focus-within,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__tools:hover,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__tools:focus-within {
    opacity: 1 !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-toolbar,
  body[data-theme="metal"][data-siteworld] .theme-toolbar--side,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar--side {
    width: min(100%, 15.4rem) !important;
    display: grid !important;
    justify-items: stretch !important;
    gap: 0.22rem !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-toolbar__topbar,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar__topbar {
    position: relative !important;
    display: grid !important;
    justify-items: stretch !important;
    gap: 0.26rem !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-toolbar__topbar::before,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar__topbar::before {
    display: none !important;
    content: none !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
  body[data-theme="metal"][data-siteworld] .siteworld-switcher,
  body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 0.2rem 0.24rem !important;
    border-radius: 999px !important;
    border-color: rgba(226, 232, 240, 0.15) !important;
    background: rgba(10, 13, 18, 0.54) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px) !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-floating__mode-row::before,
  body[data-theme="metal"][data-siteworld] .theme-floating__mode-row::after,
  body[data-theme="metal"][data-siteworld] .siteworld-switcher::before,
  body[data-theme="metal"][data-siteworld] .siteworld-switcher::after,
  body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-row::before,
  body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-row::after,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher::before,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher::after {
    display: none !important;
    content: none !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-floating__mode-buttons,
  body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-buttons {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.18rem !important;
  }

  body[data-theme="metal"][data-siteworld] .siteworld-switcher__buttons,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher__buttons {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.18rem !important;
  }

  body[data-theme="metal"][data-siteworld] .siteworld-switcher__label,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher__label,
  body[data-theme="metal"][data-siteworld] .site-brand__eyebrow,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__eyebrow {
    color: rgba(224, 231, 240, 0.72) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-brand__title,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__title {
    color: rgb(250, 252, 255) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-brand__meta,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__meta {
    color: rgba(238, 243, 249, 0.78) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld {
    min-height: 1.72rem !important;
    padding: 0.28rem 0.5rem !important;
    border-radius: 999px !important;
    border-color: rgba(226, 232, 240, 0.10) !important;
    background: rgba(255, 255, 255, 0.016) !important;
    color: rgba(238, 243, 249, 0.82) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible {
    color: rgb(255 255 255) !important;
    border-color: rgba(226, 232, 240, 0.22) !important;
    background: rgba(226, 232, 240, 0.08) !important;
    transform: none !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active {
    color: rgb(12, 15, 20) !important;
    border-color: rgba(255, 255, 255, 0.52) !important;
    background: linear-gradient(135deg, rgba(245, 248, 252, 0.94), rgba(178, 195, 216, 0.90)) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  body[data-theme="metal"][data-siteworld] .site-header__inner,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__inner {
    grid-template-columns: minmax(11.6rem, 13.6rem) minmax(0, 1fr) minmax(12.2rem, 13.8rem) !important;
    gap: 0.24rem 0.68rem !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__list,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__list {
    gap: 0.24rem !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link],
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link] {
    min-height: 2rem !important;
    padding-inline: 0.54rem !important;
    font-size: 0.78rem !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-toolbar,
  body[data-theme="metal"][data-siteworld] .theme-toolbar--side,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar,
  body.page-static[data-theme="metal"][data-siteworld] .theme-toolbar--side {
    width: min(100%, 12.8rem) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip {
    min-height: 1.52rem !important;
    padding-inline: 0.38rem !important;
    font-size: 0.64rem !important;
  }
}

@media (max-width: 980px) {
  body[data-theme="metal"][data-siteworld] .site-header__inner,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__inner {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilebar,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilebar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0.72rem !important;
    padding-block: 0.62rem 0.66rem !important;
    background:
      linear-gradient(180deg, rgba(6, 8, 11, 0.97), rgba(5, 7, 10, 0.94)) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilemeta,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilemeta {
    gap: 0.26rem !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilebrandlink,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilebrandlink {
    color: rgb(250, 252, 255) !important;
    font-size: 0.98rem !important;
    line-height: 1.12 !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobileeyebrow,
  body[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-label,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobileeyebrow,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-label {
    color: rgba(224, 231, 240, 0.64) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-value,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-value {
    color: rgba(238, 243, 249, 0.84) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-mobile-nav__link.is-active,
  body[data-theme="metal"][data-siteworld] .site-mobile-nav__link[aria-current="true"],
  body.page-static[data-theme="metal"][data-siteworld] .site-mobile-nav__link.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-mobile-nav__link[aria-current="true"] {
    color: rgb(255 255 255) !important;
    border-color: rgba(226, 232, 240, 0.46) !important;
    background: linear-gradient(90deg, rgba(226, 232, 240, 0.18), rgba(12, 16, 22, 0.78)) !important;
    box-shadow: inset 4px 0 0 rgba(226, 232, 240, 0.82), 0 0 0 1px rgba(226, 232, 240, 0.12) !important;
  }
}

/* F16 - Header und Buttons folgen der aktiven Säule.
   Struktur bleibt identisch. Nur Material, Akzent, aktive Zustände und Buttonwirkung wechseln je Säule. */
body[data-siteworld="papageno"] {
  --pillar-header-a: 20 12 8;
  --pillar-header-b: 6 5 4;
  --pillar-panel: 18 11 8;
  --pillar-panel-soft: 34 19 12;
  --pillar-accent: 224 149 76;
  --pillar-accent-2: 190 113 48;
  --pillar-accent-3: 126 68 30;
  --pillar-accent-glow: 224 149 76;
  --pillar-active-text: 28 18 11;
  --pillar-header-text: 255 247 236;
  --pillar-header-muted: 235 199 156;
}

body[data-siteworld="klartechnik"] {
  --pillar-header-a: 4 12 20;
  --pillar-header-b: 3 7 12;
  --pillar-panel: 5 16 27;
  --pillar-panel-soft: 8 29 48;
  --pillar-accent: 103 202 255;
  --pillar-accent-2: 57 143 213;
  --pillar-accent-3: 26 78 128;
  --pillar-accent-glow: 103 202 255;
  --pillar-active-text: 4 15 24;
  --pillar-header-text: 236 248 255;
  --pillar-header-muted: 164 217 246;
}

body[data-siteworld="farbatelier"] {
  --pillar-header-a: 16 6 24;
  --pillar-header-b: 6 4 12;
  --pillar-panel: 18 8 30;
  --pillar-panel-soft: 39 12 54;
  --pillar-accent: 255 75 214;
  --pillar-accent-2: 57 225 255;
  --pillar-accent-3: 255 181 74;
  --pillar-accent-glow: 255 75 214;
  --pillar-active-text: 24 8 28;
  --pillar-header-text: 255 244 253;
  --pillar-header-muted: 242 178 236;
}

body[data-theme="metal"][data-siteworld] .site-header,
body.page-static[data-theme="metal"][data-siteworld] .site-header {
  background:
    radial-gradient(ellipse at 78% 0%, rgb(var(--pillar-accent) / 0.13), transparent 34rem),
    radial-gradient(ellipse at 12% 0%, rgb(var(--pillar-accent-2) / 0.09), transparent 30rem),
    linear-gradient(180deg, rgb(var(--pillar-header-a) / 0.975), rgb(var(--pillar-header-b) / 0.94)) !important;
  border-bottom-color: rgb(var(--pillar-accent) / 0.22) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.26) !important;
}

body[data-theme="metal"][data-siteworld] .site-header.is-scrolled,
body.page-static[data-theme="metal"][data-siteworld] .site-header.is-scrolled {
  background:
    radial-gradient(ellipse at 78% 0%, rgb(var(--pillar-accent) / 0.16), transparent 32rem),
    linear-gradient(180deg, rgb(var(--pillar-header-a) / 0.99), rgb(var(--pillar-header-b) / 0.975)) !important;
  border-bottom-color: rgb(var(--pillar-accent) / 0.28) !important;
  box-shadow: 0 1.35rem 3.4rem rgba(0, 0, 0, 0.38) !important;
}

body[data-theme="metal"][data-siteworld] .site-header::after,
body.page-static[data-theme="metal"][data-siteworld] .site-header::after {
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--pillar-accent-2) / 0.46) 28%, rgb(var(--pillar-accent) / 0.74) 50%, rgb(var(--pillar-accent-3) / 0.42) 72%, transparent 100%) !important;
  opacity: 0.84 !important;
}

body[data-theme="metal"][data-siteworld] .site-header__progress,
body.page-static[data-theme="metal"][data-siteworld] .site-header__progress {
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent-3) / 0.18), rgb(var(--pillar-accent) / 0.16), rgb(var(--pillar-accent-2) / 0.15)),
    rgba(255, 255, 255, 0.045) !important;
  border-top-color: rgb(var(--pillar-accent) / 0.13) !important;
}

body[data-theme="metal"][data-siteworld] .site-header__progress-bar,
body.page-static[data-theme="metal"][data-siteworld] .site-header__progress-bar {
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent-3) / 0.98), rgb(var(--pillar-accent) / 1), rgb(var(--pillar-accent-2) / 0.96)) !important;
  box-shadow: 0 0 18px rgb(var(--pillar-accent-glow) / 0.42) !important;
}

@media (min-width: 981px) {
  body[data-theme="metal"][data-siteworld] .site-brand__eyebrow,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__eyebrow,
  body[data-theme="metal"][data-siteworld] .siteworld-switcher__label,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher__label {
    color: rgb(var(--pillar-header-muted) / 0.78) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-brand__title,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__title {
    color: rgb(var(--pillar-header-text)) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-brand__meta,
  body.page-static[data-theme="metal"][data-siteworld] .site-brand__meta {
    color: rgb(var(--pillar-header-muted) / 0.86) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link],
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link] {
    color: rgb(var(--pillar-header-text) / 0.82) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:hover,
  body[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:focus-visible,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:hover,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[data-nav-link]:focus-visible {
    color: rgb(var(--pillar-header-text)) !important;
    background:
      linear-gradient(180deg, rgb(var(--pillar-accent) / 0.13), rgb(var(--pillar-panel) / 0.34)) !important;
    border-color: rgb(var(--pillar-accent) / 0.26) !important;
    box-shadow:
      0 0 0 1px rgb(var(--pillar-accent) / 0.12),
      0 0.7rem 1.7rem rgb(var(--pillar-accent-glow) / 0.10) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"],
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"] {
    color: rgb(var(--pillar-header-text)) !important;
    background:
      linear-gradient(180deg, rgb(var(--pillar-accent) / 0.24), rgb(var(--pillar-panel-soft) / 0.76) 58%, rgb(var(--pillar-panel) / 0.92)) !important;
    border-color: rgb(var(--pillar-accent) / 0.48) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      inset 0 -3px 0 rgb(var(--pillar-accent) / 0.82),
      0 0 0 1px rgb(var(--pillar-accent) / 0.16),
      0 14px 30px rgba(0, 0, 0, 0.26),
      0 0 26px rgb(var(--pillar-accent-glow) / 0.16) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active::before,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::before,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active::before,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::before {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent 52%),
      linear-gradient(90deg, rgb(var(--pillar-accent) / 0.18), transparent 44%, rgb(var(--pillar-accent-2) / 0.12)) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-nav__link.is-active::after,
  body[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::after,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link.is-active::after,
  body.page-static[data-theme="metal"][data-siteworld] .site-nav__link[aria-current="true"]::after {
    background: linear-gradient(90deg, transparent, rgb(var(--pillar-accent-3) / 0.96), rgb(var(--pillar-accent) / 1), rgb(var(--pillar-accent-2) / 0.88), transparent) !important;
    box-shadow: 0 0 16px rgb(var(--pillar-accent-glow) / 0.34) !important;
  }

  body[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
  body[data-theme="metal"][data-siteworld] .siteworld-switcher,
  body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
  body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher {
    border-color: rgb(var(--pillar-accent) / 0.18) !important;
    background:
      linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.30), rgb(var(--pillar-panel) / 0.56)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.035),
      0 0 0 1px rgba(0, 0, 0, 0.12) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld {
    border-color: rgb(var(--pillar-accent) / 0.14) !important;
    background: rgb(var(--pillar-panel) / 0.28) !important;
    color: rgb(var(--pillar-header-text) / 0.82) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible {
    color: rgb(var(--pillar-header-text)) !important;
    border-color: rgb(var(--pillar-accent) / 0.32) !important;
    background: rgb(var(--pillar-accent) / 0.12) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
  body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active {
    color: rgb(var(--pillar-active-text)) !important;
    border-color: rgba(255, 255, 255, 0.46) !important;
    background:
      linear-gradient(135deg, rgb(var(--pillar-accent) / 0.98), rgb(var(--pillar-accent-2) / 0.92)) !important;
    box-shadow:
      0 0 0 1px rgb(var(--pillar-accent) / 0.18),
      0 0 22px rgb(var(--pillar-accent-glow) / 0.22) !important;
  }
}

body[data-siteworld] .button-primary {
  color: rgb(var(--pillar-active-text)) !important;
  border-color: rgb(var(--pillar-accent) / 0.38) !important;
  background:
    linear-gradient(135deg, rgb(var(--pillar-accent) / 0.98), rgb(var(--pillar-accent-2) / 0.92)) !important;
  box-shadow:
    0 0 0 1px rgb(var(--pillar-accent) / 0.16),
    0 1rem 2.6rem rgb(var(--pillar-accent-glow) / 0.22) !important;
}

body[data-siteworld] .button-primary:hover,
body[data-siteworld] .button-primary:focus-visible {
  border-color: rgb(var(--pillar-accent) / 0.56) !important;
  box-shadow:
    0 0 0 1px rgb(var(--pillar-accent) / 0.24),
    0 1.2rem 3rem rgb(var(--pillar-accent-glow) / 0.28) !important;
}

body[data-siteworld] .button-secondary {
  color: rgb(var(--pillar-header-text)) !important;
  border-color: rgb(var(--pillar-accent) / 0.26) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.62), rgb(var(--pillar-panel) / 0.74)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 0 0 1px rgb(var(--pillar-accent) / 0.06) !important;
}

body[data-siteworld] .button-secondary:hover,
body[data-siteworld] .button-secondary:focus-visible {
  border-color: rgb(var(--pillar-accent) / 0.40) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-accent) / 0.16), rgb(var(--pillar-panel) / 0.78)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 0 26px rgb(var(--pillar-accent-glow) / 0.13) !important;
}

body[data-siteworld] .button-ghost {
  color: rgb(var(--pillar-header-text) / 0.82) !important;
  border-color: rgb(var(--pillar-accent) / 0.22) !important;
  background: rgb(var(--pillar-panel) / 0.18) !important;
}

body[data-siteworld] .button-ghost:hover,
body[data-siteworld] .button-ghost:focus-visible {
  color: rgb(var(--pillar-header-text)) !important;
  border-color: rgb(var(--pillar-accent) / 0.40) !important;
  background: rgb(var(--pillar-accent) / 0.12) !important;
}

@media (max-width: 980px) {
  body[data-theme="metal"][data-siteworld] .site-header__mobilebar,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilebar {
    background:
      radial-gradient(ellipse at 86% 0%, rgb(var(--pillar-accent) / 0.14), transparent 22rem),
      linear-gradient(180deg, rgb(var(--pillar-header-a) / 0.98), rgb(var(--pillar-header-b) / 0.95)) !important;
    border-bottom: 1px solid rgb(var(--pillar-accent) / 0.18) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilebrandlink,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilebrandlink {
    color: rgb(var(--pillar-header-text)) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobileeyebrow,
  body[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-label,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobileeyebrow,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-label {
    color: rgb(var(--pillar-header-muted) / 0.72) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-value,
  body.page-static[data-theme="metal"][data-siteworld] .site-header__mobilecurrent-value {
    color: rgb(var(--pillar-header-text) / 0.88) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-mobile-nav__link.is-active,
  body[data-theme="metal"][data-siteworld] .site-mobile-nav__link[aria-current="true"],
  body.page-static[data-theme="metal"][data-siteworld] .site-mobile-nav__link.is-active,
  body.page-static[data-theme="metal"][data-siteworld] .site-mobile-nav__link[aria-current="true"] {
    color: rgb(var(--pillar-header-text)) !important;
    border-color: rgb(var(--pillar-accent) / 0.46) !important;
    background: linear-gradient(90deg, rgb(var(--pillar-accent) / 0.22), rgb(var(--pillar-panel) / 0.82)) !important;
    box-shadow:
      inset 4px 0 0 rgb(var(--pillar-accent) / 0.88),
      0 0 0 1px rgb(var(--pillar-accent) / 0.14) !important;
  }

  body[data-theme="metal"][data-siteworld] .site-mobile-toggle,
  body.page-static[data-theme="metal"][data-siteworld] .site-mobile-toggle {
    color: rgb(var(--pillar-active-text)) !important;
    border-color: rgb(var(--pillar-accent) / 0.38) !important;
    background: linear-gradient(135deg, rgb(var(--pillar-accent) / 0.98), rgb(var(--pillar-accent-2) / 0.92)) !important;
    box-shadow: 0 0 18px rgb(var(--pillar-accent-glow) / 0.20) !important;
  }
}

/* F17a - Lesbarkeit der säulenabhängigen Header-Steuerung und Hauptbuttons.
   Ziel: Die aktive Säule darf Header und Buttons prägen, aber aktive/primäre Elemente dürfen nie dunkel verschwinden. */
body[data-siteworld="papageno"] {
  --pillar-chip-active-a: 255 221 148;
  --pillar-chip-active-b: 221 139 55;
  --pillar-chip-active-c: 255 238 198;
  --pillar-chip-active-text: 30 17 7;
  --pillar-primary-a: 255 214 132;
  --pillar-primary-b: 219 132 50;
  --pillar-primary-c: 255 238 196;
  --pillar-primary-text: 30 17 7;
}

body[data-siteworld="klartechnik"] {
  --pillar-chip-active-a: 166 231 255;
  --pillar-chip-active-b: 66 167 230;
  --pillar-chip-active-c: 232 250 255;
  --pillar-chip-active-text: 2 18 30;
  --pillar-primary-a: 158 226 255;
  --pillar-primary-b: 54 154 220;
  --pillar-primary-c: 230 249 255;
  --pillar-primary-text: 2 18 30;
}

body[data-siteworld="farbatelier"] {
  --pillar-chip-active-a: 255 100 224;
  --pillar-chip-active-b: 255 188 76;
  --pillar-chip-active-c: 255 234 164;
  --pillar-chip-active-text: 28 8 30;
  --pillar-primary-a: 255 92 222;
  --pillar-primary-b: 255 184 72;
  --pillar-primary-c: 255 228 158;
  --pillar-primary-text: 28 8 30;
}

body[data-theme="metal"][data-siteworld] .site-header .theme-chip,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--mode,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--siteworld {
  opacity: 1 !important;
  color: rgb(var(--pillar-header-text) / 0.86) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.22), rgb(var(--pillar-panel) / 0.42)) !important;
  border-color: rgb(var(--pillar-accent) / 0.18) !important;
  text-shadow: none !important;
  filter: none !important;
}

body[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:hover,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip:focus-visible {
  color: rgb(var(--pillar-header-text)) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-accent) / 0.18), rgb(var(--pillar-panel-soft) / 0.58)) !important;
  border-color: rgb(var(--pillar-accent) / 0.42) !important;
  box-shadow:
    0 0 0 1px rgb(var(--pillar-accent) / 0.16),
    0 0 24px rgb(var(--pillar-accent-glow) / 0.16) !important;
}

body[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip[aria-pressed="true"],
body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active,
body[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft[aria-pressed="true"],
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip.is-active,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip[aria-pressed="true"],
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft.is-active,
body.page-static[data-theme="metal"][data-siteworld] .site-header .theme-chip--soft[aria-pressed="true"] {
  opacity: 1 !important;
  color: rgb(var(--pillar-chip-active-text)) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-chip-active-c) / 0.94), rgb(var(--pillar-chip-active-a) / 0.98) 42%, rgb(var(--pillar-chip-active-b) / 0.96)) !important;
  border-color: rgb(var(--pillar-chip-active-c) / 0.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16),
    0 0 0 1px rgb(var(--pillar-accent) / 0.26),
    0 0 26px rgb(var(--pillar-accent-glow) / 0.28) !important;
  text-shadow: none !important;
  filter: none !important;
}

body[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
body[data-theme="metal"][data-siteworld] .siteworld-switcher,
body.page-static[data-theme="metal"][data-siteworld] .theme-floating__mode-row,
body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher {
  border-color: rgb(var(--pillar-accent) / 0.24) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-header-a) / 0.72), rgb(var(--pillar-header-b) / 0.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 0 0 1px rgb(var(--pillar-accent) / 0.08),
    0 1rem 2.2rem rgba(0, 0, 0, 0.18) !important;
}

body[data-theme="metal"][data-siteworld] .siteworld-switcher__label,
body.page-static[data-theme="metal"][data-siteworld] .siteworld-switcher__label {
  color: rgb(var(--pillar-header-muted) / 0.86) !important;
}

body[data-siteworld] .button.button-primary,
body[data-siteworld] a.button.button-primary,
body[data-siteworld] button.button.button-primary,
body[data-siteworld] .stage-actions .button-primary {
  opacity: 1 !important;
  color: rgb(var(--pillar-primary-text)) !important;
  border-color: rgb(var(--pillar-primary-c) / 0.66) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-primary-c) / 0.92), rgb(var(--pillar-primary-a) / 0.98) 38%, rgb(var(--pillar-primary-b) / 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14),
    0 0 0 1px rgb(var(--pillar-accent) / 0.18),
    0 1rem 2.6rem rgb(var(--pillar-accent-glow) / 0.26) !important;
  text-shadow: none !important;
  filter: none !important;
}

body[data-siteworld] .button.button-primary:hover,
body[data-siteworld] .button.button-primary:focus-visible,
body[data-siteworld] a.button.button-primary:hover,
body[data-siteworld] a.button.button-primary:focus-visible,
body[data-siteworld] button.button.button-primary:hover,
body[data-siteworld] button.button.button-primary:focus-visible,
body[data-siteworld] .stage-actions .button-primary:hover,
body[data-siteworld] .stage-actions .button-primary:focus-visible {
  color: rgb(var(--pillar-primary-text)) !important;
  border-color: rgb(var(--pillar-primary-c) / 0.82) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-primary-c) / 1), rgb(var(--pillar-primary-a) / 1) 38%, rgb(var(--pillar-primary-b) / 1)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.50),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16),
    0 0 0 1px rgb(var(--pillar-accent) / 0.28),
    0 1.2rem 3rem rgb(var(--pillar-accent-glow) / 0.34) !important;
}

body[data-siteworld] .button.button-secondary,
body[data-siteworld] a.button.button-secondary,
body[data-siteworld] button.button.button-secondary,
body[data-siteworld] .button.button-ghost,
body[data-siteworld] a.button.button-ghost,
body[data-siteworld] button.button.button-ghost {
  opacity: 1 !important;
  color: rgb(var(--pillar-header-text) / 0.94) !important;
  border-color: rgb(var(--pillar-accent) / 0.42) !important;
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.54), rgb(var(--pillar-panel) / 0.70)) !important;
  text-shadow: none !important;
  filter: none !important;
}

/* F18 - Drei-Säulen-Bühnenordnung
   Ziel: Marke, Technik und Gestaltung nutzen dieselben sieben Buehnen,
   aber mit sichtbar unterschiedlicher innerer Gewichtung und Darstellung.
   Keine Header-Struktur, keine Bilddateien, keine Karten-PHP-Struktur. */

/* Gemeinsame stabile Grundlage fuer die innere Buehnenordnung. */
body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-inner,
body[data-siteworld="klartechnik"] .stage:not(.stage-hero) .stage-inner,
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) .stage-inner {
  position: relative;
  z-index: 4;
}

body[data-siteworld="papageno"] .surface-panel,
body[data-siteworld="klartechnik"] .surface-panel,
body[data-siteworld="farbatelier"] .surface-panel {
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

body[data-siteworld="papageno"] .surface-panel:hover,
body[data-siteworld="klartechnik"] .surface-panel:hover,
body[data-siteworld="farbatelier"] .surface-panel:hover {
  transform: translateY(-0.18rem);
}

/* =========================================================
   1. MARKE - persoenlich, redaktionell, warm, nahbar
   ========================================================= */
body[data-siteworld="papageno"] {
  --pillar-stage-gap: clamp(3.2rem, 5vw, 6.8rem);
  --pillar-card-radius: clamp(1.2rem, 1.7vw, 1.9rem);
  --pillar-stage-border: 224 149 76;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) {
  border-top-color: rgb(var(--pillar-stage-border) / 0.16);
  border-bottom-color: rgb(var(--pillar-stage-border) / 0.10);
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-grid {
  grid-template-columns: minmax(18rem, 0.88fr) minmax(20rem, 1.02fr) !important;
  gap: clamp(3.2rem, 5vw, 6.4rem) !important;
  align-items: center;
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-media {
  order: 1 !important;
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-content {
  order: 2 !important;
  max-width: 44rem;
  padding: clamp(0.4rem, 1.2vw, 1rem) 0 clamp(0.4rem, 1.2vw, 1rem) clamp(1.3rem, 2vw, 2rem);
  border-left: 1px solid rgb(var(--pillar-accent) / 0.36);
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-content::before {
  content: "Marke";
  display: inline-block;
  margin-bottom: clamp(0.7rem, 1vw, 1rem);
  color: rgb(var(--pillar-header-muted) / 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] .cards-intro,
body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-intro,
body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] .faq-intro {
  max-width: 48rem;
  margin-inline: 0 auto;
  text-align: left;
}

body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 1.6vw, 1.55rem);
}

body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] .card-item {
  border-radius: var(--pillar-card-radius);
  background:
    radial-gradient(ellipse at 22% 0%, rgb(var(--pillar-accent) / 0.11), transparent 68%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.66), rgb(var(--pillar-panel) / 0.82));
  border-color: rgb(var(--pillar-accent) / 0.22);
}

body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"] .compare-intro {
  max-width: 54rem;
}

body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"] .compare-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"] .compare-item {
  min-height: 100%;
  border-radius: clamp(1.3rem, 1.8vw, 2rem);
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.64), rgb(var(--pillar-panel) / 0.86));
  border-color: rgb(var(--pillar-accent) / 0.22);
}

body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-track {
  align-items: stretch;
}

body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-step:nth-child(even) {
  transform: translateY(clamp(1rem, 2.1vw, 2rem));
}

body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-step,
body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-handoff {
  border-radius: clamp(1.25rem, 1.8vw, 2rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background:
    radial-gradient(ellipse at 12% 0%, rgb(var(--pillar-accent) / 0.12), transparent 65%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.60), rgb(var(--pillar-panel) / 0.84));
}

body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] .faq-list {
  max-width: 62rem;
  margin-inline: 0 auto;
}

body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] .faq-item {
  border-radius: clamp(1rem, 1.4vw, 1.6rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background: linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.55), rgb(var(--pillar-panel) / 0.78));
}

body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"] .cta-panel {
  max-width: min(100%, 42rem);
  margin-inline: 0;
  border: 0;
  border-radius: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

/* =========================================================
   2. TECHNIK - systemisch, konstruiert, rasterhaft, sachlich
   ========================================================= */
body[data-siteworld="klartechnik"] {
  --pillar-stage-gap: clamp(2.8rem, 4.2vw, 5.8rem);
  --pillar-card-radius: clamp(0.7rem, 1vw, 1.1rem);
  --pillar-stage-border: 103 202 255;
}

body[data-siteworld="klartechnik"] .stage:not(.stage-hero) {
  border-top-color: rgb(var(--pillar-stage-border) / 0.18);
  border-bottom-color: rgb(var(--pillar-stage-border) / 0.12);
}

body[data-siteworld="klartechnik"] .stage:not(.stage-hero)::before {
  background:
    linear-gradient(90deg, transparent 0 14%, rgb(var(--pillar-accent) / 0.11) 14.15%, transparent 14.35% 49.8%, rgb(var(--pillar-accent) / 0.10) 50%, transparent 50.2% 84%, rgb(var(--pillar-accent) / 0.09) 84.15%, transparent 84.35%),
    linear-gradient(180deg, rgb(var(--pillar-accent) / 0.11), transparent 82%);
  opacity: 0.72;
}

body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-grid {
  grid-template-columns: minmax(20rem, 0.76fr) minmax(25rem, 1.24fr) !important;
  gap: clamp(3rem, 5.6vw, 7rem) !important;
  align-items: stretch;
}

body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-content {
  order: 1 !important;
  align-self: center;
  padding: clamp(1.2rem, 2vw, 2rem);
  border: 1px solid rgb(var(--pillar-accent) / 0.18);
  border-radius: clamp(0.8rem, 1.2vw, 1.25rem);
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.36), rgb(var(--pillar-panel) / 0.62));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-media {
  order: 2 !important;
}

body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-media-surface {
  min-height: clamp(27rem, 36vw, 39rem);
  border-radius: clamp(0.8rem, 1.1vw, 1.15rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  box-shadow:
    0 0 0 1px rgb(var(--pillar-accent) / 0.08),
    0 2rem 5rem rgba(0, 0, 0, 0.36),
    inset 0 0 0 1px rgb(var(--pillar-accent) / 0.05);
}

body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-intro,
body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-intro,
body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-intro,
body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-intro {
  max-width: 60rem;
  padding-left: clamp(1rem, 1.6vw, 1.8rem);
  border-left: 2px solid rgb(var(--pillar-accent) / 0.45);
}

body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid rgb(var(--pillar-accent) / 0.18);
  background: rgb(var(--pillar-accent) / 0.10);
}

body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item {
  border-radius: 0;
  border: 0;
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.52), rgb(var(--pillar-panel) / 0.82));
  box-shadow: none;
}

body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item__meta {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: 0.16em;
}

body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.2vw, 1.2rem);
}

body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item {
  border-radius: clamp(0.7rem, 1vw, 1.1rem);
  border-color: rgb(var(--pillar-accent) / 0.24);
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent) / 0.09) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.44), rgb(var(--pillar-panel) / 0.86));
  background-size: 2.2rem 100%, auto;
}

body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-track {
  position: relative;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.75rem, 1vw, 1.1rem);
}

body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-track::before {
  content: "";
  position: absolute;
  left: 2%;
  right: 2%;
  top: clamp(1.4rem, 2vw, 2rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgb(var(--pillar-accent) / 0.55), transparent);
  pointer-events: none;
}

body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-step,
body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff {
  border-radius: clamp(0.7rem, 1vw, 1.05rem);
  border-color: rgb(var(--pillar-accent) / 0.24);
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.50), rgb(var(--pillar-panel) / 0.88));
}

body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-step__index {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.85rem, 1.2vw, 1.2rem);
}

body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item {
  border-radius: clamp(0.7rem, 1vw, 1.1rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background:
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.40), rgb(var(--pillar-panel) / 0.78));
}

body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.72fr);
  column-gap: clamp(2rem, 4vw, 5rem);
  align-items: center;
  text-align: left;
  border-radius: clamp(0.8rem, 1.2vw, 1.25rem);
  border-color: rgb(var(--pillar-accent) / 0.28);
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent) / 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.52), rgb(var(--pillar-panel) / 0.88));
  background-size: 2.4rem 100%, auto;
}

body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .stage-label,
body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel__footer {
  max-width: none;
}

body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-points {
  align-self: stretch;
  margin-top: 0;
  padding: clamp(1.1rem, 1.8vw, 1.8rem);
  border: 1px solid rgb(var(--pillar-accent) / 0.18);
  border-radius: clamp(0.7rem, 1vw, 1rem);
  background: rgb(var(--pillar-panel) / 0.36);
}

/* =========================================================
   3. GESTALTUNG - visuell, atmosphaerisch, farbstark, bewegt
   ========================================================= */
body[data-siteworld="farbatelier"] {
  --pillar-stage-gap: clamp(3rem, 5.8vw, 7.4rem);
  --pillar-card-radius: clamp(1.4rem, 2vw, 2.4rem);
  --pillar-stage-border: 255 75 214;
}

body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
  border-top-color: rgb(var(--pillar-stage-border) / 0.18);
  border-bottom-color: rgb(var(--pillar-accent-2) / 0.12);
}

body[data-siteworld="farbatelier"] .stage:not(.stage-hero)::before {
  background:
    radial-gradient(ellipse at 18% 0%, rgb(var(--pillar-accent) / 0.20), transparent 34rem),
    radial-gradient(ellipse at 70% 0%, rgb(var(--pillar-accent-2) / 0.13), transparent 42rem),
    radial-gradient(ellipse at 92% 16%, rgb(var(--pillar-accent-3) / 0.12), transparent 30rem);
  opacity: 0.82;
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-grid {
  grid-template-columns: minmax(20rem, 0.82fr) minmax(24rem, 1.18fr) !important;
  gap: clamp(2.8rem, 5vw, 6.4rem) !important;
  align-items: center;
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content {
  order: 1 !important;
  max-width: 48rem;
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content::after {
  content: "";
  display: block;
  width: min(22rem, 70%);
  height: 0.24rem;
  margin-top: clamp(1.2rem, 2vw, 1.8rem);
  border-radius: 999px;
  background: linear-gradient(90deg, rgb(var(--pillar-accent)), rgb(var(--pillar-accent-2)), rgb(var(--pillar-accent-3)));
  box-shadow: 0 0 26px rgb(var(--pillar-accent-glow) / 0.30);
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media {
  order: 2 !important;
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media-surface {
  min-height: clamp(25rem, 35vw, 37rem);
  border-radius: clamp(1.5rem, 2.4vw, 2.9rem);
  transform: rotate(-1.5deg);
  border-color: rgb(var(--pillar-accent) / 0.24);
  box-shadow:
    0 2rem 6rem rgba(0, 0, 0, 0.38),
    0 0 46px rgb(var(--pillar-accent) / 0.13),
    0 0 34px rgb(var(--pillar-accent-2) / 0.10);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-intro,
body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-intro,
body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-intro,
body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-intro {
  max-width: 56rem;
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.92fr) minmax(0, 0.92fr);
  gap: clamp(1rem, 1.7vw, 1.7rem);
  align-items: stretch;
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item:first-child {
  grid-row: span 2;
  min-height: clamp(24rem, 31vw, 34rem);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item {
  border-radius: var(--pillar-card-radius);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background:
    radial-gradient(ellipse at 18% 0%, rgb(var(--pillar-accent) / 0.19), transparent 62%),
    radial-gradient(ellipse at 92% 88%, rgb(var(--pillar-accent-2) / 0.14), transparent 58%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.58), rgb(var(--pillar-panel) / 0.84));
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(1rem, 1.6vw, 1.6rem);
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item {
  grid-column: span 2;
  border-radius: clamp(1.35rem, 2vw, 2.2rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background:
    radial-gradient(ellipse at 18% 0%, rgb(var(--pillar-accent) / 0.15), transparent 60%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.55), rgb(var(--pillar-panel) / 0.82));
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item:nth-child(2) {
  transform: translateY(clamp(1rem, 2vw, 2rem));
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.8rem);
  align-items: stretch;
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step {
  border-radius: clamp(1.25rem, 1.9vw, 2.1rem);
  border-color: rgb(var(--pillar-accent) / 0.20);
  background:
    radial-gradient(ellipse at 20% 0%, rgb(var(--pillar-accent) / 0.17), transparent 60%),
    radial-gradient(ellipse at 100% 100%, rgb(var(--pillar-accent-2) / 0.10), transparent 55%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.50), rgb(var(--pillar-panel) / 0.82));
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(2),
body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(4) {
  transform: translateY(clamp(1rem, 2.2vw, 2.25rem));
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff {
  border-radius: clamp(1.45rem, 2.2vw, 2.4rem);
  border-color: rgb(var(--pillar-accent-3) / 0.28);
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent) / 0.13), rgb(var(--pillar-accent-2) / 0.10), rgb(var(--pillar-accent-3) / 0.12)),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.56), rgb(var(--pillar-panel) / 0.82));
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(1rem, 1.55vw, 1.5rem);
  align-items: start;
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:first-child {
  grid-row: span 2;
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item {
  border-radius: clamp(1.1rem, 1.7vw, 1.8rem);
  border-color: rgb(var(--pillar-accent) / 0.22);
  background:
    radial-gradient(ellipse at 12% 0%, rgb(var(--pillar-accent) / 0.15), transparent 60%),
    linear-gradient(180deg, rgb(var(--pillar-panel-soft) / 0.52), rgb(var(--pillar-panel) / 0.80));
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel {
  max-width: 84rem;
  margin-inline: auto;
  border-radius: clamp(1.7rem, 2.8vw, 3.2rem);
  border-color: rgb(var(--pillar-accent) / 0.30);
  background:
    radial-gradient(ellipse at 16% 12%, rgb(var(--pillar-accent) / 0.24), transparent 34rem),
    radial-gradient(ellipse at 82% 30%, rgb(var(--pillar-accent-2) / 0.16), transparent 38rem),
    radial-gradient(ellipse at 58% 100%, rgb(var(--pillar-accent-3) / 0.13), transparent 34rem),
    linear-gradient(135deg, rgb(var(--pillar-panel-soft) / 0.66), rgb(var(--pillar-panel) / 0.88));
  box-shadow:
    0 2rem 6rem rgba(0, 0, 0, 0.34),
    0 0 46px rgb(var(--pillar-accent) / 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

@media (max-width: 1180px) {
  body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid,
  body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid,
  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid,
  body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-track,
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item:first-child,
  body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item:first-child {
    grid-row: auto;
  }

  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item {
    grid-column: span 1;
  }
}

@media (max-width: 980px) {
  body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-grid,
  body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-grid,
  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-content,
  body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-media,
  body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-content,
  body[data-siteworld="klartechnik"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-media,
  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content,
  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media {
    order: initial !important;
  }

  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media-surface,
  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item,
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(2),
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(4),
  body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] .process-step:nth-child(even) {
    transform: none;
  }

  body[data-siteworld="klartechnik"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list,
  body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list,
  body[data-siteworld="klartechnik"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid,
  body[data-siteworld="klartechnik"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid,
  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid,
  body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"] .compare-grid,
  body[data-siteworld="klartechnik"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-grid,
  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid,
  body[data-siteworld="klartechnik"] #process.stage-process[data-siteworld="klartechnik"] .process-track,
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
    grid-template-columns: 1fr;
  }
}

/* S3i - Papageno Footer in die Stilwelt einbinden */
body[data-siteworld="papageno"] .site-footer {
  position: relative;
  overflow: hidden;
  padding-top: clamp(0.75rem, 1.6vw, 1.25rem);
  padding-bottom: clamp(1.45rem, 3vw, 2.6rem);
  background:
    radial-gradient(ellipse at 76% -14%, rgba(232, 170, 83, 0.20), transparent 34rem),
    radial-gradient(ellipse at 18% 0%, rgba(61, 92, 130, 0.10), transparent 28rem),
    radial-gradient(ellipse at 50% 115%, rgba(211, 134, 53, 0.13), transparent 32rem),
    linear-gradient(180deg, rgba(6, 5, 4, 0.96), rgba(13, 8, 5, 0.98) 48%, rgba(5, 4, 3, 1));
  box-shadow:
    inset 0 1px 0 rgba(255, 202, 123, 0.08),
    inset 0 2.2rem 4rem rgba(0, 0, 0, 0.22);
}

body[data-siteworld="papageno"] .site-footer::before,
body[data-siteworld="papageno"] .site-footer::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

body[data-siteworld="papageno"] .site-footer::before {
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232, 170, 83, 0.54), rgba(255, 226, 172, 0.30), transparent);
  opacity: 0.78;
}

body[data-siteworld="papageno"] .site-footer::after {
  right: -8vw;
  bottom: -8rem;
  width: min(42rem, 58vw);
  height: 16rem;
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(211, 134, 53, 0.18), transparent 66%);
  filter: blur(10px);
  opacity: 0.72;
}

body[data-siteworld="papageno"] .site-footer__inner {
  position: relative;
  z-index: 1;
  padding-top: clamp(1rem, 2vw, 1.35rem);
  border-top-color: rgba(232, 170, 83, 0.26);
}

body[data-siteworld="papageno"] .site-footer__eyebrow {
  color: rgba(232, 170, 83, 0.72);
}

body[data-siteworld="papageno"] .site-footer__claim {
  color: rgba(255, 238, 210, 0.82);
}

body[data-siteworld="papageno"] .site-footer__link {
  border-color: rgba(232, 170, 83, 0.22);
  background: rgba(17, 10, 6, 0.58);
  color: rgba(255, 238, 210, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 226, 172, 0.05),
    0 0.55rem 1.25rem rgba(0, 0, 0, 0.18);
}

body[data-siteworld="papageno"] .site-footer__link:hover,
body[data-siteworld="papageno"] .site-footer__link:focus-visible,
body[data-siteworld="papageno"] .site-footer__link.is-active {
  border-color: rgba(255, 218, 157, 0.54);
  background: linear-gradient(135deg, rgba(250, 205, 130, 0.22), rgba(211, 134, 53, 0.16));
  color: rgb(255, 244, 224);
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 224, 0.14),
    0 0.8rem 1.8rem rgba(211, 134, 53, 0.16);
}

body[data-siteworld="papageno"] .site-footer__link--email {
  border-color: rgba(95, 132, 170, 0.24);
  color: rgba(230, 241, 255, 0.82);
  background: rgba(10, 14, 18, 0.42);
}

body[data-siteworld="papageno"] .site-footer__link--email:hover,
body[data-siteworld="papageno"] .site-footer__link--email:focus-visible {
  border-color: rgba(255, 218, 157, 0.48);
  color: rgb(255, 244, 224);
  background: linear-gradient(135deg, rgba(46, 74, 104, 0.40), rgba(211, 134, 53, 0.16));
}

@media (max-width: 640px) {
  body[data-siteworld="papageno"] .site-footer {
    padding-top: 0.95rem;
  }

  body[data-siteworld="papageno"] .site-footer__link {
    justify-content: center;
  }
}

/* S3j - Papageno Raumfugen und vertikaler Rhythmus
   Ziel: Buehnenuebergaenge weicher fuehren, schwarze Leerzonen reduzieren
   und Papageno als zusammenhaengende Stilwelt wirken lassen.
   Kein PHP, keine Bilder, keine anderen Sitewelten. */
body[data-siteworld="papageno"] {
  --papageno-flow-gold: 232 170 83;
  --papageno-flow-amber: 211 134 53;
  --papageno-flow-brown: 47 24 12;
  --papageno-flow-black: 4 4 3;
}

body[data-siteworld="papageno"] .site-main {
  background:
    radial-gradient(ellipse at 84% 10%, rgb(var(--papageno-flow-amber) / 0.10), transparent 38rem),
    radial-gradient(ellipse at 18% 45%, rgb(var(--papageno-flow-brown) / 0.11), transparent 44rem),
    linear-gradient(180deg, rgb(4 4 3) 0%, rgb(10 7 5) 46%, rgb(4 4 3) 100%);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) {
  border-top-color: rgb(var(--papageno-flow-gold) / 0.075);
  border-bottom-color: rgb(var(--papageno-flow-gold) / 0.035);
  box-shadow:
    inset 0 1px 0 rgb(255 226 172 / 0.025),
    inset 0 -1px 0 rgb(0 0 0 / 0.18);
}

/* Die bisher schweren Zwischenflaechen werden zu schmalen, warmen Raumfugen. */
body[data-siteworld="papageno"] .stage:not(.stage-hero)::before {
  top: -1px;
  height: clamp(2.2rem, 4.2vw, 4.8rem);
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--papageno-flow-gold) / 0.02) 13%, rgb(var(--papageno-flow-gold) / 0.32) 50%, rgb(var(--papageno-flow-gold) / 0.02) 87%, transparent 100%) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgb(var(--papageno-flow-amber) / 0.090) 0%, rgb(var(--papageno-flow-brown) / 0.045) 42%, transparent 100%),
    radial-gradient(ellipse at 72% 0%, rgb(var(--papageno-flow-gold) / 0.115), transparent 24rem),
    radial-gradient(ellipse at 20% 0%, rgb(var(--papageno-flow-brown) / 0.075), transparent 22rem);
  opacity: 0.62;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero)::after {
  bottom: -1px;
  height: clamp(1.8rem, 3.2vw, 3.4rem);
  background:
    linear-gradient(180deg, transparent 0%, rgb(var(--papageno-flow-brown) / 0.045) 58%, rgb(var(--papageno-flow-black) / 0.56) 100%);
  opacity: 0.46;
}

body[data-siteworld="papageno"] .stage-hero::after {
  height: clamp(3.4rem, 6.4vw, 6.4rem);
  background:
    linear-gradient(180deg, transparent 0%, rgb(var(--papageno-flow-brown) / 0.12) 54%, rgb(var(--papageno-flow-black) / 0.88) 100%),
    radial-gradient(ellipse at 70% 16%, rgb(var(--papageno-flow-gold) / 0.11), transparent 28rem),
    radial-gradient(ellipse at 18% 70%, rgb(var(--papageno-flow-amber) / 0.07), transparent 26rem);
  opacity: 0.86;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.34;
  background:
    radial-gradient(ellipse at 26% 12%, rgb(var(--papageno-flow-amber) / 0.075), transparent 28rem),
    radial-gradient(ellipse at 78% 70%, rgb(var(--papageno-flow-brown) / 0.075), transparent 34rem),
    linear-gradient(115deg, transparent 0 37%, rgb(var(--papageno-flow-gold) / 0.016) 37.2%, transparent 40%);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.30;
  background:
    linear-gradient(115deg, transparent 0 33%, rgb(var(--papageno-flow-gold) / 0.026) 33.15%, transparent 36%),
    linear-gradient(72deg, transparent 0 69%, rgb(var(--papageno-flow-gold) / 0.020) 69.15%, transparent 72%),
    radial-gradient(ellipse at 74% 22%, rgb(var(--papageno-flow-gold) / 0.045), transparent 20rem),
    radial-gradient(ellipse at 18% 78%, rgb(var(--papageno-flow-brown) / 0.038), transparent 22rem);
}

/* Ankerziele in Papageno etwas enger fuehren: weniger sichtbare Leerzone unter dem Sticky-Header. */
body[data-siteworld="papageno"] .stage {
  scroll-margin-top: calc(var(--site-header-height, 7rem) + clamp(1.15rem, 2vw, 2.1rem));
}

/* Der Kontakt-Footer-Uebergang wird als Abschlussfuge behandelt, nicht als neuer dunkler Block. */
body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"] {
  border-bottom-color: rgb(var(--papageno-flow-gold) / 0.055);
}

body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"]::after {
  height: clamp(1.1rem, 2.2vw, 2.4rem);
  opacity: 0.38;
}

body[data-siteworld="papageno"] .site-footer {
  margin-top: 0;
  box-shadow:
    inset 0 1px 0 rgb(255 226 172 / 0.075),
    inset 0 2rem 3.2rem rgb(0 0 0 / 0.18);
}

@media (max-width: 980px) {
  body[data-siteworld="papageno"] .stage:not(.stage-hero)::before {
    height: clamp(2rem, 9vw, 3.8rem);
    opacity: 0.50;
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero)::after {
    height: clamp(1.5rem, 7vw, 2.8rem);
    opacity: 0.38;
  }

  body[data-siteworld="papageno"] .stage {
    scroll-margin-top: calc(var(--site-header-height, 6.5rem) + 1rem);
  }
}

/* S3k - Papageno Anker, Buehnenstart und Raumfugen korrigieren
   Ziel: Navigationsspruenge dichter unter dem festen Header fuehren,
   grosse schwarze Zwischenraeume reduzieren und die Raumfugen schmaler fassen.
   Nur Papageno, keine PHP-Änderung, keine Bilder, keine anderen Sitewelten. */
body[data-siteworld="papageno"] {
  --papageno-anchor-offset: calc(var(--site-header-height, 7rem) + clamp(0.18rem, 0.55vw, 0.55rem));
  --papageno-stage-top-regular: clamp(1.35rem, 2.25vw, 2.55rem);
  --papageno-stage-top-image: clamp(1.65rem, 2.65vw, 3.05rem);
  --papageno-stage-bottom-regular: clamp(3.5rem, 5.6vw, 5.9rem);
  --papageno-stage-inner-top: clamp(0.45rem, 0.95vw, 1.05rem);
  --papageno-stage-inner-bottom: clamp(1.6rem, 2.8vw, 3.1rem);
}

body[data-siteworld="papageno"] .stage {
  scroll-margin-top: var(--papageno-anchor-offset);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) {
  padding-top: var(--papageno-stage-top-regular);
  padding-bottom: var(--papageno-stage-bottom-regular);
}

body[data-siteworld="papageno"] .stage-shell:not(.stage-shell--hero) > .stage-inner {
  padding-top: var(--papageno-stage-inner-top);
  padding-bottom: var(--papageno-stage-inner-bottom);
}

body[data-siteworld="papageno"] #system.stage-editorial-split[data-siteworld="papageno"],
body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"] {
  padding-top: var(--papageno-stage-top-image);
}

body[data-siteworld="papageno"] #modules.stage-cards[data-siteworld="papageno"],
body[data-siteworld="papageno"] #compare.stage-compare[data-siteworld="papageno"],
body[data-siteworld="papageno"] #process.stage-process[data-siteworld="papageno"] {
  padding-top: var(--papageno-stage-top-regular);
}

body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] {
  padding-top: clamp(1.15rem, 2vw, 2.25rem);
}

body[data-siteworld="papageno"] #faq.stage-faq[data-siteworld="papageno"] .stage-inner {
  padding-top: clamp(0.85rem, 1.45vw, 1.65rem);
}

body[data-siteworld="papageno"] .stage:not(.stage-hero)::before {
  height: clamp(1.1rem, 2.35vw, 2.45rem);
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--papageno-flow-gold) / 0.015) 16%, rgb(var(--papageno-flow-gold) / 0.24) 50%, rgb(var(--papageno-flow-gold) / 0.015) 84%, transparent 100%) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgb(var(--papageno-flow-amber) / 0.045) 0%, rgb(var(--papageno-flow-brown) / 0.026) 45%, transparent 100%),
    radial-gradient(ellipse at 72% 0%, rgb(var(--papageno-flow-gold) / 0.070), transparent 18rem),
    radial-gradient(ellipse at 20% 0%, rgb(var(--papageno-flow-brown) / 0.045), transparent 18rem);
  opacity: 0.42;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero)::after {
  height: clamp(0.8rem, 1.55vw, 1.65rem);
  background:
    linear-gradient(180deg, transparent 0%, rgb(var(--papageno-flow-brown) / 0.026) 60%, rgb(var(--papageno-flow-black) / 0.32) 100%);
  opacity: 0.28;
}

body[data-siteworld="papageno"] .stage-hero::after {
  height: clamp(2.2rem, 4.2vw, 4.4rem);
  opacity: 0.70;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.28;
}

body[data-siteworld="papageno"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.24;
}

body[data-siteworld="papageno"] #cta.stage-cta[data-siteworld="papageno"]::after {
  height: clamp(0.75rem, 1.45vw, 1.55rem);
  opacity: 0.28;
}

@media (max-width: 980px) {
  body[data-siteworld="papageno"] {
    --papageno-anchor-offset: calc(var(--site-header-height, 6.5rem) + 0.35rem);
    --papageno-stage-top-regular: clamp(1.05rem, 4vw, 1.85rem);
    --papageno-stage-top-image: clamp(1.2rem, 4.6vw, 2.1rem);
    --papageno-stage-bottom-regular: clamp(2.8rem, 7vw, 4.6rem);
    --papageno-stage-inner-top: clamp(0.35rem, 2vw, 0.9rem);
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero)::before {
    height: clamp(0.9rem, 5vw, 1.8rem);
    opacity: 0.34;
  }

  body[data-siteworld="papageno"] .stage:not(.stage-hero)::after {
    height: clamp(0.65rem, 3.8vw, 1.35rem);
    opacity: 0.24;
  }
}

/* S3p - Papageno Hell-Modus: Navigation bleibt dunkel
   Hell darf die Inhalte aufhellen; Header und Navigation bleiben dunkel. */
body[data-siteworld="papageno"][data-color-scheme="light"] .site-header,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header {
  color-scheme: dark;
  background: linear-gradient(180deg, rgba(13, 8, 5, 0.985), rgba(6, 5, 4, 0.965)) !important;
  border-bottom-color: rgba(223, 149, 64, 0.24) !important;
  box-shadow: 0 1.2rem 3.4rem rgba(0, 0, 0, 0.42), inset 0 -1px 0 rgba(223, 149, 64, 0.12) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header.is-scrolled,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header.is-scrolled {
  background: linear-gradient(180deg, rgba(11, 7, 5, 0.995), rgba(5, 5, 4, 0.975)) !important;
  border-bottom-color: rgba(223, 149, 64, 0.28) !important;
  box-shadow: 0 1.35rem 3.8rem rgba(0, 0, 0, 0.48), inset 0 -1px 0 rgba(223, 149, 64, 0.14) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header__progress,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header__progress {
  background: rgba(234, 166, 76, 0.16) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header__progress-bar,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header__progress-bar {
  background: linear-gradient(90deg, rgba(190, 102, 31, 0.95), rgba(252, 207, 134, 0.98)) !important;
  box-shadow: 0 0 1.2rem rgba(223, 149, 64, 0.26) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__eyebrow,
body[data-siteworld="papageno"][data-color-scheme="light"] .siteworld-switcher__label,
body[data-siteworld="papageno"][data-color-scheme="light"] .theme-floating__label,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__eyebrow,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .siteworld-switcher__label,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .theme-floating__label {
  color: rgba(232, 170, 83, 0.82) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__title,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__title {
  color: rgba(255, 247, 233, 0.98) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__meta,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-brand__meta {
  color: rgba(236, 205, 164, 0.78) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link {
  color: rgba(255, 244, 228, 0.78) !important;
  background: transparent !important;
  border-color: transparent !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link:hover,
body[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link:focus-visible,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link:hover,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link:focus-visible {
  color: rgba(255, 249, 239, 0.98) !important;
  background: rgba(54, 30, 12, 0.38) !important;
  border-color: rgba(232, 170, 83, 0.24) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link.is-active,
body[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link[aria-current="true"],
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link.is-active,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-nav__link[aria-current="true"] {
  color: rgba(255, 244, 226, 0.98) !important;
  border-color: rgba(255, 205, 135, 0.50) !important;
  background: linear-gradient(135deg, rgba(76, 42, 19, 0.84), rgba(30, 17, 10, 0.86)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 226, 175, 0.18), 0 0.35rem 1rem rgba(219, 131, 46, 0.26) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .theme-floating__mode-row,
body[data-siteworld="papageno"][data-color-scheme="light"] .siteworld-switcher,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .theme-floating__mode-row,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .siteworld-switcher {
  border-color: rgba(232, 170, 83, 0.22) !important;
  background: rgba(10, 8, 6, 0.66) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip,
body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip--soft,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip--soft {
  color: rgba(255, 245, 230, 0.82) !important;
  border-color: rgba(232, 170, 83, 0.13) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  box-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip:hover,
body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip:focus-visible,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip:hover,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip:focus-visible {
  color: rgba(255, 249, 239, 0.96) !important;
  border-color: rgba(232, 170, 83, 0.30) !important;
  background: rgba(54, 30, 12, 0.46) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip.is-active,
body[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip[aria-pressed="true"],
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip.is-active,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header .theme-chip[aria-pressed="true"] {
  color: rgb(42, 25, 10) !important;
  border-color: rgba(255, 221, 164, 0.58) !important;
  background: linear-gradient(135deg, rgba(247, 207, 137, 0.96), rgba(207, 130, 48, 0.92)) !important;
  box-shadow: 0 0 0 1px rgba(255, 225, 178, 0.10) !important;
}

@media (max-width: 980px) {
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-header__mobilebar,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-header__mobilebar {
    color-scheme: dark;
    background: linear-gradient(180deg, rgba(9, 7, 5, 0.985), rgba(5, 5, 4, 0.965)) !important;
    border-bottom-color: rgba(223, 149, 64, 0.22) !important;
  }

  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-toggle,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-toggle {
    color: rgba(255, 245, 230, 0.92) !important;
    border-color: rgba(232, 170, 83, 0.24) !important;
    background: rgba(20, 12, 7, 0.70) !important;
  }

  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-menu__panel,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-menu__panel {
    color-scheme: dark;
    border-color: rgba(255, 213, 150, 0.48) !important;
    background: radial-gradient(ellipse at 12% 0%, rgba(222, 141, 48, 0.14), transparent 22rem), linear-gradient(180deg, rgba(10, 8, 6, 0.985), rgba(3, 5, 5, 0.97)) !important;
    box-shadow: 0 1.4rem 3.4rem rgba(0, 0, 0, 0.46), inset 0 1px 0 rgba(255, 226, 172, 0.10) !important;
  }

  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link,
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip,
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip {
    color: rgba(255, 245, 230, 0.86) !important;
    border-color: rgba(255, 226, 172, 0.32) !important;
    background: rgba(255, 255, 255, 0.018) !important;
  }

  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link.is-active,
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link[aria-current="true"],
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip.is-active,
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip[aria-pressed="true"],
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip.is-active,
  body[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip[aria-pressed="true"],
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link.is-active,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-nav__link[aria-current="true"],
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip.is-active,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-mode .theme-chip[aria-pressed="true"],
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip.is-active,
  body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .site-mobile-styleworld .theme-chip[aria-pressed="true"] {
    color: rgb(42, 25, 10) !important;
    border-color: rgba(255, 221, 164, 0.58) !important;
    background: linear-gradient(135deg, rgba(247, 207, 137, 0.96), rgba(207, 130, 48, 0.92)) !important;
  }
}

/* S3q - Papageno Hell-Modus: warmes Bühnenklima
   Die Navigation bleibt durch S3p dunkel; dieser Block gestaltet nur Inhalt, Bühnen und Flächen. */
body[data-siteworld="papageno"][data-color-scheme="light"] {
  color-scheme: light;
  --papageno-light-paper: 244 235 221;
  --papageno-light-paper-soft: 238 225 207;
  --papageno-light-panel: 250 243 232;
  --papageno-light-panel-soft: 239 224 202;
  --papageno-light-ink: 36 23 13;
  --papageno-light-text: 61 42 25;
  --papageno-light-muted: 104 76 48;
  --papageno-light-gold: 191 113 38;
  --papageno-light-line: 159 94 35;
  background:
    radial-gradient(ellipse at 82% 8%, rgb(var(--papageno-light-gold) / 0.10), transparent 35rem),
    radial-gradient(ellipse at 12% 42%, rgb(117 63 24 / 0.075), transparent 42rem),
    linear-gradient(180deg, rgb(247 240 229), rgb(234 220 201));
  color: rgb(var(--papageno-light-ink));
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-main {
  background:
    radial-gradient(ellipse at 84% 10%, rgb(var(--papageno-light-gold) / 0.10), transparent 38rem),
    radial-gradient(ellipse at 18% 50%, rgb(117 63 24 / 0.075), transparent 45rem),
    linear-gradient(180deg, rgb(246 239 228), rgb(232 216 194));
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-main {
  color: rgb(var(--papageno-light-ink));
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero) {
  border-top-color: rgb(var(--papageno-light-line) / 0.16) !important;
  border-bottom-color: rgb(var(--papageno-light-line) / 0.11) !important;
  background:
    radial-gradient(ellipse at 82% 0%, rgb(214 137 57 / 0.10), transparent 28rem),
    radial-gradient(ellipse at 14% 38%, rgb(96 52 23 / 0.06), transparent 34rem),
    linear-gradient(105deg, rgb(246 239 228), rgb(236 222 202) 55%, rgb(228 210 185));
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero)::before {
  opacity: 0.42 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--papageno-light-line) / 0.05) 13%, rgb(var(--papageno-light-line) / 0.34) 50%, rgb(var(--papageno-light-line) / 0.05) 87%, transparent 100%) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgb(198 121 43 / 0.10) 0%, rgb(120 68 31 / 0.04) 48%, transparent 100%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero)::after {
  opacity: 0.22 !important;
  background: linear-gradient(180deg, transparent 0%, rgb(142 82 36 / 0.05) 58%, rgb(66 36 17 / 0.11) 100%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-shell {
  background:
    linear-gradient(180deg, rgb(255 250 242 / 0.22), transparent 26%),
    radial-gradient(ellipse at 76% 16%, rgb(211 133 51 / 0.08), transparent 27rem) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.78 !important;
  background:
    radial-gradient(ellipse at 24% 18%, rgb(211 133 51 / 0.12), transparent 30rem),
    radial-gradient(ellipse at 82% 70%, rgb(83 43 18 / 0.07), transparent 36rem),
    linear-gradient(115deg, transparent 0 37%, rgb(191 113 38 / 0.035) 37.2%, transparent 40%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.30 !important;
  mix-blend-mode: multiply !important;
  background-image:
    linear-gradient(115deg, transparent 0 33%, rgb(191 113 38 / 0.045) 33.15%, transparent 36%),
    linear-gradient(72deg, transparent 0 69%, rgb(191 113 38 / 0.035) 69.15%, transparent 72%),
    radial-gradient(ellipse at 74% 22%, rgb(191 113 38 / 0.07), transparent 20rem),
    radial-gradient(ellipse at 18% 78%, rgb(83 43 18 / 0.05), transparent 22rem) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-label,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-kicker,
body[data-siteworld="papageno"][data-color-scheme="light"] .card-item__index,
body[data-siteworld="papageno"][data-color-scheme="light"] .compare-item__index,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-step__index,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item__index,
body[data-siteworld="papageno"][data-color-scheme="light"] .cta-kicker {
  color: rgb(var(--papageno-light-gold) / 0.96) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-title,
body[data-siteworld="papageno"][data-color-scheme="light"] .card-item__title,
body[data-siteworld="papageno"][data-color-scheme="light"] .compare-item__title,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-step__title,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-handoff__title,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item__question,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-title {
  color: rgb(var(--papageno-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 252 246 / 0.82), 0 1.2rem 3rem rgb(91 55 27 / 0.12) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-lead,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-copy,
body[data-siteworld="papageno"][data-color-scheme="light"] .card-item__text,
body[data-siteworld="papageno"][data-color-scheme="light"] .compare-item__text,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-step__text,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-handoff__text,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-handoff__item,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item__answer,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item__support,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-card {
  color: rgb(var(--papageno-light-text) / 0.88) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .surface-panel,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-content,
body[data-siteworld="papageno"][data-color-scheme="light"] .editorial-media-surface,
body[data-siteworld="papageno"][data-color-scheme="light"] .card-item,
body[data-siteworld="papageno"][data-color-scheme="light"] .compare-item,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-step,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-handoff,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-card {
  background:
    linear-gradient(180deg, rgb(var(--papageno-light-panel) / 0.92), rgb(var(--papageno-light-panel-soft) / 0.86)),
    linear-gradient(90deg, rgb(255 255 255 / 0.20), transparent 32%, rgb(255 255 255 / 0.10) 78%, transparent) !important;
  border-color: rgb(var(--papageno-light-line) / 0.22) !important;
  box-shadow:
    0 1.4rem 3.8rem rgb(104 69 36 / 0.13),
    inset 0 1px 0 rgb(255 252 246 / 0.68) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .card-item:hover,
body[data-siteworld="papageno"][data-color-scheme="light"] .compare-item:hover,
body[data-siteworld="papageno"][data-color-scheme="light"] .process-step:hover,
body[data-siteworld="papageno"][data-color-scheme="light"] .faq-item:hover {
  border-color: rgb(var(--papageno-light-line) / 0.34) !important;
  box-shadow:
    0 1.7rem 4.4rem rgb(104 69 36 / 0.17),
    inset 0 1px 0 rgb(255 252 246 / 0.76) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .button,
body[data-siteworld="papageno"][data-color-scheme="light"] .button-secondary,
body[data-siteworld="papageno"][data-color-scheme="light"] .button-ghost {
  color: rgb(var(--papageno-light-ink)) !important;
  border-color: rgb(var(--papageno-light-line) / 0.32) !important;
  background: rgb(255 248 236 / 0.58) !important;
  box-shadow: 0 0.8rem 2.1rem rgb(104 69 36 / 0.10) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .button-primary,
body[data-siteworld="papageno"][data-color-scheme="light"] .cta-mail-button {
  color: rgb(43 25 10) !important;
  border-color: rgb(174 100 35 / 0.42) !important;
  background: linear-gradient(135deg, rgb(255 226 166), rgb(205 128 45)) !important;
  box-shadow: 0 1.1rem 2.8rem rgb(158 92 35 / 0.24), inset 0 1px 0 rgb(255 248 226 / 0.52) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] {
  color-scheme: light;
  color: rgb(var(--papageno-light-ink));
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .stage-shell--hero {
  border-top-color: rgb(var(--papageno-light-line) / 0.22) !important;
  border-bottom-color: rgb(var(--papageno-light-line) / 0.14) !important;
  background:
    linear-gradient(90deg, rgb(246 238 225 / 0.97) 0%, rgb(244 235 221 / 0.88) 36%, rgb(244 235 221 / 0.60) 56%, rgb(244 235 221 / 0.25) 100%),
    linear-gradient(180deg, rgb(255 250 241 / 0.22), rgb(75 42 19 / 0.18)),
    url("../../assets/images/hero-papageno-stage.webp") right center / cover no-repeat !important;
  box-shadow: inset 0 1px 0 rgb(255 252 246 / 0.54), inset 0 -1px 0 rgb(var(--papageno-light-line) / 0.12) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .hero-content {
  border-left-color: rgb(var(--papageno-light-line) / 0.52) !important;
  background:
    linear-gradient(90deg, rgb(255 250 241 / 0.68), rgb(255 250 241 / 0.28) 56%, transparent 84%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .hero-content::before {
  background: linear-gradient(180deg, transparent, rgb(var(--papageno-light-line) / 0.72), rgb(117 63 24 / 0.20), transparent) !important;
  box-shadow: 0 0 2rem rgb(var(--papageno-light-line) / 0.16) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .stage-label {
  color: rgb(var(--papageno-light-gold) / 0.98) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .stage-title {
  color: rgb(27 19 12) !important;
  text-shadow: 0 1px 0 rgb(255 251 242 / 0.82), 0 1.4rem 3.8rem rgb(71 43 21 / 0.18) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .stage-text {
  color: rgb(55 39 25 / 0.88) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .stage-hero[data-siteworld="papageno"] .hero-highlights__item {
  color: rgb(var(--papageno-light-ink)) !important;
  border-color: rgb(var(--papageno-light-line) / 0.22) !important;
  background: rgb(255 248 236 / 0.62) !important;
  box-shadow: 0 1rem 2.4rem rgb(104 69 36 / 0.12), inset 0 1px 0 rgb(255 252 246 / 0.62) !important;
}

/* Kontakt bleibt im Hell-Modus als kräftige Abschlussbühne erhalten, wird aber links etwas heller lesbar geführt. */
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] {
  color-scheme: dark;
  color: rgb(255 246 231);
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-contact,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-contact__name {
  color: rgb(255 247 234 / 0.96) !important;
  text-shadow: 0 1.2rem 3rem rgb(0 0 0 / 0.34) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] .site-footer {
  color-scheme: dark;
}

/* S3r - Papageno Hell-Modus: Feinkorrektur fuer Buehnen, Karten und Lesbarkeit
   Header, Navigation, Kontaktbild und Footer bleiben unveraendert. */
body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"],
body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"],
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"],
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"],
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] {
  color-scheme: light;
  color: rgb(var(--papageno-light-ink)) !important;
  background:
    radial-gradient(ellipse at 82% 0%, rgb(214 137 57 / 0.12), transparent 30rem),
    radial-gradient(ellipse at 12% 34%, rgb(105 59 28 / 0.07), transparent 36rem),
    linear-gradient(115deg, rgb(247 240 229), rgb(238 225 206) 54%, rgb(230 213 188)) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .stage-title {
  color: rgb(var(--papageno-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 252 246 / 0.82), 0 1.3rem 3.2rem rgb(91 55 27 / 0.13) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-detail,
body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-caption,
body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .stage-text {
  color: rgb(var(--papageno-light-text) / 0.90) !important;
  text-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .stage-label,
body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .stage-label,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .stage-label,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .stage-label,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .stage-label {
  color: rgb(var(--papageno-light-gold) / 0.98) !important;
  text-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-content,
body[data-siteworld="papageno"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="papageno"] .editorial-media-surface,
body[data-theme="metal"][data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item,
body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-handoff,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item {
  color: rgb(var(--papageno-light-ink)) !important;
  border-color: rgb(var(--papageno-light-line) / 0.24) !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgb(229 160 84 / 0.13), transparent 60%),
    linear-gradient(180deg, rgb(255 249 239 / 0.94), rgb(239 224 202 / 0.89)) !important;
  box-shadow:
    0 1.35rem 3.8rem rgb(105 68 36 / 0.13),
    inset 0 1px 0 rgb(255 252 246 / 0.70) !important;
}

body[data-theme="metal"][data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item::before,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item::before,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step::before,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item::before {
  opacity: 0.48 !important;
  background:
    linear-gradient(90deg, rgb(var(--papageno-light-line) / 0.32), rgb(var(--papageno-light-line) / 0.10) 42%, transparent 72%) top left / 70% 1px no-repeat,
    linear-gradient(180deg, rgb(var(--papageno-light-line) / 0.22), transparent 58%) top left / 1px 56% no-repeat !important;
}

body[data-theme="metal"][data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item::after,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item::after,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step::after,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item::after {
  opacity: 0.30 !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgb(229 160 84 / 0.16), transparent 34%),
    linear-gradient(180deg, rgb(255 252 246 / 0.18), transparent 26%, rgb(142 82 36 / 0.04)) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item__title,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__title,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step__title,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-handoff__title,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__question {
  color: rgb(var(--papageno-light-ink)) !important;
  text-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item__text,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__text,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__outcome,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__points,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__points li,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step__text,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-handoff__text,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-handoff__item,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__answer,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__support {
  color: rgb(var(--papageno-light-text) / 0.88) !important;
  text-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="papageno"] .cards-grid .card-item__meta,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__meta,
body[data-siteworld="papageno"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="papageno"] .compare-item__scenario,
body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-step__index,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__meta,
body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__group {
  color: rgb(var(--papageno-light-gold) / 0.95) !important;
  border-color: rgb(var(--papageno-light-line) / 0.25) !important;
  background: rgb(255 248 236 / 0.50) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #process.stage-process[data-siteworld="papageno"] .process-track::before {
  background: linear-gradient(90deg, transparent, rgb(var(--papageno-light-line) / 0.25), transparent) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="papageno"] .faq-item__toggle {
  color: rgb(var(--papageno-light-ink)) !important;
  border-color: rgb(var(--papageno-light-line) / 0.28) !important;
  background: rgb(255 248 236 / 0.58) !important;
}

/* S3s - Papageno Hell-Modus: statische Seiten und Kontakt-Kontrast
   Navigation bleibt dunkel. Dieser Block korrigiert nur Lesbarkeit und CTA-Kontrast. */
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] {
  color-scheme: light;
  color: rgb(43 29 18) !important;
  background:
    radial-gradient(ellipse at 78% 8%, rgb(207 130 48 / 0.11), transparent 36rem),
    radial-gradient(ellipse at 12% 72%, rgb(116 67 32 / 0.09), transparent 42rem),
    linear-gradient(180deg, rgb(245 237 224), rgb(232 216 194)) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"]::before {
  opacity: 0.26 !important;
  background:
    linear-gradient(115deg, transparent 0 34%, rgb(191 113 38 / 0.075) 34.15%, transparent 37%),
    radial-gradient(ellipse at 74% 18%, rgb(191 113 38 / 0.11), transparent 30rem) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-main {
  background:
    radial-gradient(ellipse at 82% 12%, rgb(207 130 48 / 0.12), transparent 38rem),
    radial-gradient(ellipse at 16% 76%, rgb(116 67 32 / 0.08), transparent 40rem),
    linear-gradient(180deg, rgb(246 238 225), rgb(232 216 194)) !important;
  color: rgb(43 29 18) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-card,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-card.surface-panel {
  color: rgb(43 29 18) !important;
  border-color: rgb(160 96 39 / 0.24) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgb(229 160 84 / 0.13), transparent 52%),
    linear-gradient(180deg, rgb(255 249 238 / 0.96), rgb(238 223 201 / 0.94)) !important;
  box-shadow:
    0 2rem 5rem rgb(105 68 36 / 0.14),
    inset 0 1px 0 rgb(255 253 248 / 0.76) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page-card::before {
  opacity: 0.18 !important;
  background:
    linear-gradient(90deg, rgb(191 113 38 / 0.18), transparent 34%),
    radial-gradient(ellipse at 10% 12%, rgb(207 130 48 / 0.18), transparent 18rem) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__eyebrow,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__fact span {
  color: rgb(177 98 32) !important;
  text-shadow: none !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__title,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section h2,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section strong {
  color: rgb(41 27 17) !important;
  text-shadow: 0 1px 0 rgb(255 252 246 / 0.72) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__intro,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__lead p,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section p,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section li,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__content {
  color: rgb(67 47 31 / 0.92) !important;
  text-shadow: none !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section {
  border-top-color: rgb(160 96 39 / 0.18) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section--contactbox,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__fact {
  border-color: rgb(160 96 39 / 0.24) !important;
  background: rgb(142 127 108 / 0.24) !important;
  color: rgb(43 29 18) !important;
  box-shadow: inset 0 1px 0 rgb(255 252 246 / 0.36) !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__fact strong,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__fact a,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .static-page__section a {
  color: rgb(51 33 19) !important;
  text-decoration-color: rgb(177 98 32 / 0.42) !important;
  text-shadow: none !important;
}

body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .button,
body.page-static[data-siteworld="papageno"][data-color-scheme="light"] .button-primary {
  color: rgb(39 23 9) !important;
  border-color: rgb(174 100 35 / 0.42) !important;
  background: linear-gradient(135deg, rgb(255 226 166), rgb(205 128 45)) !important;
  box-shadow: 0 1rem 2.6rem rgb(158 92 35 / 0.22), inset 0 1px 0 rgb(255 248 226 / 0.52) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] {
  color-scheme: dark;
  color: rgb(255 245 226) !important;
  background:
    radial-gradient(circle at 18% 22%, rgb(191 132 54 / 0.12), transparent 32rem),
    linear-gradient(135deg, rgb(10 7 6) 0%, rgb(20 13 9) 48%, rgb(8 7 6) 100%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-shell--cta {
  background: transparent !important;
  box-shadow: none !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-shell--cta::before {
  opacity: 1 !important;
  filter: saturate(1.03) contrast(1.06) brightness(0.96) !important;
  background:
    linear-gradient(90deg, rgb(6 4 3 / 0.95) 0%, rgb(8 6 4 / 0.86) 28%, rgb(13 9 6 / 0.38) 50%, rgb(9 7 5 / 0.08) 66%, rgb(6 5 4 / 0.00) 100%),
    radial-gradient(ellipse at 34% 48%, rgb(222 150 71 / 0.16), transparent 32rem),
    url("../../assets/images/cta-papageno-threshold.webp") 76% center / cover no-repeat !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-shell--cta::after {
  opacity: 0.82 !important;
  background:
    linear-gradient(180deg, rgb(0 0 0 / 0.38) 0%, rgb(0 0 0 / 0.02) 18%, rgb(0 0 0 / 0.00) 68%, rgb(0 0 0 / 0.34) 100%),
    radial-gradient(circle at 22% 30%, rgb(239 177 91 / 0.12), transparent 24rem),
    radial-gradient(ellipse at 76% 72%, rgb(231 130 42 / 0.08), transparent 34rem) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-panel,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-panel.surface-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: rgb(255 245 226) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-panel::before {
  opacity: 1 !important;
  background:
    radial-gradient(ellipse at 24% 48%, rgb(0 0 0 / 0.56), transparent 66%),
    linear-gradient(90deg, rgb(0 0 0 / 0.22), transparent 76%) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-title,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-text,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-support,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-contact,
body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-contact__name {
  color: rgb(255 241 215 / 0.92) !important;
  text-shadow: 0 0.9rem 2.5rem rgb(0 0 0 / 0.48) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .stage-title {
  color: rgb(255 244 223) !important;
}

body[data-siteworld="papageno"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="papageno"] .cta-points__item {
  color: rgb(255 236 204 / 0.88) !important;
  border-color: rgb(224 168 84 / 0.32) !important;
  background: rgb(18 11 7 / 0.38) !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 1px 0 rgb(255 235 193 / 0.07),
    0 0.7rem 1.8rem rgb(0 0 0 / 0.16) !important;
}

/* K3 - Farbatelier: Gestaltung als abstrakte Farb- und Lichtwelt finalisieren
   Nur Farbatelier. Keine neuen Bilder, keine PHP-Änderung, keine Navigation. */
body[data-siteworld="farbatelier"] {
  --world-depth: 5 4 12;
  --world-depth-soft: 14 7 27;
  --world-warm: 255 64 218;
  --world-warm-soft: 98 45 186;
  --world-gold: 255 185 71;
  --world-line: 255 92 225;
  --pillar-panel: 16 7 30;
  --pillar-panel-soft: 38 10 58;
  --pillar-accent: 255 68 220;
  --pillar-accent-2: 46 224 255;
  --pillar-accent-3: 255 184 65;
  --pillar-accent-glow: 255 68 220;
  color-scheme: dark;
}

body[data-siteworld="farbatelier"] .site-main {
  background:
    radial-gradient(ellipse at 78% 8%, rgb(255 68 220 / 0.13), transparent 42rem),
    radial-gradient(ellipse at 12% 38%, rgb(46 224 255 / 0.075), transparent 38rem),
    radial-gradient(ellipse at 62% 92%, rgb(255 184 65 / 0.07), transparent 44rem),
    linear-gradient(180deg, rgb(5 4 12) 0%, rgb(16 7 30) 48%, rgb(5 4 12) 100%);
}

body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
  background:
    radial-gradient(ellipse at 20% 8%, rgb(255 68 220 / 0.115), transparent 34rem),
    radial-gradient(ellipse at 88% 28%, rgb(46 224 255 / 0.085), transparent 42rem),
    radial-gradient(ellipse at 62% 86%, rgb(255 184 65 / 0.055), transparent 38rem),
    linear-gradient(180deg, rgb(5 4 12) 0%, rgb(16 7 30 / 0.98) 52%, rgb(5 4 12) 100%) !important;
  border-top-color: rgb(255 68 220 / 0.16) !important;
  border-bottom-color: rgb(46 224 255 / 0.10) !important;
}

.stage-hero[data-siteworld="farbatelier"] .stage-shell--hero {
  min-height: clamp(43rem, 84svh, 60rem);
  border-top-color: rgb(255 68 220 / 0.30);
  border-bottom-color: rgb(46 224 255 / 0.22);
  background:
    linear-gradient(90deg, rgb(5 4 12 / 0.99) 0%, rgb(10 5 21 / 0.94) 34%, rgb(29 8 47 / 0.58) 56%, rgb(9 5 18 / 0.08) 100%),
    radial-gradient(ellipse at 78% 24%, rgb(46 224 255 / 0.17), transparent 35rem),
    radial-gradient(ellipse at 70% 76%, rgb(255 68 220 / 0.22), transparent 34rem),
    url("../../assets/images/hero-farbatelier-stage.svg") 74% center / cover no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgb(255 210 246 / 0.08),
    inset 0 -1px 0 rgb(46 224 255 / 0.16),
    0 2.4rem 7rem rgb(0 0 0 / 0.36);
}

.stage-hero[data-siteworld="farbatelier"] .stage-backdrop {
  opacity: 0.66;
  background:
    radial-gradient(circle at 78% 24%, rgb(46 224 255 / 0.16), transparent 30rem),
    radial-gradient(circle at 58% 70%, rgb(255 68 220 / 0.18), transparent 36rem),
    radial-gradient(circle at 84% 72%, rgb(255 184 65 / 0.10), transparent 30rem),
    linear-gradient(112deg, rgb(5 4 12 / 0.84), rgb(17 7 31 / 0.52) 48%, rgb(38 10 58 / 0.18)) !important;
}

.stage-hero[data-siteworld="farbatelier"] .stage-atmosphere {
  opacity: 0.50;
  background-image:
    radial-gradient(circle at 82% 28%, rgb(46 224 255 / 0.15), transparent 22rem),
    radial-gradient(circle at 56% 66%, rgb(255 68 220 / 0.14), transparent 26rem),
    linear-gradient(118deg, transparent 0 42%, rgb(255 68 220 / 0.12) 42.2%, transparent 43.6% 64%, rgb(46 224 255 / 0.10) 64.2%, transparent 65.4% 100%) !important;
  background-size: auto, auto, 340px 340px;
  mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 100%);
}

.stage-hero[data-siteworld="farbatelier"] .hero-content {
  max-width: 50rem;
  border-left-color: rgb(255 84 224 / 0.70);
  background:
    linear-gradient(90deg, rgb(255 68 220 / 0.15), rgb(46 224 255 / 0.055) 48%, transparent 82%) !important;
}

.stage-hero[data-siteworld="farbatelier"] .hero-content::before {
  background: linear-gradient(180deg, transparent, rgb(255 84 224 / 0.90), rgb(46 224 255 / 0.34), transparent) !important;
  box-shadow: 0 0 42px rgb(255 68 220 / 0.32);
}

.stage-hero[data-siteworld="farbatelier"] .stage-title {
  max-width: 13.8ch;
  letter-spacing: -0.056em;
  text-shadow:
    0 0 32px rgb(255 68 220 / 0.22),
    0 18px 54px rgb(0 0 0 / 0.52);
}

.stage-hero[data-siteworld="farbatelier"] .stage-text {
  max-width: 42rem;
  color: rgb(255 231 248 / 0.88);
}

.stage-hero[data-siteworld="farbatelier"] .hero-highlights__item {
  border-color: rgb(255 86 224 / 0.28);
  background:
    radial-gradient(ellipse at 14% 0%, rgb(255 68 220 / 0.11), transparent 80%),
    linear-gradient(180deg, rgb(24 8 39 / 0.76), rgb(9 5 20 / 0.68)) !important;
  box-shadow:
    0 1.1rem 2.8rem rgb(0 0 0 / 0.22),
    inset 0 1px 0 rgb(255 216 248 / 0.065);
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-grid {
  grid-template-columns: minmax(22rem, 0.86fr) minmax(26rem, 1.14fr) !important;
  gap: clamp(3rem, 5.2vw, 6.8rem) !important;
  align-items: center;
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content {
  border-color: rgb(255 86 224 / 0.26);
  background:
    radial-gradient(ellipse at 8% 12%, rgb(255 68 220 / 0.20), transparent 28rem),
    radial-gradient(ellipse at 96% 88%, rgb(46 224 255 / 0.13), transparent 24rem),
    linear-gradient(145deg, rgb(38 10 58 / 0.56), rgb(16 7 30 / 0.76)) !important;
  box-shadow:
    0 2rem 5rem rgb(0 0 0 / 0.30),
    inset 0 1px 0 rgb(255 222 248 / 0.06);
}

body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media-surface {
  border-color: rgb(255 86 224 / 0.28);
  background:
    radial-gradient(ellipse at 18% 72%, rgb(255 68 220 / 0.13), transparent 36%),
    radial-gradient(ellipse at 84% 24%, rgb(46 224 255 / 0.10), transparent 34%),
    linear-gradient(145deg, rgb(24 8 39 / 0.92), rgb(5 4 12 / 0.98) 68%) !important;
  box-shadow:
    0 2.2rem 6.2rem rgb(0 0 0 / 0.42),
    0 0 54px rgb(255 68 220 / 0.16),
    0 0 38px rgb(46 224 255 / 0.10),
    inset 0 1px 0 rgb(255 222 248 / 0.08);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid {
  grid-template-columns: minmax(0, 1.20fr) minmax(0, 0.90fr) minmax(0, 0.90fr);
  gap: clamp(1rem, 1.75vw, 1.8rem);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item {
  border-color: rgb(255 86 224 / 0.24);
  background:
    radial-gradient(ellipse at 16% 0%, rgb(255 68 220 / 0.18), transparent 62%),
    radial-gradient(ellipse at 92% 88%, rgb(46 224 255 / 0.12), transparent 58%),
    linear-gradient(180deg, rgb(38 10 58 / 0.54), rgb(16 7 30 / 0.84)) !important;
  box-shadow:
    0 1.6rem 4rem rgb(0 0 0 / 0.28),
    inset 0 1px 0 rgb(255 222 248 / 0.055);
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item:first-child {
  background:
    radial-gradient(ellipse at 12% 0%, rgb(255 68 220 / 0.24), transparent 64%),
    radial-gradient(ellipse at 92% 92%, rgb(46 224 255 / 0.15), transparent 58%),
    radial-gradient(ellipse at 50% 100%, rgb(255 184 65 / 0.10), transparent 54%),
    linear-gradient(180deg, rgb(48 12 70 / 0.66), rgb(16 7 30 / 0.88)) !important;
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.9rem);
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item {
  grid-column: auto;
  border-color: rgb(255 86 224 / 0.24);
  background:
    radial-gradient(ellipse at 16% 0%, rgb(255 68 220 / 0.15), transparent 60%),
    radial-gradient(ellipse at 94% 96%, rgb(46 224 255 / 0.10), transparent 58%),
    linear-gradient(180deg, rgb(38 10 58 / 0.50), rgb(16 7 30 / 0.82)) !important;
  box-shadow:
    0 1.5rem 4.4rem rgb(0 0 0 / 0.26),
    inset 0 1px 0 rgb(255 222 248 / 0.05);
}

body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item:nth-child(2) {
  transform: translateY(clamp(0.75rem, 1.4vw, 1.4rem));
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 1.75vw, 1.9rem);
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step,
body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff {
  border-color: rgb(255 86 224 / 0.22);
  background:
    radial-gradient(ellipse at 16% 0%, rgb(255 68 220 / 0.16), transparent 62%),
    radial-gradient(ellipse at 96% 100%, rgb(46 224 255 / 0.10), transparent 56%),
    linear-gradient(180deg, rgb(38 10 58 / 0.50), rgb(16 7 30 / 0.84)) !important;
  box-shadow:
    0 1.4rem 4rem rgb(0 0 0 / 0.25),
    inset 0 1px 0 rgb(255 222 248 / 0.055);
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff {
  border-color: rgb(255 184 65 / 0.30);
  background:
    linear-gradient(90deg, rgb(255 68 220 / 0.13), rgb(46 224 255 / 0.10), rgb(255 184 65 / 0.12)),
    linear-gradient(180deg, rgb(38 10 58 / 0.58), rgb(16 7 30 / 0.86)) !important;
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(1rem, 1.6vw, 1.6rem);
}

body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item {
  border-color: rgb(255 86 224 / 0.22);
  background:
    radial-gradient(ellipse at 12% 0%, rgb(255 68 220 / 0.15), transparent 62%),
    radial-gradient(ellipse at 94% 100%, rgb(46 224 255 / 0.085), transparent 56%),
    linear-gradient(180deg, rgb(38 10 58 / 0.48), rgb(16 7 30 / 0.80)) !important;
  box-shadow:
    0 1.2rem 3.4rem rgb(0 0 0 / 0.20),
    inset 0 1px 0 rgb(255 222 248 / 0.052);
}

#cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta {
  background:
    linear-gradient(90deg, rgb(5 4 12 / 0.95) 0%, rgb(16 7 30 / 0.82) 48%, rgb(45 10 63 / 0.40) 100%) !important;
}

#cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta::before {
  background:
    linear-gradient(90deg, rgb(5 4 12 / 0.94) 0%, rgb(16 7 30 / 0.74) 38%, rgb(255 68 220 / 0.12) 66%, rgb(46 224 255 / 0.06) 100%),
    radial-gradient(ellipse at 74% 42%, rgb(255 68 220 / 0.20), transparent 34rem),
    radial-gradient(ellipse at 90% 70%, rgb(46 224 255 / 0.12), transparent 32rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel {
  max-width: min(100%, 84rem);
  border-color: rgb(255 86 224 / 0.30);
  background:
    radial-gradient(ellipse at 16% 12%, rgb(255 68 220 / 0.24), transparent 34rem),
    radial-gradient(ellipse at 84% 28%, rgb(46 224 255 / 0.15), transparent 38rem),
    radial-gradient(ellipse at 56% 100%, rgb(255 184 65 / 0.13), transparent 34rem),
    linear-gradient(135deg, rgb(38 10 58 / 0.66), rgb(16 7 30 / 0.88)) !important;
  box-shadow:
    0 2.1rem 6.4rem rgb(0 0 0 / 0.36),
    0 0 52px rgb(255 68 220 / 0.16),
    inset 0 1px 0 rgb(255 222 248 / 0.06);
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-points__item {
  border-color: rgb(255 86 224 / 0.26);
  background: rgb(38 10 58 / 0.58) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .button-primary {
  color: rgb(22 5 30);
  border-color: rgb(255 222 248 / 0.52);
  background: linear-gradient(135deg, rgb(255 74 220), rgb(255 184 65)) !important;
  box-shadow:
    0 1.1rem 2.8rem rgb(255 68 220 / 0.22),
    inset 0 1px 0 rgb(255 247 254 / 0.40);
}

@media (max-width: 1180px) {
  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid,
  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid,
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item:first-child {
    grid-row: auto;
  }
}

@media (max-width: 980px) {
  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-grid,
  body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list,
  body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel {
    grid-template-columns: 1fr !important;
  }

  body[data-siteworld="farbatelier"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media-surface,
  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item:nth-child(2),
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(2),
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-step:nth-child(4) {
    transform: none !important;
  }
}

@media (max-width: 720px) {
  .stage-hero[data-siteworld="farbatelier"] .stage-shell--hero {
    background:
      linear-gradient(180deg, rgb(5 4 12 / 0.96) 0%, rgb(12 6 24 / 0.92) 48%, rgb(12 6 24 / 0.78) 100%),
      url("../../assets/images/hero-farbatelier-stage.svg") 68% center / cover no-repeat !important;
  }

  .stage-hero[data-siteworld="farbatelier"] .stage-title {
    max-width: 12ch;
  }

  body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid,
  body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid,
  body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track {
    grid-template-columns: 1fr;
  }
}


/* K4 - Farbatelier Sichtkorrektur nach Screenshot
   Ziel: Der Begriff Säulen verschwindet aus der Navigation separat in config/navigation.php.
   In der Gestaltung-Welt werden die grossen Leerzonen reduziert und die Kontaktbuehne sauberer gefuehrt. */
body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
  padding-top: clamp(1.15rem, 2.1vw, 2.35rem) !important;
  padding-bottom: clamp(2.9rem, 4.6vw, 5.25rem) !important;
}

body[data-siteworld="farbatelier"] .stage:not(.stage-hero)::before {
  height: clamp(3.4rem, 6vw, 6.2rem) !important;
  opacity: 0.66 !important;
}

body[data-siteworld="farbatelier"] .stage-shell:not(.stage-shell--hero) > .stage-inner {
  padding-top: clamp(0.75rem, 1.2vw, 1.2rem) !important;
  padding-bottom: clamp(1.25rem, 2vw, 2.15rem) !important;
}

body[data-siteworld="farbatelier"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-intro,
body[data-siteworld="farbatelier"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-intro,
body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-intro,
body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-intro {
  margin-bottom: clamp(1.55rem, 2.5vw, 2.45rem);
}

body[data-siteworld="farbatelier"] #process.stage-process[data-siteworld="farbatelier"] .process-track,
body[data-siteworld="farbatelier"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list {
  margin-top: clamp(1.35rem, 2.2vw, 2.2rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] {
  padding-top: clamp(1.15rem, 2vw, 2.25rem) !important;
  padding-bottom: clamp(2.2rem, 4vw, 4.25rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta {
  min-height: clamp(30rem, 54vh, 38rem) !important;
  align-items: center !important;
  border-radius: clamp(1.5rem, 2.4vw, 2.6rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-inner {
  width: min(100% - 2rem, var(--container-stage)) !important;
  margin-inline: auto !important;
  padding-top: clamp(0.65rem, 1vw, 1rem) !important;
  padding-bottom: clamp(0.9rem, 1.6vw, 1.7rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel,
body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel.surface-panel {
  max-width: min(100%, 78rem) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding: clamp(2.35rem, 4vw, 4.35rem) clamp(2rem, 4vw, 4.7rem) !important;
}

body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-title {
  max-width: 12.8ch !important;
}

@media (max-width: 980px) {
  body[data-siteworld="farbatelier"] .stage:not(.stage-hero) {
    padding-top: clamp(0.9rem, 4vw, 1.8rem) !important;
  }

  body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta {
    min-height: auto !important;
  }

  body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel,
  body[data-siteworld="farbatelier"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel.surface-panel {
    max-width: 100% !important;
  }
}

/* K8a - Technik Hellmodus: heller Glas- und Metallmodus ohne Header- oder Navigationsumbau */
body[data-siteworld="klartechnik"][data-color-scheme="light"] {
  --klartechnik-light-ink: 7 19 30;
  --klartechnik-light-text: 38 61 78;
  --klartechnik-light-muted: 64 103 128;
  --klartechnik-light-panel: 238 247 252;
  --klartechnik-light-panel-soft: 220 236 246;
  --klartechnik-light-line: 78 158 205;
  --klartechnik-light-accent: 42 147 211;
  --klartechnik-light-accent-soft: 105 188 232;
  --klartechnik-light-shadow: 14 42 64;
  color-scheme: light;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .site-main {
  color: rgb(var(--klartechnik-light-ink));
  background:
    radial-gradient(ellipse at 82% 12%, rgb(92 183 230 / 0.16), transparent 38rem),
    radial-gradient(ellipse at 12% 62%, rgb(151 205 232 / 0.16), transparent 42rem),
    linear-gradient(180deg, rgb(235 244 249) 0%, rgb(221 235 244) 48%, rgb(230 241 247) 100%) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage {
  color: rgb(var(--klartechnik-light-ink)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) {
  color-scheme: light;
  color: rgb(var(--klartechnik-light-ink)) !important;
  border-top-color: rgb(var(--klartechnik-light-line) / 0.18) !important;
  border-bottom-color: rgb(var(--klartechnik-light-line) / 0.12) !important;
  background:
    linear-gradient(90deg, rgb(var(--klartechnik-light-line) / 0.055) 0 1px, transparent 1px 100%) 0 0 / 5.6rem 100% repeat,
    radial-gradient(ellipse at 84% 0%, rgb(91 181 229 / 0.14), transparent 32rem),
    radial-gradient(ellipse at 14% 38%, rgb(255 255 255 / 0.52), transparent 34rem),
    linear-gradient(115deg, rgb(241 248 252), rgb(224 238 247) 56%, rgb(211 229 240)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero)::before {
  opacity: 0.42 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--klartechnik-light-line) / 0.08) 13%, rgb(var(--klartechnik-light-line) / 0.36) 50%, rgb(var(--klartechnik-light-line) / 0.08) 87%, transparent 100%) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgb(var(--klartechnik-light-accent-soft) / 0.14) 0%, rgb(255 255 255 / 0.18) 44%, transparent 100%) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero)::after {
  opacity: 0.24 !important;
  background: linear-gradient(180deg, transparent 0%, rgb(var(--klartechnik-light-line) / 0.07) 60%, rgb(var(--klartechnik-light-shadow) / 0.10) 100%) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-shell {
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.24), transparent 28%),
    radial-gradient(ellipse at 76% 16%, rgb(var(--klartechnik-light-accent-soft) / 0.11), transparent 28rem) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.68 !important;
  background:
    radial-gradient(ellipse at 24% 18%, rgb(var(--klartechnik-light-accent-soft) / 0.16), transparent 30rem),
    radial-gradient(ellipse at 82% 70%, rgb(var(--klartechnik-light-line) / 0.08), transparent 36rem),
    linear-gradient(115deg, transparent 0 37%, rgb(var(--klartechnik-light-line) / 0.065) 37.2%, transparent 40%) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.34 !important;
  mix-blend-mode: multiply !important;
  background-image:
    linear-gradient(90deg, rgb(var(--klartechnik-light-line) / 0.070) 1px, transparent 1px),
    linear-gradient(180deg, rgb(var(--klartechnik-light-line) / 0.050) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 46%, rgb(var(--klartechnik-light-accent) / 0.10) 46.18%, transparent 47.2% 100%),
    radial-gradient(circle at 82% 26%, rgb(var(--klartechnik-light-accent-soft) / 0.14), transparent 21rem) !important;
  background-size: 78px 78px, 78px 78px, 340px 340px, auto !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-label,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .card-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__scenario,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-step__index,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__group {
  color: rgb(var(--klartechnik-light-accent) / 0.96) !important;
  border-color: rgb(var(--klartechnik-light-line) / 0.28) !important;
  background: rgb(255 255 255 / 0.38) !important;
  text-shadow: none !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .card-item__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-step__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-handoff__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__question {
  color: rgb(var(--klartechnik-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.78), 0 1.25rem 3rem rgb(var(--klartechnik-light-shadow) / 0.12) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-lead,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-copy,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-detail,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-caption,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .card-item__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__outcome,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__points,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__points li,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-step__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-handoff__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-handoff__item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__answer,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__support,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .cta-support,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .cta-points__item {
  color: rgb(var(--klartechnik-light-text) / 0.90) !important;
  text-shadow: none !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .surface-panel,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-content,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .editorial-media-surface,
body[data-theme="metal"][data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid .card-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid .card-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-step,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel {
  color: rgb(var(--klartechnik-light-ink)) !important;
  border-color: rgb(var(--klartechnik-light-line) / 0.28) !important;
  background:
    linear-gradient(90deg, rgb(var(--klartechnik-light-line) / 0.075) 0 1px, transparent 1px 100%) 0 0 / 3.6rem 100% repeat,
    radial-gradient(ellipse at 18% 0%, rgb(255 255 255 / 0.62), transparent 60%),
    linear-gradient(180deg, rgb(var(--klartechnik-light-panel) / 0.94), rgb(var(--klartechnik-light-panel-soft) / 0.88)) !important;
  box-shadow:
    0 1.2rem 3.4rem rgb(var(--klartechnik-light-shadow) / 0.13),
    inset 0 1px 0 rgb(255 255 255 / 0.72) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .card-item:hover,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item:hover,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-step:hover,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item:hover {
  border-color: rgb(var(--klartechnik-light-accent) / 0.42) !important;
  box-shadow:
    0 1.45rem 4rem rgb(var(--klartechnik-light-shadow) / 0.18),
    inset 0 1px 0 rgb(255 255 255 / 0.82) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] {
  color-scheme: light;
  color: rgb(var(--klartechnik-light-ink)) !important;
  background:
    linear-gradient(90deg, rgb(var(--klartechnik-light-line) / 0.045) 0 1px, transparent 1px 100%) 0 0 / 5.2rem 100% repeat,
    radial-gradient(ellipse at 82% 0%, rgb(var(--klartechnik-light-accent-soft) / 0.15), transparent 30rem),
    radial-gradient(ellipse at 12% 34%, rgb(255 255 255 / 0.52), transparent 36rem),
    linear-gradient(115deg, rgb(241 248 252), rgb(224 238 247) 54%, rgb(211 229 240)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-track::before {
  background: linear-gradient(90deg, transparent, rgb(var(--klartechnik-light-accent) / 0.34), transparent) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item__toggle {
  color: rgb(var(--klartechnik-light-ink)) !important;
  border-color: rgb(var(--klartechnik-light-line) / 0.30) !important;
  background: rgb(255 255 255 / 0.58) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .button,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .button-secondary,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .button-ghost {
  color: rgb(var(--klartechnik-light-ink)) !important;
  border-color: rgb(var(--klartechnik-light-line) / 0.34) !important;
  background: rgb(255 255 255 / 0.52) !important;
  box-shadow: 0 0.8rem 2rem rgb(var(--klartechnik-light-shadow) / 0.10) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .button-primary,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .cta-mail-button {
  color: rgb(3 19 31) !important;
  border-color: rgb(var(--klartechnik-light-accent) / 0.42) !important;
  background: linear-gradient(135deg, rgb(184 234 255), rgb(57 162 224)) !important;
  box-shadow: 0 1rem 2.6rem rgb(var(--klartechnik-light-accent) / 0.24), inset 0 1px 0 rgb(255 255 255 / 0.70) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-shell--hero {
  border-top-color: rgb(var(--klartechnik-light-line) / 0.24) !important;
  border-bottom-color: rgb(var(--klartechnik-light-line) / 0.16) !important;
  background:
    linear-gradient(90deg, rgb(238 247 252 / 0.96) 0%, rgb(229 242 249 / 0.90) 34%, rgb(224 239 248 / 0.54) 58%, rgb(224 239 248 / 0.18) 100%),
    linear-gradient(180deg, rgb(255 255 255 / 0.22), rgb(13 58 88 / 0.18)),
    url("../../assets/images/hero-klartechnik-stage.webp") 64% center / cover no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.64),
    inset 0 -1px 0 rgb(var(--klartechnik-light-line) / 0.18),
    0 2rem 6rem rgb(var(--klartechnik-light-shadow) / 0.16) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-backdrop {
  opacity: 0.60 !important;
  background:
    radial-gradient(circle at 76% 26%, rgb(var(--klartechnik-light-accent-soft) / 0.20), transparent 28rem),
    radial-gradient(circle at 42% 78%, rgb(var(--klartechnik-light-line) / 0.13), transparent 32rem),
    linear-gradient(112deg, rgb(255 255 255 / 0.62), rgb(207 229 243 / 0.40) 48%, rgb(111 182 222 / 0.12)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-atmosphere {
  opacity: 0.36 !important;
  mix-blend-mode: multiply !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .hero-content {
  border-left-color: rgb(var(--klartechnik-light-accent) / 0.58) !important;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.30) 56%, transparent 84%) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-title {
  color: rgb(var(--klartechnik-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.86), 0 1.4rem 3.6rem rgb(var(--klartechnik-light-shadow) / 0.18) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-text {
  color: rgb(var(--klartechnik-light-text) / 0.90) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .hero-highlights__item {
  color: rgb(var(--klartechnik-light-ink)) !important;
  border-color: rgb(var(--klartechnik-light-line) / 0.28) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(220 237 247 / 0.48)) !important;
}

@media (max-width: 720px) {
  body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-hero[data-siteworld="klartechnik"] .stage-shell--hero {
    background:
      linear-gradient(180deg, rgb(238 247 252 / 0.98) 0%, rgb(226 239 247 / 0.94) 48%, rgb(220 236 246 / 0.86) 100%),
      url("../../assets/images/hero-klartechnik-stage.webp") 68% center / cover no-repeat !important;
  }
}

/* K8b - Gestaltung Hellmodus: helle, farbstarke Gestaltungswelt ohne Header- oder Navigationsumbau */
body[data-siteworld="farbatelier"][data-color-scheme="light"] {
  --farbatelier-light-ink: 38 13 46;
  --farbatelier-light-text: 74 48 86;
  --farbatelier-light-muted: 113 78 124;
  --farbatelier-light-panel: 255 244 252;
  --farbatelier-light-panel-soft: 245 229 252;
  --farbatelier-light-violet: 151 61 215;
  --farbatelier-light-magenta: 229 54 190;
  --farbatelier-light-cyan: 35 168 211;
  --farbatelier-light-gold: 221 139 45;
  --farbatelier-light-line: 195 79 185;
  --farbatelier-light-shadow: 82 32 98;
  color-scheme: light;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .site-main {
  color: rgb(var(--farbatelier-light-ink));
  background:
    radial-gradient(ellipse at 74% 8%, rgb(var(--farbatelier-light-cyan) / 0.15), transparent 38rem),
    radial-gradient(ellipse at 18% 76%, rgb(var(--farbatelier-light-magenta) / 0.16), transparent 44rem),
    linear-gradient(180deg, rgb(253 246 252) 0%, rgb(240 228 249) 48%, rgb(246 238 250) 100%) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage {
  color: rgb(var(--farbatelier-light-ink)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) {
  color-scheme: light;
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-top-color: rgb(var(--farbatelier-light-line) / 0.16) !important;
  border-bottom-color: rgb(var(--farbatelier-light-cyan) / 0.12) !important;
  background:
    linear-gradient(116deg, transparent 0 32%, rgb(var(--farbatelier-light-magenta) / 0.055) 32.18%, transparent 35% 100%),
    linear-gradient(90deg, rgb(var(--farbatelier-light-line) / 0.040) 0 1px, transparent 1px 100%) 0 0 / 5.8rem 100% repeat,
    radial-gradient(ellipse at 80% 0%, rgb(var(--farbatelier-light-cyan) / 0.13), transparent 34rem),
    radial-gradient(ellipse at 12% 38%, rgb(255 255 255 / 0.62), transparent 36rem),
    linear-gradient(118deg, rgb(255 247 253), rgb(241 229 250) 54%, rgb(232 224 248)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero)::before {
  opacity: 0.44 !important;
  background:
    linear-gradient(90deg, transparent 0%, rgb(var(--farbatelier-light-magenta) / 0.10) 12%, rgb(var(--farbatelier-light-cyan) / 0.30) 50%, rgb(var(--farbatelier-light-gold) / 0.10) 88%, transparent 100%) 0 0 / 100% 1px no-repeat,
    linear-gradient(180deg, rgb(255 255 255 / 0.20), transparent 74%) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero)::after {
  opacity: 0.23 !important;
  background:
    radial-gradient(ellipse at 84% 78%, rgb(var(--farbatelier-light-cyan) / 0.13), transparent 34rem),
    linear-gradient(180deg, transparent 0%, rgb(var(--farbatelier-light-violet) / 0.060) 62%, rgb(var(--farbatelier-light-shadow) / 0.10) 100%) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-shell {
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.30), transparent 30%),
    radial-gradient(ellipse at 76% 16%, rgb(var(--farbatelier-light-cyan) / 0.10), transparent 30rem),
    radial-gradient(ellipse at 18% 70%, rgb(var(--farbatelier-light-magenta) / 0.08), transparent 32rem) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-backdrop {
  opacity: 0.66 !important;
  background:
    radial-gradient(ellipse at 24% 18%, rgb(var(--farbatelier-light-magenta) / 0.14), transparent 30rem),
    radial-gradient(ellipse at 82% 72%, rgb(var(--farbatelier-light-cyan) / 0.10), transparent 36rem),
    linear-gradient(118deg, transparent 0 36%, rgb(var(--farbatelier-light-violet) / 0.065) 36.18%, transparent 39.5%) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-atmosphere {
  opacity: 0.38 !important;
  mix-blend-mode: multiply !important;
  background-image:
    linear-gradient(90deg, rgb(var(--farbatelier-light-magenta) / 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgb(var(--farbatelier-light-cyan) / 0.040) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 45%, rgb(var(--farbatelier-light-violet) / 0.08) 45.15%, transparent 46.2% 100%),
    radial-gradient(circle at 82% 26%, rgb(var(--farbatelier-light-cyan) / 0.13), transparent 22rem),
    radial-gradient(circle at 18% 74%, rgb(var(--farbatelier-light-magenta) / 0.11), transparent 24rem) !important;
  background-size: 82px 82px, 82px 82px, 360px 360px, auto, auto !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-label,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .card-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__scenario,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-step__index,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__group {
  color: rgb(var(--farbatelier-light-magenta) / 0.96) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.24) !important;
  background: rgb(255 255 255 / 0.42) !important;
  text-shadow: none !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .card-item__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-step__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-handoff__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__question {
  color: rgb(var(--farbatelier-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.86), 0 1.25rem 3.2rem rgb(var(--farbatelier-light-shadow) / 0.12) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-lead,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-copy,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-detail,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-caption,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .card-item__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__outcome,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__points,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__points li,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-step__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-handoff__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-handoff__item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__answer,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__support,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .cta-support,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .cta-points__item {
  color: rgb(var(--farbatelier-light-text) / 0.90) !important;
  text-shadow: none !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .surface-panel,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-content,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .editorial-media-surface,
body[data-theme="metal"][data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid .card-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid .card-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-step,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel {
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.26) !important;
  background:
    radial-gradient(ellipse at 16% 0%, rgb(var(--farbatelier-light-magenta) / 0.11), transparent 58%),
    radial-gradient(ellipse at 96% 100%, rgb(var(--farbatelier-light-cyan) / 0.08), transparent 58%),
    linear-gradient(180deg, rgb(var(--farbatelier-light-panel) / 0.94), rgb(var(--farbatelier-light-panel-soft) / 0.88)) !important;
  box-shadow:
    0 1.25rem 3.6rem rgb(var(--farbatelier-light-shadow) / 0.13),
    inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .card-item:hover,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item:hover,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-step:hover,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item:hover {
  border-color: rgb(var(--farbatelier-light-magenta) / 0.40) !important;
  box-shadow:
    0 1.5rem 4.2rem rgb(var(--farbatelier-light-shadow) / 0.18),
    0 0 38px rgb(var(--farbatelier-light-magenta) / 0.10),
    inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"],
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] {
  color-scheme: light;
  color: rgb(var(--farbatelier-light-ink)) !important;
  background:
    linear-gradient(116deg, transparent 0 32%, rgb(var(--farbatelier-light-magenta) / 0.055) 32.18%, transparent 35% 100%),
    linear-gradient(90deg, rgb(var(--farbatelier-light-line) / 0.035) 0 1px, transparent 1px 100%) 0 0 / 5.6rem 100% repeat,
    radial-gradient(ellipse at 78% 0%, rgb(var(--farbatelier-light-cyan) / 0.13), transparent 32rem),
    radial-gradient(ellipse at 12% 36%, rgb(255 255 255 / 0.58), transparent 36rem),
    linear-gradient(118deg, rgb(255 247 253), rgb(241 229 250) 54%, rgb(232 224 248)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-track::before {
  background: linear-gradient(90deg, transparent, rgb(var(--farbatelier-light-magenta) / 0.22), rgb(var(--farbatelier-light-cyan) / 0.30), rgb(var(--farbatelier-light-gold) / 0.18), transparent) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item__toggle {
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.28) !important;
  background: rgb(255 255 255 / 0.58) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .button,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .button-secondary,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .button-ghost {
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.30) !important;
  background: rgb(255 255 255 / 0.50) !important;
  box-shadow: 0 0.8rem 2rem rgb(var(--farbatelier-light-shadow) / 0.09) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .button-primary,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .cta-mail-button {
  color: rgb(43 12 48) !important;
  border-color: rgb(255 255 255 / 0.74) !important;
  background: linear-gradient(135deg, rgb(255 125 222), rgb(255 190 96) 58%, rgb(96 210 230)) !important;
  box-shadow:
    0 1rem 2.7rem rgb(var(--farbatelier-light-magenta) / 0.22),
    inset 0 1px 0 rgb(255 255 255 / 0.74) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-shell--hero {
  border-top-color: rgb(var(--farbatelier-light-line) / 0.22) !important;
  border-bottom-color: rgb(var(--farbatelier-light-cyan) / 0.15) !important;
  background:
    linear-gradient(90deg, rgb(255 247 253 / 0.94) 0%, rgb(248 235 252 / 0.86) 34%, rgb(244 232 251 / 0.50) 58%, rgb(244 232 251 / 0.16) 100%),
    radial-gradient(ellipse at 76% 40%, rgb(var(--farbatelier-light-cyan) / 0.18), transparent 42rem),
    radial-gradient(ellipse at 62% 68%, rgb(var(--farbatelier-light-magenta) / 0.20), transparent 40rem),
    url("../../assets/images/hero-farbatelier-stage.svg") 72% center / cover no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.66),
    inset 0 -1px 0 rgb(var(--farbatelier-light-line) / 0.16),
    0 2rem 6rem rgb(var(--farbatelier-light-shadow) / 0.15) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-backdrop {
  opacity: 0.58 !important;
  background:
    radial-gradient(circle at 78% 28%, rgb(var(--farbatelier-light-cyan) / 0.18), transparent 30rem),
    radial-gradient(circle at 36% 78%, rgb(var(--farbatelier-light-magenta) / 0.16), transparent 34rem),
    linear-gradient(112deg, rgb(255 255 255 / 0.60), rgb(240 224 250 / 0.38) 48%, rgb(111 196 222 / 0.11)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-atmosphere {
  opacity: 0.34 !important;
  mix-blend-mode: multiply !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .hero-content {
  border-left-color: rgb(var(--farbatelier-light-magenta) / 0.56) !important;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.34) 56%, transparent 84%) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-title {
  color: rgb(var(--farbatelier-light-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.88), 0 1.35rem 3.4rem rgb(var(--farbatelier-light-shadow) / 0.17) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-text {
  color: rgb(var(--farbatelier-light-text) / 0.90) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .hero-highlights__item {
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.26) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.64), rgb(246 229 252 / 0.50)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta {
  background:
    radial-gradient(ellipse at 80% 18%, rgb(var(--farbatelier-light-cyan) / 0.14), transparent 42rem),
    radial-gradient(ellipse at 18% 64%, rgb(var(--farbatelier-light-magenta) / 0.16), transparent 38rem),
    linear-gradient(112deg, rgb(255 246 252), rgb(240 228 249) 54%, rgb(226 224 245)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-shell--cta::before {
  opacity: 0.78 !important;
  background:
    linear-gradient(90deg, rgb(255 255 255 / 0.60) 0%, rgb(var(--farbatelier-light-magenta) / 0.09) 46%, rgb(var(--farbatelier-light-cyan) / 0.10) 100%),
    radial-gradient(ellipse at 74% 42%, rgb(var(--farbatelier-light-magenta) / 0.15), transparent 34rem),
    radial-gradient(ellipse at 90% 70%, rgb(var(--farbatelier-light-cyan) / 0.11), transparent 32rem) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel.surface-panel {
  color: rgb(var(--farbatelier-light-ink)) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.28) !important;
  background:
    radial-gradient(ellipse at 16% 12%, rgb(var(--farbatelier-light-magenta) / 0.15), transparent 34rem),
    radial-gradient(ellipse at 84% 28%, rgb(var(--farbatelier-light-cyan) / 0.12), transparent 38rem),
    radial-gradient(ellipse at 56% 100%, rgb(var(--farbatelier-light-gold) / 0.10), transparent 34rem),
    linear-gradient(135deg, rgb(255 245 252 / 0.94), rgb(242 230 250 / 0.88)) !important;
  box-shadow:
    0 2.1rem 6.4rem rgb(var(--farbatelier-light-shadow) / 0.15),
    0 0 44px rgb(var(--farbatelier-light-magenta) / 0.10),
    inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-points__item {
  color: rgb(var(--farbatelier-light-text) / 0.90) !important;
  border-color: rgb(var(--farbatelier-light-line) / 0.24) !important;
  background: rgb(255 255 255 / 0.48) !important;
}

@media (max-width: 720px) {
  body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-hero[data-siteworld="farbatelier"] .stage-shell--hero {
    background:
      linear-gradient(180deg, rgb(255 247 253 / 0.98) 0%, rgb(246 233 252 / 0.94) 48%, rgb(239 228 249 / 0.86) 100%),
      url("../../assets/images/hero-farbatelier-stage.svg") 68% center / cover no-repeat !important;
  }
}

/* K11 - Farbatelier Hellmodus: echte Lesbarkeitskorrektur für Bühnen und statische Seiten */
body[data-siteworld="farbatelier"][data-color-scheme="light"] {
  --farbatelier-k11-ink: 36 16 48;
  --farbatelier-k11-text: 58 38 72;
  --farbatelier-k11-muted: 89 68 104;
  --farbatelier-k11-line: 183 72 176;
  --farbatelier-k11-panel-a: 255 248 253;
  --farbatelier-k11-panel-b: 241 229 250;
  --farbatelier-k11-violet: 126 54 180;
  --farbatelier-k11-magenta: 214 44 179;
  --farbatelier-k11-cyan: 24 142 181;
  --farbatelier-k11-shadow: 64 28 78;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .site-main,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .site-main,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-main {
  color: rgb(var(--farbatelier-k11-ink)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-inner,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-shell,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-stage,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-stage__inner {
  color: rgb(var(--farbatelier-k11-ink)) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item .card-item__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item .compare-item__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-step .process-step__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff .process-handoff__title,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item .faq-item__question,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__title,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section h2,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section strong,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__fact strong {
  color: rgb(var(--farbatelier-k11-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.84), 0 1.1rem 2.6rem rgb(var(--farbatelier-k11-shadow) / 0.14) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .stage-text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-lead,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-copy,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-detail,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-caption,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item .card-item__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item .compare-item__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item .compare-item__outcome,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item .compare-item__points,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item .compare-item__points li,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-step .process-step__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff .process-handoff__text,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff .process-handoff__item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item .faq-item__answer,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item .faq-item__support,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-support,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-points__item,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__intro,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__lead p,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section p,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section li,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__content,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__fact span {
  color: rgb(var(--farbatelier-k11-text) / 0.96) !important;
  text-shadow: none !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-media-surface,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid .card-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid .compare-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-track .process-step,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list .faq-item,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-card,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section--contactbox,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__fact {
  color: rgb(var(--farbatelier-k11-ink)) !important;
  border-color: rgb(var(--farbatelier-k11-line) / 0.30) !important;
  background:
    radial-gradient(ellipse at 18% 0%, rgb(var(--farbatelier-k11-magenta) / 0.09), transparent 58%),
    radial-gradient(ellipse at 92% 100%, rgb(var(--farbatelier-k11-cyan) / 0.08), transparent 58%),
    linear-gradient(180deg, rgb(var(--farbatelier-k11-panel-a) / 0.96), rgb(var(--farbatelier-k11-panel-b) / 0.92)) !important;
  box-shadow:
    0 1.3rem 3.8rem rgb(var(--farbatelier-k11-shadow) / 0.16),
    inset 0 1px 0 rgb(255 255 255 / 0.82) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .card-item::before,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-item::before,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-step::before,
body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item::before,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-card::before {
  opacity: 0.36 !important;
  background: linear-gradient(90deg, rgb(var(--farbatelier-k11-magenta) / 0.28), rgb(var(--farbatelier-k11-cyan) / 0.24), transparent) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .stage-label,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .card-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .compare-item__scenario,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .process-step__index,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__meta,
body[data-siteworld="farbatelier"][data-color-scheme="light"] .faq-item__group,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__eyebrow {
  color: rgb(var(--farbatelier-k11-magenta) / 0.98) !important;
  border-color: rgb(var(--farbatelier-k11-line) / 0.30) !important;
  background: rgb(255 255 255 / 0.54) !important;
  text-shadow: none !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-item__toggle {
  color: rgb(var(--farbatelier-k11-ink)) !important;
  border-color: rgb(var(--farbatelier-k11-line) / 0.34) !important;
  background: rgb(255 255 255 / 0.70) !important;
}

body[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section a,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__fact a,
body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page__section a {
  color: rgb(var(--farbatelier-k11-violet)) !important;
  text-decoration-color: rgb(var(--farbatelier-k11-magenta) / 0.45) !important;
}

@media (max-width: 720px) {
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="farbatelier"] .editorial-content,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="farbatelier"] .cards-grid .card-item,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="farbatelier"] .compare-grid .compare-item,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-track .process-step,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #process.stage-process[data-siteworld="farbatelier"] .process-handoff,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="farbatelier"] .faq-list .faq-item,
  body[data-siteworld="farbatelier"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="farbatelier"] .cta-panel,
  body.page-static[data-siteworld="farbatelier"][data-color-scheme="light"] .static-page-card {
    background:
      radial-gradient(ellipse at 18% 0%, rgb(var(--farbatelier-k11-magenta) / 0.07), transparent 58%),
      linear-gradient(180deg, rgb(255 250 254 / 0.98), rgb(244 234 251 / 0.94)) !important;
  }
}

/* K12 - Technik Hellmodus: Lesbarkeit fuer Buehnen und statische Seiten */
body[data-siteworld="klartechnik"][data-color-scheme="light"] {
  --klartechnik-k12-ink: 6 18 29;
  --klartechnik-k12-text: 32 54 70;
  --klartechnik-k12-muted: 58 91 112;
  --klartechnik-k12-line: 78 158 205;
  --klartechnik-k12-panel-a: 248 253 255;
  --klartechnik-k12-panel-b: 226 240 248;
  --klartechnik-k12-blue: 31 137 205;
  --klartechnik-k12-cyan: 67 174 229;
  --klartechnik-k12-shadow: 13 42 64;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .site-main,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .site-main,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-main {
  color: rgb(var(--klartechnik-k12-ink)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-inner,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage:not(.stage-hero) .stage-shell,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-stage,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-stage__inner {
  color: rgb(var(--klartechnik-k12-ink)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item .card-item__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item .compare-item__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-step .process-step__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff .process-handoff__title,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item .faq-item__question,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__title,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section h2,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section strong,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__fact strong {
  color: rgb(var(--klartechnik-k12-ink)) !important;
  text-shadow: 0 1px 0 rgb(255 255 255 / 0.86), 0 1.15rem 2.8rem rgb(var(--klartechnik-k12-shadow) / 0.12) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-lead,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-copy,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-detail,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-caption,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item .card-item__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item .compare-item__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item .compare-item__outcome,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item .compare-item__list,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item .compare-item__list li,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-step .process-step__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff .process-handoff__text,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff .process-handoff__item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item .faq-item__answer,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item .faq-item__support,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-support,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-points__item,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__intro,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__lead p,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section p,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section li,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__content,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__fact span {
  color: rgb(var(--klartechnik-k12-text) / 0.97) !important;
  text-shadow: none !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-content,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-media-surface,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid .card-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-grid .compare-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-track .process-step,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list .faq-item,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-card,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section--contactbox,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__fact {
  color-scheme: light !important;
  color: rgb(var(--klartechnik-k12-ink)) !important;
  border-color: rgb(var(--klartechnik-k12-line) / 0.32) !important;
  background:
    linear-gradient(90deg, rgb(var(--klartechnik-k12-line) / 0.055) 0 1px, transparent 1px 100%) 0 0 / 3.8rem 100% repeat,
    radial-gradient(ellipse at 18% 0%, rgb(255 255 255 / 0.72), transparent 58%),
    radial-gradient(ellipse at 94% 100%, rgb(var(--klartechnik-k12-cyan) / 0.075), transparent 58%),
    linear-gradient(180deg, rgb(var(--klartechnik-k12-panel-a) / 0.98), rgb(var(--klartechnik-k12-panel-b) / 0.94)) !important;
  box-shadow:
    0 1.35rem 3.8rem rgb(var(--klartechnik-k12-shadow) / 0.15),
    inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item::before,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item::after,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-item::before,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-step::before,
body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item::before,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-card::before {
  opacity: 0.30 !important;
  background: linear-gradient(90deg, rgb(var(--klartechnik-k12-blue) / 0.24), rgb(var(--klartechnik-k12-cyan) / 0.18), transparent) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .stage-label,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .card-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .compare-item__scenario,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .process-step__index,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__meta,
body[data-siteworld="klartechnik"][data-color-scheme="light"] .faq-item__group,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__eyebrow {
  color: rgb(var(--klartechnik-k12-blue) / 0.98) !important;
  border-color: rgb(var(--klartechnik-k12-line) / 0.34) !important;
  background: rgb(255 255 255 / 0.58) !important;
  text-shadow: none !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-item__toggle {
  color: rgb(var(--klartechnik-k12-ink)) !important;
  border-color: rgb(var(--klartechnik-k12-line) / 0.36) !important;
  background: rgb(255 255 255 / 0.74) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-points__item,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__fact,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section--contactbox {
  background:
    linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(225 240 248 / 0.68)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section a,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__fact a,
body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page__section a {
  color: rgb(var(--klartechnik-k12-blue)) !important;
  text-decoration-color: rgb(var(--klartechnik-k12-cyan) / 0.46) !important;
}

@media (max-width: 720px) {
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-content,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid .card-item,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #compare.stage-compare[data-siteworld="klartechnik"] .compare-grid .compare-item,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-track .process-step,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #faq.stage-faq[data-siteworld="klartechnik"] .faq-list .faq-item,
  body[data-siteworld="klartechnik"][data-color-scheme="light"] #cta.stage-cta[data-siteworld="klartechnik"] .cta-panel,
  body.page-static[data-siteworld="klartechnik"][data-color-scheme="light"] .static-page-card {
    background:
      linear-gradient(90deg, rgb(var(--klartechnik-k12-line) / 0.045) 0 1px, transparent 1px 100%) 0 0 / 3.5rem 100% repeat,
      linear-gradient(180deg, rgb(255 255 255 / 0.99), rgb(229 242 249 / 0.96)) !important;
  }
}

/* K17 - Technik Dunkelmodus: ProfilSite, Leistungen und Arbeitsweise sauberer fuehren */
body[data-siteworld="klartechnik"][data-color-scheme="dark"] .stage:not(.stage-hero) {
  padding-top: clamp(1.35rem, 2.35vw, 2.85rem) !important;
  padding-bottom: clamp(3rem, 4.8vw, 5.9rem) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] .stage:not(.stage-hero)::before {
  height: clamp(2.9rem, 5vw, 5.8rem) !important;
  opacity: 0.52 !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] .stage-shell:not(.stage-shell--hero) > .stage-inner {
  padding-top: clamp(0.65rem, 1.05vw, 1.15rem) !important;
  padding-bottom: clamp(1.4rem, 2.2vw, 2.35rem) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"],
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] {
  background:
    radial-gradient(ellipse at 82% 18%, rgb(75 166 226 / 0.12), transparent 34rem),
    radial-gradient(ellipse at 12% 72%, rgb(34 92 143 / 0.11), transparent 38rem),
    linear-gradient(180deg, rgb(2 8 13 / 0.995), rgb(5 15 24 / 0.99) 52%, rgb(2 8 13 / 0.995)) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-shell--editorial,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-shell--cards,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-shell--process {
  border-top: 1px solid rgb(var(--pillar-accent) / 0.18) !important;
  border-bottom: 1px solid rgb(var(--pillar-accent) / 0.14) !important;
  background:
    linear-gradient(90deg, rgb(var(--pillar-accent) / 0.035) 0 1px, transparent 1px 100%) 0 0 / 5.6rem 100% repeat,
    linear-gradient(180deg, rgb(5 16 26 / 0.92), rgb(3 10 17 / 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgb(198 238 255 / 0.045),
    inset 0 -1px 0 rgb(var(--pillar-accent) / 0.09) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-grid {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: clamp(2.1rem, 3.4vw, 4.6rem) !important;
  align-items: center !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-content {
  align-self: center !important;
  padding: clamp(1.35rem, 2vw, 2.15rem) !important;
  border: 1px solid rgb(var(--pillar-accent) / 0.22) !important;
  border-left: 2px solid rgb(var(--pillar-accent) / 0.58) !important;
  border-radius: clamp(0.95rem, 1.25vw, 1.35rem) !important;
  background:
    linear-gradient(180deg, rgb(8 27 44 / 0.70), rgb(3 12 21 / 0.78)) !important;
  box-shadow:
    0 1.2rem 3.8rem rgb(0 0 0 / 0.26),
    inset 0 1px 0 rgb(204 239 255 / 0.055) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-title,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-title {
  font-size: clamp(3.15rem, 5.2vw, 5.15rem) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-title {
  max-width: 12.2ch !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-title {
  max-width: 15.5ch !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-title {
  max-width: 13.4ch !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-text,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-text {
  max-width: 48rem !important;
  color: rgb(204 224 236 / 0.86) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-detail {
  margin-top: clamp(1.15rem, 1.8vw, 1.7rem) !important;
  padding-left: clamp(0.9rem, 1.25vw, 1.25rem) !important;
  border-left: 2px solid rgb(var(--pillar-accent) / 0.55) !important;
  color: rgb(188 214 229 / 0.82) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-media-surface {
  min-height: clamp(23rem, 30vw, 34rem) !important;
  border-radius: clamp(0.95rem, 1.35vw, 1.55rem) !important;
  border: 1px solid rgb(var(--pillar-accent) / 0.22) !important;
  background-color: rgb(2 9 15 / 0.96) !important;
  box-shadow:
    0 1.8rem 5rem rgb(0 0 0 / 0.34),
    0 0 0 1px rgb(var(--pillar-accent) / 0.055),
    inset 0 1px 0 rgb(198 238 255 / 0.055) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-intro,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-intro {
  max-width: 54rem !important;
  padding: clamp(0.25rem, 0.65vw, 0.65rem) 0 clamp(0.7rem, 1vw, 1rem) clamp(1.05rem, 1.4vw, 1.45rem) !important;
  border-left: 2px solid rgb(var(--pillar-accent) / 0.58) !important;
  border-bottom: 1px solid rgb(var(--pillar-accent) / 0.22) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .cards-grid {
  gap: clamp(0.85rem, 1.15vw, 1.25rem) !important;
  border: 0 !important;
  background: transparent !important;
  margin-top: clamp(2rem, 3vw, 3.1rem) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item {
  padding: clamp(1.35rem, 1.8vw, 1.9rem) !important;
  border: 1px solid rgb(var(--pillar-accent) / 0.22) !important;
  border-radius: clamp(0.85rem, 1.15vw, 1.2rem) !important;
  background:
    linear-gradient(180deg, rgb(9 31 50 / 0.72), rgb(4 15 25 / 0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgb(205 240 255 / 0.045),
    0 1.2rem 3.2rem rgb(0 0 0 / 0.18) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item__title {
  max-width: none !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .card-item__text {
  color: rgb(195 219 232 / 0.84) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-track {
  gap: clamp(0.9rem, 1.2vw, 1.35rem) !important;
  margin-top: clamp(2rem, 3vw, 3.1rem) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-track::before {
  left: 4% !important;
  right: 4% !important;
  opacity: 0.62 !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-step,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff {
  padding: clamp(1.25rem, 1.75vw, 1.85rem) !important;
  border: 1px solid rgb(var(--pillar-accent) / 0.24) !important;
  border-radius: clamp(0.85rem, 1.15vw, 1.2rem) !important;
  background:
    linear-gradient(180deg, rgb(9 31 50 / 0.70), rgb(4 15 25 / 0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgb(205 240 255 / 0.045),
    0 1.15rem 3rem rgb(0 0 0 / 0.18) !important;
}

body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-step__text,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff__text,
body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .process-handoff__item {
  color: rgb(195 219 232 / 0.84) !important;
}

@media (max-width: 1180px) {
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .editorial-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-title,
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-title,
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-title {
    max-width: 14ch !important;
  }
}

@media (max-width: 720px) {
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #system.stage-editorial-split[data-siteworld="klartechnik"] .stage-title,
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #modules.stage-cards[data-siteworld="klartechnik"] .stage-title,
  body[data-siteworld="klartechnik"][data-color-scheme="dark"] #process.stage-process[data-siteworld="klartechnik"] .stage-title {
    font-size: clamp(2.35rem, 12vw, 3.55rem) !important;
  }
}