/* ==========================================================================
   Britta Streng – Siebdruck
   Farben nach dem Siebdruck mit dem rosé Band: Graphit #57524C,
   Blattgold #C9A227, Rosé #A94E5E, Papierton #F2F0EC auf Weiß.
   Aufbau: Mobile-first, Breakpoints bei 640px / 900px / 1200px.
   ========================================================================== */

:root {
  /* Farben nach dem Tiger-Druck: Blaugrund, Altgold, Ziegelrot, Creme. */
  --grafit:        #57524C;   /* Grau des Rasterbilds — Flächen */
  --grafit-dunkel: #45403A;   /* Fließtext, Links, Icons */
  --grafit-tief:   #2A2724;   /* Kopf, Fußzeile, Überschriften */
  --gold:          #C9A227;   /* Blattgold */
  --gold-tief:     #A5851C;
  --gold-hell:     #E9D79A;   /* Gold als Text auf Grau */
  --rose:          #A94E5E;   /* Rosé des Bandes — Knöpfe */
  --rose-hell:     #C0697A;   /* das Band selbst */
  --rose-tief:     #8C3F4D;
  --rose-blass:    #EFDFE2;   /* Rosé stark aufgehellt — Flächen */
  --rose-blass2:   #E6CBD1;   /* eine Stufe kräftiger — Ränder, Hover */
  --tinte:         #201E1B;   /* dunkler Text auf Gold */
  --weiss:         #FFFFFF;
  --papier:        #F2F0EC;   /* Papierton — Seitengrund */
  --flaeche:       #FFFFFF;   /* abgesetzte Abschnitte */
  --linie:         #DFDAD2;
  --text:          #2A2724;
  --text-leise:    #6B655F;

  --schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  --spur:   0.08em;
  --radius: 2px;
  --radius-knopf: 10px;   /* abgerundete Ecken für Knöpfe */
  --schatten:      0 1px 2px rgba(42, 39, 36, .06), 0 8px 24px rgba(42, 39, 36, .06);
  --schatten-hoch: 0 2px 4px rgba(42, 39, 36, .08), 0 16px 40px rgba(42, 39, 36, .12);
  --rand: 20px;
  --max:  1280px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  margin: 0;
  font-family: var(--schrift);
  font-size: 16px;
  line-height: 1.65;
  color: var(--text);
  background: var(--papier);
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }

h1, h2, h3, h4, h5 {
  color: var(--grafit-tief);
  line-height: 1.2;
  margin: 0 0 .5em;
  font-weight: 600;
  letter-spacing: -0.01em;
}
h1 { font-size: clamp(2rem, 6vw, 3.4rem); }
h2 { font-size: clamp(1.5rem, 3.6vw, 2.2rem); }
h3 { font-size: 1.1rem; }
h4 { font-size: 1rem; }
h5 { font-size: .95rem; }

p { margin: 0 0 1em; }
a { color: var(--grafit-dunkel); }

:focus-visible {
  outline: 3px solid var(--grafit);
  outline-offset: 2px;
  border-radius: var(--radius);
}
/* Auf petrolfarbenem Grund wäre ein petrolfarbener Rahmen unsichtbar. */
.abschnitt--dunkel :focus-visible,
.fuss :focus-visible,
.serviceleiste :focus-visible { outline-color: var(--gold); }

.huelle {
  max-width: var(--max);
  margin-inline: auto;
  padding-inline: var(--rand);
}
.schmal { max-width: 720px; }

