/* vomautor - Layout und Komponenten der Theme-Seiten.
   Mobil zuerst: Grundregeln fuer schmale Schirme, Erweiterungen ab 600, 900
   und 1100 px. Alle Farben, Schriften und Masse kommen aus tokens.css.

   Bildsprache: der Schreibtisch einer Autorin. Papier mit Faser, gerissene
   Papierkanten, liniertes und kariertes Papier, Haftnotizen, Klebestreifen,
   Büroklammern, Polaroids, Briefumschläge, ein Notizbuch mit Spirale, ein
   Bleistift. Überschriften in einer Buchschrift (Crimson Pro), Randnotizen
   in Handschrift, hervorgehobene Wörter mit dem Textmarker.
   Aus dem Logo bleiben Tinte, Indigo und die kantige Ecke unten rechts. */

/* ================================================================ Basis */
*,*::before,*::after{box-sizing:border-box}
/* Kein scroll-behavior:smooth: Beim schnellen Tabben brach das weiche Scrollen
   ab, der Fokus blieb unter dem Bildrand. Weich scrollen nur Sprungmarken (site.js). */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:6rem}
body{margin:0;background-color:var(--vma-farbe-hintergrund);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='k'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .34 0 0 0 0 .24 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23k)'/%3E%3C/svg%3E");color:var(--vma-farbe-text);font-family:var(--vma-schrift-text);font-size:1.0625rem;line-height:1.65;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%;height:auto}
figure{margin:0}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
a{color:var(--vma-farbe-primaer);text-decoration-thickness:.08em;text-underline-offset:.18em}
a:hover{color:var(--vma-intern-primaer-dunkel)}
:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{font-family:var(--vma-schrift-titel);font-weight:700;color:var(--vma-farbe-text);line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;text-wrap:balance}
h1{font-size:clamp(2.5rem,1.6rem + 3.8vw,4.6rem);letter-spacing:-.015em;line-height:1.02}
h2{font-size:clamp(2rem,1.45rem + 2.2vw,3.15rem)}
h3{font-size:1.35rem;line-height:1.25}
h4{font-size:1.15rem;line-height:1.3}
/* Hervorhebung: mit dem Textmarker angestrichen, kursiv gesetzt */
h1 em,h2 em,h3 em{font-style:italic;font-weight:400;color:inherit;padding:0 .06em;background:linear-gradient(transparent 56%,var(--vma-intern-klebeband) 56% 94%,transparent 94%) 0 0/100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h1[tabindex="-1"]:focus,.inhalt:focus{outline:none}
strong,b{font-weight:600}
ul,ol{padding-left:1.2em}
hr{border:0;border-top:1px solid var(--vma-intern-linie);margin:2rem 0}

.container{width:min(var(--vma-breite-inhalt),100% - 2 * var(--vma-abstand));margin-inline:auto}
.section-pad{padding-block:clamp(3.5rem,2.5rem + 4vw,6.5rem)}
.section-flaeche{position:relative;background:var(--vma-farbe-flaeche);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 0/120px 12px repeat-x,linear-gradient(#000 0 0) 0 50%/100% calc(100% - 22px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 0/120px 12px repeat-x,linear-gradient(#000 0 0) 0 50%/100% calc(100% - 22px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x}
.section-zart{background-color:var(--vma-intern-papier-hell);background-image:linear-gradient(var(--vma-intern-heftlinie) 1px,transparent 1px),linear-gradient(90deg,var(--vma-intern-heftlinie) 1px,transparent 1px);background-size:1.5rem 1.5rem;border-block:1px solid var(--vma-intern-linie)}
.section-dunkel{background-color:var(--vma-intern-leinen);background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .025) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgb(0 0 0 / .12) 0 2px,transparent 2px 5px);color:var(--vma-intern-papier-hell)}

.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:500;padding:.75rem 1.1rem;background:var(--vma-farbe-text);color:#fff;border-radius:var(--vma-ecke-klein);font-family:var(--vma-schrift-ui);font-weight:500;text-decoration:none;transform:translateY(-200%)}
.skip-link:focus{transform:none;color:#fff}

/* ------------------------------------------------- Randnotiz
   Die kleine Überschrift steht wie eine handschriftliche Notiz am Rand, ein
   gezeichneter Pfeil zeigt auf die Überschrift darunter. */
.eyebrow{display:inline-block;margin:0 0 .55rem;font-family:var(--vma-schrift-hand);font-weight:400;font-size:1.32rem;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--vma-farbe-primaer);rotate:-1.5deg;transform-origin:0 50%}
.eyebrow::after{content:"";display:inline-block;width:1.7rem;height:1.05rem;margin-left:.45rem;vertical-align:-.3em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M3 7c9-5 21-4 29 9m-9 1 10 1 1-10' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M3 7c9-5 21-4 29 9m-9 1 10 1 1-10' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.eyebrow:empty{display:none}

.section-head{max-width:46rem;margin:0 auto clamp(2rem,1.5rem + 2vw,3.25rem);text-align:center}
.section-head h2{margin-bottom:.35em}
.section-head__text{font-family:var(--vma-schrift-titel);font-size:1.28rem;line-height:1.5;color:var(--vma-farbe-text-leise);max-width:40rem;margin-inline:auto}
.section-head__text:empty{display:none}
.section-head--links{margin-inline:0;text-align:left}
.section-head--links .section-head__text{margin-inline:0}
.section-head--text{max-width:none}

/* ================================================================ Knoepfe */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.7rem 1.4rem;border:2px solid var(--vma-farbe-text);border-radius:var(--vma-ecke-klein);background:transparent;color:var(--vma-farbe-text);font-family:var(--vma-schrift-ui);font-weight:600;font-size:.98rem;line-height:1.25;text-decoration:none;text-align:center;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--vma-farbe-primaer);border-color:var(--vma-farbe-primaer);color:var(--vma-farbe-primaer-kontrast)}
.btn-primary:hover{background:var(--vma-intern-primaer-dunkel);border-color:var(--vma-intern-primaer-dunkel);color:var(--vma-farbe-primaer-kontrast)}
.btn-secondary{background:transparent;border-color:var(--vma-farbe-text);color:var(--vma-farbe-text)}
.btn-secondary:hover{background:var(--vma-farbe-text);color:var(--vma-farbe-hintergrund)}
.btn-link,.pfeil-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;padding:0;border:0;border-radius:0;background:none;color:var(--vma-farbe-primaer);font-family:var(--vma-schrift-ui);font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
.btn-link::after,.pfeil-link::after{content:"\2192";text-decoration:none;display:inline-block;transition:transform .18s ease}
.btn-link:hover,.pfeil-link:hover{color:var(--vma-intern-primaer-dunkel);transform:none}
.btn-link:hover::after,.pfeil-link:hover::after{transform:translateX(3px)}
.knoepfe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.knoepfe--mitte{justify-content:center}

/* Auf dunklem Grund */
.section-dunkel .btn-secondary,.aufruf--dunkel .btn-secondary{border-color:var(--vma-intern-papier-hell);color:var(--vma-intern-papier-hell)}
.section-dunkel .btn-secondary:hover,.aufruf--dunkel .btn-secondary:hover{background:var(--vma-intern-papier-hell);color:var(--vma-farbe-text)}
.section-dunkel :focus-visible,.aufruf--dunkel :focus-visible,.fuss :focus-visible{outline-color:var(--vma-intern-indigo-hell)}

/* ================================================================ Kopf */
.kopf{position:sticky;top:0;z-index:100;transition:transform .3s cubic-bezier(.2,.7,.2,1);background:rgb(252 250 247 / .95);border-bottom:3px double var(--vma-intern-linie);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.admin-bar .kopf{top:46px}
.kopf__innen{display:flex;align-items:center;gap:1rem;min-height:4.25rem}
.marke{display:inline-flex;align-items:center;gap:.65rem;color:var(--vma-farbe-text);text-decoration:none;flex-shrink:0;margin-right:auto}
.marke:hover{color:var(--vma-farbe-text)}
.marke__zeichen{width:2.6rem;height:auto;color:var(--vma-farbe-text)}
.marke__zeichen__a,.seitenkopf__zeichen__a{fill:var(--vma-farbe-primaer)}
.marke__wort{font-family:var(--vma-schrift-marke);font-weight:700;font-size:1.28rem;letter-spacing:-.025em;line-height:1}
.marke__b{color:var(--vma-farbe-primaer)}
.marke__c{color:var(--vma-farbe-text-leise);font-weight:500}

.hauptnav{display:none}
.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}
.nav-list li{margin:0}
.nav-link,.nav-list a{display:flex;align-items:center;min-height:2.75rem;padding:.4rem .85rem;border-radius:var(--vma-ecke-klein);color:var(--vma-farbe-text);font-family:var(--vma-schrift-ui);font-weight:500;font-size:1rem;text-decoration:none}
.nav-link:hover,.nav-list a:hover{background:var(--vma-farbe-flaeche);color:var(--vma-farbe-text)}
.nav-link.active,.nav-list .current-menu-item > a,.nav-list .current_page_item > a{color:var(--vma-farbe-primaer)}

.kopf__werkzeuge{display:flex;align-items:center;gap:.4rem}
.kopf-knopf{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1.5px solid var(--vma-farbe-rand);border-radius:var(--vma-ecke-klein);background:var(--vma-farbe-hintergrund);color:var(--vma-farbe-text);text-decoration:none;transition:background-color .15s ease,border-color .15s ease}
.kopf-knopf:hover,.kopf-knopf[aria-expanded="true"]{background:var(--vma-farbe-flaeche);border-color:var(--vma-farbe-text);color:var(--vma-farbe-text)}
.vma-symbol{width:1.35rem;height:1.35rem;flex:0 0 auto}
.menu-btn{width:auto;padding:0 .8rem;display:inline-flex;gap:.45rem;font-family:var(--vma-schrift-ui);font-weight:500}
.menu-btn__text{display:none}
.kopf-knopf--darstellung{display:none}
.hauptnav__darstellung{display:flex;align-items:center;gap:.6rem;width:100%;margin-top:.75rem;padding:.75rem .85rem;min-height:3rem;border:1.5px solid var(--vma-farbe-rand);border-radius:var(--vma-ecke-klein);background:transparent;font-family:var(--vma-schrift-ui);font-weight:500;font-size:1.05rem}

/* Mobiles Menue: Panel unter dem Kopf */
.hauptnav.ist-offen{display:block;position:absolute;left:0;right:0;top:100%;padding:.75rem var(--vma-abstand) 1.25rem;background:var(--vma-farbe-hintergrund);border-bottom:1px solid var(--vma-intern-linie);box-shadow:var(--vma-schatten);max-height:calc(100dvh - 5rem);overflow:auto}
.hauptnav.ist-offen .nav-link,.hauptnav.ist-offen .nav-list a{font-size:1.15rem;min-height:3.25rem}

/* Untermenues: mobil aufklappbar im Panel, ab 1100px als Kante unter dem Eintrag */
.nav-list .menu-item-has-children,.nav-list .page_item_has_children{display:flex;flex-wrap:wrap;align-items:center}
.nav-list .menu-item-has-children > a,.nav-list .page_item_has_children > a{flex:1 1 auto}
.nav-sub-toggle{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1.5px solid var(--vma-farbe-rand);border-radius:var(--vma-ecke-klein);background:transparent;color:var(--vma-farbe-text);font-size:.9rem;line-height:1}
.nav-sub-toggle span{display:inline-block;transition:transform .15s ease}
.nav-sub-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-list .sub-menu,.nav-list .children{display:none;flex-basis:100%;list-style:none;margin:.15rem 0 .35rem;padding:0 0 0 .85rem;border-left:3px solid var(--vma-intern-zart)}
.nav-list .ist-offen > .sub-menu,.nav-list .ist-offen > .children{display:block}

/* Konto */
.konto{position:relative}
.konto-knopf{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .95rem;border:1.5px solid var(--vma-farbe-text);border-radius:var(--vma-ecke-klein);background:var(--vma-farbe-text);color:var(--vma-farbe-hintergrund);font-family:var(--vma-schrift-ui);font-weight:500;font-size:.95rem;text-decoration:none;white-space:nowrap}
.konto-knopf:hover{background:var(--vma-farbe-primaer);border-color:var(--vma-farbe-primaer);color:#fff}
.konto-knopf span{display:none}
.konto-knopf .konto-knopf__neu{display:inline-grid;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:-.15rem;padding:0 .3rem;border-radius:999px;background:var(--vma-farbe-akzent);color:var(--vma-farbe-text);font-size:.75rem;font-weight:700;line-height:1}
.konto-menue{position:absolute;right:0;top:calc(100% + .5rem);z-index:120;min-width:15rem;margin:0;padding:.5rem;list-style:none;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:var(--vma-ecke);box-shadow:var(--vma-schatten)}
.konto-menue[hidden]{display:none}
.konto-menue__formular{margin:0}
.konto-menue :is(a,button){display:flex;width:100%;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer;align-items:center;gap:.6rem;min-height:2.75rem;padding:.35rem .75rem;border-radius:10px;color:var(--vma-farbe-text);text-decoration:none;font-weight:600;font-size:.95rem}
.konto-menue :is(a,button):hover{background:var(--vma-farbe-flaeche)}
.konto-menue li:last-child{border-top:1px solid var(--vma-intern-linie);margin-top:.35rem;padding-top:.35rem}

/* Suche */
.kopf-suche{border-top:1px solid var(--vma-intern-linie);background:var(--vma-farbe-hintergrund);padding:.9rem 0}
.kopf-suche[hidden]{display:none}
.suche{display:flex;flex-wrap:wrap;gap:.5rem;max-width:44rem;margin-inline:auto}
.suche__feld{flex:1;min-width:0;min-height:3rem;padding:.6rem 1rem;border:2px solid var(--vma-farbe-rand);border-radius:var(--vma-ecke-klein);background:var(--vma-intern-papier-hell);font-size:1rem}
.suche__feld:focus{border-color:var(--vma-farbe-primaer);outline:3px solid var(--vma-intern-zart);outline-offset:0}
.suche__los{display:inline-grid;place-items:center;width:3rem;min-height:3rem;border:2px solid var(--vma-farbe-primaer);border-radius:var(--vma-ecke-klein);background:var(--vma-farbe-primaer);color:#fff}
.suche__los:hover{background:var(--vma-intern-primaer-dunkel)}

/* ================================================================ Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(2.5rem,1.5rem + 4.5vw,5.5rem) clamp(1.5rem,1rem + 2vw,3rem)}
.hero__gitter{display:grid;gap:2.5rem;align-items:center}
.hero__kopf{max-width:none;margin-bottom:0}
.hero__kopf .section-head__text{font-size:clamp(1.1rem,1rem + .45vw,1.3rem);max-width:34rem;margin-top:1.25rem}
.hero__hinweis{margin:1.5rem 0 0;font-size:.92rem;color:var(--vma-farbe-text-leise);display:flex;align-items:center;gap:.6rem}
.hero__hinweis::before{content:"";flex:0 0 .7rem;height:.7rem;border-radius:50%;background:var(--vma-farbe-akzent)}
.hero__bild{position:relative}
.hero__bild > img{width:100%;border-radius:var(--vma-ecke);box-shadow:var(--vma-schatten)}

/* Buecherstapel aus den Formen des Monogramms */
.stapel{position:relative;width:min(100%,21rem);aspect-ratio:1/1;margin-inline:auto}
.stapel__ring{position:absolute;inset:6% 2% 4% 8%;border-radius:50%;border:clamp(2.2rem,8vw,4.6rem) solid var(--vma-intern-zart)}
.buch{position:absolute;width:42%;aspect-ratio:2/3;border-radius:3px 12px 12px 3px;box-shadow:inset .5rem 0 0 rgb(0 0 0 / .14),inset .62rem 0 0 rgb(255 255 255 / .12),0 18px 36px rgb(17 24 39 / .18),0 3px 6px rgb(17 24 39 / .12);overflow:hidden;transition:transform .35s ease}
.buch--tinte{left:6%;top:18%;background:var(--vma-farbe-text);transform:rotate(-9deg)}
.buch--indigo{left:31%;top:5%;z-index:2;background:var(--vma-farbe-primaer);transform:rotate(3deg)}
.buch--papier{left:54%;top:25%;z-index:1;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);transform:rotate(11deg)}
.buch__motiv{position:absolute}
.buch--tinte .buch__motiv{left:24%;top:18%;width:52%;aspect-ratio:1/1;border-radius:50%;border:.85rem solid var(--vma-farbe-primaer)}
.buch--indigo .buch__motiv{left:-8%;top:-10%;width:52%;height:78%;background:var(--vma-farbe-text);transform:skewX(calc(var(--vma-schnitt) * -1));box-shadow:1.2rem 0 0 -.55rem var(--vma-farbe-primaer)}
.buch--papier .buch__motiv{left:22%;top:16%;width:56%;aspect-ratio:1/1;border-radius:50%;background:var(--vma-farbe-akzent)}
.buch__zeilen{position:absolute;left:16%;bottom:14%;width:58%;height:.42rem;border-radius:3px;background:rgb(255 255 255 / .7);box-shadow:0 .85rem 0 rgb(255 255 255 / .45)}
.buch--papier .buch__zeilen{background:var(--vma-farbe-text);box-shadow:0 .85rem 0 var(--vma-farbe-rand)}
.stapel:hover .buch--indigo{transform:rotate(1deg) translateY(-6px)}

/* ================================================================ Seitenkopf
   Kapitelanfang auf Kraftpapier mit gerissener Unterkante. Unter dem Titel
   eine Zierlinie, daneben liegen ein Bleistift und ein Kaffeerand. */
.seitenkopf{position:relative;overflow:hidden;padding-block:clamp(2.75rem,2rem + 3.5vw,5rem) clamp(5rem,4rem + 3vw,6.5rem);background:var(--vma-farbe-flaeche);-webkit-mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x;mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x}
.seitenkopf__innen{position:relative;z-index:1}
.seitenkopf .section-head{margin-bottom:0;max-width:46rem}
.seitenkopf h1{margin-bottom:.25em}
.seitenkopf .section-head::after{content:"";display:block;width:10rem;height:1rem;margin-top:1.5rem;background:radial-gradient(circle,var(--vma-farbe-akzent) 0 .24rem,transparent .26rem) 50% 50%/1rem 1rem no-repeat,linear-gradient(var(--vma-farbe-rand),var(--vma-farbe-rand)) 0 50%/42% 1px no-repeat,linear-gradient(var(--vma-farbe-rand),var(--vma-farbe-rand)) 100% 50%/42% 1px no-repeat}
.seitenkopf__kaffee{position:absolute;right:-2.5rem;top:-3rem;width:clamp(7rem,15vw,12rem);rotate:14deg;pointer-events:none}
.seitenkopf__stift{position:absolute;z-index:0;right:-4.5rem;bottom:1.4rem;width:clamp(13rem,30vw,24rem);height:auto;rotate:-7deg;filter:drop-shadow(0 9px 6px rgb(17 24 39 / .2));pointer-events:none}
.seitenkopf--text{padding-block:clamp(2.5rem,2rem + 2vw,4rem)}
.seitenkopf__suche{margin-top:2rem;max-width:36rem}
.seitenkopf__suche .suche{margin-inline:0}

/* ================================================================ Inhalt */
.fliesstext{max-width:44rem}
.fliesstext .section-head__text,.vma-entry-content{font-family:var(--vma-schrift-titel);font-size:1.25rem;line-height:1.6;color:var(--vma-farbe-text)}
.fliesstext .section-head__text > p:first-child::first-letter{float:left;margin:.06em .12em 0 0;font-weight:700;font-size:3.6em;line-height:.8;color:var(--vma-farbe-primaer)}
.fliesstext .section-head__text p,.vma-entry-content p{margin-bottom:1.1em}
.vma-entry-content > *{max-width:44rem}
.vma-entry-content h2{font-size:1.6rem;margin-top:2em}
.vma-entry-content h3{margin-top:1.6em}
.vma-entry-content ul{margin:0 0 1.1em;padding-left:1.25em}
.vma-entry-content li{margin-bottom:.35em}
.vma-entry-content code{font-size:.82em;padding:.05em .3em;border-radius:3px;background:var(--vma-farbe-flaeche);overflow-wrap:anywhere}
.vma-entry-content a{overflow-wrap:anywhere}
/* Rechtstext-Entwürfe: Hinweis oben, Prüfstellen (nur für Bearbeiter sichtbar) */
.rechtstext-entwurf{padding:.85rem 1.1rem;border-left:4px solid var(--vma-farbe-warnung);background:#FFF3D6;font-family:var(--vma-schrift-ui);font-size:.95rem}
.rechtstext-pruefen{padding:.7rem 1rem;border-radius:2px;background:var(--vma-intern-notiz-gelb);box-shadow:0 6px 10px -8px rgb(17 24 39 / .4);font-family:var(--vma-schrift-ui);font-size:.92rem}

/* Vorteile (ueberlappende Karten) */
.vorteile{position:relative;z-index:2;margin-top:-2.5rem}
.vorteile__gitter{display:grid;gap:1rem}
.vorteil{position:relative;padding:1.8rem 1.6rem 1.6rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5)}
.vorteil::before{content:"";position:absolute;top:-.75rem;left:50%;width:5.5rem;height:1.5rem;translate:-50% 0;rotate:-3deg;background:var(--vma-intern-klebeband);clip-path:polygon(3% 0,97% 0,100% 22%,96% 44%,100% 66%,97% 100%,3% 100%,0 78%,4% 56%,0 34%)}
.vorteil:nth-child(even)::before{background:var(--vma-intern-klebeband-blau);rotate:2deg}
.vorteil__titel{font-size:1.15rem;margin-bottom:.4em}

/* Text und Bild */
.about{display:grid;gap:2.5rem;align-items:center}
.about__bild,.inhaltsblock__bild{position:relative;padding:.75rem .75rem 0;background:#fff;border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5);rotate:-1.6deg}
.about__bild::before,.inhaltsblock__bild::before{content:"";position:absolute;z-index:1;top:-.8rem;left:50%;width:6rem;height:1.6rem;translate:-50% 0;rotate:-4deg;background:var(--vma-intern-klebeband);clip-path:polygon(3% 0,97% 0,100% 22%,96% 44%,100% 66%,97% 100%,3% 100%,0 78%,4% 56%,0 34%)}
.about__bild img,.inhaltsblock__bild img{width:100%;border-radius:0}
.about--umgekehrt .about__bild{rotate:1.4deg}
.about__bild figcaption{margin:0;padding:.55rem .2rem .85rem;font-family:var(--vma-schrift-hand);font-size:1.2rem;line-height:1.3;color:var(--vma-intern-graphit);text-align:center}
.about__bild:not(:has(figcaption)),.inhaltsblock__bild{padding-bottom:2.2rem}
.haken-liste{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.65rem}
.haken-liste li{position:relative;padding-left:2rem}
.haken-liste li::before{content:"";position:absolute;left:0;top:.18em;width:1.35rem;height:1.35rem;background:var(--vma-farbe-primaer);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13c3 1 5 4 6 7 3-8 7-13 12-17' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13c3 1 5 4 6 7 3-8 7-13 12-17' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* Zwei Wege: zwei Blätter mit Klebestreifen - liniert für Leser, kariert für
   Autoren. Die Nummern sind von Hand umkringelt. */
.wege{display:grid;gap:3rem;padding-top:1rem}
.weg{position:relative;padding:2.6rem 1.5rem 2rem 1.6rem;background-color:var(--vma-intern-papier-hell);color:var(--vma-farbe-text);border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5)}
.weg::before{content:"";position:absolute;top:-.85rem;left:50%;width:7.5rem;height:1.7rem;translate:-50% 0;rotate:-3deg;background:var(--vma-intern-klebeband);clip-path:polygon(3% 0,97% 0,100% 22%,96% 44%,100% 66%,97% 100%,3% 100%,0 78%,4% 56%,0 34%)}
.weg--tinte{rotate:-.7deg;padding-left:3.5rem;background-image:linear-gradient(90deg,transparent 2.5rem,var(--vma-intern-randlinie) 2.5rem 2.6rem,transparent 2.6rem),repeating-linear-gradient(180deg,transparent 0 1.95rem,var(--vma-intern-heftlinie) 1.95rem 2.02rem)}
.weg--indigo{rotate:.6deg;background-image:linear-gradient(var(--vma-intern-heftlinie) 1px,transparent 1px),linear-gradient(90deg,var(--vma-intern-heftlinie) 1px,transparent 1px);background-size:1.35rem 1.35rem}
.weg--indigo::before{background:var(--vma-intern-klebeband-blau);rotate:2.5deg}
.weg__titel{display:flex;align-items:center;gap:.75rem;font-size:1.6rem;color:inherit;margin-bottom:1.4rem}
.weg__symbol{display:inline-grid;place-items:center;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--vma-intern-zart);color:var(--vma-farbe-primaer)}
.weg__schritte{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.weg__schritt{display:grid;grid-template-columns:2.5rem 1fr;gap:.85rem;align-items:start}
.weg__nr{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:2px solid currentColor;border-radius:52% 48% 56% 44% / 46% 56% 44% 54%;color:var(--vma-farbe-primaer);font-family:var(--vma-schrift-hand);font-size:1.35rem;line-height:1;rotate:-6deg}
.weg__schritt:nth-child(even) .weg__nr{rotate:5deg;border-radius:46% 54% 44% 56% / 55% 45% 55% 45%}
.weg__schritt-titel{color:inherit;font-size:1.2rem;margin:.3rem 0 .2rem}
.weg__schritt p{color:var(--vma-farbe-text-leise);font-size:.98rem}
.weg__knopf{margin:1.9rem 0 0}

/* Karten mit Bild */
.karten{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr))}
.karte{position:relative;display:flex;flex-direction:column;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5);transition:transform .2s ease,box-shadow .2s ease}
.karte:hover{transform:translateY(-3px) rotate(-.4deg)}
.karte__bild{aspect-ratio:876/450;margin:.65rem .65rem 0;overflow:hidden;background:var(--vma-farbe-flaeche)}
.karte__bild img{width:100%;height:100%;object-fit:cover}
.karte__bild--motiv img{object-fit:contain}
.karte__inhalt{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.5rem;flex:1}
.karte__titel{font-size:1.2rem;margin:.2rem 0 .2rem}
.karte__titel a{color:inherit;text-decoration:none}
.karte__inhalt .pfeil-link{margin-top:auto}
.marke-chip{display:inline-block;margin:0;font-family:var(--vma-schrift-hand);font-size:1.15rem;color:var(--vma-farbe-primaer);rotate:-2deg}

