/* stil.css · White Timber Cottage · Caroline
   Konzept, Design und Programmierung: Eric Egger · www.ericegger.de
   Von Hand geschrieben: reines CSS, ohne Framework, ohne Präprozessor, ohne Vorlage.
   Schrift: Arimo (SIL Open Font License 1.1), lokal eingebunden,
   keine Verbindung zu fremden Servern. */
/*    Einzige Quelle für Farben, Abstände, Radien, Schatten, Zeiten und Ebenen. */
:root {
  color-scheme: only light;

  /* Farbe: Carolines „WTC Design Manual“ (04.10.2026). Seit 10.10.2026 ihr Wunsch „alles ohne Blau“:
     Text und Überschriften Dunkelgrün, Buttons Schwarz, Akzente und Nähte nur in Salbei, Lime und Rose. */
  --weiss: #FFFFFF;
  --wtc-sage: #738C50;
  --wtc-lime: #B4BE6E;
  --wtc-rose: #F091D7;
  --wtc-dunkelgruen: #323C1E;
  --wtc-weiss: #F0F0F0;
  --salbei-tief: var(--wtc-dunkelgruen); /* Schrift auf Salbei hell: Dark Green (seit 10.10.2026 nur CD-Farben) */
  --salbei-hell: #DCE4D0;
  --salbei-hauch: #EEF2E7;
  --lime-hell: #E6EACB;
  --lime-hauch: #F4F6E8;
  --rose-hell: #FBE3F5;
  --rose-hauch: #FDF1FA;
  --schwarz: #1A1A1A;                    /* Buttons (Carolines Wunsch: „gern schwarz“), Weiß darauf 17,4 : 1 */
  --naht-schwarz: #1A1A1A;               /* Nähte im Fuß und dünne Ränder der Sechsecke (Carolines Wunsch vom 12.10.2026: „schwarz oder weiß“) */
  --naht-weiss: #FFFFFF;
  /* Sechseck in Salbei mit dünnem schwarzem Rand (Carolines Wunsch vom 12.10.2026), als Bild für Etikett und Zeitleiste */
  --hexie-salbei: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 23'%3E%3Cpath d='M10 .7 19.3 6.05v10.9L10 22.3.7 16.95V6.05z' fill='%23738C50' stroke='%231A1A1A' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
  --kalk: var(--wtc-weiss);              /* WTC-White für die abgesetzten Abschnitte */
  --karte: #F4F5EF;                      /* Weiß mit einem Hauch Salbei */
  --tinte: var(--wtc-dunkelgruen);       /* 11,7 : 1 auf Weiß, 10,2 : 1 auf WTC-White */
  --tinte-leise: #5B6450;                /* 6,2 : 1 auf Weiß, 5,4 : 1 auf WTC-White */
  --linie: #DCDED6;
  --linie-kraeftig: #BFC3B5;
  --fuss: #ECECEA;                       /* Fuß hellgrau (Carolines Wunsch: „weiß oder hellgrau, erstmal alle Farben raus“) */
  --fuss-himmel: var(--weiss);
  --fuss-text: var(--wtc-dunkelgruen);
  --etikett: var(--wtc-weiss);           /* weißes Leinen, falls das Foto nicht lädt; auch Fläche „Gut zu wissen“ (seit 11.10.2026 WTC-White statt Beige) */
  --nacht: #26301A;
  --nacht-tief: #1C2413;
  --nacht-text: #EEF0E8;
  --nacht-leise: #B9C0AA;
  --nacht-linie: #3A4628;
  --fokus: var(--wtc-dunkelgruen);
  --schatten-farbe: 38 44 26;
  --licht-farbe: 255 255 255;            /* für Schleier und Lichtkanten mit Deckkraft */
  /* Gerät im Instagram-Ausschnitt: Farben der Vorlage, bewusst neutral */
  --geraet-rahmen-hell: #2B2B2B;
  --geraet-rahmen-dunkel: #111111;
  --geraet-knopf: #2B2B2B;
  --geraet-tinte: #121212;
  --geraet-grau: #737373;
  --geraet-linie: #D9D9D9;
  --geraet-weiss: #FFFFFF;
  --insta-knopf: var(--schwarz);   /* „Folgen“ im Instagram-Ausschnitt: schwarz statt Instagram-Blau (Carolines Wunsch, 10.10.2026) */
  --insta-knopf-tief: var(--wtc-dunkelgruen);
  /* Kanalfarben im Social-Media-Telefon (Umschalter und Schirme). Rot und Lila tragen weiße Schrift mit mindestens 4,5 : 1. */
  --yt-rot-marke: #FF0000;   /* Markenzeichen */
  --yt-rot: #E00000;         /* Fläche hinter weißer Schrift, 5,0 : 1 */
  --yt-tinte: #0F0F0F;
  --yt-grau: #606060;
  --yt-flaeche: #F2F2F2;
  --yt-flaeche-tief: #272727;
  --yt-linie: #E5E5E5;

  /* Rollen */
  --grund: var(--weiss);
  --flaeche: var(--kalk);
  --text: var(--tinte);
  --text-leise: var(--tinte-leise);
  --akzent: var(--wtc-dunkelgruen);     /* Links und aktive Punkte */
  --akzent-dunkel: #1E2512;
  --knopf: var(--schwarz);
  --knopf-hover: var(--wtc-dunkelgruen);
  --hauch: var(--salbei-hauch);          /* Fläche beim Zeigen und Auswählen */
  --faden: var(--wtc-rose);              /* Nähte, Striche, Hexagon-Zeichen */
  --faden-text: var(--wtc-dunkelgruen);  /* Akzent als Schrift, Zahl oder Bedienelement: Dark Green (Rose ist als Schrift zu hell; Carolines Wunsch vom 09.10.2026: nur CD-Farben) */
  --faden-text-tief: #1E2512;
  --unterschrift: var(--wtc-sage);       /* „Caroline“ als Gruß, fett: 3,8 : 1 auf Weiß (große Schrift) */
  --zier-salbei: var(--wtc-sage);
  --zier-lime: var(--wtc-lime);

  /* Schrift */
  /* Schrift: Arimo, metrisch gleich Arial (Carolines Wunsch: Tahoma oder Arial oder sehr nahe dran), lokal eingebunden */
  --schrift-anzeige: "Arimo", Arial, Helvetica, sans-serif;
  --schrift-text: "Arimo", Arial, Helvetica, sans-serif;
  /* Seit 10.10.2026 kleiner (Carolines Wunsch: „Die Schrift ist zu groß“) */
  --gr-klein: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
  --gr-text: clamp(1rem, 0.97rem + 0.12vw, 1.0625rem);
  --gr-gross: clamp(1.0625rem, 1.01rem + 0.25vw, 1.25rem);
  --gr-h4: clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem);
  --gr-h3: clamp(1.25rem, 1.15rem + 0.45vw, 1.5625rem);
  --gr-h2: clamp(1.75rem, 1.42rem + 1.45vw, 2.625rem);
  --gr-h1: clamp(2.125rem, 1.6rem + 2.5vw, 3.75rem);
  --gr-held: clamp(2.375rem, 1.6rem + 3.6vw, 4.75rem);
  --zh-text: 1.6;
  --zh-titel: 1.1;
  --zh-zwischen: 1.22;
  --sperrung-titel: -0.012em;
  --zeile: 66ch;

  /* Abstandsleiter (fließend) */
  --raum-1: 0.25rem;
  --raum-2: 0.5rem;
  --raum-3: 0.75rem;
  --raum-4: 1rem;
  --raum-5: 1.5rem;
  --raum-6: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  --raum-7: clamp(2.5rem, 2rem + 2vw, 4rem);
  --raum-8: clamp(3.5rem, 2.6rem + 3.6vw, 6rem);
  --raum-9: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --raum-10: clamp(5.5rem, 3.4rem + 8.4vw, 11.5rem);
  --rand: clamp(1.25rem, 4vw, 4.5rem);
  --sektion: clamp(3.5rem, 2.4rem + 4vw, 6.5rem);   /* seit 12.10.2026 kompakter (Carolines Wunsch): 96 px am Rechner, 56 px am Telefon (vorher bis 184 px) */
  --panorama-h: clamp(11rem, 7rem + 11vw, 18rem);   /* Höhe der Panorama-Zeichnung oben im Fuß (panorama.py, 250 Einheiten hoch) */

  /* Bahnen des Rasters */
  --bahn-eng: 42rem;
  --bahn-normal: 72rem;
  --bahn-weit: 88rem;

  /* Form */
  --radius-klein: 0.5rem;
  --radius-mittel: 0.875rem;
  --radius-gross: 1.5rem;
  --radius-voll: 999px;
  --schatten-1: 0 1px 2px rgb(var(--schatten-farbe) / 0.06), 0 2px 8px rgb(var(--schatten-farbe) / 0.05);
  --schatten-2: 0 2px 6px rgb(var(--schatten-farbe) / 0.07), 0 14px 34px rgb(var(--schatten-farbe) / 0.09);
  --schatten-3: 0 4px 10px rgb(var(--schatten-farbe) / 0.08), 0 28px 60px rgb(var(--schatten-farbe) / 0.14);

  /* Bewegung */
  --zeit-1: 180ms;
  --zeit-2: 320ms;
  --zeit-3: 600ms;
  --zeit-4: 1100ms;
  --zeit-eck: 650ms;
  --kurve-sym: cubic-bezier(.65, 0, .35, 1);
  --kurve-aus: cubic-bezier(.22, 1, .36, 1);

  /* Ebenen */
  --z-inhalt: 2;
  --z-band: 0;
  --z-kopf: 50;
  --z-panel: 55;
  --z-dock: 60;
  --z-consent: 70;
  --z-menue: 90;
  --z-sprung: 100;

  /* Maße */
  --kopf-h: 4.75rem;
  --tipp: 2.75rem;
  --eck-groesse: 3.25rem;
  --eck-abstand: 1.25rem;
  --band-h: clamp(340px, 46vh, 520px);
  --band-gross-h: 86svh;
}
/* Sehr schmale Telefone (unter 360 px): Überschriften etwas kleiner, damit lange deutsche Wörter nicht allein in der letzten Zeile stehen */
@media (max-width: 22.4rem) { :root { --gr-h1: 1.9375rem; --gr-h2: 1.5625rem; --gr-h3: 1.1875rem; } }

@media (max-width: 40rem) {
  :root { --eck-abstand: 1rem; --kopf-h: 4rem; --eck-groesse: 3rem; }
}

/*    Grundlagen: Schriften, Zurücksetzen, Typografie, Raster, Hilfsklassen. */

/* Arimo (metrisch gleich Arial): eine Schrift für Überschriften und Text, Latein und erweitertes Latein getrennt */
@font-face { font-family: "Arimo"; src: url("data:font/woff2;base64,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") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190-2199, U+2212, U+2215, U+202F; }
@font-face { font-family: "Arimo"; src: url("../fonts/arimo-erweitert.woff2?v=dc3399f5") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

*, *::before, *::after { box-sizing: border-box; }
/* hidden gilt immer, auch für Elemente mit eigener display-Angabe (Buttons, Textlinks) */
[hidden], .button[hidden], .textlink[hidden], .wahl[hidden], .formular__bezug[hidden], .status[hidden] { display: none; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color-scheme: only light; overflow-x: clip; }
body {
  margin: 0; background: var(--grund); color: var(--text);
  font-family: var(--schrift-text); font-size: var(--gr-text); line-height: var(--zh-text);
  font-kerning: normal; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
  font-variant-numeric: lining-nums;
}
img, svg, video, canvas, picture { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--akzent); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { color: var(--akzent-dunkel); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus { outline: none; }
:focus-visible { outline: 3px solid var(--fokus); outline-offset: 3px; border-radius: var(--radius-klein); }
::selection { background: var(--rose-hell); color: var(--tinte); }

h1, h2, h3, h4 { font-family: var(--schrift-anzeige); font-weight: 560; line-height: var(--zh-titel); letter-spacing: var(--sperrung-titel); margin: 0; text-wrap: balance; color: var(--tinte); overflow-wrap: break-word; hyphens: manual; }
h1 { font-size: var(--gr-h1); }
h2 { font-size: var(--gr-h2); }
h3 { font-size: var(--gr-h3); line-height: var(--zh-zwischen); letter-spacing: -0.012em; font-weight: 600; }
h4 { font-size: var(--gr-h4); line-height: var(--zh-zwischen); letter-spacing: -0.006em; font-weight: 640; }
p { margin: 0; text-wrap: pretty; }
.zusammen { white-space: nowrap; }
@media (min-width: 30rem) { .zusammen-ab-mittel { white-space: nowrap; } }
p + p { margin-top: var(--raum-4); }
strong { font-weight: 700; }
ul, ol { margin: 0; padding: 0; }
blockquote { margin: 0; }
hr { border: 0; }

.sprung { position: absolute; left: var(--raum-4); top: -10rem; z-index: var(--z-sprung); background: var(--tinte); color: var(--weiss); padding: var(--raum-3) var(--raum-5); border-radius: var(--radius-voll); text-decoration: none; font-weight: 700; }
.sprung:focus { top: var(--raum-4); }
/* Sonde für takt.js: so breit wie das Fenster und 100svh hoch, unsichtbar; ihre Größe zeigt echte Größenänderungen an */
.takt-sonde { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; height: 100svh; visibility: hidden; pointer-events: none; z-index: -1; }
.nur-vorlesen { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Raster und Bahnen */
.bahn { width: 100%; max-width: calc(var(--bahn-normal) + 2 * var(--rand)); margin-inline: auto; padding-inline: var(--rand); }
.bahn--eng { max-width: calc(var(--bahn-eng) + 2 * var(--rand)); }
.bahn--weit { max-width: calc(var(--bahn-weit) + 2 * var(--rand)); }
.bahn--voll { max-width: none; padding-inline: 0; }
.sektion { padding-block: var(--sektion); position: relative; }
.sektion > *, .seitenkopf > *, .recht__kopf > *, .ergebnis > * { position: relative; z-index: var(--z-inhalt); }
main:focus, main:focus-visible { outline: none; }
.sektion--kalk { background: var(--kalk); }
.sektion--nacht { background: var(--nacht); color: var(--nacht-text); }
.sektion:not(.sektion--kalk):not(.sektion--nacht) + .sektion:not(.sektion--kalk):not(.sektion--nacht) { padding-top: 0; }
.sektion--kalk + .sektion--kalk { padding-top: 0; }

/* Text-Bausteine */
.kennzeile { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-leise); margin: 0 0 var(--raum-4); display: flex; align-items: center; gap: var(--raum-3); }
.kennzeile::before { content: ""; width: 1.6em; height: 0.18em; border-radius: 1px; background: var(--faden); flex: none; }
.vorspann { font-size: var(--gr-gross); line-height: 1.55; color: var(--text); max-width: 46ch; }
.leise { color: var(--text-leise); }
.fliess { max-width: var(--zeile); }
.fliess > * + * { margin-top: var(--raum-4); }
.fliess h2, .fliess h3 { margin-top: var(--raum-7); }
.fliess h2 + *, .fliess h3 + * { margin-top: var(--raum-4); }
.titelblock > * + * { margin-top: var(--raum-5); }
.titelblock h2 + p, .titelblock h1 + p { margin-top: var(--raum-5); }

/* Listen mit Hexagon */
.liste { list-style: none; display: grid; gap: var(--raum-3); }
.liste li { position: relative; padding-left: 1.7em; }
.liste li::before { content: ""; position: absolute; left: 0.1em; top: 0.42em; width: 0.78em; height: 0.9em; background: var(--zier-salbei); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); opacity: 0.9; }
.sektion--nacht .liste li::before { background: var(--zier-lime); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
}

/*    Buttons, Links, Karten, Zitate, Stichlinie, Formulare, Fragen, Bilder, KI-Marke, Eckbuttons, Hinweiskarte. */

/* Buttons */
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.6em;
  min-height: 3rem; padding: 0 1.6em; border: 0; border-radius: var(--radius-voll);
  background: var(--knopf); color: var(--weiss);
  font-family: var(--schrift-anzeige); font-size: 1.0625rem; font-weight: 600; letter-spacing: 0.005em; line-height: 1.1;
  text-decoration: none; cursor: pointer; white-space: nowrap; max-width: 100%;
  box-shadow: var(--schatten-1);
  transition: background-color var(--zeit-1) var(--kurve-sym), transform var(--zeit-1) var(--kurve-sym), box-shadow var(--zeit-2) var(--kurve-sym);
}
.button:hover { background: var(--knopf-hover); color: var(--weiss); transform: translateY(-1px); box-shadow: var(--schatten-2); }
/* Schmale Telefone: lange Buttontexte dürfen umbrechen, statt über den Rand zu laufen */
@media (max-width: 29.99rem) { .button { white-space: normal; text-align: center; text-wrap: balance; padding-block: 0.7em; } }
.button:active { transform: translateY(0); box-shadow: var(--schatten-1); }
.button[disabled], .button[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }
.button svg { width: 1.15em; height: 1.15em; flex: none; }
/* Instagram-Zeichen außerhalb des Fußes: beim Zeigen blendet der Instagram-Verlauf ein (#wtc-ig im Fuß jeder Seite) */
.netz-verlauf { position: absolute; width: 0; height: 0; overflow: hidden; }
.netz__farbe { fill: url(#wtc-ig); opacity: 0; transition: opacity var(--zeit-2) var(--kurve-sym); }
a:hover > .netz--instagram .netz__farbe, a:focus-visible > .netz--instagram .netz__farbe { opacity: 1; }
/* Auf sehr schmalen Schirmen dürfen lange Beschriftungen umbrechen, statt die Seite zu verbreitern */
@media (max-width: 23.5rem) { .button { white-space: normal; text-align: center; padding-block: 0.7em; } }
.button--neben { background: transparent; color: var(--knopf); box-shadow: inset 0 0 0 1.5px var(--knopf); }
.button--neben:hover { background: var(--hauch); color: var(--knopf-hover); box-shadow: inset 0 0 0 1.5px var(--knopf-hover); }
.button--hell { background: var(--weiss); color: var(--tinte); }
.button--hell:hover { background: var(--hauch); color: var(--tinte); }
.button--klein { min-height: 2.75rem; padding: 0 1.25em; font-size: 1rem; }
.buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--raum-4) var(--raum-5); margin-top: var(--raum-6); }

/* Textlink (seit 12.10.2026 überall gleich, Carolines Frage nach „etwas, das immer gleich ist zum Draufklicken“):
   immer unterstrichen, dazu ein Pfeil; führt der Link auf eine andere Website (neuer Tab), zeigt der Pfeil schräg nach oben.
   Buttons sind Pillen. So ist jeder Link auf den ersten Blick ein Link. */