.nur-sr {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.springmarke {
  position: absolute; left: var(--rand); top: -60px; z-index: 200;
  background: var(--grafit); color: #fff; padding: .6em 1em;
  border-radius: var(--radius); text-decoration: none;
}
.springmarke:focus { top: 8px; }

/* --- Abschnitte ---------------------------------------------------------- */

.abschnitt { padding-block: 56px; }
.abschnitt--flaeche { background: var(--flaeche); }
.abschnitt--dunkel { background: var(--grafit); color: #fff; }
.abschnitt--dunkel h2, .abschnitt--dunkel h3 { color: #fff; }

.kopfzeile-abschnitt { max-width: 640px; margin-bottom: 32px; }
.kapitel {
  display: block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: var(--spur);
  text-transform: uppercase;
  color: var(--grafit);
  margin-bottom: .6em;
}
.abschnitt--dunkel .kapitel, .buehne .kapitel { color: var(--gold-hell); }
.kopfzeile-abschnitt p { color: var(--text-leise); margin-bottom: 0; }
.abschnitt--dunkel .kopfzeile-abschnitt p { color: rgba(255,255,255,.82); }

/* --- Buttons ------------------------------------------------------------- */

.knopf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  padding: .85em 1.6em;
  font: inherit;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: var(--radius-knopf);
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.knopf:active { transform: translateY(1px); }

/* Bernsteingelb nur als Fläche, Text darauf dunkel – nie Gelb auf Weiß. */
.knopf--haupt { background: var(--rose); color: #fff; }
.knopf--haupt:hover { background: var(--rose-tief); }

.knopf--dunkel { background: var(--grafit); color: #fff; }
.knopf--dunkel:hover { background: var(--grafit-tief); }

.knopf--rand { background: transparent; color: var(--grafit-dunkel); border-color: var(--linie); }
.knopf--rand:hover { border-color: var(--grafit); background: var(--flaeche); }

.abschnitt--dunkel .knopf--rand { color: #fff; border-color: rgba(255,255,255,.45); }
.abschnitt--dunkel .knopf--rand:hover { background: rgba(255,255,255,.12); border-color: #fff; }

.knopf--klein { padding: .6em 1em; font-size: .85rem; }
/* Auf schmalen Geräten heißt der Kopf-Knopf nur „Kontakt". */
.nur-schmal { display: none; }
@media (max-width: 619px) {
  .nur-breit { display: none; }
  .nur-schmal { display: inline; }
}
.knopf--voll { width: 100%; }

/* --- Serviceleiste ------------------------------------------------------- */

.serviceleiste {
  background: var(--grafit-tief);
  color: rgba(255,255,255,.85);
  font-size: .82rem;
  padding: .55em 0;
}
.serviceleiste__innen {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 20px;
}

/* --- Kopfbereich --------------------------------------------------------- */

.kopf {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.96);
  backdrop-filter: saturate(1.6) blur(8px);
  border-bottom: 1px solid var(--linie);
}
.kopf__innen {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 62px;
}
.wortmarke {
  text-decoration: none;
  color: var(--grafit-tief);
  font-weight: 700;
  letter-spacing: var(--spur);
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 1.15;
  margin-right: auto;
}
.wortmarke span {
  display: block;
  font-size: .72rem;
  font-weight: 500;
  letter-spacing: .14em;
  color: var(--grafit);
}

.navigation ul {
  display: flex;
  gap: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation a {
  text-decoration: none;
  color: var(--grafit-dunkel);
  font-size: .9rem;
  font-weight: 500;
  padding: .3em 0;
  border-bottom: 2px solid transparent;
}
.navigation a:hover, .navigation a[aria-current="true"] {
  color: var(--grafit-tief);
  border-bottom-color: var(--gold);
}

.kopf__werkzeuge { display: flex; align-items: center; gap: 8px; }

.menuknopf {
  display: none;
  background: none;
  border: 1px solid var(--linie);
  border-radius: var(--radius-knopf);
  padding: .5em .7em;
  cursor: pointer;
  color: var(--grafit-tief);
}

@media (max-width: 899px) {
  .menuknopf { display: block; }
  /* Das aufgeklappte Menü setzt den dunklen Kopfbereich nach unten fort.
     Weißer Grund ginge nicht: Die Linkfarbe ist wegen des dunklen Kopfes
     weiß — auf weißem Grund wäre die Navigation unsichtbar. */
  .navigation {
    position: absolute;
    inset: 100% 0 auto;
    background: var(--grafit-tief);
    border-bottom: 1px solid rgba(255,255,255,.14);
    box-shadow: var(--schatten-hoch);
    display: none;
  }
  .navigation[data-offen="ja"] { display: block; }
  .navigation ul { flex-direction: column; gap: 0; padding: 8px var(--rand) 20px; }
  .navigation a {
    display: block;
    padding: .8em 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
  }
  .kopf .navigation a { color: rgba(255,255,255,.9); }
  .kopf .navigation a:hover,
  .kopf .navigation a[aria-current="true"] { color: #fff; }
}

/* Auf schmalen Geräten rückt der Kopfbereich enger zusammen. Tippziele
   bleiben trotzdem mindestens 44 Pixel hoch — darunter trifft man daneben. */
@media (max-width: 899px) {
  .kopf__werkzeuge .knopf--klein { min-height: 44px; }
  .menuknopf { min-width: 44px; min-height: 44px; }
  .fuss li { padding: 9px 0; }
  .fuss__unten a { padding: 6px 0; display: inline-block; }
  .navigation a { padding: .95em 0; }
}
@media (max-width: 559px) {
  .kopf__werkzeuge { gap: 6px; }
  .kopf__werkzeuge .knopf--klein { padding: .55em .8em; font-size: .8rem; }
  .wortmarke { font-size: 1.05rem; }
}

/* --- Bühne --------------------------------------------------------------- */

.buehne { padding-block: 40px 56px; overflow: hidden; }
.buehne__gitter { display: grid; gap: 32px; align-items: center; }

.buehne h1 { margin-bottom: .35em; }
.buehne__vorspann {
  font-size: 1.06rem;
  color: var(--text-leise);
  max-width: 46ch;
}
.buehne__knoepfe { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

/* Bildlauf in der Bühne: alle Bilder liegen übereinander, sichtbar ist das
   mit data-aktiv="ja". Kein Rahmen, kein Hintergrund — die Arbeiten stehen
   direkt auf der Fläche und werden vollständig gezeigt (contain), damit bei
   den unterschiedlichen Formaten nichts angeschnitten wird. Das feste
   Seitenverhältnis hält die Höhe ruhig, während die Motive wechseln. */
.buehne__schau {
  position: relative;
  aspect-ratio: 1 / 1;
}
.buehne__schau img {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
  opacity: 0;
  transition: opacity .5s ease;
}
.buehne__schau img[data-aktiv="ja"] { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .buehne__schau img { transition: none; }
}

@media (min-width: 900px) {
  .buehne { padding-block: 64px 80px; }
  .buehne__gitter { grid-template-columns: 1fr 1fr; gap: 56px; }
}

/* --- Einleitung ---------------------------------------------------------- */

.einleitung { text-align: center; }
.einleitung p { font-size: 1.08rem; color: var(--text-leise); }
.einleitung p:first-of-type {
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  color: var(--text);
  line-height: 1.5;
}

/* --- Werkzeugleiste ------------------------------------------------------ */

.werkzeugleiste {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--linie);
}
.werkzeugleiste__hinweis {
  margin: 0;
  font-size: .85rem;
  color: var(--text-leise);
}
.werkzeugleiste__hinweis span { color: var(--grafit-tief); font-weight: 600; }

.werkzeugleiste__rechts {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: .85rem;
  color: var(--text-leise);
}
.werkzeugleiste select {
  font: inherit;
  font-size: .85rem;
  padding: .45em 2em .45em .7em;
  border: 1px solid var(--linie);
  border-radius: var(--radius-knopf);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Ccircle cx='103.6' cy='48.3' r='0.6' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='117.0' cy='18.6' r='1.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='133.8' cy='77.0' r='2.2' fill='%23C9A227' opacity='0.19'/%3E%3Ccircle cx='303.2' cy='201.8' r='0.6' fill='%238E7A2A' opacity='0.48'/%3E%3Ccircle cx='15.9' cy='70.7' r='0.9' fill='%23E3CC7E' opacity='0.32'/%3E%3Ccircle cx='173.0' cy='182.7' r='0.9' fill='%23E3CC7E' opacity='0.22'/%3E%3Ccircle cx='119.2' cy='175.3' r='0.7' fill='%23E3CC7E' opacity='0.48'/%3E%3Ccircle cx='158.9' cy='170.2' r='1.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='115.7' cy='79.5' r='0.9' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='26.2' cy='96.1' r='3.0' fill='%238E7A2A' opacity='0.65'/%3E%3Ccircle cx='92.1' cy='313.7' r='0.7' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='242.3' cy='48.6' r='3.0' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='244.7' cy='183.4' r='1.6' fill='%23F2E4B0' opacity='0.35'/%3E%3Ccircle cx='190.2' cy='185.6' r='3.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='302.3' cy='151.7' r='0.7' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='207.1' cy='317.8' r='3.0' fill='%238E7A2A' opacity='0.32'/%3E%3Ccircle cx='283.9' cy='111.0' r='3.0' fill='%23C9A227' opacity='0.36'/%3E%3Ccircle cx='158.0' cy='69.8' r='1.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='127.3' cy='293.4' r='3.0' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='128.5' cy='88.9' r='0.9' fill='%23F2E4B0' opacity='0.62'/%3E%3Ccircle cx='226.0' cy='315.7' r='2.2' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='26.6' cy='48.4' r='1.0' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='84.1' cy='1.3' r='2.2' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='305.0' cy='221.0' r='0.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='127.4' cy='126.1' r='3.0' fill='%23C9A227' opacity='0.52'/%3E%3Ccircle cx='61.0' cy='315.1' r='3.0' fill='%23F2E4B0' opacity='0.25'/%3E%3Ccircle cx='192.2' cy='32.8' r='0.9' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='196.4' cy='22.5' r='1.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='203.0' cy='305.7' r='1.6' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='271.7' cy='317.8' r='3.0' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='27.5' cy='32.7' r='1.6' fill='%238E7A2A' opacity='0.57'/%3E%3Ccircle cx='265.2' cy='51.7' r='0.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='46.9' cy='173.8' r='0.6' fill='%23F2E4B0' opacity='0.58'/%3E%3Ccircle cx='313.1' cy='276.3' r='1.2' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='113.8' cy='71.3' r='1.6' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='257.9' cy='261.9' r='1.0' fill='%238E7A2A' opacity='0.27'/%3E%3Ccircle cx='113.8' cy='9.3' r='0.6' fill='%238E7A2A' opacity='0.6'/%3E%3Ccircle cx='82.9' cy='221.6' r='1.6' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='305.6' cy='116.7' r='1.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='62.9' cy='65.4' r='0.6' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='255.9' cy='27.1' r='0.7' fill='%23E3CC7E' opacity='0.67'/%3E%3Ccircle cx='153.0' cy='57.1' r='1.6' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='148.2' cy='237.9' r='0.7' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='317.8' cy='8.8' r='3.0' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='195.7' cy='190.7' r='3.0' fill='%23F2E4B0' opacity='0.53'/%3E%3Ccircle cx='49.9' cy='175.5' r='0.6' fill='%23C9A227' opacity='0.17'/%3E%3Ccircle cx='168.5' cy='298.8' r='2.2' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='264.4' cy='67.5' r='1.2' fill='%23E3CC7E' opacity='0.28'/%3E%3Ccircle cx='244.4' cy='104.3' r='2.2' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='291.2' cy='113.2' r='3.0' fill='%238E7A2A' opacity='0.53'/%3E%3Ccircle cx='264.7' cy='281.0' r='0.9' fill='%23C9A227' opacity='0.46'/%3E%3Ccircle cx='279.3' cy='248.5' r='0.6' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='55.2' cy='151.5' r='0.7' fill='%23F2E4B0' opacity='0.47'/%3E%3Ccircle cx='218.3' cy='169.8' r='3.0' fill='%23C9A227' opacity='0.6'/%3E%3Ccircle cx='282.6' cy='18.2' r='1.0' fill='%23C9A227' opacity='0.32'/%3E%3Ccircle cx='162.5' cy='179.8' r='0.7' fill='%23E3CC7E' opacity='0.41'/%3E%3Ccircle cx='221.7' cy='144.8' r='3.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='223.7' cy='280.5' r='1.2' fill='%23E3CC7E' opacity='0.68'/%3E%3Ccircle cx='268.8' cy='43.9' r='0.7' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='23.2' cy='77.0' r='0.7' fill='%23F2E4B0' opacity='0.28'/%3E%3Ccircle cx='250.9' cy='287.0' r='0.9' fill='%23F2E4B0' opacity='0.69'/%3E%3Ccircle cx='45.8' cy='282.5' r='3.0' fill='%23C9A227' opacity='0.28'/%3E%3Ccircle cx='127.4' cy='155.9' r='1.0' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='318.1' cy='129.2' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='29.5' cy='117.1' r='1.6' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='225.0' cy='123.0' r='1.2' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='36.1' cy='293.9' r='1.0' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='26.9' cy='87.0' r='0.9' fill='%23E3CC7E' opacity='0.31'/%3E%3Ccircle cx='262.3' cy='271.9' r='1.2' fill='%238E7A2A' opacity='0.39'/%3E%3Ccircle cx='224.1' cy='28.6' r='0.6' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='136.1' cy='23.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='26.8' cy='274.0' r='0.7' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='145.2' cy='108.5' r='2.2' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='198.9' cy='13.8' r='1.0' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='83.8' cy='58.0' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='92.8' cy='160.0' r='0.9' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='318.2' cy='11.8' r='0.6' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='164.6' cy='78.6' r='3.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='210.1' cy='174.7' r='2.2' fill='%23F2E4B0' opacity='0.7'/%3E%3Ccircle cx='220.1' cy='314.4' r='1.6' fill='%23E3CC7E' opacity='0.27'/%3E%3Ccircle cx='129.5' cy='111.2' r='0.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='22.6' cy='237.1' r='1.2' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='27.0' cy='269.2' r='1.2' fill='%23F2E4B0' opacity='0.5'/%3E%3Ccircle cx='14.5' cy='59.3' r='1.2' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='116.5' cy='105.3' r='1.6' fill='%23F2E4B0' opacity='0.3'/%3E%3Ccircle cx='69.7' cy='58.5' r='1.6' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='89.3' cy='209.9' r='1.0' fill='%23C9A227' opacity='0.44'/%3E%3Ccircle cx='29.1' cy='261.5' r='0.9' fill='%23C9A227' opacity='0.38'/%3E%3Ccircle cx='126.1' cy='95.9' r='1.0' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='210.4' cy='229.1' r='2.2' fill='%238E7A2A' opacity='0.59'/%3E%3Ccircle cx='47.8' cy='231.7' r='0.9' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='234.8' cy='259.9' r='0.9' fill='%23C9A227' opacity='0.67'/%3E%3Ccircle cx='264.5' cy='186.9' r='1.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='42.6' cy='115.4' r='0.7' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='178.7' cy='200.9' r='1.0' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='146.2' cy='22.4' r='0.7' fill='%23C9A227' opacity='0.53'/%3E%3Ccircle cx='238.6' cy='151.6' r='0.7' fill='%23E3CC7E' opacity='0.63'/%3E%3Ccircle cx='233.4' cy='65.7' r='3.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='24.6' cy='291.3' r='1.2' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='24.8' cy='47.2' r='1.2' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='198.8' cy='42.7' r='3.0' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='311.2' cy='31.8' r='1.0' fill='%23F2E4B0' opacity='0.54'/%3E%3Ccircle cx='226.8' cy='91.4' r='3.0' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='317.9' cy='175.7' r='1.2' fill='%238E7A2A' opacity='0.71'/%3E%3Ccircle cx='5.6' cy='146.9' r='3.0' fill='%238E7A2A' opacity='0.72'/%3E%3Ccircle cx='67.1' cy='302.6' r='1.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='45.4' cy='167.7' r='1.6' fill='%23F2E4B0' opacity='0.23'/%3E%3Ccircle cx='283.8' cy='225.1' r='1.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='126.1' cy='50.9' r='3.0' fill='%238E7A2A' opacity='0.54'/%3E%3Ccircle cx='96.6' cy='45.0' r='1.6' fill='%23C9A227' opacity='0.37'/%3E%3Ccircle cx='268.9' cy='0.6' r='1.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='300.8' cy='62.6' r='0.6' fill='%23F2E4B0' opacity='0.66'/%3E%3Ccircle cx='81.0' cy='20.8' r='2.2' fill='%23C9A227' opacity='0.72'/%3E%3Ccircle cx='115.4' cy='137.0' r='1.2' fill='%23F2E4B0' opacity='0.64'/%3E%3Ccircle cx='32.5' cy='267.1' r='1.2' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='79.8' cy='85.0' r='1.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='251.2' cy='136.9' r='0.6' fill='%238E7A2A' opacity='0.61'/%3E%3Ccircle cx='292.3' cy='301.0' r='1.0' fill='%23C9A227' opacity='0.56'/%3E%3Ccircle cx='298.7' cy='131.5' r='0.9' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='155.4' cy='291.8' r='0.9' fill='%238E7A2A' opacity='0.26'/%3E%3Ccircle cx='110.0' cy='95.3' r='1.2' fill='%23E3CC7E' opacity='0.39'/%3E%3Ccircle cx='96.3' cy='178.3' r='2.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='24.1' cy='160.2' r='3.0' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='290.0' cy='318.9' r='3.0' fill='%23E3CC7E' opacity='0.4'/%3E%3Ccircle cx='78.1' cy='55.9' r='0.7' fill='%23F2E4B0' opacity='0.34'/%3E%3Ccircle cx='82.7' cy='182.3' r='0.6' fill='%238E7A2A' opacity='0.58'/%3E%3Ccircle cx='122.5' cy='238.7' r='1.0' fill='%23F2E4B0' opacity='0.37'/%3E%3Ccircle cx='240.7' cy='159.4' r='1.6' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='29.6' cy='287.0' r='2.2' fill='%238E7A2A' opacity='0.38'/%3E%3Ccircle cx='138.2' cy='99.8' r='0.6' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='227.0' cy='286.6' r='3.0' fill='%238E7A2A' opacity='0.7'/%3E%3Ccircle cx='0.1' cy='125.3' r='3.0' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='250.6' cy='71.6' r='0.9' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='301.3' cy='231.0' r='3.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='0.4' cy='40.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='308.0' cy='200.5' r='2.2' fill='%23C9A227' opacity='0.55'/%3E%3Ccircle cx='31.8' cy='96.1' r='1.0' fill='%23E3CC7E' opacity='0.38'/%3E%3Ccircle cx='253.0' cy='0.4' r='1.2' fill='%23F2E4B0' opacity='0.72'/%3E%3Ccircle cx='306.9' cy='206.3' r='1.0' fill='%23E3CC7E' opacity='0.43'/%3E%3Ccircle cx='175.0' cy='9.4' r='2.2' fill='%23F2E4B0' opacity='0.55'/%3E%3Ccircle cx='17.7' cy='62.1' r='2.2' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='213.6' cy='296.1' r='1.0' fill='%23F2E4B0' opacity='0.44'/%3E%3Ccircle cx='229.9' cy='115.9' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='236.5' cy='161.6' r='1.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='99.7' cy='262.4' r='1.0' fill='%23F2E4B0' opacity='0.42'/%3E%3Ccircle cx='243.4' cy='94.4' r='3.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='155.2' cy='291.3' r='0.6' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='295.0' cy='17.4' r='0.6' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='132.9' cy='227.2' r='0.9' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='234.5' cy='319.2' r='0.9' fill='%23E3CC7E' opacity='0.34'/%3E%3Ccircle cx='208.8' cy='167.9' r='3.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='268.5' cy='315.2' r='3.0' fill='%23C9A227' opacity='0.25'/%3E%3Ccircle cx='25.0' cy='25.8' r='2.2' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='179.6' cy='242.8' r='2.2' fill='%23F2E4B0' opacity='0.36'/%3E%3Ccircle cx='263.0' cy='138.4' r='0.6' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='119.3' cy='294.2' r='1.0' fill='%238E7A2A' opacity='0.34'/%3E%3Ccircle cx='9.7' cy='131.5' r='2.2' fill='%23C9A227' opacity='0.18'/%3E%3Ccircle cx='148.5' cy='257.1' r='0.6' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='287.5' cy='108.5' r='1.2' fill='%23C9A227' opacity='0.35'/%3E%3Ccircle cx='83.9' cy='229.3' r='1.6' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='1.2' cy='241.8' r='0.7' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='34.3' cy='229.0' r='3.0' fill='%238E7A2A' opacity='0.69'/%3E%3Ccircle cx='252.7' cy='292.3' r='3.0' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='58.5' cy='256.8' r='1.2' fill='%23E3CC7E' opacity='0.62'/%3E%3Ccircle cx='194.3' cy='104.9' r='1.6' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='163.8' cy='125.3' r='0.9' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='207.9' cy='154.1' r='1.6' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='282.7' cy='316.1' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='30.9' cy='159.5' r='3.0' fill='%23E3CC7E' opacity='0.26'/%3E%3Ccircle cx='133.4' cy='198.5' r='1.0' fill='%23C9A227' opacity='0.58'/%3E%3C/svg%3E") no-repeat right .6em center / 12px;
  color: var(--grafit-dunkel);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

/* --- Werkgitter ---------------------------------------------------------- */

.werkgitter {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 158px), 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.werk {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius);
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.werk:hover { box-shadow: var(--schatten-hoch); transform: translateY(-3px); border-color: transparent; }

.werk__bildbereich { position: relative; background: var(--flaeche); }
.werk__oeffner {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
}
/* Einheitliches Quadrat, Werk vollständig sichtbar (contain statt cover).
   Bei Kunst darf nichts angeschnitten werden – die Fläche drumherum ist neutral. */
.werk__bild {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  padding: 10px;
  background: var(--flaeche);
}


.werk__text {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 16px 16px;
}
.werk__titel {
  font-size: .98rem;
  font-weight: 600;
  color: var(--grafit-tief);
  margin: 0 0 .25em;
}
.werk__angaben {
  margin: 0 0 12px;
  font-size: .82rem;
  color: var(--text-leise);
  line-height: 1.5;
}


@media (min-width: 640px) {
  .werkgitter {
    gap: 18px;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  }
}

/* Enge Karten auf Mobil: kompaktere Innenabstände und Schriftgrößen. */
@media (max-width: 639px) {
  .werk__text { padding: 10px 12px 12px; }
  .werk__titel { font-size: .88rem; }
  .werk__angaben { font-size: .74rem; margin-bottom: 0; }
}

.leermeldung {
  padding: 48px 0;
  text-align: center;
  color: var(--text-leise);
}
/* --- Nachladeknopf -------------------------------------------------------- */
/* Sitzt zwischen zwei Bildreihen und wird dort leicht übersehen. Deshalb
   volle Breite, kräftigerer Rahmen und ein Hinweis, wie viel noch kommt. */

.nachladen { display: flex; justify-content: center; margin-top: 38px; }

.knopf--mehr {
  flex-direction: column;
  gap: .2em;
  width: 100%;
  max-width: 560px;
  padding: 1.1em 1.4em;
  background: var(--rose-blass);
  color: var(--rose-tief);
  border: 2px solid var(--rose-blass2);
  font-size: 1.05rem;
  position: relative;
}
.knopf--mehr small {
  font-size: .82rem;
  font-weight: 500;
  color: var(--rose-tief);
}
.knopf--mehr svg {
  position: absolute;
  right: 1.2em;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  fill: currentColor;
  transition: transform .15s ease;
}
.knopf--mehr:hover {
  background: var(--rose-blass2);
  border-color: var(--rose);
  color: var(--rose-tief);
}
.knopf--mehr:hover svg { transform: translateY(-30%); }

/* --- Lichtkasten --------------------------------------------------------- */

.lichtkasten {
  width: min(1100px, 100%);
  max-width: 100%;
  max-height: 100%;
  border: 0;
  padding: 0;
  border-radius: var(--radius);
  background: #fff;
  color: var(--text);
  overflow: visible;
}
.lichtkasten::backdrop { background: rgba(32, 30, 27, .86); backdrop-filter: blur(3px); }

.lichtkasten__innen { display: grid; }
@media (min-width: 860px) { .lichtkasten__innen { grid-template-columns: 1.35fr 1fr; } }

.lichtkasten__bild {
  background: var(--flaeche);
  display: grid;
  place-items: center;
  padding: 16px;
  min-height: 220px;
}
.lichtkasten__bild img {
  max-height: min(72vh, 700px);
  width: auto;
  object-fit: contain;
}

.lichtkasten__text { padding: 24px 24px 28px; display: flex; flex-direction: column; }
.lichtkasten__text h3 { font-size: 1.35rem; margin-bottom: .2em; }
.lichtkasten__serie {
  font-size: .72rem; font-weight: 700; letter-spacing: var(--spur);
  text-transform: uppercase; color: var(--grafit); margin-bottom: 1em;
}
.lichtkasten__liste {
  margin: 0 0 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 16px;
  font-size: .88rem;
}
.lichtkasten__liste dt { color: var(--text-leise); }
.lichtkasten__liste dd { margin: 0; color: var(--text); }

.lichtkasten__zu {
  position: absolute;
  top: 8px; right: 8px;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: 99px;
  color: var(--grafit-tief);
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}
.lichtkasten__zu:hover { background: var(--flaeche); }

.lichtkasten__blaettern {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px; height: 40px;
  display: grid; place-items: center;
  background: rgba(255,255,255,.9);
  border: 1px solid var(--linie);
  border-radius: 99px;
  color: var(--grafit-tief);
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}
.lichtkasten__blaettern:hover { background: #fff; }
.lichtkasten__blaettern--zurueck { left: 8px; }
.lichtkasten__blaettern--vor { right: 8px; }
@media (min-width: 860px) { .lichtkasten__blaettern--vor { right: calc(41.6% + 8px); } }

/* Mobil: Bild kleiner halten, damit Angaben und Knöpfe ohne Scrollen
   im Blick bleiben. Der Dialog selbst wird scrollbar. */
@media (max-width: 859px) {
  .lichtkasten { max-height: 100dvh; overflow-y: auto; }
  .lichtkasten__bild { padding: 12px; }
  .lichtkasten__bild img { max-height: 52vh; }
  .lichtkasten__text { padding: 18px 18px 22px; }
}

/* --- Über mich ----------------------------------------------------------- */

.portraet-gitter { display: grid; gap: 32px; }
@media (min-width: 900px) { .portraet-gitter { grid-template-columns: 5fr 7fr; gap: 56px; align-items: start; } }

.portraet {
  margin: 0;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--flaeche);
  box-shadow: var(--schatten);
}
/* Kein festes Seitenverhältnis: Das Foto wird vollständig gezeigt,
   der Ausschnitt steckt in der Bilddatei selbst. */
.portraet img { width: 100%; height: auto; display: block; }
.portraet figcaption {
  padding: 12px 16px;
  font-size: .8rem;
  color: var(--text-leise);
  background: #fff;
}

.platzhalter {
  display: grid;
  place-items: center;
  gap: 10px;
  aspect-ratio: 4 / 5;
  padding: 28px;
  text-align: center;
  color: var(--grafit);
  background:
    repeating-linear-gradient(45deg, transparent 0 12px, rgba(0,104,136,.05) 12px 24px),
    var(--flaeche);
  border: 1px dashed var(--linie);
}
.platzhalter svg { width: 40px; height: 40px; fill: var(--grafit); opacity: .5; }
.platzhalter b { font-size: .9rem; }
.platzhalter small { font-size: .78rem; color: var(--text-leise); max-width: 30ch; }

/* --- Instagram-Verweis ---------------------------------------------------- */
/* Steht bewusst größer und abgesetzt unter den Kontaktangaben — Instagram ist
   der Ort, an dem laufend Neues erscheint. */

.instagram {
  display: inline-flex;
  align-items: center;
  gap: .7em;
  margin-top: 22px;
  padding: .75em 1.2em;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--grafit-tief);
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius-knopf);
  transition: border-color .15s ease, color .15s ease, transform .15s ease;
}
/* Genauer als die allgemeine Regel .kontakt-info svg, sonst bliebe das
   Symbol bei 18 Pixeln. */
.kontakt-info a.instagram svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
  flex-shrink: 0;
}
.instagram:hover {
  border-color: var(--rose);
  color: var(--rose);
  transform: translateY(-1px);
}

/* --- Ausstellungen ------------------------------------------------------- */
/* Eine Ausstellung ist ein Ordner: Ordnername = Titel, Jahreszahl am Ende. */

.ausstellung + .ausstellung {
  margin-top: 40px;
  padding-top: 36px;
  border-top: 1px solid var(--linie);
}
.ausstellung__kopf {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin-bottom: 18px;
}
.ausstellung__kopf h3 { margin: 0; font-size: 1.15rem; }
.ausstellung__jahr {
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--spur);
  color: var(--rose);
  padding: .25em .6em;
  border: 1px solid var(--linie);
  border-radius: var(--radius-knopf);
  background: #fff;
}
.ausstellung__ort { font-size: .9rem; color: var(--text-leise); }
.ausstellung__text {
  margin: -8px 0 18px;
  font-size: .93rem;
  color: var(--text-leise);
  max-width: 62ch;
}

.ausstellung__medien {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ausstellung__medium {
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius);
  overflow: hidden;
}
.ausstellung__medium img,
.ausstellung__medium video {
  display: block;
  width: 100%;
  height: auto;
  background: var(--papier);
}
/* Hochformat-Videos sonst überlang */
.ausstellung__medium--video video { max-height: 70vh; }

/* --- Formular ------------------------------------------------------------ */

.kontakt-gitter { display: grid; gap: 36px; }
@media (min-width: 900px) { .kontakt-gitter { grid-template-columns: 5fr 7fr; gap: 56px; } }

.kontakt-info ul { list-style: none; margin: 20px 0 0; padding: 0; }
.kontakt-info li { display: flex; gap: 12px; padding: 10px 0; font-size: .93rem; }
.kontakt-info svg { width: 18px; height: 18px; fill: var(--grafit); flex-shrink: 0; margin-top: 4px; }
.kontakt-info a { color: var(--grafit-dunkel); }

.formular {
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius);
  padding: 24px;
  box-shadow: var(--schatten);
}
.feldreihe { display: grid; gap: 16px; }
@media (min-width: 620px) { .feldreihe--zwei { grid-template-columns: 1fr 1fr; } }
.feld { display: block; margin-bottom: 16px; }
.feld > span {
  display: block;
  font-size: .82rem;
  font-weight: 600;
  color: var(--grafit-tief);
  margin-bottom: .4em;
}
.feld input, .feld textarea, .feld select {
  width: 100%;
  font: inherit;
  font-size: .95rem;
  padding: .7em .85em;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius-knopf);
}
.feld textarea { min-height: 120px; resize: vertical; }
.feld input:focus, .feld textarea:focus, .feld select:focus { border-color: var(--grafit); }

.zustimmung { display: flex; gap: 10px; align-items: flex-start; font-size: .82rem; color: var(--text-leise); margin-bottom: 18px; }
.zustimmung input { margin-top: .25em; flex-shrink: 0; }

.honigtopf { position: absolute; left: -9999px; }

.formular__meldung {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: var(--radius);
  font-size: .88rem;
  background: var(--flaeche);
  border-left: 3px solid var(--grafit);
}
.formular__meldung[hidden] { display: none; }

/* --- Fuß ----------------------------------------------------------------- */

.fuss {
  background: var(--grafit-tief);
  color: rgba(255,255,255,.8);
  padding-block: 44px 28px;
  font-size: .88rem;
}
.fuss__gitter { display: grid; gap: 28px; }
@media (min-width: 760px) { .fuss__gitter { grid-template-columns: 1fr 1fr; gap: 32px 40px; } }
@media (min-width: 1000px) { .fuss__gitter { grid-template-columns: 1.7fr 1fr 1fr 1.4fr; } }
.fuss h4 {
  color: #fff;
  font-size: .78rem;
  letter-spacing: var(--spur);
  text-transform: uppercase;
  margin-bottom: 1em;
}
.fuss ul { list-style: none; margin: 0; padding: 0; }
.fuss li { padding: 4px 0; }
.fuss a { color: rgba(255,255,255,.8); text-decoration: none; }
.fuss a:hover { color: var(--gold-hell); }
.fuss__wortmarke {
  color: #fff;
  font-weight: 700;
  letter-spacing: var(--spur);
  text-transform: uppercase;
  margin-bottom: .6em;
}
.fuss__unten {
  margin-top: 32px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.18);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  font-size: .8rem;
  color: rgba(255,255,255,.6);
}

/* --- Schnellzugriff ------------------------------------------------------ */

.abschnitt--knapp { padding-block: 28px; }

/* Wächst und schrumpft mit der Zahl der Kacheln — je nachdem, wie viele
   Kategorieordner es gibt. Keine feste Spaltenzahl, sonst bleiben Lücken. */
.schnellzugriff {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 700px) {
  .schnellzugriff { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
}

.schnellzugriff a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 100%;
  background: #fff;
  border: 1px solid var(--linie);
  border-radius: var(--radius);
  padding: 14px 14px 12px;
  text-decoration: none;
  color: var(--grafit-tief);
  font-weight: 600;
  font-size: .92rem;
  line-height: 1.3;
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.schnellzugriff a:hover {
  border-color: var(--grafit);
  transform: translateY(-2px);
  box-shadow: var(--schatten);
}
.schnellzugriff small {
  font-weight: 500;
  font-size: .78rem;
  color: var(--text-leise);
}

/* --- Serien innerhalb einer Kategorie ------------------------------------ */
/* Eine Serie ist ein Ordner: der Ordnername steht als Überschrift darüber. */

.werkserie { margin-bottom: 38px; }
.werkserie:last-of-type { margin-bottom: 0; }

.werkserie__kopf {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--linie);
}
.werkserie__kopf h4 {
  margin: 0;
  font-size: 1.05rem;
  letter-spacing: 0;
}
.werkserie__zahl {
  margin-left: auto;
  font-size: .8rem;
  color: var(--text-leise);
  white-space: nowrap;
}
.werkserie__text {
  margin: -8px 0 16px;
  font-size: .9rem;
  color: var(--text-leise);
  max-width: 62ch;
}

.werkzeugleiste--einzeln { display: block; }

/* --- Kategorieblöcke -------------------------------------------------------- */

.serie { scroll-margin-top: 80px; }
.serie + .serie { margin-top: 56px; padding-top: 48px; border-top: 1px solid var(--linie); }

.serie__kopf {
  display: grid;
  gap: 20px;
  margin-bottom: 26px;
}
@media (min-width: 900px) {
  .serie__kopf { grid-template-columns: 1.7fr 1fr; gap: 48px; align-items: end; }
}
.serie__titel h3 { font-size: clamp(1.3rem, 3vw, 1.8rem); margin-bottom: .3em; }
.serie__titel p { margin: 0; color: var(--text-leise); max-width: 62ch; }

.serie__fakten {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  font-size: .88rem;
  color: var(--text-leise);
}
.serie__fakten li {
  display: flex;
  gap: .5em;
  align-items: baseline;
  border-top: 1px solid var(--linie);
  padding-top: 8px;
}
.serie__fakten b { color: var(--grafit-tief); font-weight: 600; }

/* Zeile am Fuß der Rechtstexte */
.stand {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--linie);
  font-size: .82rem;
  color: var(--text-leise);
}

/* --- Hinweiskasten ------------------------------------------------------- */

.hinweisbox {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid var(--linie);
  border-left: 3px solid var(--gold);
  border-radius: var(--radius);
  font-size: .92rem;
  color: var(--text-leise);
}
.hinweisbox[hidden] { display: none; }
.hinweisbox svg {
  width: 20px;
  height: 20px;
  fill: var(--gold);
  flex-shrink: 0;
  margin-top: 2px;
}
.hinweisbox p { margin: 0; }
.hinweisbox b { color: var(--grafit-tief); }

/* --- Mobile Kontaktleiste ------------------------------------------------ */

.anfrageleiste {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: none;
  align-items: center;
  gap: 12px;
  padding: 10px var(--rand);
  background: rgba(255,255,255,.97);
  border-top: 1px solid var(--linie);
  box-shadow: 0 -6px 24px rgba(42, 39, 36, .1);
  transform: translateY(110%);
  transition: transform .25s ease;
}
.anfrageleiste[data-sichtbar="ja"] { transform: translateY(0); }
.anfrageleiste__text { font-size: .88rem; font-weight: 600; color: var(--grafit-tief); }
.anfrageleiste .knopf { margin-left: auto; }
@media (max-width: 899px) { .anfrageleiste { display: flex; } }

/* --- Fußzeile: Anfahrt --------------------------------------------------- */

.fuss__anfahrt {
  margin: 14px 0 0;
  font-size: .8rem;
  color: rgba(255,255,255,.55);
  line-height: 1.7;
}



/* --- Farbwelt aus dem Druck ---------------------------------------------- */
/* Graphit ist Fläche, nicht nur Schriftfarbe: Serviceleiste, Kopf, Bühne,
   Technik und Fußzeile tragen den Grauton, darüber liegt die Blattgold-
   Textur. Unter der Bühne läuft das rosé Band quer durch — wie im Druck.
   Die Arbeiten selbst stehen auf Weiß, damit die Farbigkeit der Blätter
   nicht mit dem Hintergrund konkurriert. */

.sprenkel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Ccircle cx='103.6' cy='48.3' r='0.6' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='117.0' cy='18.6' r='1.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='133.8' cy='77.0' r='2.2' fill='%23C9A227' opacity='0.19'/%3E%3Ccircle cx='303.2' cy='201.8' r='0.6' fill='%238E7A2A' opacity='0.48'/%3E%3Ccircle cx='15.9' cy='70.7' r='0.9' fill='%23E3CC7E' opacity='0.32'/%3E%3Ccircle cx='173.0' cy='182.7' r='0.9' fill='%23E3CC7E' opacity='0.22'/%3E%3Ccircle cx='119.2' cy='175.3' r='0.7' fill='%23E3CC7E' opacity='0.48'/%3E%3Ccircle cx='158.9' cy='170.2' r='1.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='115.7' cy='79.5' r='0.9' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='26.2' cy='96.1' r='3.0' fill='%238E7A2A' opacity='0.65'/%3E%3Ccircle cx='92.1' cy='313.7' r='0.7' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='242.3' cy='48.6' r='3.0' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='244.7' cy='183.4' r='1.6' fill='%23F2E4B0' opacity='0.35'/%3E%3Ccircle cx='190.2' cy='185.6' r='3.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='302.3' cy='151.7' r='0.7' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='207.1' cy='317.8' r='3.0' fill='%238E7A2A' opacity='0.32'/%3E%3Ccircle cx='283.9' cy='111.0' r='3.0' fill='%23C9A227' opacity='0.36'/%3E%3Ccircle cx='158.0' cy='69.8' r='1.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='127.3' cy='293.4' r='3.0' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='128.5' cy='88.9' r='0.9' fill='%23F2E4B0' opacity='0.62'/%3E%3Ccircle cx='226.0' cy='315.7' r='2.2' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='26.6' cy='48.4' r='1.0' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='84.1' cy='1.3' r='2.2' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='305.0' cy='221.0' r='0.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='127.4' cy='126.1' r='3.0' fill='%23C9A227' opacity='0.52'/%3E%3Ccircle cx='61.0' cy='315.1' r='3.0' fill='%23F2E4B0' opacity='0.25'/%3E%3Ccircle cx='192.2' cy='32.8' r='0.9' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='196.4' cy='22.5' r='1.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='203.0' cy='305.7' r='1.6' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='271.7' cy='317.8' r='3.0' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='27.5' cy='32.7' r='1.6' fill='%238E7A2A' opacity='0.57'/%3E%3Ccircle cx='265.2' cy='51.7' r='0.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='46.9' cy='173.8' r='0.6' fill='%23F2E4B0' opacity='0.58'/%3E%3Ccircle cx='313.1' cy='276.3' r='1.2' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='113.8' cy='71.3' r='1.6' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='257.9' cy='261.9' r='1.0' fill='%238E7A2A' opacity='0.27'/%3E%3Ccircle cx='113.8' cy='9.3' r='0.6' fill='%238E7A2A' opacity='0.6'/%3E%3Ccircle cx='82.9' cy='221.6' r='1.6' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='305.6' cy='116.7' r='1.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='62.9' cy='65.4' r='0.6' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='255.9' cy='27.1' r='0.7' fill='%23E3CC7E' opacity='0.67'/%3E%3Ccircle cx='153.0' cy='57.1' r='1.6' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='148.2' cy='237.9' r='0.7' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='317.8' cy='8.8' r='3.0' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='195.7' cy='190.7' r='3.0' fill='%23F2E4B0' opacity='0.53'/%3E%3Ccircle cx='49.9' cy='175.5' r='0.6' fill='%23C9A227' opacity='0.17'/%3E%3Ccircle cx='168.5' cy='298.8' r='2.2' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='264.4' cy='67.5' r='1.2' fill='%23E3CC7E' opacity='0.28'/%3E%3Ccircle cx='244.4' cy='104.3' r='2.2' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='291.2' cy='113.2' r='3.0' fill='%238E7A2A' opacity='0.53'/%3E%3Ccircle cx='264.7' cy='281.0' r='0.9' fill='%23C9A227' opacity='0.46'/%3E%3Ccircle cx='279.3' cy='248.5' r='0.6' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='55.2' cy='151.5' r='0.7' fill='%23F2E4B0' opacity='0.47'/%3E%3Ccircle cx='218.3' cy='169.8' r='3.0' fill='%23C9A227' opacity='0.6'/%3E%3Ccircle cx='282.6' cy='18.2' r='1.0' fill='%23C9A227' opacity='0.32'/%3E%3Ccircle cx='162.5' cy='179.8' r='0.7' fill='%23E3CC7E' opacity='0.41'/%3E%3Ccircle cx='221.7' cy='144.8' r='3.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='223.7' cy='280.5' r='1.2' fill='%23E3CC7E' opacity='0.68'/%3E%3Ccircle cx='268.8' cy='43.9' r='0.7' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='23.2' cy='77.0' r='0.7' fill='%23F2E4B0' opacity='0.28'/%3E%3Ccircle cx='250.9' cy='287.0' r='0.9' fill='%23F2E4B0' opacity='0.69'/%3E%3Ccircle cx='45.8' cy='282.5' r='3.0' fill='%23C9A227' opacity='0.28'/%3E%3Ccircle cx='127.4' cy='155.9' r='1.0' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='318.1' cy='129.2' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='29.5' cy='117.1' r='1.6' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='225.0' cy='123.0' r='1.2' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='36.1' cy='293.9' r='1.0' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='26.9' cy='87.0' r='0.9' fill='%23E3CC7E' opacity='0.31'/%3E%3Ccircle cx='262.3' cy='271.9' r='1.2' fill='%238E7A2A' opacity='0.39'/%3E%3Ccircle cx='224.1' cy='28.6' r='0.6' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='136.1' cy='23.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='26.8' cy='274.0' r='0.7' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='145.2' cy='108.5' r='2.2' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='198.9' cy='13.8' r='1.0' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='83.8' cy='58.0' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='92.8' cy='160.0' r='0.9' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='318.2' cy='11.8' r='0.6' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='164.6' cy='78.6' r='3.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='210.1' cy='174.7' r='2.2' fill='%23F2E4B0' opacity='0.7'/%3E%3Ccircle cx='220.1' cy='314.4' r='1.6' fill='%23E3CC7E' opacity='0.27'/%3E%3Ccircle cx='129.5' cy='111.2' r='0.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='22.6' cy='237.1' r='1.2' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='27.0' cy='269.2' r='1.2' fill='%23F2E4B0' opacity='0.5'/%3E%3Ccircle cx='14.5' cy='59.3' r='1.2' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='116.5' cy='105.3' r='1.6' fill='%23F2E4B0' opacity='0.3'/%3E%3Ccircle cx='69.7' cy='58.5' r='1.6' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='89.3' cy='209.9' r='1.0' fill='%23C9A227' opacity='0.44'/%3E%3Ccircle cx='29.1' cy='261.5' r='0.9' fill='%23C9A227' opacity='0.38'/%3E%3Ccircle cx='126.1' cy='95.9' r='1.0' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='210.4' cy='229.1' r='2.2' fill='%238E7A2A' opacity='0.59'/%3E%3Ccircle cx='47.8' cy='231.7' r='0.9' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='234.8' cy='259.9' r='0.9' fill='%23C9A227' opacity='0.67'/%3E%3Ccircle cx='264.5' cy='186.9' r='1.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='42.6' cy='115.4' r='0.7' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='178.7' cy='200.9' r='1.0' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='146.2' cy='22.4' r='0.7' fill='%23C9A227' opacity='0.53'/%3E%3Ccircle cx='238.6' cy='151.6' r='0.7' fill='%23E3CC7E' opacity='0.63'/%3E%3Ccircle cx='233.4' cy='65.7' r='3.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='24.6' cy='291.3' r='1.2' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='24.8' cy='47.2' r='1.2' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='198.8' cy='42.7' r='3.0' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='311.2' cy='31.8' r='1.0' fill='%23F2E4B0' opacity='0.54'/%3E%3Ccircle cx='226.8' cy='91.4' r='3.0' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='317.9' cy='175.7' r='1.2' fill='%238E7A2A' opacity='0.71'/%3E%3Ccircle cx='5.6' cy='146.9' r='3.0' fill='%238E7A2A' opacity='0.72'/%3E%3Ccircle cx='67.1' cy='302.6' r='1.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='45.4' cy='167.7' r='1.6' fill='%23F2E4B0' opacity='0.23'/%3E%3Ccircle cx='283.8' cy='225.1' r='1.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='126.1' cy='50.9' r='3.0' fill='%238E7A2A' opacity='0.54'/%3E%3Ccircle cx='96.6' cy='45.0' r='1.6' fill='%23C9A227' opacity='0.37'/%3E%3Ccircle cx='268.9' cy='0.6' r='1.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='300.8' cy='62.6' r='0.6' fill='%23F2E4B0' opacity='0.66'/%3E%3Ccircle cx='81.0' cy='20.8' r='2.2' fill='%23C9A227' opacity='0.72'/%3E%3Ccircle cx='115.4' cy='137.0' r='1.2' fill='%23F2E4B0' opacity='0.64'/%3E%3Ccircle cx='32.5' cy='267.1' r='1.2' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='79.8' cy='85.0' r='1.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='251.2' cy='136.9' r='0.6' fill='%238E7A2A' opacity='0.61'/%3E%3Ccircle cx='292.3' cy='301.0' r='1.0' fill='%23C9A227' opacity='0.56'/%3E%3Ccircle cx='298.7' cy='131.5' r='0.9' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='155.4' cy='291.8' r='0.9' fill='%238E7A2A' opacity='0.26'/%3E%3Ccircle cx='110.0' cy='95.3' r='1.2' fill='%23E3CC7E' opacity='0.39'/%3E%3Ccircle cx='96.3' cy='178.3' r='2.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='24.1' cy='160.2' r='3.0' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='290.0' cy='318.9' r='3.0' fill='%23E3CC7E' opacity='0.4'/%3E%3Ccircle cx='78.1' cy='55.9' r='0.7' fill='%23F2E4B0' opacity='0.34'/%3E%3Ccircle cx='82.7' cy='182.3' r='0.6' fill='%238E7A2A' opacity='0.58'/%3E%3Ccircle cx='122.5' cy='238.7' r='1.0' fill='%23F2E4B0' opacity='0.37'/%3E%3Ccircle cx='240.7' cy='159.4' r='1.6' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='29.6' cy='287.0' r='2.2' fill='%238E7A2A' opacity='0.38'/%3E%3Ccircle cx='138.2' cy='99.8' r='0.6' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='227.0' cy='286.6' r='3.0' fill='%238E7A2A' opacity='0.7'/%3E%3Ccircle cx='0.1' cy='125.3' r='3.0' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='250.6' cy='71.6' r='0.9' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='301.3' cy='231.0' r='3.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='0.4' cy='40.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='308.0' cy='200.5' r='2.2' fill='%23C9A227' opacity='0.55'/%3E%3Ccircle cx='31.8' cy='96.1' r='1.0' fill='%23E3CC7E' opacity='0.38'/%3E%3Ccircle cx='253.0' cy='0.4' r='1.2' fill='%23F2E4B0' opacity='0.72'/%3E%3Ccircle cx='306.9' cy='206.3' r='1.0' fill='%23E3CC7E' opacity='0.43'/%3E%3Ccircle cx='175.0' cy='9.4' r='2.2' fill='%23F2E4B0' opacity='0.55'/%3E%3Ccircle cx='17.7' cy='62.1' r='2.2' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='213.6' cy='296.1' r='1.0' fill='%23F2E4B0' opacity='0.44'/%3E%3Ccircle cx='229.9' cy='115.9' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='236.5' cy='161.6' r='1.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='99.7' cy='262.4' r='1.0' fill='%23F2E4B0' opacity='0.42'/%3E%3Ccircle cx='243.4' cy='94.4' r='3.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='155.2' cy='291.3' r='0.6' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='295.0' cy='17.4' r='0.6' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='132.9' cy='227.2' r='0.9' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='234.5' cy='319.2' r='0.9' fill='%23E3CC7E' opacity='0.34'/%3E%3Ccircle cx='208.8' cy='167.9' r='3.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='268.5' cy='315.2' r='3.0' fill='%23C9A227' opacity='0.25'/%3E%3Ccircle cx='25.0' cy='25.8' r='2.2' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='179.6' cy='242.8' r='2.2' fill='%23F2E4B0' opacity='0.36'/%3E%3Ccircle cx='263.0' cy='138.4' r='0.6' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='119.3' cy='294.2' r='1.0' fill='%238E7A2A' opacity='0.34'/%3E%3Ccircle cx='9.7' cy='131.5' r='2.2' fill='%23C9A227' opacity='0.18'/%3E%3Ccircle cx='148.5' cy='257.1' r='0.6' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='287.5' cy='108.5' r='1.2' fill='%23C9A227' opacity='0.35'/%3E%3Ccircle cx='83.9' cy='229.3' r='1.6' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='1.2' cy='241.8' r='0.7' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='34.3' cy='229.0' r='3.0' fill='%238E7A2A' opacity='0.69'/%3E%3Ccircle cx='252.7' cy='292.3' r='3.0' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='58.5' cy='256.8' r='1.2' fill='%23E3CC7E' opacity='0.62'/%3E%3Ccircle cx='194.3' cy='104.9' r='1.6' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='163.8' cy='125.3' r='0.9' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='207.9' cy='154.1' r='1.6' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='282.7' cy='316.1' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='30.9' cy='159.5' r='3.0' fill='%23E3CC7E' opacity='0.26'/%3E%3Ccircle cx='133.4' cy='198.5' r='1.0' fill='%23C9A227' opacity='0.58'/%3E%3C/svg%3E");
  background-size: 320px 320px;
}