/* Kacheln als Haftnotizen: gelb, rosa, mint, leicht schief aufgeklebt,
   das Kennzeichen mit dem Filzstift geschrieben. */
.kacheln{display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding-top:.5rem}
.kachel{position:relative;padding:2rem 1.5rem 1.8rem;background-color:var(--vma-intern-notiz-gelb);background-image:linear-gradient(rgb(17 24 39 / .045),transparent 1.5rem);border-radius:2px 2px 2px 18px / 2px 2px 2px 8px;box-shadow:0 1px 1px rgb(17 24 39 / .07),0 14px 18px -12px rgb(17 24 39 / .45);rotate:-1.2deg}
.kachel:nth-child(3n+2){background-color:var(--vma-intern-notiz-rosa);rotate:1deg}
.kachel:nth-child(3n){background-color:var(--vma-intern-notiz-mint);rotate:-.4deg}
.kachel .kachel__zeichen{margin:0 0 .5rem;font-family:var(--vma-schrift-titel);font-weight:700;font-size:clamp(2.2rem,1.8rem + 1.4vw,2.8rem);line-height:1.05;letter-spacing:-.01em;font-variant-numeric:lining-nums;color:var(--vma-farbe-primaer)}
.kachel__titel{margin-bottom:.3em}
.kachel p{color:#3D4252}

/* Schritte als Kapitel: jede Station ein Blatt auf einem kleinen Stapel,
   oben rechts ein Eselsohr, darüber „Kapitel I, II, III“ von Hand. */
.schritte{list-style:none;margin:0;padding:0;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));counter-reset:kapitel}
.schritt{position:relative;padding:1.5rem 1.35rem 1.45rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:2px 0 2px 2px;box-shadow:4px 4px 0 -1px var(--vma-intern-papier-hell),4px 4px 0 0 var(--vma-intern-linie),8px 8px 0 -1px var(--vma-intern-papier-hell),8px 8px 0 0 var(--vma-intern-linie);counter-increment:kapitel}
.schritt::after{content:"";position:absolute;top:-1px;right:-1px;width:1.5rem;height:1.5rem;background:linear-gradient(225deg,var(--vma-farbe-hintergrund) 0 50%,#EDE6DA 50%);box-shadow:-2px 2px 3px rgb(17 24 39 / .08)}
.schritt__nr{display:block;margin:0 0 .5rem;font-family:var(--vma-schrift-hand);font-size:0;line-height:1.2;color:var(--vma-farbe-primaer)}
.schritt__nr::before{content:"Kapitel " counter(kapitel,upper-roman);font-size:1.3rem}
.schritt__titel{font-size:1.3rem;margin-bottom:.35em}
.schritt p{color:var(--vma-farbe-text-leise);font-size:.98rem}

/* Inhaltsblock */
.inhaltsblock{display:grid;gap:2.5rem;align-items:start}
.inhaltsblock--text{max-width:52rem}
.inhaltsblock__bild img{width:100%;border-radius:var(--vma-ecke)}
.unterpunkte{display:grid;gap:2rem 1.5rem;margin-top:2.25rem}
.unterpunkt{position:relative;padding:1.2rem 1.2rem 1.1rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:2px;box-shadow:0 10px 16px -14px rgb(17 24 39 / .5)}
.unterpunkt::before{content:"";position:absolute;top:-1.1rem;left:1.2rem;width:.85rem;height:2.4rem;background:#8C919E;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 90'%3E%3Cpath d='M10 24V66a8 8 0 0 0 16 0V14a11 11 0 0 0-22 0V64' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 90'%3E%3Cpath d='M10 24V66a8 8 0 0 0 16 0V14a11 11 0 0 0-22 0V64' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.unterpunkt:nth-child(even){rotate:.5deg}
.unterpunkt__titel{font-size:1.08rem;margin-bottom:.3em}
.unterpunkt p{color:var(--vma-farbe-text-leise);font-size:.98rem}
.hinweis{position:relative;margin-top:2rem;padding:1.3rem 1.4rem 1.35rem;background:var(--vma-intern-notiz-gelb);border-radius:2px 2px 2px 18px / 2px 2px 2px 8px;box-shadow:0 1px 1px rgb(17 24 39 / .06),0 14px 18px -14px rgb(17 24 39 / .45);font-size:.98rem}
.hinweis__titel{margin:0 0 .3rem;font-family:var(--vma-schrift-hand);font-weight:400;font-size:1.35rem;line-height:1.2;color:var(--vma-farbe-primaer)}

/* Altersstufen */
.stufen{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;max-width:48rem;margin-inline:auto}
.stufe{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:center;padding:.9rem 2.2rem .9rem 1.1rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);clip-path:polygon(0 0,100% 0,calc(100% - 1.1rem) 50%,100% 100%,0 100%);box-shadow:inset 4px 0 0 var(--vma-farbe-akzent)}
.stufe__text p{margin:0}

/* Galerie */
.galerie{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.galerie__bild{padding:.7rem .7rem 0;background:#fff;border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5);rotate:-1deg}
.galerie__bild:nth-child(even){rotate:1.2deg}
.gallery-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.gallery-button img{width:100%;aspect-ratio:876/450;object-fit:cover}
.galerie__bild figcaption{display:grid;padding:.6rem .3rem .9rem;font-family:var(--vma-schrift-hand);font-size:1.15rem;line-height:1.3;text-align:center}
.galerie__bild figcaption span{font-family:var(--vma-schrift-text);font-size:.85rem;color:var(--vma-farbe-text-leise)}

/* Preiskarten */
.preise{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),25rem));justify-content:center}
.preiskarte{position:relative;padding:3.4rem 1.75rem 2rem;background:var(--vma-intern-papier-hell);border-radius:4px;clip-path:polygon(16% 0,84% 0,100% 11%,100% 100%,0 100%,0 11%);box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5)}
.preiskarte::after{content:"";position:absolute;top:1.15rem;left:50%;width:1.15rem;height:1.15rem;translate:-50% 0;border-radius:50%;background:var(--vma-farbe-hintergrund);box-shadow:inset 0 0 0 2px var(--vma-intern-linie),0 0 0 3px var(--vma-farbe-akzent)}
.preiskarte--hervor{background:#FFF6DA}
.preiskarte__kicker{margin:0 0 .25rem;font-family:var(--vma-schrift-ui);font-weight:500;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.preiskarte__titel{font-size:1.4rem;margin-bottom:.75rem}
.preiskarte__preis{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.preiskarte__preis strong{font-family:var(--vma-schrift-titel);font-weight:700;font-size:3.2rem;line-height:1;letter-spacing:-.04em;color:var(--vma-farbe-text)}
.preiskarte__preis span{color:var(--vma-farbe-text-leise)}
.preiskarte__liste{margin:0}
.preiskarte__liste div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--vma-intern-linie)}
.preiskarte__liste dt{color:var(--vma-farbe-text-leise)}
.preiskarte__liste dd{margin:0;font-weight:600;text-align:right}

/* Plugin-Ausgaben */
.plugin-ausgabe__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 2rem;margin-bottom:clamp(1.75rem,1.4rem + 1.4vw,2.75rem)}
.plugin-ausgabe__kopf .section-head{margin-bottom:0}
.plugin-ausgabe__mehr{margin:0}

