.karte{--s-name: 1rem;--s-text: .9rem;--s-titel: clamp(1.9rem, 1.5rem + 1.6vw, 2.5rem);--s-gruppe: 1.25rem;--s-rand: clamp(1rem, 4vw, 1.5rem)}.karte{padding-block:var(--raum-xl)}.karte__raster{display:grid;gap:var(--raum-l);align-items:start}.karte__text{display:grid;gap:var(--raum-m);align-content:start}.karte__kopf{display:grid;gap:var(--raum-s);max-width:34rem}.karte__werkzeuge{display:flex;flex-wrap:wrap;align-items:center;gap:var(--raum-xs) var(--raum-m)}.karte__werkzeuge[hidden],.mock[hidden],.karte__liste[hidden]{display:none}.karte__liste{margin-top:var(--raum-l)}.seite{position:relative;background:var(--papier);color:var(--text-dunkel);padding:var(--s-rand);display:flex;flex-direction:column;gap:var(--raum-s);overflow:hidden;background-image:radial-gradient(color-mix(in srgb,var(--text-dunkel) 4.5%,transparent) 1px,transparent 1.2px);background-size:7px 7px}.seite__kopf{display:grid;gap:var(--raum-2xs);padding-bottom:var(--raum-xs);border-bottom:var(--raum-3xs) solid var(--text-dunkel)}.seite__titel{font-size:var(--s-titel);line-height:.95}.seite__einleitung,.gruppe__text{font-size:var(--s-text);color:var(--text-dunkel-gedaempft);line-height:1.45}.gruppe{display:grid;gap:var(--raum-2xs)}.gruppe__titel{font-family:var(--schrift-display);font-size:var(--s-gruppe);font-weight:400;text-transform:uppercase;line-height:1;color:var(--glut-tief);margin-top:var(--raum-2xs)}.eintraege{display:grid;gap:var(--raum-xs)}.eintrag__kopf{display:flex;align-items:baseline;gap:var(--raum-2xs)}.eintrag__name{font-weight:600;font-size:var(--s-name);line-height:1.25}.eintrag__herkunft{display:inline-block;margin-left:.55em;padding:.05em .5em;font-size:max(var(--text-xs),.72em);font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--linie-dunkel);border-radius:2px;color:var(--text-dunkel-gedaempft);vertical-align:.1em}.eintrag__kopf:after{content:"";order:1;flex:1;border-bottom:2px dotted color-mix(in srgb,var(--text-dunkel) 28%,transparent);transform:translateY(-.3em);min-width:1rem}.eintrag__kopf:not(:has(.eintrag__preis)):after{display:none}.eintrag__preis{order:2;font-weight:600;font-size:var(--s-name);white-space:nowrap;font-variant-numeric:tabular-nums}.eintrag__text{font-size:var(--s-text);line-height:1.4;color:var(--text-dunkel-gedaempft);margin-top:var(--raum-3xs);max-width:46ch}.eintrag__varianten{display:grid;gap:var(--raum-3xs);margin-top:var(--raum-3xs);font-size:var(--s-text)}.eintrag__varianten li{display:flex;justify-content:space-between;gap:var(--raum-s);max-width:24rem}.seite__bild{margin:auto 0 0 auto;width:10rem;flex:none;transform:rotate(2.5deg);border:var(--raum-2xs) solid var(--weiss);box-shadow:0 .5rem 1.25rem -.4rem color-mix(in srgb,var(--schwarz) 50%,transparent);background:var(--weiss)}.seite__bild img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.seite--titel{background:var(--kohle);background-image:none;color:var(--text-hell);justify-content:center;align-items:center;text-align:center;min-height:24rem}.seite__feuer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.seite--titel:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--kohle) 20%,transparent),color-mix(in srgb,var(--kohle) 85%,transparent))}.seite__titelinhalt{position:relative;z-index:1;display:grid;gap:var(--raum-s);justify-items:center;max-width:24rem}.seite__titelinhalt img{width:min(15rem,70%);height:auto}.seite__titelinhalt .display{font-size:clamp(3rem,2rem + 4vw,5rem);color:var(--glut)}.seite__motto{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;font-weight:600}.seite__text{color:var(--text-gedaempft);font-size:var(--s-text)}.seite--schluss{justify-content:center}.seite__knoepfe{display:grid;gap:var(--raum-xs);max-width:18rem}.seite__klein{font-size:var(--text-xs);color:var(--text-dunkel-gedaempft)}.karte__liste{display:grid;gap:var(--raum-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));align-items:start}.karte__liste .seite{border-radius:var(--radius-s);box-shadow:var(--schatten-karte)}.mock{display:grid;place-items:center;padding:var(--raum-s);perspective:1600px}.mock__buch{position:relative;display:block;width:min(100%,21rem);aspect-ratio:3 / 4;cursor:pointer;background:none;border:0;padding:0;color:inherit;transform:rotateY(-14deg) rotateX(3deg) rotate(-1.5deg);transform-style:preserve-3d;transition:transform .32s var(--kurve-weich)}.mock__buch:hover,.mock__buch:focus-visible{transform:rotateY(-4deg) rotateX(1deg) rotate(0)}.mock__buch:focus-visible{outline:3px solid var(--glut);outline-offset:.5rem}.mock__deckel{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--kohle);border-radius:.15rem var(--radius-s) var(--radius-s) .15rem;box-shadow:.3rem 0 0 -.05rem var(--papier),.6rem 0 0 -.1rem color-mix(in srgb,var(--papier) 80%,var(--kohle)),.9rem 0 0 -.15rem var(--papier),1.2rem .4rem 2.5rem -.5rem color-mix(in srgb,var(--schwarz) 70%,transparent)}.mock__deckel:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--schwarz) 55%,transparent),transparent 9%)}.mock__deckel:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--kohle) 20%,transparent),color-mix(in srgb,var(--kohle) 85%,transparent))}.mock__inhalt{position:relative;z-index:1;display:grid;gap:var(--raum-s);justify-items:center;text-align:center;padding:var(--raum-m)}.mock__inhalt img{width:9rem;height:auto}.mock__titel{font-size:clamp(2.6rem,2rem + 2vw,3.5rem);color:var(--glut);line-height:.95}.mock__hinweis{position:absolute;z-index:3;left:50%;bottom:-1.25rem;transform:translate(-50%);background:var(--glut);color:var(--text-dunkel);font-weight:600;font-size:var(--text-s);padding:.55rem 1.1rem;border-radius:999px;white-space:nowrap;box-shadow:var(--schatten-karte)}html:has(dialog.kb[open]){overflow:hidden}dialog.kb{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:color-mix(in srgb,var(--kohle) 97%,var(--schwarz));color:var(--text-hell)}dialog.kb[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}dialog.kb::backdrop{background:var(--schwarz)}.kb__kopf{display:flex;align-items:center;gap:var(--raum-s);padding:var(--raum-2xs) var(--raum-s);min-width:0}.kb__titel{margin-right:auto;font-size:1.75rem;color:var(--glut);line-height:1}.kb__buehne{container-type:size;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding-inline:var(--raum-xs)}.kb__steuerung{display:flex;align-items:center;justify-content:center;gap:var(--raum-s);padding:var(--raum-xs) var(--raum-m) var(--raum-s)}.kb__steuerung .knopf{min-width:6.5rem}.kb__stand{min-width:9rem;text-align:center;font-size:var(--text-s);color:var(--text-gedaempft)}.kb__buehne .buch:focus-visible{outline:none}.buch--blaettern{--h: min(100cqh, 66cqw);--u: calc(var(--h) / 100);position:relative;width:calc(var(--h) * 1.5);height:var(--h);perspective:3200px;transition:transform .7s var(--kurve-weich)}.buch--blaettern.ist-zu{transform:translate(-25%)}.buch--blaettern:before{content:"";position:absolute;inset:1.5% 0 -1%;background:color-mix(in srgb,var(--schwarz) 60%,transparent);filter:blur(1.5rem);z-index:0}.buch--blaettern .blatt{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s var(--kurve-weich)}.buch--blaettern .blatt.ist-umgeblaettert{transform:rotateY(-180deg)}.buch--blaettern .blatt__seite{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.buch--blaettern .blatt__seite--hinten{transform:rotateY(180deg)}.buch--blaettern .seite{position:absolute;inset:0;height:100%;padding:calc(var(--u) * 4.5) calc(var(--u) * 4.5) calc(var(--u) * 3.5);gap:calc(var(--u) * 1.4);border-radius:0;box-shadow:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;--s-name: max(.95rem, calc(var(--u) * 2.05));--s-text: max(.875rem, calc(var(--u) * 1.8));--s-titel: max(1.8rem, calc(var(--u) * 4.4));--s-gruppe: max(1.15rem, calc(var(--u) * 2.7))}.buch--blaettern .blatt__seite--vorn .seite{border-radius:0 var(--radius-s) var(--radius-s) 0}.buch--blaettern .blatt__seite--hinten .seite{border-radius:var(--radius-s) 0 0 var(--radius-s)}.buch--blaettern .seite--leer{background:var(--papier)}.buch--blaettern .blatt__seite--vorn:after,.buch--blaettern .blatt__seite--hinten:after{content:"";position:absolute;top:0;bottom:0;width:12%;pointer-events:none;z-index:3}.buch--blaettern .blatt__seite--vorn:after{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--schwarz) 26%,transparent),transparent)}.buch--blaettern .blatt__seite--hinten:after{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--schwarz) 26%,transparent),transparent)}.buch--blaettern .blatt:first-child .blatt__seite--vorn:after{background:linear-gradient(90deg,color-mix(in srgb,var(--schwarz) 55%,transparent),transparent 55%)}.buch--blaettern .seite__kopf{padding-bottom:calc(var(--u) * .8)}.buch--blaettern .seite__bild{width:calc(var(--u) * 14)}.buch--blaettern .gruppe{gap:calc(var(--u) * .6)}.buch--blaettern .gruppe__titel{margin-top:calc(var(--u) * .5)}.buch--blaettern .eintraege{gap:calc(var(--u) * 1.1)}.buch--blaettern .eintrag__text{margin-top:0;line-height:1.3;max-width:none}.buch--blaettern .eintrag__varianten{margin-top:calc(var(--u) * .3);gap:calc(var(--u) * .2)}.buch--blaettern .eintrag__varianten li{max-width:none}.buch--blaettern .seite--titel{min-height:0;border-radius:0 var(--radius-s) var(--radius-s) 0}.buch--blaettern .seite--titel .seite__titelinhalt .display{font-size:calc(var(--u) * 9)}.buch--blaettern .seite__titelinhalt img{width:calc(var(--u) * 26)}.buch--blaettern .seite--titel:before{display:none}.buch--blaettern .seite--schluss{justify-content:center}.buch--schiene{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--raum-xs);scrollbar-width:thin;align-items:stretch;width:100%;height:100%}.buch--schiene .seite{flex:0 0 min(92%,28rem);scroll-snap-align:center;overflow-y:auto;border-radius:var(--radius-s);box-shadow:var(--schatten-karte)}.buch--schiene .seite[aria-hidden=true]{opacity:.55}.kb__buehne:has(.buch--schiene){place-items:stretch;padding-block:var(--raum-2xs)}@media(min-width:62rem){.karte{padding-block:var(--raum-l)}.karte__raster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--raum-xl);align-items:center}.karte__text{gap:var(--raum-m)}}@media(prefers-reduced-motion:reduce){.buch--blaettern,.buch--blaettern .blatt,.mock__buch{transition-duration:.001ms}}