/* paramon.de – Stilvariante „thames“ (Nr. 6)
   Auftrag 21.10.2026: in allen Elementen so nah wie möglich an thamesandhudson.com.
   Werte vom Vorbild abgenommen (Playwright, 1440 px, 21.10.2026):
     Schrift      Neue Haas Unica (Adobe, nicht frei) → hier die bisherige paramon-Schrift Open Sans
                  (Entscheidung Auftraggeber 21.10.2026); alles in 400, Text 15 px,
                  Laufweite 0.15 px, Zitate in einer Antiqua-Kursive (dort Plantin → hier Crimson Pro)
     Farben       Schrift #131313 · Hinweisleiste/Newsletter Salbei #899086 · Fuß/Titelbänder
                  Schiefer #43464e · Fußleiste/Bänder Grau #65686e · Sammlungsfläche Beige #f5f0ed ·
                  Artikelband Stein #d6d3cc · Buchkacheln #f7f7f7 · Bildflächen #e0e0e0
     Raster       volle Fensterbreite, 64 px Rand; farbige Abschnitte laufen über die ganze Breite,
                  Bildbanner halb Bild / halb Farbfläche; Seitentitel als Schieferband
     Knöpfe       eckig, flach: fast schwarz, Schiefer in Bannern, weiße Kontur auf dunklem Grund
   Alle Regeln gelten nur unter html[data-stil="thames"]; stil.css bleibt die Grundlage. */

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/assets/schriften/opensans-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("/assets/schriften/opensans-kursiv.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Crimson Pro";
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/schriften/thames-crimsonpro-kursiv.woff2") format("woff2-variations");
}

[data-stil="thames"] {
  --tinte: #131313;
  --tinte-2: #65686e;
  --gold: #43464e;          /* Akzent = Schiefer (Vorbild ohne Buntfarbe) */
  --gold-dunkel: #131313;
  --bronze: #131313;        /* Links */
  --bronze-tief: #43464e;
  --linie: #e6e6e6;
  --papier: #ffffff;
  --papier-2: #f5f0ed;      /* Beige der Sammlungsflächen */
  --kachel: #f7f7f7;        /* Buchkacheln */
  --bildgrund: #e0e0e0;     /* Bildhälfte der Banner */
  --stein: #d6d3cc;         /* Artikelband */
  --salbei: #899086;        /* Hinweisleiste, Newsletterband, Autorenband */
  --schiefer: #43464e;      /* Fuß, Seitentitel, Knöpfe in Bannern */
  --grau: #65686e;          /* Fußleiste, dunkles Banner */
  --schrift: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --zitat: "Crimson Pro", Georgia, "Times New Roman", serif;
  --breit: 1440px;
  --rand: clamp(16px, 4.45vw, 64px);
  --spalte: 650px;          /* Textspalte der Inhaltsseiten */
  --abstand: clamp(2.5rem, 4.5vw, 4rem);
  overflow-x: clip;         /* vollbreite Bänder (100vw) erzeugen keinen Querlauf */
}

/* ---------- Grundelemente ---------- */

