:root{--farbe-grund:#10131a;--farbe-text:#e9e6df;--farbe-text-gedaempft:#8a8880;--farbe-text-fliess:#a9a69d;--farbe-linie:#4a4c52;--farbe-akzent:#d8ae63;--abstand-seitenrand:24px;--abstand-2xs:7px;--abstand-xs:12px;--abstand-s:16px;--abstand-m:24px;--abstand-l:32px;--abstand-xl:38px;--abstand-2xl:72px;--textbreite-max:620px;--schrift-serif:"Newsreader", Georgia, "Times New Roman", serif;--schrift-sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift-serif);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}input{font:inherit;color:inherit}::view-transition-old(root){animation-duration:.2s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.seite{max-width:var(--textbreite-max);padding:36px var(--abstand-seitenrand) var(--abstand-2xl);margin:0 auto}.kopf{justify-content:space-between;align-items:baseline;gap:var(--abstand-s);display:flex}.kopf-marke{letter-spacing:.01em;font-size:16px;font-weight:600}.kopf-aktionen{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);align-items:baseline;gap:18px;font-size:13px;display:flex}.kopf-suchen{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:-14px -4px;padding:14px 4px}.kopf-suchen:hover{color:var(--farbe-text)}.kopf-suchen:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}.bereichszeile{justify-content:space-between;align-items:baseline;gap:var(--abstand-s);margin-top:var(--abstand-xs);display:flex}.bereiche{gap:var(--abstand-s);font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);font-size:13px;display:flex}.anzahl{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);white-space:nowrap;font-size:12px}.suche{width:100%;margin-top:var(--abstand-m);border:none;border-bottom:1px solid var(--farbe-linie);font-family:var(--schrift-serif);background:0 0;padding:6px 0 9px;font-size:18px}.suche::placeholder{color:var(--farbe-text-gedaempft)}.suche:focus{border-bottom-color:var(--farbe-akzent);outline:none}.filter{gap:var(--abstand-s);font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);flex-wrap:wrap;padding-top:14px;font-size:13px;display:flex}.aktiv{color:var(--farbe-akzent);font-weight:600}.liste{margin:0;padding:0;list-style:none}.eintrag{width:100%;padding:var(--abstand-xl) 0 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;display:block}.eintrag:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:4px}.eintrag-titel{letter-spacing:-.012em;margin-bottom:8px;font-size:22px;font-weight:400;line-height:1.18;display:block}.eintrag-text{color:var(--farbe-text-fliess);text-wrap:pretty;font-size:15.5px;line-height:1.55;display:block}.eintrag-meta{margin-top:var(--abstand-2xs);font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);font-size:12px;display:block}.detail-zurueck{padding-bottom:28px}.textknopf{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.textknopf:hover{color:var(--farbe-text)}.textknopf:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}.detail-titel{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:400;line-height:1.05}.detail-originaltitel{color:var(--farbe-text-gedaempft);margin:10px 0 0;font-size:17px;font-style:italic}.detail-meta{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);margin:16px 0 0;font-size:12px;line-height:1.7}.detail-genres{color:var(--farbe-text-gedaempft);margin:5px 0 0;font-size:15px;font-style:italic}.detail-wertung{margin:12px 0 0;font-size:20px;line-height:1.3}.zitat{grid-template-columns:30px 1fr;gap:0 10px;margin:38px 0 0;display:grid}.zitat-zeichen{color:var(--farbe-text-gedaempft);padding-top:2px;font-size:44px;font-weight:500;line-height:1}.zitat-text{letter-spacing:-.005em;font-size:21px;font-style:italic;line-height:1.45;display:block}.zitat-quelle{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);margin-top:9px;font-size:12px;display:block}.detail-notiz{color:var(--farbe-text-fliess);text-wrap:pretty;margin:34px 0 0;font-size:16px;line-height:1.6}.abschnitt{margin-top:48px}.abschnitt-marke{font-family:var(--schrift-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-gedaempft);margin:0 0 18px;font-size:11px;font-weight:600}.person{padding:11px 0}.person-name{letter-spacing:-.012em;font-size:21px;line-height:1.25}.person-rolle{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);margin-top:4px;font-size:12px}.werk{padding-bottom:32px}.werk:last-child{padding-bottom:0}.werk-titel{letter-spacing:-.012em;font-size:21px;line-height:1.2}.werk-fassungen{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);padding-left:3px;font-size:12px}.werk-interpret{color:var(--farbe-text-gedaempft);margin-top:4px;font-size:15px;font-style:italic}.umfeld{padding-bottom:34px}.umfeld:last-child{padding-bottom:0}.umfeld-art{font-family:var(--schrift-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--farbe-text-gedaempft);font-size:11px}.umfeld-titel{letter-spacing:-.015em;margin-top:7px;font-size:24px;line-height:1.15}.umfeld-notiz{color:var(--farbe-text-gedaempft);margin-top:6px;font-size:15px;font-style:italic}.logbuch{grid-template-columns:88px 1fr;gap:16px 12px;display:grid}.logbuch-datum{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);padding-top:3px;font-size:12px}.logbuch-text{color:var(--farbe-text-fliess);text-wrap:pretty;font-size:16px;line-height:1.55}.soundtracks-titel{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:400;line-height:1.05}.soundtracks-unterzeile{color:var(--farbe-text-gedaempft);margin:10px 0 0;font-size:17px;font-style:italic}.soundtracks-hinweis{color:var(--farbe-text-gedaempft);margin:0;font-style:italic}.werkliste{margin:0;padding:0;list-style:none}.werk{padding-top:var(--abstand-xl);color:inherit;text-decoration:none;display:block}.werk:active{opacity:.55}.werk:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:4px}.werk-name{letter-spacing:-.012em;margin:0;font-size:22px;font-weight:400;line-height:1.2}.werk-fassungszahl{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);padding-left:3px;font-size:12px}.werk-fassung{color:var(--farbe-text-gedaempft);margin:6px 0 0;font-size:15px;font-style:italic;line-height:1.5}.werk-meta{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);margin:7px 0 0;font-size:12px}.werkdetail-zurueck{align-items:center;min-height:44px;margin:-12px;padding:0 12px;text-decoration:none;display:inline-flex}.werkdetail-zurueck:active{opacity:.55}.werkdetail-hinweis{color:var(--farbe-text-gedaempft);margin:0;font-style:italic}.werkdetail-mark{font-family:var(--schrift-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-gedaempft);margin:0 0 24px;font-size:11px}.werkdetail-titel{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:400;line-height:1.05}.werkdetail-fassungszahl{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);padding-left:5px;font-size:14px;font-weight:400}.werkdetail-fassungszeile{color:var(--farbe-text-gedaempft);margin:10px 0 0;font-size:17px;font-style:italic}.werkdetail-meta{font-family:var(--schrift-sans);letter-spacing:.08em;color:var(--farbe-text-gedaempft);margin:16px 0 0;font-size:11px}.notizfeld{box-sizing:border-box;border:none;border-bottom:1px solid var(--farbe-linie);width:100%;color:var(--farbe-text-fliess);font-family:var(--schrift-serif);resize:vertical;background:0 0;margin-top:34px;padding:2px 0 10px;font-size:16px;line-height:1.6;display:block}.notizfeld::placeholder{color:var(--farbe-text-gedaempft)}.notizfeld:focus{border-bottom-color:var(--farbe-akzent);outline:none}.werkdetail-fassungen{margin-top:48px}.fassungsliste{margin:0;padding:0;list-style:none}.fassung{padding-bottom:34px}.fassung:last-child{padding-bottom:0}.fassung-waehlen{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:40px 1fr;align-items:start;gap:0 12px;padding:4px 0;display:grid}.fassung-waehlen--statisch{cursor:default}.fassung-waehlen:active{opacity:.55}.fassung-waehlen:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:2px}.fassung-nummer{color:var(--farbe-text-gedaempft);padding-top:2px;font-size:28px;line-height:1}.fassung-koerper{min-width:0}.fassung-interpret{letter-spacing:-.012em;font-size:20px;line-height:1.2;display:block}.fassung-art{font-family:var(--schrift-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--farbe-text-gedaempft);margin-top:5px;font-size:11px;display:block}.fassung-album{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);margin-top:8px;font-size:12.5px;line-height:1.5;display:block}.fassung--gewaehlt .fassung-nummer,.fassung--gewaehlt .fassung-interpret{color:var(--farbe-akzent)}.fassung-links{font-family:var(--schrift-sans);margin-top:6px;margin-left:52px;font-size:12.5px}.fassung-links a{min-height:44px;color:var(--farbe-text-gedaempft);text-decoration:underline;-webkit-text-decoration-color:var(--farbe-linie);text-decoration-color:var(--farbe-linie);text-underline-offset:3px;align-items:center;margin-right:18px;display:inline-flex}.fassung-links a:hover{color:var(--farbe-text)}.fassung-links a:active{opacity:.55}.suche-seite{min-height:100dvh;max-width:var(--textbreite-max);padding:0 var(--abstand-seitenrand);flex-direction:column;margin:0 auto;display:flex}.suche-kopf{align-items:baseline;padding:40px 0 30px;display:flex}.suche-marke{font-family:var(--schrift-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-gedaempft);margin:0;font-size:11px;font-weight:600}.suche-marke--genres{margin:40px 0 6px}.suche-feld{border:none;border-bottom:1px solid var(--farbe-linie);width:100%;font-family:var(--schrift-serif);letter-spacing:-.015em;color:var(--farbe-text);background:0 0;padding:6px 0 12px;font-size:30px}.suche-feld::placeholder{color:var(--farbe-text-gedaempft)}.suche-feld:focus{border-bottom-color:var(--farbe-akzent);outline:none}.suche-modi{letter-spacing:-.012em;align-items:baseline;gap:22px;margin-top:26px;font-size:23px;display:flex}.suche-modus{padding:10px 0}.suche-modus--aktiv{color:var(--farbe-akzent);font-style:italic}.suche-modus--stumm{color:var(--farbe-text-gedaempft)}.suche-zitat{margin:36px 0 0}.suche-zitat-text{color:var(--farbe-text-fliess);text-wrap:pretty;margin:0;font-size:17px;font-style:italic;line-height:1.55}.suche-zitat-text:before{content:"„"}.suche-zitat-text:after{content:"“"}.suche-zitat-quelle{font-family:var(--schrift-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--farbe-text-gedaempft);margin:8px 0 0;font-size:11px}.suche-genres{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin-top:14px;margin-left:-4px;display:flex}.suche-genre{font-family:var(--schrift-serif);letter-spacing:-.012em;color:var(--farbe-text-gedaempft);cursor:pointer;background:0 0;border:none;padding:11px 4px;font-size:20px;line-height:1.1}.suche-genre--gewaehlt{color:var(--farbe-akzent)}.suche-genre:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:2px}.suche-genres-hinweis{color:var(--farbe-text-gedaempft);margin:7px 4px;font-size:16px;font-style:italic}.suche-fuss{background:linear-gradient(180deg, transparent 0%, var(--farbe-grund) 38%);margin-top:auto;padding:28px 0 34px;position:sticky;bottom:0}.suche-bestaetigen{text-align:left;width:100%;font-family:var(--schrift-serif);letter-spacing:-.012em;color:var(--farbe-text);cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:26px;display:block}.suche-bestaetigen:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}.suche-pfeil{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);padding-left:6px;font-size:14px}.suche-zusammenfassung{color:var(--farbe-text-gedaempft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;font-style:italic;display:-webkit-box;overflow:hidden}.raster-zurueck{padding-bottom:20px}.raster-textknopf{font-family:var(--schrift-sans);color:var(--farbe-text-gedaempft);cursor:pointer;background:0 0;border:none;margin:-12px -4px;padding:12px 4px;font-size:13px}.raster-textknopf:hover{color:var(--farbe-text)}.raster-textknopf:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}.raster-hinweis{color:var(--farbe-text-gedaempft);margin:12px 0 0;font-size:16px;font-style:italic}.raster-hinweis--fuss{margin-top:28px}.raster-neu{font:inherit;color:var(--farbe-text);cursor:pointer;background:0 0;border:none;padding:8px 4px;display:inline-block}.raster-neu:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:2px}.raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 14px;margin-top:36px;display:grid}.raster-zelle{text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:block}.raster-zelle:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}.raster-cover{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.raster-cover--leer{background:0 0}.raster-titel{-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.008em;-webkit-box-orient:vertical;margin-top:9px;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.raster-unterzeile{-webkit-line-clamp:1;line-clamp:1;color:var(--farbe-text-gedaempft);-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;font-style:italic;display:-webkit-box;overflow:hidden}.raster-wertung{font-family:var(--schrift-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--farbe-text-gedaempft);font-variant-numeric:tabular-nums;margin-top:4px;font-size:10.5px;display:block}.raster-sentinel{width:100%;height:1px}.bereichsnav{gap:var(--abstand-s);max-width:var(--textbreite-max);padding:20px var(--abstand-seitenrand) 0;font-family:var(--schrift-sans);margin:0 auto;font-size:13px;display:flex}.bereichsnav a{color:var(--farbe-text-gedaempft);padding:6px 0;text-decoration:none}.bereichsnav a:hover{color:var(--farbe-text)}.bereichsnav a:active{opacity:.55}.bereichsnav a.aktiv{color:var(--farbe-akzent);font-weight:600}.bereichsnav a:focus-visible{outline:1px solid var(--farbe-akzent);outline-offset:3px}