.textlink {
  display: inline-flex; align-items: center; gap: 0.45em; color: var(--akzent); font-weight: 650;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.3em; text-decoration-color: currentColor;
  transition: color var(--zeit-1) var(--kurve-sym), text-decoration-color var(--zeit-1) var(--kurve-sym);
}
.textlink:hover { color: var(--akzent-dunkel); text-decoration-thickness: 3px; }
.textlink::after { content: ""; width: 0.9em; height: 0.9em; flex: none; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--zeit-2) var(--kurve-aus); }
.textlink:hover::after { transform: translateX(0.2em); }
.textlink[target="_blank"]::after { mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.textlink[target="_blank"]:hover::after { transform: translate(0.12em, -0.12em); }
a.textlink[href^="mailto:"] { overflow-wrap: break-word; min-width: 0; }
button.textlink { border: 0; background-color: transparent; padding: 0; font: inherit; font-weight: 650; cursor: pointer; }
.schritt__merken::after { display: none; }
.schritt__merken[aria-pressed="true"] { color: var(--tinte-leise); }
.fliess a:not(.button):not(.textlink) { color: var(--akzent); font-weight: 650; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
.fliess a:not(.button):not(.textlink):hover { text-decoration-thickness: 3px; }
/* Dasselbe Zeichen für alle übrigen Links im Inhalt (12.10.2026, Carolines Frage nach „etwas, das immer gleich ist zum Draufklicken“):
   unterstrichen und kräftig, Links auf andere Websites mit ↗. Ausgenommen sind Navigationen (Krumen, „Auf dieser Seite“) und die Karte.
   Mit :where() ohne Gewicht, damit eigene Gestaltungen (Leine, Kontaktwege, Ortsliste, „Gemeinsam nähen“) Vorrang behalten. */
main :where(a:not([class]):not(nav a):not(svg a)) { color: var(--akzent); font-weight: 650; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
main :where(a:not([class]):not(nav a):not(svg a)):hover { color: var(--akzent-dunkel); text-decoration-thickness: 3px; }
main :where(a:not([class]):not(nav a):not(svg a))[target="_blank"]::after, .fliess a:not(.button):not(.textlink)[target="_blank"]::after {
  content: ""; display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.2em; vertical-align: -0.03em;
  background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; }

/* Stichlinie statt grauer Trennlinie */
.stichlinie { display: block; height: 0.6rem; width: min(100%, 15rem); margin: var(--raum-7) 0; background: url("../img/faden/stichreihe.png?v=b8ab42f4") repeat-x 0 50% / auto 0.6rem; }
.stichlinie--mitte { margin-inline: auto; }

/* Karten */
.karten { display: grid; gap: var(--raum-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
.karte {
  position: relative; display: flex; flex-direction: column; gap: var(--raum-4);
  padding: var(--raum-6); border-radius: var(--radius-mittel); background: var(--karte); color: var(--text);
}
.sektion--kalk .karte { background: var(--weiss); box-shadow: var(--schatten-1); }
.karte > .button, .karte > .textlink, .karte > .karte__fuss { margin-top: auto; align-self: flex-start; }
.karte__fuss { padding-top: var(--raum-3); }
p.karte__fuss { display: flex; flex-wrap: wrap; align-items: center; gap: var(--raum-3) var(--raum-4); }
.karte > .status { align-self: flex-start; margin-top: auto; }
.karte > .status + .karte__fuss { margin-top: 0; padding-top: 0; }
.karte h3 { font-size: var(--gr-h3); }
.karte p { color: var(--text); }
.karte__marke { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-leise); }
.karte--link { transition: transform var(--zeit-2) var(--kurve-aus), box-shadow var(--zeit-2) var(--kurve-aus); }
.karte--link:hover { transform: translateY(-2px); box-shadow: var(--schatten-2); }
.karte__ganz::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.karte__ganz { text-decoration: none; color: inherit; }
.karte__ganz:hover { color: inherit; }

/* Zitat in Carolines Worten */
/* Zitat: Anführungszeichen in der Farbe der Schrift (seit 12.10.2026); links eine kurze Stichlinie */
.zitat { position: relative; max-width: 40rem; padding-left: var(--raum-6); }
.zitat::before { content: ""; position: absolute; left: 0; top: 0.35em; bottom: 0.35em; width: 0.22rem; border-radius: 1px; background: repeating-linear-gradient(180deg, var(--faden) 0 0.9rem, transparent 0.9rem 1.45rem); }
.zitat p::before { content: "„"; }
.zitat p::after { content: "“"; }
:lang(en) .zitat p::before { content: "“"; }
:lang(en) .zitat p::after { content: "”"; }
.zitat p { font-family: var(--schrift-anzeige); font-size: var(--gr-h3); line-height: 1.32; font-weight: 480; letter-spacing: -0.012em; color: var(--tinte); text-wrap: balance; }
.zitat footer { margin-top: var(--raum-4); font-size: var(--gr-klein); color: var(--text-leise); }
.zitat--gross p { font-size: var(--gr-h2); line-height: 1.18; }

/* Bilder */
.bild { position: relative; margin: 0; }
.bild img, .bild picture { width: 100%; height: 100%; }
.bild img { object-fit: cover; border-radius: var(--radius-gross); background: var(--karte); }
.bild figcaption { margin-top: var(--raum-3); font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.5; }
.bild--rahmen img { border: 0.55rem solid var(--weiss); border-radius: var(--radius-klein); box-shadow: var(--schatten-2); }
.bild--quer img { aspect-ratio: 4 / 3; }
.bild--hoch img { aspect-ratio: 4 / 5; }
.bild--quadrat img { aspect-ratio: 1; }
.bild--frei img { aspect-ratio: auto; height: auto; }

/* KI-Marke: Kapsel „(i) KI“, öffnet das gemeinsame Hinweisfenster */
.ki-marke {
  position: absolute; z-index: 3; right: 0.875rem; top: 0.875rem;
  display: inline-flex; align-items: center; gap: 0.3rem; height: 1.625rem; padding: 0 0.55rem 0 0.32rem;
  border-radius: var(--radius-voll); background: rgb(var(--licht-farbe) / 0.86); color: var(--tinte);
  font-family: var(--schrift-text); font-size: 0.71875rem; font-weight: 750; letter-spacing: 0.04em; line-height: 1; text-decoration: none;
  box-shadow: 0 1px 2px rgb(var(--schatten-farbe) / 0.18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.ki-marke::before { content: "i"; display: grid; place-items: center; width: 1.05rem; height: 1.05rem; border-radius: 50%; border: 1.4px solid currentColor; font-size: 0.6875rem; font-weight: 800; font-style: normal; }
.ki-marke::after { content: ""; position: absolute; inset: -0.6rem; }
.ki-marke:hover, .ki-marke[aria-expanded="true"] { background: var(--weiss); color: var(--tinte); }
.ki-marke--unten { top: auto; bottom: 0.875rem; }
.ki-fenster {
  position: fixed; inset: auto; margin: 0; max-width: min(20rem, calc(100vw - 2rem)); padding: var(--raum-4) var(--raum-5);
  border: 0; border-radius: var(--radius-mittel); background: var(--weiss); color: var(--text); box-shadow: var(--schatten-3);
  font-size: var(--gr-klein); line-height: 1.55; opacity: 0; transform: translateY(4px);
  transition: opacity var(--zeit-2) var(--kurve-sym), transform var(--zeit-2) var(--kurve-sym), display var(--zeit-2) allow-discrete, overlay var(--zeit-2) allow-discrete;
}
.ki-fenster:popover-open { opacity: 1; transform: none; }
@starting-style { .ki-fenster:popover-open { opacity: 0; transform: translateY(4px); } }
/* Browser ohne Popover: das Fenster folgt der Klasse, die ki.js setzt */
@supports not selector(:popover-open) { .ki-fenster { display: none; position: fixed; z-index: var(--z-consent); } .ki-fenster.ist-offen { display: block; opacity: 1; transform: none; } }
.ki-fenster strong { display: block; font-family: var(--schrift-anzeige); font-size: 1rem; color: var(--tinte); margin-bottom: var(--raum-1); }
.ki-fenster a { color: var(--akzent); }
.ki-fenster__zusatz { display: block; margin-bottom: var(--raum-2); font-weight: 600; color: var(--tinte); }
.ki-fenster__zusatz[hidden] { display: none; }

/* Eckbuttons: zwei Stoff-Hexagons mit Heftstich (Cookie-Einstellungen links, nach oben rechts) */
.eck {
  position: fixed; z-index: var(--z-dock); bottom: max(var(--eck-abstand), env(safe-area-inset-bottom));
  width: var(--eck-groesse); height: calc(var(--eck-groesse) * 1.1547); padding: 0; border: 0; background: none; cursor: pointer; color: var(--weiss);
  opacity: 0; transform: translate3d(0, 0.9rem, 0) scale(0.92); visibility: hidden;
  transition: opacity var(--zeit-eck) var(--kurve-sym), transform var(--zeit-eck) var(--kurve-sym), visibility 0s linear var(--zeit-eck);
}
.eck--links { left: max(var(--eck-abstand), env(safe-area-inset-left)); }
.eck--rechts { right: max(var(--eck-abstand), env(safe-area-inset-right)); }
.eck.ist-da { opacity: 1; transform: none; visibility: visible; transition: opacity var(--zeit-eck) var(--kurve-sym), transform var(--zeit-eck) var(--kurve-sym), visibility 0s; }
.eck__stoff { position: absolute; inset: 0; width: 100%; height: 100%; filter: drop-shadow(0 2px 2px rgb(var(--schatten-farbe) / 0.22)) drop-shadow(0 8px 14px rgb(var(--schatten-farbe) / 0.16)); transition: transform var(--zeit-2) var(--kurve-aus); }
.eck__zeichen { position: relative; width: 44%; height: auto; margin: auto; display: block; }
.eck:hover .eck__stoff { transform: translateY(-2px) rotate(-4deg); }
.eck:active .eck__stoff { transform: none; }
.eck__name {
  position: absolute; bottom: 50%; translate: 0 50%; white-space: nowrap; pointer-events: none;
  padding: 0.4rem 0.75rem; border-radius: var(--radius-voll); background: var(--tinte); color: var(--weiss);
  font-size: 0.8125rem; font-weight: 650; opacity: 0; transition: opacity var(--zeit-1) var(--kurve-sym), transform var(--zeit-2) var(--kurve-aus);
}
.eck--links .eck__name { left: calc(100% + 0.6rem); transform: translateX(-4px); }
.eck--rechts .eck__name { right: calc(100% + 0.6rem); transform: translateX(4px); }
.eck:hover .eck__name, .eck:focus-visible .eck__name { opacity: 1; transform: none; }
.eck:focus-visible { outline-offset: 4px; border-radius: 30%; }
.eck__ring { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
/* Heftstich in Rose (Carolines Wunsch: „Nähte bitte immer salbei, lime oder rose“), Zeichen weiß */
.eck__ring path { fill: none; stroke: var(--wtc-rose); stroke-width: 1.6; stroke-dasharray: 3.2 3.6; stroke-linecap: round; }
.eck__ring .eck__fortschritt { stroke: var(--wtc-rose); stroke-dasharray: none; stroke-width: 2.2; }
html:not(.js) .eck { display: none; }

/* Hinweiskarte (keine Cookies, nichts von fremden Servern): erscheint beim ersten Besuch gleich beim Betreten.
   Rechner: Karte unten rechts (dort liegen im Hero und in den Seitenköpfen Bilder, links stehen Text und Buttons).
   Telefon: breite Karte am unteren Rand mit großer Schrift und großem Button. */
.hinweis {
  position: fixed; z-index: var(--z-consent); right: max(var(--eck-abstand), env(safe-area-inset-right)); bottom: max(var(--eck-abstand), env(safe-area-inset-bottom));
  width: min(26rem, calc(100vw - 2 * var(--eck-abstand))); padding: var(--raum-6) var(--raum-6) var(--raum-5);
  border-radius: var(--radius-gross); background: var(--weiss); color: var(--text); box-shadow: var(--schatten-3), 0 0 0 1px rgb(var(--schatten-farbe) / 0.04);
  opacity: 0; transform: translate3d(0, 1.25rem, 0); visibility: hidden;
  transition: opacity var(--zeit-3) var(--kurve-sym), transform var(--zeit-3) var(--kurve-sym), visibility 0s linear var(--zeit-3);
}
/* Naht: eine gesteppte Linie knapp innerhalb der Kante, wie bei einem Quiltrand */
.hinweis::after { content: ""; position: absolute; inset: 0.5rem; border: 1.5px dashed var(--wtc-rose); border-radius: calc(var(--radius-gross) - 0.5rem); pointer-events: none; }
.hinweis.ist-offen { opacity: 1; transform: none; visibility: visible; transition: opacity var(--zeit-3) var(--kurve-sym), transform var(--zeit-3) var(--kurve-sym), visibility 0s; }
.hinweis h2 { font-size: 1.3125rem; line-height: 1.25; letter-spacing: -0.01em; display: flex; align-items: center; gap: 0.6rem; }
.hinweis h2::before { content: ""; width: 1.1rem; height: 1.27rem; flex: none; background: var(--faden); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.hinweis p { margin-top: var(--raum-3); font-size: 1rem; line-height: 1.6; color: var(--text-leise); }
.hinweis .buttons { position: relative; z-index: 1; margin-top: var(--raum-5); gap: var(--raum-3) var(--raum-5); }
@media (max-width: 47.99rem) {
  .hinweis {
    left: max(0.625rem, env(safe-area-inset-left)); right: max(0.625rem, env(safe-area-inset-right)); bottom: max(0.625rem, env(safe-area-inset-bottom));
    width: auto; padding: 1.75rem 1.5rem 1.375rem; border-radius: 1.75rem; transform: translate3d(0, 2.5rem, 0);
  }
  .hinweis::after { border-radius: 1.25rem; }
  .hinweis h2 { font-size: 1.4375rem; }
  .hinweis p { font-size: 1.0625rem; }
  .hinweis .buttons { flex-direction: column; align-items: stretch; gap: 0.875rem; text-align: center; }
  .hinweis .buttons .button { width: 100%; min-height: 3.375rem; font-size: 1.125rem; }
  .hinweis .buttons .textlink { align-self: center; padding: 0.25rem 0.5rem; }
}
/* Kleine, niedrige Telefone: gleiche Karte, etwas dichter, damit vom Seitenanfang genug sichtbar bleibt */
@media (max-width: 47.99rem) and (max-height: 42rem) {
  .hinweis { padding: 1.25rem 1.25rem 1rem; }
  .hinweis h2 { font-size: 1.25rem; }
  .hinweis p { margin-top: var(--raum-2); font-size: 0.9375rem; line-height: 1.5; }
  .hinweis .buttons { margin-top: var(--raum-4); gap: 0.5rem; }
  .hinweis .buttons .button { min-height: 3rem; font-size: 1.0625rem; }
}
html:not(.js) .hinweis { display: none; }

/* Häufige Fragen */
.fragen { display: grid; gap: 0; border-top: 1px solid var(--linie); max-width: var(--bahn-eng); }
.frage { border-bottom: 1px solid var(--linie); }
.frage summary {
  list-style: none; cursor: pointer; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--raum-5);
  padding: var(--raum-5) 0; font-family: var(--schrift-anzeige); font-size: var(--gr-h4); font-weight: 600; line-height: 1.3; color: var(--tinte);
}
.frage summary::-webkit-details-marker { display: none; }
.frage summary::after {
  content: ""; flex: none; width: 1.5rem; height: 1.5rem; margin-top: 0.1rem; background: var(--akzent);
  mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M12 5v14M5 12h14%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--zeit-2) var(--kurve-aus);
}
.frage[open] summary::after { transform: rotate(45deg); }
.frage summary:hover { color: var(--akzent-dunkel); }
.frage__antwort { padding: 0 0 var(--raum-6); max-width: var(--zeile); }
.frage__antwort > * + * { margin-top: var(--raum-4); }

/* Formulare */
.formular { display: grid; gap: var(--raum-5); max-width: 38rem; }
.formular__reihe { display: grid; gap: var(--raum-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); align-items: start; }
.feld { display: grid; gap: var(--raum-2); }
.feld > label, .feld > legend, .feld__name { font-weight: 700; font-size: 1rem; color: var(--tinte); padding: 0; }
.feld__frei { font-weight: 400; color: var(--text-leise); }
.feld__hilfe { font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.5; }
.rueckweg, .masse { border: 0; margin: 0; padding: 0; min-width: 0; }
.rueckweg > legend, .masse > legend { margin-bottom: var(--raum-1); }
.rueckweg .formular__reihe, .masse .formular__reihe { margin-top: var(--raum-3); }
.rueckweg .feld > label, .masse .feld > label { font-weight: 600; font-size: var(--gr-klein); color: var(--text-leise); }
.feld input:not([type="checkbox"]):not([type="radio"]), .feld select, .feld textarea {
  width: 100%; min-height: 3.125rem; padding: 0.75rem 0.95rem; border: 1.5px solid var(--linie-kraeftig); border-radius: var(--radius-klein);
  background: var(--weiss); color: var(--tinte); font-size: max(1rem, 16px); line-height: 1.4;
  transition: border-color var(--zeit-1) var(--kurve-sym), box-shadow var(--zeit-1) var(--kurve-sym);
}
.feld textarea { min-height: 8.5rem; max-height: 22rem; resize: none; overflow-y: auto; field-sizing: content; }
.feld input:hover, .feld select:hover, .feld textarea:hover { border-color: var(--tinte-leise); }
.feld input:focus-visible, .feld select:focus-visible, .feld textarea:focus-visible { outline: none; border-color: var(--akzent); box-shadow: 0 0 0 3px var(--hauch); }
.formular .feld :is(input, select, textarea)[aria-invalid="true"], .formular .feld :is(input, select, textarea)[aria-invalid="true"]:is(:hover, :focus-visible) { border-color: var(--faden-text); }
.feld__fehler { display: none; font-size: var(--gr-klein); font-weight: 650; color: var(--faden-text); }
.feld__fehler.ist-da { display: block; }
.wahl { display: flex; flex-wrap: wrap; gap: var(--raum-3); border: 0; padding: 0; margin: 0; }
.wahl legend { margin-bottom: var(--raum-3); }
.wahl label { position: relative; display: inline-flex; align-items: center; gap: 0.55rem; min-height: 2.875rem; padding: 0.55rem 1rem; border: 1.5px solid var(--linie-kraeftig); border-radius: var(--radius-voll); cursor: pointer; background: var(--weiss); font-weight: 600; font-size: 1rem; transition: border-color var(--zeit-1), background-color var(--zeit-1); }
.wahl input { position: absolute; opacity: 0; inset: 0; cursor: pointer; margin: 0; }
.wahl label:has(input:checked) { border-color: var(--akzent); background: var(--hauch); color: var(--akzent-dunkel); }
.wahl label:has(input:focus-visible) { outline: 3px solid var(--fokus); outline-offset: 2px; }
.wahl label::before { content: ""; width: 0.95rem; height: 1.05rem; flex: none; background: var(--linie-kraeftig); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: background-color var(--zeit-1); }
.wahl label:has(input:checked)::before { background: var(--wtc-rose); }   /* gefülltes Sechseck in Rose (Akzent, Carolines Wunsch); Rahmen bleibt Dark Green */
.haken { display: flex; gap: var(--raum-3); align-items: flex-start; font-size: var(--gr-klein); line-height: 1.5; }
.haken input { width: 1.375rem; height: 1.375rem; margin: 0.05rem 0 0; flex: none; accent-color: var(--akzent); }
.formular .koeder, .koeder { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formular__senden { display: grid; gap: var(--raum-4); justify-items: start; }
.formular__recht { font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.5; max-width: 34rem; }
.zusagen { list-style: none; display: grid; gap: var(--raum-3); padding: var(--raum-5); border-radius: var(--radius-mittel); background: var(--kalk); font-size: var(--gr-klein); line-height: 1.5; }
.sektion--kalk .zusagen { background: var(--weiss); }
.zusagen li { position: relative; padding-left: 1.6rem; }
.zusagen li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 0.95rem; height: 0.3rem; background: url("../img/faden/stichreihe.png?v=b8ab42f4") no-repeat 0 50% / auto 100%; }
.formular__meldung { display: none; padding: var(--raum-4) var(--raum-5); border-radius: var(--radius-mittel); background: var(--rose-hell); color: var(--faden-text); font-weight: 600; }
.formular__meldung.ist-da { display: block; }
/* Bezug aus dem Link (zum Beispiel ein Quilt aus der Werkschau) */
.formular__bezug { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--raum-2) var(--raum-4); padding: var(--raum-4) var(--raum-5);
  border-radius: var(--radius-mittel); background: var(--hauch); color: var(--tinte); }
.formular__bezug strong { font-weight: 700; }
.formular__bezug .textlink { font-size: var(--gr-klein); }

/* Erinnerungsquilt-Anfrage in Schritten: Fortschritt als Stiche */
.schritte { display: flex; gap: 0.5rem; list-style: none; margin: 0 0 var(--raum-5); padding: 0; }
.schritte li { width: 2.2rem; height: 0.32rem; border-radius: 1rem; background: var(--linie); transition: background-color var(--zeit-2); }
.schritte li.ist-fertig, .schritte li.ist-jetzt { background: var(--wtc-sage); }   /* Stiche in Salbei und Rose (Carolines Wunsch) */
.schritte li.ist-jetzt { box-shadow: 0 0 0 2px var(--wtc-rose); }
.schritt { display: grid; gap: var(--raum-5); }
.schritt[hidden] { display: none; }
.js .schritt-formular .schritt:not(.ist-jetzt) { display: none; }
.schritt__knoepfe { display: flex; flex-wrap: wrap; gap: var(--raum-3) var(--raum-5); align-items: center; margin-top: var(--raum-2); }
.schritt__zaehler { font-size: var(--gr-klein); color: var(--text-leise); font-weight: 600; }
.schritt__neben { display: flex; flex-wrap: wrap; gap: var(--raum-2) var(--raum-5); margin-top: var(--raum-4); font-size: var(--gr-klein); }
.schritt__frueh::after { display: none; }
/* Mit JavaScript erscheint der große Senden-Button erst im letzten Schritt */
.js .schritt-formular:not(.ist-letzter) .formular__senden > .button { display: none; }
.js .schritt-formular:not(.ist-letzter) .formular__senden .formular__recht { margin-top: 0; }
html:not(.js) .schritte, html:not(.js) .schritt__knoepfe .nur-js, html:not(.js) .schritt__neben { display: none; }

/* Faktenzeilen, Tabellen */
.fakten { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--linie); }
.fakten > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--raum-4); padding: var(--raum-4) 0; border-bottom: 1px solid var(--linie); }
.fakten dt, .fakten dd { min-width: 0; overflow-wrap: anywhere; hyphens: manual; }
@media (max-width: 26rem) { .fakten > div { grid-template-columns: minmax(0, 1fr); gap: var(--raum-1); } }
.fakten dt { font-weight: 700; color: var(--tinte); }
.fakten dd { margin: 0; color: var(--text); }
.ziffern { font-variant-numeric: tabular-nums; }

/* Hinweisband für Stand und Status */
.marke { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.3rem 0.75rem; border-radius: var(--radius-voll); background: var(--salbei-hell); color: var(--salbei-tief); font-size: var(--gr-klein); font-weight: 700; }
.marke--rose { background: var(--rose-hell); color: var(--faden-text); }
.marke--blau { background: var(--lime-hell); color: var(--tinte); }
/* Status je Angebot: jetzt anfragen (grün), sofort per E-Mail (blau), in Vorbereitung mit Warteliste (rosé) */
.status { display: inline-flex; align-items: center; gap: 0.45em; padding: 0.22rem 0.65rem 0.24rem; border-radius: var(--radius-voll); background: var(--salbei-hell); color: var(--salbei-tief);
  font-family: var(--schrift-text); font-size: 0.8125rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap; }
.status::before { content: ""; flex: none; width: 0.45em; height: 0.45em; border-radius: 50%; background: currentColor; }
.status--sofort { background: var(--lime-hell); color: var(--tinte); }
.status--bald { background: var(--rose-hell); color: var(--faden-text); }

/* Brotkrumen */
.krumen { font-size: var(--gr-klein); color: var(--text-leise); }
.krumen ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.3rem 0.5rem; }
.krumen li + li::before { content: "›"; margin-right: 0.5rem; color: var(--linie-kraeftig); }
.krumen a { color: var(--text-leise); text-decoration: none; }
.krumen a:hover { color: var(--akzent); text-decoration: underline; }
.hinweis h2:focus { outline: none; }

/*    Kopf, Hauptnavigation (seit 12.10.2026 sechs Reiter: erst der Service, dann Caroline und der ShowRoom), Vollbildmenü, Fuß. */

.kopf {
  position: fixed; z-index: var(--z-kopf); top: 0; left: 0; right: 0; height: var(--kopf-h);
  background: transparent; color: var(--tinte);
  transition: background-color var(--zeit-2) var(--kurve-sym), box-shadow var(--zeit-2) var(--kurve-sym), opacity var(--zeit-3) var(--kurve-sym), transform var(--zeit-3) var(--kurve-sym), visibility 0s;
}
.kopf.hat-grund { background: var(--weiss); box-shadow: 0 1px 0 var(--linie), 0 6px 18px rgb(var(--schatten-farbe) / 0.05); }
.kopf.ist-weg { opacity: 0; transform: translate3d(0, -0.6rem, 0); visibility: hidden; transition: opacity var(--zeit-3) var(--kurve-sym), transform var(--zeit-3) var(--kurve-sym), visibility 0s linear var(--zeit-3); }
.kopf:has(:focus-visible), .menue-offen .kopf { opacity: 1; transform: none; visibility: visible; }
.kopf__innen { height: 100%; display: flex; align-items: center; gap: var(--raum-5); max-width: calc(var(--bahn-weit) + 2 * var(--rand)); margin: 0 auto; padding: 0 var(--rand); }
.kopf__marke { display: flex; align-items: center; gap: 0.75em; color: var(--tinte); text-decoration: none; margin-right: auto; min-height: var(--tipp); }
.kopf__marke:hover { color: var(--tinte); }
.kopf__logo { width: 3.25rem; height: 3.25rem; border-radius: 50%; flex: none; }
.kopf__name { display: grid; line-height: 1.12; }
.kopf__wort { font-family: var(--schrift-anzeige); font-weight: 650; font-size: 1.1875rem; letter-spacing: -0.012em; }
.kopf__unter { font-size: 0.8125rem; color: var(--text-leise); letter-spacing: 0.01em; }

/* Hauptnavigation (Rechner) */
.haupt { display: none; }
.haupt__liste { list-style: none; display: flex; align-items: center; gap: 0.25rem; }
.haupt__punkt { position: relative; }
.haupt__link {
  display: inline-flex; align-items: center; gap: 0.35em; min-height: var(--tipp); padding: 0 0.85em; border: 0; border-radius: var(--radius-voll); background: none;
  color: var(--tinte); font-family: var(--schrift-text); font-size: 1.0625rem; font-weight: 600; text-decoration: none; cursor: pointer; position: relative;
}
.haupt__link:hover { color: var(--akzent); background: var(--hauch); }
/* Zwischen Service und „Über Caroline“ ein kleiner Abstand mit feiner Stichlinie: links das Angebot, rechts Caroline und ihr ShowRoom */
.haupt__punkt--service + .haupt__punkt--ich { margin-left: 0.5rem; padding-left: 0.75rem; }
.haupt__punkt--service + .haupt__punkt--ich::before { content: ""; position: absolute; left: 0; top: 50%; height: 1.4rem; translate: 0 -50%; border-left: 1.5px dashed var(--linie-kraeftig); }
.haupt__link[aria-current="page"]::after, .haupt__link.ist-bereich::after {
  content: ""; position: absolute; left: 0.85em; right: 0.85em; bottom: 0.32rem; height: 0.3rem; background: url("../img/faden/stichreihe.png?v=b8ab42f4") repeat-x 0 50% / auto 100%;
}
.kopf__kontakt { display: none; }

/* Sprachwahl DE/EN: kompakt in der Navigationsleiste (Rechner), groß im Vollbildmenü (Telefon und Tablet), als Textlinks im Fuß.
   Die aktive Sprache ist kein Link; jede Sprache steht in ihrer eigenen Sprache (lang-Attribut). */
.sprachwahl { display: inline-flex; align-items: center; }
.sprachwahl__punkt { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.sprachwahl--kopf { display: none; gap: 0.125rem; padding: 0.1875rem; border-radius: var(--radius-voll); box-shadow: inset 0 0 0 1.5px var(--linie-kraeftig); }
.sprachwahl--kopf .sprachwahl__punkt { min-width: 2.5rem; height: 2.125rem; padding: 0 0.6rem; border-radius: var(--radius-voll); font-family: var(--schrift-anzeige); font-size: 0.875rem; font-weight: 650; letter-spacing: 0.05em; color: var(--tinte-leise); transition: background-color var(--zeit-1) var(--kurve-sym), color var(--zeit-1) var(--kurve-sym); }
.sprachwahl--kopf a.sprachwahl__punkt:hover { background: var(--hauch); color: var(--akzent-dunkel); }
.sprachwahl--kopf .ist-aktiv { background: var(--tinte); color: var(--weiss); }
.sprachwahl--menue { display: grid; grid-template-columns: 1fr 1fr; gap: var(--raum-2); width: 100%; margin-top: var(--raum-2); }
.sprachwahl--menue .sprachwahl__punkt { min-height: 3.25rem; padding: 0 var(--raum-4); border-radius: var(--radius-mittel); font-family: var(--schrift-anzeige); font-size: 1.1875rem; font-weight: 620; color: var(--tinte); box-shadow: inset 0 0 0 1.5px var(--linie-kraeftig); }
.sprachwahl--menue a.sprachwahl__punkt:hover { background: var(--hauch); color: var(--akzent-dunkel); box-shadow: inset 0 0 0 1.5px var(--akzent); }
.sprachwahl--menue .ist-aktiv { background: var(--tinte); color: var(--weiss); box-shadow: none; }
.sprachwahl--menue .ist-aktiv::before { content: ""; width: 0.55rem; height: 0.63rem; margin-right: 0.55rem; background: var(--faden); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.menue__sprache { margin-bottom: var(--raum-6); }
.sprachwahl--fuss { gap: var(--raum-1) var(--raum-4); }
.sprachwahl--fuss .ist-aktiv { color: var(--fuss-text); font-weight: 650; min-height: var(--tipp); }

/* Menü-Button (Telefon und Tablet) */
.kopf__menue {
  display: inline-flex; align-items: center; gap: 0.55rem; min-width: 3rem; height: 3rem; padding: 0 0.95rem 0 0.8rem; border: 0; border-radius: var(--radius-voll);
  background: var(--knopf); color: var(--weiss); font-weight: 700; font-size: 0.9375rem; cursor: pointer;
}
.kopf__menue:hover { background: var(--knopf-hover); }
.kopf__striche { position: relative; width: 1.15rem; height: 0.75rem; }
.kopf__striche::before, .kopf__striche::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background: currentColor; }
.kopf__striche::before { top: 0.05rem; }
.kopf__striche::after { bottom: 0.05rem; }

@media (min-width: 68rem) {
  .haupt { display: block; }
  .kopf__kontakt { display: inline-flex; }
  .sprachwahl--kopf { display: inline-flex; }
  .kopf__menue { display: none; }
  .haupt__link, .kopf__wort { white-space: nowrap; }
}
/* Schmale Rechner (68 bis 90 rem): Navigation, Sprachwahl und Button rücken enger zusammen, damit alles einzeilig bleibt
   (seit 12.10.2026 sechs Reiter ohne Aufklappmenü; nachgemessen bei 1088, 1100, 1150, 1200, 1280, 1366 und 1440 px) */
@media (min-width: 68rem) and (max-width: 89.99rem) {
  .kopf__innen { gap: var(--raum-3); }
  .haupt__liste { gap: 0; }
  .haupt__link { padding: 0 0.6em; font-size: 1rem; }
  .haupt__link[aria-current="page"]::after, .haupt__link.ist-bereich::after { left: 0.6em; right: 0.6em; }
  .sprachwahl--kopf .sprachwahl__punkt { min-width: 2.25rem; padding: 0 0.45rem; }
  .kopf__kontakt { padding: 0 1.1em; }
}
/* Bis 1259 px steht im Kopf nur das runde Logo, der Name steckt weiter im Linktext (aria-label). Gemessen: mit Name passt alles
   deutsch und englisch erst ab 1260 px mit vollem Randabstand */
@media (min-width: 68rem) and (max-width: 78.74rem) {
  .kopf__name { display: none; }
}
@media (max-width: 26rem) {
  .kopf__unter { display: none; }
  .kopf__wort { font-size: 1.0625rem; }
  .kopf__logo { width: 2.75rem; height: 2.75rem; }
  .kopf__innen { gap: var(--raum-3); }
}
@media (max-width: 22rem) { .kopf__name { display: none; } }

/* Vollbildmenü */
.menue {
  position: fixed; inset: 0; z-index: var(--z-menue); background: var(--weiss); color: var(--tinte);
  display: grid; grid-template-rows: auto 1fr; overflow: hidden;
  opacity: 0; visibility: hidden; transition: opacity var(--zeit-2) var(--kurve-sym), visibility 0s linear var(--zeit-2);
}
.menue.ist-offen { opacity: 1; visibility: visible; transition: opacity var(--zeit-2) var(--kurve-sym), visibility 0s; }
.menue[hidden] { display: none; }
.menue__kopf { display: flex; align-items: center; justify-content: space-between; gap: var(--raum-4); height: var(--kopf-h); padding: 0 var(--rand); border-bottom: 1px solid var(--linie); }
.menue__zu { display: inline-flex; align-items: center; gap: 0.5rem; height: 3rem; min-width: 3rem; padding: 0 0.95rem 0 0.8rem; border: 0; border-radius: var(--radius-voll); background: var(--kalk); color: var(--tinte); font-weight: 700; font-size: 0.9375rem; cursor: pointer; }
.menue__zu svg { width: 1.1rem; height: 1.1rem; }
.menue__zu:hover { background: var(--hauch); }
.menue__inhalt { overflow-y: auto; overscroll-behavior: contain; padding: var(--raum-5) var(--rand) calc(var(--raum-8) + env(safe-area-inset-bottom)); }
.menue__gruppe + .menue__gruppe { margin-top: var(--raum-5); }
.menue__gruppe--start { margin-bottom: var(--raum-5); }   /* Startseite ganz oben im Menü (12.10.2026) */
.menue__titel { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-leise); margin-bottom: var(--raum-1); display: flex; align-items: center; gap: 0.6em; }
.menue__titel::before { content: ""; width: 1.4em; height: 0.2em; background: var(--faden); border-radius: 1px; }
.menue__liste { list-style: none; }
.menue__link { display: flex; align-items: center; justify-content: space-between; min-height: 3.25rem; padding: 0.35rem 0; border-bottom: 1px solid var(--linie); color: var(--tinte); text-decoration: none; font-family: var(--schrift-anzeige); font-size: 1.375rem; font-weight: 580; letter-spacing: -0.01em; }
.menue__link[aria-current="page"] { color: var(--akzent); }
.menue__link::after { content: ""; width: 1.1rem; height: 1.1rem; flex: none; background: var(--linie-kraeftig); mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; }
.menue__link:hover { color: var(--akzent); }
.menue__wort { display: flex; flex-direction: column; align-items: flex-start; gap: 0.3rem; padding: 0.3rem 0; }
.menue__link .status { font-size: 0.75rem; }
.menue__wege { display: grid; gap: var(--raum-3); margin-top: var(--raum-6); }
.menue__wege .button { width: 100%; }
.menue__klein { display: flex; flex-wrap: wrap; gap: var(--raum-2) var(--raum-5); margin-top: var(--raum-6); font-size: var(--gr-klein); }
.menue__klein a { color: var(--text-leise); min-height: 3rem; display: inline-flex; align-items: center; }
.menue__kopf .kopf__marke { min-height: 3rem; }
.menue-offen body { overflow: hidden; }

/* Fuß */
/* Carolines Welt zum Schluss: Oben ihre Panorama-Zeichnung von Liz (@stamptout), seit 10.10.2026 ohne Farben, die Wiese im Hellgrau
   des Fußes (Carolines Wunsch). Jede Gruppe ist ein Aufnäher in einer Farbe des Design Manuals mit großen Stichen, links das
   Quilt-Etikett aus weißem Leinen (Foto), unten ein Vorstich in Salbei und Rose und ein Einfassband aus Blümchenstoff (Foto). */
.fuss { position: relative; z-index: var(--z-inhalt); color: var(--fuss-text); }
/* Himmel hinter der Zeichnung: von Weiß zu einem Hauch Grün, damit die Wiese aus der Seite herauswächst */
.fuss__panorama { display: block; width: 100%; height: var(--panorama-h); object-fit: cover; object-position: 50% 100%; pointer-events: none;
  background: linear-gradient(var(--weiss) 15%, var(--fuss-himmel)); }
.fuss__flaeche { margin-top: -2px; padding-top: var(--raum-6); overflow: clip;
  background: url("../img/deko/fuss-steppen.svg?v=69ca7ce1") 0 0 / 7.5rem 7.5rem, var(--fuss); }
.fuss a { color: var(--fuss-text); }
.fuss a:hover { color: var(--fuss-text); }
.fuss :focus-visible { outline-color: var(--wtc-dunkelgruen); }
.fuss__innen { display: grid; gap: var(--raum-8) var(--raum-7); grid-template-columns: 1fr; align-items: start; }

/* Quilt-Etikett: weißes Leinen (Foto), schwarzer Vorstich ringsum (seit 12.10.2026), leicht schräg aufgenäht */
.fuss__marke { max-width: 27rem; }
.fuss__etikett { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--raum-2) var(--raum-4); align-items: center;
  padding: var(--raum-5) var(--raum-5) var(--raum-4); border-radius: 0.375rem; color: var(--wtc-dunkelgruen); rotate: -1.6deg;
  background: url("../img/deko/fuss-leinen.webp?v=a4ae584f") 50% 50% / 26rem auto, var(--weiss);
  box-shadow: 0 1px 1px rgb(var(--schatten-farbe) / 0.2), 0 1.25rem 2.25rem -0.9rem rgb(var(--schatten-farbe) / 0.42); }