[data-stil="thames"] body { font-size: 0.9375rem; line-height: 1.5; letter-spacing: 0.01em; color: var(--tinte); }
[data-stil="thames"] h1, [data-stil="thames"] h2, [data-stil="thames"] h3, [data-stil="thames"] h4 {
  font-family: var(--schrift); font-weight: 400; color: var(--tinte); letter-spacing: 0; line-height: 1.4; max-width: none;
}
[data-stil="thames"] h1 { font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem); line-height: 1.3; }
[data-stil="thames"] h2 { font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); }
[data-stil="thames"] h3 { font-size: 1.5rem; }
[data-stil="thames"] h4 { font-size: 1.125rem; }
[data-stil="thames"] p, [data-stil="thames"] ul:not([class]), [data-stil="thames"] ol:not([class]) { max-width: var(--spalte); }
[data-stil="thames"] strong { font-weight: 600; }
[data-stil="thames"] a { color: var(--tinte); text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
[data-stil="thames"] a:hover { color: var(--tinte); text-decoration-thickness: 2px; }
[data-stil="thames"] a:focus-visible, [data-stil="thames"] button:focus-visible { outline: 2px solid var(--tinte); outline-offset: 2px; border-radius: 0; }
/* Hervorgehobene Einzelwörter (Startseite) bewusst ohne Kursiv, Auftraggeber 03.11.2026 */
[data-stil="thames"] .hervor { font-style: normal; font-weight: inherit; }
/* Zitate wie im Vorbild: Antiqua-Kursive, zentriert, große Anführungszeichen */
[data-stil="thames"] blockquote {
  position: relative; border: 0; margin: 2em auto; padding: 0 3.25rem; text-align: center;
  font-family: var(--zitat); font-style: italic; font-size: 1.35rem; line-height: 1.35; max-width: var(--spalte);
}
[data-stil="thames"] blockquote::before, [data-stil="thames"] blockquote::after { position: absolute; font-family: var(--zitat); font-style: normal; font-size: 3rem; line-height: 1; color: var(--tinte-2); }
[data-stil="thames"] blockquote::before { content: "\201C"; left: 0; top: -0.1em; }
[data-stil="thames"] blockquote::after { content: "\201D"; right: 0; bottom: -0.5em; }
[data-stil="thames"] hr { border-top-color: var(--linie); }

/* Knöpfe: eckig, flach. Standard fast schwarz (wie „Discover“, „Shop all“) */
[data-stil="thames"] .knopf {
  background: var(--tinte); color: #fff; font-family: var(--schrift);
  font-size: 0.9375rem; font-weight: 400; letter-spacing: 0.01em; line-height: 1.2;
  padding: 1.1em 2.4em; border-radius: 0; box-shadow: none; text-decoration: none;
}
[data-stil="thames"] .knopf:hover { background: var(--schiefer); color: #fff; text-decoration: none; }
[data-stil="thames"] .knopf--leise { background: #fff; color: var(--tinte); box-shadow: inset 0 0 0 1px var(--tinte); }
[data-stil="thames"] .knopf--leise:hover { background: var(--tinte); color: #fff; }

/* Vollbreite: Abschnitt bricht aus der Inhaltsbreite aus, Inhalt bleibt an der Satzkante */
[data-stil="thames"] .buehne,
[data-stil="thames"] .band,
[data-stil="thames"] .aktuell,
[data-stil="thames"] .kategorien,
[data-stil="thames"] .leistungen,
[data-stil="thames"] .brief {
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
}
[data-stil="thames"] .band,
[data-stil="thames"] .aktuell { padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); }

/* ---------- Kopf: Salbeileiste, weiße Menüzeile, Menü links neben dem Logo ---------- */

[data-stil="thames"] .kopf { border-bottom: 1px solid var(--linie); background: #fff; }
[data-stil="thames"] .kopf__oben {
  max-width: none; min-height: 50px; background: var(--salbei); color: #fff; border-bottom: 0; font-size: 0.875rem;
  padding-left: max(var(--rand), calc((100% - var(--breit)) / 2 + var(--rand)));
  padding-right: max(var(--rand), calc((100% - var(--breit)) / 2 + var(--rand)));
}
[data-stil="thames"] .kopf__motto { color: #fff; }
[data-stil="thames"] .kopf__kontakt a { color: #fff; }
[data-stil="thames"] .kopf__suche { background: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0; }
[data-stil="thames"] .kopf__suche:focus-within { border-color: #fff; box-shadow: none; }
[data-stil="thames"] .kopf__suche input { color: #fff; font-size: 0.875rem; }
[data-stil="thames"] .kopf__suche input::placeholder { color: rgba(255, 255, 255, 0.85); }
[data-stil="thames"] .kopf__suche button { color: #fff; }
[data-stil="thames"] .kopf__sprachen a { color: #fff; border-radius: 0; }
[data-stil="thames"] .kopf__sprachen a[aria-current] { background: #fff; color: var(--tinte); }
[data-stil="thames"] .kopf__zeile { padding-top: 0.55rem; padding-bottom: 0.55rem; min-height: 60px; }
[data-stil="thames"] .kopf__marke img { height: 40px; }
/* Mobil: nur das Menüsymbol links vom Logo (Beschriftung bleibt für Screenreader) */
[data-stil="thames"] .kopf__schalter { order: -1; border: 0; padding: 0.4em 0.2em; font-size: 0; border-radius: 0; gap: 0; }
[data-stil="thames"] .kopf__schalter svg { width: 24px; height: 24px; }
[data-stil="thames"] .kopf__menue a { color: var(--tinte); font-weight: 400; font-size: 0.9375rem; }
[data-stil="thames"] .kopf__menue a:hover { color: var(--tinte); text-decoration: underline; text-underline-offset: 0.35em; }
[data-stil="thames"] .kopf__menue a[aria-current="page"] { color: var(--tinte); box-shadow: none; text-decoration: underline; text-underline-offset: 0.35em; }
[data-stil="thames"] .kopf__menue .knopf { color: #fff; padding: 0.85em 1.4em; font-size: 0.8125rem; }
[data-stil="thames"] .kopf__menue .knopf:hover { color: #fff; text-decoration: none; }
@media (max-width: 899.98px) {
  [data-stil="thames"] .kopf__zeile { justify-content: flex-start; }
  [data-stil="thames"] .kopf__marke { margin-right: auto; }
}
@media (min-width: 900px) {
  [data-stil="thames"] .kopf__zeile { justify-content: flex-start; }
  [data-stil="thames"].js .kopf__menue, [data-stil="thames"] .kopf__menue { flex: 1; gap: 1.75rem; margin-left: 3.5rem; }
  [data-stil="thames"] .kopf__menue .knopf { margin-left: auto; }
}

/* ---------- Inhalt, Seitentitel ---------- */

[data-stil="thames"] .inhalt { padding-top: var(--abstand); }
/* Seitentitel als Schieferband über die volle Breite, direkt unter dem Kopf (wie „News & Features“) */
[data-stil="thames"] .seite:not(.seite--startseite) .inhalt > article > h1:first-child,
[data-stil="thames"] .seite .inhalt > article > section:first-child > h1:first-child,
[data-stil="thames"] .genre .inhalt > h1:first-child,
[data-stil="thames"] .kategorie .inhalt > h1:first-child,
[data-stil="thames"] .tag .inhalt > h1:first-child,
[data-stil="thames"] .autor .inhalt > h1:first-child {
  background: var(--schiefer); color: #fff; font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.25rem); line-height: 1.3;
  margin: calc(-1 * var(--abstand)) calc(50% - 50vw) var(--abstand);
  padding: 2.4rem calc(50vw - 50%) 2.6rem;
}
/* Zusatzzeile im Schieferband direkt unter dem Seitentitel (Bücher: Verkaufszahl); danach 40 px bis zur Leiste */
[data-stil="thames"] .seite:not(.seite--startseite) .inhalt > article > h1:first-child:has(+ .titelzusatz) { margin-bottom: 0; padding-bottom: 0.25rem; }
[data-stil="thames"] .seite:not(.seite--startseite) .inhalt > article > h1:first-child + p.titelzusatz {
  background: var(--schiefer); color: rgba(255, 255, 255, 0.8); font-size: 1.0625rem; line-height: 1.5; max-width: none;
  margin: 0 calc(50% - 50vw) 40px;
  padding: 0 calc(50vw - 50%) 2.6rem;
}
[data-stil="thames"] .titelzusatz strong { color: #fff; font-weight: 400; }
[data-stil="thames"] .genre .inhalt > h1 + p,
[data-stil="thames"] .kategorie .inhalt > h1 + p,
[data-stil="thames"] .tag .inhalt > h1 + p,
[data-stil="thames"] .autor .inhalt > h1 + p { color: var(--tinte-2); }

/* ---------- Fuß: Schiefer, weißes Zeichen, Trennlinie, graue Schlussleiste ---------- */

[data-stil="thames"] .fuss { background: var(--schiefer); color: #fff; font-size: 0.875rem; margin-top: 0; }
[data-stil="thames"] .fuss__innen { padding-top: 4rem; padding-bottom: 0; row-gap: 2rem; }
[data-stil="thames"] .fuss a { color: #fff; text-decoration: none; }
[data-stil="thames"] .fuss a:hover { text-decoration: underline; }
[data-stil="thames"] .fuss__marke img { height: 64px; display: none; }
[data-stil="thames"] .fuss__marke img.fuss__marke-weiss { display: block; }
[data-stil="thames"] .fuss__nav { flex-direction: column; gap: 1.1rem; }
[data-stil="thames"] .fuss__nav a { font-weight: 400; }
[data-stil="thames"] .fuss__kontakt { gap: 1.1rem; line-height: 1.5; }
[data-stil="thames"] .fuss__innen > p {
  grid-column: 1 / -1; max-width: none; font-size: 0.8125rem; color: #fff;
  background: var(--grau); margin: 2rem calc(-1 * var(--rand)) 0; padding: 2.4rem var(--rand);
  box-shadow: 0 0 0 100vmax var(--grau); clip-path: inset(0 -100vmax);
}
[data-stil="thames"] .fuss__innen > p a { font-weight: 600; }
@media (min-width: 900px) {
  [data-stil="thames"] .fuss__innen { grid-template-columns: 260px 1fr; }
  [data-stil="thames"] .fuss__marke { grid-row: 1; }
  [data-stil="thames"] .fuss__spalten { padding: 0 0 0 2.5rem; border-left: 1px solid rgba(255, 255, 255, 0.5); min-height: 180px; }
}

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

[data-stil="thames"] article > section + section { border-top: 0; }
[data-stil="thames"] article > section { padding: var(--abstand) 0; }
[data-stil="thames"] article > section:first-child { padding-top: 0; }
[data-stil="thames"] .band + section { padding-top: var(--abstand); }
[data-stil="thames"] article > .band:last-child { margin-bottom: calc(-1 * var(--abstand)); }

/* Bühne: Folienschau über die ganze Fensterbreite, bündig unter dem Kopf (wie die Slideshow).
   Vorbild 1440×900: Höhe = Fenster − Kopf (790 px), Oberzeile 12 px oben links, Titel 48 px/400/1,4
   max. 600 px, Kurztext 18 px max. 500 px, Knopf 15 px mit 14/25 px Polster, Steuerung unten rechts.
   Statt Studiofoto: Cover als 3D-Buch (Muster wie 3d-book-image-css-generator) vor einer Fläche
   im Farbton des Covers (lib/buehne.js). */
[data-stil="thames"] article > section.buehne:first-child { margin-top: calc(-1 * var(--abstand)); padding: 0; }
[data-stil="thames"] .buehne figure { margin: 0; }
[data-stil="thames"] .buehne img { width: 100%; }
[data-stil="thames"] .buehne__alt { display: none; }
[data-stil="thames"] .folien {
  --kante: max(var(--rand), calc((100vw - var(--breit)) / 2 + var(--rand)));
  --swiper-pagination-bullet-size: 6px;
  --swiper-pagination-bullet-horizontal-gap: 3px;
  --swiper-pagination-bullet-inactive-color: currentColor;
  --swiper-pagination-bullet-inactive-opacity: 0.3;
  --swiper-pagination-color: currentColor;
  color: var(--tinte);
}
[data-stil="thames"] .folie {
  position: relative; display: flex; flex-direction: column; overflow: hidden; height: auto;
  min-height: clamp(34rem, calc(100svh - 100px), 46rem);
  padding: 2.25rem var(--rand) 4.5rem;
  background: linear-gradient(to bottom, var(--folie-oben) 0 52%, var(--folie-unten) 66%);
  color: var(--tinte);
}
[data-stil="thames"] .folie--dunkel { color: #fff; }
[data-stil="thames"] .folie__oberzeile { order: -2; margin: 0; font-size: 0.75rem; line-height: 1.2; letter-spacing: 0.04em; }
[data-stil="thames"] .folie__buch { order: -1; position: relative; align-self: center; height: clamp(15rem, 64vw, 24rem); margin: 2rem 0 2.5rem; }
[data-stil="thames"] .folie__text { margin-top: auto; }
[data-stil="thames"] .seite .inhalt .folie__titel, [data-stil="thames"] .folie__titel {
  margin: 0; max-width: 600px; color: inherit; font-weight: 400; letter-spacing: 0;
  font-size: clamp(1.5rem, 1rem + 2.4vw, 3rem); line-height: 1.2;
}
[data-stil="thames"] .folie__autor { margin: 0.35rem 0 0; font-size: 0.9375rem; }
[data-stil="thames"] .folie__kurz { margin: 1rem 0 1.25rem; max-width: 500px; font-size: clamp(0.9375rem, 0.85rem + 0.4vw, 1.125rem); line-height: 1.67; }
[data-stil="thames"] .folie__knopf { padding: 14px 25px; min-width: 148px; text-align: center; font-size: 0.9375rem; }
[data-stil="thames"] .folie--dunkel .folie__knopf { background: #fff; color: var(--tinte); }
[data-stil="thames"] .folie__titel + .folie__knopf { margin-top: 1.5rem; }   /* Folie ohne Kurztext */
[data-stil="thames"] .folie__knopf--zwei { margin: 12px 0 0 12px; }

/* 3D-Buch: nach links gedreht, Vorderseite + Seitenschnitt rechts (Papierkante), Bodenschatten */
[data-stil="thames"] .buch3d {
  display: block; position: relative; height: 100%; aspect-ratio: var(--verhaeltnis);
  container-type: size; transform-style: preserve-3d;
  transform: perspective(2200px) rotateY(-24deg);
}
[data-stil="thames"] .buehne .buch3d img { position: absolute; top: 0; left: 0; height: 100%; max-width: none; object-fit: cover; }
[data-stil="thames"] .buehne .buch3d .buch3d__vorn {
  width: 100%; border-radius: 0 2px 2px 0;
  transform: translateZ(calc(var(--dicke) * 50cqh));
}
[data-stil="thames"] .buch3d__seiten {
  position: absolute; top: 0.8%; left: 100%; height: 98.4%; width: calc(var(--dicke) * 100cqh);
  background: linear-gradient(to right, #d9d6d0, #f6f4ef 12%, #ece9e3 50%, #f6f4ef 88%, #d9d6d0),
    repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0 1px, transparent 1px 3px);
  background-blend-mode: multiply;
  transform-origin: left center; transform: translateZ(calc(var(--dicke) * 50cqh)) rotateY(90deg);
}
[data-stil="thames"] .folie__buch::after {
  content: ""; position: absolute; z-index: -1; left: -30%; right: -18%; bottom: -5%; height: 12%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0));
}

/* Fotofolie: Handy Foto oben über die ganze Breite, Desktop rechte Hälfte in voller Höhe */
[data-stil="thames"] .folie--foto { padding-top: 0; }
[data-stil="thames"] .folie__foto { order: -3; position: relative; margin: 0 calc(-1 * var(--rand)) 1.75rem; height: clamp(16rem, 110vw, 30rem); }
[data-stil="thames"] .folie__fotolink { display: flex; gap: 6px; height: 100%; }
/* Beschriftung über dem Foto (bildtext in buehne.yml): unten links auf dunklem Verlauf */
[data-stil="thames"] .folie__bildtext {
  position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 3rem var(--rand) 1rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); color: #fff;
  font-size: 0.9375rem; line-height: 1.45; text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
[data-stil="thames"] .folie__bildtext strong { display: block; font-weight: 600; font-size: 1.0625rem; }
[data-stil="thames"] .folie__bildtext a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* Beschriftung beim 3D-Buch: dunkle Schrift unter dem Buch statt Verlauf übers Foto */
[data-stil="thames"] .folie__bildtext--buch { order: -1; position: static; align-self: center; margin: -1rem 0 1.5rem; padding: 0; background: none; color: inherit; text-align: center; text-shadow: none; }
/* Beschriftung mit Autorenfoto (content/autorenfotos.yml, 02.11.2026): rundes Fenster wie in der Reihen-Kachel vor Name und Zeile */
[data-stil="thames"] .folie__bildtext--foto { display: flex; align-items: center; justify-content: center; gap: 0.75rem; text-align: left; }
[data-stil="thames"] .folie__fenster {
  flex: none; width: 4.5rem; height: 4.5rem; border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 6px 14px -8px rgba(19, 19, 19, 0.5);
}
[data-stil="thames"] .folie__fenster picture { display: contents; }
[data-stil="thames"] .buehne .folie__fenster img { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-stil="thames"] .folie__wer { display: block; min-width: 0; }
[data-stil="thames"] .buehne .folie__foto img { flex: 1; min-width: 0; width: 100%; height: 100%; object-fit: cover; }
[data-stil="thames"] .folie--foto .folie__oberzeile { margin-bottom: 1rem; }

/* Steuerung: Punkte (Handy unten mittig), Pfeile erst ab Desktop */
[data-stil="thames"] .folien__steuerung {
  position: absolute; z-index: 2; left: 0; right: 0; bottom: 1.5rem;
  display: flex; justify-content: center; align-items: center; gap: 1rem; pointer-events: none;
}
[data-stil="thames"] .folien__steuerung > * { pointer-events: auto; }
[data-stil="thames"] .folien .folien__punkte { position: static; width: auto; display: flex; }
[data-stil="thames"] .folien__pfeil { display: none; width: 40px; height: 40px; padding: 8px; border: 0; background: none; color: inherit; cursor: pointer; }
[data-stil="thames"] .folien__pfeil svg { width: 24px; height: 24px; }
@media (min-width: 900px) {
  [data-stil="thames"] .folie {
    display: block; height: clamp(34rem, calc(100svh - 111px), 56rem); min-height: 0; padding: 0;
    background: linear-gradient(to bottom, var(--folie-oben) 0 70%, var(--folie-unten) 86%);
  }
  [data-stil="thames"] .folie__oberzeile { position: absolute; top: 40px; left: var(--kante); }
  [data-stil="thames"] .folie__text { position: absolute; left: var(--kante); bottom: 40px; width: min(600px, 45%); }
  [data-stil="thames"] .folie__kurz { margin: 1.25rem 0 1.75rem; }
  [data-stil="thames"] .folie__buch { position: absolute; margin: 0; right: calc(var(--kante) + 8%); bottom: 18%; height: 60%; }
  [data-stil="thames"] .folien__steuerung { left: auto; right: var(--kante); bottom: 40px; gap: 1.5rem; }
  [data-stil="thames"] .folien__pfeil { display: block; }
  [data-stil="thames"] .folie__foto { position: absolute; top: 0; right: 0; bottom: 0; width: var(--foto-breite, 50%); height: auto; margin: 0; }
  /* Desktop: nur links unten, damit Punkte/Pfeile rechts frei auf dem Foto stehen */
  [data-stil="thames"] .folie__bildtext { right: auto; padding: 5rem 6rem 2rem 2rem; background: radial-gradient(farthest-side at 0 100%, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); }
  [data-stil="thames"] .folie--beschriftet .folie__buch { bottom: 28%; height: 58%; }
  [data-stil="thames"] .folie__bildtext--buch { position: absolute; left: auto; right: calc(var(--kante) + 8%); bottom: max(5.5rem, calc(28% - 4rem)); max-width: 27rem; margin: 0; padding: 0; background: none; text-align: right; }
  [data-stil="thames"] .folie__bildtext--buch.folie__bildtext--foto { justify-content: flex-end; text-align: left; }
  [data-stil="thames"] .folie--foto .folie__text { width: min(600px, calc(100% - var(--foto-breite, 50%) - var(--kante) - 3rem)); }
  [data-stil="thames"] .folien--hell .folien__steuerung { color: #fff; filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5)); }
}

/* Einstieg: schmale Textspalte in der Mitte, Text linksbündig (wie „About Us“) */
[data-stil="thames"] .einstieg > :not(h1:first-child):not(figure) { max-width: var(--spalte); margin-left: auto; margin-right: auto; }
[data-stil="thames"] .einstieg h2 { margin-top: 0; }
/* Startseite: das Versprechen ist die Hauptüberschrift (h1), steht in der Textspalte */
[data-stil="thames"] .seite--startseite .einstieg > h1 { max-width: var(--spalte); margin: 0 auto 0.4em; font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); }
[data-stil="thames"] .einstieg p:first-of-type, [data-stil="thames"] .aktuell p:first-of-type { font-size: 1em; line-height: 1.5; color: var(--tinte-2); margin-top: 0; }
[data-stil="thames"] .einstieg--marke { max-width: var(--spalte); margin-left: auto; margin-right: auto; }
@media (min-width: 700px) { [data-stil="thames"] .einstieg--marke { grid-template-columns: 120px 1fr; gap: 2rem; } }

/* Abschnittsköpfe wie „New Releases“, „Explore our Subjects“: 24 px, links */
[data-stil="thames"] .presse h3, [data-stil="thames"] .partner h3, [data-stil="thames"] .aktuell h2, [data-stil="thames"] .neuerscheinungen h2 {
  font-family: var(--schrift); color: var(--tinte); font-weight: 400; font-size: 1.5rem; line-height: 1.4; margin-top: 0;
}

/* Beige Fläche, Mitte (wie „Books for Halloween“): Einsenden, Hinweisbänder */
[data-stil="thames"] .band { background: var(--papier-2); padding-top: 4.5rem; padding-bottom: 4.5rem; }
[data-stil="thames"] .einsenden { text-align: center; justify-items: center; }
[data-stil="thames"] .einsenden h3 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); line-height: 1.4; font-weight: 400; color: var(--schiefer); max-width: none; }
[data-stil="thames"] .einsenden p { color: var(--tinte-2); max-width: 36rem; }
[data-stil="thames"] .einsenden .knopf, [data-stil="thames"] .kategorien .knopf { background: var(--schiefer); }
[data-stil="thames"] .einsenden .knopf:hover, [data-stil="thames"] .kategorien .knopf:hover { background: var(--tinte); }
[data-stil="thames"] .einsenden .cta { margin-top: 1.5rem; }
@media (min-width: 800px) {
  [data-stil="thames"] .einsenden { grid-template-columns: 1fr; }
  [data-stil="thames"] .einsenden .cta { grid-column: 1; grid-row: auto; margin-top: 1.5rem; }
}

/* Autoren (Startseite): Überschrift in Schiefer, Bild über die Satzbreite */
[data-stil="thames"] .seite--startseite .autoren { text-align: center; }
[data-stil="thames"] .seite--startseite .autoren > h2 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); color: var(--schiefer); max-width: 30ch; margin: 0 auto 0.6em; }
[data-stil="thames"] .seite--startseite .autoren > p { color: var(--tinte-2); margin-left: auto; margin-right: auto; }

/* Bildbanner halb/halb über die volle Breite: Bild auf Fläche + Text in Farbfläche */
[data-stil="thames"] .kategorien, [data-stil="thames"] .leistungen { gap: 0; padding: 0; align-items: stretch; }
[data-stil="thames"] .kategorien + section, [data-stil="thames"] .leistungen + section { padding-top: var(--abstand); }
[data-stil="thames"] .kategorien > div, [data-stil="thames"] .leistungen > div {
  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
  padding: 4rem var(--rand);
}
[data-stil="thames"] .kategorien > div > *, [data-stil="thames"] .leistungen > div > * { max-width: 30rem; margin-left: auto; margin-right: auto; }
[data-stil="thames"] .kategorien figure, [data-stil="thames"] .leistungen figure {
  margin: 0; max-width: none; padding: 3rem var(--rand); display: flex; align-items: center; justify-content: center; min-height: 340px;
}
[data-stil="thames"] .kategorien h2, [data-stil="thames"] .leistungen h2 { margin-top: 0; font-weight: 400; font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); }
[data-stil="thames"] .kategorien .cta, [data-stil="thames"] .leistungen .cta { margin: 1rem 0 0; }
/* Kategorien: Buch auf grauer Fläche links, beige Textfläche rechts */
[data-stil="thames"] .kategorien figure { background: var(--bildgrund); }
[data-stil="thames"] .kategorien figure img { max-width: 260px; margin: 0 auto; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18); }
/* Kinderbuch-Coverwand statt Einzelcover (Plan Startseite/Kinderbuch 22.10.2026) */
[data-stil="thames"] .kategorien__wand { padding: 2.5rem var(--rand); }
[data-stil="thames"] .kategorien__wand img { max-width: none; margin: 0; }
[data-stil="thames"] .kategorien > div { background: var(--papier-2); }
[data-stil="thames"] .kategorien h2 { color: var(--schiefer); }
[data-stil="thames"] .kategorien p { color: var(--tinte-2); }
/* Leistungen: graue Textfläche links mit weißer Schrift und Konturknopf, Bild rechts (wie „Signed & Collector's“) */
[data-stil="thames"] .leistungen > div { background: var(--grau); color: #fff; }
[data-stil="thames"] .leistungen h2, [data-stil="thames"] .leistungen p { color: #fff; }
[data-stil="thames"] .leistungen .knopf { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px #fff; }
[data-stil="thames"] .leistungen .knopf:hover { background: #fff; color: var(--tinte); }
[data-stil="thames"] .leistungen figure { background: var(--bildgrund); }
[data-stil="thames"] .leistungen figure img { margin: 0 auto; }
@media (min-width: 800px) {
  [data-stil="thames"] .kategorien, [data-stil="thames"] .leistungen { grid-template-columns: 1fr 1fr; gap: 0; }
  [data-stil="thames"] .kategorien > div, [data-stil="thames"] .leistungen > div,
  [data-stil="thames"] .kategorien figure, [data-stil="thames"] .leistungen figure { min-height: 540px; }
  [data-stil="thames"] .leistungen > div { min-height: 480px; }
  [data-stil="thames"] .leistungen figure { min-height: 480px; }
}

/* Aktuelles/Instagram: Steinband wie „Featured Articles“ */
[data-stil="thames"] .aktuell { background: var(--stein); padding-top: 4rem; padding-bottom: 4rem; }
[data-stil="thames"] .aktuell + section { margin-top: 0; }
[data-stil="thames"] .insta { gap: 1rem; }
[data-stil="thames"] .insta a { border-radius: 0; background: var(--kachel); }
[data-stil="thames"] .insta__profil a { font-size: 0.8125rem; font-weight: 600; }

/* Countdown: Salbeiband wie „Sign up to our Newsletter“, weiß, zweispaltig */
[data-stil="thames"] .countdown-text.band { background: var(--salbei); color: #fff; padding-top: 3.5rem; padding-bottom: 3.5rem; }
[data-stil="thames"] .countdown-text h3 { color: #fff; font-size: clamp(1.4rem, 1.2rem + 0.8vw, 1.875rem); font-weight: 400; line-height: 1.3; margin: 0 0 0.35em; max-width: 32ch; }
[data-stil="thames"] .countdown { margin-bottom: 1.75rem; }
[data-stil="thames"] .countdown__zahl { color: #fff; font-weight: 400; font-size: clamp(2.4rem, 1.8rem + 2.4vw, 3.75rem); }
[data-stil="thames"] .countdown__einheit { color: #fff; font-size: 0.8125rem; }
[data-stil="thames"] .countdown-text a { color: #fff; }
[data-stil="thames"] .countdown-text .cta { margin: 1rem 0 0; }
[data-stil="thames"] .countdown-text .knopf { background: var(--schiefer); }
[data-stil="thames"] .countdown-text .knopf:hover { background: var(--tinte); }
@media (min-width: 900px) {
  [data-stil="thames"] .countdown-text.band { display: grid; grid-template-columns: auto 1fr; column-gap: 5rem; align-items: center; }
  [data-stil="thames"] .countdown-text .countdown { grid-row: 1 / 4; margin: 0; }
}

[data-stil="thames"] .partner img { max-width: 1100px; }
/* Pressezeile: leiser Logo-Streifen, mittig wie der Autoren-Abschnitt darunter */
[data-stil="thames"] .presse { text-align: center; }
[data-stil="thames"] .presse h3 { font-size: 1.05rem; color: var(--tinte-2); max-width: none; }
[data-stil="thames"] .presse figure { display: flex; justify-content: center; margin-top: 1rem; }
[data-stil="thames"] .presse img { max-width: 720px; min-width: 0; }
/* Presse + Handelspartner als ein Vertrauensstreifen */
[data-stil="thames"] .presse h3 + figure + h3 { margin-top: 2.5rem; }
[data-stil="thames"] .presse figure:last-child img { max-width: 1000px; }

/* ---------- Schritte: hellgraue Kacheln ---------- */

[data-stil="thames"] .icon { color: var(--tinte); }
[data-stil="thames"] .icon svg { stroke-width: 1.25; }
[data-stil="thames"] .schritt h2, [data-stil="thames"] .schritt h3 { font-weight: 400; font-size: 1.125rem; line-height: 1.4; }
[data-stil="thames"] .schritte:not(.schritte--lang) .schritt { background: var(--kachel); padding: 2rem 1.75rem; }
[data-stil="thames"] .schritte:not(.schritte--lang) { gap: 1rem; }
@media (min-width: 700px) { [data-stil="thames"] .schritte:not(.schritte--lang) { gap: 1rem; } }

/* ---------- Buchseite: nur das Cover links (ohne graue Kachel, Auftraggeber 21.10.2026), breite Textspalte rechts ---------- */

@media (min-width: 760px) {
  [data-stil="thames"] .buchseite { grid-template-columns: minmax(240px, 380px) minmax(0, 640px); gap: clamp(2.5rem, 5vw, 5rem); justify-content: center; }
  [data-stil="thames"] .buch__cover { top: 1.5rem; max-width: none; }
}
[data-stil="thames"] .buch__cover img { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); }
[data-stil="thames"] .buch__bild--offen img { box-shadow: none; }
[data-stil="thames"] .buch__bilder { color: var(--tinte); }
[data-stil="thames"] .buchseite > div:last-child { display: flex; flex-direction: column; align-items: flex-start; }
[data-stil="thames"] .buchseite > div:last-child > * { max-width: 100%; }
[data-stil="thames"] .buch__autor { order: -1; font-size: 0.75rem; color: var(--tinte); margin: 0 0 0.6rem; }
[data-stil="thames"] .buch__titel { font-weight: 400; font-size: clamp(1.6rem, 1.3rem + 0.8vw, 1.875rem); line-height: 1.4; margin-bottom: 0.6rem; }
[data-stil="thames"] .buch__wertung { font-size: 0.8125rem; color: var(--tinte); margin-bottom: 1.25rem; }
[data-stil="thames"] .buch__kauf { flex-direction: column; align-items: stretch; gap: 1rem; width: 100%; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--linie); }
[data-stil="thames"] .buch__preis { font-weight: 500; font-size: 1.125rem; }
[data-stil="thames"] .buch__kauf .knopf { display: block; text-align: center; width: 100%; padding: 1em; }
[data-stil="thames"] .bestellbox { background: #f1f1f1; }
[data-stil="thames"] .bestellbox__titel { font-family: var(--zitat); font-style: italic; font-size: 1.6rem; }
[data-stil="thames"] .bestellbox__neu { background: var(--salbei); }
[data-stil="thames"] .bestellbox__format, [data-stil="thames"] .bestellbox__preis, [data-stil="thames"] .bestellbox__verlag-name { font-weight: 600; }
[data-stil="thames"] .buch__text { font-size: 1rem; line-height: 1.6; }
[data-stil="thames"] .buch__meta { width: 100%; font-size: 0.875rem; border-color: var(--linie); padding: 1.1em 0; }
[data-stil="thames"] .buch__meta dt { color: var(--tinte); font-weight: 600; font-size: 0.75rem; padding-top: 0.15em; }
[data-stil="thames"] .sterne svg { fill: var(--tinte); }
[data-stil="thames"] .sterne svg.leer { fill: none; stroke: var(--tinte); }
[data-stil="thames"] .bewertungen { max-width: 850px; margin-left: auto; margin-right: auto; }
[data-stil="thames"] .bewertungen h2 { font-size: 1.5rem; }
[data-stil="thames"] .bewertung { border-top-color: var(--linie); }

/* Teilen, Sprachwahl: kleine eckige Kästchen mit Haarlinie (wie die Filter bei „News & Features“) */
[data-stil="thames"] .teilen a, [data-stil="thames"] .sprachwahl a {
  border-radius: 0; color: var(--tinte); font-size: 0.75rem; padding: 0.75em 1.25em; box-shadow: inset 0 0 0 1px var(--linie); text-decoration: none;
}
[data-stil="thames"] .teilen a:hover, [data-stil="thames"] .sprachwahl a:hover { box-shadow: inset 0 0 0 1px var(--tinte); }
/* Teilen: Überschrift darüber; Knöpfe füllen jede Reihe ganz aus (Handy 4 + 3, ab 600 px Spaltenbreite alle 7 in einer Reihe) */
[data-stil="thames"] .teilen { width: 100%; container-type: inline-size; }
[data-stil="thames"] .teilen li { flex: 1 1 calc(25% - 0.5rem); min-width: 0; }
[data-stil="thames"] .teilen li.teilen__titel { flex-basis: 100%; color: var(--tinte); font-weight: 600; font-size: 0.75rem; }
[data-stil="thames"] .teilen a { display: block; text-align: center; padding-left: 0.4em; padding-right: 0.4em; white-space: nowrap; }
@container (min-width: 600px) { [data-stil="thames"] .teilen li { flex-basis: 0; } }
[data-stil="thames"] .sprachwahl a[aria-current], [data-stil="thames"] .sprachwahl span[aria-current] { border-radius: 0; font-size: 0.75rem; padding: 0.75em 1.25em; background: var(--tinte); color: #fff; box-shadow: none; }
/* Links und aktuelles Land gleich hoch und auf einer Linie (Links waren inline, das aktuelle Land inline-block → versetzt) */
[data-stil="thames"] .sprachwahl a, [data-stil="thames"] .sprachwahl span[aria-current] { display: inline-block; line-height: 1.4; }

/* ---------- Bücherübersicht wie „All Books“ (abgenommen 21.10.2026, 1440 px) ----------
   Filterspalte 240 px, 32 px Abstand, Regal 944 px in drei Spalten (Kachel 293 px, Abstand 32 px);
   beides 48 px weiter eingerückt als der Seitenrand. Leiste: Anzahl links, „Sort by“ rechts, 20 px
   Innenabstand, Haarlinie #ebebeb. Filtergruppen: ausgefülltes Dreieck + Überschrift 15 px, Einträge
   15/20 px mit 12 px Abstand, Gruppen durch graue Linie getrennt. Handy: zwei Spalten, Leiste mit
   Sortierfeld | „Refine By“ als umrandete Zellen, Anzahl darunter. */

[data-stil="thames"] .shop { display: grid; grid-template-columns: minmax(0, 1fr); }
/* Vorbild: 40 px vom Titelband bis zur Leiste */
[data-stil="thames"] .inhalt > article > h1:first-child + .shop, [data-stil="thames"] .inhalt > h1:first-child + .shop { margin-top: calc(40px - var(--abstand)); }
[data-stil="thames"] .shop__inhalt { min-width: 0; }
[data-stil="thames"] .genres-filter { display: block; margin: 0; }
[data-stil="thames"] .genres-filter .filtergruppe { display: block; padding: 0 0 1.9rem; margin-bottom: 2.1rem; border-bottom: 1px solid #c8c8c8; }
[data-stil="thames"] .genres-filter .filtergruppe:last-child { border-bottom: 0; margin-bottom: 0; }
[data-stil="thames"] .filtergruppe__kopf {
  display: flex; align-items: center; gap: 13px; width: 100%; padding: 0; margin: 0 0 1.1rem; background: none; border: 0; border-radius: 0;
  font: inherit; font-size: 0.9375rem; line-height: 1.5; color: var(--tinte); cursor: pointer; text-align: left;
}
[data-stil="thames"] .filtergruppe__pfeil { flex: none; transition: transform 0.15s ease; }
[data-stil="thames"] .filtergruppe--zu .filtergruppe__kopf { margin-bottom: 0; }
[data-stil="thames"] .filtergruppe--zu .filtergruppe__pfeil { transform: rotate(-90deg); }
[data-stil="thames"] .genres-filter .filtergruppe--zu .genres { display: none; }
[data-stil="thames"] .genres-filter .genres { display: flex; flex-direction: column; gap: 12px; list-style: none; margin: 0; padding: 0 0 0 3px; line-height: 20px; }
[data-stil="thames"] .genres-filter .genres li { margin: 0; }
[data-stil="thames"] .genres-filter .genres a {
  display: inline; padding: 0; border-radius: 0; box-shadow: none; background: none; color: #222; font-size: 0.9375rem; line-height: 20px; text-decoration: none;
}
[data-stil="thames"] .genres-filter .genres a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
[data-stil="thames"] .genres-filter .genres a[aria-current] { background: none; color: var(--tinte); text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
[data-stil="thames"] .genres-filter .genres__zahl { display: none; }

[data-stil="thames"] .shop__leiste { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 20px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 32px; font-size: 0.9375rem; color: #222; }
[data-stil="thames"] .shop__anzahl { margin: 0; }
[data-stil="thames"] .shop__sortierung { display: flex; align-items: center; gap: 5px; margin: 0; white-space: nowrap; }
[data-stil="thames"] .shop__sortierung[hidden], [data-stil="thames"] .shop__filterknopf[hidden] { display: none; }
[data-stil="thames"] .shop__sortierung select {
  appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent no-repeat right center / 12px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23222' stroke-width='1.3'/%3E%3C/svg%3E");
  font: inherit; color: inherit; padding: 0 22px 0 0; margin: 0; cursor: pointer; field-sizing: content;
}
[data-stil="thames"] .shop__filterknopf {
  display: none; align-items: center; justify-content: space-between; gap: 1rem; background: none; border: 0; border-radius: 0; padding: 0;
  font: inherit; color: inherit; cursor: pointer;
}

/* Regal: quadratische hellgraue Kacheln, Titel, Autorzeile klein, Preis */
[data-stil="thames"] .regal { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 32px 16px; }
@media (min-width: 700px) { [data-stil="thames"] .regal { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 32px; } }
[data-stil="thames"] .shop .regal { margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
[data-stil="thames"] .regal a { text-align: left; }
[data-stil="thames"] .regal__cover {
  background: var(--kachel); border-bottom: 0; height: auto; aspect-ratio: 1; padding: 0; margin-bottom: 24px; position: relative; overflow: hidden;
}
[data-stil="thames"] .regal__cover picture { display: contents; }
/* Bild absolut im Quadrat (Safari-Falle wie bei .buch__cover); 57 % wie die Umschläge im Vorbild */
[data-stil="thames"] .regal__cover img {
  position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 57%; max-height: 57%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
[data-stil="thames"] .regal a:hover img { transform: none; }
/* Aufgeschlagenes Buch: beim Überfahren blendet die Kachel vom Cover darauf über, beide zoomen
   leicht (Vorbild „New Releases“: opacity + transform 0.5s, scale 1.05) */
[data-stil="thames"] .regal__cover--innen img { transition: opacity 0.5s, transform 0.5s; }
[data-stil="thames"] .regal__cover .regal__innen { display: block; max-width: 90%; max-height: 90%; box-shadow: none; opacity: 0; }
@media (hover: hover) {
  [data-stil="thames"] .regal a:hover .regal__cover--innen img { transform: scale(1.05); }
  [data-stil="thames"] .regal a:hover .regal__cover--innen img:not(.regal__innen) { opacity: 0; }
  [data-stil="thames"] .regal a:hover .regal__cover--innen .regal__innen { opacity: 1; }
}
[data-stil="thames"] .regal a:focus-visible .regal__cover--innen img:not(.regal__innen) { opacity: 0; }
[data-stil="thames"] .regal a:focus-visible .regal__cover--innen .regal__innen { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  [data-stil="thames"] .regal__cover--innen img { transition: none; }
  [data-stil="thames"] .regal a:hover .regal__cover--innen img { transform: none; }
}
[data-stil="thames"] .regal__titel { font-weight: 400; font-size: 0.9375rem; line-height: 1.4; color: var(--tinte); }
[data-stil="thames"] .regal__titel-voll { display: none; }
[data-stil="thames"] .regal__titel-kurz { display: inline; }
[data-stil="thames"] .regal__autor { display: block; font-size: 0.75rem; line-height: 1.5; color: var(--tinte); margin-top: 0.35em; }
[data-stil="thames"] .regal a:hover .regal__titel { text-decoration: underline; text-underline-offset: 0.2em; color: var(--tinte); }
[data-stil="thames"] .regal__wertung { color: var(--tinte-2); font-size: 0.75rem; margin-top: 0.4em; }
[data-stil="thames"] .regal__preis { color: var(--tinte); font-size: 0.9375rem; margin-top: 10px; }

@media (max-width: 899.98px) {
  /* Handy/Tablet: Leiste oben (Sortierung | Filtern als Zellen, Anzahl darunter), Filter klappt darunter auf */
  [data-stil="thames"] .shop__inhalt { display: contents; }
  [data-stil="thames"] .shop__leiste { order: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0; margin-bottom: 0; border-top: 1px solid #ebebeb; }
  [data-stil="thames"] .shop__sortierung { grid-column: 1; grid-row: 1; padding: 14px 16px 14px 16px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; white-space: normal; min-width: 0; }
  [data-stil="thames"] .shop__sortierung span { display: none; }
  [data-stil="thames"] .shop__sortierung select { width: 100%; padding-right: 22px; }
  [data-stil="thames"] .shop__filterknopf { display: flex; grid-column: 2; grid-row: 1; padding: 14px 16px; border-bottom: 1px solid #ebebeb; }
  [data-stil="thames"] .shop__anzahl { grid-column: 1 / -1; grid-row: 2; padding: 20px 16px; border-bottom: 1px solid #ebebeb; }
  [data-stil="thames"] .shop__leiste { margin-bottom: 20px; }
  [data-stil="thames"] .shop__filter { order: 2; padding: 0.5rem 16px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
  [data-stil="thames"].js .shop:not(.shop--filter-offen) .shop__filter { display: none; }
  [data-stil="thames"] .shop .regal { order: 3; }
}
@media (max-width: 899.98px) and (min-width: 600px) { [data-stil="thames"] .shop .regal { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) {
  [data-stil="thames"] .shop { grid-template-columns: 200px minmax(0, 1fr); column-gap: 32px; align-items: start; }
  [data-stil="thames"] .shop__filter { padding-top: 10px; }
  [data-stil="thames"] .shop .regal { gap: 32px; }
}
@media (min-width: 1100px) {
  [data-stil="thames"] .shop { grid-template-columns: 240px minmax(0, 1fr); }
  [data-stil="thames"] .shop .regal { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1300px) { [data-stil="thames"] .shop { padding-inline: 48px; } }

/* ---------- Beiträge: Bild im Querformat, Titel 18 px, kleine Datumszeile ---------- */

[data-stil="thames"] .beitragsraster { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 3rem 1rem; }
@media (max-width: 599px) { [data-stil="thames"] .beitragsraster { grid-template-columns: 1fr 1fr; gap: 2rem 0.75rem; } [data-stil="thames"] .beitragsraster__titel { font-size: 1rem; } }
[data-stil="thames"] .beitragsraster__bild { border-radius: 0; background: var(--papier-2); margin-bottom: 1rem; }

/* Autoren-Seite wie „Authors“ des Vorbilds: Titelband (Schiefer, Titel + Vorspann links, weiß), Collage
   bündig darunter über die volle Breite, dann Register A–Z (Buchstabenkacheln, vier Spalten, „Mehr anzeigen“),
   danach die Vorstellung zentriert. Maße vom Vorbild: Kacheln 38 px, Abstand 7,5 px, #efefef, 15 px;
   Namen 16 px, Zeilenabstand 41 px; Knopf 14/25 px Innenabstand; Bereich 50 px Rand. */
[data-stil="thames"] .seite--autoren .inhalt > article > section.einstieg:first-child {
  background: var(--schiefer); color: #fff;
  margin: calc(-1 * var(--abstand)) calc(50% - 50vw) 0;
  padding: clamp(2.5rem, 5vw, 4.5rem) calc(50vw - 50%) clamp(2.25rem, 4vw, 3.5rem);
}
[data-stil="thames"] .seite--autoren .inhalt > article > section.einstieg:first-child > h1:first-child {
  background: none; margin: 0 0 0.5em; padding: 0; max-width: 40rem; color: #fff; /* 40rem: Titel mit „1.300+“ bleibt zweizeilig */
}
[data-stil="thames"] .seite--autoren .inhalt > article > .einstieg > p { max-width: 34rem; margin: 0; color: #fff; font-size: 1.25rem; line-height: 1.5; font-weight: 500; }
[data-stil="thames"] .seite--autoren .autoren { padding: 0; margin-inline: calc(50% - 50vw); }
[data-stil="thames"] .seite--autoren .autoren figure { margin: 0; }
[data-stil="thames"] .seite--autoren .autoren img { display: block; width: 100%; }
@media (max-width: 699px) {
  [data-stil="thames"] .seite--autoren .inhalt > article > section.einstieg:first-child { text-align: center; padding-block: 1.75rem; }
  [data-stil="thames"] .seite--autoren .inhalt > article > section.einstieg:first-child > h1:first-child { margin-inline: auto; }
  [data-stil="thames"] .seite--autoren .inhalt > article > .einstieg > p { margin-inline: auto; font-size: 1rem; }
}

[data-stil="thames"] .register { display: block; padding-top: 50px; }
[data-stil="thames"] .register__leiste { display: grid; grid-template-columns: repeat(auto-fill, 38px); justify-content: space-between; gap: 7.5px; margin-bottom: 50px; }
[data-stil="thames"] .register__leiste > * { display: block; height: 38px; line-height: 38px; text-align: center; background: #efefef; color: var(--tinte); font-size: 15px; text-decoration: none; }
[data-stil="thames"] .register__leiste a:hover { background: var(--stein); }
[data-stil="thames"] .register__leiste span { color: #b5b5b5; }
[data-stil="thames"] .register__gruppe { margin-bottom: 40px; scroll-margin-top: 1rem; }
[data-stil="thames"] .register__gruppe h2 { font-size: 1.5rem; font-weight: 400; line-height: 1.3; color: var(--tinte); margin: 0 0 4px; }
[data-stil="thames"] .register__liste { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
[data-stil="thames"] .register__liste li { margin: 10px 0 0; padding-right: 15px; font-size: 1rem; line-height: 1.4; min-height: 30.8px; }
[data-stil="thames"] .register__liste a { color: var(--tinte); text-decoration: none; }
[data-stil="thames"] .register__liste a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
[data-stil="thames"] .register__gruppe--zu .register__liste li:nth-child(n+21) { display: none; }
[data-stil="thames"] .register__mehr { margin-top: 22px; padding: 14px 25px; background: #efefef; border: 0; border-radius: 0; color: #000; font: inherit; font-size: 15px; cursor: pointer; }
[data-stil="thames"] .register__mehr:hover { background: var(--stein); }
@media (max-width: 899px) { [data-stil="thames"] .register__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { [data-stil="thames"] .register__leiste { grid-template-columns: repeat(26, minmax(0, 1fr)); } }
@media (max-width: 599px) {
  [data-stil="thames"] .register { padding-top: 2.25rem; }
  [data-stil="thames"] .register__leiste { justify-content: start; margin-bottom: 2.5rem; }
  [data-stil="thames"] .register__liste { grid-template-columns: 1fr; }
}
[data-stil="thames"] .seite--autoren .vorstellung { text-align: center; }
[data-stil="thames"] .seite--autoren .vorstellung h2 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); color: var(--schiefer); margin: 0 auto 0.5em; }
[data-stil="thames"] .seite--autoren .vorstellung > p { color: var(--tinte-2); font-size: 1.125rem; line-height: 1.6; max-width: 34rem; margin: 0 auto; text-wrap: balance; }
[data-stil="thames"] .seite--autoren .vorstellung > p br { display: none; }
[data-stil="thames"] .seite--autoren .beitragsraster { text-align: left; margin-top: 3rem; }
[data-stil="thames"] .beitragsraster__titel { font-weight: 400; font-size: 1.125rem; line-height: 1.4; }
[data-stil="thames"] .beitragsraster a:hover .beitragsraster__titel { color: var(--tinte); text-decoration: underline; text-underline-offset: 0.2em; }
[data-stil="thames"] .beitragsraster time { color: var(--tinte); font-size: 0.75rem; margin-top: 0.6em; }

/* Beitragsseite: Kopf zentriert, Bild breit, Text in schmaler Spalte (wie die Artikel des Vorbilds) */
[data-stil="thames"] .beitragsseite { max-width: none; }
[data-stil="thames"] .beitragsseite__kopf { text-align: center; max-width: 760px; margin: 0 auto 2.5rem; }
[data-stil="thames"] .beitragsseite__kopf h1 { font-size: clamp(1.6rem, 1.3rem + 0.8vw, 1.875rem); line-height: 1.4; margin: 0 auto 0.5rem; }
[data-stil="thames"] .beitrag__meta { font-size: 0.75rem; color: var(--tinte); max-width: none; }
[data-stil="thames"] .beitrag__meta a { font-weight: 600; text-decoration: none; }
[data-stil="thames"] .beitragsseite__bild { margin: 0 0 3rem; }
[data-stil="thames"] .beitragsseite__bild img { width: 100%; max-height: 560px; object-fit: contain; background: var(--kachel); }
[data-stil="thames"] .beitragsseite__text, [data-stil="thames"] .beitrag__tags, [data-stil="thames"] .kommentare { max-width: var(--spalte); margin-left: auto; margin-right: auto; }
[data-stil="thames"] .beitragsseite__text { font-size: 1rem; line-height: 1.6; }
[data-stil="thames"] .beitragsseite__text h2, [data-stil="thames"] .beitragsseite__text h3 { font-style: italic; }

/* Inhaltsseiten ohne Abschnitte (Impressum, Datenschutz …): Textspalte in der Mitte */
[data-stil="thames"] .seite:not(.seite--startseite) .inhalt > article > :is(p, ul:not([class]), ol:not([class]), h2, h3, h4, table, figure, blockquote, div:not([class])),
[data-stil="thames"] :is(.leistungen-text, .hinweise, .formularteil, .bild-mitte) > * {
  max-width: var(--spalte); margin-left: auto; margin-right: auto;
}

/* ---------- Formulare ---------- */

[data-stil="thames"] .formular { margin-left: auto; margin-right: auto; }
[data-stil="thames"] .formular__gruppe legend, [data-stil="thames"] .merkblatt__titel { font-weight: 400; font-size: 1.5rem; }
[data-stil="thames"] .feld label { font-weight: 400; font-size: 0.875rem; }
[data-stil="thames"] .feld input, [data-stil="thames"] .feld select, [data-stil="thames"] .feld textarea { border: 1px solid #c4c4c4; border-radius: 0; background-color: #fff; padding: 0.8em 0.9em; }
[data-stil="thames"] .feld input:focus, [data-stil="thames"] .feld select:focus, [data-stil="thames"] .feld textarea:focus { outline: 1px solid var(--tinte); outline-offset: 0; border-color: var(--tinte); }
[data-stil="thames"] .feld--datei input { background: var(--kachel); }
[data-stil="thames"] .suchfeld input { border-radius: 0; border: 1px solid #c4c4c4; }
[data-stil="thames"] #uppy .uppy-Dashboard-inner { border-color: #c4c4c4; background: var(--kachel); border-radius: 0; }
[data-stil="thames"] .meldung { border-radius: 0; }
[data-stil="thames"] .suchseite__ui { --pagefind-ui-border-radius: 0; --pagefind-ui-border-width: 1px; }

/* Autorenporträt: Buchkarte und Abschnittstitel auf die Textspalte (650 px) statt 68ch */
[data-stil="thames"] .portrait__buecher, [data-stil="thames"] .portrait__videos h2 { max-width: var(--spalte); }
[data-stil="thames"] .portrait__titel h1 { font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem); }
[data-stil="thames"] .portrait__marke a { color: var(--tinte-2); }
[data-stil="thames"] .buchkarte, [data-stil="thames"] .portrait__bild--cover { border-radius: 0; }

/* ---------- Brotkrümel: graue Zeile über dem Schieferband ---------- */

[data-stil="thames"] .kruemel { padding-block: 0.9rem; font-size: 0.8125rem; color: var(--grau, #65686e); }
[data-stil="thames"] .kruemel [aria-current] { color: var(--schiefer); }
[data-stil="thames"] .kruemel + .inhalt { padding-top: var(--abstand); }
/* Buch- und Beitragsseiten haben kein Schieferband: Inhalt näher an die Brotkrümel */
[data-stil="thames"] :is(.buch, .beitrag) .kruemel + .inhalt { padding-top: 1.5rem; }

/* Register: Name, auf den von einer Buchseite gesprungen wurde */
[data-stil="thames"] .register__liste li { scroll-margin-top: 6rem; }
[data-stil="thames"] .register__liste li:target a { background: var(--stein); box-shadow: 0 0 0 4px var(--stein); }

/* Länderwahl im Fuß: weiße Haarlinie auf Schiefer */
[data-stil="thames"] .fuss .sprachwahl--fuss a { color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); padding: 0.5em 0.75em; line-height: 1.4; }
[data-stil="thames"] .fuss .sprachwahl--fuss a:hover { box-shadow: inset 0 0 0 1px #fff; text-decoration: none; }
[data-stil="thames"] .fuss .sprachwahl--fuss span[aria-current] { background: #fff; color: var(--schiefer); padding: 0.5em 0.75em; line-height: 1.4; }

/* ---------- Manuskript senden (Neugestaltung 21.10.2026, Auftraggeber) ----------
   Schieferband mit Versprechen und Vertrauenszahlen → Formular als weiße Karte, die ins Band ragt,
   daneben Gutachten (Beige) und Manuskriptschutz (Salbei) → Ablauf → „Gut zu wissen“ + Post/Mail →
   Merkblatt als leises Band am Schluss. */

/* Auftakt: Salbei-Band (Auftraggeber 21.10.2026), Schrift weiß ohne Abtönung wegen Kontrast; Band über die volle Breite, bündig unter den Brotkrümeln; unten Platz für die Formularkarte */
[data-stil="thames"] .ms-auftakt {
  background: var(--salbei); color: #fff;
  margin: calc(-1 * var(--abstand)) calc(50% - 50vw) 0;
  padding: clamp(2.75rem, 5vw, 4.5rem) calc(50vw - 50%) clamp(6rem, 9vw, 8.5rem) !important;
  display: grid; gap: 2.5rem; align-items: end;
}
[data-stil="thames"] .buehne + .ms-auftakt { margin-top: 0; }   /* unter der Bühne: nicht hochziehen, sonst überdeckt das Band die Folie */
/* Folie passt in den ersten Bildschirm: Kopf ist hier wegen der Brotkrumen 162 px hoch (Handy 175 px), nicht 111 px wie auf der Startseite */
[data-stil="thames"] .seite--manuskript-senden .folie { min-height: 0; padding-bottom: 1.5rem; }
[data-stil="thames"] .seite--manuskript-senden .folie__foto { height: clamp(12rem, calc(100svh - 175px - 21rem), 30rem); }
@media (min-width: 900px) {
  [data-stil="thames"] .seite--manuskript-senden .folie { height: clamp(30rem, calc(100svh - 162px), 56rem); padding: 0; }
  [data-stil="thames"] .seite--manuskript-senden .folie__foto { height: auto; }
}
@media (min-width: 1000px) { [data-stil="thames"] .ms-auftakt { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: clamp(3rem, 6vw, 6rem); } }
[data-stil="thames"] .ms-auftakt__kicker {
  margin: 0 0 1.1rem; font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; color: #fff;
}
[data-stil="thames"] .ms-auftakt h1 {
  margin: 0; max-width: 16ch; color: #fff; font-weight: 400; letter-spacing: -0.01em;
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem); line-height: 1.12;
}
[data-stil="thames"] .ms-auftakt__lead {
  margin: 1.5rem 0 0; max-width: 34rem; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); line-height: 1.55; color: #fff;
}
/* Vertrauenszahlen: vier gleichrangige Felder im 2×2-Raster mit Haarlinien (Auftraggeber 21.10.2026) */
[data-stil="thames"] .ms-fakten {
  list-style: none; margin: 0; padding: 0; max-width: none;
  display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255, 255, 255, 0.5);
}
[data-stil="thames"] .ms-fakten li {
  margin: 0; padding: 1.1rem 1.25rem 1.1rem 0; font-size: 0.875rem; line-height: 1.45; color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
[data-stil="thames"] .ms-fakten li:nth-child(even) { padding-left: 1.25rem; border-left: 1px solid rgba(255, 255, 255, 0.5); }
[data-stil="thames"] .ms-fakten strong {
  display: block; margin-bottom: 0.3rem; font-weight: 400; color: #fff; white-space: nowrap;
  font-size: clamp(1.125rem, 0.95rem + 0.8vw, 1.625rem); line-height: 1.2;
}

/* Einsenden: Formularkarte ragt ins Band, Angebote daneben (schmal: darunter) */
[data-stil="thames"] .ms-einsenden {
  position: relative; display: grid; gap: 1.5rem; align-items: start;
  margin-top: clamp(-6rem, -7vw, -3.5rem); padding-top: 0 !important;
}
@media (min-width: 1100px) { [data-stil="thames"] .ms-einsenden { grid-template-columns: minmax(0, 47rem) minmax(0, 22rem); justify-content: center; gap: 2rem; } }
[data-stil="thames"] .ms-einsenden__formular {
  background: #fff; border: 1px solid var(--linie); box-shadow: 0 24px 48px -28px rgba(19, 19, 19, 0.35);
  padding: clamp(1.5rem, 4vw, 3.25rem);
}
[data-stil="thames"] .ms-einsenden__formular > h2 {
  margin: 0 0 1.75rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.2;
}
[data-stil="thames"] .ms-einsenden .formular { max-width: none; }
[data-stil="thames"] .ms-einsenden .formular__gruppe legend { font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinte-2); padding-bottom: 0.6rem; margin-bottom: 1.1rem; width: 100%; border-bottom: 1px solid var(--linie); }
[data-stil="thames"] .ms-einsenden .formular__senden .knopf { width: 100%; padding-block: 1.3em; font-size: 1rem; }

/* Kontrollkästchen „Gutachten“ */
[data-stil="thames"] .feld--haken { display: grid; grid-template-columns: auto 1fr; gap: 0.75rem; align-items: start; background: var(--papier-2); padding: 1rem 1.1rem; }
[data-stil="thames"] .feld--haken input { width: 1.15rem; height: 1.15rem; margin: 0.15rem 0 0; padding: 0; accent-color: var(--schiefer); }
[data-stil="thames"] .feld--haken label { font-size: 0.9375rem; line-height: 1.45; margin: 0; }

[data-stil="thames"] .ms-angebote { display: grid; gap: 1.5rem; }
@media (min-width: 1100px) { [data-stil="thames"] .ms-angebote { position: sticky; top: 1.5rem; } }
[data-stil="thames"] .ms-angebot { background: var(--papier-2); padding: 2rem 1.75rem; scroll-margin-top: 1.5rem; }
[data-stil="thames"] .ms-angebot .icon { display: block; width: 2rem; height: 2rem; margin-bottom: 1rem; }
[data-stil="thames"] .ms-angebot h2 { margin: 0 0 0.75rem; font-weight: 400; font-size: 1.375rem; line-height: 1.25; }
[data-stil="thames"] .ms-angebot p { font-size: 0.9375rem; line-height: 1.55; }
[data-stil="thames"] .ms-angebot p:last-child { margin-bottom: 0; }
[data-stil="thames"] .ms-angebot--dunkel { background: var(--schiefer); color: #fff; }
[data-stil="thames"] .ms-angebot--dunkel .icon { color: #fff; }
[data-stil="thames"] .ms-angebot--dunkel .knopf { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px #fff; }
[data-stil="thames"] .ms-angebot--dunkel .knopf:hover { background: #fff; color: var(--tinte); }
[data-stil="thames"] .ms-preise { list-style: none; margin: 1.25rem 0; padding: 0; max-width: none; border-top: 1px solid #dcd5cf; }
[data-stil="thames"] .ms-preise li { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: 0.6rem 0; border-bottom: 1px solid #dcd5cf; font-size: 0.9375rem; }
[data-stil="thames"] .ms-preise li span:last-child { white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-stil="thames"] .ms-klein { font-size: 0.8125rem !important; color: var(--tinte-2); }
[data-stil="thames"] .ms-angebot--dunkel .ms-klein { color: rgba(255, 255, 255, 0.8); }

/* Ablauf: drei nummerierte Kacheln */
[data-stil="thames"] .ms-ablauf { padding-top: calc(var(--abstand) * 1.5) !important; }
[data-stil="thames"] .ms-ablauf > h2, [data-stil="thames"] .ms-wissen h2 { margin: 0 0 1.75rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.2; }
[data-stil="thames"] .ms-ablauf > h2 { text-align: center; }
[data-stil="thames"] .ms-ablauf .schritte { list-style: none; margin: 0; padding: 0; max-width: none; counter-reset: schritt; }
[data-stil="thames"] .ms-ablauf .schritt { margin: 0; position: relative; counter-increment: schritt; }
[data-stil="thames"] .ms-ablauf .schritt::after {
  content: counter(schritt); position: absolute; top: 1.4rem; right: 1.6rem;
  font-family: var(--zitat); font-style: italic; font-size: 2.75rem; line-height: 1; color: #c9c9c9;
}
@media (min-width: 700px) { [data-stil="thames"] .ms-ablauf .schritte { grid-template-columns: repeat(3, 1fr); } }
/* Dieselben Kacheln auf der Startseite (ersetzt „Das leisten wir“), Knopf mittig darunter */
[data-stil="thames"] .ablauf .cta { text-align: center; max-width: none; margin: 2rem 0 0; }

/* Gut zu wissen + Post/Mail */
[data-stil="thames"] .ms-wissen { display: grid; gap: 2.5rem; border-top: 1px solid var(--linie) !important; margin-top: var(--abstand); }
@media (min-width: 900px) { [data-stil="thames"] .ms-wissen { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 4rem; } }
[data-stil="thames"] .ms-wissen__hinweise ul { list-style: none; margin: 0; padding: 0; max-width: none; }
[data-stil="thames"] .ms-wissen__hinweise li { margin: 0; padding: 0.95rem 0; border-bottom: 1px solid var(--linie); font-size: 0.9375rem; line-height: 1.55; }
[data-stil="thames"] .ms-wissen__hinweise li:first-child { padding-top: 0; }
[data-stil="thames"] .ms-wissen__hinweise strong { font-weight: 600; }
[data-stil="thames"] .ms-wissen__wege { background: var(--kachel); padding: 2rem 1.75rem; align-self: start; font-size: 0.9375rem; line-height: 1.55; }
[data-stil="thames"] .ms-wissen__wege h2 { font-size: 1.375rem; margin-bottom: 1.25rem; }
[data-stil="thames"] .ms-wege__mail a { font-size: 1.0625rem; }

/* Merkblatt: leises Band am Schluss, bleibt aber vollständig ausfüllbar */

/* „Buch veröffentlichen“ wie „Getting Published“ des Vorbilds: geteiltes Titelband (links Schiefer mit
   Titel unten, rechts Bildfläche – hier die neuesten Cover auf Beige), großer Vorspann in der Textspalte,
   Leistungen als aufklappbare Zeilen mit Haarlinien und Winkel rechts, Einsenden als Salbeiband
   (Text links, Knopf rechts, wie das Newsletterband). Maße vom Vorbild (1280 px): Band 432 px hoch,
   Schieferhälfte 40 %, Vorspann 18 px/1.55, Zeilen 81 px, Titel der Zeile 18 px. */
[data-stil="thames"] article > section.buehne--geteilt:first-child { display: grid; background: var(--schiefer); }
[data-stil="thames"] .buehne__titel { display: flex; align-items: flex-end; padding: 2.5rem var(--rand) 2.25rem; }
[data-stil="thames"] .seite .inhalt > article > section.buehne--geteilt h1 {
  background: none; color: #fff; margin: 0; padding: 0; max-width: 30rem;
  font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.3;
}
[data-stil="thames"] .buehne__bild { background: var(--papier-2); display: flex; align-items: flex-end; justify-content: center; padding: 2rem var(--rand) 0; overflow: hidden; }
[data-stil="thames"] .coverwand { list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-end; justify-content: center; gap: clamp(0.75rem, 2vw, 1.75rem); width: 100%; }
[data-stil="thames"] .coverwand li { flex: 0 1 13rem; min-width: 0; }
[data-stil="thames"] .coverwand a { display: block; }
[data-stil="thames"] .coverwand picture { display: contents; }
[data-stil="thames"] .coverwand img { display: block; width: 100%; height: auto; box-shadow: 0 10px 22px -12px rgba(19, 19, 19, 0.55); transition: transform 0.25s ease; }
[data-stil="thames"] .coverwand a:hover img { transform: translateY(-6px); }
/* Coverwand art="3d" (Startseite „Bücher aller Kategorien“, 04.11.2026): 3D-Bücher in einer Reihe, anders als die Bühne nach
   rechts gedreht – links sichtbar der Buchrücken (linker Coverstreifen, abgedunkelt); jedes folgende Buch leicht über das vorige
   geschoben. Lichtkegel von oben links auf Salbeigrün, Glanz auf dem Cover, Bodenschatten. */
[data-stil="thames"] .kategorien__wand:has(.coverwand--3d) {
  background: radial-gradient(ellipse 75% 65% at 38% 30%, color-mix(in srgb, var(--salbei) 70%, white) 0%, var(--salbei) 50%, color-mix(in srgb, var(--salbei) 86%, black) 100%);
}
[data-stil="thames"] .coverwand--3d { container-type: inline-size; isolation: isolate; gap: 0; padding-bottom: 1.5rem; }
[data-stil="thames"] .coverwand--3d li { flex: none; position: relative; height: min(22rem, 28cqi); }
[data-stil="thames"] .coverwand--3d li + li { margin-left: calc(-0.1 * min(22rem, 28cqi)); }
[data-stil="thames"] .coverwand--3d a { height: 100%; transition: transform 0.3s ease; }
[data-stil="thames"] .coverwand--3d a:hover { transform: translateY(-8px); }
[data-stil="thames"] .coverwand--3d .buch3d { aspect-ratio: var(--verhaeltnis); transform: perspective(2200px) rotateY(24deg); }
[data-stil="thames"] .coverwand--3d .buch3d img { max-width: none; box-shadow: none; transition: none; }
[data-stil="thames"] .coverwand--3d .buch3d__vorn,
[data-stil="thames"] .coverwand--3d a:hover .buch3d__vorn {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0 2px 2px 0;
  transform: translateZ(calc(var(--dicke) * 50cqh));
  box-shadow: 14px 8px 22px -10px rgba(0, 0, 0, 0.45);
}
/* Buchrücken: Fläche an der linken Kante, von hinten nach vorn, Außenseite nach links */
[data-stil="thames"] .coverwand--3d .buch3d__ruecken {
  position: absolute; top: 0; left: 0; height: 100%; width: calc(var(--dicke) * 100cqh); overflow: hidden;
  transform-origin: left center; transform: translateZ(calc(var(--dicke) * -50cqh)) rotateY(-90deg);
}
[data-stil="thames"] .coverwand--3d .buch3d__ruecken img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left; filter: brightness(0.62); }
[data-stil="thames"] .coverwand--3d .buch3d__ruecken::after {
  content: ""; position: absolute; inset: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0.08) 45%, rgba(0, 0, 0, 0.2));
}
/* Glanz: Licht fällt von links oben auf die Vorderseite, Bundfalz als dunkle Kante links */
[data-stil="thames"] .coverwand--3d .buch3d::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 0 2px 2px 0;
  transform: translateZ(calc(var(--dicke) * 50cqh + 0.5px));
  background:
    linear-gradient(to right, rgba(0, 0, 0, 0.22) 0, rgba(255, 255, 255, 0.12) 2.5%, rgba(0, 0, 0, 0.06) 5%, transparent 9%),
    linear-gradient(125deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 38%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.16) 100%);
}
[data-stil="thames"] .coverwand--3d li::after {
  content: ""; position: absolute; z-index: -1; left: -12%; right: -22%; bottom: -6%; height: 12%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0));
}
@media (min-width: 900px) {
  [data-stil="thames"] article > section.buehne--geteilt:first-child { grid-template-columns: 40% 60%; min-height: 27rem; }
  [data-stil="thames"] .buehne__titel { padding: 2.5rem 3rem 3rem max(var(--rand), calc((100vw - var(--breit)) / 2 + var(--rand))); }
  [data-stil="thames"] .buehne__bild { padding: 3rem 3rem 0; }
}

[data-stil="thames"] .vorspann p { font-size: 1.125rem; line-height: 1.55; margin: 0 auto; max-width: var(--spalte); }


[data-stil="thames"] .aufklapp { padding-top: 0; max-width: 1060px; margin-inline: auto; }
[data-stil="thames"] .aufklapp details { border-bottom: 1px solid var(--linie); }
[data-stil="thames"] .aufklapp details:first-child { border-top: 1px solid var(--linie); }
[data-stil="thames"] .aufklapp summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 5rem; padding: 1rem 0; cursor: pointer; list-style: none; }
[data-stil="thames"] .aufklapp summary::-webkit-details-marker { display: none; }
[data-stil="thames"] .aufklapp summary h3 { margin: 0; font-size: 1.125rem; line-height: 1.4; }
[data-stil="thames"] .aufklapp summary::after {
  content: ""; flex: none; width: 0.65rem; height: 0.65rem; margin-right: 0.35rem;
  border-right: 1.5px solid var(--tinte); border-bottom: 1.5px solid var(--tinte);
  transform: translateY(-25%) rotate(45deg); transition: transform 0.2s ease;
}
[data-stil="thames"] .aufklapp details[open] summary::after { transform: translateY(25%) rotate(-135deg); }
[data-stil="thames"] .aufklapp summary:hover h3 { text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; }
[data-stil="thames"] .aufklapp__inhalt { padding: 0 0 2.5rem; display: flow-root; }
[data-stil="thames"] .aufklapp__inhalt > :is(p, ul) { max-width: var(--spalte); }
[data-stil="thames"] .aufklapp__oberzeile { font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinte-2); margin: 0 0 1rem; }
[data-stil="thames"] .aufklapp__inhalt li + li { margin-top: 0.35em; }
[data-stil="thames"] .aufklapp__siegel { margin: 0 0 1.5rem; background: var(--kachel); padding: 1.5rem; display: flex; justify-content: center; }
[data-stil="thames"] .aufklapp__siegel img { width: 150px; height: auto; }
[data-stil="thames"] .aufklapp__bilder { display: grid; gap: 1rem; margin-top: 2rem; }
[data-stil="thames"] .aufklapp__bilder figure { margin: 0; background: var(--kachel); display: flex; align-items: center; justify-content: center; padding: 1.5rem; }
[data-stil="thames"] .aufklapp__bilder img { width: 100%; height: auto; }
@media (min-width: 760px) {
  [data-stil="thames"] .aufklapp__siegel { float: right; width: 13rem; margin: 0 0 1.5rem 2.5rem; }
  [data-stil="thames"] .aufklapp__bilder { grid-template-columns: 3fr 2fr; }
  [data-stil="thames"] .aufklapp__bilder figure { padding: 2rem; }
}

[data-stil="thames"] .band--salbei { background: var(--salbei); color: #fff; text-align: left; justify-items: stretch; }
[data-stil="thames"] .band--salbei h3 { color: #fff; font-size: clamp(1.6rem, 1.3rem + 1vw, 2rem); line-height: 1.3; }
[data-stil="thames"] .band--salbei p { color: #fff; max-width: 36rem; }
[data-stil="thames"] .band--salbei .knopf { background: var(--schiefer); }
[data-stil="thames"] .band--salbei .knopf:hover { background: var(--tinte); }
@media (min-width: 700px) {
  [data-stil="thames"] .einsenden.band--salbei { grid-template-columns: 1fr auto; }
  [data-stil="thames"] .einsenden.band--salbei .cta { grid-column: 2; grid-row: 1 / 3; margin: 0; }
}

/* Autorenstimmen: Kacheln wie „So funktioniert’s“ (Buchkachel-Grau, eckig), Anführungszeichen wie die Schrittziffern,
   Zitat in der Antiqua-Kursive, Überschrift wie „So funktioniert’s“ */
[data-stil="thames"] .stimmen-band { padding-top: calc(var(--abstand) * 1.25); }
[data-stil="thames"] .stimmen__titel { font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.2; text-align: center; margin: 0 auto; }
[data-stil="thames"] .stimme { background: var(--kachel); padding: 2rem 1.75rem 1.5rem; }
[data-stil="thames"] .stimme::before { font-family: var(--zitat); font-size: 4rem; top: 0.9rem; }
[data-stil="thames"] .stimme__text { text-align: left; max-width: none; font-family: var(--zitat); font-style: italic; font-size: 1.2rem; line-height: 1.45; margin: 0 2.25rem 1.25rem 0; padding: 0; }
[data-stil="thames"] .stimme__text::before, [data-stil="thames"] .stimme__text::after { content: none; }
[data-stil="thames"] .stimmen--js .stimme__text { max-height: calc(7 * 1.45em); }
[data-stil="thames"] .stimme__name { font-weight: 600; }

/* Startseite: Neuerscheinungen (eine Reihe à sechs, Link darunter; Handy 3, Tablet 4, die übrigen Bücher ausgeblendet).
   Kacheln kleiner als im Shop, daher Titel/Preis eine Stufe kleiner und weniger Luft unter der Kachel */
[data-stil="thames"] .seite--startseite .neuerscheinungen .regal { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
@media (min-width: 600px) { [data-stil="thames"] .seite--startseite .neuerscheinungen .regal { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 20px; } }
@media (min-width: 900px) { [data-stil="thames"] .seite--startseite .neuerscheinungen .regal { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 32px 20px; } }
@media (max-width: 599px) { [data-stil="thames"] .seite--startseite .neuerscheinungen .regal > li:nth-child(n+4) { display: none; } }
@media (min-width: 600px) and (max-width: 899px) { [data-stil="thames"] .seite--startseite .neuerscheinungen .regal > li:nth-child(n+5) { display: none; } }
[data-stil="thames"] .seite--startseite .neuerscheinungen .regal__cover { margin-bottom: 16px; }
[data-stil="thames"] .seite--startseite .neuerscheinungen .regal__titel { font-size: 0.875rem; }
[data-stil="thames"] .seite--startseite .neuerscheinungen .regal__preis { font-size: 0.875rem; margin-top: 6px; }
[data-stil="thames"] .seite--startseite .neuerscheinungen .cta { text-align: center; max-width: none; margin: 2rem 0 0; }

/* Programme: Genres als Linkreihe im Abschnitt „Bücher aller Kategorien“ */
[data-stil="thames"] .programme { list-style: none; padding: 0; margin: 1.25rem auto 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
[data-stil="thames"] .programme a { display: inline-block; padding: 0.3rem 0.8rem; border: 1px solid var(--linie); border-radius: 999px; font-size: 0.875rem; color: var(--tinte); text-decoration: none; background: var(--papier); }
[data-stil="thames"] .programme a:hover { border-color: var(--tinte); }

/* Wer wir sind: Foto links, Text rechts (Raster wie .kategorien/.leistungen) */
[data-stil="thames"] .ueber-uns figure { margin: 0; padding: 0; overflow: hidden; }
[data-stil="thames"] .ueber-uns figure img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
[data-stil="thames"] .ueber-uns > div { background: var(--papier-2); color: var(--tinte); }
[data-stil="thames"] .ueber-uns h2 { color: var(--schiefer); }
[data-stil="thames"] .ueber-uns p { color: var(--tinte-2); text-align: left; }
[data-stil="thames"] .kategorien + .ueber-uns { padding-top: 0; }

/* Häufige Fragen: Kopf mittig über den aufklappbaren Fragen */
[data-stil="thames"] .haeufige-fragen { padding-bottom: 1.5rem; }
[data-stil="thames"] .haeufige-fragen h2 { text-align: center; margin: 0; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); }

/* Kennzahlenzeile (Startseite unter dem Versprechen, „Buch veröffentlichen“ im Titelband) */
[data-stil="thames"] .kennzahlen { list-style: none; padding: 0; margin: 1.5rem auto 0; display: flex; flex-wrap: wrap; gap: 0.75rem 2rem; }
[data-stil="thames"] .kennzahlen li { margin: 0; font-size: 0.9375rem; color: var(--tinte-2); }
[data-stil="thames"] .kennzahlen strong { display: block; font-weight: 400; font-size: 1.5rem; line-height: 1.2; color: var(--schiefer); }
[data-stil="thames"] .buehne__titel .kennzahlen li { color: rgba(255, 255, 255, 0.8); }
[data-stil="thames"] .einstieg .kennzahlen { margin-bottom: 1.75rem; display: grid; grid-template-columns: 1fr; }
@media (min-width: 600px) { [data-stil="thames"] .einstieg .kennzahlen { grid-template-columns: repeat(3, auto); justify-content: start; } }
[data-stil="thames"] .buehne__titel .kennzahlen strong { color: #fff; }

/* „Buch veröffentlichen“ als Landingpage: Titelband mit Satz, Kennzahlen und Sprungknopf */
[data-stil="thames"] .seite--buch-veroeffentlichen .buehne__titel { flex-direction: column; align-items: flex-start; justify-content: flex-end; }
[data-stil="thames"] .seite--buch-veroeffentlichen .buehne__titel > p:not(.cta) { color: rgba(255, 255, 255, 0.85); max-width: 30rem; margin: 0.75rem 0 0; }
[data-stil="thames"] .seite--buch-veroeffentlichen .buehne__titel .cta { margin: 1.75rem 0 0; }
[data-stil="thames"] .seite--buch-veroeffentlichen .buehne__titel .knopf { background: #fff; color: var(--tinte); }
[data-stil="thames"] .seite--buch-veroeffentlichen .buehne__titel .knopf:hover { background: var(--papier-2); }


/* Vergleich Self-Publishing / Verlag: Tabelle, auf dem Handy jede Zeile als Block */
[data-stil="thames"] .vergleich h2 { text-align: center; margin: 0 0 1.75rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); }
[data-stil="thames"] .vergleich table { width: 100%; max-width: 960px; margin: 0 auto; border-collapse: collapse; }
[data-stil="thames"] .vergleich th, [data-stil="thames"] .vergleich td { padding: 0.9rem 1rem; text-align: left; border-bottom: 1px solid var(--linie); vertical-align: top; }
[data-stil="thames"] .vergleich thead th { font-weight: 400; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinte-2); }
[data-stil="thames"] .vergleich thead th:last-child, [data-stil="thames"] .vergleich td.ja { background: var(--papier-2); }
[data-stil="thames"] .vergleich tbody th { font-weight: 600; }
[data-stil="thames"] .vergleich td.nein { color: var(--tinte-2); }
[data-stil="thames"] .vergleich td.nein::before { content: "✗ "; color: #a33; }
[data-stil="thames"] .vergleich td.ja::before { content: "✓ "; color: #3a7a3a; font-weight: 600; }
@media (max-width: 699px) {
  [data-stil="thames"] .vergleich thead { display: none; }
  [data-stil="thames"] .vergleich tr { display: block; padding: 0.75rem 0; border-bottom: 1px solid var(--linie); }
  [data-stil="thames"] .vergleich th, [data-stil="thames"] .vergleich td { display: block; border: 0; padding: 0.3rem 0.75rem; }
}

/* Vertrieb: Partner-Streifen mit Begleitsatz */
[data-stil="thames"] .vertrieb { text-align: center; }
[data-stil="thames"] .vertrieb p { max-width: var(--spalte); margin: 1.5rem auto 0; color: var(--tinte-2); }

/* Verlegerbrief: Foto links, Brief rechts auf Beige – derzeit nicht eingebunden, für die spätere Anzeigen-Landingpage */
[data-stil="thames"] .brief { display: grid; gap: 0; padding: 0 !important; align-items: stretch; }
[data-stil="thames"] .brief__foto { margin: 0; background: var(--bildgrund); overflow: hidden; }
[data-stil="thames"] .brief__foto img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 25%; }
[data-stil="thames"] .brief__text { background: var(--papier-2); padding: 3rem var(--rand); }
[data-stil="thames"] .brief__text > * { max-width: 34rem; }
[data-stil="thames"] .brief__text h2 { margin-top: 0; font-weight: 400; color: var(--schiefer); font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); }
[data-stil="thames"] .brief__text p { color: var(--tinte-2); }
[data-stil="thames"] .brief__anrede, [data-stil="thames"] .brief__gruss { font-family: var(--zitat); font-style: italic; font-size: 1.25rem; color: var(--tinte) !important; }
[data-stil="thames"] .brief__unterschrift { display: block; width: 180px; height: auto; margin: 0.5rem 0; }
[data-stil="thames"] .brief__name { margin-top: 0.25rem; }
@media (min-width: 900px) {
  [data-stil="thames"] .brief { grid-template-columns: 1fr 1fr; }
  [data-stil="thames"] .brief__text { padding: 4rem; }
}
[data-stil="thames"] .brief:has(.brief__text--allein) { grid-template-columns: 1fr; }
[data-stil="thames"] .brief__text--allein { display: grid; justify-content: center; }
[data-stil="thames"] .kategorien + .brief, [data-stil="thames"] .stimmen-band + .brief { margin-top: 0; }

/* Häufige Fragen auf „Buch veröffentlichen“: Abstand zum Einsende-Band */
[data-stil="thames"] .seite--buch-veroeffentlichen .aufklapp:last-of-type { padding-bottom: var(--abstand); }

/* Formular am Ende einer Landingpage (Kasten wie „Manuskript senden“, ohne Überlappung nach oben) – derzeit nicht eingebunden, für die spätere Anzeigen-Landingpage */
[data-stil="thames"] .lp-formular { margin-top: 0 !important; padding-top: var(--abstand) !important; }
@media (min-width: 1100px) { [data-stil="thames"] .lp-formular { grid-template-columns: minmax(0, 47rem); } }
[data-stil="thames"] .lp-formular .ms-einsenden__formular > h2 { margin-bottom: 0.5rem; }
[data-stil="thames"] .lp-formular .ms-einsenden__formular > p { color: var(--tinte-2); margin: 0 0 1.75rem; }

/* ---------- Startseite entschlackt (Auftraggeber 29.10.2026) ----------
   Weniger Stationen, ein Rhythmus: Versprechen mit Knopf → Belege → Ablauf → Bücher → Autoren → Programme.
   Abschnittsköpfe links in 24 px (wie „New Releases“), Aussagen (h1, Autoren, Kategorien) in einer Größe.
   Nebenausgänge als Textlink (cta art="link"), dunkle Knöpfe nur für „Manuskript einsenden/senden“. */

/* Einstieg der Startseite: Salbei-Band wie der Kopf von „Manuskript senden“, Text links, Kennzahlen rechts (Auftraggeber 30.10.2026) */
[data-stil="thames"] .seite--startseite .einstieg.band--salbei { display: grid; gap: 2.5rem; align-items: center; padding-top: clamp(2.75rem, 5vw, 4.5rem); padding-bottom: clamp(2.75rem, 5vw, 4.5rem); }
@media (min-width: 1000px) { [data-stil="thames"] .seite--startseite .einstieg.band--salbei { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: clamp(3rem, 6vw, 6rem); } }
[data-stil="thames"] .seite--startseite .einstieg > .einstieg__text, [data-stil="thames"] .seite--startseite .einstieg > .ms-fakten { max-width: none; margin: 0; }
[data-stil="thames"] .seite--startseite .einstieg__text > h1 {
  margin: 0 0 0.4em; max-width: 16ch; color: #fff; font-weight: 400; letter-spacing: -0.01em;
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem); line-height: 1.12;
}
[data-stil="thames"] .seite--startseite .einstieg__text p, [data-stil="thames"] .seite--startseite .einstieg.band--salbei .aufruf > p:not(.cta) { color: #fff; }

/* Textlink statt Knopf */
[data-stil="thames"] .cta--link { margin: 1.5rem 0 0; }
[data-stil="thames"] .cta--link a {
  color: var(--tinte); font-weight: 600; font-size: 0.9375rem;
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25em; text-decoration-color: #b5b5b5;
}
[data-stil="thames"] .cta--link a:hover { text-decoration-color: var(--tinte); }

/* Versprechen: Knopf direkt am Text, Hinweis daneben (kein eigenes Band mehr) */
[data-stil="thames"] .seite--startseite .einstieg .aufruf { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.5rem; margin-top: 1.75rem; }
[data-stil="thames"] .seite--startseite .einstieg .aufruf .cta { margin: 0; }
[data-stil="thames"] .seite--startseite .einstieg .aufruf > p:not(.cta) { flex: 1 1 16rem; margin: 0; font-size: 0.9375rem; line-height: 1.5; color: var(--tinte-2); max-width: 24rem; }
[data-stil="thames"] .seite--startseite .einstieg .aufruf .knopf { background: var(--schiefer); }
[data-stil="thames"] .seite--startseite .einstieg .aufruf .knopf:hover { background: var(--tinte); }


/* Ablauf: drei Spalten mit Nummer, ohne Kacheln und Symbole; Kopf links wie die anderen Abschnitte */
[data-stil="thames"] .seite--startseite .ms-ablauf { padding-top: var(--abstand) !important; }
[data-stil="thames"] .seite--startseite .ms-ablauf > h2 { text-align: left; font-size: 1.5rem; line-height: 1.4; margin-bottom: 1.5rem; }
[data-stil="thames"] .seite--startseite .ms-ablauf .schritt {
  background: none; padding: 1.25rem 0 0; border-top: 1px solid var(--linie);
  display: flex; flex-direction: column;
}
[data-stil="thames"] .seite--startseite .ms-ablauf .schritt::after { position: static; order: -1; margin-bottom: 0.75rem; }
[data-stil="thames"] .seite--startseite .ms-ablauf .schritt h3 { margin-bottom: 0.5rem; }
[data-stil="thames"] .seite--startseite .ms-ablauf .schritt p { font-size: 0.9375rem; color: var(--tinte-2); }
[data-stil="thames"] .seite--startseite .ablauf .cta { text-align: left; }
@media (min-width: 700px) { [data-stil="thames"] .seite--startseite .ms-ablauf .schritte { gap: 2.5rem; } }

/* Aussagen in einer Größe (h1, Autoren, Kategorien) */
[data-stil="thames"] .seite--startseite .autoren > h2,
[data-stil="thames"] .seite--startseite .kategorien h2 { font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); }

/* Autoren und ihre Stimmen in einem Abschnitt */
[data-stil="thames"] .seite--startseite .autoren .stimmen__titel { font-size: 1.5rem; font-weight: 400; line-height: 1.4; color: var(--tinte); max-width: none; margin: 3.5rem 0 0; }
[data-stil="thames"] .seite--startseite .autoren .stimmen { text-align: left; }
[data-stil="thames"] .seite--startseite .neuerscheinungen .cta { text-align: left; }

/* Belege (Startseite): ein Block auf Beige, links am Seitenraster wie die Abschnittsköpfe.
   Oben die Kennzahlen in denselben drei Spalten wie der Ablauf darunter, dann je eine Zeile
   „Beschriftung | Logos“ mit Haarlinie. Alle Logos grau und gleich hoch, damit kein Logo schreit. */
/* Weiß, weil die Presselogos weiße Hintergründe mitbringen; schmal direkt unter dem Salbei-Einstieg (Auftraggeber 30.10.2026). */
[data-stil="thames"] .seite--startseite .presse.band { background: #fff; text-align: left; padding-top: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--salbei); }
[data-stil="thames"] .seite--startseite .presse .belege { border-top: 0; padding: 0; }
/* Presse, Partner und Buchmesse-Countdown als Gruppe mittig in der Spalte (Auftraggeber 30.10.2026). */
[data-stil="thames"] .seite--startseite :is(.presse, .partner) .belege { justify-content: center; justify-items: center; text-align: center; }
[data-stil="thames"] .seite--startseite :is(.presse, .partner) .belege .logos { justify-content: center; }
/* Partnerzeile schließt Startseite und Kinderbuchseite: knapp über dem Fuß statt doppeltem Abschnittsabstand (Auftraggeber 30.10./02.11.2026). */
[data-stil="thames"] :is(.seite--startseite, .seite--kinderbuch-verlag, .seite--buch-veroeffentlichen) article > .partner:last-child { padding-top: 1.25rem; padding-bottom: 0; margin-bottom: calc(1.5rem - var(--abstand)); }
[data-stil="thames"] .seite--startseite .partner .belege { border-top: 0; padding-top: 0; }
[data-stil="thames"] .seite--startseite .countdown-text.band { text-align: center; }
[data-stil="thames"] .seite--startseite .countdown-text .countdown { justify-content: center; }
[data-stil="thames"] .seite--startseite .countdown-text h3 { margin-left: auto; margin-right: auto; }
@media (min-width: 900px) {
  [data-stil="thames"] .seite--startseite :is(.presse, .partner) .belege { grid-template-columns: auto auto; justify-items: start; text-align: left; }
  [data-stil="thames"] .seite--startseite .countdown-text.band { grid-template-columns: auto auto; justify-content: center; text-align: left; }
  [data-stil="thames"] .seite--startseite .countdown-text h3 { margin-left: 0; margin-right: 0; }
}
[data-stil="thames"] .seite--startseite .presse .kennzahlen { display: grid; grid-template-columns: 1fr; gap: 1.25rem 2.5rem; margin: 0 0 2.5rem; max-width: none; text-align: left; }
[data-stil="thames"] .seite--startseite .presse .kennzahlen li { font-size: 0.875rem; line-height: 1.5; color: var(--tinte-2); }
[data-stil="thames"] .seite--startseite .presse .kennzahlen strong { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); font-weight: 300; line-height: 1.15; color: var(--tinte); margin-bottom: 0.15em; }
@media (min-width: 560px) { [data-stil="thames"] .seite--startseite .presse .kennzahlen { grid-template-columns: repeat(3, 1fr); } }
[data-stil="thames"] .belege { border-top: 1px solid #ddd7d2; padding: 1.5rem 0; display: grid; gap: 0.75rem 2.5rem; align-items: center; }
[data-stil="thames"] .belege:last-child { padding-bottom: 0.5rem; }
[data-stil="thames"] .belege h3 { margin: 0; font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: var(--tinte-2); max-width: 32ch; }
[data-stil="thames"] .belege .logos { list-style: none; margin: 0; padding: 0; max-width: none; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.25rem; }
[data-stil="thames"] .belege .logos li { margin: 0; display: flex; align-items: center; }
[data-stil="thames"] .belege .logos img { width: auto; height: 24px; max-width: none; min-width: 0; filter: grayscale(1); opacity: 0.75; }
[data-stil="thames"] .belege .logos img[alt="Orell Füssli"],
[data-stil="thames"] .belege .logos img[alt="Leipziger Buchmesse"],
[data-stil="thames"] .belege .logos img[alt="Frankfurter Buchmesse"],
[data-stil="thames"] .belege .logos img[alt="Aktion Mensch"] { height: 30px; }
@media (min-width: 900px) {
  [data-stil="thames"] .belege { grid-template-columns: 18rem 1fr; }
}


/* ---------- Kinderbuch-Seite (29.10.2026): Bühne mit aufgeschlagenen Büchern, Bücherwand, Reihen, Fragen, Leserstimmen, Presse ---------- */
/* Aufgeschlagenes Buch statt 3D-Cover (buehne-kinderbuch.yml, aufgeklappt: true): das Mockup ist 16:9 mit Freiraum ringsum,
   deshalb breiter als hoch und ohne den Bodenschatten des 3D-Buchs */
[data-stil="thames"] .folie__buch--offen { height: auto; width: min(100%, 36rem); margin: 0.25rem 0 0.5rem; }
[data-stil="thames"] .folie__buch--offen picture { display: contents; }
[data-stil="thames"] .buehne .folie__buch--offen img { display: block; width: 100%; height: auto; }
[data-stil="thames"] .folie__buch--offen::after { display: none; }
@media (min-width: 900px) {
  [data-stil="thames"] .folie__buch--offen { right: calc(var(--kante) - 4%); bottom: 10%; width: min(56%, 62rem); height: auto; margin: 0; }
}
/* Beschriftung unter dem aufgeschlagenen Buch (bildtext mit Autorenfoto, 02.11.2026): Handy mittig unter dem Buch, Desktop links
   unter dem Buch ausgerichtet (rechts bleiben Punkte/Pfeile frei); dafür steht das Buch etwas kleiner und höher */
[data-stil="thames"] .folie--offen .folie__bildtext--buch { margin: 0.5rem 0 1.5rem; }
@media (min-width: 900px) {
  [data-stil="thames"] .folie--offen.folie--beschriftet .folie__buch--offen { bottom: calc(10% + 5.5rem); width: min(48%, 62rem); height: auto; }   /* height: auto nochmals, weil .folie--beschriftet .folie__buch 58 % setzt */
  [data-stil="thames"] .folie--offen .folie__bildtext--buch { right: auto; left: calc(56% - var(--kante) + 1.5rem); bottom: 10%; max-width: 32rem; justify-content: flex-start; }
}

/* Seit 02.11.2026 ohne Titelband (h1_im_inhalt): die Bühne ist erstes Kind und sitzt über die allgemeine Regel direkt unter dem Kopf.
   „Kinderbuch-Verlag“ steht als kleine Oberzeile-H1 im Einstieg über der Community-Überschrift (SEO). */
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg > h1 {
  max-width: var(--spalte); margin: 0 auto 0.75rem; font-size: 0.75rem; font-weight: 600; line-height: 1.2;
  letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85);
}

/* Folie passt in den ersten Bildschirm: der Kopf ist hier wegen der Brotkrumen 162 px hoch (Handy 175 px), nicht 111 px wie auf der Startseite */
[data-stil="thames"] .seite--kinderbuch-verlag .folie { min-height: clamp(30rem, calc(100svh - 175px), 46rem); }
@media (min-width: 900px) {
  [data-stil="thames"] .seite--kinderbuch-verlag .folie { height: clamp(30rem, calc(100svh - 162px), 56rem); min-height: 0; }
}

/* Reihen-Folie (buehne-kinderbuch.yml, buecher: […]): drei 3D-Cover nebeneinander, mittleres leicht angehoben, Beschriftung darunter */
[data-stil="thames"] .folie__reihe { order: -1; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 0 clamp(1rem, 4vw, 1.75rem); margin: 2rem 0 2.5rem; }
[data-stil="thames"] .folie--reihe .folie__buch--reihe { position: static; order: 0; align-self: auto; height: clamp(7rem, 25vw, 12rem); margin: 0; }
[data-stil="thames"] .folie--reihe .folie__buch--reihe:nth-child(2) { transform: translateY(-6%); }
[data-stil="thames"] .folie--reihe .folie__bildtext--buch { position: static; order: 0; flex-basis: 100%; margin: 1.5rem 0 0; text-align: center; }
@media (min-width: 900px) {
  [data-stil="thames"] .folie__reihe { position: absolute; right: calc(var(--kante) + 4%); bottom: 28%; height: 36%; margin: 0; flex-wrap: nowrap; justify-content: flex-end; gap: clamp(1rem, 2vw, 2rem); }
  [data-stil="thames"] .folie--reihe .folie__text { width: min(600px, 32%); }
  [data-stil="thames"] .folie--reihe .folie__buch--reihe { position: static; height: 100%; right: auto; bottom: auto; }
  [data-stil="thames"] .folie--reihe .folie__bildtext--buch { position: absolute; left: auto; right: 0; top: calc(100% + 1.5rem); bottom: auto; max-width: none; margin: 0; white-space: nowrap; text-align: right; }
}

/* Einstieg als Salbei-Band wie der Einstieg der Startseite (Auftraggeber 02.11.2026): Textspalte mittig, Text linksbündig, Knopf am Text.
   Weiß ausdrücklich für h2 und p, weil .band--salbei nur h3 färbt und .einstieg p:first-of-type spezifischer ist als .band--salbei p. */
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg.band--salbei { padding-top: clamp(2.75rem, 5vw, 4.5rem); padding-bottom: clamp(2.75rem, 5vw, 4.5rem); }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg.band--salbei h2,
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg.band--salbei p { color: #fff; }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg > h2 { font-size: clamp(1.5rem, 1.3rem + 0.8vw, 1.875rem); margin-bottom: 0.4em; }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; margin-top: 1.5rem; }  /* zwei Knöpfe nebeneinander: „Mehr Infos“ (hell, → #fragen) vor „Manuskript einsenden“ (Auftraggeber 02.11.2026) */
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf .cta { margin: 0; }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf .knopf { background: var(--schiefer); }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf .knopf:hover { background: var(--tinte); }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf .knopf--leise { background: #fff; color: var(--tinte); box-shadow: none; }
[data-stil="thames"] .seite--kinderbuch-verlag .einstieg .aufruf .knopf--leise:hover { background: var(--papier-2); color: var(--tinte); }

/* Community-Band mit Autorencollage als ausgeblendetem Hintergrund (Versuch, Auftraggeber 02.11.2026):
   Collage füllt das Band (object-fit: cover), darüber Salbei als Verlauf – in der Textspalte dicht,
   zu den Rändern hin durchscheinend. Bild über <img>, damit das Bildplugin WebP/srcset liefert. */
[data-stil="thames"] .einstieg--collage { position: relative; isolation: isolate; overflow: hidden; }
[data-stil="thames"] .einstieg.einstieg--collage > img.einstieg__hintergrund {  /* spezifischer als die Spaltenregel .einstieg > :not(…) */
  position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; margin: 0;
  object-fit: cover; object-position: 50% 50%; filter: grayscale(0.5); opacity: 0.7;
}
[data-stil="thames"] .einstieg--collage::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(137, 144, 134, 0.5) 0%, rgba(137, 144, 134, 0.85) 28%,
              rgba(137, 144, 134, 0.85) 72%, rgba(137, 144, 134, 0.5) 100%);
}
@media (max-width: 699px) {
  [data-stil="thames"] .einstieg--collage::before { background: rgba(137, 144, 134, 0.85); }
}

/* Bücherwand (02.11.2026): alle Kinderbücher als Blick-ins-Buch-Kacheln auf dem Beige-Band, neueste zuerst. Je Buch eine quadratische
   Kachel auf einer Fläche in der Coverfarbe (--flaeche aus inhalt.js, Rückfall Kachelgrau); beim Überfahren blendet das Cover auf die
   aufgeschlagene Doppelseite über (Muster der Shop-Kachel .regal__cover--innen), darunter Titel und Autor. 2 / 4 / --spalten (6) je Zeile. */
[data-stil="thames"] .buecherwand-band h2 { font-family: var(--schrift); color: var(--tinte); font-weight: 400; font-size: 1.5rem; line-height: 1.4; margin: 0 0 1.75rem; }
[data-stil="thames"] .buecherwand { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1rem; }
[data-stil="thames"] .buecherwand li { margin: 0; min-width: 0; }
[data-stil="thames"] .buecherwand a { display: block; text-decoration: none; color: var(--tinte); }
[data-stil="thames"] .buecherwand__bild { display: block; position: relative; aspect-ratio: 1; overflow: hidden; background: var(--flaeche, var(--kachel)); margin-bottom: 0.9rem; }
[data-stil="thames"] .buecherwand__bild picture { display: contents; }
/* Bild absolut im Quadrat (Safari-Falle wie .regal__cover) */
[data-stil="thames"] .buecherwand__bild img { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 78%; max-height: 78%; box-shadow: 0 6px 14px -8px rgba(19, 19, 19, 0.55); }
[data-stil="thames"] .buecherwand__bild--innen img { transition: opacity 0.5s, transform 0.5s; }
[data-stil="thames"] .buecherwand__innen { max-width: 92%; max-height: 92%; box-shadow: none; opacity: 0; }
@media (hover: hover) {
  [data-stil="thames"] .buecherwand a:hover .buecherwand__bild--innen img { transform: scale(1.05); }
  [data-stil="thames"] .buecherwand a:hover .buecherwand__bild--innen img:not(.buecherwand__innen) { opacity: 0; }
  [data-stil="thames"] .buecherwand a:hover .buecherwand__bild--innen .buecherwand__innen { opacity: 1; }
}
[data-stil="thames"] .buecherwand a:focus-visible .buecherwand__bild--innen img:not(.buecherwand__innen) { opacity: 0; }
[data-stil="thames"] .buecherwand a:focus-visible .buecherwand__bild--innen .buecherwand__innen { opacity: 1; }
[data-stil="thames"] .buecherwand__titel { display: block; font-size: 0.9375rem; line-height: 1.4; }
[data-stil="thames"] .buecherwand__autor { display: block; font-size: 0.75rem; line-height: 1.5; color: var(--tinte-2); margin-top: 0.3em; }
[data-stil="thames"] .buecherwand a:hover .buecherwand__titel { text-decoration: underline; text-underline-offset: 0.2em; }
[data-stil="thames"] .buecherwand-band .cta { margin: 2.5rem 0 0; }
@media (min-width: 600px) { [data-stil="thames"] .buecherwand { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.25rem 1.25rem; } }
@media (min-width: 900px) { [data-stil="thames"] .buecherwand { grid-template-columns: repeat(var(--spalten, 6), minmax(0, 1fr)); gap: 2.5rem 1.5rem; } }
@media (prefers-reduced-motion: reduce) {
  [data-stil="thames"] .buecherwand__bild--innen img { transition: none; }
  [data-stil="thames"] .buecherwand a:hover .buecherwand__bild--innen img { transform: none; }
}

/* Reihen: Kacheln mit den Covern einer Autorin/eines Autors in Erscheinungsfolge, Name → Porträt/Autorenseite */
[data-stil="thames"] .reihen-abschnitt h2 { font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.2; margin: 0 0 0.4em; }
[data-stil="thames"] .reihen-abschnitt > p { color: var(--tinte-2); margin: 0 0 2rem; }
/* Reihen (29.10.2026): je Reihe eine Kachel, alle Cover gleich hoch auf einem Regalbrett (Höhe über --buchhoehe, ab 900 px zusätzlich
   begrenzt, damit n Bücher mit Seitenverhältnis --r nebeneinander passen; auf dem Handy wischbar). Unten links ein rundes Fenster
   (Autorenfoto oder Initialen) über der Regalkante, daneben Name und Zahl. Reihen mit vielen Büchern über beide Spalten. */
[data-stil="thames"] .reihen { list-style: none; margin: 0; padding: 0; max-width: none; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, 1fr); }
[data-stil="thames"] .reihe { --buchhoehe: 8.5rem; --luecke: 0.75rem; --kachelrand: 1.25rem; --fenster: 4.5rem; margin: 0; background: var(--kachel); padding: 1.75rem var(--kachelrand) 1.5rem; display: flex; flex-direction: column; min-width: 0; }
[data-stil="thames"] .reihe__regal {
  display: flex; align-items: flex-end; gap: var(--luecke); margin: 0 calc(-1 * var(--kachelrand)); padding: 0.5rem var(--kachelrand) 1.25rem;
  border-bottom: 1px solid var(--stein); overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  container-type: inline-size;
}
[data-stil="thames"] .reihe__regal::-webkit-scrollbar { display: none; }
[data-stil="thames"] .reihe__regal picture { display: contents; }
[data-stil="thames"] .reihe__regal img { display: block; flex: 0 0 auto; height: var(--buchhoehe); width: auto; scroll-snap-align: start; box-shadow: 0 10px 22px -12px rgba(19, 19, 19, 0.55); transition: transform 0.25s ease; }
[data-stil="thames"] .reihe__regal:hover img { transform: translateY(-6px); }
[data-stil="thames"] .reihe__text { margin: calc(-1 * var(--fenster) / 2) 0 0; max-width: none; display: flex; align-items: flex-end; gap: 1rem; }
[data-stil="thames"] .reihe__fenster {
  flex: none; width: var(--fenster); height: var(--fenster); border-radius: 50%; overflow: hidden;
  background: var(--salbei); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 4px var(--kachel), 0 6px 14px -8px rgba(19, 19, 19, 0.5);
}
[data-stil="thames"] .reihe__fenster picture { display: contents; }
[data-stil="thames"] .reihe__fenster img { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-stil="thames"] .reihe__initialen { font-size: 1.25rem; letter-spacing: 0.06em; line-height: 1; }
[data-stil="thames"] .reihe__wer { display: flex; flex-direction: column; gap: 0.1rem; padding-bottom: 0.3rem; min-width: 0; }
[data-stil="thames"] .reihe__name { font-size: 1.125rem; line-height: 1.3; text-decoration: none; }
[data-stil="thames"] .reihe__name:hover { text-decoration: underline; }
[data-stil="thames"] .reihe__zahl { font-size: 0.8125rem; color: var(--tinte-2); }
@media (min-width: 900px) {
  [data-stil="thames"] .reihen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
  [data-stil="thames"] .reihe { --buchhoehe: 12rem; --luecke: 1rem; --kachelrand: 1.75rem; padding-top: 2rem; }
  [data-stil="thames"] .reihe--breit { grid-column: 1 / -1; --buchhoehe: 13rem; }
  [data-stil="thames"] .reihe__regal { overflow: visible; justify-content: safe center; }
  /* Höhe so, dass alle n Bücher (breitestes Verhältnis --r) in die Regalbreite passen – kleine Serien bleiben groß */
  [data-stil="thames"] .reihe__regal img { height: min(var(--buchhoehe), calc((100cqw - (var(--n, 2) - 1) * var(--luecke)) / var(--n, 2) / var(--r, 1))); }
}
@media (prefers-reduced-motion: reduce) { [data-stil="thames"] .reihe__regal img { transition: none; } [data-stil="thames"] .reihe__regal:hover img { transform: none; } }

/* Autoren mit Stimmen (wie der Autoren-Abschnitt der Startseite) */
[data-stil="thames"] .seite--kinderbuch-verlag .autoren { text-align: center; }
[data-stil="thames"] .seite--kinderbuch-verlag .autoren .stimmen__titel { font-size: 1.5rem; font-weight: 400; line-height: 1.4; color: var(--tinte); max-width: none; margin: 0; }  /* Collage darüber am 02.11.2026 entfernt (jetzt Hintergrund des Community-Bands) */
[data-stil="thames"] .seite--kinderbuch-verlag .autoren .stimmen { text-align: left; }
[data-stil="thames"] .stimme--leser .stimme__name { color: var(--tinte-2); }

/* Presse: vier Beiträge im Raster */
[data-stil="thames"] .presse-raster h2 { font-family: var(--schrift); color: var(--tinte); font-weight: 400; font-size: 1.5rem; line-height: 1.4; margin: 0 0 1.5rem; }
@media (min-width: 900px) { [data-stil="thames"] .presse-raster .beitragsraster { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem 1.5rem; } }

/* Partner: Logo-Zeile wie auf der Startseite (mittig, ab 900 px „Beschriftung | Logos“), ohne Haarlinie oben; schließt die Seite
   mit denselben Abständen wie auf der Startseite (Abstandsregel bei der Startseite, „Partnerzeile schließt …") (Auftraggeber 02.11.2026). */
[data-stil="thames"] :is(.seite--kinderbuch-verlag, .seite--buch-veroeffentlichen) .partner .belege { border-top: 0; padding-top: 0; justify-content: center; justify-items: center; text-align: center; }
[data-stil="thames"] :is(.seite--kinderbuch-verlag, .seite--buch-veroeffentlichen) .partner .belege .logos { justify-content: center; }
@media (min-width: 900px) {
  [data-stil="thames"] :is(.seite--kinderbuch-verlag, .seite--buch-veroeffentlichen) .partner .belege { grid-template-columns: auto auto; justify-items: start; text-align: left; }
}

/* „Buch veröffentlichen“: Abschnitt „erschwinglich“ – Kennzahlen, Frage, zwei Karten, Schlusszitat */
/* Kopf des Abschnitts im Salbei-Band, mittig, mit normalem Abstand zum Seitenkopf; Überschrift bricht wie die frühere H2 (40rem) (Auftraggeber 03.11.2026) */
[data-stil="thames"] article > section.erschwinglich-kopf { text-align: center; padding-top: 3.5rem; padding-bottom: 3.5rem; }
[data-stil="thames"] .seite .inhalt > article > section.erschwinglich-kopf:first-child > h1:first-child { margin: 0 auto 1.25rem; max-width: 40rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.3; color: #fff; background: none; padding: 0; }
[data-stil="thames"] .erschwinglich-kopf p { margin: 0 auto; max-width: var(--spalte); font-size: 1.125rem; color: #fff; }
[data-stil="thames"] .erschwinglich { text-align: center; }
[data-stil="thames"] .erschwinglich h2 { margin: 0 auto 1.25rem; max-width: 40rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.3; }
[data-stil="thames"] .erschwinglich__lead { margin: 0 auto; max-width: var(--spalte); font-size: 1.125rem; color: var(--tinte-2); }
[data-stil="thames"] .erschwinglich__zahlen { list-style: none; padding: 0; margin: 1.75rem auto 0; max-width: 960px; display: grid; grid-template-columns: 1fr; gap: 0.75rem; }
@media (min-width: 700px) { [data-stil="thames"] .erschwinglich__zahlen { grid-template-columns: repeat(3, 1fr); } }
[data-stil="thames"] .erschwinglich__zahlen li { margin: 0; background: var(--kachel); padding: 1.4rem 1.25rem; font-size: 0.9375rem; line-height: 1.5; color: var(--tinte-2); }
[data-stil="thames"] .erschwinglich__zahlen strong { display: block; font-weight: 300; font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem); line-height: 1.15; color: var(--tinte); margin-bottom: 0.25em; }
/* Wort- statt Zahlenkachel: „TV, Presse“ wie die Zahlen gesetzt, einzeilig; „+ Radio …“ läuft im Text darunter
   (Auftraggeber 03.11.2026). Auf schmalen Kacheln verkleinert, damit es nicht umbricht. */
[data-stil="thames"] .erschwinglich__wort { container-type: inline-size; }
[data-stil="thames"] .erschwinglich__wort strong { white-space: nowrap; font-size: min(clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem), 18cqi); line-height: calc(1.15 * clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem)); margin-bottom: calc(0.25 * clamp(1.75rem, 1.4rem + 1.2vw, 2.25rem)); }
[data-stil="thames"] .erschwinglich__frage { margin: 2.5rem auto; max-width: var(--spalte); font-family: var(--zitat); font-style: italic; font-size: clamp(1.35rem, 1.15rem + 0.8vw, 1.7rem); line-height: 1.35; color: var(--schiefer); }
[data-stil="thames"] .erschwinglich__spalten { display: grid; grid-template-columns: 1fr; gap: 1rem; max-width: 1040px; margin: 0 auto; text-align: left; }
@media (min-width: 800px) { [data-stil="thames"] .erschwinglich__spalten { grid-template-columns: 1fr 1fr; gap: 1.5rem; } }
[data-stil="thames"] .erschwinglich__karte { border: 1px solid var(--linie); padding: clamp(1.25rem, 3vw, 2rem); }
[data-stil="thames"] .erschwinglich__karte--antwort { background: var(--papier-2); border-color: var(--papier-2); }
[data-stil="thames"] .erschwinglich__karte > p { margin: 0 0 1rem; line-height: 1.6; }
[data-stil="thames"] .erschwinglich__karte > p:last-child { margin-bottom: 0; }
[data-stil="thames"] .erschwinglich__oberzeile { font-size: 0.75rem !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinte-2); }
[data-stil="thames"] .erschwinglich__karte ul { list-style: none; padding: 0; margin: 0 0 1rem; }
[data-stil="thames"] .erschwinglich__karte li { position: relative; margin: 0 0 0.75rem; padding-left: 1.75rem; line-height: 1.55; }
[data-stil="thames"] .erschwinglich__fragen li { font-weight: 600; }
[data-stil="thames"] .erschwinglich__fragen li::before { content: "?"; position: absolute; left: 0; top: 0; font-family: var(--zitat); font-size: 1.25rem; line-height: 1.2; color: var(--tinte-2); }
[data-stil="thames"] .erschwinglich__haken li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--schiefer); font-weight: 600; }
[data-stil="thames"] .erschwinglich__haken li:last-child { margin-bottom: 0; }
[data-stil="thames"] .erschwinglich__schluss { margin: 2.75rem auto 0; max-width: 40rem; font-family: var(--zitat); font-size: clamp(1.4rem, 1.2rem + 0.9vw, 1.85rem); line-height: 1.35; color: var(--tinte); }
[data-stil="thames"] .erschwinglich__schluss::before { content: ""; display: block; width: 48px; height: 1px; background: var(--tinte-2); margin: 0 auto 1.5rem; }

/* „Buch veröffentlichen“: schmaler Titelband ohne Bild (03.11.2026) */
[data-stil="thames"] article > section.buehne--schmal:first-child { background: var(--schiefer); }
[data-stil="thames"] .buehne--schmal .buehne__titel { padding: clamp(2.5rem, 5vw, 4rem) max(var(--rand), calc((100vw - var(--breit)) / 2 + var(--rand))); }
[data-stil="thames"] .seite .inhalt > article > section.buehne--schmal h1 {
  background: none; color: #fff; margin: 0; padding: 0; max-width: 40rem;
  font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); line-height: 1.25;
}

/* Ablauf: nummerierte Zeitleiste links, Buchfoto rechts */
[data-stil="thames"] .ablauf-buch { display: grid; grid-template-columns: 1fr; gap: 2.5rem; max-width: 1140px; margin-inline: auto; align-items: start; }
@media (min-width: 900px) { [data-stil="thames"] .ablauf-buch { grid-template-columns: 1.1fr 1fr; gap: clamp(3rem, 6vw, 5rem); } }
[data-stil="thames"] .ablauf-buch h2 { margin: 0 0 2rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); line-height: 1.25; }
[data-stil="thames"] .ablauf-buch__schritte { list-style: none; margin: 0; padding: 0; counter-reset: ablauf; }
[data-stil="thames"] .ablauf-buch__schritte li { position: relative; margin: 0; padding: 0 0 1.75rem 3.5rem; counter-increment: ablauf; }
[data-stil="thames"] .ablauf-buch__schritte li::before {
  content: counter(ablauf); position: absolute; left: 0; top: -0.1rem; width: 2.25rem; height: 2.25rem; border-radius: 50%;
  display: grid; place-items: center; background: var(--schiefer); color: #fff; font-size: 0.9375rem;
}
[data-stil="thames"] .ablauf-buch__schritte li:not(:last-child)::after { content: ""; position: absolute; left: calc(1.125rem - 0.5px); top: 2.4rem; bottom: 0.2rem; width: 1px; background: var(--linie); }
[data-stil="thames"] .ablauf-buch__schritte h3 { margin: 0 0 0.35rem; font-weight: 600; font-size: 1.0625rem; line-height: 1.4; }
[data-stil="thames"] .ablauf-buch__schritte p { margin: 0; color: var(--tinte-2); line-height: 1.6; }
[data-stil="thames"] .ablauf-buch__bild { margin: 0; }
@media (min-width: 900px) { [data-stil="thames"] .ablauf-buch__bild { position: sticky; top: 6rem; } }
[data-stil="thames"] .ablauf-buch__bild img { display: block; width: 100%; height: auto; }
[data-stil="thames"] .ablauf-buch__bild figcaption { margin-top: 0.75rem; font-size: 0.875rem; color: var(--tinte-2); }

/* Leistungen in drei Spalten (ersetzt Kacheln + Aufklapper) */
[data-stil="thames"] .leistungen-drei > h2 { text-align: center; margin: 0 0 0.75rem; font-weight: 400; font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); }
[data-stil="thames"] .leistungen-drei__vorspann { text-align: center; margin: 0 auto 2.25rem; max-width: var(--spalte); color: var(--tinte-2); }
[data-stil="thames"] .leistungen-drei__spalten { display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 900px) { [data-stil="thames"] .leistungen-drei__spalten { grid-template-columns: repeat(3, 1fr); } }
[data-stil="thames"] .leistung { background: var(--kachel); padding: clamp(1.5rem, 3vw, 2.25rem); }
[data-stil="thames"] .leistung h3 { margin: 1rem 0 0.25rem; font-weight: 400; font-size: 1.375rem; }
[data-stil="thames"] .leistung__oberzeile { margin: 0 0 1.25rem; font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tinte-2); }
[data-stil="thames"] .leistung > p:not(.leistung__oberzeile) { margin: 0 0 1rem; font-size: 0.9375rem; line-height: 1.6; }
[data-stil="thames"] .leistung ul { list-style: none; margin: 0; padding: 0; }
[data-stil="thames"] .leistung li { position: relative; margin: 0; padding: 0.6rem 0 0.6rem 1.6rem; border-top: 1px solid var(--linie); font-size: 0.9375rem; line-height: 1.55; }
[data-stil="thames"] .leistung li::before { content: "✓"; position: absolute; left: 0; top: 0.6rem; color: var(--schiefer); font-weight: 600; }

/* Autorenstimmen: Lesungsfoto als Auftakt */
[data-stil="thames"] .stimmen-band__bild { margin: 0 0 clamp(2.5rem, 5vw, 3.5rem); }
[data-stil="thames"] .stimmen-band__bild img { display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; object-position: center 55%; }

/* Fotoreihe im Buchtext (z. B. Lesungsfotos Klumpp, 03.11.2026): drei gleich große Quadrate */
[data-stil="thames"] .buch-fotos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; margin: 1.5rem 0; }
[data-stil="thames"] .buch-fotos figure { margin: 0; }
[data-stil="thames"] .buch-fotos img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
[data-stil="thames"] .buch-fotos figure:nth-child(2) img { object-position: 60% 40%; }

/* Merkblatt-Band unter dem Einsende-Aufruf (Buch veröffentlichen) */
[data-stil="thames"] .merkblatt-band { padding-top: 2.75rem !important; padding-bottom: 3rem !important; }
[data-stil="thames"] .merkblatt-band .merkblatt__titel { font-size: 1.125rem; font-weight: 600; }
[data-stil="thames"] .merkblatt-band .merkblatt__hinweis { font-size: 0.8125rem; max-width: 90ch; }
[data-stil="thames"] .merkblatt-band .merkblatt__felder { margin-top: 0.9rem; }
[data-stil="thames"] .merkblatt-band .knopf { background: var(--schiefer); }