/* Nubro Digital · Planet E-Book (ebook.html) · Stand 11.10.2026
   Thema Buch: Die ganze Seite ist hell wie Papier, die Tinte dunkel, Tannengrün ist die Farbe. Aufgebaut wie ein
   aufgeschlagenes Buch: Titelei (links der Planet als Frontispiz, rechts das Titelblatt), Abbildung 1 (Film), Vorwort,
   Inhalt mit Punktlinien, Merksatz, über den Autor, Bestellen, Anhang (Fragen).
   Schriften: Source Serif 4 für Text und Überschriften, IBM Plex Sans für Bedienung und kleine Angaben (lokal, @font-face
   in site.css). Baut auf site.css auf und färbt deren gemeinsame Bausteine (Kopfleiste, Felder, Glanzknopf,
   Leuchtrand-Karte, Fußzeile) für die helle Seite um, ohne site.css zu ändern. baukasten.css braucht diese Seite nicht.
   Bewegung: zwei Momente, beide nur ohne Wunsch nach reduzierter Bewegung. Der Planet kommt beim Laden an und dreht
   sich sehr langsam; die Punktlinien im Inhalt zeichnen sich einmal, sobald er ins Bild kommt (ebook.js). */

/* ── Farben und Schriften der Seite ── */
:root:has(> body[data-planet="ebook"]){color-scheme:light}
body[data-planet="ebook"]{
  --papier:var(--p-grund);            /* #F3EFE6 */
  --papier-2:var(--p-flaeche);        /* #F6F2E9 */
  --papier-hell:#FBF9F3;
  --tinte-tief:#072B25;
  --tinte-text:#26303B;
  --tanne:var(--p1);                  /* #0F4A40 */
  --tanne-2:var(--p2);                /* #1F7A64 */
  --tanne-hell:#E2ECE6;
  --rost:#9A4321;
  --punkt:rgba(27,36,48,.46);
  --e-serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --e-sans:'IBM Plex Sans','Segoe UI',Arial,sans-serif;
  /* Grundfarben aus site.css für die helle Seite umgedeutet: Kopfleiste, Felder, Fokusrahmen und Fußzeile lesen sie */
  --sans:var(--e-sans);
  --tinte:var(--p-tinte);
  --stahl:var(--p-leise);
  --stahl-2:var(--p-leise);
  --linie:var(--p-linie);
  --glas:rgba(15,74,64,.035);
  --gruen:var(--p1);
  --blau:var(--p2);
  color-scheme:light;
  background:var(--papier);
  color:var(--p-tinte);
  font:400 18px/1.65 var(--e-serif);
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}
[data-planet="ebook"] ::selection{background:var(--tanne);color:var(--papier-hell)}
.ganz{white-space:nowrap}   /* „E-Mail“ nicht am Bindestrich trennen */
[data-planet="ebook"] .skip{background:var(--tanne);color:var(--papier-hell);font-family:var(--e-sans)}