.fuss__naht { position: absolute; inset: 0.5rem; width: calc(100% - 1rem); height: calc(100% - 1rem); overflow: visible; pointer-events: none;
  fill: none; stroke: var(--naht-schwarz); stroke-width: 1.5; stroke-dasharray: 6 5; stroke-linecap: round; }
.fuss__logo { grid-row: span 2; width: 5.25rem; height: 5.25rem; border-radius: 50%; box-shadow: 0 0.35rem 0.9rem -0.3rem rgb(var(--schatten-farbe) / 0.4); }
.fuss__satz { align-self: end; font-family: var(--schrift-anzeige); font-size: var(--gr-h4); line-height: 1.22; font-weight: 580; letter-spacing: -0.012em; color: var(--wtc-dunkelgruen); text-wrap: balance; }
.fuss__herkunft { align-self: start; font-size: var(--gr-klein); line-height: 1.45; color: var(--wtc-dunkelgruen); text-wrap: pretty; }
.fuss__gruss { grid-column: 2; justify-self: end; margin-top: calc(var(--raum-1) * -1); font-family: var(--schrift-anzeige); font-size: var(--gr-h4); font-weight: 700; color: var(--wtc-dunkelgruen); rotate: -4deg; }

.fuss__titel { display: flex; align-items: center; gap: 0.55rem; font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fuss-text); margin-bottom: var(--raum-4); }
/* vor jedem Titel ein kleines Sechseck in der Farbe der Naht */
.fuss__titel::before { content: ""; flex: none; width: 0.7rem; height: 0.81rem; background: var(--flicken-naht, var(--faden)); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
/* Aufnäher: Stoff in einer Farbe des Design Manuals (mit der Webstruktur des Leinens), große Stiche ringsum, leicht schräg */
.fuss__flicken { position: relative; padding: var(--raum-5) var(--raum-5) var(--raum-4); border-radius: 0.375rem; rotate: var(--flicken-dreh, 0deg);
  background: url("../img/deko/fuss-leinen.webp?v=a4ae584f") 30% 40% / 26rem auto, var(--flicken-stoff); background-blend-mode: multiply;
  box-shadow: 0 1px 1px rgb(var(--schatten-farbe) / 0.18), 0 1rem 1.75rem -0.9rem rgb(var(--schatten-farbe) / 0.38); }
.fuss__flicken .fuss__naht { stroke: var(--flicken-naht); stroke-width: 1.6; stroke-dasharray: 9 6; }
.fuss__flicken > ul { position: relative; }
/* Stoff in den genauen CD-Farben. Nähte seit 12.10.2026 schwarz oder weiß (Carolines Wunsch: „sonst ist es mir zu kitschig“):
   schwarz auf Rose, Lime und Weiß, weiß auf Dark Green */
.fuss__flicken--rose { --flicken-stoff: var(--wtc-rose); --flicken-naht: var(--naht-schwarz); --flicken-dreh: -0.9deg; }
.fuss__flicken--lime { --flicken-stoff: var(--wtc-lime); --flicken-naht: var(--naht-schwarz); --flicken-dreh: 0.7deg; }
.fuss__flicken--dunkelgruen { --flicken-stoff: var(--wtc-dunkelgruen); --flicken-naht: var(--naht-weiss); --flicken-dreh: -0.5deg; --fuss-text: var(--weiss); }
.fuss__flicken--dunkelgruen :focus-visible { outline-color: var(--weiss); }
.fuss__flicken--weiss { --flicken-stoff: var(--weiss); --flicken-naht: var(--naht-schwarz); --flicken-dreh: 0.9deg; }
.fuss__kontakt address { font-style: normal; line-height: 1.6; }
.fuss__kontakt ul, .fuss__spalte ul { list-style: none; display: grid; gap: var(--raum-1); }
.fuss__kontakt li a, .fuss__spalte li a { display: inline-flex; align-items: center; gap: 0.6rem; min-height: var(--tipp); text-decoration: none; }
.fuss__kontakt li a:hover, .fuss__spalte li a:hover { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
.fuss__kontakt li svg { width: 1.15rem; height: 1.15rem; flex: none; color: var(--fuss-text); }
.fuss__navi { display: grid; gap: var(--raum-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); align-items: start; }

/* Netzwerke: weiße Sechsecke mit dem offiziellen Zeichen in Dark Green. Beim Zeigen färbt sich das Sechseck Rose (keine Markenfarben, kein Blau). */
.fuss__netz { margin-top: var(--raum-7); }
.fuss__sozial { display: flex; flex-wrap: wrap; gap: var(--raum-2); }
.fuss__sozial .sozial { position: relative; isolation: isolate; display: inline-grid; place-items: center; width: var(--tipp); height: calc(var(--tipp) * 1.1547);
  color: var(--wtc-dunkelgruen); transition: color var(--zeit-2) var(--kurve-sym), transform var(--zeit-2) var(--kurve-aus); }
.fuss__sozial .sozial::before, .fuss__sozial .sozial::after { content: ""; position: absolute; inset: 0; z-index: -1; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.fuss__sozial .sozial::before { background: var(--weiss); }
.fuss__sozial .sozial::after { background: var(--marke-flaeche, var(--weiss)); opacity: 0; transition: opacity var(--zeit-2) var(--kurve-sym); }
.fuss__sozial .sozial svg { width: 1.25rem; height: 1.25rem; color: inherit; transition: transform var(--zeit-2) var(--kurve-aus); }
.fuss__sozial .sozial--youtube svg { width: 1.375rem; height: 1.375rem; }
.fuss__sozial .sozial:hover, .fuss__sozial .sozial:focus-visible { color: var(--wtc-dunkelgruen); transform: translateY(-3px) rotate(-4deg); }
.fuss__sozial .sozial:hover::after, .fuss__sozial .sozial:focus-visible::after { opacity: 1; }
.fuss__sozial .sozial { --marke-flaeche: var(--wtc-rose); }
.fuss__sozial .sozial--youtube:hover svg, .fuss__sozial .sozial--youtube:focus-visible svg { transform: scale(1.12); }
.fuss__sozial .sozial .netz__farbe { display: none; }

/* Vorstich in Schwarz (seit 12.10.2026), dann die Rechtszeile, ganz unten das Einfassband */
.fuss__stiche { height: 6px; margin-top: var(--raum-8); background: url("../img/deko/fuss-stiche.svg?v=4691ceaf") 0 50% / auto 6px repeat-x; }
.fuss__unten { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--raum-2) var(--raum-5); padding-top: var(--raum-5); padding-bottom: calc(var(--raum-5) + env(safe-area-inset-bottom)); font-size: var(--gr-klein); color: var(--fuss-text); }
.fuss__credit { margin-left: auto; text-align: right; }
.fuss__recht { display: flex; flex-wrap: wrap; gap: var(--raum-1) var(--raum-5); }
.fuss__recht a, .fuss__recht button { color: var(--fuss-text); text-decoration: none; font: inherit; background: none; border: 0; padding: 0; cursor: pointer; min-height: var(--tipp); display: inline-flex; align-items: center; }
.fuss__recht a:hover, .fuss__recht button:hover { text-decoration: underline; text-decoration-color: currentColor; }
.fuss__zeile { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; width: 100%; gap: var(--raum-2) var(--raum-5); }
.fuss__zeile p { margin: 0; }
.fuss__credit a { text-decoration-color: var(--wtc-sage); }
.fuss__einfassung { height: 1.25rem; background: url("../img/deko/fuss-einfassung.webp?v=ad3d8371") 0 50% / auto 100% repeat-x, var(--wtc-rose);
  box-shadow: inset 0 3px 3px -1px rgb(var(--schatten-farbe) / 0.35), inset 0 -2px 2px -1px rgb(var(--schatten-farbe) / 0.25); }
@media (min-width: 52rem) {
  .fuss__innen { grid-template-columns: minmax(18rem, 1.15fr) minmax(14rem, 0.8fr) 1.6fr; }
}
/* Telefon: Etikett über die volle Breite, Navigation zweispaltig, die Werkseiten erreicht man über „Meine textile Welt“ */
@media (max-width: 51.99rem) {
  .fuss__innen { gap: var(--raum-7); }
  .fuss__marke { max-width: 30rem; }
  .fuss__panorama { object-position: 56% 100%; }
  .fuss__logo { width: 4.5rem; height: 4.5rem; }
  .fuss__navi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--raum-5) var(--raum-4); }
  .fuss__spalte--werke { display: none; }
  .fuss__stiche { margin-top: var(--raum-7); }
}
html:not(.js) .fuss__spalte--werke { display: block; }
@media (max-width: 24rem) {
  .fuss__logo { width: 3.5rem; height: 3.5rem; }
  .fuss__etikett { gap: var(--raum-2) var(--raum-3); padding-inline: var(--raum-4); }
}
@media (max-width: 34rem) {
  .fuss__zeile { flex-direction: column; }
  .fuss__credit { width: 100%; }
}
/* Ohne JavaScript führt „Menü“ zur vollständigen Navigation im Fuß */
.kopf__menue--ohne-js { display: none; text-decoration: none; }
html:not(.js) .kopf__menue[data-menue-auf] { display: none; }
@media (max-width: 67.99rem) { html:not(.js) .kopf__menue--ohne-js { display: inline-flex; } }
.fuss__navi { scroll-margin-top: calc(var(--kopf-h) + var(--raum-4)); }
html:not(.js) .kopf { background: var(--weiss); box-shadow: 0 1px 0 var(--linie); }

/*    Hero „Vom Hemd zur Blüte“: Hemd, Bluse und Leinen auf weißen Dielen. Beim Scrollen werden Sechsecke angezeichnet,
   herausgehoben und zu Großmutters Blumengarten gelegt. Querformat: Bühne voll, Text links. Hochformat: Bühne oben, Text unten. */

.held { position: relative; height: 100svh; min-height: 34rem; background: var(--kalk); }
.js .held.hat-strecke { height: 400vh; }
.held__buehne { position: sticky; top: 0; height: 100svh; min-height: 34rem; overflow: hidden; background: var(--kalk); }

/* Rahmen: der sichtbare Ausschnitt der Szene. Welt: die Szene in Bildpunkten des Ausgangsbilds (2752 × 1536),
   deckt den Rahmen wie object-fit: cover; ihre Kinder messen in cqw (Anteil der Weltbreite). */
.held__rahmen { --rahmen-h: max(100svh, 34rem); --wx: 100%; position: absolute; inset: 0 0 auto 0; height: var(--rahmen-h); overflow: hidden; }
.held__welt {
  position: absolute; left: var(--wx); top: 50%; translate: calc(var(--wx) * -1) -50%;
  width: max(100%, calc(var(--rahmen-h) * 1.79167)); aspect-ratio: 2752 / 1536;
  container-type: inline-size; will-change: transform; transform-origin: 50% 50%;
}
.held__boden, .held__boden img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.held__boden img { object-fit: cover; }