/* FAQ */
.faq{display:grid;gap:2rem}
.faq__kopf{margin-bottom:0}
.faq__liste{position:relative;margin-top:1.2rem;padding:1.6rem 1.25rem .8rem 3.1rem;background-color:var(--vma-intern-papier-hell);background-image:linear-gradient(90deg,transparent 2.3rem,var(--vma-intern-randlinie) 2.3rem 2.4rem,transparent 2.4rem);border:1px solid var(--vma-intern-linie);border-radius:2px 2px 4px 4px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5)}
.faq__liste::before{content:"";position:absolute;left:1rem;right:1rem;top:-1.05rem;height:2.1rem;background:radial-gradient(ellipse .42rem .95rem at 50% 50%,transparent 0 58%,#8C919E 60% 78%,transparent 80%) 0 0/1.7rem 100% repeat-x}
.faq__liste::after{content:"";position:absolute;left:1rem;right:1rem;top:.55rem;height:.55rem;background:radial-gradient(circle,var(--vma-farbe-flaeche) 0 .22rem,transparent .25rem) 0 0/1.7rem 100% repeat-x}
.faq__eintrag{border-bottom:1px solid var(--vma-intern-heftlinie)}
.faq__frage{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:3.5rem;padding:1.1rem 0;cursor:pointer;list-style:none}
.faq__frage::-webkit-details-marker{display:none}
.faq__frage h3{margin:0;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.22rem;line-height:1.35;letter-spacing:0}
.faq__frage:hover h3{color:var(--vma-farbe-primaer)}
.faq__zeichen{position:relative;flex:0 0 2rem;height:2rem;border:2px solid var(--vma-intern-graphit);border-radius:52% 48% 55% 45% / 47% 55% 45% 53%}
.faq__zeichen::before,.faq__zeichen::after{content:"";position:absolute;left:50%;top:50%;width:.8rem;height:2px;margin:-1px 0 0 -.4rem;background:var(--vma-farbe-text);transition:transform .2s ease}
.faq__zeichen::after{transform:rotate(90deg)}
.faq__eintrag[open] .faq__zeichen{background:var(--vma-farbe-primaer);border-color:var(--vma-farbe-primaer)}
.faq__eintrag[open] .faq__zeichen::before,.faq__eintrag[open] .faq__zeichen::after{background:#fff}
.faq__eintrag[open] .faq__zeichen::after{transform:rotate(0)}
.faq__antwort{padding:0 3rem 1.4rem 0;color:var(--vma-farbe-text-leise);max-width:44rem}

/* Kontakt */
.kontakte{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
.kontaktkarte{position:relative;display:flex;flex-direction:column;padding:3.4rem 1.5rem 1.5rem;background:#FBF5EA;border:1px solid var(--vma-intern-linie);border-radius:3px;box-shadow:0 16px 24px -18px rgb(17 24 39 / .5);scroll-margin-top:7rem;overflow:hidden}
.kontaktkarte::before{content:"";position:absolute;left:0;right:0;top:0;height:2.5rem;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--vma-intern-linie) 50%,transparent calc(50% + 1px)) 0 0/50% 100% no-repeat,linear-gradient(to bottom left,transparent calc(50% - 1px),var(--vma-intern-linie) 50%,transparent calc(50% + 1px)) 100% 0/50% 100% no-repeat}
.kontaktkarte::after{content:"";position:absolute;top:.75rem;right:.8rem;width:2.1rem;height:2.5rem;background:var(--vma-intern-notiz-blau);border:3px dotted #FBF5EA;outline:1px solid var(--vma-intern-linie);rotate:4deg}
.kontaktkarte:target{border-color:var(--vma-farbe-primaer);box-shadow:0 0 0 3px var(--vma-intern-zart)}
.kontaktkarte--dsa::after{background:var(--vma-intern-notiz-rosa)}
.kontaktkarte__titel{font-size:1.3rem}
.kontaktkarte p{color:var(--vma-farbe-text-leise);font-size:.98rem}
.kontaktkarte__link{margin-top:auto;padding-top:.75rem}
.kontaktkarte__link a{word-break:break-word}

/* Formular-Bereich: Grundformen fuer NE Formular */
.formularbereich{max-width:48rem}
.formularbereich__rahmen{position:relative;padding:clamp(1.9rem,1.4rem + 2vw,2.9rem) clamp(1.25rem,1rem + 2vw,2.5rem);background-color:var(--vma-intern-papier-hell);background-image:repeating-linear-gradient(180deg,transparent 0 2.1rem,var(--vma-intern-heftlinie) 2.1rem 2.16rem);border:1px solid var(--vma-intern-linie);border-radius:2px;box-shadow:0 1px 2px rgb(17 24 39 / .07),0 18px 30px -20px rgb(17 24 39 / .5)}
.formularbereich__rahmen::before{content:"";position:absolute;top:-.85rem;left:50%;width:7rem;height:1.7rem;translate:-50% 0;rotate:-2deg;background:var(--vma-intern-klebeband);clip-path:polygon(3% 0,97% 0,100% 22%,96% 44%,100% 66%,97% 100%,3% 100%,0 78%,4% 56%,0 34%)}
.formularbereich label{font-weight:600}
.formularbereich__rahmen > .hinweis{margin-top:0}
.formularbereich input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),.formularbereich select,.formularbereich textarea{width:100%;min-height:3rem;padding:.65rem .9rem;border:2px solid var(--vma-farbe-rand);border-radius:10px 10px 3px 10px;background:#fff;font-size:1rem}
.formularbereich input:focus,.formularbereich select:focus,.formularbereich textarea:focus{border-color:var(--vma-farbe-primaer);outline:3px solid var(--vma-intern-zart);outline-offset:0}
.formularbereich input[type="checkbox"],.formularbereich input[type="radio"]{width:1.5rem;height:1.5rem;accent-color:var(--vma-farbe-primaer)}
.formularbereich button[type="submit"],.formularbereich input[type="submit"]{min-height:3rem;padding:.7rem 1.5rem;border:2px solid var(--vma-farbe-primaer);border-radius:var(--vma-ecke-klein);background:var(--vma-farbe-primaer);color:#fff;font-family:var(--vma-schrift-ui);font-weight:500}

/* ====================================================== Einrichtungshinweis */
.einrichtung-hinweis{position:relative;z-index:2;background:var(--vma-intern-zart);border-bottom:1px solid var(--vma-intern-linie)}
.einrichtung-hinweis__innen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1rem}
.einrichtung-hinweis p{margin:0;max-width:52rem;font-size:.95rem}

/* ================================================================ Aufruf
   Hell: eine Postkarte auf dem Schreibtisch - Text links, rechts Briefmarke
   und Adresszeilen. Dunkel: ein Bucheinband in Leinen mit goldenem
   Prägerahmen und Ex-libris-Stempel. */
.aufruf{position:relative;padding-block:clamp(3.5rem,2.5rem + 4vw,6rem)}
.aufruf--none{background:transparent}
.aufruf--flaeche,.aufruf--zart{background:var(--vma-farbe-flaeche)}
.aufruf--dunkel{background-color:var(--vma-intern-leinen);background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .025) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgb(0 0 0 / .12) 0 2px,transparent 2px 5px);color:var(--vma-intern-papier-hell)}
.aufruf--dunkel h2{color:var(--vma-intern-papier-hell)}
.aufruf--dunkel h2 em{color:var(--vma-intern-papier-hell);background-image:linear-gradient(transparent 60%,rgb(79 70 229 / .75) 60% 92%,transparent 92%)}
.aufruf--dunkel .eyebrow{color:var(--vma-farbe-akzent)}
.aufruf--dunkel .section-head__text{color:var(--vma-intern-tinte-leise)}
.aufruf__innen{position:relative;display:grid;gap:1.5rem;align-items:center}
.aufruf:not(.aufruf--dunkel) .aufruf__innen{padding:clamp(1.75rem,1.2rem + 2.5vw,3rem);background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);border-radius:3px;box-shadow:0 26px 40px -28px rgb(17 24 39 / .6);rotate:-.4deg}
.aufruf--dunkel .aufruf__innen{padding:clamp(1.75rem,1.2rem + 2.5vw,3rem);border:2px solid rgb(242 181 68 / .55);border-radius:6px;box-shadow:inset 0 0 0 6px var(--vma-intern-leinen),inset 0 0 0 7px rgb(242 181 68 / .3)}
.aufruf__kopf{margin-bottom:0;max-width:40rem}
.aufruf__knoepfe{margin-top:0}
/* Briefmarke: gezähnter Rand, darin das Zeichen */
.briefmarke{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:4.4rem;aspect-ratio:4/5;padding:.55rem;background:var(--vma-intern-notiz-blau);border:4px dotted var(--vma-intern-papier-hell);outline:1px solid var(--vma-intern-linie);rotate:5deg}
.aufruf:not(.aufruf--stempel) .aufruf__kopf{padding-right:4.75rem}
.briefmarke__zeichen{width:100%;color:var(--vma-farbe-text)}
.briefmarke__zeichen__a{fill:var(--vma-farbe-primaer)}

/* ================================================================ Fuss */
.fuss{position:relative;margin-top:-11px;background-color:var(--vma-intern-leinen);background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .025) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgb(0 0 0 / .12) 0 2px,transparent 2px 5px);color:var(--vma-intern-tinte-leise);padding:clamp(2.5rem,2rem + 2vw,3.5rem) 0 2rem;font-size:.95rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 0/120px 12px repeat-x,linear-gradient(#000 0 0) 0 100%/100% calc(100% - 11px) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 0/120px 12px repeat-x,linear-gradient(#000 0 0) 0 100%/100% calc(100% - 11px) no-repeat}
.fuss__ende{margin:0 0 clamp(2rem,1.5rem + 2vw,3rem);text-align:center;font-family:var(--vma-schrift-titel);font-size:1.5rem;letter-spacing:.7em;color:var(--vma-farbe-akzent)}
.fuss__gitter{display:grid;gap:2.5rem}
.fuss__marke{display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem}
.fuss__marke .marke__zeichen{width:2.9rem;color:var(--vma-intern-papier-hell)}
.fuss__marke .marke__wort{color:var(--vma-intern-papier-hell);font-size:1.4rem}
.fuss__marke .marke__b{color:var(--vma-intern-indigo-hell)}
.fuss__marke .marke__c{color:var(--vma-intern-tinte-leise)}
.fuss__text{max-width:24rem;line-height:1.6}
.fuss__text strong{color:var(--vma-intern-papier-hell)}
.fuss__titel{margin:0 0 .9rem;font-family:var(--vma-schrift-titel);font-size:1.15rem;font-weight:700;letter-spacing:.06em;font-variant:small-caps;text-transform:lowercase;color:var(--vma-intern-papier-hell)}
.fuss__links{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.fuss__links a{display:inline-flex;align-items:center;min-height:2.25rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;color:var(--vma-intern-tinte-leise);text-decoration:none}
.fuss__links a:hover{color:var(--vma-intern-papier-hell);text-decoration:underline}
.fuss__unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .12);font-size:.86rem}
.fuss__unten a{color:var(--vma-intern-papier-hell)}
.fuss__credit{flex-basis:100%;margin:0;font-size:.8rem}

/* ================================================================ Lightbox */
.lightbox{border:0;padding:0;border-radius:var(--vma-ecke);background:var(--vma-intern-papier-hell);color:var(--vma-farbe-text);width:min(60rem,100% - 2rem);max-height:calc(100dvh - 2rem);box-shadow:0 24px 64px rgb(17 24 39 / .35);overflow:auto}
.lightbox::backdrop{background:rgb(17 24 39 / .72)}
.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem .75rem 1.25rem;border-bottom:1px solid var(--vma-intern-linie)}
.lightbox-head h2{font-size:1.1rem;margin:0}
.lightbox img{width:auto;max-width:100%;max-height:75dvh;margin:0 auto}

/* ================================================================ Leerzustand */
.leer-hinweis{padding:2rem;text-align:center;color:var(--vma-farbe-text-leise);border:2px dashed var(--vma-intern-linie);border-radius:var(--vma-ecke)}
.pagination,.nav-links{display:flex;gap:.5rem;margin-top:2rem}

/* ==========================================================================
   Vertrag fuer Plugin-Ausgaben (NE Autorenplattform)
   Klassen, die das Plugin in seinen Templates verwenden kann. Das Plugin darf
   eigene Klassen mitbringen; diese hier sorgen fuer das Markenbild.
   ========================================================================== */

/* Badges: Altersempfehlung und Bereitstellungsart */
.vma-badge{display:inline-flex;align-items:center;gap:.35rem;min-height:1.6rem;padding:.12rem .55rem;border:1px solid var(--vma-farbe-rand);border-radius:8px 8px 2px 8px;background:var(--vma-intern-papier-hell);color:var(--vma-farbe-text);font-family:var(--vma-schrift-ui);font-weight:500;font-size:.78rem;line-height:1.2;white-space:nowrap}
.vma-badge .vma-symbol{width:1rem;height:1rem}
.vma-badge--alter{font-weight:700}
.vma-badge--alter[data-alter="0"]{background:var(--vma-intern-alter-0)}
.vma-badge--alter[data-alter="6"]{background:var(--vma-intern-alter-6)}
.vma-badge--alter[data-alter="8"]{background:var(--vma-intern-alter-8)}
.vma-badge--alter[data-alter="10"]{background:var(--vma-intern-alter-10)}
.vma-badge--alter[data-alter="12"]{background:var(--vma-intern-alter-12)}
.vma-badge--alter[data-alter="16"]{background:var(--vma-intern-alter-16)}
.vma-badge--alter[data-alter="18"]{background:var(--vma-intern-alter-18)}
.vma-badge--gross{min-height:2.4rem;padding:.3rem .85rem;font-size:1rem;justify-content:center}

/* Werkraster: Cover 2:3, Buchruecken links */
.vma-werkraster{display:grid;gap:1.75rem 1.1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.vma-werkkarte{position:relative;display:flex;flex-direction:column;gap:.55rem;color:var(--vma-farbe-text);text-decoration:none}
.vma-werkkarte:hover{color:var(--vma-farbe-text)}
.vma-cover{position:relative;aspect-ratio:2/3;border-radius:3px 10px 10px 3px;overflow:hidden;background:var(--vma-farbe-flaeche);box-shadow:inset .4rem 0 0 rgb(0 0 0 / .12),inset .48rem 0 0 rgb(255 255 255 / .14),0 10px 22px rgb(17 24 39 / .14),0 2px 4px rgb(17 24 39 / .1);transition:transform .25s ease,box-shadow .25s ease}
.vma-cover img{width:100%;height:100%;object-fit:cover}
.vma-werkkarte:hover .vma-cover{transform:translateY(-4px) rotate(-.6deg);box-shadow:inset .4rem 0 0 rgb(0 0 0 / .12),0 18px 34px rgb(17 24 39 / .2)}
.vma-cover__badges{position:absolute;left:.55rem;top:.55rem;display:flex;gap:.3rem}
.vma-werkkarte__titel{margin:.35rem 0 0;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.1rem;line-height:1.25}
.vma-werkkarte__autor{margin:0;font-size:.9rem;color:var(--vma-farbe-text-leise)}
.vma-werkkarte__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;margin-top:auto}
.vma-werkkarte__preis{font-family:var(--vma-schrift-ui);font-weight:700}

/* Platzhalter-Cover (Gestaltung, das Plugin liefert Titel und Autor) */
.vma-cover--platzhalter{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16% 14%;text-align:center;background-color:var(--vma-intern-leinen);background-image:repeating-linear-gradient(45deg,rgb(255 255 255 / .03) 0 2px,transparent 2px 5px);color:var(--vma-intern-papier-hell)}
.vma-cover--platzhalter::before{content:"";position:absolute;inset:7%;border:1px solid rgb(242 181 68 / .6);border-radius:2px}
.vma-cover--platzhalter::after{content:"";position:absolute;left:50%;bottom:16%;width:2.2rem;height:.6rem;translate:-50% 0;background:radial-gradient(circle,var(--vma-farbe-akzent) 0 .17rem,transparent .19rem) 50% 50%/.6rem .6rem no-repeat,linear-gradient(var(--vma-farbe-akzent),var(--vma-farbe-akzent)) 0 50%/35% 1px no-repeat,linear-gradient(var(--vma-farbe-akzent),var(--vma-farbe-akzent)) 100% 50%/35% 1px no-repeat}
.vma-cover__titel{position:relative;z-index:1;margin:0;font-family:var(--vma-schrift-titel);font-weight:700;font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);line-height:1.1}
.vma-cover__autor{position:relative;z-index:1;margin-top:.6rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vma-farbe-akzent)}

/* Genre-Kacheln */
.vma-genres{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.vma-genre{--reiter:1rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:7.5rem;margin-top:.9rem;padding:1.15rem 1.2rem;border:1px solid var(--vma-intern-linie);border-radius:3px 3px 3px 10px;background-color:var(--vma-intern-papier-hell);background-image:linear-gradient(180deg,transparent 2.85rem,rgb(242 181 68 / .75) 2.85rem 2.95rem,transparent 2.95rem),repeating-linear-gradient(180deg,transparent 0 1.42rem,rgb(79 70 229 / .1) 1.42rem 1.5rem);background-position:0 0,0 2.95rem;background-repeat:no-repeat,repeat;color:var(--vma-farbe-text);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .2s ease}
.vma-genre__name{font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.08rem;line-height:1.25}
.vma-genre__anzahl{font-size:.86rem;font-variant:small-caps;letter-spacing:.04em;color:var(--vma-farbe-text-leise)}

/* Autorinnen und Autoren */
.vma-autoren{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.vma-autor{display:grid;grid-template-columns:3.9rem 1fr;gap:1rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--vma-intern-linie);border-radius:3px;background:var(--vma-intern-papier-hell);color:var(--vma-farbe-text);text-decoration:none;box-shadow:0 10px 16px -14px rgb(17 24 39 / .45);transition:transform .2s ease,box-shadow .2s ease}
.vma-autor:hover{transform:translateY(-2px) rotate(-.5deg);box-shadow:0 16px 24px -16px rgb(17 24 39 / .5);color:var(--vma-farbe-text)}
.vma-autor__bild{display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:1px;overflow:hidden;background:var(--vma-farbe-text);color:var(--vma-intern-papier-hell);font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.25rem;box-shadow:0 0 0 .22rem #fff,0 0 0 calc(.22rem + 1px) var(--vma-intern-linie),0 6px 10px -4px rgb(17 24 39 / .4);rotate:-4deg}
.vma-autor:nth-child(even) .vma-autor__bild{background:var(--vma-farbe-primaer);rotate:3deg}
.vma-autor__bild img{width:100%;height:100%;object-fit:cover}
.vma-autor__name{display:block;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.15rem;line-height:1.2}
.vma-autor__info{display:block;font-size:.88rem;color:var(--vma-farbe-text-leise)}

/* ================================================================ Grossere Schirme */
@media (min-width:600px){
	.seitenkopf__kaffee{right:8%;top:-2.5rem}
	.konto-knopf span{display:inline}
	.stapel{width:min(100%,30rem)}
	.kopf-knopf--darstellung{display:inline-grid}
	.hauptnav__darstellung{display:none}
	.vorteile__gitter{grid-template-columns:repeat(3,1fr)}
	.unterpunkte{grid-template-columns:1fr 1fr}
}

@media (min-width:782px){
	.admin-bar .kopf{top:32px}
}

@media (min-width:900px){
	.about{grid-template-columns:1fr 1fr;gap:4rem}
	.about--umgekehrt .about__bild{order:2}
	.inhaltsblock{grid-template-columns:.9fr 1.1fr;gap:4rem}
	.inhaltsblock--text{grid-template-columns:1fr}
	.wege{grid-template-columns:1fr 1fr;gap:3.5rem}
	.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:4rem;align-items:start}
	.faq__kopf{position:sticky;top:7rem}
	.aufruf:not(.aufruf--dunkel):not(.aufruf--stempel) .aufruf__innen{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:2.5rem}
	.aufruf:not(.aufruf--dunkel):not(.aufruf--stempel) .aufruf__innen::after{content:"";grid-column:2;grid-row:2;align-self:end;height:7.4rem;margin-left:1rem;padding-left:2rem;border-left:1px solid var(--vma-intern-linie);background:repeating-linear-gradient(180deg,transparent 0 calc(2.3rem - 1px),var(--vma-farbe-rand) calc(2.3rem - 1px) 2.3rem) 2rem 0/calc(100% - 2rem) 100% no-repeat}
	.aufruf:not(.aufruf--dunkel) .aufruf__knoepfe{grid-column:1}
	.aufruf:not(.aufruf--dunkel) .aufruf__kopf{grid-column:1}
	.briefmarke{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:start;width:5.6rem}
	.aufruf:not(.aufruf--dunkel):not(.aufruf--stempel) .aufruf__kopf{padding-right:0}
	.fuss__gitter{grid-template-columns:1.3fr 1fr 1.2fr;gap:3rem}
}

@media (min-width:1000px){
	.hauptnav{display:block;margin-right:.5rem}
	.nav-list{flex-direction:row;align-items:center;gap:.1rem}
	.nav-link.active,.nav-list .current-menu-item > a{background:transparent;box-shadow:inset 0 -3px 0 var(--vma-farbe-primaer);border-radius:var(--vma-ecke-klein) var(--vma-ecke-klein) 0 0}
	.menu-btn{display:none}
	.marke{margin-right:auto}
	.nav-list .menu-item-has-children,.nav-list .page_item_has_children{position:relative;flex-wrap:nowrap}
	.nav-sub-toggle{width:1.75rem;height:2rem;border-width:1px;border-color:var(--vma-intern-linie);margin-left:-.25rem}
	.nav-sub-toggle:hover,.nav-sub-toggle[aria-expanded="true"]{border-color:var(--vma-farbe-text)}
	.nav-list .sub-menu,.nav-list .children{position:absolute;top:100%;left:0;z-index:20;min-width:15rem;margin:.35rem 0 0;padding:.4rem;border:1px solid var(--vma-intern-linie);border-left:3px solid var(--vma-farbe-primaer);border-radius:var(--vma-ecke-klein) var(--vma-ecke-klein) 3px var(--vma-ecke-klein);background:var(--vma-intern-papier-hell);box-shadow:var(--vma-schatten)}
	.nav-list .sub-menu a,.nav-list .children a{min-height:2.5rem;font-size:.95rem}
}

@media (max-width:999px){
	.menu-btn__text{display:inline}
}
@media (max-width:420px){
	.marke__wort{font-size:1.1rem}
	.marke__zeichen{width:2.2rem}
	.menu-btn__text{display:none}
	.menu-btn{width:2.75rem;padding:0}
	.kopf__werkzeuge{gap:.3rem}
}

/* ================================================================ Buch-Auftakt
   Die Startseite beginnt mit einem aufgeschlagenen Buch: Einband in Tinte,
   links die Titelseite, rechts das Inhaltsverzeichnis als Navigation, ein
   Lesebändchen in Bernstein hängt unten heraus. Die Signatur-Ecke des Logos
   (unten rechts kantig) steckt im Einband. */
.auftakt{position:relative;overflow:clip;padding-block:clamp(1.75rem,1rem + 3.5vw,4rem) clamp(6rem,4.5rem + 4vw,8rem);background:var(--vma-farbe-flaeche);-webkit-mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x;mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath transform='matrix(1 0 0 -1 0 12)' d='M0 12V6l6-3 5 4 6-5 7 4 6-5 7 4 7-3 6 5 7-4 6 3 7-5 7 4 7-2 6 4 7-5 7 4 7-3 9 3v6z'/%3E%3C/svg%3E") 0 100%/120px 12px repeat-x}
.buch-offen{--falz:-5rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:var(--rand-o) var(--rand-s) var(--rand-u)}
.buch-offen__seite,.vma-werk__cover,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;padding:clamp(1.5rem,1rem + 3vw,3.5rem) clamp(1.25rem,.75rem + 3vw,3.5rem)}
.buch-offen__seite--links,.vma-werk__cover,.handbuch__seite--register{border-radius:6px 6px 0 0;background-image:linear-gradient(0deg,rgb(80 50 20 / .16),transparent 2.4rem),var(--vma-altpapier-lagen)}
.buch-offen__seite--rechts,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite--text{border-radius:0 0 4px 6px;background-image:linear-gradient(180deg,rgb(80 50 20 / .2),transparent 2.6rem),var(--vma-altpapier-lagen);perspective:2000px}
.auftakt__kopf{margin-bottom:0}
.auftakt__kopf h1{font-size:clamp(1.95rem,1.2rem + 2.9vw,3.6rem)}
.auftakt__kopf .section-head__text{font-size:clamp(1.05rem,1rem + .3vw,1.2rem);margin-top:1rem}
.auftakt .knoepfe{margin-top:1.75rem}
/* Schreibtisch rund ums Buch */
.auftakt__kaffee{position:absolute;right:3%;top:.75rem;width:clamp(6rem,11vw,9.5rem);rotate:-12deg;pointer-events:none}
.buch-offen__stift{position:absolute;z-index:6;left:-1.25rem;bottom:-2.4rem;width:clamp(12rem,30vw,21rem);height:auto;rotate:-5deg;filter:drop-shadow(0 10px 7px rgb(17 24 39 / .25));pointer-events:none}
.buch-offen__klammer{position:absolute;z-index:3;top:-1.35rem;right:2.4rem;width:1.35rem;height:auto;rotate:6deg;pointer-events:none}
/* Haftnotiz: gelber Zettel mit Filzstift-Schrift */
.haftnotiz{position:relative;display:inline-block;max-width:17rem;margin:0;padding:.85rem 1.05rem 1rem;background-color:var(--vma-intern-notiz-gelb);background-image:linear-gradient(rgb(17 24 39 / .05),transparent 1.2rem);font-family:var(--vma-schrift-hand);font-size:1.18rem;line-height:1.35;color:var(--vma-farbe-text);border-radius:2px 2px 2px 16px / 2px 2px 2px 7px;box-shadow:0 1px 1px rgb(17 24 39 / .07),0 12px 16px -10px rgb(17 24 39 / .4);rotate:-2.5deg}
.buch-offen__notiz{align-self:flex-start;margin-top:1.8rem}
.buch-offen__fuss{margin:auto 0 0;padding-top:2rem;font-family:var(--vma-schrift-ui);font-weight:500;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--vma-farbe-text-leise);text-align:center}

