/* Integration only. The actual design lives in nacht-reference.css, copied from the supplied draft. */
html{color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(90px + env(safe-area-inset-top,0px))}body{min-height:100%;overflow-x:clip}body,input,button,select,textarea{font-family:var(--sans)}[hidden]{display:none!important}a{color:inherit}button{cursor:pointer;background:none;border:0;padding:0;color:inherit}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button,input,select{font:inherit}button{-webkit-appearance:none;appearance:none}p{margin:0}main#main-content{width:100%;max-width:800px;margin:auto;padding-bottom:0}.top-wrap{z-index:20}.top{max-width:800px;margin:auto}.brand{justify-self:center}.brand .logo{height:30px;width:auto}.sr-only,.skip-content:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-content:focus{position:fixed;top:8px;left:8px;background:var(--text);color:var(--grund);padding:12px;z-index:200}body>nav.tabs,#start-karten,#view-start>.abschnitt:has(+ #start-karten),.library-mobile-nav,#liste-symbol,#liste-zahl,#liste-pfad,#zweighinweis,#suchhinweis,.herkunft{display:none!important}.schleier{position:fixed;left:0;right:0;bottom:0;height:64px;z-index:25;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to top,#000 25%,transparent);mask-image:linear-gradient(to top,#000 25%,transparent);background:linear-gradient(to top,color-mix(in srgb,var(--grund) 75%,transparent),transparent)}
.held{min-height:320px;max-height:1000px}.held .knoepfe{z-index:1}.nacht-footer{max-width:760px;margin:80px auto 0;padding-bottom:calc(var(--heim) + 28px)}.fuss-service{display:flex;gap:18px;flex-wrap:wrap;font:11px var(--mono);color:var(--text3)}.fuss-service a,.fuss-service button{color:inherit;background:none;border:0;padding:0;text-decoration:none;font:inherit}.mail-info{margin-top:12px;color:var(--text3);font-size:12px}.mail-info summary{cursor:pointer}.mail-info p{max-width:none;font-size:12px}.rueckmeldung:not([hidden]){display:block}.melden-raus{background:none;color:var(--text);border:0;text-decoration:underline}.melden-warn{color:#d4a08b}.modell78-frame{width:100%;min-height:580px;border:1px solid var(--linie2);border-radius:6px}
#view-liste .kopfbereich{margin:0}#view-liste h1{font:600 36px/1.05 var(--sans);letter-spacing:-.025em}#liste>div.raster2{padding-top:32px}.karte{position:relative;min-width:0}.karte h2{margin:0;font-weight:400}.karte .kachel-name{font-size:14px}.karte .merken{z-index:3}.karte .kachel-link{position:relative}.leer{grid-column:1/-1}.leer h2{font-size:24px}.leer p{margin-top:12px}.leer button,.leer>a{display:inline-block;background:transparent;border:1px solid var(--linie2);border-radius:6px;color:var(--text);padding:10px 14px;margin-top:16px}.search-shortcuts{display:flex;gap:10px;flex-wrap:wrap}.search-shortcuts button{background:var(--flaeche);border:1px solid var(--linie2);border-radius:6px;color:var(--text);padding:10px}
.m001-library{padding:0}.article-overview{margin:0}.artikel-kopf{position:relative}.artikel-kopf h1{padding-right:54px}.artikel-kopf>.merken{top:18px;right:0;width:44px;height:44px}.artikel-kopf>.merken .l{display:none}.artikel-kopf>.merken{font-size:0}.artikel-kopf>.merken .i{width:16px;height:16px}.pfad .i{width:12px;height:12px}.pfad .tr{display:inline}.article-overview .lead{padding:0}.buehne{position:relative;margin-top:24px}.buehne>canvas,.buehne>.fenster{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/5;border:1px solid var(--linie2);border-radius:6px;background:var(--flaeche);overflow:hidden;touch-action:none}.buehne>.fenster>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%}.buehne>canvas[hidden]{display:none}.buehne-fuss{margin:0}.library-model-controls{display:flex;gap:8px;margin-top:12px}.library-model-controls button{flex:1;height:40px;padding:0 12px;border:1px solid var(--linie2);border-radius:6px;background:transparent;color:var(--text2);font:500 14px var(--sans);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.library-model-controls button:hover{border-color:var(--text3);color:var(--text)}.library-model-controls button[aria-pressed=true]{background:var(--text);color:var(--grund);border-color:var(--text)}.library-model-controls button:disabled{opacity:.45;cursor:default}.werkzeug{position:absolute;top:10px;left:10px}.werkzeug button{display:grid;place-items:center;width:34px;height:34px;padding:0;background:var(--grund);color:var(--text2);border:1px solid var(--linie2);border-radius:6px}.buehne-fuss>.fehler{display:block;margin:12px 0;color:#d4a08b;font-size:13px}.buehne-fuss>.laden{position:static;display:block;padding:12px;width:100%;border:1px solid var(--linie2);color:var(--text)}.intro-summary{margin-top:28px}.intro-summary p{font-size:17px;line-height:1.55;max-width:none}.chapter-nav{margin-top:40px}.chapter-nav>.eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text2);max-width:none;margin:0 0 14px}.chapter-nav nav{counter-reset:chapter}.chapter-nav nav a{position:relative;counter-increment:chapter;display:grid;grid-template-columns:1fr auto 16px;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--linie);color:var(--text);font-size:16px;text-decoration:none}.chapter-nav nav a:last-child{border-bottom:1px solid var(--linie)}.chapter-nav nav a:after{content:'›';color:var(--text3)}.chapter-nav nav a:before{content:counter(chapter,decimal-leading-zero);grid-column:2;grid-row:1;font:12px var(--mono);color:var(--text2)}.chapter-nav>a{display:inline-block;font-size:15px;margin-top:18px}.chapter{padding-top:56px;scroll-margin-top:calc(90px + env(safe-area-inset-top,0px))}.section-heading{margin-bottom:18px}.section-number{display:block;margin-bottom:10px;font:500 11px var(--mono);letter-spacing:.14em;color:var(--text3)}.section-heading h2{margin:0}.chapter>p{max-width:none;margin-bottom:18px}.knowledge-grid,.function-steps{list-style:none;margin:0;padding:0}.knowledge-item{position:relative;padding:18px 0}.knowledge-item:before,.knowledge-item:last-child:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--linie)}.knowledge-item:last-child:after{top:auto;bottom:0}.knowledge-item h3{margin-bottom:6px}.knowledge-item p{font-size:15px;max-width:none}.knowledge-item p+p{margin-top:8px}.term{color:var(--text);text-decoration:underline;text-decoration-color:var(--text3);text-underline-offset:3px;text-decoration-thickness:1px}.location-figure{margin:0 0 22px}.car-map{position:relative;border-radius:6px;border:1px solid var(--linie);background:#131c20;overflow:hidden}.car-map>img{display:block;width:100%;height:auto}.location-figure figcaption{margin-top:10px;font-size:13px;color:var(--text3)}.punkt i{box-sizing:content-box}.punkt .hotspot-label{font:11px var(--mono);letter-spacing:.06em}.punkt.flip{translate:calc(-100% + 5px) -50%;flex-direction:row-reverse}
.teile-kopf{display:grid;gap:14px;margin:6px 0}.teile-liste{display:block}.teile-liste>.teil{display:grid;grid-template-columns:44px 1fr 16px;gap:14px;align-items:center;position:relative;text-align:left;padding:18px 0;border-top:1px solid var(--linie);color:var(--text);font:16px var(--sans)}.teile-liste>.teil:last-child{border-bottom:1px solid var(--linie)}.teile-liste>.teil:after{content:'›';justify-self:end;color:var(--text3)}.teile-liste>.teil.is-an:after{transform:rotate(90deg)}.teil .tn{font:12px var(--mono);color:var(--text2)}.teil-detail p{margin-top:6px}.teil-detail dl div{border:0}.teil-detail .wo{max-width:none;font:11px/1.5 var(--mono);color:var(--text3)}.daten b{font-weight:500}.daten .gross{font-size:18px}.chapter details{border-top:1px solid var(--linie)}.chapter details:last-of-type{border-bottom:1px solid var(--linie)}.chapter summary{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:17px;font-weight:500;letter-spacing:-.01em;cursor:pointer;list-style:none}.chapter summary:after{content:'›';color:var(--text3);transition:transform .25s var(--kurve)}.chapter details[open]>summary:after{transform:rotate(90deg)}.chapter summary::-webkit-details-marker{display:none}.chapter details>:not(summary){margin-bottom:18px}.chapter details p,.chapter details li{max-width:none;font-size:15px}.quick-note{padding:14px 18px;border-left:2px solid var(--text3);color:var(--text);font-size:15px;margin:18px 0}.related-models,.model-connections{margin-top:28px}.related-models h3,.model-connections h3{margin-bottom:8px}.related-link{display:block;padding:12px 0;border-top:1px solid var(--linie);color:var(--text);text-decoration:none;font-size:16px}.related-link:last-child{border-bottom:1px solid var(--linie)}.lexicon-callout{display:inline-block;margin-top:18px;font-size:15px;text-decoration:underline;text-underline-offset:3px}.glossary-page{padding-top:22px}.glossary-page h1{font:600 36px/1.05 var(--sans);letter-spacing:-.025em;margin:18px 0 24px}.glossary-page>p{max-width:none}.glossary-page input,.glossary-page select{display:block;width:100%;height:54px;padding:0 14px;margin:12px 0;background:var(--flaeche);color:var(--text);border:1px solid var(--linie2);border-radius:6px;font-size:16px}.glossary-entry{display:block;padding:20px 0;border-bottom:1px solid var(--linie);text-decoration:none}.glossary-entry strong,.glossary-entry span{display:block}.glossary-entry span{color:var(--text2);font-size:15px;margin-top:6px}.glossary-page h2{margin-top:32px}.glossary-page .eyebrow{font:11px var(--mono);letter-spacing:.14em;margin-top:28px}
.nacht-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:var(--status) 0 0;background:var(--grund);color:var(--text);overflow:hidden;z-index:60}.nacht-dialog::backdrop{background:var(--grund)}.nacht-dialog header{max-width:800px;margin:0 auto}.nacht-dialog .rolle{max-width:800px;width:100%;margin:0 auto;overflow-y:auto;max-height:calc(100% - 68px);padding:28px 20px calc(var(--heim) + 24px)}.nacht-dialog .zeile{opacity:0;transform:translateY(12px);transition:opacity .45s var(--kurve),transform .45s var(--kurve);transition-delay:calc(var(--i,0)*55ms + 100ms)}.nacht-dialog.offen .zeile{opacity:1;transform:none}.nacht-dialog .haupt{font:600 26px var(--sans);letter-spacing:-.02em}.nacht-dialog .zeile{padding:20px 0}.nacht-dialog nav>a,.nacht-dialog nav>button{width:100%;background:none;border:0;color:var(--text);text-align:left;text-decoration:none}.nacht-dialog .vorschlaege .zeile{padding:16px 0}.nacht-dialog .vorschlaege .haupt{font-size:16px;font-weight:400}.nacht-dialog .suchzeile .feld{min-width:0}.nacht-dialog .suchzeile .knopf{flex:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0009;z-index:80;padding:20px}.blatt{width:min(100%,460px);background:var(--grund);border:1px solid var(--linie2);border-radius:6px;padding:24px}.blatt h2{margin-bottom:18px}.blatt p{max-width:none}.blatt label{display:block;margin-top:20px}.blatt input{width:100%;height:54px;font-size:16px;color:var(--text);background:var(--flaeche);border:1px solid var(--linie2);border-radius:6px;padding:14px}.dialog-knoepfe{display:flex;gap:8px;margin:18px 0}.dialog-knoepfe button{position:static;width:auto;height:42px;padding:0 14px;border:1px solid var(--linie2);border-radius:6px;background:var(--flaeche);color:var(--text);font-size:14px}.dialog-knoepfe .knopf-voll{background:var(--oliv);color:#fff}.dialog-warn{font-size:12px;color:var(--text3)}.ui-status{position:fixed;left:50%;bottom:calc(32px + var(--heim));transform:translate(-50%,16px);opacity:0;pointer-events:none;z-index:90;padding:12px 18px;background:var(--flaeche);color:var(--text);border:1px solid var(--linie2);border-radius:6px;font-size:14px;transition:opacity .2s,transform .2s}.ui-status.is-visible{opacity:1;transform:translate(-50%,0)}.system-controls{padding-top:18px}.system-controls label{display:block;margin:16px 0;font-size:14px;color:var(--text2)}.system-controls select{width:100%;height:44px;border:1px solid var(--linie2);border-radius:6px;background:var(--flaeche);color:var(--text);padding:8px;font-size:16px}.system-controls button{height:40px;padding:0 12px;border:1px solid var(--linie2);border-radius:6px;background:transparent;color:var(--text2);font-size:14px}.system-tools{display:flex;gap:8px}.system-controls input[type=range]{display:block;width:100%;accent-color:var(--text)}.system-controls .regler output{float:right}.schieber-eingabe{font-size:16px}.nacht-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:var(--flaeche);overflow:hidden}.nacht-loading:before{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 6%,transparent),transparent);animation:schimmer 1.6s ease-in-out infinite}.m001-library.skelett .lead,.m001-library.skelett .intro-summary p{color:transparent;background:var(--flaeche)}
html.js .knowledge-item.erscheinen:before,html.js .knowledge-item.erscheinen:last-child:after{transform:scaleX(0);transform-origin:left}html.js .knowledge-item.erscheinen.da:before,html.js .knowledge-item.erscheinen.da:last-child:after{transform:scaleX(1);transition:transform 1.1s var(--kurve);transition-delay:calc(var(--i,0)*80ms + 120ms)}
body:has(.nacht-footer)>.privacy-footer{display:none}body .privacy-dialog{background:var(--grund);border-color:var(--linie2);border-radius:6px;color:var(--text);font-family:var(--sans)}body .privacy-actions button{background:var(--flaeche);border-color:var(--linie2);border-radius:6px;font-family:var(--sans)}body .privacy-actions button:last-child{background:var(--oliv)}body.legal-body{background:var(--grund);color:var(--text);font-family:var(--sans)}body .legal-main a,body .privacy-dialog a{color:var(--text)}body .privacy-footer{font-family:var(--sans);color:var(--text2)}body .stats-card{background:var(--flaeche);border-color:var(--linie2);border-radius:6px}
@media(max-width:800px){.nacht-footer{margin-left:20px;margin-right:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.js .erscheinen,html.js .wort,.nacht-dialog .zeile{opacity:1;filter:none;transform:none}}

.blatt label.feld{height:auto;border:0;padding:0;background:none}#suchzeile,#suchhinweis,#zweighinweis{display:none!important}
.zurueck .i{width:16px;height:16px}.artikel-kopf h1{min-height:44px}.intro-summary p{color:var(--text2)}.teil{width:100%}html{overflow-anchor:none}
body{height:auto;min-height:100svh}
body.legal-body{font:16px var(--sans)}body .legal-main{max-width:800px;margin:auto;padding:22px 20px 0}body .legal-main h1{font:600 36px/1.05 var(--sans);letter-spacing:-.025em;margin:28px 0;overflow-wrap:anywhere}body .legal-main h2{font:600 28px/1.1 var(--sans);letter-spacing:-.02em;margin:56px 0 18px}body .legal-main p{font-size:15px;line-height:1.55;max-width:none;margin:14px 0}body .legal-main .intro{font-size:18px;color:var(--text2)}body .legal-main> a:first-child{font:12px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text2)}body .legal-main button,body .legal-main input,body .legal-main select{border-color:var(--linie2);border-radius:6px;background:var(--flaeche);font-size:16px}body .legal-main .stats-bar{background:var(--oliv)}.legal-main table{min-width:560px}.legal-main .legal-table{overflow-x:auto}.legal-main th,.legal-main td{font-size:14px;color:var(--text2)}
.library-model-controls button,.system-controls button{position:static;width:auto}.titel,.chapter h2,.glossary-page h1{overflow-wrap:anywhere}.wort{max-width:100%;overflow-wrap:anywhere}.system-controls .system-tools{flex-wrap:wrap}.system-controls .system-tools button{white-space:normal;height:auto;min-height:40px;padding:8px 12px}

.punkt .hotspot-label{white-space:normal;min-width:0;overflow-wrap:anywhere}

/* Keep the approved portrait layout; fit both words in short viewports too. */
:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
.kopfzeile{padding-left:max(10px,var(--safe-left));padding-right:max(10px,var(--safe-right))}
.motorbuehne{margin-left:calc(-20px + var(--safe-left));margin-right:calc(-20px + var(--safe-right))}
.motor-schrift{max-height:50%}
@media(orientation:landscape){.held{min-height:0}}

/* Suche (22.09.2026): „Meintest du …?“ über der Trefferliste, wenn nur die Tippfehler-Korrektur etwas fand */
#liste>.meintest{margin:18px 0 0;font-size:15px;line-height:1.5;color:var(--text2)}
#liste>.meintest button{padding:0;border:0;background:none;font:inherit;color:var(--text);text-decoration:underline;text-decoration-color:var(--text3);text-underline-offset:3px;cursor:pointer}

/* Karten (22.09.2026): die Drehung als Video über dem Standbild, das dessen erstes Bild ist — kachelvideo.js */
.kachel-bild video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;pointer-events:none}
.kachel-bild video.laeuft{opacity:1}