/* Kleidungsstücke mit eigenem Schatten; die Löcher schneidet eine Maske, sobald die Teile geladen sind */
.held__kleid { position: absolute; z-index: 2; will-change: transform; }
.kleid__stoff { display: block; width: 100%; height: 100%; max-width: none; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.kleid__lochschatten { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; display: none; }
.held.hat-loecher .held__kleid.hat-loch .kleid__lochschatten { display: block; }
.kleid__kreide { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; will-change: transform; }
.kreide { --k: 1; opacity: var(--ko, 0); }
.kreide path { fill: none; stroke-linejoin: round; stroke-linecap: butt; stroke-dasharray: 1 1; stroke-dashoffset: var(--k); }
.kreide__grund { stroke: rgb(var(--schatten-farbe) / 0.3); stroke-width: 8; }
.kreide__linie { stroke: #FFFFFF; stroke-width: 4; }

/* Sechsecke: Stoff, Schnittkante, Glanz und ein eigener Schatten, der mit der Höhe weicher und weiter wird */
.held__teil { position: absolute; z-index: 10; will-change: transform; perspective: 30cqw; visibility: hidden; }
.held__teil.ist-da { visibility: visible; }
.teil__schatten { position: absolute; max-width: none; opacity: 0; will-change: transform, opacity; }
.teil__karte { position: absolute; inset: 0; will-change: transform; }
.teil__stoff, .teil__kante { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.teil__kante { opacity: 0; }
/* In Ruhe ohne will-change: der Browser zeichnet die Szene in der aktuellen Kameragröße neu und scharf */
.held.ist-ruhig .held__welt, .held.ist-ruhig .held__kleid, .held.ist-ruhig .held__teil, .held.ist-ruhig .teil__karte { will-change: auto; }
/* Licht, das am Ende einmal schräg über die fertige Blüte streicht (Maske: Umriss der Blüte) */
.held__glanz { position: absolute; left: 0; top: 0; z-index: 60; overflow: hidden; pointer-events: none; opacity: 0;
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.held__glanz span { position: absolute; top: -10%; bottom: -10%; left: -50%; width: 100%; will-change: transform;
  background: linear-gradient(105deg, transparent 36%, rgb(255 255 255 / 0.16) 43%, rgb(255 255 255 / 0.5) 50%, rgb(255 255 255 / 0.16) 57%, transparent 64%); }

/* Heller Schleier: ein leichter Verlauf über die linke Hälfte, dazu direkt hinter dem Text ein weicher weißer Hof
   (.held__text::before), der die Fugen der Dielen beruhigt. Nach rechts läuft beides sanft aus, die Kleidung bleibt frei. */
.held__schleier { position: absolute; inset: 0; z-index: 3; pointer-events: none; background:
  linear-gradient(90deg, rgb(var(--licht-farbe) / 0.4) 0%, rgb(var(--licht-farbe) / 0.28) 32%, rgb(var(--licht-farbe) / 0.1) 46%, transparent 58%); }

.held__text {
  position: absolute; z-index: 4; left: 0; right: 0; top: calc(50% + var(--kopf-h) / 2); translate: 0 -50%;
  max-width: calc(var(--bahn-weit) + 2 * var(--rand)); margin: 0 auto; padding: 0 var(--rand);
  display: flex; flex-direction: column; --text-b: 33rem;
}
.held__text > * { max-width: var(--text-b); }
/* Weißer Hof hinter dem Textblock: links bis über den Rand, rechts knapp über die Textkante, weich ausgeblendet */
.held__text::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -2.5rem; bottom: -2.5rem; left: calc(var(--rand) * -1 - 6rem); width: calc(var(--rand) * 2 + 7.5rem + min(var(--text-b), 100% - 2 * var(--rand)));
  border-radius: 0 45% 45% 0 / 0 50% 50% 0;
  background: linear-gradient(90deg, rgb(var(--licht-farbe) / 0.78) 0%, rgb(var(--licht-farbe) / 0.74) 70%, rgb(var(--licht-farbe) / 0.6) 100%);
  filter: blur(2.75rem);
}
/* Größen und Abstände richten sich im Querformat auch nach der Fensterhöhe, damit der Block immer mit Luft zwischen Kopf und Unterkante passt */
.held__zeile { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tinte-leise); display: flex; align-items: center; gap: 0.7em; margin-bottom: min(var(--raum-5), 2.6svh); }
.held__gesicht { flex: none; width: 2.75rem; height: 2.75rem; border-radius: 50%; object-fit: cover; border: 2px solid var(--weiss); box-shadow: 0 0.25rem 0.9rem rgb(var(--schatten-farbe) / 0.18); }
.held__zeilentext span { white-space: nowrap; }
.held h1 { font-size: min(var(--gr-held), 8svh); line-height: 1.02; letter-spacing: -0.028em; font-weight: 600; color: var(--tinte); }
.held__satz { margin-top: min(var(--raum-5), 2.6svh); font-size: clamp(1.0625rem, 2.5svh, var(--gr-gross)); line-height: 1.5; color: var(--tinte); max-width: min(29rem, var(--text-b)); }
.held__weiter { margin-top: min(var(--raum-6), 3.6svh); display: flex; flex-wrap: wrap; align-items: center; gap: var(--raum-3) var(--raum-5); }

/* Kapitel: vier kurze Sätze erzählen mit, darüber vier kleine Sechsecke als Fortschritt. Sie stehen im Textblock
   (Platz für zwei Zeilen ist immer reserviert), damit sie nie über Link oder Satz rutschen; vorher steht dort der Scroll-Hinweis. */
.held__kapitel {
  position: relative; margin-top: min(var(--raum-6), 3.6svh);
  display: grid; grid-template-rows: auto auto; gap: 0.65rem; justify-items: start; visibility: hidden; translate: 0 0.5rem;
  transition: translate var(--zeit-3) var(--kurve-aus), visibility 0s; pointer-events: none;   /* verschwindet sofort, damit es nie mit dem Hinweis zusammen steht */
}
.kapitel__marken { grid-area: 1 / 1; }
.held__kapitel ol { grid-area: 2 / 1; }
.held__kapitel.ist-da { visibility: visible; translate: 0 0; transition-delay: 0s; }
html:not(.js) .held__kapitel { display: none; }
.kapitel__marken { display: flex; gap: 0.3rem; }
.kapitel__marken i { width: 0.72rem; height: 0.83rem; background: var(--linie-kraeftig); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: background-color var(--zeit-2) var(--kurve-sym); }
.held__kapitel[data-schritt="1"] i:nth-child(-n+1),
.held__kapitel[data-schritt="2"] i:nth-child(-n+2),
.held__kapitel[data-schritt="3"] i:nth-child(-n+3),
.held__kapitel[data-schritt="4"] i { background: var(--faden); }
.held__kapitel ol { display: grid; list-style: none; margin: 0; padding: 0; }
.held__kapitel li {
  grid-area: 1 / 1; max-width: 26rem; font-family: var(--schrift-anzeige); font-size: clamp(1rem, 2.4svh, var(--gr-h4)); font-weight: 560; line-height: 1.25;
  letter-spacing: -0.01em; color: var(--tinte); visibility: hidden; clip-path: inset(0 100% 0 0);
}
/* Der neue Satz wird von links freigelegt (volle Deckkraft, damit der Kontrast nie sinkt), der alte verschwindet sofort */
.held__kapitel[data-schritt="1"] li:nth-child(1), .held__kapitel[data-schritt="2"] li:nth-child(2),
.held__kapitel[data-schritt="3"] li:nth-child(3), .held__kapitel[data-schritt="4"] li:nth-child(4) {
  visibility: inherit; clip-path: inset(0 0 0 0); transition: clip-path var(--zeit-4) var(--kurve-aus) 60ms; }

/* Hinweis zum Scrollen: an der Stelle der Kapitel, sichtbar, solange sie noch verborgen sind. Seit 12.10.2026 auch am Rechner
   eine deutliche Pille mit Satz und wippendem Pfeil, wie am Telefon (Carolines Wunsch: „In der Handyversion ist es leicht zu verstehen.
   So in etwa am besten auch in die großen Versionen.“) */
.held__hinweis { grid-area: 1 / 1 / 3 / 2; align-self: start; visibility: visible; margin: 0; pointer-events: auto; cursor: pointer;
  display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 0.7rem; max-width: min(24rem, 100%);
  padding: 0.65rem 1.15rem 0.65rem 1rem; border-radius: var(--radius-voll); background: var(--weiss);
  box-shadow: 0 0 0 1px var(--linie), 0 0.4rem 1.2rem rgb(var(--schatten-farbe) / 0.12);
  font-size: 1rem; font-weight: 650; line-height: 1.3; letter-spacing: 0; text-transform: none; color: var(--tinte); }
.held__hinweis::after { content: ""; flex: none; width: 0.7rem; height: 0.7rem; border-right: 2.4px solid var(--wtc-sage); border-bottom: 2.4px solid var(--wtc-sage); border-radius: 1px; rotate: 45deg; margin: -0.35rem 0.1rem 0 0.15rem; animation: hinweis-wippen 1.6s var(--kurve-sym) infinite; }
html:not(.js) .held__hinweis { display: none; }
.held__kapitel.ist-da .held__hinweis { visibility: hidden; }   /* Hinweis und Kapitel nie gleichzeitig */
.held__hinweis-kurz { display: none; }
/* Pfeil nach unten am Ende der Geschichte: neben den vier Marken, sobald die Blüte fertig ist (12.10.2026) */
.held .weiter--held { left: calc(4 * 0.72rem + 3 * 0.3rem + 0.7rem); top: -0.585rem; bottom: auto; translate: none; width: 1.75rem; height: 2rem;
  visibility: hidden; opacity: 0; pointer-events: auto; transition: opacity var(--zeit-2) var(--kurve-sym), visibility 0s linear var(--zeit-2), transform var(--zeit-2) var(--kurve-aus); }
.held__kapitel.ist-da[data-schritt="4"] .weiter--held { visibility: visible; opacity: 1; transition-delay: 0s; }
.held__hinweis { transition: box-shadow var(--zeit-1) var(--kurve-sym); }
.held__hinweis:hover { box-shadow: 0 0 0 1.5px var(--wtc-sage), 0 0.5rem 1.4rem rgb(var(--schatten-farbe) / 0.16); }   /* anklickbar seit 12.10.2026: scrollt ein Stück weiter (weiter.js) */

/* Tablet quer und kleine Rechner: Text schmaler */
@media (orientation: landscape) and (max-width: 74rem) {
  .held__text { --text-b: 24rem; }
  .held__satz { font-size: var(--gr-text); }
}
@media (orientation: landscape) and (max-width: 67.99rem) {
  .held__text { --text-b: 21.5rem; }
  .held h1 { font-size: min(clamp(2.25rem, 1.2rem + 3.4vw, 3.5rem), 8svh); }
}
/* Schmales Querformat mit wenig Höhe (Tablet quer, Telefon quer): nur der Button, „Alle Angebote“ führt sonst in eine zweite Zeile */
@media (orientation: landscape) and (max-height: 50rem) and (max-width: 67.99rem) {
  .held__weiter .textlink { display: none; }
}
/* Querformat mit wenig Höhe: ohne den Einleitungssatz */
@media (orientation: landscape) and (max-height: 47rem) {
  .held__satz { display: none; }
}
/* Telefon quer: wenig Höhe */
@media (orientation: landscape) and (max-height: 32rem) {
  .held, .held__buehne { min-height: 0; }
  .held__rahmen { --rahmen-h: 100svh; }
  .held__text { --text-b: 19rem; }
  .held__text::before { top: -1.25rem; bottom: -1.25rem; filter: blur(1.75rem); }
  .held h1 { font-size: clamp(1.5rem, 8svh, 2.25rem); }
  .held__zeile { margin-bottom: var(--raum-3); font-size: 0.75rem; }
  .held__satz { display: none; }
  .held__weiter { margin-top: var(--raum-3); }
  .held__weiter .button { min-height: 2.5rem; padding: 0 1.2em; font-size: 0.9375rem; }
  .held__gesicht { width: 2rem; height: 2rem; }
  .held__kapitel { margin-top: var(--raum-3); gap: 0.4rem; }
  .held__kapitel li { font-size: 0.9375rem; }
  .held__hinweis { padding: 0.45rem 0.9rem 0.45rem 0.8rem; font-size: 0.875rem; }
}

/* Hochformat: Bühne oben, Text darunter auf hellem Grund */
@media (orientation: portrait) {
  .js .held.hat-strecke { height: 330vh; }
  .held__rahmen { --rahmen-h: 54svh; --wx: 50%; inset: var(--kopf-h) 0 auto 0; }   /* Telefon und Tablet hoch: die Bühne beginnt unter dem Kopf (Kopf mit Grund, kopf.js) */
  /* Die Bühne endet weich im hellen Grund; JavaScript passt ihre Höhe an den Textblock an */
  .held__rahmen::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 16%; pointer-events: none; background: linear-gradient(to top, var(--kalk), rgb(240 240 240 / 0)); }
  .held__schleier, .held__text::before { display: none; }
  .held__text { top: auto; bottom: max(2.75rem, calc(env(safe-area-inset-bottom) + 2.25rem)); translate: 0 0; }
  .held h1 { font-size: clamp(2.125rem, 8.6vw, 3.25rem); }
  .held__satz { font-size: 1.0625rem; margin-top: var(--raum-4); }
  .held__zeile { margin-bottom: var(--raum-4); font-size: 0.75rem; }
  .held__weiter { margin-top: var(--raum-4); }
  .held__kapitel { order: -1; margin: 0 0 var(--raum-5); gap: 0.5rem; }
  .held__kapitel li { font-size: 1.0625rem; max-width: 19rem; }
  .kreide__grund { stroke-width: 11; }
  .kreide__linie { stroke-width: 5.5; }
  /* Telefon: deutlicher Hinweis als Pille mit wippendem Pfeil, damit klar ist, dass die Geschichte beim Scrollen weitergeht (Eric, 06.10.2026) */
  .held__hinweis { max-width: min(21rem, 100%); padding: 0.6rem 1.1rem 0.6rem 0.95rem; font-size: 0.9375rem; }
}
/* Schmale Telefone: „Geschichten erzählen“ bleibt in einer Zeile */
@media (orientation: portrait) and (max-width: 23.4375rem) {
  .held h1 { font-size: min(2.125rem, calc((100vw - 2 * var(--rand)) / 9.6)); }
}
@media (orientation: portrait) and (min-width: 48rem) {
  .held__rahmen { --rahmen-h: 64svh; }
  .held__text { --text-b: 34rem; }
  .held__satz { max-width: var(--text-b); }
  .held h1 { font-size: clamp(2.75rem, 6vw, 4rem); }
  .held__kapitel li { font-size: var(--gr-h4); max-width: 26rem; }
}
@media (orientation: portrait) and (max-height: 44rem) {
  .held__rahmen { --rahmen-h: 52svh; }
  .held__satz { display: none; }
}

@keyframes hinweis-wippen { 0%, 100% { translate: 0 0; } 50% { translate: 0 0.3rem; } }
@media (prefers-reduced-motion: reduce) {
  .js .held.hat-strecke { height: 100svh; }
  .held__hinweis { display: none; }
  .held__kapitel, .held__kapitel li, .kapitel__marken i { transition: none; }
}

/* Sehr kleine Telefone hoch (etwa iPhone SE der 1. Generation): die letzte Kapitelzeile ist seit dem 10.10.2026 länger
   („… Grandmother’s Flower Garden.“), etwas kleiner und ohne Höchstbreite, damit die Blüte sie nicht berührt */
@media (orientation: portrait) and (max-height: 600px) { .held__kapitel li { font-size: 0.875rem; max-width: none; } }

/*    Abschnitte der einzelnen Seiten: Startseite, Leistungsseiten, Werkschau, Journal, Über, Kontakt, Recht, Orte. */

/* Zweispaltige Grundraster */
.ankommen__raster, .erinnern__raster, .selbst__raster, .einladung__raster, .anfrage__raster, .beispiel__raster,
.stoffe__raster, .vorbereitung__raster, .schablonen__raster, .kurs__raster, .lehrerin__raster, .statement__raster,
.ausstellungen__raster, .haus__raster, .lernen__raster, .logo__raster, .kanaele__aufbau, .seitenkopf__raster {
  display: grid; gap: var(--raum-7); align-items: center;
}
@media (min-width: 56rem) {
  .ankommen__raster { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr); gap: var(--raum-8); }
  .erinnern__raster { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--raum-8); }
  .selbst__raster, .kurs__raster, .beispiel__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--raum-8); }
  .einladung__raster, .anfrage__raster { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr); align-items: start; gap: var(--raum-8); }
  .stoffe__raster, .vorbereitung__raster, .schablonen__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: start; gap: var(--raum-8); }
  .lehrerin__raster, .lernen__raster, .haus__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--raum-8); }
  .statement__raster, .ausstellungen__raster { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: var(--raum-8); }
  .logo__raster { grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); gap: var(--raum-8); }
  .kanaele__aufbau { grid-template-columns: minmax(0, 1fr) auto; gap: var(--raum-8); }
  .seitenkopf__raster { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: var(--raum-8); }
  .haus__raster > .bild { order: 0; }
}

/* Seitenkopf der Unterseiten */
.seitenkopf { position: relative; padding-top: calc(var(--kopf-h) + var(--raum-8)); padding-bottom: var(--raum-8); background: linear-gradient(180deg, var(--kalk) 0%, var(--weiss) 100%); }
.seitenkopf .krumen { margin-bottom: var(--raum-6); }
.seitenkopf h1 { font-size: var(--gr-h1); max-width: 18ch; }
.seitenkopf__schlicht h1 { max-width: 22ch; }
.seitenkopf__schlicht .vorspann { max-width: 52ch; }
.seitenkopf--beitrag h1 { max-width: 22ch; font-size: var(--gr-h1); }
.seitenkopf__foto img { border-radius: var(--radius-gross); box-shadow: var(--schatten-2); }
.seitenkopf__bild { position: relative; }
.seitenkopf + .sektion:not(.sektion--kalk):not(.sektion--nacht) { padding-top: var(--sektion); }

/* Ankommen */
.ankommen__bild { position: relative; max-width: 30rem; }
.ankommen__foto img { aspect-ratio: 4 / 5; object-position: 70% 30%; }
.ankommen__text h2 { max-width: 20ch; }
.ankommen__gruss { margin-top: var(--raum-5); font-family: var(--schrift-anzeige); font-size: var(--gr-h3); font-weight: 700; font-style: normal; color: var(--unterschrift); letter-spacing: -0.01em; transform: rotate(-3deg); transform-origin: left center; display: inline-block; }

/* Drei Wege */
.wege__kopf { max-width: 44rem; margin-bottom: var(--raum-7); }
.wege__liste { list-style: none; display: grid; gap: var(--raum-5); counter-reset: weg; }
@media (min-width: 60rem) { .wege__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.weg { position: relative; display: flex; flex-direction: column; gap: var(--raum-4); padding: var(--raum-7) var(--raum-6) var(--raum-6); border-radius: var(--radius-gross); background: var(--weiss); box-shadow: var(--schatten-1); overflow: hidden; }
.weg::before { content: ""; position: absolute; left: var(--raum-6); right: var(--raum-6); top: 0; height: 0.32rem; background: url("../img/faden/stichreihe.png?v=b8ab42f4") repeat-x 0 50% / auto 100%; }
.weg__nr { font-family: var(--schrift-anzeige); font-size: 0.9375rem; font-weight: 700; color: var(--faden-text); display: grid; place-items: center; width: 2.4rem; height: 2.77rem; background: var(--wtc-rose); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.weg__kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--raum-3); }
.weg h3 { font-size: var(--gr-h3); }
/* Die Buttons aller drei Karten stehen unten auf einer Linie: Der Button ist immer das letzte Element, Zusatzlinks stehen darüber */
.weg__links { list-style: none; display: flex; flex-direction: column; align-items: flex-start; gap: var(--raum-4); margin-top: auto; padding-top: var(--raum-3); }
.weg__links li { max-width: 100%; }

/* Erinnerungsquilts (Start) */
.erinnern__bilder { position: relative; padding-bottom: var(--raum-8); padding-right: var(--raum-7); }
.erinnern__gross img { aspect-ratio: 4 / 5; box-shadow: var(--schatten-2); }
.erinnern__klein { position: absolute; right: 0; bottom: 0; width: 46%; }
.erinnern__klein img { border: 0.5rem solid var(--weiss); border-radius: var(--radius-mittel); box-shadow: var(--schatten-3); }
.erinnern__text h2 { font-size: var(--gr-h2); max-width: 16ch; }

/* Bänder (Parallax) */
.band { position: relative; height: var(--band-h); overflow: hidden; background: var(--karte); isolation: isolate; }
.band__rahmen { position: absolute; inset: 0; }
.band__rahmen picture, .band__bild { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.band__bild { object-fit: cover; object-position: 66% 50%; }
/* fest: das Bild steht im Fenster, JavaScript beschneidet es auf das Band und schaltet es nur dann sichtbar */
.js .band.ist-fest .band__bild { position: fixed; inset: 0; height: 100lvh; transform-origin: 50% 50%; will-change: transform, clip-path; visibility: hidden; }
.js .band.ist-touch .band__bild { top: -25%; height: 150%; will-change: transform; }
.band__schleier { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgb(var(--licht-farbe) / 0.9) 0%, rgb(var(--licht-farbe) / 0.72) 30%, rgb(var(--licht-farbe) / 0) 62%); pointer-events: none; }
.band__text { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; }
.band__satz { max-width: 30rem; }
.band__satz p { font-family: var(--schrift-anzeige); font-size: var(--gr-h3); line-height: 1.28; font-weight: 520; letter-spacing: -0.014em; color: var(--tinte); text-wrap: balance; }
.band__satz p::before { content: "„"; }
.band__satz p::after { content: "“"; }
:lang(en) .band__satz p::before { content: "“"; }
:lang(en) .band__satz p::after { content: "”"; }
.band__satz footer { margin-top: var(--raum-3); font-size: var(--gr-klein); font-weight: 650; color: var(--tinte-leise); }
.band .ki-marke { z-index: 3; }
@media (max-width: 47.99rem) {
  .band__schleier { background: linear-gradient(0deg, rgb(var(--licht-farbe) / 0.92) 0%, rgb(var(--licht-farbe) / 0.78) 42%, rgb(var(--licht-farbe) / 0) 72%); }
  .band__text { align-items: flex-end; padding-bottom: var(--raum-6); }
  .band__bild { object-position: 50% 50%; }
}

/* Werkschau an der Wäscheleine auf der Wiese.
   Die Leine ist ein gerader, straff gespannter Strick im Hintergrund der Reihe (background-attachment: local), sie läuft beim
   Ziehen mit den Quilts mit. Jeder Quilt hängt mit einem schmalen Rand über der Leine, davor läuft dasselbe Stück Leine
   (::before am Stück), zwei Klammern (von vorn gesehen) greifen Leine und Quilt zugleich. Wind verschiebt nur die Unterkante
   der Bilder, Klammern und Leine bleiben, wo sie sind. Maße: Leinenmitte 7 px unter der Oberkante, Maul 10 px darunter. */
.leine-sektion { position: relative; isolation: isolate; overflow: hidden; }
.leine-wiese { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.leine-wiese picture, .leine-wiese img { display: block; width: 100%; height: 100%; max-width: none; }
.leine-wiese img { object-fit: cover; object-position: 50% 62%; }
/* oben weich aus dem Weiß der Seite in den Himmel, damit Überschrift und Satz ruhig stehen */
.leine-wiese::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(to bottom, var(--weiss) 0%, rgb(var(--licht-farbe) / 0.9) 10%, rgb(var(--licht-farbe) / 0.55) 24%, rgb(var(--licht-farbe) / 0.12) 36%, rgb(var(--licht-farbe) / 0) 44%); }
.leine__kopf { max-width: 46rem; margin-bottom: var(--raum-6); }
.leine { --luft: 3rem; --reihe-oben: 1.4rem; --seil: 0.375rem; --klammer-b: 0.95rem; --klammer-h: 3.8rem; position: relative; padding-top: var(--raum-4); }
.leine__reihe { list-style: none; display: flex; align-items: flex-start; gap: clamp(1.5rem, 3vw, 3rem); overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none;
  --rand-reihe: max(var(--rand), calc((100% - var(--bahn-weit)) / 2 + var(--rand)));
  padding: var(--reihe-oben) var(--rand-reihe) var(--raum-6); scroll-padding-inline: var(--rand-reihe); cursor: grab; touch-action: pan-x pan-y;
  background: url("../img/marke/leine.svg?v=19c0ffb4") repeat-x local 0 calc(var(--reihe-oben) + var(--luft) + 0.4375rem - var(--seil) / 2) / 1.5rem var(--seil); }
.leine__reihe::-webkit-scrollbar { display: none; }
.leine__reihe.ist-gezogen { cursor: grabbing; }
.leine__reihe.ist-gezogen a { pointer-events: none; }
.leine__stueck { position: relative; flex: none; width: clamp(15rem, 26vw, 22rem); padding-top: var(--luft); }
.leine__stueck--hoch { width: clamp(13rem, 21vw, 18rem); }
/* die Leine vor dem Quilt, mit einem weichen Schatten auf dem Bild dahinter */
.leine__stueck::before { content: ""; position: absolute; z-index: 2; left: -1px; right: -1px; top: calc(var(--luft) + 0.4375rem - var(--seil) / 2); height: var(--seil); pointer-events: none;
  background: url("../img/marke/leine.svg?v=19c0ffb4") repeat-x 0 0 / 1.5rem 100%; filter: drop-shadow(0 2px 1.5px rgb(var(--schatten-farbe) / 0.35)); }
.leine__bild { display: block; position: relative; z-index: 1; border-radius: 0.125rem; overflow: hidden; transform-origin: 50% 0; transform: skewX(var(--wind, 0deg)); transition: transform 1.2s var(--kurve-aus);
  box-shadow: 0 1px 2px rgb(var(--schatten-farbe) / 0.14), 0 18px 34px -14px rgb(var(--schatten-farbe) / 0.38); }
.leine__bild img { width: 100%; height: auto; transition: transform var(--zeit-3) var(--kurve-aus); user-select: none; -webkit-user-drag: none; }
.leine__bild:hover img { transform: scale(1.02); }
/* Klammer: Maul 10 px unter der Leinenmitte, greift Leine und Oberkante; der Griff ragt darüber in den Himmel */
.leine__klammer { position: absolute; z-index: 3; top: calc(var(--luft) + 0.4375rem + 0.625rem - var(--klammer-h)); width: var(--klammer-b); height: var(--klammer-h);
  background: url("../img/marke/klammer.svg?v=0f7257df") no-repeat center / 100% 100%; transform-origin: 50% 82%;
  filter: drop-shadow(0 2px 1.5px rgb(var(--schatten-farbe) / 0.32)) drop-shadow(0 0 0.5px rgb(var(--schatten-farbe) / 0.25)); }
.leine__klammer--links { left: 14%; rotate: -1.5deg; }
.leine__klammer--rechts { right: 14%; rotate: 1deg; }
.leine__stueck:nth-child(3n+2) .leine__klammer--links { rotate: 1deg; }
.leine__stueck:nth-child(3n) .leine__klammer--rechts { rotate: -1.2deg; }
/* Beschriftung auf einem hellen Schild, damit sie vor der Wiese lesbar bleibt */
.leine__schild { display: inline-flex; flex-direction: column; max-width: 100%; margin-top: var(--raum-4); padding: 0.55rem 0.9rem 0.6rem;
  background: rgb(var(--licht-farbe) / 0.94); border-radius: var(--radius-klein); box-shadow: 0 0.6rem 1.4rem -0.7rem rgb(var(--schatten-farbe) / 0.45); }
.leine__titel { font-family: var(--schrift-anzeige); font-size: 1.1875rem; font-weight: 620; line-height: 1.3; }
.leine__titel a { color: var(--tinte); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.22em; }   /* Linkzeichen wie überall (12.10.2026) */
.leine__titel a:hover { color: var(--akzent); }
.leine__schild p { margin: 0; }
.leine__art { margin-top: 0.125rem; font-size: var(--gr-klein); color: var(--text-leise); }
.leine .ki-marke { z-index: 4; top: 0.25rem; }
.leine__pfeil { position: absolute; z-index: 3; top: 45%; width: 3.25rem; height: 3.25rem; border: 0; border-radius: 50%; background: var(--weiss); color: var(--tinte); box-shadow: var(--schatten-2); cursor: pointer; display: grid; place-items: center; transition: opacity var(--zeit-2), transform var(--zeit-2) var(--kurve-aus); }
.leine__pfeil svg { width: 1.3rem; height: 1.3rem; }
.leine__pfeil--zurueck { left: max(0.75rem, calc(var(--rand) - 1.6rem)); }
.leine__pfeil--zurueck svg { transform: rotate(180deg); }
.leine__pfeil--vor { right: max(0.75rem, calc(var(--rand) - 1.6rem)); }
.leine__pfeil:hover { transform: scale(1.06); color: var(--akzent); }
.leine__pfeil[disabled] { opacity: 0; pointer-events: none; }
html:not(.js) .leine__pfeil { display: none; }
@media (hover: none) { .leine__pfeil { display: none; } }
.leine__fuss { justify-content: flex-start; }
.leine__fuss .button--neben { background: var(--weiss); box-shadow: inset 0 0 0 1.5px var(--akzent), var(--schatten-2); }
.leine__fuss .button--neben:hover { background: var(--hauch); }
@media (max-width: 47.99rem) {
  .leine { --luft: 2.6rem; --klammer-b: 0.8rem; --klammer-h: 3.2rem; }
  .leine__titel { font-size: 1.0625rem; }
}