/* Altes Buch: Ledereinband mit Maserung, abgestoßenen Kanten, dunkleren
   Lederecken und blinder Goldlinie; innen vergilbtes Papier mit Stockflecken, sichtbarem Papierschnitt und tiefem Falz. Gilt für das
   Blätterbuch und das Suchbuch. Alles Verläufe und Inline-SVG, keine Bilder. */
:root{--vma-altpapier-lagen:radial-gradient(circle at 17% 23%,rgb(150 100 40 / .1) 0 .3rem,transparent .55rem),radial-gradient(circle at 79% 67%,rgb(150 100 40 / .08) 0 .22rem,transparent .45rem),radial-gradient(circle at 62% 9%,rgb(150 100 40 / .07) 0 .45rem,transparent .85rem),radial-gradient(circle at 33% 88%,rgb(150 100 40 / .06) 0 .6rem,transparent 1.1rem),radial-gradient(135% 105% at 50% 45%,transparent 62%,rgb(150 105 45 / .16) 100%)}
:is(.buch-offen,.suchbuch__einband,.vma-werk,.ne-ap-werk__raster,.handbuch__einband){--rand-o:clamp(.65rem,.4rem + 1vw,1.3rem);--rand-s:clamp(.65rem,.45rem + 1vw,1.4rem);--rand-u:clamp(.8rem,.5rem + 1.2vw,1.6rem);background-color:var(--vma-intern-leder);background-image:linear-gradient(90deg,transparent calc(var(--falz) - 1.6rem),rgb(25 12 5 / .45) calc(var(--falz) - .35rem),rgb(255 225 190 / .14) var(--falz),rgb(25 12 5 / .45) calc(var(--falz) + .35rem),transparent calc(var(--falz) + 1.6rem)),radial-gradient(130% 100% at 50% 50%,transparent 52%,rgb(25 12 5 / .5) 100%),radial-gradient(16rem 5rem at 14% 0,rgb(255 225 190 / .14),transparent 70%),radial-gradient(12rem 7rem at 90% 100%,rgb(255 225 190 / .11),transparent 70%),radial-gradient(6rem 4rem at 100% 38%,rgb(255 225 190 / .08),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23l)'/%3E%3C/svg%3E");border-radius:12px 16px 10px 14px / 14px 10px 16px 12px;box-shadow:inset 0 0 0 1px rgb(255 220 180 / .12),inset 0 2px 0 rgb(255 220 180 / .1),inset 0 -3px 6px rgb(0 0 0 / .3),0 34px 60px -24px rgb(40 20 10 / .6),0 10px 20px -8px rgb(40 20 10 / .32)}
:is(.buch-offen,.suchbuch__einband,.vma-werk,.ne-ap-werk__raster,.handbuch__einband)::before{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,var(--vma-intern-leder-dunkel) 0 1.9rem,transparent 1.9rem) 0 0/2.8rem 2.8rem no-repeat,linear-gradient(225deg,var(--vma-intern-leder-dunkel) 0 1.9rem,transparent 1.9rem) 100% 0/2.8rem 2.8rem no-repeat,linear-gradient(45deg,var(--vma-intern-leder-dunkel) 0 1.9rem,transparent 1.9rem) 0 100%/2.8rem 2.8rem no-repeat,linear-gradient(315deg,var(--vma-intern-leder-dunkel) 0 1.9rem,transparent 1.9rem) 100% 100%/2.8rem 2.8rem no-repeat}
:is(.buch-offen,.suchbuch__einband,.vma-werk,.ne-ap-werk__raster,.handbuch__einband)::after{content:"";position:absolute;z-index:0;inset:.32rem;border:1px solid rgb(233 211 160 / .3);border-radius:9px 12px 8px 11px;pointer-events:none}
:is(.buch-offen__seite,.suchbuch__seite,.vma-werk__cover,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite){background-color:var(--vma-intern-altpapier)}
:is(.buch-offen__seite,.suchbuch__seite,.vma-werk__cover,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite)::selection{background:rgb(233 211 160 / .8)}
@media (max-width:899px){
	:is(.buch-offen__seite--links,.suchbuch__seite--links,.vma-werk__cover,.handbuch__seite--register){box-shadow:0 2px 0 var(--vma-intern-altpapier-schnitt),0 3px 0 var(--vma-intern-altpapier-kante)}
	:is(.buch-offen__seite--rechts,.suchbuch__seite--rechts,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite--text){box-shadow:0 2px 0 var(--vma-intern-altpapier-schnitt),0 3px 0 var(--vma-intern-altpapier-kante),0 5px 0 var(--vma-intern-altpapier-schnitt),0 6px 0 var(--vma-intern-altpapier-kante)}
}
/* Deckel beim ersten Laden: Leder mit Goldprägung */
.buch-offen__deckel .buch-offen__praegung{color:var(--vma-intern-gold)}
.buch-offen__deckel .buch-offen__zeichen__a{fill:var(--vma-intern-gold)}

/* Inhaltsverzeichnis */
.buch-offen__inhalt-titel{display:flex;align-items:center;gap:1rem;margin:0 0 1.25rem;font-family:var(--vma-schrift-titel);font-weight:700;font-size:.82rem;letter-spacing:.34em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.buch-offen__inhalt-titel::before,.buch-offen__inhalt-titel::after{content:"";flex:1 1 auto;height:1px;background:var(--vma-intern-linie)}
.verzeichnis{list-style:none;margin:0;padding:0;display:grid}
.verzeichnis__zeile{margin:0}
.verzeichnis__eintrag{display:flex;align-items:baseline;gap:.65rem;min-height:2.9rem;padding:.65rem .35rem;border-radius:6px;color:var(--vma-farbe-text);font-family:var(--vma-schrift-titel);font-weight:500;font-size:clamp(1rem,.95rem + .3vw,1.15rem);line-height:1.3;text-decoration:none;transition:color .2s ease,background-color .2s ease}
.verzeichnis__nr{flex:0 0 2.1rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--vma-farbe-primaer)}
.verzeichnis__titel{flex:0 1 auto}
.verzeichnis__punkte{flex:1 1 1.5rem;min-width:1.5rem;align-self:flex-end;margin-bottom:.45em;border-bottom:2px dotted var(--vma-farbe-rand);transition:border-color .2s ease}
.verzeichnis__seite{flex:0 0 auto;min-width:1.6rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--vma-farbe-text-leise)}
.verzeichnis__eintrag:hover{color:var(--vma-farbe-primaer);background:var(--vma-intern-zart)}
.verzeichnis__eintrag:hover .verzeichnis__punkte{border-bottom-style:solid;border-color:var(--vma-farbe-primaer)}
.verzeichnis__eintrag:hover .verzeichnis__seite{color:var(--vma-farbe-primaer)}

/* Eselsohr: die Seitenecke ist umgeknickt, darunter der Einband */
.buch-offen__ecke{position:absolute;right:0;bottom:0;width:1.9rem;height:1.9rem;background:linear-gradient(135deg,var(--vma-intern-altpapier-schnitt) 0 50%,var(--vma-intern-leder-dunkel) 50%);border-radius:0 0 3px 0;box-shadow:-2px -2px 4px rgb(17 24 39 / .08);transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1)}
.buch-offen__seite--rechts:hover .buch-offen__ecke{width:2.8rem;height:2.8rem}