.serviceleiste { background: var(--tinte); }

.kopf {
  background: var(--grafit-tief);
  border-bottom-color: rgba(255,255,255,.14);
  backdrop-filter: none;
}
.kopf .wortmarke { color: #fff; }
.kopf .wortmarke span { color: var(--gold-hell); }
.kopf .navigation a { color: rgba(255,255,255,.82); }
.kopf .navigation a:hover,
.kopf .navigation a[aria-current="true"] {
  color: #fff;
  border-bottom-color: var(--gold);
}
.kopf .menuknopf { color: #fff; }
.kopf :focus-visible { outline-color: var(--gold-hell); }

.buehne {
  border-bottom: 12px solid var(--rose-hell);   /* das Band aus dem Druck */
  background-color: var(--grafit);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Ccircle cx='103.6' cy='48.3' r='0.6' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='117.0' cy='18.6' r='1.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='133.8' cy='77.0' r='2.2' fill='%23C9A227' opacity='0.19'/%3E%3Ccircle cx='303.2' cy='201.8' r='0.6' fill='%238E7A2A' opacity='0.48'/%3E%3Ccircle cx='15.9' cy='70.7' r='0.9' fill='%23E3CC7E' opacity='0.32'/%3E%3Ccircle cx='173.0' cy='182.7' r='0.9' fill='%23E3CC7E' opacity='0.22'/%3E%3Ccircle cx='119.2' cy='175.3' r='0.7' fill='%23E3CC7E' opacity='0.48'/%3E%3Ccircle cx='158.9' cy='170.2' r='1.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='115.7' cy='79.5' r='0.9' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='26.2' cy='96.1' r='3.0' fill='%238E7A2A' opacity='0.65'/%3E%3Ccircle cx='92.1' cy='313.7' r='0.7' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='242.3' cy='48.6' r='3.0' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='244.7' cy='183.4' r='1.6' fill='%23F2E4B0' opacity='0.35'/%3E%3Ccircle cx='190.2' cy='185.6' r='3.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='302.3' cy='151.7' r='0.7' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='207.1' cy='317.8' r='3.0' fill='%238E7A2A' opacity='0.32'/%3E%3Ccircle cx='283.9' cy='111.0' r='3.0' fill='%23C9A227' opacity='0.36'/%3E%3Ccircle cx='158.0' cy='69.8' r='1.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='127.3' cy='293.4' r='3.0' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='128.5' cy='88.9' r='0.9' fill='%23F2E4B0' opacity='0.62'/%3E%3Ccircle cx='226.0' cy='315.7' r='2.2' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='26.6' cy='48.4' r='1.0' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='84.1' cy='1.3' r='2.2' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='305.0' cy='221.0' r='0.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='127.4' cy='126.1' r='3.0' fill='%23C9A227' opacity='0.52'/%3E%3Ccircle cx='61.0' cy='315.1' r='3.0' fill='%23F2E4B0' opacity='0.25'/%3E%3Ccircle cx='192.2' cy='32.8' r='0.9' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='196.4' cy='22.5' r='1.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='203.0' cy='305.7' r='1.6' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='271.7' cy='317.8' r='3.0' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='27.5' cy='32.7' r='1.6' fill='%238E7A2A' opacity='0.57'/%3E%3Ccircle cx='265.2' cy='51.7' r='0.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='46.9' cy='173.8' r='0.6' fill='%23F2E4B0' opacity='0.58'/%3E%3Ccircle cx='313.1' cy='276.3' r='1.2' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='113.8' cy='71.3' r='1.6' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='257.9' cy='261.9' r='1.0' fill='%238E7A2A' opacity='0.27'/%3E%3Ccircle cx='113.8' cy='9.3' r='0.6' fill='%238E7A2A' opacity='0.6'/%3E%3Ccircle cx='82.9' cy='221.6' r='1.6' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='305.6' cy='116.7' r='1.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='62.9' cy='65.4' r='0.6' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='255.9' cy='27.1' r='0.7' fill='%23E3CC7E' opacity='0.67'/%3E%3Ccircle cx='153.0' cy='57.1' r='1.6' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='148.2' cy='237.9' r='0.7' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='317.8' cy='8.8' r='3.0' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='195.7' cy='190.7' r='3.0' fill='%23F2E4B0' opacity='0.53'/%3E%3Ccircle cx='49.9' cy='175.5' r='0.6' fill='%23C9A227' opacity='0.17'/%3E%3Ccircle cx='168.5' cy='298.8' r='2.2' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='264.4' cy='67.5' r='1.2' fill='%23E3CC7E' opacity='0.28'/%3E%3Ccircle cx='244.4' cy='104.3' r='2.2' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='291.2' cy='113.2' r='3.0' fill='%238E7A2A' opacity='0.53'/%3E%3Ccircle cx='264.7' cy='281.0' r='0.9' fill='%23C9A227' opacity='0.46'/%3E%3Ccircle cx='279.3' cy='248.5' r='0.6' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='55.2' cy='151.5' r='0.7' fill='%23F2E4B0' opacity='0.47'/%3E%3Ccircle cx='218.3' cy='169.8' r='3.0' fill='%23C9A227' opacity='0.6'/%3E%3Ccircle cx='282.6' cy='18.2' r='1.0' fill='%23C9A227' opacity='0.32'/%3E%3Ccircle cx='162.5' cy='179.8' r='0.7' fill='%23E3CC7E' opacity='0.41'/%3E%3Ccircle cx='221.7' cy='144.8' r='3.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='223.7' cy='280.5' r='1.2' fill='%23E3CC7E' opacity='0.68'/%3E%3Ccircle cx='268.8' cy='43.9' r='0.7' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='23.2' cy='77.0' r='0.7' fill='%23F2E4B0' opacity='0.28'/%3E%3Ccircle cx='250.9' cy='287.0' r='0.9' fill='%23F2E4B0' opacity='0.69'/%3E%3Ccircle cx='45.8' cy='282.5' r='3.0' fill='%23C9A227' opacity='0.28'/%3E%3Ccircle cx='127.4' cy='155.9' r='1.0' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='318.1' cy='129.2' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='29.5' cy='117.1' r='1.6' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='225.0' cy='123.0' r='1.2' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='36.1' cy='293.9' r='1.0' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='26.9' cy='87.0' r='0.9' fill='%23E3CC7E' opacity='0.31'/%3E%3Ccircle cx='262.3' cy='271.9' r='1.2' fill='%238E7A2A' opacity='0.39'/%3E%3Ccircle cx='224.1' cy='28.6' r='0.6' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='136.1' cy='23.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='26.8' cy='274.0' r='0.7' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='145.2' cy='108.5' r='2.2' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='198.9' cy='13.8' r='1.0' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='83.8' cy='58.0' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='92.8' cy='160.0' r='0.9' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='318.2' cy='11.8' r='0.6' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='164.6' cy='78.6' r='3.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='210.1' cy='174.7' r='2.2' fill='%23F2E4B0' opacity='0.7'/%3E%3Ccircle cx='220.1' cy='314.4' r='1.6' fill='%23E3CC7E' opacity='0.27'/%3E%3Ccircle cx='129.5' cy='111.2' r='0.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='22.6' cy='237.1' r='1.2' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='27.0' cy='269.2' r='1.2' fill='%23F2E4B0' opacity='0.5'/%3E%3Ccircle cx='14.5' cy='59.3' r='1.2' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='116.5' cy='105.3' r='1.6' fill='%23F2E4B0' opacity='0.3'/%3E%3Ccircle cx='69.7' cy='58.5' r='1.6' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='89.3' cy='209.9' r='1.0' fill='%23C9A227' opacity='0.44'/%3E%3Ccircle cx='29.1' cy='261.5' r='0.9' fill='%23C9A227' opacity='0.38'/%3E%3Ccircle cx='126.1' cy='95.9' r='1.0' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='210.4' cy='229.1' r='2.2' fill='%238E7A2A' opacity='0.59'/%3E%3Ccircle cx='47.8' cy='231.7' r='0.9' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='234.8' cy='259.9' r='0.9' fill='%23C9A227' opacity='0.67'/%3E%3Ccircle cx='264.5' cy='186.9' r='1.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='42.6' cy='115.4' r='0.7' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='178.7' cy='200.9' r='1.0' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='146.2' cy='22.4' r='0.7' fill='%23C9A227' opacity='0.53'/%3E%3Ccircle cx='238.6' cy='151.6' r='0.7' fill='%23E3CC7E' opacity='0.63'/%3E%3Ccircle cx='233.4' cy='65.7' r='3.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='24.6' cy='291.3' r='1.2' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='24.8' cy='47.2' r='1.2' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='198.8' cy='42.7' r='3.0' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='311.2' cy='31.8' r='1.0' fill='%23F2E4B0' opacity='0.54'/%3E%3Ccircle cx='226.8' cy='91.4' r='3.0' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='317.9' cy='175.7' r='1.2' fill='%238E7A2A' opacity='0.71'/%3E%3Ccircle cx='5.6' cy='146.9' r='3.0' fill='%238E7A2A' opacity='0.72'/%3E%3Ccircle cx='67.1' cy='302.6' r='1.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='45.4' cy='167.7' r='1.6' fill='%23F2E4B0' opacity='0.23'/%3E%3Ccircle cx='283.8' cy='225.1' r='1.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='126.1' cy='50.9' r='3.0' fill='%238E7A2A' opacity='0.54'/%3E%3Ccircle cx='96.6' cy='45.0' r='1.6' fill='%23C9A227' opacity='0.37'/%3E%3Ccircle cx='268.9' cy='0.6' r='1.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='300.8' cy='62.6' r='0.6' fill='%23F2E4B0' opacity='0.66'/%3E%3Ccircle cx='81.0' cy='20.8' r='2.2' fill='%23C9A227' opacity='0.72'/%3E%3Ccircle cx='115.4' cy='137.0' r='1.2' fill='%23F2E4B0' opacity='0.64'/%3E%3Ccircle cx='32.5' cy='267.1' r='1.2' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='79.8' cy='85.0' r='1.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='251.2' cy='136.9' r='0.6' fill='%238E7A2A' opacity='0.61'/%3E%3Ccircle cx='292.3' cy='301.0' r='1.0' fill='%23C9A227' opacity='0.56'/%3E%3Ccircle cx='298.7' cy='131.5' r='0.9' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='155.4' cy='291.8' r='0.9' fill='%238E7A2A' opacity='0.26'/%3E%3Ccircle cx='110.0' cy='95.3' r='1.2' fill='%23E3CC7E' opacity='0.39'/%3E%3Ccircle cx='96.3' cy='178.3' r='2.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='24.1' cy='160.2' r='3.0' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='290.0' cy='318.9' r='3.0' fill='%23E3CC7E' opacity='0.4'/%3E%3Ccircle cx='78.1' cy='55.9' r='0.7' fill='%23F2E4B0' opacity='0.34'/%3E%3Ccircle cx='82.7' cy='182.3' r='0.6' fill='%238E7A2A' opacity='0.58'/%3E%3Ccircle cx='122.5' cy='238.7' r='1.0' fill='%23F2E4B0' opacity='0.37'/%3E%3Ccircle cx='240.7' cy='159.4' r='1.6' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='29.6' cy='287.0' r='2.2' fill='%238E7A2A' opacity='0.38'/%3E%3Ccircle cx='138.2' cy='99.8' r='0.6' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='227.0' cy='286.6' r='3.0' fill='%238E7A2A' opacity='0.7'/%3E%3Ccircle cx='0.1' cy='125.3' r='3.0' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='250.6' cy='71.6' r='0.9' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='301.3' cy='231.0' r='3.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='0.4' cy='40.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='308.0' cy='200.5' r='2.2' fill='%23C9A227' opacity='0.55'/%3E%3Ccircle cx='31.8' cy='96.1' r='1.0' fill='%23E3CC7E' opacity='0.38'/%3E%3Ccircle cx='253.0' cy='0.4' r='1.2' fill='%23F2E4B0' opacity='0.72'/%3E%3Ccircle cx='306.9' cy='206.3' r='1.0' fill='%23E3CC7E' opacity='0.43'/%3E%3Ccircle cx='175.0' cy='9.4' r='2.2' fill='%23F2E4B0' opacity='0.55'/%3E%3Ccircle cx='17.7' cy='62.1' r='2.2' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='213.6' cy='296.1' r='1.0' fill='%23F2E4B0' opacity='0.44'/%3E%3Ccircle cx='229.9' cy='115.9' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='236.5' cy='161.6' r='1.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='99.7' cy='262.4' r='1.0' fill='%23F2E4B0' opacity='0.42'/%3E%3Ccircle cx='243.4' cy='94.4' r='3.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='155.2' cy='291.3' r='0.6' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='295.0' cy='17.4' r='0.6' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='132.9' cy='227.2' r='0.9' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='234.5' cy='319.2' r='0.9' fill='%23E3CC7E' opacity='0.34'/%3E%3Ccircle cx='208.8' cy='167.9' r='3.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='268.5' cy='315.2' r='3.0' fill='%23C9A227' opacity='0.25'/%3E%3Ccircle cx='25.0' cy='25.8' r='2.2' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='179.6' cy='242.8' r='2.2' fill='%23F2E4B0' opacity='0.36'/%3E%3Ccircle cx='263.0' cy='138.4' r='0.6' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='119.3' cy='294.2' r='1.0' fill='%238E7A2A' opacity='0.34'/%3E%3Ccircle cx='9.7' cy='131.5' r='2.2' fill='%23C9A227' opacity='0.18'/%3E%3Ccircle cx='148.5' cy='257.1' r='0.6' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='287.5' cy='108.5' r='1.2' fill='%23C9A227' opacity='0.35'/%3E%3Ccircle cx='83.9' cy='229.3' r='1.6' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='1.2' cy='241.8' r='0.7' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='34.3' cy='229.0' r='3.0' fill='%238E7A2A' opacity='0.69'/%3E%3Ccircle cx='252.7' cy='292.3' r='3.0' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='58.5' cy='256.8' r='1.2' fill='%23E3CC7E' opacity='0.62'/%3E%3Ccircle cx='194.3' cy='104.9' r='1.6' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='163.8' cy='125.3' r='0.9' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='207.9' cy='154.1' r='1.6' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='282.7' cy='316.1' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='30.9' cy='159.5' r='3.0' fill='%23E3CC7E' opacity='0.26'/%3E%3Ccircle cx='133.4' cy='198.5' r='1.0' fill='%23C9A227' opacity='0.58'/%3E%3C/svg%3E");
  background-size: 320px 320px;
  color: rgba(255,255,255,.88);
}
.buehne h1 { color: #fff; }
.buehne__vorspann { color: rgba(255,255,255,.9); }
.buehne .knopf--rand { color: #fff; border-color: rgba(255,255,255,.5); }
.buehne .knopf--rand:hover { background: rgba(255,255,255,.14); border-color: #fff; }
.buehne :focus-visible { outline-color: var(--gold-hell); }

/* Der Ablauf-Abschnitt bekommt dieselbe Sprenkelfläche */
.abschnitt--dunkel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Ccircle cx='103.6' cy='48.3' r='0.6' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='117.0' cy='18.6' r='1.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='133.8' cy='77.0' r='2.2' fill='%23C9A227' opacity='0.19'/%3E%3Ccircle cx='303.2' cy='201.8' r='0.6' fill='%238E7A2A' opacity='0.48'/%3E%3Ccircle cx='15.9' cy='70.7' r='0.9' fill='%23E3CC7E' opacity='0.32'/%3E%3Ccircle cx='173.0' cy='182.7' r='0.9' fill='%23E3CC7E' opacity='0.22'/%3E%3Ccircle cx='119.2' cy='175.3' r='0.7' fill='%23E3CC7E' opacity='0.48'/%3E%3Ccircle cx='158.9' cy='170.2' r='1.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='115.7' cy='79.5' r='0.9' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='26.2' cy='96.1' r='3.0' fill='%238E7A2A' opacity='0.65'/%3E%3Ccircle cx='92.1' cy='313.7' r='0.7' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='242.3' cy='48.6' r='3.0' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='244.7' cy='183.4' r='1.6' fill='%23F2E4B0' opacity='0.35'/%3E%3Ccircle cx='190.2' cy='185.6' r='3.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='302.3' cy='151.7' r='0.7' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='207.1' cy='317.8' r='3.0' fill='%238E7A2A' opacity='0.32'/%3E%3Ccircle cx='283.9' cy='111.0' r='3.0' fill='%23C9A227' opacity='0.36'/%3E%3Ccircle cx='158.0' cy='69.8' r='1.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='127.3' cy='293.4' r='3.0' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='128.5' cy='88.9' r='0.9' fill='%23F2E4B0' opacity='0.62'/%3E%3Ccircle cx='226.0' cy='315.7' r='2.2' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='26.6' cy='48.4' r='1.0' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='84.1' cy='1.3' r='2.2' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='305.0' cy='221.0' r='0.6' fill='%238E7A2A' opacity='0.42'/%3E%3Ccircle cx='127.4' cy='126.1' r='3.0' fill='%23C9A227' opacity='0.52'/%3E%3Ccircle cx='61.0' cy='315.1' r='3.0' fill='%23F2E4B0' opacity='0.25'/%3E%3Ccircle cx='192.2' cy='32.8' r='0.9' fill='%23F2E4B0' opacity='0.46'/%3E%3Ccircle cx='196.4' cy='22.5' r='1.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='203.0' cy='305.7' r='1.6' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='271.7' cy='317.8' r='3.0' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='27.5' cy='32.7' r='1.6' fill='%238E7A2A' opacity='0.57'/%3E%3Ccircle cx='265.2' cy='51.7' r='0.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='46.9' cy='173.8' r='0.6' fill='%23F2E4B0' opacity='0.58'/%3E%3Ccircle cx='313.1' cy='276.3' r='1.2' fill='%23E3CC7E' opacity='0.45'/%3E%3Ccircle cx='113.8' cy='71.3' r='1.6' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='257.9' cy='261.9' r='1.0' fill='%238E7A2A' opacity='0.27'/%3E%3Ccircle cx='113.8' cy='9.3' r='0.6' fill='%238E7A2A' opacity='0.6'/%3E%3Ccircle cx='82.9' cy='221.6' r='1.6' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='305.6' cy='116.7' r='1.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='62.9' cy='65.4' r='0.6' fill='%23F2E4B0' opacity='0.43'/%3E%3Ccircle cx='255.9' cy='27.1' r='0.7' fill='%23E3CC7E' opacity='0.67'/%3E%3Ccircle cx='153.0' cy='57.1' r='1.6' fill='%238E7A2A' opacity='0.21'/%3E%3Ccircle cx='148.2' cy='237.9' r='0.7' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='317.8' cy='8.8' r='3.0' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='195.7' cy='190.7' r='3.0' fill='%23F2E4B0' opacity='0.53'/%3E%3Ccircle cx='49.9' cy='175.5' r='0.6' fill='%23C9A227' opacity='0.17'/%3E%3Ccircle cx='168.5' cy='298.8' r='2.2' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='264.4' cy='67.5' r='1.2' fill='%23E3CC7E' opacity='0.28'/%3E%3Ccircle cx='244.4' cy='104.3' r='2.2' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='291.2' cy='113.2' r='3.0' fill='%238E7A2A' opacity='0.53'/%3E%3Ccircle cx='264.7' cy='281.0' r='0.9' fill='%23C9A227' opacity='0.46'/%3E%3Ccircle cx='279.3' cy='248.5' r='0.6' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='55.2' cy='151.5' r='0.7' fill='%23F2E4B0' opacity='0.47'/%3E%3Ccircle cx='218.3' cy='169.8' r='3.0' fill='%23C9A227' opacity='0.6'/%3E%3Ccircle cx='282.6' cy='18.2' r='1.0' fill='%23C9A227' opacity='0.32'/%3E%3Ccircle cx='162.5' cy='179.8' r='0.7' fill='%23E3CC7E' opacity='0.41'/%3E%3Ccircle cx='221.7' cy='144.8' r='3.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='223.7' cy='280.5' r='1.2' fill='%23E3CC7E' opacity='0.68'/%3E%3Ccircle cx='268.8' cy='43.9' r='0.7' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='23.2' cy='77.0' r='0.7' fill='%23F2E4B0' opacity='0.28'/%3E%3Ccircle cx='250.9' cy='287.0' r='0.9' fill='%23F2E4B0' opacity='0.69'/%3E%3Ccircle cx='45.8' cy='282.5' r='3.0' fill='%23C9A227' opacity='0.28'/%3E%3Ccircle cx='127.4' cy='155.9' r='1.0' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='318.1' cy='129.2' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='29.5' cy='117.1' r='1.6' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='225.0' cy='123.0' r='1.2' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='36.1' cy='293.9' r='1.0' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='26.9' cy='87.0' r='0.9' fill='%23E3CC7E' opacity='0.31'/%3E%3Ccircle cx='262.3' cy='271.9' r='1.2' fill='%238E7A2A' opacity='0.39'/%3E%3Ccircle cx='224.1' cy='28.6' r='0.6' fill='%23E3CC7E' opacity='0.61'/%3E%3Ccircle cx='136.1' cy='23.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='26.8' cy='274.0' r='0.7' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='145.2' cy='108.5' r='2.2' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='198.9' cy='13.8' r='1.0' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='83.8' cy='58.0' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='92.8' cy='160.0' r='0.9' fill='%23C9A227' opacity='0.31'/%3E%3Ccircle cx='318.2' cy='11.8' r='0.6' fill='%23E3CC7E' opacity='0.57'/%3E%3Ccircle cx='164.6' cy='78.6' r='3.0' fill='%238E7A2A' opacity='0.22'/%3E%3Ccircle cx='210.1' cy='174.7' r='2.2' fill='%23F2E4B0' opacity='0.7'/%3E%3Ccircle cx='220.1' cy='314.4' r='1.6' fill='%23E3CC7E' opacity='0.27'/%3E%3Ccircle cx='129.5' cy='111.2' r='0.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='22.6' cy='237.1' r='1.2' fill='%23C9A227' opacity='0.4'/%3E%3Ccircle cx='27.0' cy='269.2' r='1.2' fill='%23F2E4B0' opacity='0.5'/%3E%3Ccircle cx='14.5' cy='59.3' r='1.2' fill='%23F2E4B0' opacity='0.41'/%3E%3Ccircle cx='116.5' cy='105.3' r='1.6' fill='%23F2E4B0' opacity='0.3'/%3E%3Ccircle cx='69.7' cy='58.5' r='1.6' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='89.3' cy='209.9' r='1.0' fill='%23C9A227' opacity='0.44'/%3E%3Ccircle cx='29.1' cy='261.5' r='0.9' fill='%23C9A227' opacity='0.38'/%3E%3Ccircle cx='126.1' cy='95.9' r='1.0' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='210.4' cy='229.1' r='2.2' fill='%238E7A2A' opacity='0.59'/%3E%3Ccircle cx='47.8' cy='231.7' r='0.9' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='234.8' cy='259.9' r='0.9' fill='%23C9A227' opacity='0.67'/%3E%3Ccircle cx='264.5' cy='186.9' r='1.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='42.6' cy='115.4' r='0.7' fill='%238E7A2A' opacity='0.37'/%3E%3Ccircle cx='178.7' cy='200.9' r='1.0' fill='%23C9A227' opacity='0.43'/%3E%3Ccircle cx='146.2' cy='22.4' r='0.7' fill='%23C9A227' opacity='0.53'/%3E%3Ccircle cx='238.6' cy='151.6' r='0.7' fill='%23E3CC7E' opacity='0.63'/%3E%3Ccircle cx='233.4' cy='65.7' r='3.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='24.6' cy='291.3' r='1.2' fill='%23E3CC7E' opacity='0.59'/%3E%3Ccircle cx='24.8' cy='47.2' r='1.2' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='198.8' cy='42.7' r='3.0' fill='%23F2E4B0' opacity='0.19'/%3E%3Ccircle cx='311.2' cy='31.8' r='1.0' fill='%23F2E4B0' opacity='0.54'/%3E%3Ccircle cx='226.8' cy='91.4' r='3.0' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='317.9' cy='175.7' r='1.2' fill='%238E7A2A' opacity='0.71'/%3E%3Ccircle cx='5.6' cy='146.9' r='3.0' fill='%238E7A2A' opacity='0.72'/%3E%3Ccircle cx='67.1' cy='302.6' r='1.0' fill='%23C9A227' opacity='0.2'/%3E%3Ccircle cx='45.4' cy='167.7' r='1.6' fill='%23F2E4B0' opacity='0.23'/%3E%3Ccircle cx='283.8' cy='225.1' r='1.0' fill='%238E7A2A' opacity='0.44'/%3E%3Ccircle cx='126.1' cy='50.9' r='3.0' fill='%238E7A2A' opacity='0.54'/%3E%3Ccircle cx='96.6' cy='45.0' r='1.6' fill='%23C9A227' opacity='0.37'/%3E%3Ccircle cx='268.9' cy='0.6' r='1.6' fill='%23C9A227' opacity='0.63'/%3E%3Ccircle cx='300.8' cy='62.6' r='0.6' fill='%23F2E4B0' opacity='0.66'/%3E%3Ccircle cx='81.0' cy='20.8' r='2.2' fill='%23C9A227' opacity='0.72'/%3E%3Ccircle cx='115.4' cy='137.0' r='1.2' fill='%23F2E4B0' opacity='0.64'/%3E%3Ccircle cx='32.5' cy='267.1' r='1.2' fill='%23E3CC7E' opacity='0.52'/%3E%3Ccircle cx='79.8' cy='85.0' r='1.6' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='251.2' cy='136.9' r='0.6' fill='%238E7A2A' opacity='0.61'/%3E%3Ccircle cx='292.3' cy='301.0' r='1.0' fill='%23C9A227' opacity='0.56'/%3E%3Ccircle cx='298.7' cy='131.5' r='0.9' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='155.4' cy='291.8' r='0.9' fill='%238E7A2A' opacity='0.26'/%3E%3Ccircle cx='110.0' cy='95.3' r='1.2' fill='%23E3CC7E' opacity='0.39'/%3E%3Ccircle cx='96.3' cy='178.3' r='2.2' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='24.1' cy='160.2' r='3.0' fill='%238E7A2A' opacity='0.47'/%3E%3Ccircle cx='290.0' cy='318.9' r='3.0' fill='%23E3CC7E' opacity='0.4'/%3E%3Ccircle cx='78.1' cy='55.9' r='0.7' fill='%23F2E4B0' opacity='0.34'/%3E%3Ccircle cx='82.7' cy='182.3' r='0.6' fill='%238E7A2A' opacity='0.58'/%3E%3Ccircle cx='122.5' cy='238.7' r='1.0' fill='%23F2E4B0' opacity='0.37'/%3E%3Ccircle cx='240.7' cy='159.4' r='1.6' fill='%23E3CC7E' opacity='0.23'/%3E%3Ccircle cx='29.6' cy='287.0' r='2.2' fill='%238E7A2A' opacity='0.38'/%3E%3Ccircle cx='138.2' cy='99.8' r='0.6' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='227.0' cy='286.6' r='3.0' fill='%238E7A2A' opacity='0.7'/%3E%3Ccircle cx='0.1' cy='125.3' r='3.0' fill='%23E3CC7E' opacity='0.7'/%3E%3Ccircle cx='250.6' cy='71.6' r='0.9' fill='%23C9A227' opacity='0.45'/%3E%3Ccircle cx='301.3' cy='231.0' r='3.0' fill='%23C9A227' opacity='0.21'/%3E%3Ccircle cx='0.4' cy='40.2' r='0.6' fill='%23F2E4B0' opacity='0.52'/%3E%3Ccircle cx='308.0' cy='200.5' r='2.2' fill='%23C9A227' opacity='0.55'/%3E%3Ccircle cx='31.8' cy='96.1' r='1.0' fill='%23E3CC7E' opacity='0.38'/%3E%3Ccircle cx='253.0' cy='0.4' r='1.2' fill='%23F2E4B0' opacity='0.72'/%3E%3Ccircle cx='306.9' cy='206.3' r='1.0' fill='%23E3CC7E' opacity='0.43'/%3E%3Ccircle cx='175.0' cy='9.4' r='2.2' fill='%23F2E4B0' opacity='0.55'/%3E%3Ccircle cx='17.7' cy='62.1' r='2.2' fill='%23E3CC7E' opacity='0.21'/%3E%3Ccircle cx='213.6' cy='296.1' r='1.0' fill='%23F2E4B0' opacity='0.44'/%3E%3Ccircle cx='229.9' cy='115.9' r='2.2' fill='%23F2E4B0' opacity='0.27'/%3E%3Ccircle cx='236.5' cy='161.6' r='1.0' fill='%23E3CC7E' opacity='0.44'/%3E%3Ccircle cx='99.7' cy='262.4' r='1.0' fill='%23F2E4B0' opacity='0.42'/%3E%3Ccircle cx='243.4' cy='94.4' r='3.0' fill='%23E3CC7E' opacity='0.5'/%3E%3Ccircle cx='155.2' cy='291.3' r='0.6' fill='%23E3CC7E' opacity='0.69'/%3E%3Ccircle cx='295.0' cy='17.4' r='0.6' fill='%23E3CC7E' opacity='0.71'/%3E%3Ccircle cx='132.9' cy='227.2' r='0.9' fill='%23F2E4B0' opacity='0.38'/%3E%3Ccircle cx='234.5' cy='319.2' r='0.9' fill='%23E3CC7E' opacity='0.34'/%3E%3Ccircle cx='208.8' cy='167.9' r='3.0' fill='%238E7A2A' opacity='0.18'/%3E%3Ccircle cx='268.5' cy='315.2' r='3.0' fill='%23C9A227' opacity='0.25'/%3E%3Ccircle cx='25.0' cy='25.8' r='2.2' fill='%23C9A227' opacity='0.7'/%3E%3Ccircle cx='179.6' cy='242.8' r='2.2' fill='%23F2E4B0' opacity='0.36'/%3E%3Ccircle cx='263.0' cy='138.4' r='0.6' fill='%23E3CC7E' opacity='0.55'/%3E%3Ccircle cx='119.3' cy='294.2' r='1.0' fill='%238E7A2A' opacity='0.34'/%3E%3Ccircle cx='9.7' cy='131.5' r='2.2' fill='%23C9A227' opacity='0.18'/%3E%3Ccircle cx='148.5' cy='257.1' r='0.6' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='287.5' cy='108.5' r='1.2' fill='%23C9A227' opacity='0.35'/%3E%3Ccircle cx='83.9' cy='229.3' r='1.6' fill='%23F2E4B0' opacity='0.68'/%3E%3Ccircle cx='1.2' cy='241.8' r='0.7' fill='%23E3CC7E' opacity='0.17'/%3E%3Ccircle cx='34.3' cy='229.0' r='3.0' fill='%238E7A2A' opacity='0.69'/%3E%3Ccircle cx='252.7' cy='292.3' r='3.0' fill='%238E7A2A' opacity='0.23'/%3E%3Ccircle cx='58.5' cy='256.8' r='1.2' fill='%23E3CC7E' opacity='0.62'/%3E%3Ccircle cx='194.3' cy='104.9' r='1.6' fill='%23C9A227' opacity='0.42'/%3E%3Ccircle cx='163.8' cy='125.3' r='0.9' fill='%23C9A227' opacity='0.3'/%3E%3Ccircle cx='207.9' cy='154.1' r='1.6' fill='%238E7A2A' opacity='0.25'/%3E%3Ccircle cx='282.7' cy='316.1' r='1.2' fill='%23E3CC7E' opacity='0.51'/%3E%3Ccircle cx='30.9' cy='159.5' r='3.0' fill='%23E3CC7E' opacity='0.26'/%3E%3Ccircle cx='133.4' cy='198.5' r='1.0' fill='%23C9A227' opacity='0.58'/%3E%3C/svg%3E");
  background-size: 320px 320px;
}

/* Fußzeile: tiefer Blauton wie der untere Bildrand */
.fuss { background: var(--grafit-tief); }

/* Karten und Formular heben sich vom Cremegrund ab */
.werk, .schnellzugriff a, .formular, .hinweisbox {
  background: #fff;
}

@media print {
  .kopf, .serviceleiste, .nachladen,
  .anfrageleiste, .schnellzugriff { display: none; }
}