/* Selbst nähen, Gemeinsam nähen */
.selbst__bild { max-width: 34rem; justify-self: end; }
.gemeinsam__raster { display: grid; gap: var(--raum-7); align-items: center; }
@media (min-width: 60rem) { .gemeinsam__raster { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--raum-8); } }
/* Was in Vorbereitung ist: kurze Liste mit Sechseck-Marken, jeder Eintrag führt zur passenden Warteliste */
.geplant { list-style: none; display: grid; gap: var(--raum-2); padding: var(--raum-5); border-radius: var(--radius-gross); background: var(--kalk); }
.geplant a { position: relative; display: grid; gap: 0.15rem; padding: var(--raum-3) var(--raum-4) var(--raum-3) 2.6rem; border-radius: var(--radius-mittel); color: var(--tinte); text-decoration: none; transition: background-color var(--zeit-2) var(--kurve-sym); }
.geplant a::before { content: ""; position: absolute; left: var(--raum-4); top: 1.05rem; width: 0.8rem; height: 0.92rem; background: var(--faden); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.geplant a:hover { background: var(--weiss); }
.geplant a:hover strong { color: var(--akzent); }
/* Linkzeichen wie überall (12.10.2026): Titel unterstrichen, dahinter der Pfeil */
.geplant a strong { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }
.geplant a strong::after { content: ""; display: inline-block; width: 0.8em; height: 0.8em; margin-left: 0.4em; vertical-align: -0.04em; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M5 12h14M13 6l6 6-6 6%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; }
.geplant strong { font-family: var(--schrift-anzeige); font-size: var(--gr-h4); font-weight: 600; line-height: 1.25; }
.geplant span { font-size: var(--gr-klein); line-height: 1.45; color: var(--text-leise); }

/* Social Media: ein Telefon, drei Kanäle. Oben der Umschalter (schwarzer Daumen wandert mit, wie alle Buttons schwarz:
   Carolines Wunsch vom 09.10.2026; vorher in den Markenfarben, darunter Instagram-Violett und Twitch-Lila; seit 11.10.2026 Facebook statt Twitch),
   darunter das Gerät; im Glas liegen die drei Schirme übereinander, sichtbar ist nur der gewählte. */
.kanaele__text { max-width: 31rem; }
.kanaele__text .fliess p + p { margin-top: var(--raum-3); }
.kanaele__links { gap: var(--raum-3); }
.kanal-link { min-height: 2.75rem; padding: 0 1.1em; font-size: 1rem; }
.kanal-link .netz { width: 1.2em; height: 1.2em; }
.kanal-link .netz__farbe { opacity: 1; }
.kanal-link--youtube .netz { color: var(--yt-rot-marke); }
.kanal-link--facebook .netz { color: currentColor; }   /* kein Facebook-Blau: Carolines „alles ohne Blau“ */

/* Größe: Umschalter und Telefon passen zusammen in ein Fenster, unter dem Kopf und mit etwas Luft (Erics Vorgabe 04.10.2026).
   Das Gerät ist für 21,5 rem Breite gestaltet und wird als Ganzes verkleinert (zoom, Faktor --kanal-z aus kanaele.js nach
   Fensterhöhe und Breite). So bleibt jeder Schirm genau wie gestaltet, nur kleiner; nichts bricht um.
   Ohne JavaScript: Breite wie bisher, höchstens 84 % des Fensters. */
.kanaele {
  --kanal-z: 1; --kanal-b: min(21.5rem, 84vw);
  --kanal-farbe: var(--schwarz); --kanal-schatten: rgb(0 0 0 / 0.3);
  position: relative; margin: 0; justify-self: center; display: grid; justify-items: center; gap: var(--raum-4);
}
.js .kanaele { --kanal-b: calc(21.5rem * var(--kanal-z)); }
.js .kanaele__geraet { width: 21.5rem; zoom: var(--kanal-z); }

.kanaele__wahl { position: relative; display: inline-flex; gap: 0.2rem; max-width: 100%; padding: 0.3rem; border-radius: var(--radius-voll);
  background: var(--weiss); box-shadow: var(--schatten-2), 0 0 0 1px rgb(var(--schatten-farbe) / 0.06); }
html:not(.js) .kanaele__wahl { display: none; }
.kanaele__daumen { position: absolute; z-index: 0; top: 0.3rem; bottom: 0.3rem; left: 0; width: var(--daumen-b, 0); transform: translate3d(var(--daumen-x, 0), 0, 0);
  border-radius: var(--radius-voll); background: var(--kanal-farbe); box-shadow: 0 0.45rem 1rem -0.35rem var(--kanal-schatten); overflow: hidden; opacity: 0; }
.hat-daumen .kanaele__daumen { opacity: 1; transition: transform 0.5s var(--kurve-sym), width 0.5s var(--kurve-sym), background-color 0.5s var(--kurve-sym), box-shadow 0.5s var(--kurve-sym), opacity 0.3s; }
.kanaele__tab { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 2.75rem; padding: 0 1rem;
  border: 0; border-radius: var(--radius-voll); background: none; color: var(--text); font-family: var(--schrift-anzeige); font-size: 0.9375rem; font-weight: 600; line-height: 1;
  white-space: nowrap; cursor: pointer; transition: color 0.35s var(--kurve-sym); }
.kanaele__tab:hover { color: var(--akzent-dunkel); }
.kanaele__tab[aria-selected="true"], .kanaele__tab[aria-selected="true"]:hover { color: var(--geraet-weiss); }
.kanaele__tab:focus-visible { outline-offset: 3px; }
.kanaele__zeichen { width: 1.15rem; height: 1.15rem; flex: none; transition: color 0.35s var(--kurve-sym), transform var(--zeit-2) var(--kurve-aus); }
.kanaele__tab:hover .kanaele__zeichen { transform: scale(1.1); }
.kanaele__tab--youtube .kanaele__zeichen { color: var(--yt-rot-marke); }
.kanaele__tab--facebook .kanaele__zeichen { color: var(--text); }
.kanaele__tab .netz__farbe { opacity: 1; }
.kanaele__tab[aria-selected="true"] .kanaele__zeichen { color: var(--geraet-weiss); }
.kanaele__tab[aria-selected="true"] .netz__farbe { opacity: 0; }
@media (max-width: 55.99rem) { .kanaele__aufbau { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 29.99rem) { .kanaele__tab { padding: 0 0.75rem; gap: 0.4rem; } }
@media (max-width: 23.99rem) {
  .kanaele__tab { padding: 0 0.8rem; font-size: 0.875rem; }
  .kanaele__zeichen { display: none; }
}

.kanaele__geraet { position: relative; width: var(--kanal-b); aspect-ratio: 9 / 19.2; border-radius: 3rem;
  background: linear-gradient(145deg, var(--geraet-rahmen-hell), var(--geraet-rahmen-dunkel));
  box-shadow: inset 0 0 0 1.5px rgb(var(--licht-farbe) / 0.08), var(--schatten-3), 0 2.4rem 4.5rem -2rem var(--kanal-schatten);
  transition: box-shadow 0.6s var(--kurve-sym); }
.kanaele__geraet::before { content: ""; position: absolute; right: -0.18rem; top: 22%; width: 0.22rem; height: 4.5rem; border-radius: 0 0.2rem 0.2rem 0; background: var(--geraet-knopf); }
.kanaele__glas { position: absolute; inset: 0.7rem; overflow: hidden; border-radius: 2.4rem; background: var(--geraet-rahmen-dunkel); isolation: isolate; }
.kanaele__schirm { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; border-radius: inherit;
  background: var(--weiss); color: var(--geraet-tinte); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 0.8125rem; line-height: 1.35;
  transition: opacity 0.32s var(--kurve-sym), transform 0.55s var(--kurve-sym), visibility 0s; }
.kanaele__schirm::-webkit-scrollbar { display: none; }
.kanaele__schirm.ist-aus { opacity: 0; visibility: hidden; transform: translate3d(var(--schub, 0), 0, 0) scale(0.965);
  transition: opacity 0.42s var(--kurve-sym) 0.1s, transform 0.55s var(--kurve-sym), visibility 0s linear 0.55s; }
.kanaele__schirm.ohne-uebergang { transition: none; }
.kanaele__schirm:focus-visible { outline: 3px solid var(--fokus); outline-offset: -3px; }
.kanaele__stand { font-size: var(--gr-klein); color: var(--text-leise); text-align: center; max-width: 21rem; }

/* Statusleiste im Telefon (alle Schirme) */
.schirm__leiste { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; height: 2.4rem; padding: 0 1.4rem;
  background: var(--weiss); color: var(--geraet-tinte); font-weight: 650; font-size: 0.8125rem; }
.schirm__kamera { width: 5.6rem; height: 1.45rem; border-radius: 1rem; background: var(--geraet-rahmen-dunkel); }
.schirm__leiste--dunkel .schirm__kamera { background: #000; }
.schirm__akku { width: 1.4rem; height: 0.65rem; border-radius: 0.2rem; border: 1.5px solid currentColor; position: relative; }
.schirm__akku::after { content: ""; position: absolute; inset: 1px; right: 30%; background: currentColor; border-radius: 1px; }

/* Schirm Instagram */
.insta__kopf { padding: 0.3rem 1rem 0.6rem; font-weight: 700; font-size: 1rem; }
.insta__profil { display: flex; align-items: center; gap: 1rem; padding: 0 1rem; }
.insta__bild { width: 4.6rem; height: 4.6rem; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--weiss), 0 0 0 3.5px var(--geraet-linie); }
.insta__zahlen { display: flex; flex: 1; justify-content: space-around; margin: 0; text-align: center; }
.insta__zahlen div { display: flex; flex-direction: column-reverse; }
.insta__zahlen dd { margin: 0; font-weight: 700; font-size: 0.9375rem; }
.insta__zahlen dt { font-size: 0.75rem; }
.insta__bio { padding: 0.7rem 1rem 0; }
.insta__bio strong { display: block; font-weight: 650; }
.insta__kategorie { color: var(--geraet-grau); font-size: 0.75rem; }
.insta__bio p { margin-top: 0.15rem; }
.insta__folgen { display: block; margin: 0.8rem 1rem; padding: 0.45rem; border-radius: 0.5rem; background: var(--insta-knopf); color: var(--geraet-weiss); text-align: center; font-weight: 650; text-decoration: none; }
.insta__folgen:hover { background: var(--insta-knopf-tief); color: var(--geraet-weiss); }
.insta__raster { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding-bottom: 1rem; }
.insta__kachel { position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.insta__kachel img { width: 100%; height: 100%; object-fit: cover; transition: opacity var(--zeit-1); }
.insta__kachel:hover img { opacity: 0.86; }
.insta__reel { position: absolute; right: 0.35rem; top: 0.35rem; width: 0.9rem; height: 0.9rem; border-radius: 0.2rem; border: 1.6px solid var(--geraet-weiss); box-shadow: 0 0 2px rgb(var(--schatten-farbe) / 0.6); }
.insta__reel::after { content: ""; position: absolute; left: 0.24rem; top: 0.16rem; border-left: 0.32rem solid var(--geraet-weiss); border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; }

/* Schirm YouTube (helle App, Kanalseite „Übersicht“) */
.yt__kopf { display: flex; align-items: center; gap: 1rem; padding: 0.35rem 1rem 0.6rem; }
.yt__kopf svg { width: 1.3rem; height: 1.3rem; flex: none; }
.yt__kopf { color: var(--yt-tinte); }
.yt__marke { display: inline-flex; align-items: center; gap: 0.2rem; margin-left: -0.3rem; font-weight: 750; font-size: 1.0625rem; letter-spacing: -0.05em; }
.yt__kopf .yt__logo { width: 1.65rem; height: 1.65rem; color: var(--yt-rot-marke); }
.yt__luecke { flex: 1; }
.yt__banner { margin: 0 1rem; aspect-ratio: 4 / 1; border-radius: 0.75rem; overflow: hidden; background: var(--yt-flaeche); }
.yt__banner img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 35%; }
.yt__kanal { display: flex; align-items: center; gap: 0.85rem; padding: 0.95rem 1rem 0; }
.yt__bild { width: 4.4rem; height: 4.4rem; flex: none; border-radius: 50%; object-fit: cover; }
.yt__wer { min-width: 0; }
.yt__name { font-weight: 750; font-size: 1.125rem; line-height: 1.18; letter-spacing: -0.015em; }
.yt__meta { display: flex; flex-direction: column; gap: 0.1rem; margin-top: 0.3rem; color: var(--yt-grau); font-size: 0.75rem; }
.yt__beschreibung { padding: 0.7rem 1rem 0; color: var(--yt-grau); font-size: 0.75rem; line-height: 1.45; }
.yt__mehr { color: var(--yt-tinte); font-weight: 650; }
.yt__abo { display: block; margin: 0.85rem 1rem 0; padding: 0.55rem; border-radius: var(--radius-voll); background: var(--yt-tinte); color: var(--geraet-weiss);
  text-align: center; font-weight: 650; text-decoration: none; }
.yt__abo:hover { background: var(--yt-flaeche-tief); color: var(--geraet-weiss); }
.yt__reiter { display: flex; gap: 1.15rem; margin-top: 0.75rem; padding: 0 1rem; overflow: hidden; white-space: nowrap; font-weight: 650; font-size: 0.8125rem; }
.yt__reiter { border-bottom: 1px solid var(--yt-linie); color: var(--yt-grau); }
.yt__reiter span { padding: 0.7rem 0 0.6rem; }
.yt__reiter .ist-aktiv { color: var(--yt-tinte); box-shadow: inset 0 -2px 0 var(--yt-tinte); }
.yt__ueber { display: flex; align-items: center; gap: 0.35rem; padding: 1rem 1rem 0.55rem; font-weight: 750; font-size: 1rem; }
.yt__ueber svg { width: 1.2rem; height: 1.2rem; color: var(--yt-rot-marke); }
.yt__videos, .yt__shorts { list-style: none; padding: 0 1rem; }
.yt__videos { display: grid; gap: 0.8rem; }
.yt__video { display: grid; grid-template-columns: 9.2rem minmax(0, 1fr); gap: 0.65rem; align-items: start; color: var(--yt-tinte); text-decoration: none; }
.yt__vorschau { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 0.55rem; overflow: hidden; background: var(--yt-flaeche); }
.yt__vorschau img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--zeit-3) var(--kurve-aus); }
.yt__video:hover .yt__vorschau img { transform: scale(1.04); }
.yt__laenge { position: absolute; right: 0.3rem; bottom: 0.3rem; padding: 0.1rem 0.28rem; border-radius: 0.25rem; background: rgb(15 15 15 / 0.85); color: var(--geraet-weiss);
  font-size: 0.6875rem; font-weight: 650; line-height: 1.2; }
.yt__text { display: flex; flex-direction: column; gap: 0.3rem; min-width: 0; }
.yt__titel { font-weight: 550; font-size: 0.8125rem; line-height: 1.3; hyphens: auto; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.yt__video:hover .yt__titel { text-decoration: underline; text-underline-offset: 0.15em; }
.yt__zahl { color: var(--yt-grau); font-size: 0.75rem; }
.yt__shorts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; }
.yt__short { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 0.6rem; overflow: hidden; background: #000; color: var(--geraet-weiss); text-decoration: none; }
.yt__short img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--zeit-3) var(--kurve-aus); }
.yt__short:hover img { transform: scale(1.05); }
.yt__short-text { position: absolute; inset: auto 0 0; display: flex; flex-direction: column; gap: 0.15rem; padding: 2rem 0.4rem 0.45rem;
  background: linear-gradient(rgb(0 0 0 / 0), rgb(0 0 0 / 0.82) 55%); font-size: 0.6875rem; line-height: 1.25; }
.yt__short-titel { font-weight: 650; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.yt__alle { display: block; margin: 1.1rem 1rem 1.2rem; padding: 0.55rem; border-radius: var(--radius-voll); background: var(--yt-flaeche); color: var(--yt-tinte);
  text-align: center; font-weight: 650; text-decoration: none; }
.yt__alle:hover { background: var(--yt-linie); color: var(--yt-tinte); }

/* Schirm Facebook (helle App, Seite „White Timber Cottage“, Reiter „Beiträge“; seit 11.10.2026 statt Twitch).
   Wie überall: Buttons schwarz, Akzente in Carolines Farben, kein Facebook-Blau; Grund WTC-White statt des bläulichen Facebook-Graus. */
.schirm--facebook { background: var(--wtc-weiss); color: var(--geraet-tinte); }
.fb__seite { background: var(--geraet-weiss); }
.fb__kopf { display: flex; align-items: center; gap: 0.9rem; padding: 0.35rem 1rem 0.6rem; }
.fb__kopf svg { width: 1.3rem; height: 1.3rem; flex: none; }
.fb__titel { flex: 1; min-width: 0; font-weight: 700; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb__titelbild { aspect-ratio: 670 / 248; overflow: hidden; border-block: 1px solid var(--geraet-linie); }
.fb__titelbild img { width: 100%; height: 100%; object-fit: cover; }
.fb__profil { padding: 0 1rem; }
.fb__bild { position: relative; width: 5.4rem; height: 5.4rem; margin-top: -2.7rem; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 4px var(--geraet-weiss); }
.fb__name { margin-top: 0.45rem; font-weight: 750; font-size: 1.3125rem; line-height: 1.15; letter-spacing: -0.015em; }
.fb__zahlen { margin-top: 0.25rem; color: var(--geraet-grau); font-size: 0.8125rem; }
.fb__zahlen strong { color: var(--geraet-tinte); font-weight: 700; }
.fb__folgen { display: block; margin: 0.85rem 1rem 0; padding: 0.5rem; border-radius: 0.5rem; background: var(--schwarz); color: var(--geraet-weiss); text-align: center; font-weight: 650; text-decoration: none; }
.fb__folgen:hover { background: var(--wtc-dunkelgruen); color: var(--geraet-weiss); }
.fb__reiter { display: flex; gap: 1.15rem; margin-top: 0.75rem; padding: 0 1rem; border-bottom: 1px solid var(--geraet-linie); overflow: hidden; white-space: nowrap; color: var(--geraet-grau); font-weight: 650; font-size: 0.8125rem; }
.fb__reiter span { padding: 0.7rem 0 0.6rem; }
.fb__reiter .ist-aktiv { color: var(--geraet-tinte); box-shadow: inset 0 -2px 0 var(--geraet-tinte); }
.fb__karte { margin-top: 0.55rem; padding: 0.85rem 1rem; background: var(--geraet-weiss); }
.fb__ueber { font-weight: 750; font-size: 1.0625rem; }
.fb__satz { margin-top: 0.5rem; text-align: center; font-size: 0.875rem; }
.fb__details { list-style: none; display: grid; gap: 0.55rem; margin-top: 0.8rem; font-size: 0.8125rem; }
.fb__details li { display: flex; align-items: center; gap: 0.6rem; min-width: 0; }
.fb__details svg { width: 1.15rem; height: 1.15rem; flex: none; color: var(--geraet-grau); }
.fb__details span { min-width: 0; overflow-wrap: anywhere; }
.fb__beitrag-kopf { display: flex; align-items: center; gap: 0.6rem; }
.fb__klein { width: 2.4rem; height: 2.4rem; flex: none; border-radius: 50%; object-fit: cover; }
.fb__beitrag-name { font-weight: 700; font-size: 0.875rem; line-height: 1.3; }
.fb__beitrag-meta { margin-top: 0.1rem; color: var(--geraet-grau); font-size: 0.75rem; line-height: 1.35; }
.fb__beitrag-meta time, .fb__musik { display: block; }
.fb__musik svg { display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.25rem; vertical-align: -0.1em; }
.fb__beitrag-text { margin-top: 0.6rem; font-size: 0.8125rem; line-height: 1.45; }
.fb__mehr { color: var(--geraet-grau); font-weight: 650; }
.fb__reel { position: relative; display: block; margin: 0.7rem -1rem 0; aspect-ratio: 1; overflow: hidden; background: #000; }
.fb__reel img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--zeit-3) var(--kurve-aus); }
.fb__reel:hover img { transform: scale(1.03); }
.fb__spielen { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 3.2rem; height: 3.2rem; margin: -1.6rem 0 0 -1.6rem; border-radius: 50%; background: rgb(0 0 0 / 0.55); color: var(--geraet-weiss); }
.fb__spielen svg { width: 1.35rem; height: 1.35rem; margin-left: 0.15rem; }
.fb__reaktionen { display: flex; align-items: center; gap: 0.35rem; margin-top: 0.65rem; color: var(--geraet-grau); font-size: 0.75rem; }
.fb__daumen { display: grid; place-items: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--wtc-rose); color: var(--geraet-tinte); }
.fb__daumen svg { width: 0.72rem; height: 0.72rem; }
.fb__oeffnen { display: block; margin: 0.9rem 1rem 1.2rem; padding: 0.55rem; border: 1px solid var(--geraet-linie); border-radius: 0.5rem; background: var(--geraet-weiss); color: var(--geraet-tinte);
  text-align: center; font-weight: 650; text-decoration: none; }
.fb__oeffnen:hover { background: var(--wtc-rose); border-color: var(--wtc-rose); color: var(--geraet-tinte); }

/* Einladung, Anfrage */
.einladung__text h2, .anfrage__text h2 { max-width: 16ch; }
.einladung__text .zusagen, .anfrage__text .zusagen { margin-top: var(--raum-6); }
.kontaktwege { list-style: none; display: grid; gap: var(--raum-1); margin-top: var(--raum-6); }
.kontaktwege a { display: inline-flex; align-items: center; gap: 0.7rem; min-height: var(--tipp); color: var(--tinte); font-weight: 650; text-decoration: none; }
.kontaktwege a:hover { color: var(--akzent); }
.kontaktwege a span { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.25em; }   /* Linkzeichen wie überall (12.10.2026) */
.kontaktwege a::after { content: none; }
.kontaktwege a[target="_blank"] span::after { content: ""; display: inline-block; width: 0.72em; height: 0.72em; margin-left: 0.25em; vertical-align: -0.03em; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; }
.kontaktwege svg { width: 1.25rem; height: 1.25rem; color: var(--wtc-sage); }
.einladung .formular, .anfrage .formular, .kontakt-formular .formular { padding: var(--raum-6); border-radius: var(--radius-gross); background: var(--weiss); box-shadow: var(--schatten-2); max-width: none; }
.anfrage__ort, .anfrage__hinweis { margin-top: var(--raum-5); font-size: var(--gr-klein); color: var(--text-leise); }