/* Lesebändchen: hängt unten aus dem Buch */
.buch-offen__baendchen{position:absolute;z-index:3;right:18%;top:calc(100% - 1.1rem);width:1.05rem;height:5.25rem;background:linear-gradient(90deg,#D3962A,var(--vma-farbe-akzent) 35%,#F7CC6E 55%,#DFA338);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - .65rem),0 100%);transform-origin:50% 0;rotate:var(--schwung,0deg);transition:rotate .9s cubic-bezier(.3,1.7,.4,1);filter:drop-shadow(0 4px 3px rgb(17 24 39 / .18))}

/* Buchdeckel: nur sichtbar, solange er beim Laden aufklappt (bewegung.css) */
.buch-offen__deckel{display:none;position:absolute;z-index:4;inset:calc(var(--rand-o) * -1) calc(var(--rand-s) * -1) calc(var(--rand-u) * -1) 0;place-items:center;background-color:var(--vma-intern-leder);background-image:radial-gradient(130% 100% at 50% 50%,transparent 50%,rgb(25 12 5 / .5) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23l)'/%3E%3C/svg%3E");border-radius:0 14px 4px 0;transform-origin:0 50%;backface-visibility:hidden;pointer-events:none}
.buch-offen__deckel::before{content:"";position:absolute;inset:1.1rem;border:2px solid rgb(242 181 68 / .55);border-radius:0 8px 2px 0}
.buch-offen__praegung{display:grid;justify-items:center;gap:.9rem;color:var(--vma-intern-papier-hell)}
.buch-offen__zeichen{width:clamp(4rem,10vw,6.5rem)}
.stempel__zeichen__a,.beleg__zeichen__a{fill:var(--vma-farbe-primaer)}
.aufruf--dunkel .stempel__zeichen__a{fill:var(--vma-intern-papier-hell)}
.buch-offen__zeichen__a{fill:var(--vma-intern-indigo-hell)}
.buch-offen__wort{font-family:var(--vma-schrift-marke);font-weight:700;font-size:clamp(1.1rem,1rem + .6vw,1.5rem);letter-spacing:.02em}

@media (max-width:420px){
	.buch-offen__seite{padding:1.4rem 1.05rem}
	.verzeichnis__eintrag{gap:.45rem;padding-inline:.15rem;font-size:.98rem}
	.verzeichnis__nr{flex-basis:1.55rem}
	.verzeichnis__titel{min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
	.verzeichnis__punkte{flex-basis:.8rem;min-width:.8rem}
	.verzeichnis__seite{min-width:1.3rem}
}
@media (min-width:900px){
	.buch-offen{--falz:calc(var(--rand-s) + (100% - 2 * var(--rand-s)) * .56);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
	.buch-offen__seite--links,.vma-werk__cover,.handbuch__seite--register{border-radius:6px 2px 2px 6px;background-image:linear-gradient(270deg,rgb(70 40 15 / .3),rgb(70 40 15 / .09) 1.3rem,transparent 3.75rem),var(--vma-altpapier-lagen);box-shadow:-2px 2px 0 var(--vma-intern-altpapier-schnitt),-3px 3px 0 var(--vma-intern-altpapier-kante),-5px 4px 0 var(--vma-intern-altpapier-schnitt),-6px 5px 0 var(--vma-intern-altpapier-kante),-8px 6px 0 var(--vma-intern-altpapier-schnitt)}
	.buch-offen__seite--rechts,.vma-werk__text,.ne-ap-werk__text,.ne-ap-werk__kauf,.handbuch__seite--text{margin:0;justify-content:center;border-radius:2px 6px 4px 2px;background-image:linear-gradient(90deg,rgb(70 40 15 / .34),rgb(70 40 15 / .1) 1.4rem,transparent 3.75rem),var(--vma-altpapier-lagen);box-shadow:2px 2px 0 var(--vma-intern-altpapier-schnitt),3px 3px 0 var(--vma-intern-altpapier-kante),5px 4px 0 var(--vma-intern-altpapier-schnitt),6px 5px 0 var(--vma-intern-altpapier-kante),8px 6px 0 var(--vma-intern-altpapier-schnitt)}
	.buch-offen__baendchen{right:auto;left:calc(56% + 1.4rem)}
	.buch-offen__inhalt-titel{margin-top:.4rem}
}

/* ================================================================ Blätterbuch
   Die Neuerscheinungen als Buch: eine Doppelseite je Werk. Ohne Skript eine
   Reihe zum Wischen (scroll-snap), mit blaetterbuch.js liegen die
   Doppelseiten übereinander und schlagen um (Animation in bewegung.css).
   Alle Doppelseiten teilen sich denselben Falz (56 %), damit das Blatt beim
   Umschlagen genau auf der Gegenseite landet. */
.folio{display:block}
.folio__blaetter{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;border-radius:8px}
.folio__bogen{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;scroll-snap-align:start}
.folio__bogen:focus,.folio__titel:focus{outline:none}
.folio.ist-blaetterbar .folio__blaetter{display:grid;overflow:visible;touch-action:pan-y}
.folio.ist-blaetterbar .folio__bogen{grid-area:1/1;visibility:hidden}
.folio.ist-blaetterbar .folio__bogen:is(.ist-aktuell,.ist-kommt){visibility:visible}
.folio__seite{z-index:1}
/* Bearbeitungsmodus: alle Doppelseiten untereinander, nichts versteckt */
.vma-bearbeiten .folio__blaetter{display:grid;gap:1.5rem;overflow:visible}
.vma-bearbeiten .folio__bogen{flex:none}
.verzeichnis__autor{display:block;margin-top:.15rem;font-family:var(--vma-schrift-ui);font-weight:400;font-size:.78rem;color:var(--vma-farbe-text-leise)}
.folio__leer{margin:0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:1.1rem;color:var(--vma-farbe-text-leise)}

/* Linke Seite: das Cover, mit Fotoecken eingeklebt */
.folio__seite--cover{align-items:center;justify-content:center;gap:1.25rem}
.folio__genre{margin:0;font-family:var(--vma-schrift-hand);font-size:1.3rem;line-height:1.2;color:var(--vma-farbe-primaer);rotate:-2deg}
.folio__cover{position:relative;width:clamp(8.5rem,30vw,16.5rem);rotate:-1.5deg}
/* Handy: Jede Doppelseite nur so hoch wie ihr Inhalt - sonst übernehmen alle
   Buchseiten die Höhe der langen Titelseite mit Inhaltsverzeichnis und das
   Cover schwimmt in leerem Papier. Die nicht aufgeschlagenen Seiten liegen
   darüber (absolut), blaetterbuch.js lässt die Höhe beim Blättern gleiten. */
@media (max-width:899px){
	.folio.ist-blaetterbar .folio__blaetter{display:block;position:relative;overflow:visible clip;overflow-clip-margin:.75rem;transition:height .45s ease}
	.folio.ist-blaetterbar .folio__bogen{position:absolute;top:0;left:0;right:0}
	.folio.ist-blaetterbar .folio__bogen.ist-aktuell{position:relative}
	.folio__cover{width:min(62%,15rem)}
	.verzeichnis__eintrag{min-height:2.75rem;padding-block:.5rem}
}
.folio__cover::before,.folio__cover::after{content:"";position:absolute;z-index:2;width:1.6rem;height:1.6rem;background:var(--vma-intern-leder);opacity:.92}
.folio__cover::before{left:-.25rem;top:-.25rem;clip-path:polygon(0 0,100% 0,0 100%)}
.folio__cover::after{right:-.25rem;bottom:-.25rem;clip-path:polygon(100% 0,100% 100%,0 100%)}
.folio__umschlag{box-shadow:inset .4rem 0 0 rgb(0 0 0 / .12),inset .48rem 0 0 rgb(255 255 255 / .14),0 22px 34px -16px rgb(17 24 39 / .6),0 3px 6px rgb(17 24 39 / .14)}
.folio__seitenzahl{position:absolute;bottom:.9rem;margin:0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:.95rem;color:var(--vma-farbe-text-leise)}
.folio__seitenzahl--links{left:1.4rem}
.folio__seitenzahl--rechts{right:3.2rem}

/* Rechte Seite: Titel, Autor, Klappentext, Angaben, Kauf */
.folio__seite--text{justify-content:flex-start;padding-bottom:clamp(3rem,2.5rem + 2vw,4rem)}
.folio__kapitel{margin:0 0 .65rem;font-family:var(--vma-schrift-titel);font-weight:700;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.folio__titel{margin:0;font-size:clamp(1.65rem,1.2rem + 1.5vw,2.45rem);line-height:1.1;-webkit-hyphens:auto;hyphens:auto}
.folio__autor{margin:.4rem 0 0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:1.15rem;color:var(--vma-farbe-text-leise)}
.folio__autor a{color:var(--vma-farbe-primaer)}
.folio__klappentext{margin:1.1rem 0 0;font-family:var(--vma-schrift-titel);font-size:clamp(1.02rem,.98rem + .2vw,1.12rem);line-height:1.6}
.folio__klappentext::first-letter{float:left;margin:.3rem .45rem 0 0;font-weight:700;font-size:3.05em;line-height:.8;color:var(--vma-farbe-primaer)}
.folio__angaben{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:.6rem 1rem;margin:1.2rem 0 0;padding:.8rem 0;border-block:1px dashed var(--vma-farbe-rand)}
.folio__angaben div{min-width:0}
.folio__angaben dt{font-family:var(--vma-schrift-ui);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.folio__angaben dd{margin:.15rem 0 0;font-size:.92rem;font-weight:600}
.folio__kauf{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.1rem}
.folio__preis{margin:0;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.9rem;line-height:1}
.folio__knoepfe{margin-top:1.1rem}

/* Letzte Doppelseite */
.folio__seite--ende{align-items:center;justify-content:center;text-align:center;gap:1rem}
.folio__schluss{margin:0;font-family:var(--vma-schrift-titel);font-size:1.6rem;letter-spacing:.6em;color:#B7832A}
.folio__ende-titel{margin:0;font-style:italic;font-weight:400;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem)}
.folio__ende-text{max-width:26rem;font-family:var(--vma-schrift-titel);font-size:1.15rem;line-height:1.6}
.folio__ende-text p{margin:0}
.folio__seite--ende .knoepfe{justify-content:center}

/* Steuerung unter dem Buch */
.folio__steuer{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,.25rem + 1.5vw,1.25rem);margin-top:clamp(2.75rem,2rem + 2.5vw,3.75rem)}
.folio__steuer[hidden]{display:none}
.folio__knopf{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;min-width:2.9rem;padding:.5rem 1.1rem;border:2px solid var(--vma-farbe-text);border-radius:4px 4px 4px 14px;background:var(--vma-intern-papier-hell);color:var(--vma-farbe-text);font-family:var(--vma-schrift-ui);font-weight:600;font-size:.92rem;cursor:pointer;box-shadow:3px 3px 0 var(--vma-intern-linie);transition:background-color .2s ease,translate .2s ease,box-shadow .2s ease}
.folio__knopf:disabled{opacity:.45;cursor:default;box-shadow:none}
.folio__pfeil{flex:0 0 auto;width:1.5rem;height:.95rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M3 13c10-4 20-4 32-1m-8-7 9 7-9 7' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M3 13c10-4 20-4 32-1m-8-7 9 7-9 7' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.folio__knopf--zurueck .folio__pfeil{scale:-1 1}
.folio__stand-kurz{display:none}
.folio__stand{min-width:0;margin:0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:1rem;color:var(--vma-farbe-text-leise);text-align:center}
@media (max-width:899px){
	/* Das Buch ist höher als der Bildschirm: Steuerung bleibt unten stehen */
	.folio__steuer{position:sticky;z-index:20;bottom:max(.75rem,env(safe-area-inset-bottom));width:fit-content;margin-inline:auto;padding:.4rem .5rem;border:1px solid var(--vma-intern-linie);border-radius:999px;background:rgb(252 250 247 / .94);box-shadow:0 10px 24px -10px rgb(17 24 39 / .45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
	.folio__stand-lang{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
	.folio__stand-kurz{display:inline;font-variant-numeric:tabular-nums;font-style:normal;font-weight:600;color:var(--vma-farbe-text)}
	.folio__stand{min-width:3.6rem}
}
@media (max-width:599px){
	.folio__knopf{padding:.5rem}
	.folio__knopf-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
	.folio__seite--cover{padding-block:1.6rem 2.6rem}
	.folio__seitenzahl--rechts{right:2.6rem}
	.folio .buch-offen__baendchen{display:none}
	.folio__steuer{margin-top:3.6rem}
}
@media (min-width:900px){
	.folio__bogen{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
	.folio__seite--cover{padding-block:2.5rem 3.5rem}
}

/* ================================================================ Lesezeichen-Leiste
   Der Schnitt eines Buchblocks, aus dem Lesezeichen heraushängen. Jedes
   Lesezeichen ist ein Genre-Link in die Suche. Schrift läuft wie auf einem
   Buchrücken von unten nach oben. */
.lesezeichen-leiste{padding-block:clamp(2.25rem,1.75rem + 2vw,3.5rem) clamp(2.5rem,2rem + 2vw,3.75rem)}
.lesezeichen-leiste__kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.5rem;margin:0 0 1rem}
.lesezeichen-leiste__titel{margin:0;font-family:var(--vma-schrift-hand);font-size:1.4rem;line-height:1.2;color:var(--vma-farbe-primaer);rotate:-1.5deg;transform-origin:0 50%}
.lesezeichen-leiste__text{flex:1 1 18rem;font-size:.95rem;color:var(--vma-farbe-text-leise)}
.lesezeichen-leiste__text p{margin:0}
.lesezeichen-leiste__mehr{margin:0 0 0 auto}
.lesezeichen-leiste__buch{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:1.25rem}
.lesezeichen-leiste__liste{position:relative;display:flex;justify-content:space-around;gap:.9rem;min-width:max-content;margin:0;padding:1.1rem 1.25rem 0;list-style:none}
.lesezeichen-leiste__liste::before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:1.45rem;border:1px solid var(--vma-intern-linie);border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(180deg,var(--vma-intern-papier-hell) 0 2px,#E6DED1 2px 3px);box-shadow:0 7px 10px -7px rgb(17 24 39 / .45)}
.lesezeichen{--lz-hg:var(--vma-intern-notiz-gelb);--lz-text:var(--vma-farbe-text);--lz-lang:8.5rem;position:relative;flex:0 0 auto;filter:drop-shadow(0 5px 4px rgb(17 24 39 / .2))}
.lesezeichen:nth-child(3n+2){--lz-lang:10rem}
.lesezeichen:nth-child(4n+3){--lz-lang:7.25rem}
.lesezeichen:nth-child(5n+4){--lz-lang:11rem}
.lesezeichen--1{--lz-hg:var(--vma-farbe-primaer);--lz-text:#fff}
.lesezeichen--2{--lz-hg:var(--vma-intern-notiz-rosa)}
.lesezeichen--3{--lz-hg:var(--vma-intern-leinen);--lz-text:var(--vma-intern-papier-hell)}
.lesezeichen--4{--lz-hg:var(--vma-intern-notiz-mint)}
.lesezeichen--5{--lz-hg:#CFAE86}
.lesezeichen--6{--lz-hg:var(--vma-intern-notiz-blau)}
.lesezeichen__band{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.55rem;width:2.85rem;min-height:var(--lz-lang);padding:1.4rem .4rem 1.45rem;background:var(--lz-hg);color:var(--lz-text);text-decoration:none;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - .85rem),0 100%);transition:translate .3s cubic-bezier(.3,1.5,.5,1)}
.lesezeichen--1 .lesezeichen__band,.lesezeichen--3 .lesezeichen__band{outline:1px dashed rgb(255 255 255 / .45);outline-offset:-5px}
.lesezeichen__text{writing-mode:vertical-rl;rotate:180deg;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.02rem;line-height:1;letter-spacing:.02em;white-space:nowrap}
/* Siegel mit Initialen (Autor*innen) - rotes Wachs, goldene Prägung */
.lesezeichen__siegel{order:2;display:grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#B0463F,#7E2622 62%,#5E1A17);box-shadow:inset 0 0 0 2px rgb(255 255 255 / .12),inset 0 -2px 3px rgb(0 0 0 / .35),0 2px 3px rgb(0 0 0 / .3);color:var(--vma-intern-gold);font-family:var(--vma-schrift-titel);font-size:.8rem;font-weight:700;letter-spacing:.02em;line-height:1}
/* Zusatz: am PC nur vorgelesen, sichtbar als Zettel beim Herausziehen */
.lesezeichen__info{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lesezeichen__zettel{position:absolute;z-index:3;left:50%;top:calc(100% + .9rem);padding:.25rem .6rem .3rem;white-space:nowrap;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);color:var(--vma-farbe-text);font-family:var(--vma-schrift-hand);font-size:1rem;line-height:1.2;box-shadow:0 6px 10px -6px rgb(17 24 39 / .45);translate:-50% -.4rem;rotate:-3deg;opacity:0;pointer-events:none;transition:opacity .25s ease,translate .3s ease}
.lesezeichen:has(a.lesezeichen__band:focus-visible) .lesezeichen__zettel{opacity:1;translate:-50% 0}
.lesezeichen-leiste:has(.lesezeichen__zettel) .lesezeichen-leiste__buch{padding-bottom:3.4rem}
@media (hover:hover) and (pointer:fine){
	a.lesezeichen__band:hover{translate:0 .6rem}
	.lesezeichen:hover .lesezeichen__zettel{opacity:1;translate:-50% 0}
	.kringel:hover .kringel__text{border-color:rgb(79 70 229 / .5)}
	.folio__knopf:hover:not(:disabled){background:var(--vma-intern-zart);translate:-1px -1px;box-shadow:4px 4px 0 var(--vma-intern-linie)}
}
/* Fokus als Doppelrand innen - ein Außenrand würde vom Zuschnitt (clip-path) abgeschnitten */
a.lesezeichen__band:is(:hover,:focus,:active,:visited){color:var(--lz-text);text-decoration:none}
a.lesezeichen__band:focus-visible{translate:0 .6rem;outline:none;box-shadow:inset 0 0 0 3px var(--vma-intern-fokus),inset 0 0 0 6px #fff}

/* Handy: Das Buch liegt auf der Seite. Der Buchschnitt steht links, die
   Lesezeichen ragen waagerecht nach rechts heraus - alle untereinander und
   ohne seitliches Wischen. Der Zusatz steht direkt auf dem Band. */
@media (max-width:599px){
	.lesezeichen-leiste__mehr{margin-left:0}
	.lesezeichen-leiste .lesezeichen-leiste__buch,.lesezeichen-leiste:has(.lesezeichen__zettel) .lesezeichen-leiste__buch{overflow:visible;padding:0}
	.lesezeichen-leiste__liste{flex-direction:column;align-items:stretch;gap:.5rem;min-width:0;padding:.75rem 0 .75rem 1.3rem;overflow:clip;overflow-clip-margin:.6rem}
	.lesezeichen-leiste__liste::before{left:0;right:auto;top:0;bottom:0;width:1.45rem;height:auto;border-radius:5px 2px 2px 5px;background:repeating-linear-gradient(90deg,var(--vma-intern-papier-hell) 0 2px,#E6DED1 2px 3px);box-shadow:7px 0 10px -7px rgb(17 24 39 / .45)}
	.lesezeichen{--lz-lang:86%}
	.lesezeichen:nth-child(3n+2){--lz-lang:96%}
	.lesezeichen:nth-child(4n+3){--lz-lang:78%}
	.lesezeichen:nth-child(5n+4){--lz-lang:100%}
	.lesezeichen__band{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:center;gap:0 .7rem;width:var(--lz-lang);min-width:min(100%,14rem);min-height:3.1rem;padding:.4rem 1.7rem .4rem .85rem;clip-path:polygon(0 0,100% 0,calc(100% - .9rem) 50%,100% 100%,0 100%)}
	.lesezeichen__text{grid-column:2;writing-mode:horizontal-tb;rotate:0deg;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem;line-height:1.2}
	.lesezeichen__siegel{grid-row:1 / span 2;width:1.85rem;height:1.85rem}
	.lesezeichen__info{grid-column:2;position:static;width:auto;height:auto;overflow:hidden;clip-path:none;text-overflow:ellipsis;font-size:.8rem;line-height:1.3;white-space:nowrap}
	.lesezeichen__zettel{display:none}
	a.lesezeichen__band:focus-visible{translate:.6rem 0}
}
@media (max-width:599px) and (hover:hover) and (pointer:fine){
	a.lesezeichen__band:hover{translate:.6rem 0}
}

/* ================================================================ Suchbuch
   Die Suche als aufgeschlagener Katalog. Links Frage und Suchfeld auf
   liniertem Papier, rechts die Filter - eine Auswahl wird eingekringelt. */
.suchbuch__einband{--falz:-5rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:var(--rand-o) var(--rand-s) var(--rand-u)}
.suchbuch__seite{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0;padding:clamp(1.5rem,1rem + 2.5vw,3rem) clamp(1.25rem,.75rem + 2.5vw,3rem)}
.suchbuch__seite--links{border-radius:6px 6px 0 0;background-image:linear-gradient(90deg,transparent 2.3rem,rgb(170 60 40 / .28) 2.3rem 2.38rem,transparent 2.38rem),repeating-linear-gradient(180deg,transparent 0 calc(2.2rem - 1px),rgb(120 90 50 / .17) calc(2.2rem - 1px) 2.2rem),var(--vma-altpapier-lagen);padding-left:clamp(3.2rem,2.6rem + 2vw,4.25rem)}
.suchbuch__seite--rechts{border-radius:0 0 4px 6px;background-image:linear-gradient(180deg,rgb(80 50 20 / .18),transparent 2.4rem),var(--vma-altpapier-lagen)}
.suchbuch__kolumne{display:flex;align-items:center;gap:1rem;margin:0;font-family:var(--vma-schrift-titel);font-weight:700;font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.suchbuch__kolumne::before,.suchbuch__kolumne::after{content:"";flex:1 1 auto;height:1px;background:var(--vma-intern-linie)}
.suchbuch__frage{margin:0;font-family:var(--vma-schrift-hand);font-weight:400;font-size:clamp(1.65rem,1.35rem + 1.2vw,2.3rem);line-height:1.2;color:var(--vma-farbe-primaer);rotate:-1.5deg;transform-origin:0 50%}
.suchbuch__frage label{cursor:pointer}
.suchbuch__zeile{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid var(--vma-farbe-text)}
.suchbuch__zeile .vma-icon,.suchbuch__zeile svg{flex:0 0 auto;width:1.35rem;height:1.35rem;color:var(--vma-farbe-text-leise)}
.suchbuch__feld{flex:1 1 auto;min-width:0;min-height:3rem;padding:.4rem .2rem;border:0;background:transparent;color:var(--vma-farbe-text);font-family:var(--vma-schrift-titel);font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}
.suchbuch__feld::placeholder{color:var(--vma-farbe-text-leise);font-style:italic}
.suchbuch__zeile:has(.suchbuch__feld:focus-visible){outline:3px solid var(--vma-intern-fokus);outline-offset:4px;border-radius:2px}
.suchbuch__feld:focus-visible{outline:none;box-shadow:0 3px 0 0 var(--vma-intern-fokus)}
.suchbuch__gruppe{min-width:0;margin:0;padding:0;border:0}
.suchbuch__seite--rechts .suchbuch__gruppe{padding-bottom:1.1rem;border-bottom:1px dashed var(--vma-farbe-rand)}
.suchbuch__seite--rechts .suchbuch__gruppe:last-child{padding-bottom:0;border-bottom:0}
.suchbuch__legende{margin:0 0 .5rem;padding:0;font-family:var(--vma-schrift-ui);font-weight:600;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.suchbuch__wahlen{display:flex;flex-wrap:wrap;gap:.3rem .35rem}
.suchbuch__knoepfe{margin-top:.25rem}
.suchbuch__stift{display:none}
.suchbuch__notiz{align-self:flex-start;margin-top:auto;rotate:2deg;background-color:var(--vma-intern-notiz-mint)}

/* Auswahl: ein Wort, das mit dem Stift eingekringelt wird */
.kringel{position:relative;display:inline-flex}
.kringel__wahl{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.kringel__text{display:inline-flex;align-items:center;min-height:2.75rem;padding:.3rem .85rem;border:2px dashed rgb(17 24 39 / .2);border-radius:60% 40% 55% 45% / 50% 62% 38% 50%;font-family:var(--vma-schrift-titel);font-size:1.05rem;line-height:1.2;color:var(--vma-farbe-text);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,rotate .2s ease}
.kringel__wahl:checked + .kringel__text{border-style:solid;border-color:var(--vma-farbe-primaer);background:rgb(79 70 229 / .08);color:var(--vma-intern-fokus);font-weight:700;rotate:-1.5deg}
.kringel__wahl:focus-visible + .kringel__text{outline:3px solid var(--vma-intern-fokus);outline-offset:3px}

/* Kopf-Suche: Verweis auf das Suchbuch */
.suche__mehr{flex:1 0 100%;font-size:.92rem}

@media (min-width:600px){
	.suchbuch__stift{display:block;position:absolute;z-index:3;left:1.5rem;bottom:-2.1rem;width:14rem;height:auto;rotate:3deg;filter:drop-shadow(0 8px 6px rgb(17 24 39 / .22));pointer-events:none}
	.suchbuch__seite--links{padding-bottom:3.5rem}
}
@media (min-width:900px){
	.suchbuch__einband{--falz:50%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.suchbuch__seite--links{border-radius:6px 2px 2px 6px;background-image:linear-gradient(270deg,rgb(70 40 15 / .3),rgb(70 40 15 / .09) 1.3rem,transparent 3.75rem),linear-gradient(90deg,transparent 2.3rem,rgb(170 60 40 / .28) 2.3rem 2.38rem,transparent 2.38rem),repeating-linear-gradient(180deg,transparent 0 calc(2.2rem - 1px),rgb(120 90 50 / .17) calc(2.2rem - 1px) 2.2rem),var(--vma-altpapier-lagen);box-shadow:-2px 2px 0 var(--vma-intern-altpapier-schnitt),-3px 3px 0 var(--vma-intern-altpapier-kante),-5px 4px 0 var(--vma-intern-altpapier-schnitt),-6px 5px 0 var(--vma-intern-altpapier-kante),-8px 6px 0 var(--vma-intern-altpapier-schnitt)}
	.suchbuch__seite--rechts{border-radius:2px 6px 4px 2px;background-image:linear-gradient(90deg,rgb(70 40 15 / .34),rgb(70 40 15 / .1) 1.4rem,transparent 3.75rem),var(--vma-altpapier-lagen);box-shadow:2px 2px 0 var(--vma-intern-altpapier-schnitt),3px 3px 0 var(--vma-intern-altpapier-kante),5px 4px 0 var(--vma-intern-altpapier-schnitt),6px 5px 0 var(--vma-intern-altpapier-kante),8px 6px 0 var(--vma-intern-altpapier-schnitt)}
}

/* ================================================================ Genres als Bücherregal
   Jedes Genre ein Buchrücken: Leinen, Indigo, Bordeaux, Packpapier, Grün,
   Papier, Ocker, Tinte - mit Goldbändern und Titel wie auf dem Rücken. Maus,
   Fokus (und auf dem Handy der erste Tipp, site.js) ziehen ein Buch heraus;
   ein Zettel nennt die Anzahl. Eine Reihe auf einem Holzbrett, auf schmalen
   Bildschirmen zum Wischen. */
.genre-regal{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;margin-top:.25rem;padding-top:3.75rem}
.genre-regal__reihe{position:relative;display:flex;align-items:flex-end;gap:.28rem;min-width:max-content;margin:0;padding:0 1rem 1.1rem;list-style:none}
.genre-regal__reihe::before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:0;height:1.1rem;border-radius:3px;background:repeating-linear-gradient(92deg,rgb(255 255 255 / 0) 0 2.2rem,rgb(255 255 255 / .07) 2.2rem 2.5rem,rgb(0 0 0 / .05) 2.5rem 3.7rem),linear-gradient(180deg,#C99A62 0 .22rem,#A9743F .22rem 60%,#8A5C2F);box-shadow:0 14px 22px -10px rgb(17 24 39 / .55)}
.genre-regal__reihe::after{content:"";flex:0 0 2.6rem;height:6.5rem;margin-left:.75rem;background:var(--vma-farbe-primaer);clip-path:polygon(0 0,28% 0,28% 82%,100% 82%,100% 100%,0 100%);border-radius:2px}
.genre-buch{--hg:var(--vma-intern-leinen);--text:var(--vma-intern-papier-hell);--band:#C9A24A;--hoehe:12.5rem;position:relative;z-index:1;flex:0 0 auto}
.genre-buch:nth-child(3n+1){--hoehe:13.75rem}
.genre-buch:nth-child(4n+2){--hoehe:11.25rem}
.genre-buch:nth-child(5n+3){--hoehe:14.75rem}
.genre-buch--1{--hg:var(--vma-farbe-primaer);--text:#fff;--band:#F2D27A}
.genre-buch--2{--hg:#7A2E3A;--text:#fff}
.genre-buch--3{--hg:#CFAE86;--text:var(--vma-farbe-text);--band:#7A4E22}
.genre-buch--4{--hg:#2F5D50;--text:#fff}
.genre-buch--5{--hg:#EFE6D6;--text:var(--vma-farbe-text);--band:var(--vma-farbe-primaer)}
.genre-buch--6{--hg:#C08A2E;--text:var(--vma-farbe-text);--band:#5A3A0E}
.genre-buch--7{--hg:var(--vma-farbe-text);--text:var(--vma-intern-papier-hell);--band:var(--vma-farbe-akzent)}
.genre-buch__ruecken{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.9rem;height:var(--hoehe);padding:1.7rem .55rem;border-radius:3px 3px 1px 1px;background-color:var(--hg);background-image:linear-gradient(90deg,rgb(0 0 0 / .22),rgb(255 255 255 / .13) 18%,rgb(255 255 255 / 0) 45%,rgb(0 0 0 / .18)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band));background-size:100% 100%,100% .2rem,100% .08rem,100% .2rem,100% .08rem;background-position:0 0,0 .7rem,0 1.05rem,0 calc(100% - .7rem),0 calc(100% - 1.05rem);background-repeat:no-repeat;color:var(--text);text-decoration:none;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),2px 0 3px rgb(17 24 39 / .18);transition:translate .35s cubic-bezier(.3,1.4,.5,1),box-shadow .35s ease}
.genre-buch__titel{display:block;max-inline-size:calc(var(--hoehe) - 3.6rem);writing-mode:vertical-rl;rotate:180deg;font-family:var(--vma-schrift-titel);font-weight:700;font-size:1.05rem;line-height:1.15;letter-spacing:.01em;text-align:center}
.genre-buch__zettel{position:absolute;left:50%;bottom:calc(100% + .45rem);padding:.25rem .6rem .3rem;white-space:nowrap;background:var(--vma-intern-notiz-gelb);color:var(--vma-farbe-text);font-family:var(--vma-schrift-hand);font-size:1.05rem;line-height:1.2;box-shadow:0 6px 10px -6px rgb(17 24 39 / .45);translate:-50% .5rem;rotate:-3deg;opacity:0;pointer-events:none;transition:opacity .25s ease,translate .3s ease}
.genre-buch.ist-vorn,.genre-buch:has(.genre-buch__ruecken:focus-visible){z-index:2}
:is(.genre-buch.ist-vorn,.genre-buch:has(.genre-buch__ruecken:focus-visible)) .genre-buch__ruecken{translate:0 -1.5rem;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),0 22px 22px -12px rgb(17 24 39 / .5)}
:is(.genre-buch.ist-vorn,.genre-buch:has(.genre-buch__ruecken:focus-visible)) .genre-buch__zettel{opacity:1;translate:-50% 0}
.genre-buch__ruecken:is(:hover,:focus,:active,:visited){color:var(--text);text-decoration:none}
/* Handy: ein schmales, hohes Regal. Die Bücher liegen gestapelt, die
   Rücken zeigen nach vorn und sind waagerecht lesbar - nach je fünf Büchern
   ein Regalbrett. Erster Tipp zieht ein Buch nach rechts heraus (Zettel mit
   Anzahl), der zweite öffnet es (site.js). */
@media (max-width:599px){
	.genre-regal{overflow:visible;padding:0;margin-top:.5rem}
	.genre-regal__reihe{flex-direction:column;align-items:center;gap:0;min-width:0;padding:.9rem .75rem 1.1rem;border:solid #8A5C2F;border-width:0 .6rem;border-radius:4px 4px 0 0;background:linear-gradient(90deg,rgb(60 35 15 / .28),rgb(60 35 15 / .12) 1.2rem,rgb(60 35 15 / .08) calc(100% - 1.2rem),rgb(60 35 15 / .28)),#E9DCC6}
	.genre-regal__reihe::before{left:-.6rem;right:-.6rem}
	.genre-regal__reihe::after{display:none}
	.genre-buch{--breite:90%;--hoehe:2.9rem;width:100%}
	.genre-buch:nth-child(3n+1){--breite:84%;--hoehe:3.25rem;--versatz:-.35rem}
	.genre-buch:nth-child(4n+2){--breite:96%;--hoehe:2.6rem;--versatz:.25rem}
	.genre-buch:nth-child(5n+3){--breite:80%;--hoehe:3.4rem}
	.genre-buch:nth-child(5n):not(:last-child){margin-bottom:1.35rem}
	.genre-buch:nth-child(5n):not(:last-child)::after{content:"";position:absolute;z-index:-1;left:-.75rem;right:-.75rem;top:calc(100% + .25rem);height:.85rem;background:linear-gradient(180deg,#C99A62 0 .2rem,#A9743F .2rem 60%,#8A5C2F);box-shadow:0 8px 12px -8px rgb(17 24 39 / .55)}
	.genre-buch__ruecken{flex-direction:row;justify-content:flex-start;width:var(--breite);min-width:0;margin-inline:auto;translate:var(--versatz,0) 0;height:var(--hoehe);padding:.35rem 1.6rem;border-radius:2px 4px 4px 2px;background-image:linear-gradient(180deg,rgb(0 0 0 / .2),rgb(255 255 255 / .13) 22%,rgb(255 255 255 / 0) 50%,rgb(0 0 0 / .18)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band)),linear-gradient(var(--band),var(--band));background-size:100% 100%,.2rem 100%,.08rem 100%,.2rem 100%,.08rem 100%;background-position:0 0,.7rem 0,1.05rem 0,calc(100% - .7rem) 0,calc(100% - 1.05rem) 0;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),0 2px 2px rgb(17 24 39 / .2)}
	.genre-buch__titel{writing-mode:horizontal-tb;rotate:0deg;max-inline-size:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;text-align:left}
	.genre-buch__zettel{left:auto;right:1.6rem;top:50%;bottom:auto;translate:.5rem -50%;rotate:-2deg}
	:is(.genre-buch.ist-vorn,.genre-buch:has(.genre-buch__ruecken:focus-visible)) .genre-buch__ruecken{translate:calc(var(--versatz,0px) + 1.1rem) 0;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),10px 8px 14px -8px rgb(17 24 39 / .5)}
	:is(.genre-buch.ist-vorn,.genre-buch:has(.genre-buch__ruecken:focus-visible)) .genre-buch__zettel{translate:0 -50%}
}
@media (min-width:900px){
	.genre-regal__reihe{gap:.35rem}
	.genre-buch{--hoehe:14.25rem;flex:1 0 auto;max-width:5.4rem}
	.genre-buch:nth-child(3n+1){--hoehe:15.5rem}
	.genre-buch:nth-child(4n+2){--hoehe:13rem}
	.genre-buch:nth-child(5n+3){--hoehe:16.75rem}
	.genre-buch__ruecken{width:100%;min-width:3.3rem}
	.genre-buch__titel{font-size:1.18rem}
}
@media (hover:hover) and (pointer:fine){
	.genre-buch:hover{z-index:2}
	.genre-buch:hover .genre-buch__ruecken{translate:0 -1.5rem;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),0 22px 22px -12px rgb(17 24 39 / .5)}
	.genre-buch:hover .genre-buch__zettel{opacity:1;translate:-50% 0}
}
@media (max-width:599px) and (hover:hover) and (pointer:fine){
	.genre-buch:hover .genre-buch__ruecken{translate:calc(var(--versatz,0px) + 1.1rem) 0;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .12),10px 8px 14px -8px rgb(17 24 39 / .5)}
	.genre-buch:hover .genre-buch__zettel{translate:0 -50%}
}

/* ================================================================ Werkseite (Plugin)
   Klassenvertrag für die Werkseite von NE Autorenplattform (SCHNITTSTELLEN.md):
   das Werk als aufgeschlagenes altes Buch - links das Cover, rechts Titel,
   Autor, Badges, Klappentext, Kaufzettel und Angaben. Das Plugin liefert nur
   das Markup, die Gestaltung kommt von hier. */
.vma-werk{--falz:-5rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 1rem;padding:var(--rand-o) var(--rand-s) var(--rand-u)}
.vma-werk__cover{align-items:center;justify-content:center;gap:1rem}
.vma-werk__cover .vma-cover{width:min(100%,clamp(10rem,30vw,19rem));rotate:-1.5deg;box-shadow:inset .4rem 0 0 rgb(0 0 0 / .12),inset .48rem 0 0 rgb(255 255 255 / .14),0 22px 34px -16px rgb(60 35 10 / .6),0 3px 6px rgb(60 35 10 / .16)}
.vma-werk__text{justify-content:flex-start;gap:0}
.vma-werk__genre{margin:0 0 .4rem;font-family:var(--vma-schrift-hand);font-size:1.3rem;line-height:1.2;color:var(--vma-farbe-primaer);rotate:-1.5deg;transform-origin:0 50%}
.vma-werk__titel,.ne-ap-werk__titel{margin:0;font-size:clamp(2rem,1.4rem + 2.2vw,3.1rem);line-height:1.08;-webkit-hyphens:auto;hyphens:auto}
.vma-werk__autor,.ne-ap-werk__autor{margin:.45rem 0 0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:1.2rem;color:var(--vma-farbe-text-leise)}
.vma-werk__autor a,.ne-ap-werk__autor a{color:var(--vma-farbe-primaer)}
.vma-werk__badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.vma-werk__klappentext,.ne-ap-werk__klappentext{margin-top:1.25rem;font-family:var(--vma-schrift-titel);font-size:clamp(1.05rem,1rem + .25vw,1.18rem);line-height:1.65}
.vma-werk__klappentext p,.ne-ap-werk__klappentext p{margin:0 0 .9em}
.vma-werk__klappentext > p:first-child::first-letter,.ne-ap-werk__klappentext > p:first-child::first-letter{float:left;margin:.3rem .45rem 0 0;font-weight:700;font-size:3.1em;line-height:.8;color:var(--vma-farbe-primaer)}
.vma-werk__kauf{position:relative;align-self:flex-start;max-width:30rem;margin:1.5rem 0 0;padding:1.4rem 1.3rem 1.2rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);box-shadow:0 12px 20px -14px rgb(60 35 10 / .5);rotate:-.6deg}
.vma-werk__kauf::before{content:"";position:absolute;top:-.6rem;left:50%;width:5.5rem;height:1.2rem;translate:-50% 0;rotate:2deg;background:var(--vma-intern-klebeband)}
.vma-werk__preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;margin:0}
.vma-werk__preis strong{font-family:var(--vma-schrift-titel);font-size:2.3rem;line-height:1}
.vma-werk__preis span,.vma-werk__hinweis{font-size:.88rem;color:var(--vma-farbe-text-leise)}
.vma-werk__knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.vma-werk__hinweis{margin:.85rem 0 0}
.vma-werk__daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.7rem 1.2rem;margin:1.5rem 0 0;padding:.9rem 0;border-block:1px dashed var(--vma-farbe-rand)}
.vma-werk__daten div{min-width:0}
.vma-werk__daten dt{font-family:var(--vma-schrift-ui);font-weight:600;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.vma-werk__daten dd{margin:.15rem 0 0;font-weight:600}
@media (min-width:900px){
	.vma-werk{--falz:calc(var(--rand-s) + (100% - 2 * var(--rand-s)) * .42);grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
	.vma-werk__cover{padding-block:3rem}
}

/* ================================================================ Bücherregal
   Neuerscheinungen als Buchrücken. Ein Buch steht „vorn“ (Klasse ist-vorn,
   gesetzt von bewegung.js; ohne Skript das erste bzw. das unter der Maus
   oder mit dem Fokus) und zeigt sein Cover. Alle Angaben bleiben für
   Screenreader lesbar, sie werden auf den Rücken nur optisch verborgen. */
.plugin-ausgabe--regal .plugin-ausgabe__inhalt{position:relative;padding-bottom:1.1rem}
.plugin-ausgabe--regal .plugin-ausgabe__inhalt::after{content:"";position:absolute;left:-.5rem;right:-.5rem;bottom:0;height:1.1rem;border-radius:3px;background:repeating-linear-gradient(92deg,rgb(255 255 255 / 0) 0 2.2rem,rgb(255 255 255 / .07) 2.2rem 2.5rem,rgb(0 0 0 / .05) 2.5rem 3.7rem),linear-gradient(180deg,#C99A62 0 .22rem,#A9743F .22rem 60%,#8A5C2F);box-shadow:0 14px 22px -10px rgb(17 24 39 / .55)}
.plugin-ausgabe--regal .vma-werkraster{--regal-h:24.75rem;contain:inline-size;display:flex;align-items:flex-end;gap:.28rem;min-height:var(--regal-h);margin:0;padding:1rem .15rem 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--vma-intern-indigo-hell) transparent}
.plugin-ausgabe--regal .vma-werkraster::after{content:"";flex:0 0 2.6rem;height:7.5rem;margin-left:.5rem;background:var(--vma-farbe-primaer);clip-path:polygon(0 0,28% 0,28% 82%,100% 82%,100% 100%,0 100%);border-radius:2px}
.plugin-ausgabe--regal .vma-werkkarte{--ruecken-h:17rem;position:relative;flex:1 1 0;min-width:2.9rem;max-width:4.6rem;height:var(--ruecken-h);gap:0;overflow:hidden;border-radius:3px 3px 1px 1px;scroll-snap-align:center;transition:flex-basis .55s cubic-bezier(.2,.8,.2,1) .06s,max-width .55s cubic-bezier(.2,.8,.2,1) .06s,height .55s cubic-bezier(.2,.8,.2,1) .06s}
.plugin-ausgabe--regal .vma-werkkarte:nth-child(4n+1){--ruecken-h:17.5rem}
.plugin-ausgabe--regal .vma-werkkarte:nth-child(4n+2){--ruecken-h:15.75rem}
.plugin-ausgabe--regal .vma-werkkarte:nth-child(4n+3){--ruecken-h:18.5rem}
.plugin-ausgabe--regal .vma-werkkarte:nth-child(4n){--ruecken-h:16.5rem}
.plugin-ausgabe--regal .vma-cover{position:absolute;inset:0;aspect-ratio:auto;border-radius:inherit;box-shadow:none}
.plugin-ausgabe--regal .vma-cover img{width:100%;height:100%;object-fit:cover;object-position:4% 50%}
.plugin-ausgabe--regal .vma-cover--platzhalter > *{opacity:0}
/* Rücken: Wölbung und zwei Prägebänder */
.plugin-ausgabe--regal .vma-werkkarte::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / .38),rgb(255 255 255 / .16) 22%,rgb(255 255 255 / 0) 46%,rgb(0 0 0 / .28)),linear-gradient(180deg,transparent 1rem,rgb(242 181 68 / .9) 1rem 1.25rem,transparent 1.25rem 1.6rem,rgb(242 181 68 / .9) 1.6rem 1.75rem,transparent 1.75rem);transition:opacity .3s ease}
.plugin-ausgabe--regal .vma-werkkarte__titel{position:absolute;z-index:2;left:50%;top:54%;max-height:68%;margin:0;padding:.55rem .28rem;overflow:hidden;writing-mode:vertical-rl;transform:translate(-50%,-50%) rotate(180deg);white-space:nowrap;text-overflow:ellipsis;background:rgb(17 24 39 / .92);color:var(--vma-intern-papier-hell);font-size:.78rem;line-height:1.1;border-radius:2px}
.plugin-ausgabe--regal .vma-werkkarte > :not(.vma-cover):not(.vma-werkkarte__titel){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Das Buch vorn */
.plugin-ausgabe--regal .vma-werkkarte:is(.ist-vorn,:focus-within),
.plugin-ausgabe--regal .vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,
.plugin-ausgabe--regal .vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child{flex:0 0 12rem;max-width:12rem;height:var(--regal-h);gap:.45rem;overflow:visible;scroll-snap-align:center}
.plugin-ausgabe--regal .vma-werkraster:has(.vma-werkkarte:focus-within) .vma-werkkarte.ist-vorn:not(:focus-within){flex:1 1 0;max-width:4.6rem;height:var(--ruecken-h);gap:0;overflow:hidden}
.plugin-ausgabe--regal .vma-werkraster:has(.vma-werkkarte:focus-within) .vma-werkkarte.ist-vorn:not(:focus-within) > :not(.vma-cover):not(.vma-werkkarte__titel){position:absolute}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child) .vma-cover{position:relative;inset:auto;aspect-ratio:2/3;border-radius:3px 10px 10px 3px;box-shadow:inset .4rem 0 0 rgb(0 0 0 / .12),0 16px 28px -12px rgb(17 24 39 / .45)}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child) .vma-cover img{object-position:50% 50%}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child) .vma-cover--platzhalter > *{opacity:1}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child)::after{opacity:0}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child) .vma-werkkarte__titel{position:static;max-height:none;padding:0;writing-mode:horizontal-tb;transform:none;white-space:normal;background:none;color:var(--vma-farbe-text);font-size:1rem;line-height:1.3;margin-top:.35rem}
.plugin-ausgabe--regal :is(.vma-werkkarte.ist-vorn,.vma-werkkarte:focus-within,.vma-werkraster:not(.ist-aktiv) .vma-werkkarte:hover,.vma-werkraster:not(.ist-aktiv):not(:hover):not(:has(.ist-vorn)) .vma-werkkarte:first-child) > :not(.vma-cover):not(.vma-werkkarte__titel){position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
@media (max-width:599px){
	.plugin-ausgabe--regal .vma-werkraster{--regal-h:23.5rem;margin-inline:calc(var(--vma-abstand) * -1);padding-inline:var(--vma-abstand);scroll-padding-inline:var(--vma-abstand);scroll-snap-type:x proximity}
	.plugin-ausgabe--regal .vma-werkkarte{flex:0 0 3.1rem;max-width:3.1rem}
	.plugin-ausgabe--regal .vma-werkkarte:is(.ist-vorn,:focus-within),
	.plugin-ausgabe--regal .vma-werkraster:not(.ist-aktiv) .vma-werkkarte:first-child{flex-basis:10.5rem;max-width:10.5rem}
	.plugin-ausgabe--regal .plugin-ausgabe__inhalt::after{left:calc(var(--vma-abstand) * -1);right:calc(var(--vma-abstand) * -1);border-radius:0}
}

/* ================================================================ Karteikasten (Genres) */
.vma-genre:nth-child(3n+2){--reiter:38%}
.vma-genre:nth-child(3n){--reiter:calc(100% - 4.8rem)}
.vma-genre::before{content:"";position:absolute;top:-.9rem;left:var(--reiter);width:3.8rem;height:.95rem;background:var(--vma-intern-zart);border:1px solid var(--vma-intern-linie);border-bottom:0;border-radius:6px 6px 0 0;transition:background-color .2s ease}
.vma-genre:hover{transform:translateY(-.45rem);box-shadow:0 14px 24px -14px rgb(17 24 39 / .4);border-color:var(--vma-farbe-primaer)}
.vma-genre:hover::before{background:var(--vma-farbe-primaer);border-color:var(--vma-farbe-primaer)}

/* ================================================================ Kassenbon */
.quittung__gitter{display:grid;gap:2.5rem;align-items:center}
.quittung .haken-liste{margin-top:1.5rem}
.beleg{position:relative;width:min(100%,21rem);margin:0 auto;padding-top:.2rem}
.beleg__schlitz{position:relative;z-index:2;display:block;height:1rem;margin:0 -1.1rem;background:linear-gradient(180deg,#2B3446,var(--vma-farbe-text));border-radius:.6rem;box-shadow:inset 0 -4px 0 #05070C,0 8px 14px -6px rgb(17 24 39 / .5)}
.beleg__fenster{position:relative;margin-top:-.5rem;padding:0 .4rem 1.6rem;overflow:hidden}
.beleg__papier{position:relative;padding:1.7rem 1.4rem 2.2rem;background:#FFFDF9;color:var(--vma-farbe-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.9rem;line-height:1.45;box-shadow:0 14px 24px -12px rgb(17 24 39 / .35);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 1.1rem 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 1.1rem 100%}
.beleg__kopf{margin:0 0 .9rem;padding-bottom:.9rem;border-bottom:1px dashed var(--vma-farbe-rand);text-align:center;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.beleg__posten{margin:0}
.beleg__zeile{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0}
.beleg__zeile dt,.beleg__zeile dd{margin:0}
.beleg__zeile dd{font-variant-numeric:tabular-nums;white-space:nowrap}
.beleg__summe{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:.9rem 0 0;padding-top:.85rem;border-top:4px double var(--vma-farbe-text)}
.beleg__summe strong{font-family:var(--vma-schrift-titel);font-size:1.7rem;letter-spacing:-.02em;color:var(--vma-farbe-primaer);white-space:nowrap}
.beleg__fussnote{margin:.95rem 0 0;font-size:.72rem;line-height:1.5;color:var(--vma-farbe-text-leise)}
.beleg__strich{margin:1.2rem 0 0;text-align:center;line-height:0}
.beleg__strich::before{content:"";display:block;width:78%;height:2.1rem;margin:0 auto .9rem;background:repeating-linear-gradient(90deg,var(--vma-farbe-text) 0 2px,transparent 2px 4px,var(--vma-farbe-text) 4px 5px,transparent 5px 8px,var(--vma-farbe-text) 8px 11px,transparent 11px 12px,var(--vma-farbe-text) 12px 13px,transparent 13px 16px)}
.beleg__zeichen{width:2.3rem}
@media (min-width:900px){
	.quittung__gitter{grid-template-columns:1.15fr .85fr;gap:4rem}
	.beleg{rotate:2deg}
}

/* ================================================================ Ex-libris-Stempel */
.stempel{position:relative;display:block;width:9.5rem;aspect-ratio:1/1;margin:.5rem auto 0;color:var(--vma-farbe-primaer);rotate:-12deg;-webkit-mask:radial-gradient(circle at 30% 35%,#000 0 60%,rgb(0 0 0 / .8) 61%) ,repeating-conic-gradient(#000 0 7deg,rgb(0 0 0 / .86) 7deg 9deg);mask:radial-gradient(circle at 30% 35%,#000 0 60%,rgb(0 0 0 / .8) 61%),repeating-conic-gradient(#000 0 7deg,rgb(0 0 0 / .86) 7deg 9deg);-webkit-mask-composite:source-in;mask-composite:intersect}
.aufruf--dunkel .stempel{color:var(--vma-farbe-akzent)}
.stempel__ring{display:block;width:100%;height:100%;overflow:visible}
.stempel__text{font-family:var(--vma-schrift-titel);font-weight:700;font-size:14.5px;letter-spacing:.04em;fill:currentColor}
.stempel__zeichen{position:absolute;left:50%;top:50%;width:36%;translate:-50% -50%;color:currentColor}
@media (min-width:900px){
	.aufruf--stempel .aufruf__innen{grid-template-columns:minmax(0,1fr) auto;column-gap:3rem}
	.aufruf--stempel .aufruf__kopf,.aufruf--stempel .aufruf__knoepfe{grid-column:1}
	.stempel{grid-column:2;grid-row:1 / span 2;width:clamp(11rem,15vw,13.5rem);margin:0}
}
}

/* ================================================================ Geräte-Feinschliff
   Handy: Werke, Genres und Autoren als waagerechte Reihen zum Wischen (die
   nächste Karte lugt hervor), Kopf blendet sich beim Herunterscrollen aus.
   Tablet: Hero zweispaltig ab 720 px, Navigation sichtbar ab 1000 px.
   Raster passen sich der Anzahl an, damit keine einzelne Karte allein in
   der letzten Zeile steht (:has() mit Mengenabfragen). */

/* Kopf: blendet sich auf kleinen Schirmen beim Herunterscrollen aus (site.js) */
.kopf.ist-versteckt{transform:translateY(-100%)}

/* Sehr schmale Handys (320-359 px) */
@media (max-width:359px){
	.kopf__innen{gap:.4rem}
	.marke{gap:.4rem}
	.marke__wort{font-size:1rem}
	.marke__zeichen{width:2rem}
	.kopf__werkzeuge{gap:.25rem}
}

/* Wisch-Reihen auf dem Handy */
@media (max-width:599px){
	.vma-werkraster,.vma-autoren,.vma-genres{display:grid;grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vma-abstand);margin-inline:calc(var(--vma-abstand) * -1);padding:.35rem var(--vma-abstand) 1.1rem;scrollbar-width:thin;scrollbar-color:var(--vma-intern-indigo-hell) transparent}
	.vma-werkraster > *,.vma-autoren > *,.vma-genres > *{scroll-snap-align:start}
	.vma-werkraster{grid-auto-columns:minmax(9.5rem,43%);gap:1.1rem}
	.vma-autoren{grid-auto-columns:minmax(14rem,80%);gap:.8rem}
	.vma-genres{grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(8.75rem,40%);gap:.2rem .7rem}
	.vma-genre{min-height:6rem}
	.stapel{width:min(100%,17rem)}
	.hero__gitter{gap:1.5rem}
}

/* Handy: Überschriften so groß, dass lange Wörter wie „Impressumsservice“
   in eine Zeile passen; Rest trennt die Silbentrennung (lang="de-DE"). */
@media (max-width:599px){
	h1{font-size:clamp(1.85rem,8.6vw,2.3rem)}
	h2{font-size:clamp(1.55rem,7vw,1.8rem)}
	/* Abschnittsköpfe links wie der Inhalt darunter */
	.section-head{text-align:left;margin-inline:0}
	.section-head .section-head__text{margin-inline:0}
}

/* Hero zweispaltig ab Tablet hochkant */
@media (min-width:720px){
	.hero__gitter{grid-template-columns:1.25fr .85fr;gap:2.5rem}
}
@media (min-width:1100px){
	.hero__gitter{grid-template-columns:1.3fr .9fr;gap:3rem}
}

/* Fuß: ab 360 px stehen die Verweisspalten nebeneinander */
@media (min-width:360px) and (max-width:899px){
	.fuss__gitter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem 1.5rem}
	.fuss__spalte--marke{grid-column:1 / -1}
}

/* Werke: Tablet 3 Spalten, Desktop 6 - bei 4 oder 8 Werken immer 4 */
@media (min-width:600px){
	.vma-werkraster{grid-template-columns:repeat(3,minmax(0,1fr))}
	.vma-werkraster:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
	.vma-genres{display:flex;flex-wrap:wrap;justify-content:center;--spalten:3}
	.vma-genre{flex:0 1 calc((100% - (var(--spalten) - 1) * .75rem) / var(--spalten))}
	.vma-autoren{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:782px){
	.vma-werkraster:has(> :nth-child(4):last-child),
	.vma-werkraster:has(> :nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
	.vma-genres{--spalten:4}
	.vma-autoren{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px){
	.vma-werkraster{grid-template-columns:repeat(6,minmax(0,1fr))}
}
/* Kontaktkarten: vier Karten stehen 2 x 2 statt 3 + 1 */
@media (min-width:600px){
	.kontakte:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
	.vma-genres{--spalten:5}
	.vma-autoren:has(> :nth-child(4):last-child),
	.vma-autoren:has(> :nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ================================================================ Karteikasten
   Eine Schublade aus dem Bibliothekskatalog. Ohne Skript und im
   Bearbeitungsmodus liegen alle Karten im Raster; site.js setzt `ist-bereit`,
   dann zeigt die Reiterleiste je eine Karte. Die Schublade überdeckt die
   Lochung am Kartenfuß - wie bei den Karten auf der Stange. */
.kartei{position:relative;max-width:66rem;margin:0 auto}
.kartei__reiterleiste{display:none}
.kartei__karten{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr))}
.karteikarte{position:relative;display:flex;flex-direction:column;gap:.55rem;min-height:15rem;margin:0;padding:1.15rem clamp(1.1rem,.8rem + 1.2vw,1.9rem) 3rem;border:1px solid var(--vma-intern-altpapier-kante);border-radius:5px;background-color:var(--vma-intern-papier-hell);background-image:linear-gradient(180deg,transparent calc(100% - 2.6rem),rgb(120 90 50 / .06)),var(--vma-altpapier-lagen);box-shadow:0 1px 0 var(--vma-intern-altpapier-schnitt),0 14px 26px -18px rgb(60 35 15 / .5)}
.karteikarte[hidden]{display:none}
.karteikarte__kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .35rem;padding-bottom:.45rem;border-bottom:2px solid rgb(180 35 24 / .55);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.karteikarte__signatur{white-space:nowrap}
.karteikarte__titel{margin:0;font-family:var(--vma-schrift-titel);font-size:clamp(1.4rem,1.2rem + .8vw,1.85rem);line-height:1.15}
.karteikarte__text{max-width:40rem;line-height:1.6}
.karteikarte__text p{margin:0 0 .6rem}
.karteikarte__text p:last-child{margin-bottom:0}
.karteikarte__verweis{margin:auto 0 0}
.karteikarte__stempel{align-self:flex-end;margin:.4rem 0 0;padding:.3rem .65rem;border:2px solid currentColor;border-radius:4px;rotate:-4deg;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--vma-intern-primaer-dunkel);box-shadow:inset 0 0 0 1px rgb(67 56 202 / .25)}
.karteikarte__verweis + .karteikarte__stempel{margin-top:-2.1rem}
.karteikarte__loch{position:absolute;left:50%;bottom:.85rem;width:.95rem;height:.95rem;translate:-50% 0;border-radius:50%;background:var(--vma-intern-leder-dunkel);box-shadow:inset 0 2px 3px rgb(0 0 0 / .55),0 1px 0 rgb(255 255 255 / .6)}
.kartei__schublade{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-top:1rem;padding:1rem 1rem 1.15rem;border-radius:4px 4px 12px 12px;background-color:#6B4128;background-image:repeating-linear-gradient(176deg,rgb(255 230 200 / .05) 0 2px,transparent 2px 9px,rgb(40 20 10 / .08) 9px 11px,transparent 11px 19px),linear-gradient(180deg,rgb(255 240 220 / .14),transparent 35%,rgb(0 0 0 / .22));box-shadow:inset 0 2px 0 rgb(255 230 200 / .18),inset 0 -3px 0 rgb(0 0 0 / .25),0 18px 30px -16px rgb(40 20 10 / .7)}
.kartei__schild{order:-1;min-width:11rem;padding:.35rem 1rem;border:3px solid #B08A3E;border-radius:3px;background:var(--vma-intern-altpapier);box-shadow:inset 0 0 0 1px rgb(80 50 20 / .3),0 1px 0 rgb(255 230 180 / .4);font-family:var(--vma-schrift-titel);font-size:1.05rem;font-weight:700;text-align:center;color:var(--vma-farbe-text)}
.kartei__griff{width:5rem;height:1.05rem;border-radius:0 0 2.5rem 2.5rem;background:linear-gradient(180deg,#E3C27A,#A57B30 70%,#7C5A1E);box-shadow:0 3px 5px rgb(0 0 0 / .35)}

/* Mit Skript: Reiter über einer Karte, Schublade davor */
.kartei.ist-bereit .kartei__reiterleiste{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem;padding:0 .75rem}
.kartei.ist-bereit .kartei__karten{display:block;position:relative;z-index:2}
.kartei.ist-bereit .karteikarte{min-height:17rem;padding-bottom:4.4rem;border-radius:0 5px 5px 5px}
.kartei.ist-bereit .kartei__karten::before{content:"";position:absolute;z-index:-1;inset:-.55rem .9rem auto;height:3rem;border:1px solid var(--vma-intern-altpapier-kante);border-bottom:0;border-radius:5px 5px 0 0;background:var(--vma-intern-altpapier-schnitt)}
.kartei.ist-bereit .kartei__schublade{margin:-2.4rem -.9rem 0;padding-top:1.1rem}
.kartei__reiter{position:relative;min-height:2.75rem;margin:0 0 -1px;padding:.45rem .8rem .6rem;border:1px solid var(--vma-farbe-rand);border-bottom:0;border-radius:10px 10px 0 0;background:var(--vma-intern-altpapier-schnitt);color:var(--vma-farbe-text);font-family:var(--vma-schrift-ui);font-size:.9rem;font-weight:500;line-height:1.2;white-space:nowrap;cursor:pointer;translate:0 .4rem;transition:translate .18s ease,background-color .18s ease}
.kartei__reiter[aria-selected="true"]{z-index:3;translate:0 0;background:var(--vma-intern-papier-hell);font-weight:600;box-shadow:0 -3px 8px -4px rgb(60 35 15 / .3)}
.kartei__reiter[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--vma-intern-papier-hell)}
.kartei__reiter:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:2px}
.karteikarte.ist-gezogen{animation:kartei-ziehen .38s cubic-bezier(.2,.7,.3,1)}
@keyframes kartei-ziehen{from{translate:0 1.6rem;opacity:.35}to{translate:0 0;opacity:1}}
.vma-fx-aus .karteikarte.ist-gezogen{animation:none}
@media (hover:hover) and (pointer:fine){
	.kartei__reiter[aria-selected="false"]:hover{translate:0 .1rem;background:var(--vma-intern-altpapier)}
}
@media (max-width:599px){
	.kartei.ist-bereit .kartei__reiterleiste{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:.5rem .5rem 0;margin-top:-.5rem;-webkit-mask:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);mask:linear-gradient(90deg,#000 calc(100% - 2rem),transparent)}
	.kartei.ist-bereit .kartei__reiterleiste::-webkit-scrollbar{display:none}
	.kartei.ist-bereit .kartei__schublade{margin-inline:-.4rem}
	.karteikarte__verweis + .karteikarte__stempel{margin-top:.4rem}
}

/* ================================================================ Ausgaben
   Leihkarten in Buchtaschen - wie hinten im Bibliotheksbuch. Die Karte
   steckt mit dem Fuß in der Tasche; mit Maus hebt sie sich ein Stück. */
.ausgaben{display:grid;gap:2.75rem 1.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr));margin:0;padding:0;list-style:none}
.ausgabe{position:relative;display:flex;flex-direction:column}
.leihkarte{position:relative;z-index:1;flex:1 1 auto;margin:0 .85rem -2.75rem;padding:1rem 1.15rem 3.4rem;border:1px solid var(--vma-intern-altpapier-kante);border-radius:4px 4px 0 0;background-color:#FBF4E2;background-image:var(--vma-altpapier-lagen);box-shadow:0 10px 18px -14px rgb(60 35 15 / .55);transition:translate .25s cubic-bezier(.2,.7,.3,1)}
.ausgabe:nth-child(3n+1) .leihkarte{rotate:-1.2deg}
.ausgabe:nth-child(3n+2) .leihkarte{rotate:.8deg}
.ausgabe:nth-child(3n) .leihkarte{rotate:-.4deg}
.leihkarte__kopf{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.leihkarte__symbole{display:inline-flex;gap:.3rem;color:var(--vma-intern-leder)}
.leihkarte__symbole svg{width:1.45rem;height:1.45rem}
.leihkarte__titel{margin:0;font-family:var(--vma-schrift-titel);font-size:clamp(1.45rem,1.25rem + .7vw,1.75rem);line-height:1.15}
.leihkarte__kurz{margin:.3rem 0 .6rem;padding-bottom:.55rem;border-bottom:3px double rgb(180 35 24 / .5);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vma-farbe-text-leise)}
.leihkarte__merkmale ul{margin:0;padding:0;list-style:none}
.leihkarte__merkmale li{position:relative;margin:0;padding:.5rem 0 .5rem 2.1rem;border-bottom:1px solid rgb(120 90 50 / .22);line-height:1.45}
.leihkarte__merkmale li::before{content:"";position:absolute;left:0;top:.45rem;width:1.4rem;height:1.4rem;border:2px solid rgb(67 56 202 / .8);border-radius:50%;rotate:-10deg;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234338CA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") 50% 50%/80% no-repeat;opacity:.9}
.leihkarte__merkmale li:nth-child(2n)::before{rotate:7deg}
.leihkarte__merkmale p{margin:0 0 .5rem}
.buchtasche{position:relative;z-index:2;display:grid;place-items:center;min-height:6rem;padding:2.2rem 1.2rem 1.1rem;border-radius:2px 2px 8px 8px;background-color:#E5CF9E;background-image:linear-gradient(180deg,rgb(90 60 20 / .2),transparent .6rem),linear-gradient(90deg,rgb(90 60 20 / .1),transparent 1rem,transparent calc(100% - 1rem),rgb(90 60 20 / .1));box-shadow:0 12px 22px -12px rgb(60 35 15 / .55);-webkit-mask:radial-gradient(circle 1.5rem at 50% 0,transparent 97%,#000);mask:radial-gradient(circle 1.5rem at 50% 0,transparent 97%,#000)}
.buchtasche::after{content:"";position:absolute;inset:.45rem;border:1px dashed rgb(90 60 20 / .35);border-radius:2px 2px 6px 6px;pointer-events:none}
.buchtasche__notiz{position:relative;margin:0;max-width:16rem;font-family:var(--vma-schrift-hand);font-size:1.12rem;line-height:1.35;text-align:center;rotate:-1.5deg;color:var(--vma-intern-graphit)}
.ausgaben__hinweis{position:relative;max-width:44rem;margin:3.25rem auto 0;padding:1.3rem 1.5rem 1.2rem;background-color:var(--vma-intern-notiz-gelb);background-image:linear-gradient(rgb(17 24 39 / .05),transparent 1.2rem);rotate:-.4deg;box-shadow:0 12px 22px -14px rgb(17 24 39 / .45);line-height:1.55}
.ausgaben__hinweis::before{content:"";position:absolute;top:-.8rem;left:50%;width:6.5rem;height:1.6rem;translate:-50% 0;rotate:-3deg;background:var(--vma-intern-klebeband);clip-path:polygon(3% 0,97% 0,100% 22%,96% 44%,100% 66%,97% 100%,3% 100%,0 78%,4% 56%,0 34%)}
.ausgaben__hinweis p{margin:0 0 .55rem}
.ausgaben__hinweis p:last-child{margin-bottom:0}
@media (hover:hover) and (pointer:fine){
	.ausgabe:hover .leihkarte,.ausgabe:focus-within .leihkarte{translate:0 -.75rem}
}
.vma-bearbeiten .leihkarte{transition:none}

/* ================================================================ Handbuch
   Das Nachschlagewerk als altes Lexikon im Ledereinband: links das Register
   mit Suche (bleibt am PC beim Lesen stehen), rechts die Einträge nach
   Kapiteln. Am Rand ein Daumenregister mit römischen Ziffern (nur Maus -
   dieselben Ziele wie das Register). Am Handy untereinander, ein Knopf
   „Register“ bleibt unten stehen. */
.handbuch{position:relative}
.handbuch__einband{--falz:-5rem;position:relative;display:grid;grid-template-columns:minmax(0,1fr);padding:var(--rand-o) var(--rand-s) var(--rand-u)}
.handbuch__seite--register{justify-content:flex-start}
.handbuch__seite--text{justify-content:flex-start;gap:0}
.handbuch__kolumne{margin:0 0 1rem;font-family:var(--vma-schrift-titel);font-size:.82rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;text-align:center;color:var(--vma-farbe-text-leise)}
.handbuch__suche{margin:0 0 1.25rem}
.handbuch__suchlabel{display:block;margin:0 0 .35rem;font-family:var(--vma-schrift-hand);font-size:1.25rem;line-height:1.2;color:var(--vma-farbe-primaer)}
.handbuch__suchfeld{width:100%;min-height:2.9rem;padding:.55rem .2rem .45rem;border:0;border-bottom:2px solid var(--vma-farbe-rand-feld);border-radius:0;background:transparent;font-family:var(--vma-schrift-titel);font-size:1.2rem;color:var(--vma-farbe-text)}
.handbuch__suchfeld::placeholder{color:var(--vma-farbe-text-leise);opacity:1}
.handbuch__suchfeld:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:3px}
.handbuch__treffer{min-height:1.4em;margin:.45rem 0 0;font-size:.88rem;color:var(--vma-farbe-text-leise)}
.handbuch__kapitelliste{margin:0;padding:0;list-style:none}
.handbuch__registerzeile[hidden]{display:none}
.handbuch__registerlink{display:flex;align-items:baseline;gap:.55rem;min-height:2.75rem;padding:.45rem .3rem;border-radius:6px;color:var(--vma-farbe-text);font-family:var(--vma-schrift-titel);font-size:1.08rem;text-decoration:none}
.handbuch__registerlink:hover{background:rgb(120 90 50 / .1);color:var(--vma-farbe-primaer)}
.handbuch__registerlink:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:2px}
.handbuch__nr{flex:0 0 2.2rem;font-size:.82rem;font-weight:700;letter-spacing:.05em;color:var(--vma-farbe-primaer)}
.handbuch__kapitelname{flex:0 1 auto}
.handbuch__punkte{flex:1 1 1rem;min-width:1rem;align-self:flex-end;margin-bottom:.4em;border-bottom:2px dotted var(--vma-farbe-rand)}
.handbuch__anzahl{flex:0 0 auto;font-family:var(--vma-schrift-ui);font-size:.8rem;color:var(--vma-farbe-text-leise)}
.handbuch__fussnote{margin:1.5rem 0 0;padding-top:1rem;border-top:1px dashed rgb(120 90 50 / .45);font-size:.9rem;color:var(--vma-farbe-text-leise)}
.handbuch__kapitel{scroll-margin-top:6rem}
.handbuch__kapitel + .handbuch__kapitel{margin-top:2.25rem}
.handbuch__kapitel[hidden]{display:none}
.handbuch__kapiteltitel{display:flex;flex-direction:column;gap:.15rem;margin:0 0 .6rem;padding-bottom:.55rem;border-bottom:3px double rgb(120 90 50 / .5);font-size:clamp(1.5rem,1.25rem + 1vw,2rem);line-height:1.15}
.handbuch__kapitelnr{font-family:var(--vma-schrift-ui);font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--vma-farbe-primaer)}
.handbuch__eintrag{border-bottom:1px dotted rgb(120 90 50 / .4);scroll-margin-top:6rem}
.handbuch__eintrag[hidden]{display:none}
.handbuch__frage{position:relative;display:flex;align-items:center;min-height:3rem;padding:.6rem 2.3rem .6rem 0;cursor:pointer;list-style:none;border-radius:4px}
.handbuch__frage::-webkit-details-marker{display:none}
.handbuch__frage::after{content:"";position:absolute;right:.55rem;top:50%;width:.6rem;height:.6rem;margin-top:-.45rem;border-right:2px solid var(--vma-farbe-primaer);border-bottom:2px solid var(--vma-farbe-primaer);transform:rotate(45deg);transition:transform .2s ease}
.handbuch__eintrag[open] > .handbuch__frage::after{transform:translateY(.3rem) rotate(-135deg)}
.handbuch__frage:hover .handbuch__fragetext{color:var(--vma-farbe-primaer)}
.handbuch__frage:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:2px}
.handbuch__fragetext{margin:0;font-family:var(--vma-schrift-titel);font-size:1.15rem;font-weight:700;line-height:1.3}
.handbuch__antwort{padding:0 0 1.1rem;font-family:var(--vma-schrift-titel);font-size:1.08rem;line-height:1.65}
.handbuch__antwort p,.handbuch__antwort ul{margin:0 0 .7rem}
.handbuch__antwort > :last-child{margin-bottom:0}
.handbuch__antwort ul{padding-left:1.2rem}
.handbuch__antwort li{margin:.2rem 0}
.handbuch__antwort a{color:var(--vma-farbe-primaer);text-underline-offset:.18em}
.handbuch__bearbeiten{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0 0 .9rem;font-size:.85rem;color:var(--vma-farbe-text-leise)}
.handbuch__leer{margin:1.5rem 0 0;font-family:var(--vma-schrift-titel);font-size:1.15rem}
.handbuch__daumen{display:none}
/* Am Handy: Knopf zurück zum Register, unten stehend */
.handbuch__zumregister{position:sticky;z-index:15;bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;align-items:center;gap:.45rem;width:fit-content;min-height:2.75rem;margin:1rem 0 0 auto;padding:.45rem 1rem;border:1px solid var(--vma-intern-leder-dunkel);border-radius:999px;background:var(--vma-intern-leder);color:var(--vma-intern-gold);font-weight:600;font-size:.92rem;text-decoration:none;box-shadow:0 10px 18px -10px rgb(40 20 10 / .7)}
.handbuch__zumregister svg{width:1.2rem;height:1.2rem}
.handbuch__zumregister:hover{color:#fff}
.handbuch__zumregister[hidden]{display:none}
@media (max-width:599px){
	.handbuch__punkte{visibility:hidden}
}
.handbuch__zumregister:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:3px}
@media (min-width:900px){
	.handbuch__einband{--falz:calc(var(--rand-s) + (100% - 2 * var(--rand-s)) * .36);grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
	.handbuch__register{position:sticky;top:6.5rem;max-height:calc(100vh - 8rem);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
	.handbuch__seite--text{padding-left:clamp(1.75rem,1rem + 2.5vw,3.75rem)}
	.handbuch__zumregister{display:none}
}
/* Daumenregister nur, wo neben dem Buch Platz ist */
@media (min-width:1240px){
	.handbuch__daumen{position:absolute;z-index:3;top:0;bottom:0;right:-2rem;display:block;width:2.1rem}
	.handbuch__daumenliste{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:.3rem;margin:3rem 0 0;padding:0;list-style:none}
	.handbuch__daumenlink{display:grid;place-items:center;width:2.1rem;min-height:2.1rem;border-radius:0 8px 8px 0;background:linear-gradient(90deg,var(--vma-intern-leder-dunkel),var(--vma-intern-leder) 45%);color:var(--vma-intern-gold);font-family:var(--vma-schrift-titel);font-size:.78rem;font-weight:700;text-decoration:none;box-shadow:2px 2px 4px rgb(40 20 10 / .35)}
	.handbuch__daumenlink:hover{translate:.2rem 0;color:#fff}
}
/* Blättermodus ab Tablet-Breite (site.js setzt .ist-blaettern): feste
   Buchhöhe, beide Seiten scrollen für sich, rechts ein Kapitel. Suche zeigt
   die Treffer aller Kapitel (.ist-suche). Ohne JavaScript bleibt das Buch
   lang und vollständig. */
.handbuch__blaettern{display:none}
@media screen and (min-width:600px){
	.handbuch.ist-blaettern .handbuch__einband{height:clamp(30rem,calc(100svh - 8.5rem),48rem);grid-template-rows:minmax(0,1fr)}
	.handbuch.ist-blaettern .handbuch__seite{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(120 90 50 / .6) transparent;scrollbar-gutter:stable}
	.handbuch.ist-blaettern .handbuch__seite--text{overflow:hidden;padding-bottom:clamp(.75rem,.5rem + .6vw,1.2rem)}
	.handbuch.ist-blaettern .handbuch__blattinhalt{flex:1 1 auto;min-height:0;margin-right:-.6rem;padding-right:.6rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(120 90 50 / .6) transparent}
	.handbuch.ist-blaettern .handbuch__register{position:static;max-height:none;overflow:visible}
	.handbuch.ist-blaettern:not(.ist-suche) .handbuch__kapitel:not(.ist-aufgeschlagen){display:none}
	.handbuch.ist-blaettern:not(.ist-suche) .handbuch__kapitel + .handbuch__kapitel{margin-top:0}
	.handbuch.ist-blaettern .handbuch__kapitel{scroll-margin-top:0}
	.handbuch.ist-blaettern .handbuch__zumregister{display:none}
	.handbuch.ist-blaettern .handbuch__registerlink[aria-current]{background:rgb(120 90 50 / .14);box-shadow:inset 3px 0 0 var(--vma-farbe-primaer);color:var(--vma-farbe-primaer)}
	.handbuch.ist-blaettern .handbuch__daumenlink.ist-aktuell{translate:.35rem 0;color:#fff}
	.handbuch.ist-blaettern .handbuch__leer{padding-bottom:1.5rem}
	.handbuch.ist-blaettern .handbuch__blaettern{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin-top:.6rem;padding-top:.8rem;border-top:3px double rgb(120 90 50 / .45)}
	.handbuch.ist-blaettern.ist-suche .handbuch__blaettern{display:none}
	.handbuch__blatt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;min-height:2.75rem;max-width:46%;padding:.4rem .8rem;border:1px solid rgb(120 90 50 / .6);border-radius:6px;background:rgb(255 252 240 / .55);color:var(--vma-farbe-text);font:inherit;text-align:left;cursor:pointer}
	.handbuch__blatt[hidden]{display:none}
	.handbuch__blatt--weiter{align-items:flex-end;margin-left:auto;text-align:right}
	.handbuch__blatt:hover{border-color:var(--vma-farbe-primaer);color:var(--vma-farbe-primaer)}
	.handbuch__blatt:focus-visible{outline:3px solid var(--vma-intern-fokus);outline-offset:2px}
	.handbuch__blattrichtung{font-family:var(--vma-schrift-ui);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vma-farbe-primaer)}
	.handbuch__blatt--zurueck .handbuch__blattrichtung::before{content:"‹ "}
	.handbuch__blatt--weiter .handbuch__blattrichtung::after{content:" ›"}
	.handbuch__blattziel{font-family:var(--vma-schrift-titel);font-size:.98rem;line-height:1.25}
	.handbuch__seitenzahl{order:3;flex:1 0 100%;font-family:var(--vma-schrift-titel);font-size:.85rem;font-style:italic;text-align:center;color:var(--vma-farbe-text-leise)}
}
@media screen and (min-width:600px) and (prefers-reduced-motion:no-preference){
	:root:not([data-vma-bewegung="aus"]) .handbuch.ist-blaettern .handbuch__kapitel.ist-aufgeschlagen{animation:handbuch-blatt .28s ease-out}
}
@keyframes handbuch-blatt{
	from{opacity:0;translate:.9rem 0}
	to{opacity:1;translate:0 0}
}
/* Tablet: zwei Seiten nebeneinander, Register schmaler */
@media screen and (min-width:600px) and (max-width:899px){
	.handbuch.ist-blaettern .handbuch__einband{--falz:calc(var(--rand-s) + (100% - 2 * var(--rand-s)) * .41);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
	.handbuch.ist-blaettern .handbuch__seite{padding:1.4rem 1rem 1.2rem}
	.handbuch.ist-blaettern .handbuch__seite--register{border-radius:6px 2px 2px 6px;background-image:linear-gradient(270deg,rgb(70 40 15 / .3),rgb(70 40 15 / .09) 1.3rem,transparent 3.75rem),var(--vma-altpapier-lagen);box-shadow:-2px 2px 0 var(--vma-intern-altpapier-schnitt),-3px 3px 0 var(--vma-intern-altpapier-kante),-5px 4px 0 var(--vma-intern-altpapier-schnitt)}
	.handbuch.ist-blaettern .handbuch__seite--text{padding:1.4rem 1.1rem .8rem 1.5rem;border-radius:2px 6px 4px 2px;background-image:linear-gradient(90deg,rgb(70 40 15 / .34),rgb(70 40 15 / .1) 1.4rem,transparent 3.75rem),var(--vma-altpapier-lagen);box-shadow:2px 2px 0 var(--vma-intern-altpapier-schnitt),3px 3px 0 var(--vma-intern-altpapier-kante),5px 4px 0 var(--vma-intern-altpapier-schnitt)}
	.handbuch.ist-blaettern :is(.handbuch__anzahl,.handbuch__punkte){display:none}
	.handbuch.ist-blaettern .handbuch__registerlink{font-size:1rem;gap:.35rem}
	.handbuch.ist-blaettern .handbuch__nr{flex-basis:1.8rem}
	.handbuch.ist-blaettern .handbuch__suchlabel{font-size:1.1rem}
	.handbuch.ist-blaettern .handbuch__blatt{flex:0 1 calc(50% - .3rem);justify-content:center;max-width:none;padding:.35rem .6rem}
	.handbuch.ist-blaettern .handbuch__blattziel{font-size:.92rem}
	.handbuch.ist-blaettern .handbuch__blattrichtung{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
	.handbuch.ist-blaettern .handbuch__blatt--zurueck .handbuch__blattziel::before{content:"‹ ";color:var(--vma-farbe-primaer);font-weight:700}
	.handbuch.ist-blaettern .handbuch__blatt--weiter .handbuch__blattziel::after{content:" ›";color:var(--vma-farbe-primaer);font-weight:700}
}
@media print{
	.handbuch__daumen,.handbuch__zumregister,.handbuch__suche,.handbuch__blaettern{display:none}
}

/* ================================================================ NE Autorenplattform
   Einfassung der Plugin-Seiten (ab Plugin 0.10.3). Das Theme ergänzt nur
   Gestaltung - Fokus, Größe und Kontrast der Plugin-Bedienelemente bleiben.
   theme.css lädt nach ne-ap-frontend.css (VMA_Assets). */

/* Buchkarten und Altersplaketten gestaltet das Plugin selbst (ab 0.10.4:
   Buchform mit Rücken, zwei Spalten am Handy, geprüfte Plakettenfarben).
   Das Theme setzt dafür bewusst keine --vma-intern-alter-* und keine Kartenregeln. */

/* Seitenkopf der Plugin-Seiten */
.inhalt--plattform .ne-ap-seite__kopf{padding-bottom:1.25rem;border-bottom:1px dashed var(--vma-farbe-rand)}
.inhalt--plattform .ne-ap-seite__kopf h1{font-size:clamp(2rem,1.5rem + 2vw,3rem);letter-spacing:-.01em}

/* Werkseite als aufgeschlagenes altes Buch: links liegt das Cover des
   Plugins auf dem Ledereinband, rechts Text und Kaufbereich auf einer Seite.
   Pflichtangaben bleiben wie geliefert. */
.ne-ap-werk__raster{--falz:-5rem;position:relative;gap:0;margin:0 0 1rem;padding:var(--rand-o) var(--rand-s) var(--rand-u);grid-template-columns:minmax(0,1fr)}
.ne-ap-werk__cover{align-self:center;justify-self:center;width:min(100%,16rem);margin:clamp(1.25rem,1rem + 2vw,2.5rem) auto;rotate:-1.5deg}
.ne-ap-werk__text{justify-content:flex-start;gap:0}
.ne-ap-werk__untertitel{margin:.35rem 0 0;font-family:var(--vma-schrift-titel);font-style:italic;font-size:1.2rem}
.ne-ap-werk__meta{margin:1rem 0 0}
.ne-ap-werk__inhaltshinweise,.ne-ap-werk__ki{margin:.7rem 0 0;font-size:.92rem}
.ne-ap-werk__kauf{align-self:stretch;gap:.6rem;border:0;border-top:1px dashed rgb(120 90 50 / .45)}
.ne-ap-werk__preis{font-family:var(--vma-schrift-titel);font-size:2.3rem;line-height:1}
.ne-ap-werk__steuer,.ne-ap-werk__bereitstellung{margin:0;font-size:.88rem;color:var(--vma-farbe-text-leise)}
.ne-ap-kaufbereich{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}
.ne-ap-werk__leseprobe{margin:0}
.ne-ap-werk__kauf .ne-ap-verkaeufer{position:relative;margin-top:.8rem;padding:1rem 1.1rem .9rem;background:var(--vma-intern-papier-hell);border:1px solid var(--vma-intern-linie);rotate:-.4deg;box-shadow:0 12px 20px -14px rgb(60 35 10 / .5);font-size:.88rem}
.ne-ap-werk__kauf .ne-ap-verkaeufer::before{content:"";position:absolute;top:-.6rem;left:50%;width:5.5rem;height:1.2rem;translate:-50% 0;rotate:2deg;background:var(--vma-intern-klebeband)}
.ne-ap-verkaeufer p{margin:0 0 .5rem}
.ne-ap-verkaeufer p:last-child{margin-bottom:0}
.ne-ap-werk__melden{margin:.6rem 0 0;text-align:right;font-size:.9rem}
@media (max-width:899px){
	.ne-ap-werk__text{border-radius:0;box-shadow:none}
	.ne-ap-werk__kauf{background-image:var(--vma-altpapier-lagen)}
}
@media (min-width:900px){
	.ne-ap-werk__raster{--falz:calc(var(--rand-s) + (100% - 2 * var(--rand-s)) * .42);grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);grid-template-areas:"cover text" "cover kauf"}
	.ne-ap-werk__cover{grid-area:cover;width:min(78%,17rem)}
	.ne-ap-werk__text{grid-area:text;justify-content:flex-start;padding-bottom:1.5rem;border-radius:2px 6px 0 2px;box-shadow:2px 0 0 var(--vma-intern-altpapier-schnitt),3px 0 0 var(--vma-intern-altpapier-kante),5px 0 0 var(--vma-intern-altpapier-schnitt),6px 0 0 var(--vma-intern-altpapier-kante),8px 0 0 var(--vma-intern-altpapier-schnitt)}
	.ne-ap-werk__kauf{grid-area:kauf;justify-content:flex-start;padding-top:1.5rem;border-radius:0 0 4px 2px}
}

/* Autor*innen-Karten gestaltet das Plugin (ab 0.10.5). Profil einfassen: */
.ne-ap-profil__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem}
.ne-ap-profil__kopf h1{margin:0}
.ne-ap-profilbild{width:7.5rem;height:7.5rem;border:4px solid var(--vma-intern-papier-hell);border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--vma-intern-altpapier-kante),0 12px 20px -12px rgb(60 35 10 / .6)}
.ne-ap-profil__vita{max-width:46rem;margin-top:1.5rem;font-family:var(--vma-schrift-titel);font-size:1.15rem;line-height:1.65}
.ne-ap-profil h2{margin-top:2.5rem}
.ne-ap-profil__recht{margin-top:2.5rem;padding-top:1rem;border-top:1px dashed var(--vma-farbe-rand);font-size:.9rem}

/* Pflicht-Links im Fuß: Vertrag widerrufen, Verträge kündigen */
.fuss__vertrag{margin-top:2.5rem}
.fuss__vertrag .ne-ap-vertragslinks{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.fuss__vertrag a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem 1rem;border:1px solid rgb(255 255 255 / .6);border-radius:var(--vma-ecke-klein);color:var(--vma-intern-papier-hell);font-weight:600;font-size:.92rem;text-decoration:none}
.fuss__vertrag a:hover{text-decoration:underline;text-underline-offset:.2em}
.fuss__vertrag a:focus-visible{outline:3px solid var(--vma-intern-papier-hell);outline-offset:3px}

/* ================================================================ Bewegung, Druck */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{transition-duration:0s;animation-duration:0s;animation-iteration-count:1}
}
@media print{
	.kopf,.fuss,.skip-link,.lightbox,.darstellung,.stapel,.buch-offen__stift,.seitenkopf__stift,.seitenkopf__kaffee,.auftakt__kaffee{display:none}
	body{background:#fff;font-size:11pt}
	.section-pad,.aufruf{padding-block:1.25rem}
	.weg,.aufruf--dunkel{background:#fff;color:#000;clip-path:none}
	a{color:#000}
	.faq__eintrag{break-inside:avoid}
}