/* ── Kopfleiste auf Papier (gemeinsam.js setzt .nav--hell wegen data-nav-hell="immer") ── */
[data-planet="ebook"] .nav{font-family:var(--e-sans)}
[data-planet="ebook"] .nav--hell::before{background:linear-gradient(to bottom,rgba(243,239,230,.97),rgba(243,239,230,.88) 52%,rgba(243,239,230,0))}
[data-planet="ebook"] .nav--hell .nav__cta{background:var(--tanne);color:var(--papier-hell);transition:background-color .25s}
[data-planet="ebook"] .nav--hell .nav__cta:hover{filter:none;background:var(--tinte-tief)}
/* Die Planetenfarben der Links sind für dunkle Seiten gemacht; auf Papier dunklere Töne derselben Farbe */
[data-planet="ebook"] .nav__links a[data-ziel="website"]{--nav-papier:#2457B8}
[data-planet="ebook"] .nav__links a[data-ziel="video"]{--nav-papier:#A3410A}
[data-planet="ebook"] .nav__links a[data-ziel="design"]{--nav-papier:#7A5E49}
[data-planet="ebook"] .nav__links a[data-ziel="ebook"]{--nav-papier:#0F4A40}
[data-planet="ebook"] .nav__links:not(.offen) a[data-ziel]:hover{color:var(--nav-papier)}
[data-planet="ebook"] .nav__links.offen{background:rgba(251,249,243,.98);border-color:var(--p-linie);box-shadow:0 30px 60px -30px rgba(27,36,48,.4)}
[data-planet="ebook"] .nav__links.offen a{color:var(--p-tinte)}
[data-planet="ebook"] .nav__links.offen a:hover,[data-planet="ebook"] .nav__links.offen a[aria-current="page"]{background:rgba(15,74,64,.07);color:var(--tanne)}
[data-planet="ebook"] .nav__links.offen a[aria-current="page"]::after{left:auto;right:16px;bottom:50%;margin:0 0 -2.5px}

/* ── Gemeinsame Bausteine auf Papier ── */
[data-planet="ebook"] .pfeil-link{font:500 15px/1.4 var(--e-sans);color:var(--tanne);text-decoration-color:rgba(15,74,64,.35)}
[data-planet="ebook"] .pfeil-link:hover{text-decoration-color:var(--tanne)}

/* Glanzknopf in Tannengrün: gleiche Form wie überall, Licht oben rechts, heller Schein unten links */
[data-planet="ebook"] .glanzknopf{--g-farbe:#8FD1BC;background:radial-gradient(circle 80px at 80% -10%,#FFFFFF,#0B3A32);color:#F7F4EC;font-family:var(--e-sans);box-shadow:0 10px 22px -14px rgba(7,43,37,.6)}
[data-planet="ebook"] .glanzknopf::before{box-shadow:0 0 18px rgba(15,74,64,.18)}
[data-planet="ebook"] .glanzknopf__innen{background:radial-gradient(circle 80px at 80% -50%,#4E8A7C,#0C3C34)}
[data-planet="ebook"] .glanzknopf:focus-visible{outline-color:var(--tanne)}

/* Felder */
[data-planet="ebook"] .lbl{font:500 14px/1.35 var(--e-sans);letter-spacing:0;text-transform:none;color:#38414C}
[data-planet="ebook"] .input{border-color:#8C8473;border-radius:10px;background:#FFFEFA;color:var(--p-tinte);font:400 16px/1.4 var(--e-sans)}
[data-planet="ebook"] .input::placeholder{color:#767C85}
[data-planet="ebook"] .input:focus{border-color:var(--tanne);box-shadow:0 0 0 3px rgba(15,74,64,.16)}
[data-planet="ebook"] .input[aria-invalid="true"]{border-color:var(--rost)}
[data-planet="ebook"] select.input option{background:#FFFEFA;color:var(--p-tinte)}
[data-planet="ebook"] .check{font:400 14px/1.5 var(--e-sans);color:#38414C}
[data-planet="ebook"] .check input{flex:none;width:18px;height:18px;margin:1px 0 0}
[data-planet="ebook"] .check a{color:var(--tanne);text-underline-offset:2px}
[data-planet="ebook"] .seg{position:relative;background:rgba(15,74,64,.07)}
[data-planet="ebook"] .seg label{color:#38414C;font-family:var(--e-sans)}
[data-planet="ebook"] .seg input:checked+label{background:var(--tanne);color:var(--papier-hell)}
[data-planet="ebook"] .hinweis{font:400 13.5px/1.5 var(--e-sans);color:var(--p-leise)}
[data-planet="ebook"] .status{font:500 15px/1.45 var(--e-sans);color:var(--tanne)}
[data-planet="ebook"] .fehler{font:500 13.5px/1.4 var(--e-sans);color:var(--rost)}

/* Fußzeile */
[data-planet="ebook"] .bk-fuss{margin-top:clamp(96px,11vw,160px);padding-bottom:36px;font-family:var(--e-sans)}
[data-planet="ebook"] .fuss{border-top-color:var(--p-linie);color:var(--p-leise)}
[data-planet="ebook"] .fuss__wer strong{color:var(--tinte-tief)}
[data-planet="ebook"] .fuss__links a{text-decoration-color:rgba(27,36,48,.28)}
[data-planet="ebook"] .fuss__links a:hover{color:var(--tinte-tief);text-decoration-color:var(--tanne)}
[data-planet="ebook"] .fuss__links a[aria-current="page"]{color:var(--tanne)}
[data-planet="ebook"] .abspann__ki{margin-top:4px;max-width:96ch;color:var(--p-leise)}
[data-planet="ebook"] .abspann__copy{font:500 12px var(--e-sans);letter-spacing:.04em;color:var(--p-leise)}

/* ── Seitenaufbau ── */
.abschnitt{padding-top:clamp(92px,10.5vw,156px)}
/* Kolumnentitel wie oben auf einer Buchseite: Abschnitt links, Haarlinie, Buchtitel rechts */
.kolumne{display:flex;align-items:center;gap:18px;margin-bottom:clamp(36px,4.6vw,68px);font:500 11.5px/1 var(--e-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--p-leise)}
.kolumne i{flex:1;height:1px;background:var(--p-linie)}
.kolumne em{font:italic 400 14.5px/1 var(--e-serif);letter-spacing:0;text-transform:none}
/* Doppelseite: linke Seite schmaler (Überschrift, Randnotizen), rechte Seite trägt den Text */
.doppelseite{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px clamp(44px,7vw,120px);align-items:start}
.doppelseite__links{display:grid;gap:22px;align-content:start}
.buch-h2{font:600 clamp(36px,4.2vw,60px)/1.06 var(--e-serif);letter-spacing:-.018em;color:var(--tinte-tief);text-wrap:balance}
.buch-h2 em{font-style:italic;font-weight:400;color:var(--tanne)}
.buch-h2--m{font-size:clamp(30px,2.9vw,42px)}
.buch-lead{max-width:44ch;font-size:clamp(19px,1.45vw,22px);line-height:1.58;color:var(--tinte-text);text-wrap:pretty}

/* ── Titelei ── */
.titelei{--planet:min(54vw,100svh - 110px,920px);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:max(680px,100svh);padding:clamp(104px,13vh,140px) 0 clamp(52px,8vh,84px);overflow:hidden}
/* Bundsteg: ein weicher Schatten in der Mitte, wie die Falz eines aufgeschlagenen Buchs */
.titelei::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:clamp(70px,10vw,150px);transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(90deg,rgba(27,36,48,0),rgba(27,36,48,.032) 40%,rgba(27,36,48,.07) 50%,rgba(27,36,48,.032) 60%,rgba(27,36,48,0));
  -webkit-mask-image:linear-gradient(to bottom,transparent 6%,#000 24%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent 6%,#000 24%,#000 80%,transparent)}
.titelei__planet{position:relative;margin:0}
.titelei__ankunft{position:absolute;top:50%;left:calc(var(--planet) * -.2);width:var(--planet);margin-top:calc(var(--planet) / -2)}
.titelei__dreh{display:block}
/* Kreis-Zuschnitt: Die Ecken des Bildes sind fast, aber nicht ganz durchsichtig (Alpha 1), auf Papier sähe man sonst
   ein ganz feines Rechteck */
.titelei__bild{display:block;width:100%;height:auto;clip-path:circle(50%)}
.titelei__unterschrift{position:absolute;right:clamp(28px,3.4vw,56px);bottom:0;max-width:22ch;font:italic 400 14px/1.45 var(--e-serif);color:var(--p-leise);text-align:right}
.titelei__seite{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(24px,4.4vw,72px);text-align:center}
.titelei__autor{margin-bottom:clamp(20px,3.2vh,34px);font:500 12.5px/1 var(--e-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--p-leise)}
.titelei__titel{font:600 clamp(46px,5.7vw,94px)/1 var(--e-serif);letter-spacing:-.024em;color:var(--tinte-tief);text-wrap:balance}
.titelei__titel em{font-style:italic;font-weight:400;color:var(--tanne)}
.titelei__unter{margin-top:clamp(12px,1.8vh,20px);font:italic 400 clamp(19px,1.5vw,23px)/1.4 var(--e-serif);color:#4A535E}
.titelei__strich{display:block;width:44px;height:1px;margin:clamp(22px,3.4vh,34px) auto;background:var(--tanne)}
.titelei__wen{max-width:37ch;font-size:clamp(17px,1.22vw,19px);line-height:1.6;color:var(--tinte-text);text-wrap:pretty}
.titelei__fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);margin-top:clamp(26px,4vh,40px);border-block:1px solid var(--p-linie)}
.titelei__fakten>div{display:grid;align-content:start;gap:5px;padding:15px 8px 16px}
.titelei__fakten>div+div{border-left:1px solid var(--p-linie)}
.titelei__fakten dt{font:500 10.5px/1.2 var(--e-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--p-leise)}
.titelei__wert{font:600 clamp(22px,1.9vw,28px)/1.15 var(--e-serif);color:var(--tinte-tief);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.titelei__klein{font:400 13px/1.3 var(--e-sans);color:var(--p-leise)}
.titelei__aktion{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;margin-top:clamp(26px,4vh,40px)}
.titelei__verlag{position:absolute;left:0;right:0;bottom:calc(-1 * clamp(20px,4vh,44px));font:500 11px/1 var(--e-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--p-leise)}
.titelei__verlag span{margin:0 .6em}

/* ── Abbildung 1: der Film als eingeklebte Tafel ── */
.abb{padding-top:clamp(64px,8vw,120px)}
.abb__tafel{display:grid;gap:16px;max-width:1080px;margin:0 auto}
.abb__rahmen{padding:clamp(8px,1vw,14px);background:var(--papier-hell);border:1px solid var(--p-linie);box-shadow:0 34px 70px -48px rgba(27,36,48,.45)}
.abb__film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#EAE5DA}
.abb__text{max-width:70ch;margin:0 auto;font:italic 400 15.5px/1.5 var(--e-serif);color:var(--p-leise);text-align:center;text-wrap:balance}
.abb__nr{margin-right:.7em;font:500 11px/1 var(--e-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tanne)}

/* ── Vorwort ── */
.vorwort__text{display:grid;gap:1.05em;max-width:60ch;font-size:clamp(19px,1.42vw,21.5px);line-height:1.7;color:var(--tinte-text);hyphens:auto}
@supports (initial-letter:3) or (-webkit-initial-letter:3){
  .vorwort__text>p:first-child::first-letter{-webkit-initial-letter:3;initial-letter:3;margin-right:.14em;font-weight:600;color:var(--tanne)}
}
@supports not ((initial-letter:3) or (-webkit-initial-letter:3)){
  .vorwort__text>p:first-child::first-letter{float:left;margin:.07em .12em 0 0;font-size:4.05em;line-height:.8;font-weight:600;color:var(--tanne)}
}
.randnotiz{display:grid;gap:12px;max-width:32ch;margin-top:6px;padding-top:18px;border-top:1px solid var(--p-linie)}
.randnotiz li{position:relative;padding-left:22px;font:400 15px/1.5 var(--e-sans);color:var(--p-leise)}
.randnotiz li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--tanne)}

/* ── Inhalt ── */
.inhalt__tipp{max-width:40ch;padding-left:16px;border-left:2px solid var(--tanne);font:400 15px/1.5 var(--e-sans);color:var(--p-leise)}
.inhalt__buch{justify-items:start;margin-top:clamp(10px,2vw,28px);padding-left:clamp(8px,2vw,28px)}
.inhalt__buch .buch__koerper{--w:clamp(190px,16vw,248px);--d:18px}
.inhalt__buch .buch__vorn{padding:clamp(14px,1.4vw,20px)}
.inhalt__buch .buch__titel{margin-top:clamp(14px,1.8vw,24px);font-size:clamp(20px,1.8vw,27px)}
.inhalt__buch .buch__unter{margin-top:8px;font-size:11.5px}
.inhalt__buch .buch__autor{font-size:12.5px}
.inhalt__buch .buch__pille{padding:3px 7px;font-size:9px}
.ivz{display:grid;gap:clamp(30px,3.2vw,44px)}
.ivz__stufenname{display:flex;align-items:baseline;gap:16px;padding-bottom:10px;border-bottom:1.5px solid var(--tanne);font:600 clamp(21px,1.6vw,24px)/1.2 var(--e-serif);color:var(--tinte-tief)}
.ivz__stufenname span{font:500 11px/1 var(--e-sans);letter-spacing:.22em;text-transform:uppercase;color:#1A6B58}
.ivz__eintrag{display:grid;grid-template-columns:2.3em minmax(0,1fr);align-items:baseline;padding:13px 0;border-bottom:1px solid var(--p-linie)}
.ivz__nr{font:500 13.5px/1 var(--e-sans);color:var(--p-leise);font-variant-numeric:tabular-nums}
/* Punktlinie wie im gedruckten Inhaltsverzeichnis: Die Punkte stehen in einem Float hinter der letzten Zeile des Titels
   (Technik nach Bert Bos, W3C), Titel und Preis decken sie mit Papierfarbe ab. So laufen sie auch nach einem Umbruch
   vom Ende des Titels bis zum Preis. */
.ivz__zeile{--preis:5.3em;position:relative;display:flow-root;overflow:hidden;overflow:clip;overflow-clip-margin:8px;padding-right:var(--preis);font-size:clamp(18px,1.4vw,20px);line-height:1.4;color:var(--tinte-text)}
.ivz__zeile::after{content:"";float:left;width:calc(100% + var(--preis));margin-right:calc(-100% - var(--preis));height:1.4em;pointer-events:none;
  background:radial-gradient(circle,var(--punkt) .95px,transparent 1.45px) 0 calc(100% - .34em)/7px 4px repeat-x}
.ivz__titel{position:relative;z-index:1;padding-right:.5em;background:var(--papier)}
.ivz__preis{position:absolute;z-index:1;right:0;bottom:0;padding-left:.5em;background:var(--papier);line-height:1.4}
.ivz__chip{display:inline-block;padding:2px 11px 3px;border:1px solid rgba(15,74,64,.34);border-radius:999px;font:500 13.5px/1.55 var(--e-sans);color:var(--tanne);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s}
.ivz__chip:hover,.ivz__chip:focus-visible{border-color:var(--tanne);background:var(--tanne);color:var(--papier-hell)}
.ivz__chip--gratis{border-color:transparent;background:var(--tanne-hell)}
.ivz__chip--voll{border-color:var(--tanne);background:var(--tanne);color:var(--papier-hell)}
.ivz__chip--voll:hover,.ivz__chip--voll:focus-visible{border-color:var(--tinte-tief);background:var(--tinte-tief)}
.ivz__gesamt{padding-top:14px;border-top:1.5px solid var(--tanne)}
.ivz__gesamt .ivz__zeile{padding-left:2.3em}
.ivz__gesamt .ivz__titel{font-weight:600;color:var(--tinte-tief)}
.fussnote{position:relative;max-width:62ch;margin-top:30px;padding-top:16px;font:400 14px/1.55 var(--e-sans);color:var(--p-leise)}
.fussnote::before{content:"";position:absolute;left:0;top:0;width:64px;height:1px;background:var(--p-leise)}

/* ── Merksatz: die einzige dunkle Fläche, mit feinem Rahmen wie ein gedruckter Kasten ── */
.merksatz{padding-top:clamp(92px,10.5vw,156px)}
.merksatz__tafel{position:relative;display:grid;justify-items:center;gap:20px;padding:clamp(52px,7.4vw,112px) clamp(24px,6vw,96px);background:var(--tanne);color:var(--papier-hell);text-align:center}
.merksatz__tafel::before{content:"";position:absolute;inset:clamp(8px,1vw,12px);border:1px solid rgba(243,239,230,.22);pointer-events:none}
.merksatz__titel{font:500 12px/1 var(--e-sans);letter-spacing:.26em;text-transform:uppercase;color:#A8CFC6}
.merksatz__satz{max-width:30ch;font:400 clamp(29px,3.7vw,54px)/1.24 var(--e-serif);letter-spacing:-.012em;text-wrap:balance}
.merksatz__satz span{display:block}
.merksatz :focus-visible{outline-color:var(--papier-hell)}

/* ── Über den Autor ── */
.autor__raster{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center}
.autor__bild{justify-self:start;width:min(100%,420px);margin:0;padding:clamp(10px,1.1vw,14px) clamp(10px,1.1vw,14px) 0;background:var(--papier-hell);border:1px solid var(--p-linie);box-shadow:0 34px 70px -48px rgba(27,36,48,.5)}
.autor__bild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.autor__bild figcaption{padding:13px 0 14px;font:500 11px/1 var(--e-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--p-leise);text-align:center}
.autor__text{display:grid;gap:20px;max-width:56ch}
.autor__text p:not(.buch-lead){font-size:clamp(18px,1.3vw,20px);line-height:1.65;color:var(--tinte-text)}

/* ── Bestellen: zwei Leuchtrand-Karten auf Papier ── */
.bestellen__raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.6vw,36px);align-items:start}
[data-planet="ebook"] .bestellen__karte{--glut-r:6px;background:var(--papier-hell);box-shadow:inset 0 0 0 1px var(--p-linie),0 34px 70px -52px rgba(27,36,48,.45)}
[data-planet="ebook"] .bestellen__karte .glutkarte__licht{opacity:.1}
[data-planet="ebook"] .bestellen__karte .glutkarte__licht--farbe>*{background:radial-gradient(circle,#8FD1BC,#1F7A64 70%)}
.bestellen__inhalt{display:grid;gap:18px;align-content:start;padding:clamp(28px,3.4vw,48px)}
.bestellen__text{max-width:46ch;font-size:clamp(17px,1.2vw,18.5px);line-height:1.6;color:var(--tinte-text)}
/* Lesebändchen an der Karte „Kapitel 1 gratis“ */
.bestellen__band{position:absolute;top:0;right:clamp(26px,3.2vw,44px);width:22px;height:clamp(58px,6vw,74px);background:var(--tanne);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.bestellen__karte--gratis .buch-h2{padding-right:56px}
.eb-form{display:grid;gap:16px;margin-top:4px}
.eb-form [hidden]{display:none!important}
.eb-form .lbl{display:flex;flex-direction:column;gap:7px}
.eb-form__zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.eb-form__feld{display:grid;gap:8px;min-inline-size:0;margin:0;padding:0;border:0}
.eb-form__feld legend{padding:0;margin-bottom:8px}
.eb-form__senden{padding-top:4px}
.bestellen__karte.ist-gewaehlt{box-shadow:inset 0 0 0 2px var(--tanne),0 34px 70px -52px rgba(27,36,48,.45)}

/* ── Anhang: Fragen ── */
.fragen__liste details{border-top:1px solid var(--p-linie)}
.fragen__liste details:last-child{border-bottom:1px solid var(--p-linie)}
.fragen__liste summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:21px 0;list-style:none;cursor:pointer;font:600 clamp(18px,1.4vw,20.5px)/1.4 var(--e-serif);color:var(--tinte-tief)}
.fragen__liste summary::-webkit-details-marker{display:none}
.fragen__liste summary::after{content:"+";content:"+" / "";flex:none;font:400 24px/1 var(--e-sans);color:var(--tanne);transition:transform .3s var(--auftritt)}
.fragen__liste details[open] summary::after{transform:rotate(45deg)}
.fragen__liste summary:hover{color:var(--tanne)}
.fragen__liste p{max-width:60ch;padding:0 0 24px;font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--tinte-text)}
.fragen__liste a{color:var(--tanne);text-decoration:underline;text-underline-offset:3px}

/* ── Bewegung: nur ohne Wunsch nach reduzierter Bewegung ── */
@media (prefers-reduced-motion:no-preference){
  .titelei__ankunft{animation:pe-ankunft 1.8s var(--auftritt) .1s both}
  .titelei__dreh{animation:pe-drehen 360s linear infinite;will-change:transform}
  .ivz--zeichnen .ivz__zeile::after{clip-path:inset(0 100% 0 0)}
  .ivz--zeichnen.ist-gezeichnet .ivz__zeile::after{clip-path:inset(0 0 0 0);transition:clip-path 1.3s var(--auftritt) calc(var(--i,0) * 75ms + .1s)}
  .bestellen__karte.ist-gewaehlt{animation:pe-gewaehlt 1.8s ease-out}
  .inhalt__buch .buch__kipp{transition:transform .9s var(--auftritt)}
  .inhalt__buch:hover .buch__kipp{transform:rotateY(-14deg) rotateX(3deg)}
}
@keyframes pe-ankunft{from{opacity:0;transform:translate3d(-3%,3%,0) scale(.93)}to{opacity:1;transform:none}}
@keyframes pe-drehen{to{transform:rotate(360deg)}}
@keyframes pe-gewaehlt{0%{box-shadow:inset 0 0 0 1px var(--p-linie),0 0 0 0 rgba(15,74,64,.4)}25%{box-shadow:inset 0 0 0 2px var(--tanne),0 0 0 6px rgba(15,74,64,.14)}100%{box-shadow:inset 0 0 0 1px var(--p-linie),0 0 0 16px rgba(15,74,64,0)}}
@media (prefers-reduced-motion:reduce){
  .fragen__liste summary::after,.ivz__chip,[data-planet="ebook"] .nav--hell .nav__cta{transition:none}
}

/* ── Breiten ── */
@media (min-width:900px) and (min-height:760px){
  .inhalt__links{position:sticky;top:112px}
}
@media (max-width:1100px){
  .titelei__fakten dt{letter-spacing:.12em}
}
@media (max-width:899.98px){
  body[data-planet="ebook"]{font-size:17px}
  .titelei{--planet:min(80vw,440px);display:block;min-height:0;padding:84px 0 0}
  .titelei::after{display:none}
  .titelei__ankunft{position:relative;top:auto;left:auto;width:var(--planet);margin:0 calc(-1 * min(12vw,64px)) 0 auto}
  .titelei__unterschrift{position:static;max-width:none;margin:10px var(--rand) 0 auto;font-size:13.5px}
  .titelei__seite{padding:clamp(20px,5vw,36px) var(--rand) 0}
  .titelei__verlag{position:static;margin-top:34px}
  .doppelseite,.autor__raster{grid-template-columns:minmax(0,1fr)}
  .inhalt__buch{display:none}
  .autor__bild{width:min(100%,360px)}
  .bestellen__raster{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .kolumne{gap:12px;letter-spacing:.18em}
  .kolumne em{display:none}
  .titelei__fakten>div{padding:13px 4px 14px}
  .titelei__fakten dt{font-size:10px;letter-spacing:.08em}
  .titelei__wert{font-size:21px}
  .titelei__klein{font-size:12px}
  .eb-form__zwei{grid-template-columns:minmax(0,1fr)}
  /* nur zwei kurze Zahlungsarten: in einer Zeile lassen (site.css stellt .seg auf schmalen Bildschirmen untereinander) */
  [data-planet="ebook"] .seg{flex-direction:row;width:max-content;border-radius:999px}
  .autor__bild{width:min(100%,320px)}
  .ivz__zeile{--preis:4.7em}
  .ivz__eintrag{grid-template-columns:1.9em minmax(0,1fr)}
  .ivz__gesamt .ivz__zeile{padding-left:1.9em}
  .ivz__chip{padding:2px 9px 3px;font-size:13px}
  .merksatz__tafel{padding-inline:22px}
}