/* Ablauf in Schritten */
.ablauf__kopf { max-width: 44rem; margin-bottom: var(--raum-7); }
.ablauf__liste { list-style: none; display: grid; gap: var(--raum-5); counter-reset: schritt; }
@media (min-width: 48rem) { .ablauf__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Breite Bildschirme: drei Schritte oben, zwei breitere darunter (fünf schmale Spalten wären zu eng zum Lesen) */
@media (min-width: 72rem) { .ablauf__liste { grid-template-columns: repeat(6, minmax(0, 1fr)); } .ablauf__schritt { grid-column: span 2; } .ablauf__schritt:nth-child(n+4) { grid-column: span 3; } }
.ablauf__schritt { position: relative; counter-increment: schritt; padding: var(--raum-7) var(--raum-5) var(--raum-5); border-radius: var(--radius-mittel); background: var(--weiss); box-shadow: var(--schatten-1); }
.ablauf__schritt::before { content: counter(schritt); position: absolute; top: var(--raum-4); left: var(--raum-5); font-family: var(--schrift-anzeige); font-size: 0.9375rem; font-weight: 700; color: var(--faden-text); }
.ablauf__schritt h3 { font-size: var(--gr-h4); margin-bottom: var(--raum-2); }
.ablauf__schritt p { font-size: 1rem; line-height: 1.55; }

/* Beispiel, Stoffe */
.stoffe__liste { padding: var(--raum-6); border-radius: var(--radius-gross); background: var(--kalk); gap: var(--raum-4); }
.vorbereitung__liste { list-style: none; counter-reset: vb; display: grid; gap: var(--raum-4); }
.vorbereitung__liste li { counter-increment: vb; position: relative; padding: var(--raum-5) var(--raum-5) var(--raum-5) 4rem; border-radius: var(--radius-mittel); background: var(--weiss); box-shadow: var(--schatten-1); }
.vorbereitung__liste li::before { content: counter(vb); position: absolute; left: var(--raum-5); top: var(--raum-5); width: 1.8rem; height: 2.08rem; display: grid; place-items: center; font-weight: 700; font-size: 0.875rem; color: var(--faden-text); background: var(--wtc-rose); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.vorbereitung__liste strong { display: block; color: var(--tinte); }

/* Rechner */
.rechner__kopf { max-width: 44rem; margin-bottom: var(--raum-6); }
.rechner { display: grid; gap: var(--raum-6); padding: var(--raum-6); border-radius: var(--radius-gross); background: var(--kalk); }
@media (min-width: 56rem) { .rechner { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: start; } }
.rechner__eingabe { display: grid; gap: var(--raum-4); }
.rechner__ergebnis .fakten { background: var(--weiss); border-radius: var(--radius-mittel); padding: 0 var(--raum-5); border-top: 0; }
.rechner__ergebnis .fakten > div:last-child { border-bottom: 0; }
.rechner__ergebnis dd { font-weight: 700; color: var(--tinte); }
.rechner__hinweis { margin-top: var(--raum-4); font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.55; }
.rechner__top { margin: 0; }
.rechner__mehr { border-top: 1px solid var(--linie); padding-top: var(--raum-4); }
.rechner__mehr summary { cursor: pointer; font-weight: 700; color: var(--akzent); font-size: var(--gr-klein); min-height: 2.75rem; display: flex; align-items: center; }
.rechner__mehr[open] summary { margin-bottom: var(--raum-3); }
.rechner__leer { padding: var(--raum-5) var(--raum-6); border-radius: var(--radius-mittel); background: var(--weiss); color: var(--tinte); line-height: 1.6; }
.rechner__titel { font-size: var(--gr-h4); margin: var(--raum-6) 0 var(--raum-3); }
.rechner__weiter { margin-top: var(--raum-5); display: flex; flex-wrap: wrap; align-items: center; gap: var(--raum-3) var(--raum-5); }
.rechner__ok { font-weight: 700; color: var(--salbei-tief); }
/* Skizzen des Binding-Rechners, maßstäblich: der Quilt mit dem Binding rundum (Rosa), darunter die Streifen quer über die Stoffbreite */
.rechner__skizze { display: block; width: 100%; max-width: 22rem; height: auto; margin: 0 auto var(--raum-5); overflow: visible; }
.skizze--stoff { max-width: 24rem; margin-top: var(--raum-2); }
/* .skizze__quilt: Füllung mit dem Patchwork-Muster als Attribut im Markup */
.skizze__steppung { stroke: var(--wtc-sage); stroke-width: 1; opacity: 0.32; }
.skizze__kante { fill: none; stroke-width: 9; }   /* Strich: Muster aus dem echten Stofffoto (Attribut im Markup) */
.skizze__naht { fill: none; stroke: var(--wtc-sage); stroke-width: 1.2; stroke-dasharray: 4 3; }   /* Nähte in Salbei, Lime oder Rose (Carolines Wunsch 09.10.2026) */
.skizze__stoff { fill: var(--weiss); stroke: var(--linie-kraeftig); stroke-width: 1; }
/* Streifen: Füllung mit dem Muster aus dem echten Stofffoto (Attribut aus rechner.js), getrennt durch gestrichelte Schnittlinien */
.skizze__schnitt { stroke: var(--wtc-dunkelgruen); stroke-width: 0.8; stroke-dasharray: 3 3; }
.skizze__webkante { fill: var(--wtc-sage); opacity: 0.35; }
.skizze__wort { font-family: var(--schrift-anzeige); font-size: 22px; font-weight: 700; fill: var(--wtc-dunkelgruen); }
.skizze__mass { font-family: var(--schrift-text); font-size: 14px; font-weight: 700; fill: var(--faden-text); }
.skizze__klein { font-family: var(--schrift-text); font-size: 12px; fill: var(--text-leise); }
.rechner__mehr-felder { display: grid; gap: var(--raum-4); }
.rechner__preis { margin-top: var(--raum-3); font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.55; }

/* Quilt-Service (05.10.2026): Leistungen als Zeilen mit Carolines Preisliste und echtem Foto (oder dem Querschnitt), abwechselnd gespiegelt.
   Preise mit Punktlinie wie auf einer handgeschriebenen Preistafel; Betrag in der Anzeigeschrift, Einheit leise. */
.leistungen__kopf { max-width: 46rem; margin-bottom: var(--raum-8); }
.leistung { display: grid; gap: var(--raum-6); align-items: center; padding: var(--raum-7) 0; border-top: 1px solid var(--linie); }
.leistung:first-of-type { border-top: 0; padding-top: 0; }
@media (min-width: 60rem) {
  .leistung { grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--raum-8); }
  .leistung--gespiegelt > :first-child { order: 2; }
}
.leistung__bild { margin: 0; }
.leistung__bild img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-gross); box-shadow: var(--schatten-1); }
.leistung__bild figcaption { margin-top: var(--raum-2); font-size: var(--gr-klein); color: var(--text-leise); }
.leistung__beleg { margin-top: var(--raum-4); font-size: var(--gr-klein); color: var(--text-leise); line-height: 1.6; max-width: 40rem; }
.preise .kennzeile { margin-bottom: var(--raum-2); }
.preise__titel { font-size: var(--gr-h3); margin-bottom: var(--raum-3); }
.preise__satz { max-width: 40rem; line-height: 1.65; margin-bottom: var(--raum-5); }
.preise__liste { display: grid; gap: var(--raum-1); margin: 0; padding: var(--raum-2) var(--raum-5); border-radius: var(--radius-mittel); background: var(--weiss); box-shadow: var(--schatten-1); }
.preise__zeile { display: grid; grid-template-columns: minmax(0, max-content) minmax(1.25rem, 1fr) auto; align-items: end; gap: var(--raum-2); padding: var(--raum-3) 0; border-bottom: 1px solid var(--linie); }
.preise__zeile:last-child { border-bottom: 0; }
.preise__zeile dt { grid-column: 1; grid-row: 1; line-height: 1.45; color: var(--tinte); }
/* Punktlinie vom Text zum Preis wie auf einer Preistafel */
.preise__zeile::after { content: ""; grid-column: 2; grid-row: 1; align-self: end; margin-bottom: 0.55em; border-bottom: 2px dotted var(--wtc-sage); opacity: 0.55; }
.preise__zeile dd { grid-column: 3; grid-row: 1; margin: 0; text-align: right; line-height: 1.2; }
.preise__betrag { display: block; font-family: var(--schrift-anzeige); font-weight: 700; font-size: 1.25rem; color: var(--faden-text); white-space: nowrap; }
.preise__einheit { display: block; font-size: 0.8125rem; color: var(--text-leise); white-space: nowrap; }
.preise__garn { margin-top: var(--raum-3); font-size: var(--gr-klein); color: var(--text-leise); }
.leistung .einfassung__figur { align-self: stretch; }
.leistungen__gut { margin-top: var(--raum-7); padding: var(--raum-6); border-radius: var(--radius-gross); background: var(--etikett); }
.leistungen__gut h3 { font-size: var(--gr-h4); margin-bottom: var(--raum-3); color: var(--wtc-dunkelgruen); }
.hinweisliste { list-style: none; display: grid; gap: var(--raum-3); }
@media (min-width: 60rem) { .hinweisliste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--raum-6); } }
.hinweisliste li { position: relative; padding-left: 1.6rem; line-height: 1.6; }
.hinweisliste li::before { content: ""; position: absolute; left: 0; top: 0.4em; width: 0.9rem; height: 1rem; background: var(--wtc-rose); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }

/* Preisrechner: Leistungen als Auswahlkarten je Schritt, Ergebnis mit Posten, Summe und Skizze */
.rechner--service .rechner__eingabe { align-content: start; }
.rechner__frage { margin-top: var(--raum-3); font-family: var(--schrift-anzeige); font-weight: 700; font-size: var(--gr-h4); color: var(--tinte); }
.rechner__gruppe { border: 0; margin: 0; padding: 0; display: grid; gap: var(--raum-2); }
.rechner__gruppe legend { font-weight: 700; margin-bottom: var(--raum-2); color: var(--tinte); }
.rechner__option { position: relative; display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.6rem 0.85rem; border: 1.5px solid var(--linie-kraeftig); border-radius: var(--radius-mittel); background: var(--weiss); cursor: pointer; line-height: 1.4; transition: border-color var(--zeit-1), background-color var(--zeit-1); }
.rechner__option input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.rechner__option::before { content: ""; width: 0.95rem; height: 1.05rem; flex: none; margin-top: 0.15rem; background: var(--linie-kraeftig); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: background-color var(--zeit-1); }
.rechner__option:has(input:checked) { border-color: var(--akzent); background: var(--hauch); }
.rechner__option:has(input:checked)::before { background: var(--wtc-rose); }
.rechner__option:has(input:focus-visible) { outline: 3px solid var(--fokus); outline-offset: 2px; }
.rechner__option > span { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.15rem 0.75rem; flex: 1; font-size: 0.9375rem; font-weight: 600; color: var(--tinte); }
.rechner__preis { font-weight: 700; color: var(--faden-text); white-space: nowrap; }
.rechner__preis--satz { flex-basis: 100%; white-space: normal; font-weight: 600; font-size: var(--gr-klein); line-height: 1.45; }
.rechner__keins { padding: var(--raum-4) var(--raum-5); border-radius: var(--radius-mittel); background: var(--weiss); color: var(--text-leise); }
.rechner__posten { list-style: none; display: grid; gap: 0; padding: 0 var(--raum-5); border-radius: var(--radius-mittel); background: var(--weiss); }
.rechner__posten li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.1rem var(--raum-4); padding: var(--raum-3) 0; border-bottom: 1px solid var(--linie); }
.rechner__posten li:last-child { border-bottom: 0; }
.rechner__posten-name { font-weight: 600; color: var(--tinte); }
.rechner__posten-rechnung { grid-row: 2; font-size: 0.875rem; color: var(--text-leise); }
.rechner__posten strong { grid-row: 1 / span 2; grid-column: 2; align-self: center; font-family: var(--schrift-anzeige); color: var(--tinte); white-space: nowrap; }
.rechner__summe { display: flex; justify-content: space-between; align-items: baseline; gap: var(--raum-4); margin-top: var(--raum-3); padding: var(--raum-4) var(--raum-5); border-radius: var(--radius-mittel); background: var(--wtc-dunkelgruen); color: var(--weiss); }
.rechner__summe span { font-weight: 600; }
.rechner__summe strong { font-family: var(--schrift-anzeige); font-size: 1.6rem; white-space: nowrap; }
.rechner__stoffteil { margin-top: var(--raum-4); }
.rechner__stoffteil .rechner__mehr { margin-top: var(--raum-4); }
/* Skizze des Rechners: Top als zartes Patchwork, darüber Heftstiche, Nadeln oder Quiltlinien, Binding als Kante aus echtem Stoff */
.skizze__rand { fill: none; stroke: var(--wtc-dunkelgruen); stroke-width: 1.2; opacity: 0.55; }
.skizze__ebene { pointer-events: none; }
.skizze__q-maschine { fill: none; stroke: var(--wtc-rose); stroke-width: 0.9; opacity: 0.95; }
.skizze__q-bigstitch { fill: none; stroke: var(--wtc-sage); stroke-width: 1.6; stroke-dasharray: 4.5 2.5; stroke-linecap: round; }
.skizze__q-amish { fill: none; stroke: var(--wtc-rose); stroke-width: 0.7; stroke-dasharray: 1 1.4; opacity: 0.95; }
.skizze__h-faden { fill: none; stroke: var(--wtc-sage); stroke-width: 1.1; stroke-dasharray: 6 4; }
.skizze__h-nadel { fill: none; stroke: #8A8F87; stroke-width: 1.1; stroke-linecap: round; }
.skizze__h-nadelkopf { fill: #8A8F87; }
.skizze__schildgrund { fill: var(--weiss); opacity: 0.88; }

/* Quilt-Service: Ein Quilt im Schnitt. Lagen in Carolines Farben (Top Lime, Vlies Creme, Rückseite Sage), das Binding in WTC-Rose,
   Linien in WTC-Dark Green. Nummern in Sechsecken, die Erklärung als Liste darunter. */
.einfassung__raster { display: grid; gap: var(--raum-7); align-items: center; }
@media (min-width: 60rem) { .einfassung__raster { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: var(--raum-8); } }
.einfassung__figur { --einfassung-grund: var(--salbei-hauch); margin: 0; padding: var(--raum-6) var(--raum-5) var(--raum-5); border-radius: var(--radius-gross); background: var(--einfassung-grund); }
.einfassung__bild { display: block; width: 100%; height: auto; overflow: visible; }
.einfassung__top { fill: var(--wtc-lime); stroke: var(--wtc-dunkelgruen); stroke-width: 1.4; stroke-linejoin: round; }
.einfassung__vlies { fill: var(--weiss); stroke: var(--wtc-dunkelgruen); stroke-width: 1.4; stroke-linejoin: round; }
.einfassung__rueck { fill: var(--wtc-sage); stroke: var(--wtc-dunkelgruen); stroke-width: 1.4; stroke-linejoin: round; }
.einfassung__stepp { stroke: var(--wtc-rose); stroke-width: 1.6; stroke-dasharray: 3 3; }
.einfassung__verlauf stop { stop-color: var(--einfassung-grund); }
.einfassung__verlauf stop:first-child { stop-opacity: 1; }
.einfassung__verlauf stop:last-child { stop-opacity: 0; }
.einfassung__binding { fill: var(--wtc-rose); stroke: var(--wtc-dunkelgruen); stroke-width: 1.5; stroke-linejoin: round; }
.einfassung__falz { fill: none; stroke: var(--wtc-dunkelgruen); stroke-width: 0.8; opacity: 0.55; }
.einfassung__naht { fill: none; stroke: var(--wtc-sage); stroke-width: 1.8; stroke-dasharray: 4 2.5; }
.einfassung__hand { fill: none; stroke: var(--wtc-sage); stroke-width: 1.8; stroke-linecap: round; }
.einfassung__leit { stroke: var(--wtc-dunkelgruen); stroke-width: 1; opacity: 0.6; }
.einfassung__marke path { fill: var(--wtc-rose); }
.einfassung__marke text { font-family: var(--schrift-text); font-size: 13px; font-weight: 700; fill: var(--wtc-dunkelgruen); }
.einfassung__legende { margin-top: var(--raum-5); }
.einfassung__unter { font-family: var(--schrift-anzeige); font-weight: 700; color: var(--wtc-dunkelgruen); margin-bottom: var(--raum-3); }
.einfassung__liste { list-style: none; counter-reset: ef; display: grid; gap: var(--raum-2) var(--raum-5); font-size: var(--gr-klein); line-height: 1.5; color: var(--tinte); }
@media (min-width: 40rem) { .einfassung__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.einfassung__liste li { counter-increment: ef; position: relative; padding-left: 2rem; }
.einfassung__liste li::before { content: counter(ef); position: absolute; left: 0; top: 0.05rem; width: 1.35rem; height: 1.56rem; display: grid; place-items: center;
  font-size: 0.75rem; font-weight: 700; color: var(--wtc-dunkelgruen); background: var(--wtc-rose); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.einfassung__liste strong { color: var(--wtc-dunkelgruen); }
/* Beim Scrollen legt sich das Binding um die Kante, dann erscheinen Naht, Handstich und Nummern. Nur mit Scroll-Zeitachse und ohne
   Wunsch nach weniger Bewegung, sonst steht die Zeichnung fertig da. */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .einfassung__figur { view-timeline-name: --einfassung; view-timeline-axis: block; }
    .einfassung__band { animation: einfassung-band linear both; animation-timeline: --einfassung; animation-range: entry 15% entry 75%; }
    .einfassung__naht, .einfassung__hand, .einfassung__marke, .einfassung__leit { animation: einfassung-auf linear both; animation-timeline: --einfassung; }
    .einfassung__naht { animation-range: entry 65% entry 95%; }
    .einfassung__hand { stroke-dasharray: 32; animation-name: einfassung-stich; animation-range: entry 80% cover 30%; }
    .einfassung__leit, .einfassung__marke { animation-range: entry 85% cover 32%; }
  }
}
@keyframes einfassung-band { from { opacity: 0; transform: translate(40px, 0); } to { opacity: 1; transform: translate(0, 0); } }
@keyframes einfassung-auf { from { opacity: 0; } to { opacity: 1; } }
@keyframes einfassung-stich { from { stroke-dashoffset: 32; } to { stroke-dashoffset: 0; } }

/* So misst du deinen Quilt (Quilt-Service, vor dem Preisrechner): gleiche Bildsprache wie der Querschnitt.
   Beim Scrollen ziehen sich die Maßbänder auf, dann erscheinen die Nummern; ohne Scroll-Zeitachse oder bei Wunsch nach
   weniger Bewegung steht die Zeichnung fertig da. */
.messen { display: grid; gap: var(--raum-6); align-items: center; margin-bottom: var(--raum-7); }
@media (min-width: 56rem) { .messen { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: var(--raum-7); } }
.messen__titel { font-family: var(--schrift-anzeige); font-size: var(--gr-h3); color: var(--tinte); margin-bottom: var(--raum-4); }
.messen__text p + p { margin-top: var(--raum-3); }
.messen__bild { display: block; width: 100%; height: auto; overflow: visible; }
.messen__kante { fill: none; stroke: var(--wtc-rose); stroke-width: 7; }
.messen__umriss { fill: none; stroke: var(--wtc-dunkelgruen); stroke-width: 1.4; }
.messen__massband { fill: var(--wtc-lime); stroke: var(--wtc-dunkelgruen); stroke-width: 1.2; }
.messen__strich { stroke: var(--wtc-dunkelgruen); stroke-width: 1; }
.messen__haken { fill: none; stroke: var(--wtc-dunkelgruen); stroke-width: 2.6; stroke-linejoin: round; }
.messen__ablesen { stroke: var(--wtc-sage); stroke-width: 2.4; stroke-linecap: round; }
.messen__wort { font-family: var(--schrift-text); font-size: 18px; font-weight: 700; fill: var(--wtc-dunkelgruen); paint-order: stroke; stroke: var(--weiss); stroke-width: 4px; stroke-linejoin: round; }
.messen__figur .einfassung__liste { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 40rem) { .messen__figur .einfassung__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .messen__figur { view-timeline-name: --messen; view-timeline-axis: block; }
    .messen__band { transform-box: fill-box; animation: messen-auf linear both; animation-timeline: --messen; }
    /* Seit 12.10.2026 (Carolines Wunsch: „früher anfangen, damit man ihn gut sieht“): Bisher war das Maßband quer schon halb
       ausgezogen, wenn es unten ins Bild kam. Jetzt beginnt jede Bewegung bei null, sobald ihr Teil sichtbar ist, und läuft ganz im
       sichtbaren Bereich: quer, bis die Zeichnung etwa in der Mitte steht, dann längs, zuletzt die Marken (Zeichnung ganz im Bild).
       Nachgemessen bei 320 × 568, 390 × 844, 820 × 1180, 1024 × 768, 1280 × 800, 1366 × 650, 1440 × 900 und 1920 × 1080. */
    .messen__band--quer { transform-origin: left center; --ziel: scaleX(0); animation-range: cover 22% cover 36%; }
    .messen__band--laengs { transform-origin: center top; --ziel: scaleY(0); animation-range: cover 36% cover 47%; }
    .messen__marke { animation: einfassung-auf linear both; animation-timeline: --messen; animation-range: cover 45% cover 50%; }
  }
}
@keyframes messen-auf { from { transform: var(--ziel); } to { transform: none; } }
/* Ohne Scroll-Zeitachse (ältere Safari, etwa auf dem iPad) bewegt schema.js dieselben Schritte; dafür diese Grundlagen */
.zeitachse-js .einfassung__hand { stroke-dasharray: 32; }
.zeitachse-js .messen__band { transform-box: fill-box; }
.zeitachse-js .messen__band--quer { transform-origin: left center; }
.zeitachse-js .messen__band--laengs { transform-origin: center top; }

/* Schablonen und Anleitungen */
.schablonen__seite { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--raum-6); justify-items: center; min-width: 0; }
/* Echtes Deckblatt des PDFs als Blatt Papier, leicht schräg */
.schablonen__blatt { display: grid; gap: var(--raum-3); justify-items: center; }
.schablonen__blatt picture { display: block; width: min(17rem, 70vw); rotate: -2deg; border-radius: 0.25rem; overflow: hidden; background: var(--weiss);
  box-shadow: 0 0.1rem 0.2rem rgb(var(--schatten-farbe) / 0.12), 0 1.2rem 2.4rem -0.6rem rgb(var(--schatten-farbe) / 0.28); }
.schablonen__blatt img { display: block; width: 100%; height: auto; }
.schablonen__blatt figcaption { font-size: var(--gr-klein); color: var(--text-leise); }
.schablonen__vorschau { list-style: none; display: grid; gap: var(--raum-4); }
.schablonen__seite .schablonen__vorschau { width: 100%; min-width: 0; }
.schablonen__vorschau li { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); grid-template-rows: auto auto; column-gap: var(--raum-5); align-items: center; padding: var(--raum-4) var(--raum-5); border-radius: var(--radius-mittel); background: var(--kalk); }
@media (max-width: 22.4rem) { .schablonen__vorschau li { grid-template-columns: 4rem minmax(0, 1fr); column-gap: var(--raum-4); padding-inline: var(--raum-4); } }
.schablonen__vorschau strong { font-family: var(--schrift-anzeige); font-size: var(--gr-h4); color: var(--tinte); align-self: end; }
.schablonen__vorschau span:not(.hexvorschau) { font-size: var(--gr-klein); color: var(--text-leise); align-self: start; }
.hexvorschau { grid-row: 1 / 3; justify-self: center; display: block; background: var(--weiss); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); box-shadow: inset 0 0 0 1px var(--linie); position: relative; }
.hexvorschau::after { content: ""; position: absolute; inset: 2px; clip-path: inherit; background: repeating-linear-gradient(135deg, var(--rose-hell) 0 0.35rem, var(--weiss) 0.35rem 0.7rem); }
.hexvorschau--klein { width: 2.2rem; height: 2.54rem; }
.hexvorschau--mittel { width: 3.3rem; height: 3.81rem; }
.hexvorschau--gross { width: 4.4rem; height: 5.08rem; }
/* Sechseck mit rosa markierter Kante: zeigt, was „Kantenlänge“ heißt (seit 06.10.2026 statt .hexvorschau) */
.schablonen__mass { font-size: var(--gr-klein); color: var(--text-leise); margin-bottom: var(--raum-3); }
.hexmass { grid-row: 1 / 3; justify-self: center; display: block; height: auto; overflow: visible; }
.hexmass--klein { width: 2.7rem; }
.hexmass--mittel { width: 4.1rem; }
.hexmass--gross { width: 5.4rem; }
.hexmass__grund { fill: var(--weiss); }
.hexmass__streifen { fill: var(--rose-hell); }
.hexmass__form { stroke: var(--wtc-dunkelgruen); stroke-width: 0.45; }
.hexmass__kante { stroke: var(--wtc-sage); stroke-width: 1.8; stroke-linecap: round; }
.hexmass__mass { fill: none; stroke: var(--wtc-sage); stroke-width: 0.8; }
.schablonen__info { margin-top: var(--raum-3); font-size: var(--gr-klein); }
.sogehts__kopf, .bald__kopf, .angebote__kopf, .werke__kopf, .welt__kopf, .verwandt__kopf, .fragen__kopf { max-width: 44rem; margin-bottom: var(--raum-7); }
.schritte-liste { list-style: none; counter-reset: s; display: grid; gap: var(--raum-5); }
@media (min-width: 48rem) { .schritte-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 72rem) { .schritte-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.schritte-liste li { counter-increment: s; padding: var(--raum-6); border-radius: var(--radius-mittel); background: var(--weiss); box-shadow: var(--schatten-1); }
.schritte-liste h3 { font-size: var(--gr-h4); display: flex; gap: 0.6rem; align-items: baseline; margin-bottom: var(--raum-2); }
.schritte-liste h3::before { content: counter(s); font-size: 0.9375rem; color: var(--faden-text); font-weight: 700; }
.sogehts__geschichte { margin-top: var(--raum-7); max-width: var(--zeile); padding-left: var(--raum-5); border-left: 0.2rem solid var(--faden); color: var(--text); }
.bald__liste { margin-bottom: var(--raum-6); }
.bald__fuss { max-width: 44rem; margin-bottom: var(--raum-8); color: var(--text); }
.bald__fuss .status { margin-right: var(--raum-2); vertical-align: 0.1em; }
.bald__warteliste, .warteliste-sektion .warteliste { max-width: 44rem; }
.warteliste .formular { margin-top: var(--raum-6); }
.wahl--spalte { flex-direction: column; align-items: flex-start; }

/* Kurse */
.stand .termine__leer { margin-top: var(--raum-5); }
.termine { list-style: none; display: grid; gap: var(--raum-3); margin-top: var(--raum-5); }
.termin { display: grid; grid-template-columns: 11rem minmax(0, 1fr) auto; gap: var(--raum-3) var(--raum-5); align-items: start; padding: var(--raum-4) 0; border-bottom: 1px solid var(--linie); }
.termin__datum { font-weight: 700; font-variant-numeric: tabular-nums; display: grid; }
.termin__datum span { font-weight: 400; color: var(--text-leise); }
.termin__was h3 { font-size: var(--gr-gross); margin-bottom: var(--raum-1); }
.termin__was p, .termin__mehr { color: var(--text-leise); }
.termin__an { align-self: center; }
.termine[hidden], .termine__leer[hidden] { display: none; }
@media (max-width: 40rem) { .termin { grid-template-columns: minmax(0, 1fr); } .termin__an { justify-self: start; } }
.kurs__bild { max-width: 30rem; justify-self: end; }

/* Werkschau */
.statement__text { font-size: var(--gr-text); line-height: 1.65; }
.statement__auftakt { font-family: var(--schrift-anzeige); font-size: var(--gr-h3); line-height: 1.3; font-weight: 520; color: var(--tinte); }
.werke__raster { list-style: none; display: grid; gap: var(--raum-7) var(--raum-6); grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); }
.werk { display: flex; flex-direction: column; gap: var(--raum-4); }
.werk__bild { position: relative; border-radius: var(--radius-mittel); overflow: hidden; background: var(--karte); aspect-ratio: 4 / 5; box-shadow: var(--schatten-1); }
.werk__bild picture, .werk__bild img { width: 100%; height: 100%; object-fit: cover; }
/* Kleines Sechseck oben rechts wie ein eingenähtes Etikett (kein Wasserzeichen): seit 12.10.2026 salbeigrün mit dünnem schwarzem Rand (Carolines Wunsch) */
.werk__etikett { position: absolute; right: 0.9rem; top: 0.9rem; width: 1.5rem; height: 1.725rem; background: var(--hexie-salbei) center / contain no-repeat; filter: drop-shadow(0 1px 1.5px rgb(var(--schatten-farbe) / 0.25)); }
.werk__text h3 { font-size: var(--gr-h3); margin: var(--raum-1) 0 var(--raum-2); }
.werk__text p { font-size: 1rem; line-height: 1.55; }
.werk__text .werk__muster { margin-top: var(--raum-2); color: var(--text-leise); font-size: var(--gr-klein); }
.werk__text .werk__preis { margin-top: var(--raum-2); font-weight: 620; }   /* Preis, wenn Caroline ihn nennt (17.10.2026) */
.werk__liste { list-style: disc; margin: var(--raum-2) 0 0; padding-left: 1.25rem; font-size: 1rem; line-height: 1.5; }   /* Aufzählung im ShowRoom, etwa die Stoffe in Opa Fritz’ Quilt (17.10.2026) */
.werk__liste li + li { margin-top: 0.25rem; }
.werk__liste li::marker { color: var(--akzent); }
.werk__liste + p { margin-top: var(--raum-2); }
.werk__text { flex: 1; display: flex; flex-direction: column; }
/* Links stehen unten in der Karte, damit sie in einer Reihe auf einer Linie liegen */
.werk__text .werk__links { margin-top: auto; padding-top: var(--raum-4); display: flex; flex-wrap: wrap; gap: var(--raum-2) var(--raum-5); }
.zeitleiste { list-style: none; display: grid; gap: 0; border-left: 0.2rem solid var(--wtc-rose); }   /* Naht in Rose (Carolines Wunsch: Nähte salbei, lime oder rose) */
.zeitleiste li { position: relative; display: grid; gap: var(--raum-1); padding: 0 0 var(--raum-6) var(--raum-6); }
.zeitleiste li::before { content: ""; position: absolute; left: -0.62rem; top: 0.2rem; width: 1rem; height: 1.15rem; background: var(--hexie-salbei) center / contain no-repeat; }
.zeitleiste__wann { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--faden-text); }
.zeitleiste__was { color: var(--tinte); }
.ausstellungen__bild { margin-top: var(--raum-6); }

/* Werkseiten und Beiträge */
.werk__fakten-sektion { padding-block: var(--raum-7) 0; }
.werk__geschichte .fliess, .beitrag .fliess { font-size: var(--gr-text); }
.werk__geschichte h2, .beitrag h2 { font-size: var(--gr-h3); }
.galerie { display: grid; gap: var(--raum-5); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 48rem) { .galerie { grid-template-columns: repeat(2, 1fr); } .galerie__bild--breit { grid-column: 1 / -1; } }
@media (min-width: 64rem) { .galerie { grid-template-columns: 2fr 1fr; } .galerie__bild--breit { grid-column: 1; grid-row: 1 / span 2; } .galerie:has(> :nth-child(5)) { grid-template-columns: 2fr 1fr 1fr; } }
.galerie__bild img { border-radius: var(--radius-mittel); }
.galerie__bild:not(.galerie__bild--breit) img { aspect-ratio: 1; height: auto; object-fit: cover; }
.zitat--im-text { margin: var(--raum-6) 0; }
.zitat--im-text p { font-size: var(--gr-h4); line-height: 1.4; }
.beitrag .bild { margin: var(--raum-6) 0; }
.beitrag__paar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--raum-4); margin: var(--raum-6) 0; }
.beitrag__paar .bild { margin: 0; }
.fliess > .beitrag__herkunft, .beitrag__herkunft { margin-top: var(--raum-7); padding-top: var(--raum-5); border-top: 1px solid var(--linie); font-size: var(--gr-klein); color: var(--text-leise); }
.beitraege { list-style: none; display: grid; gap: var(--raum-7); }
.beitragskarte { position: relative; display: grid; gap: var(--raum-5); align-items: center; }
@media (min-width: 56rem) { .beitragskarte { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: var(--raum-7); } .beitragskarte:nth-child(even) .beitragskarte__bild { order: 2; } }
.beitragskarte__bild img { aspect-ratio: 4 / 3; width: 100%; object-fit: cover; border-radius: var(--radius-gross); box-shadow: var(--schatten-1); transition: transform var(--zeit-3) var(--kurve-aus); }
.beitragskarte:hover .beitragskarte__bild img { transform: scale(1.015); }
.beitragskarte h2 { font-size: var(--gr-h2); margin: var(--raum-2) 0 var(--raum-4); }
.beitragskarte h2 a { color: var(--tinte); text-decoration: none; }
.beitragskarte__text .textlink { margin-top: var(--raum-4); }

/* Über Caroline */
.welt__liste { list-style: none; display: grid; gap: var(--raum-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.welt__liste li { padding: var(--raum-6); border-radius: var(--radius-mittel); background: var(--kalk); }
.welt__liste h3 { font-size: var(--gr-h4); margin-bottom: var(--raum-2); display: flex; align-items: center; gap: 0.6rem; }
.welt__liste h3::before { content: ""; width: 0.9rem; height: 1.04rem; flex: none; background: var(--zier-lime); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.element .zitat { margin-top: var(--raum-7); }
.logo__bild { width: 100%; max-width: 20rem; height: auto; border-radius: 50%; }
.hallo { text-align: left; }

/* Kontakt */
.kontaktkarten { list-style: none; }
.kontaktkarten h2 { font-size: var(--gr-h3); }
.kontaktkarten__zeichen { display: grid; place-items: center; width: 3rem; height: 3.46rem; color: var(--faden-text); background: var(--wtc-rose); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.kontaktkarten__zeichen svg { width: 1.35rem; height: 1.35rem; }
.anschrift { margin-top: var(--raum-6); display: grid; gap: var(--raum-3); }
.anschrift address { font-style: normal; line-height: 1.6; }

/* Rechtsseiten */
.recht__kopf { padding-top: calc(var(--kopf-h) + var(--raum-8)); padding-bottom: var(--raum-6); background: var(--kalk); }
.recht__kopf h1 { font-size: var(--gr-h1); }
.recht__stand { margin-top: var(--raum-3); color: var(--text-leise); }
.recht__querverweise { display: flex; flex-wrap: wrap; gap: var(--raum-2) var(--raum-5); margin-top: var(--raum-4); font-size: var(--gr-klein); }
.recht__raster { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--raum-7); padding-top: var(--raum-7); padding-bottom: var(--raum-9); }
@media (min-width: 60rem) { .recht__raster { grid-template-columns: 16rem minmax(0, 1fr); gap: var(--raum-8); } }
.recht__navi { display: none; }
@media (min-width: 60rem) {
  .recht__navi { display: block; position: sticky; top: calc(var(--kopf-h) + var(--raum-5)); align-self: start; max-height: calc(100svh - var(--kopf-h) - var(--raum-5) - 6.5rem); overflow-y: auto; overscroll-behavior: contain; }
}
.recht__navi p { font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-leise); margin-bottom: var(--raum-3); }
.recht__navi ol { list-style: none; position: relative; display: grid; gap: 0.15rem; counter-reset: rn; }
.recht__navi a { position: relative; display: flex; gap: 0.6rem; padding: 0.4rem 0.75rem; border-radius: var(--radius-klein); color: var(--text-leise); text-decoration: none; font-size: 0.9375rem; line-height: 1.35; counter-increment: rn; }
.recht__navi a::before { content: counter(rn) "."; font-variant-numeric: tabular-nums; min-width: 1.4em; color: var(--text-leise); }
.recht__navi a:hover { color: var(--tinte); background: var(--kalk); }
.recht__navi a[aria-current="true"] { color: var(--akzent-dunkel); background: var(--hauch); font-weight: 650; }
.recht__navi a[aria-current="true"]::before { color: var(--faden-text); }
.recht__leiste { position: sticky; z-index: 5; top: var(--kopf-h); margin: 0 calc(-1 * var(--rand)); padding: 0 var(--rand); background: var(--weiss); border-bottom: 1px solid var(--linie); }
@media (min-width: 60rem) { .recht__leiste { display: none; } }
.recht__leiste-knopf { display: flex; align-items: center; justify-content: space-between; gap: var(--raum-3); width: 100%; min-height: 3.25rem; border: 0; background: none; font-size: 0.9375rem; color: var(--tinte); text-align: left; cursor: pointer; }
.recht__leiste-knopf span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 auto; }
.recht__leiste-knopf svg { width: 1.1rem; height: 1.1rem; flex: none; transition: transform var(--zeit-2); }
.recht__leiste-knopf[aria-expanded="true"] svg { transform: rotate(180deg); }
.recht__leiste ol { list-style: none; display: grid; padding-bottom: var(--raum-3); max-height: 60svh; overflow-y: auto; }
.recht__leiste ol[hidden] { display: none; }
.recht__leiste ol a { display: block; padding: 0.7rem 0; border-top: 1px solid var(--linie); color: var(--tinte); text-decoration: none; font-size: 0.9375rem; }
.recht__text { max-width: 44rem; }
.recht__text h2 { font-size: var(--gr-h3); margin-top: var(--raum-8); scroll-margin-top: calc(var(--kopf-h) + 4.5rem); }
.recht__text h2:first-child { margin-top: 0; }
.recht__text h3 { font-size: var(--gr-h4); margin-top: var(--raum-6); }
.recht__text > * + * { margin-top: var(--raum-4); }
.recht__text p, .recht__text li { font-size: 1.0625rem; }
.recht__text ul { padding-left: 1.2rem; }
.recht__text li + li { margin-top: var(--raum-2); }
.recht__text address { font-style: normal; }
.recht__text .marke { margin-top: var(--raum-3); }
@media (min-width: 60rem) { .recht__text h2 { scroll-margin-top: calc(var(--kopf-h) + var(--raum-6)); } }

/* Ergebnisseiten, 404 */
.ergebnis { min-height: 72svh; display: grid; align-items: center; padding-top: calc(var(--kopf-h) + var(--raum-8)); }
.ergebnis h1 { font-size: var(--gr-h1); max-width: 18ch; }
.ergebnis .vorspann { margin-top: var(--raum-5); }
.ergebnis__hilfe { margin-top: var(--raum-7); padding: var(--raum-5); border-radius: var(--radius-mittel); background: var(--kalk); font-size: var(--gr-klein); max-width: 38rem; }
.ergebnis__luecke { display: flex; align-items: center; gap: 0.55rem; margin-bottom: var(--raum-6); }
.ergebnis__luecke span { width: 2.2rem; height: 0.42rem; border-radius: 1rem; background: url("../img/faden/stichreihe.png?v=b8ab42f4") no-repeat 0 50% / auto 100%; }
.ergebnis__luecke span.ist-weg { background: none; box-shadow: inset 0 0 0 1.5px var(--linie-kraeftig); }
/* Ergebnisseiten mit Zeichnung (WhatsApp-Zeichnungen vom 04.10.2026): Text links, Caroline rechts daneben;
   bei Fehlern denkt sie nach, nach dem Absenden steht sie mit Schüssel und ihren zwei Katzen da. Unter 60 rem klein über dem Text
   (bei 48 bis 60 rem nebeneinander würde die Überschrift zu schmal). */
.ergebnis__raster { display: grid; grid-template-columns: minmax(0, var(--bahn-eng)) minmax(8rem, 15rem); justify-content: center; align-items: center;
  gap: var(--raum-6) var(--raum-9); max-width: calc(var(--bahn-eng) + 15rem + var(--raum-9) + 2 * var(--rand)); }
.ergebnis__raster > .zeichnung { width: 100%; height: auto; max-height: min(26rem, 60svh); object-fit: contain; }
@media (max-width: 59.99rem) {
  .ergebnis__raster { grid-template-columns: minmax(0, 1fr); max-width: calc(var(--bahn-eng) + 2 * var(--rand)); }
  .ergebnis__raster > .zeichnung { order: -1; justify-self: start; width: auto; height: clamp(7.5rem, 22svh, 10rem); }
  .ergebnis--bild { padding-top: calc(var(--kopf-h) + var(--raum-6)); }
}
/* Über Caroline: Liz’ Zeichnung „Mädchen Arme hoch mit Nähkram“ neben dem Absatz über Technik und alte Nähmaschinen (Carolines Wunsch, 10.10.2026) */
.fliess > .zeichnung--naehkram { float: right; width: clamp(6.5rem, 20vw, 9.5rem); height: auto; margin: 0 0 var(--raum-3) var(--raum-5); }
.fliess > .zeichnung--naehkram + p { margin-top: 0; }
@media (min-width: 76rem) {
  .element .fliess { position: relative; }
  .fliess > .zeichnung--naehkram { position: absolute; left: calc(100% + var(--raum-8)); top: 0; float: none; width: 12rem; margin: 0; }
}

/* Einzugsgebiet und Ortsseiten */
.gebiet__zahlen { display: flex; flex-wrap: wrap; gap: var(--raum-5) var(--raum-8); margin-top: var(--raum-6); }
.gebiet__zahlen div { display: grid; }
.gebiet__zahlen dt { font-size: var(--gr-klein); color: var(--text-leise); order: 2; }
.gebiet__zahlen dd { margin: 0; font-family: var(--schrift-anzeige); font-size: var(--gr-h2); font-weight: 600; color: var(--tinte); }
/* Ortsfinder: ein Kasten. Oben steht die Suche fest, darunter scrollt die Liste in ihrem eigenen Fenster;
   am Ende der Liste läuft das Scrollen nicht auf die Seite über (overscroll-behavior). */
.gebiet__finder { display: flex; flex-direction: column; border-radius: var(--radius-gross); background: var(--weiss); box-shadow: var(--schatten-2); overflow: hidden; }
.gebiet__suche { display: grid; gap: var(--raum-4); padding: var(--raum-5); border-bottom: 1px solid var(--linie); background: var(--weiss); }
.gebiet__fenster { max-height: min(66svh, 46rem); overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--raum-5) var(--raum-5); scrollbar-gutter: stable; }
.gebiet__fenster:focus-visible { outline: 3px solid var(--fokus); outline-offset: -3px; }
@media (max-width: 47.99rem) { .gebiet__fenster { max-height: 60svh; padding: 0 var(--raum-4) var(--raum-4); } .gebiet__suche { padding: var(--raum-4); } }
html:not(.js) .gebiet__fenster { padding-top: var(--raum-4); }
.gebiet__filter { display: flex; flex-wrap: wrap; gap: var(--raum-2); }
.gebiet__treffer { font-size: var(--gr-klein); color: var(--text-leise); }
.gebiet__kreis + .gebiet__kreis { margin-top: var(--raum-6); }
/* Je Zeile links der Ort, rechts „km · Min.“ auf der ersten Zeile; zwei Spalten nur, solange die Karte darunter steht,
   und dann als Zeitungsspalten (von oben nach unten), damit die Sortierung nach Fahrzeit lesbar bleibt */
.gebiet__liste { list-style: none; margin-top: var(--raum-4); }
@media (min-width: 56rem) and (max-width: 71.99rem) { .gebiet__liste { columns: 2; column-gap: var(--raum-7); } }
.gebiet__liste li { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--raum-4); align-items: baseline; break-inside: avoid; padding: 0.7rem 0; border-bottom: 1px solid var(--linie); min-width: 0; }
.gebiet__liste a { min-width: 0; overflow-wrap: anywhere; }
.gebiet__liste li[hidden] { display: none; }
.gebiet__liste a { color: var(--tinte); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.22em; }   /* Linkzeichen wie überall (12.10.2026) */
.gebiet__liste a:hover { color: var(--akzent); text-decoration-thickness: 3px; }
.gebiet__liste span { color: var(--text-leise); font-variant-numeric: tabular-nums; white-space: nowrap; }
.gebiet__karte { margin-top: var(--raum-7); }
.gebiet__karte svg { width: 100%; height: auto; max-width: 44rem; }
.gebiet__leer { display: none; margin-top: var(--raum-5); padding: var(--raum-5); border-radius: var(--radius-mittel); background: var(--kalk); }
.gebiet__leer.ist-da { display: block; }
.quellenzeile { margin-top: var(--raum-7); font-size: var(--gr-klein); color: var(--text-leise); }
.ort__fakten { margin-top: var(--raum-6); }
.ort__raster { display: grid; gap: var(--raum-7); }
@media (min-width: 60rem) { .ort__raster { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } .ort__raster .ort__fakten { margin-top: 0; } }
.vorspann-fliess { max-width: 62ch; }
.vorspann-fliess p { font-size: var(--gr-gross); line-height: 1.55; color: var(--text); }
.vorspann-fliess p + p { margin-top: var(--raum-4); font-size: 1.0625rem; color: var(--text-leise); }
.karten--drei { margin-top: var(--raum-6); list-style: none; }
.schrittfolge { list-style: none; counter-reset: schritt; display: grid; gap: var(--raum-5); margin-top: var(--raum-6); }
@media (min-width: 56rem) { .schrittfolge { grid-template-columns: repeat(3, 1fr); } }
.schrittfolge li { counter-increment: schritt; position: relative; padding: var(--raum-6) var(--raum-5) var(--raum-5); border-radius: var(--radius-gross); background: var(--weiss); box-shadow: var(--schatten-1); }
.schrittfolge li::before { content: counter(schritt); display: grid; place-items: center; width: 2.4rem; height: 2.75rem; margin-bottom: var(--raum-4); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: var(--wtc-rose); color: var(--faden-text); font-weight: 700; font-family: var(--schrift-anzeige); }
.schrittfolge h3 { font-size: var(--gr-h4); margin-bottom: var(--raum-2); }
.ort__quellen { margin-top: var(--raum-7); font-size: var(--gr-klein); color: var(--text-leise); max-width: 70ch; }
.gebiet__raster { display: grid; gap: var(--raum-8); }
@media (min-width: 72rem) { .gebiet__raster { grid-template-columns: minmax(0, 1fr) 28rem; align-items: start; } .gebiet__seite { position: sticky; top: calc(var(--kopf-h) + var(--raum-5)); } }
.gebiet__land + .gebiet__land { margin-top: var(--raum-7); }
.gebiet__landtitel { margin-top: var(--raum-5); font-family: var(--schrift-anzeige); font-size: var(--gr-klein); font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-leise); }
/* Landkreis-Titel kleben im Listenfenster oben, solange ihre Orte zu sehen sind */
.gebiet__kreis h3 { position: sticky; top: 0; z-index: 1; margin: 0 calc(var(--raum-5) * -1); padding: var(--raum-3) var(--raum-5) var(--raum-2); background: var(--weiss); font-size: var(--gr-h4); display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--raum-3); border-bottom: 1px solid var(--linie); }
@media (max-width: 47.99rem) { .gebiet__kreis h3 { margin: 0 calc(var(--raum-4) * -1); padding-inline: var(--raum-4); } }
.gebiet__kreis .gebiet__liste { margin-top: 0; }
.gebiet__anzahl { font-family: var(--schrift-text); font-size: var(--gr-klein); font-weight: 600; color: var(--text-leise); }
.gebiet__kreis[hidden], .gebiet__land:not(:has(.gebiet__kreis:not([hidden]))) { display: none; }
html:not(.js) .gebiet__suche { display: none; }
.gebiet__suche input[type="search"] { width: 100%; min-height: 3.125rem; padding: 0.75rem 0.95rem; border: 1.5px solid var(--linie-kraeftig); border-radius: var(--radius-klein); background: var(--weiss); font-size: max(1rem, 16px); }
.gebiet__suche input[type="search"]:focus-visible { outline: none; border-color: var(--akzent); box-shadow: 0 0 0 3px var(--hauch); }
.gebiet__karte figcaption { margin-top: var(--raum-3); font-size: var(--gr-klein); color: var(--text-leise); }
.gebiet__svg { display: block; width: 100%; height: auto; }
.gebiet__ring { fill: none; stroke: var(--zier-salbei); stroke-width: 1.2; stroke-dasharray: 5 6; }
.gebiet__ringtext { font: 600 17px var(--schrift-text); fill: var(--text-leise); }
.gebiet__punkt { fill: var(--akzent); }
.gebiet__name { font: 600 19px var(--schrift-text); fill: var(--tinte); }
.gebiet__svg a:hover .gebiet__name, .gebiet__svg a:focus-visible .gebiet__name { fill: var(--akzent); text-decoration: underline; }
.gebiet__betrieb { fill: var(--wtc-rose); stroke: var(--wtc-dunkelgruen); stroke-width: 2.5; }   /* Akzent in Rose (Carolines Wunsch) */
.gebiet__betriebtext { font: 700 19px var(--schrift-anzeige); fill: var(--faden-text); }
.ort__nachbarn { list-style: none; display: grid; gap: 0 var(--raum-7); grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); margin-top: var(--raum-6); }
.ort__nachbarn li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--raum-3); padding: 0.6rem 0; border-bottom: 1px solid var(--linie); }
.ort__nachbarn span { color: var(--text-leise); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ort__nachbarn a { color: var(--tinte); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.22em; }   /* Linkzeichen wie überall (12.10.2026) */
.ort__nachbarn a:hover { color: var(--akzent); text-decoration: underline; }

/* Gequiltete Flächen: leise Steppstich-Motive aus dem Quilten im Hintergrund ruhiger Abschnitte (deko.py).
   Sie liegen unter dem Inhalt (z-index 0, Inhalt --z-inhalt), sind zum Rand hin ausgeblendet und stehen nur in Ecken,
   damit Text und Formulare frei bleiben. Waben: Großmutters Blumengarten. Fächer: Baptist Fan. Schlaufen: Allover-Bordüre aus Schlaufen. */
.wege::before, .verwandt::before, .so-gehts::before, .gebiet-fragen::before,
.selbst::before, .ablauf::before, .statement::before, .kontakt-formular::before,
.einladung::before, .anfrage::before, .warteliste-sektion::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background-repeat: no-repeat; }
.wege::before, .verwandt::before, .so-gehts::before, .gebiet-fragen::before {
  background-image: url("../img/deko/waben.svg?v=60a673ea"); background-position: right top; background-size: min(46rem, 88vw) auto; opacity: 0.22; }
.selbst::before, .ablauf::before, .statement::before, .kontakt-formular::before {
  background-image: url("../img/deko/faecher.svg?v=6bc8283b"); background-position: left bottom; background-size: min(40rem, 80vw) auto; opacity: 0.26; }
.ablauf::before, .statement::before { background-position: right bottom; transform: scaleX(-1); }
.einladung::before, .anfrage::before, .warteliste-sektion::before {
  background-image: url("../img/deko/schlaufen.svg?v=39cc1c62"); background-repeat: repeat-x; background-position: 0 calc(100% - var(--raum-6)); background-size: 22.5rem auto; opacity: 0.24;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); }
/* Social Media: Das Telefon liegt auf zwei aufgenähten Stoffstücken, ein großes in Rose mit dunkelgrüner Steppnaht (Carolines Wunsch)
   und ein kleines Stück Pünktchenstoff in Lime mit Vorstich in Salbei, wie eine Applikation auf einem Quilt. Ruhig, ohne Bewegung.
   Oberkante der Flicken: Höhe des Umschalters (3,35 rem) plus Abstand, dann wie bisher bezogen auf die Gerätebreite. */
.kanaele-sektion { overflow: clip; }
.kanaele::before, .kanaele::after { content: ""; position: absolute; z-index: -1; pointer-events: none; background: no-repeat center / 100% 100%;
  filter: drop-shadow(0 1.2rem 2rem rgb(var(--schatten-farbe) / 0.07)); }
.kanaele::before { width: calc(var(--kanal-b) * 1.45); aspect-ratio: 560 / 600; left: 50%; top: calc(var(--kanal-b) * 0.42 + 4.35rem); translate: -60% 0; rotate: -5deg;
  background-image: url("../img/deko/flicken-gross.svg?v=d59d4acc"); }
.kanaele::after { width: calc(var(--kanal-b) * 0.6); aspect-ratio: 300 / 280; left: 50%; top: calc(var(--kanal-b) * 0.1 + 4.35rem); translate: -118% 0; rotate: -11deg;
  background-image: url("../img/deko/flicken-klein.svg?v=28c1111a"); }
html:not(.js) .kanaele::before { top: calc(var(--kanal-b) * 0.42); }
html:not(.js) .kanaele::after { top: calc(var(--kanal-b) * 0.1); }
@media (max-width: 47.99rem) {
  .kanaele::before { width: calc(var(--kanal-b) * 1.3); translate: -50% 0; }
  .kanaele::after { width: calc(var(--kanal-b) * 0.5); translate: -104% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kanaele__schirm.ist-aus { transform: none; transition-delay: 0s; }
}

/* ---------- Änderungen nach Carolines Durchsicht (10.10.2026) ---------- */
/* Fließtext im Blocksatz mit Silbentrennung (ihr Wunsch: „Lieber Blocksatz?“), dazu der Vorspann auf „Über mich“.
   Telefone bis 30rem bleiben linksbündig: in der schmalen Spalte rissen sonst große Wortlücken auf */
@media (min-width: 30rem) {
  .vorspann--block, .fliess > p:not(.statement__auftakt):not(.statement__unterschrift):not(.statement__hinweis):not(.beitrag__herkunft) {
    text-align: justify; -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 7 3 3; text-wrap: wrap; }
}
/* Lieblingsprogramm als Aufzählung: zwei Themen, je ein Hexagon in Rose und in Salbei */
.themenliste { display: grid; gap: 0.15em; }
.themenliste__punkt { display: flex; align-items: baseline; gap: 0.5em; }
.themenliste__punkt::before { content: ""; flex: none; width: 0.5em; height: 0.577em; background: var(--faden); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.themenliste__punkt:last-child::before { background: var(--zier-salbei); }
/* Karte mit Aufzählung (Kurse: Memory Quilts, Nähen ohne Mathe, Nähkreis auf dem Fachwerk-Hof) */
.karte__liste { list-style: none; display: grid; gap: var(--raum-2); }
.karte__liste li { position: relative; padding-left: 1.35em; }
.karte__liste li::before { content: ""; position: absolute; left: 0.05em; top: 0.45em; width: 0.66em; height: 0.76em; background: var(--zier-salbei); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
/* Link in einer anderen Kontrastfarbe (Ein Beispiel: Evas Quilt) */
.textlink--kontrast { color: var(--wtc-dunkelgruen); background-color: var(--wtc-rose); padding: 0.7em 1.15em; border-radius: 0.375rem;
  outline: 1.5px dashed var(--wtc-dunkelgruen); outline-offset: -0.4rem; box-shadow: 0 0.6rem 1.2rem -0.7rem rgb(var(--schatten-farbe) / 0.45); }
.textlink--kontrast:hover { color: var(--faden-text-tief); background-size: 0 0.36em; }
.textlink--kontrast:focus-visible { outline: 3px solid var(--fokus); outline-offset: 3px; }
/* Artist Statement: Hinweis auf „Über mich“, Unterschrift und Sprachhinweis in „Meine textile Welt“ */
.statement-hinweis .zitat { margin-top: var(--raum-6); }
.statement__hinweis { font-size: var(--gr-klein); color: var(--text-leise); max-width: 30ch; }
.statement__unterschrift { margin-top: var(--raum-6); font-family: var(--schrift-anzeige); font-size: var(--gr-h3); font-weight: 700; color: var(--unterschrift); transform: rotate(-3deg); transform-origin: left center; }
/* Presse: Zeitungsartikel wie ein aufgenähter Ausschnitt, mit Vorstich in Rose */
.presse__liste { list-style: none; display: grid; gap: var(--raum-5); margin-top: var(--raum-6); }
.presse__artikel { position: relative; padding: var(--raum-6) calc(var(--raum-6) + 0.25rem); border-radius: var(--radius-mittel); background: var(--karte); box-shadow: var(--schatten-1); }
.presse__artikel::before { content: ""; position: absolute; inset: 0.55rem; border: 2px dashed var(--faden); border-radius: calc(var(--radius-mittel) - 0.35rem); pointer-events: none; }
.presse__quelle { font-size: var(--gr-klein); font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--faden-text); }
.presse__artikel h3 { margin-top: var(--raum-3); font-size: var(--gr-h3); }
.presse__artikel h3 a { color: var(--tinte); text-decoration: none; }
.presse__artikel h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.presse__artikel h3 a:hover, .presse__artikel h3 a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.presse__artikel p:not(.presse__quelle):not(.presse__weiter) { margin-top: var(--raum-3); color: var(--text-leise); }
/* Werkseiten: nach der Bildergalerie weniger Luft vor dem nächsten Kapitel (Carolines Hinweis zu „Ein Stück London“) */
.werk__galerie-sektion { padding-bottom: var(--raum-6); }
.werk__galerie-sektion + .werk__geschichte { padding-top: var(--raum-6); }
.werk__galerie-sektion + .werk__geschichte .fliess > h2:first-child { margin-top: 0; }

/* ---------- Änderungen vom 12.10.2026 (Carolines Wünsche, Teil 3) ---------- */

/* Pfeil nach unten am Ende jedes Abschnitts („Alle Seiten sollten generell mehr Pfeile haben, die nach unten weisen“):
   Sechseck in Salbei mit dünnem schwarzem Rand, Pfeil weiß; sitzt mittig im unteren Abstand des Abschnitts */
.sektion, .seitenkopf { --weiter-raum: var(--sektion); }
.seitenkopf { --weiter-raum: var(--raum-8); }
.sektion > .weiter, .seitenkopf > .weiter, .weiter {
  position: absolute; z-index: var(--z-inhalt); left: 50%; bottom: calc((var(--weiter-raum) - 2.875rem) / 2); translate: -50% 0;
  display: block; width: 2.5rem; height: 2.875rem; color: var(--weiss); cursor: pointer;
  filter: drop-shadow(0 0.25rem 0.5rem rgb(var(--schatten-farbe) / 0.18));
  transition: transform var(--zeit-2) var(--kurve-aus);
}
.weiter svg { display: block; width: 100%; height: 100%; overflow: visible; }
.weiter__hexie { fill: var(--wtc-sage); stroke: var(--naht-schwarz); stroke-width: 1.3; stroke-linejoin: round; transition: fill var(--zeit-1) var(--kurve-sym); }
.weiter__pfeil { fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.weiter:hover { transform: translateY(0.2rem); }
.weiter:hover .weiter__hexie { fill: var(--wtc-dunkelgruen); }
@media (max-width: 40rem) {
  .sektion > .weiter, .seitenkopf > .weiter, .weiter { width: 2.125rem; height: 2.45rem; bottom: calc((var(--weiter-raum) - 2.45rem) / 2); }
}
@media (prefers-reduced-motion: reduce) { .weiter { transition: none; } .weiter:hover { transform: none; } }
/* Sprungziele: Abschnitte landen unter dem festen Kopf */
main > section[id]:not(.held), main > header[id], main > article[id] { scroll-margin-top: var(--kopf-h); }

/* Zeitungsartikel: die ganze Karte ist ein Link, unten ein deutlicher Button (Carolines Hinweis: „man erkennt nicht gleich, dass man draufklicken soll“) */
.presse__artikel h3 a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.22em; }
.presse__artikel h3 a:hover { text-decoration-thickness: 3px; }
.presse__artikel { transition: transform var(--zeit-2) var(--kurve-aus), box-shadow var(--zeit-2) var(--kurve-aus); }
.presse__artikel:hover { transform: translateY(-2px); box-shadow: var(--schatten-2); }
.presse__artikel .presse__weiter { margin-top: var(--raum-5); }
.presse__weiter .button::after { content: ""; width: 0.9em; height: 0.9em; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath d=%22M7 17 17 7M9 7h8v8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center / contain no-repeat; }
.presse__artikel:hover .presse__weiter .button { background: var(--hauch); }

/* Schablonen: das Deckblatt vorn, eine Seite mit Sechsecken dahinter, dazu ein Schild „Hexie-Schablonen“
   (Carolines Wunsch: „ein Hinweis auf Hexie-Schablonen, damit man weiß, was man kriegt“) */
.schablonen__stapel { position: relative; width: min(19rem, 78vw); padding: 0 2.5rem 1.25rem 0; }
.schablonen__blatt .schablonen__stapel picture { display: block; width: 100%; border-radius: 0.25rem; overflow: hidden; background: var(--weiss); box-shadow: var(--schatten-2); }
.schablonen__blatt .schablonen__stapel .schablonen__vorn { position: relative; z-index: 1; width: 86%; rotate: -2.5deg; }
.schablonen__blatt .schablonen__stapel .schablonen__hinten { position: absolute; z-index: 0; right: 0; top: 1rem; width: 72%; rotate: 4deg; }   /* bleibt mit Drehung innerhalb des Stapels, die Bildunterschrift liegt frei */
.schablonen__etikett { position: absolute; z-index: 2; left: -0.75rem; bottom: 0.25rem; display: grid; gap: 0.1rem; padding: 0.55rem 0.95rem 0.6rem;
  border-radius: var(--radius-mittel); background: var(--wtc-sage); color: var(--naht-schwarz); box-shadow: 0 0 0 1.5px var(--naht-schwarz), var(--schatten-2); rotate: -2.5deg; }   /* Schwarz auf Salbei 4,6 : 1 */
.schablonen__etikett strong { font-family: var(--schrift-anzeige); font-size: 1.125rem; font-weight: 700; line-height: 1.2; }
.schablonen__etikett span { font-size: 0.875rem; font-weight: 650; line-height: 1.3; }
.schablonen__blatt figcaption { max-width: 22rem; text-align: center; text-wrap: balance; }

/* Verkauft oder zu haben (an der Leine und im ShowRoom), sobald Caroline es in werke.json einträgt */
.verkauf { display: inline-flex; align-items: center; margin-left: 0.55rem; padding: 0.12rem 0.55rem 0.14rem; border-radius: var(--radius-voll);
  font-family: var(--schrift-text); font-size: 0.75rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.3; vertical-align: 0.15em; }
.verkauf--weg { background: var(--naht-schwarz); color: var(--weiss); }
.verkauf--da { background: var(--wtc-sage); color: var(--naht-schwarz); box-shadow: inset 0 0 0 1px var(--naht-schwarz); }   /* Schwarz auf Salbei 4,6 : 1 */

/* Hero-Szene (aus szene.json): Lage in Bildpunkten des Ausgangsbilds, umgerechnet in Anteile der Bühnenbreite */
.held__teil { width: 5.4506cqw; height: 6.2500cqw; }
.teil__schatten { left: -0.9448cqw; top: -0.9448cqw; width: 7.3401cqw; height: 8.1395cqw; }
.held__kleid--bluse { left: 78.2340cqw; top: 5.2326cqw; width: 21.5480cqw; height: 24.3096cqw; }
.held__kleid--hemd { left: 54.2151cqw; top: 6.7224cqw; width: 19.2587cqw; height: 45.7485cqw; }
.held__kleid--leinen { left: 79.1788cqw; top: 31.4680cqw; width: 20.3852cqw; height: 19.6221cqw; }
.teil--01 { left: 86.4099cqw; top: 37.4273cqw; }
.teil--02 { left: 87.3183cqw; top: 9.0843cqw; }
.teil--03 { left: 79.3241cqw; top: 13.6991cqw; }
.teil--04 { left: 84.6657cqw; top: 13.6991cqw; }
.teil--05 { left: 89.9709cqw; top: 13.6991cqw; }
.teil--06 { left: 81.9767cqw; top: 18.3140cqw; }
.teil--07 { left: 87.3183cqw; top: 18.3140cqw; }
.teil--08 { left: 60.1744cqw; top: 17.6962cqw; }
.teil--09 { left: 65.5160cqw; top: 17.6962cqw; }
.teil--10 { left: 57.5218cqw; top: 22.3110cqw; }
.teil--11 { left: 62.8270cqw; top: 22.3110cqw; }
.teil--12 { left: 60.1744cqw; top: 26.9259cqw; }
.teil--13 { left: 65.5160cqw; top: 26.9259cqw; }
.teil--14 { left: 57.5218cqw; top: 31.5407cqw; }
.teil--15 { left: 62.8270cqw; top: 31.5407cqw; }
.teil--16 { left: 60.1744cqw; top: 36.1555cqw; }
.teil--17 { left: 65.5160cqw; top: 36.1555cqw; }
.teil--18 { left: 57.5218cqw; top: 40.7340cqw; }
.teil--19 { left: 62.8270cqw; top: 40.7340cqw; }
@media (orientation: portrait) {
  .held__kleid--bluse { left: 28.9244cqw; top: 7.8125cqw; width: 21.5480cqw; height: 24.3096cqw; }
  .held__kleid--hemd { left: 52.1439cqw; top: 7.4491cqw; width: 19.2587cqw; height: 45.7485cqw; }
  .held__kleid--leinen { left: 29.7602cqw; top: 32.6308cqw; width: 20.3852cqw; height: 19.6221cqw; }
  .teil--01 { left: 36.9913cqw; top: 38.5901cqw; }
  .teil--02 { left: 38.0087cqw; top: 11.6642cqw; }
  .teil--03 { left: 30.0145cqw; top: 16.2791cqw; }
  .teil--04 { left: 35.3561cqw; top: 16.2791cqw; }
  .teil--05 { left: 40.6613cqw; top: 16.2791cqw; }
  .teil--06 { left: 32.6672cqw; top: 20.8939cqw; }
  .teil--07 { left: 38.0087cqw; top: 20.8939cqw; }
  .teil--08 { left: 58.1032cqw; top: 18.4230cqw; }
  .teil--09 { left: 63.4448cqw; top: 18.4230cqw; }
  .teil--10 { left: 55.4506cqw; top: 23.0378cqw; }
  .teil--11 { left: 60.7558cqw; top: 23.0378cqw; }
  .teil--12 { left: 58.1032cqw; top: 27.6526cqw; }
  .teil--13 { left: 63.4448cqw; top: 27.6526cqw; }
  .teil--14 { left: 55.4506cqw; top: 32.2674cqw; }
  .teil--15 { left: 60.7558cqw; top: 32.2674cqw; }
  .teil--16 { left: 58.1032cqw; top: 36.8823cqw; }
  .teil--17 { left: 63.4448cqw; top: 36.8823cqw; }
  .teil--18 { left: 55.4506cqw; top: 41.4608cqw; }
  .teil--19 { left: 60.7558cqw; top: 41.4608cqw; }
}
.held__glanz { width: 25.1744cqw; height: 23.2558cqw; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 692.8 640.0%22 width=%22693%22 height=%22640%22%3E%3Cpath fill=%22%23000%22 d=%22M346.4 240.0L415.7 280.0L415.7 360.0L346.4 400.0L277.1 360.0L277.1 280.0ZM415.7 120.0L485.0 160.0L485.0 240.0L415.7 280.0L346.4 240.0L346.4 160.0ZM485.0 0.0L554.3 40.0L554.3 120.0L485.0 160.0L415.7 120.0L415.7 40.0ZM346.4 0.0L415.7 40.0L415.7 120.0L346.4 160.0L277.1 120.0L277.1 40.0ZM485.0 240.0L554.3 280.0L554.3 360.0L485.0 400.0L415.7 360.0L415.7 280.0ZM623.5 240.0L692.8 280.0L692.8 360.0L623.5 400.0L554.3 360.0L554.3 280.0ZM554.3 120.0L623.5 160.0L623.5 240.0L554.3 280.0L485.0 240.0L485.0 160.0ZM415.7 360.0L485.0 400.0L485.0 480.0L415.7 520.0L346.4 480.0L346.4 400.0ZM485.0 480.0L554.3 520.0L554.3 600.0L485.0 640.0L415.7 600.0L415.7 520.0ZM554.3 360.0L623.5 400.0L623.5 480.0L554.3 520.0L485.0 480.0L485.0 400.0ZM277.1 360.0L346.4 400.0L346.4 480.0L277.1 520.0L207.8 480.0L207.8 400.0ZM207.8 480.0L277.1 520.0L277.1 600.0L207.8 640.0L138.6 600.0L138.6 520.0ZM346.4 480.0L415.7 520.0L415.7 600.0L346.4 640.0L277.1 600.0L277.1 520.0ZM207.8 240.0L277.1 280.0L277.1 360.0L207.8 400.0L138.6 360.0L138.6 280.0ZM69.3 240.0L138.6 280.0L138.6 360.0L69.3 400.0L-0.0 360.0L0.0 280.0ZM138.6 360.0L207.8 400.0L207.8 480.0L138.6 520.0L69.3 480.0L69.3 400.0ZM277.1 120.0L346.4 160.0L346.4 240.0L277.1 280.0L207.8 240.0L207.8 160.0ZM207.8 0.0L277.1 40.0L277.1 120.0L207.8 160.0L138.6 120.0L138.6 40.0ZM138.6 120.0L207.8 160.0L207.8 240.0L138.6 280.0L69.3 240.0L69.3 160.0Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 692.8 640.0%22 width=%22693%22 height=%22640%22%3E%3Cpath fill=%22%23000%22 d=%22M346.4 240.0L415.7 280.0L415.7 360.0L346.4 400.0L277.1 360.0L277.1 280.0ZM415.7 120.0L485.0 160.0L485.0 240.0L415.7 280.0L346.4 240.0L346.4 160.0ZM485.0 0.0L554.3 40.0L554.3 120.0L485.0 160.0L415.7 120.0L415.7 40.0ZM346.4 0.0L415.7 40.0L415.7 120.0L346.4 160.0L277.1 120.0L277.1 40.0ZM485.0 240.0L554.3 280.0L554.3 360.0L485.0 400.0L415.7 360.0L415.7 280.0ZM623.5 240.0L692.8 280.0L692.8 360.0L623.5 400.0L554.3 360.0L554.3 280.0ZM554.3 120.0L623.5 160.0L623.5 240.0L554.3 280.0L485.0 240.0L485.0 160.0ZM415.7 360.0L485.0 400.0L485.0 480.0L415.7 520.0L346.4 480.0L346.4 400.0ZM485.0 480.0L554.3 520.0L554.3 600.0L485.0 640.0L415.7 600.0L415.7 520.0ZM554.3 360.0L623.5 400.0L623.5 480.0L554.3 520.0L485.0 480.0L485.0 400.0ZM277.1 360.0L346.4 400.0L346.4 480.0L277.1 520.0L207.8 480.0L207.8 400.0ZM207.8 480.0L277.1 520.0L277.1 600.0L207.8 640.0L138.6 600.0L138.6 520.0ZM346.4 480.0L415.7 520.0L415.7 600.0L346.4 640.0L277.1 600.0L277.1 520.0ZM207.8 240.0L277.1 280.0L277.1 360.0L207.8 400.0L138.6 360.0L138.6 280.0ZM69.3 240.0L138.6 280.0L138.6 360.0L69.3 400.0L-0.0 360.0L0.0 280.0ZM138.6 360.0L207.8 400.0L207.8 480.0L138.6 520.0L69.3 480.0L69.3 400.0ZM277.1 120.0L346.4 160.0L346.4 240.0L277.1 280.0L207.8 240.0L207.8 160.0ZM207.8 0.0L277.1 40.0L277.1 120.0L207.8 160.0L138.6 120.0L138.6 40.0ZM138.6 120.0L207.8 160.0L207.8 240.0L138.6 280.0L69.3 240.0L69.3 160.0Z%22/%3E%3C/svg%3E"); }
.held.hat-loecher .held__kleid--bluse.hat-loch .kleid__stoff { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 593 669%22 width=%22593%22 height=%22669%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H593V669H0ZM325.0 113.2L393.2 152.6L393.2 231.4L325.0 270.8L256.8 231.4L256.8 152.6ZM105.0 240.2L173.2 279.6L173.2 358.4L105.0 397.8L36.8 358.4L36.8 279.6ZM252.0 240.2L320.2 279.6L320.2 358.4L252.0 397.8L183.8 358.4L183.8 279.6ZM398.0 240.2L466.2 279.6L466.2 358.4L398.0 397.8L329.8 358.4L329.8 279.6ZM178.0 367.2L246.2 406.6L246.2 485.4L178.0 524.8L109.8 485.4L109.8 406.6ZM325.0 367.2L393.2 406.6L393.2 485.4L325.0 524.8L256.8 485.4L256.8 406.6Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 593 669%22 width=%22593%22 height=%22669%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H593V669H0ZM325.0 113.2L393.2 152.6L393.2 231.4L325.0 270.8L256.8 231.4L256.8 152.6ZM105.0 240.2L173.2 279.6L173.2 358.4L105.0 397.8L36.8 358.4L36.8 279.6ZM252.0 240.2L320.2 279.6L320.2 358.4L252.0 397.8L183.8 358.4L183.8 279.6ZM398.0 240.2L466.2 279.6L466.2 358.4L398.0 397.8L329.8 358.4L329.8 279.6ZM178.0 367.2L246.2 406.6L246.2 485.4L178.0 524.8L109.8 485.4L109.8 406.6ZM325.0 367.2L393.2 406.6L393.2 485.4L325.0 524.8L256.8 485.4L256.8 406.6Z%22/%3E%3C/svg%3E"); }
.held.hat-loecher .held__kleid--hemd.hat-loch .kleid__stoff { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 530 1259%22 width=%22530%22 height=%221259%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H530V1259H0ZM239.0 309.2L307.2 348.6L307.2 427.4L239.0 466.8L170.8 427.4L170.8 348.6ZM386.0 309.2L454.2 348.6L454.2 427.4L386.0 466.8L317.8 427.4L317.8 348.6ZM166.0 436.2L234.2 475.6L234.2 554.4L166.0 593.8L97.8 554.4L97.8 475.6ZM312.0 436.2L380.2 475.6L380.2 554.4L312.0 593.8L243.8 554.4L243.8 475.6ZM239.0 563.2L307.2 602.6L307.2 681.4L239.0 720.8L170.8 681.4L170.8 602.6ZM386.0 563.2L454.2 602.6L454.2 681.4L386.0 720.8L317.8 681.4L317.8 602.6ZM166.0 690.2L234.2 729.6L234.2 808.4L166.0 847.8L97.8 808.4L97.8 729.6ZM312.0 690.2L380.2 729.6L380.2 808.4L312.0 847.8L243.8 808.4L243.8 729.6ZM239.0 817.2L307.2 856.6L307.2 935.4L239.0 974.8L170.8 935.4L170.8 856.6ZM386.0 817.2L454.2 856.6L454.2 935.4L386.0 974.8L317.8 935.4L317.8 856.6ZM166.0 943.2L234.2 982.6L234.2 1061.4L166.0 1100.8L97.8 1061.4L97.8 982.6ZM312.0 943.2L380.2 982.6L380.2 1061.4L312.0 1100.8L243.8 1061.4L243.8 982.6Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 530 1259%22 width=%22530%22 height=%221259%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H530V1259H0ZM239.0 309.2L307.2 348.6L307.2 427.4L239.0 466.8L170.8 427.4L170.8 348.6ZM386.0 309.2L454.2 348.6L454.2 427.4L386.0 466.8L317.8 427.4L317.8 348.6ZM166.0 436.2L234.2 475.6L234.2 554.4L166.0 593.8L97.8 554.4L97.8 475.6ZM312.0 436.2L380.2 475.6L380.2 554.4L312.0 593.8L243.8 554.4L243.8 475.6ZM239.0 563.2L307.2 602.6L307.2 681.4L239.0 720.8L170.8 681.4L170.8 602.6ZM386.0 563.2L454.2 602.6L454.2 681.4L386.0 720.8L317.8 681.4L317.8 602.6ZM166.0 690.2L234.2 729.6L234.2 808.4L166.0 847.8L97.8 808.4L97.8 729.6ZM312.0 690.2L380.2 729.6L380.2 808.4L312.0 847.8L243.8 808.4L243.8 729.6ZM239.0 817.2L307.2 856.6L307.2 935.4L239.0 974.8L170.8 935.4L170.8 856.6ZM386.0 817.2L454.2 856.6L454.2 935.4L386.0 974.8L317.8 935.4L317.8 856.6ZM166.0 943.2L234.2 982.6L234.2 1061.4L166.0 1100.8L97.8 1061.4L97.8 982.6ZM312.0 943.2L380.2 982.6L380.2 1061.4L312.0 1100.8L243.8 1061.4L243.8 982.6Z%22/%3E%3C/svg%3E"); }
.held.hat-loecher .held__kleid--leinen.hat-loch .kleid__stoff { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 561 540%22 width=%22561%22 height=%22540%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H561V540H0ZM274.0 171.2L342.2 210.6L342.2 289.4L274.0 328.8L205.8 289.4L205.8 210.6Z%22/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 561 540%22 width=%22561%22 height=%22540%22%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M0 0H561V540H0ZM274.0 171.2L342.2 210.6L342.2 289.4L274.0 328.8L205.8 289.4L205.8 210.6Z%22/%3E%3C/svg%3E"); }