/* medienwerkstatt006 · Schlagwort-Archiv — Aufbau nach dem PATHBODY-Archiv, Formsprache der Startseite (Space Mono · Unbounded · Signalfarben) */
:root{--bg:#050508;--bg2:#0d0d13;--bg3:#16161f;--fg:#e8e0d4;--dim:rgba(232,224,212,.62);--faint:rgba(232,224,212,.38);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);
--a1:#ff2d55;--a2:#00e5ff;--a3:#ffe600;--a4:#b400ff;--mono:"Space Mono",ui-monospace,Menlo,monospace;--disp:"Unbounded","Arial Black",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:13px/1.6 var(--mono);overflow-x:hidden}
body.mw4-active{padding-top:70px!important}
@media(max-width:768px){body.mw4-active{padding-top:66px!important}}
a{color:var(--fg)}a:hover{color:var(--a2)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:80px;background:var(--fg);color:var(--bg);padding:6px;z-index:99}
.amast{display:flex;align-items:center;gap:18px;flex-wrap:wrap;max-width:1560px;margin:0 auto;padding:14px 28px;border-bottom:1px solid var(--line)}
.amast .crumb{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);text-decoration:none}
.amast .crumb b{color:var(--a1)}
.amast nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.amast nav a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-decoration:none;border-bottom:1px solid transparent;min-height:32px;display:inline-flex;align-items:center}
.amast nav a:hover{color:var(--a2);border-color:var(--a2)}
.amast nav a.lang{color:var(--a3)}
main{max-width:1560px;margin:0 auto;padding:0 28px}
/* Intro + QR */
.intro{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,1.25fr);gap:44px;padding:42px 0 28px;align-items:start}
.k{font:700 10px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--a2);margin:0}
h1{font:900 clamp(44px,7.4vw,112px)/.92 var(--disp);letter-spacing:-.02em;margin:10px 0 18px}
h1 span{color:var(--a1)}
h1 small{display:block;font:200 .22em/1.3 var(--disp);letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-top:12px}
.lead{font-size:15px;line-height:1.7;max-width:900px;margin:0;color:rgba(232,224,212,.82)}
.lead b{color:var(--fg)}
.qrside{display:flex;flex-direction:column;gap:16px}
.qrbox{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;text-decoration:none;color:var(--fg);border:1px solid var(--line2);border-left:2px solid var(--a2);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:16px}
.qrbox:hover{border-color:rgba(0,229,255,.6);color:var(--fg)}
.qrcode{position:relative;display:block;width:168px;height:168px;background:#fff;padding:10px;overflow:hidden}
.qrcode img{display:block;width:100%;height:100%;image-rendering:pixelated}
.qrcode::after{content:"";position:absolute;left:0;right:0;height:2px;top:0;background:var(--a2);box-shadow:0 0 12px var(--a2);opacity:.8;animation:qrscan 4.2s cubic-bezier(.6,0,.4,1) infinite}
@keyframes qrscan{0%,100%{top:2%}50%{top:96%}}
@media(prefers-reduced-motion:reduce){.qrcode::after{animation:none;opacity:0}}
.qrtxt b{display:block;font:700 15px/1.2 var(--disp);letter-spacing:.02em;color:var(--a2);margin-bottom:8px}
.qrtxt span{display:block;font-size:11px;line-height:1.55;color:var(--dim)}
.qrtxt code{display:block;font-size:10px;color:var(--faint);margin-top:8px;overflow-wrap:anywhere}
.qrdl{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.qrdl a{color:var(--faint);text-decoration:none;border-bottom:1px solid var(--line2)}.qrdl a:hover{color:var(--a2);border-color:var(--a2)}
.stats{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line2)}
.stats div{padding:10px 0;border-bottom:1px solid var(--line)}
.stats dt{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.stats dd{margin:2px 0 0;font:700 26px/1.1 var(--disp);color:var(--fg)}
/* Kapitel */
.kap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:2px solid var(--fg);margin-top:4px}
.kap button{all:unset;cursor:pointer;padding:14px 12px 16px;border-right:1px solid var(--line);position:relative}
.kap button::before{content:"";position:absolute;left:12px;top:-8px;width:12px;height:12px;background:var(--bg);border:2px solid var(--fg)}
.kap button.on::before{background:var(--a1);border-color:var(--a1)}
.kap b{display:block;font-size:10px;letter-spacing:.14em;color:var(--a2);margin-top:4px}
.kap span{display:block;font:700 13px/1.2 var(--disp);margin:4px 0}
.kap em{font-size:10px;line-height:1.45;font-style:normal;color:var(--faint);display:block}
.kap button:hover{background:rgba(255,255,255,.035)}.kap button.on{background:rgba(255,45,85,.07)}
.kap button:focus-visible{outline:1px solid var(--a2);outline-offset:-1px}
/* Zeitachse */
.zeit{margin:26px 0 6px}
.zl{display:flex;align-items:flex-end;gap:2px;height:84px;border-bottom:2px solid var(--fg);position:relative}
.zl button{all:unset;cursor:pointer;flex:1;background:rgba(232,224,212,.55);min-height:2px;position:relative}
.zl button.zero{background:transparent;cursor:default}
.zl button.on,.zl button:hover{background:var(--a1)}
.zl button span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--faint);white-space:nowrap}
/* Werkzeug */
.tool{margin:42px 0 16px;border-top:1px solid var(--line2);padding-top:18px}
.search{display:flex;align-items:center;gap:14px}
.search label{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--a2)}
.search input{flex:1;font:400 clamp(18px,2.2vw,28px) var(--mono);padding:8px 4px;border:0;border-bottom:2px solid var(--fg);background:transparent;color:var(--fg);border-radius:0;min-width:0}
.search input::placeholder{color:rgba(232,224,212,.28)}
.search input:focus{outline:none;border-bottom-color:var(--a2)}
#count{font-size:12px;font-weight:700;color:var(--a1);white-space:nowrap}
.facets{display:flex;gap:10px;align-items:center;margin:14px 0;flex-wrap:wrap}
.fg{display:flex;gap:4px;flex-wrap:wrap;margin-right:auto}
.facets button,.facets select,.more button,.regbtn{font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:transparent;color:var(--fg);border:1px solid var(--line2);padding:8px 11px;cursor:pointer;border-radius:0;min-height:36px}
.facets select{background:var(--bg2)}
.facets button.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.facets button:hover,.more button:hover,.regbtn:hover{border-color:var(--a2);color:var(--a2)}.facets button.on:hover{background:var(--a2);color:var(--bg)}
.fx{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:4px 0 12px}
.fx b{font-size:10px;letter-spacing:.2em;color:var(--a2);margin-right:6px}
.fx button{font:11px var(--mono);background:transparent;border:1px solid var(--line);padding:2px 7px;cursor:pointer;color:var(--dim)}
.fx button sup{color:var(--faint)}.fx button.on,.fx button:hover{border-color:var(--a2);color:var(--a2)}
.cloud{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;line-height:1.15;margin:10px 0}
.cloud button{all:unset;cursor:pointer;font-family:var(--disp);font-weight:400;color:rgba(232,224,212,.86)}
.cloud button:hover,.cloud button.on{color:var(--a2)}
.cloud button:focus-visible{outline:1px solid var(--a2)}
.cloud button sup{font:9px var(--mono);color:var(--faint);margin-left:2px}
.active{display:flex;gap:6px;flex-wrap:wrap;min-height:4px}
.active button{font:700 11px var(--mono);background:var(--a1);color:#fff;border:0;padding:5px 9px;cursor:pointer}
/* Register A–Z */
.reg{margin:8px 0 0;border-top:1px solid var(--line)}
.reg summary{cursor:pointer;padding:12px 0;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--a3);list-style:none}
.reg summary::-webkit-details-marker{display:none}
.reg summary::before{content:"+ ";}.reg[open] summary::before{content:"– "}
.regnav{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:10px}
.regnav a{font-size:11px;font-weight:700;color:var(--dim);text-decoration:none;padding:4px 7px;border:1px solid var(--line)}
.regnav a:hover{color:var(--a2);border-color:var(--a2)}
.regfilter{font:12px var(--mono);background:var(--bg2);color:var(--fg);border:1px solid var(--line2);padding:8px 10px;width:min(420px,100%);margin-bottom:12px}
.reglist{columns:4 220px;column-gap:28px;font-size:12px}
.reglist h3{font:900 20px var(--disp);color:var(--a1);margin:12px 0 4px;break-after:avoid}
.reglist button{all:unset;cursor:pointer;display:block;padding:1px 0;color:var(--dim);break-inside:avoid}
.reglist button:hover{color:var(--a2)}.reglist button sup{color:var(--faint);font-size:9px;margin-left:3px}
/* Raster */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px 12px;margin-top:14px}
.card{all:unset;cursor:pointer;display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);height:100%;box-sizing:border-box}
.card:hover,.card:focus-visible{border-color:var(--a2);outline:none}
.card .im{position:relative;aspect-ratio:3/2;background:#111118;display:grid;place-items:center;overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:contain;display:block}
.card .im .fmt{font:700 20px var(--disp);color:rgba(232,224,212,.3);letter-spacing:.06em}
.card .im i{position:absolute;right:6px;top:6px;font:700 9px var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;background:var(--bg);color:var(--fg);padding:2px 6px;border:1px solid var(--line2)}
.card .im i.page{color:var(--a2);border-color:rgba(0,229,255,.4)}.card .im i.video{color:var(--a1)}.card .im i.model{color:var(--a3)}.card .im i.audio{color:var(--a4)}
.card .t{padding:9px 11px 11px;flex:1}
.card b{font-size:10px;letter-spacing:.08em;color:var(--a1)}
.card span{display:block;font:700 12.5px/1.3 var(--disp);margin:4px 0 5px;overflow-wrap:anywhere;color:var(--fg)}
.card em{display:block;font-size:10px;line-height:1.45;font-style:normal;color:var(--faint)}
.more{text-align:center;margin:26px 0}
.empty{grid-column:1/-1;padding:40px 0;color:var(--faint);font-size:14px}
/* Daten */
.about{border-top:1px solid var(--line2);margin-top:44px;padding:20px 0 44px;max-width:1080px}
.about h2{font:900 28px var(--disp);margin:0 0 10px}
.about p{color:var(--dim)}
.dl{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}
.dl a{color:var(--a2)}
.foot{display:flex;justify-content:space-between;gap:16px;padding:16px 28px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap}
.foot a{color:var(--faint)}
/* Detailansicht */
body.ov-open #mw-global-header-v4{display:none!important}
.card .im .pg{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:14px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 6px),linear-gradient(135deg,#14141d,#0b0b11);font-size:10px;color:var(--faint);overflow-wrap:anywhere;text-align:left}
.card .im .pg b{font:700 13px/1.15 var(--disp);color:rgba(0,229,255,.7);letter-spacing:.02em}
.ov{position:fixed;inset:0;background:rgba(5,5,8,.96);z-index:2147483000;display:grid;place-items:center;padding:24px;overflow:auto}
.ov[hidden]{display:none}
.box{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;width:min(1440px,100%);background:var(--bg2);border:1px solid var(--line2);padding:28px}
.box .x,.box .nav{position:absolute;background:var(--bg);color:var(--fg);border:1px solid var(--line2);width:44px;height:44px;font:20px var(--mono);cursor:pointer;z-index:3}
.box .x{top:-1px;right:-1px}.box .p{left:-22px;top:45%}.box .n{right:-22px;top:45%}
.box .x:hover,.box .nav:hover{border-color:var(--a2);color:var(--a2)}
.pv{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#0a0a10;min-height:360px;position:relative}
.pv img.main{display:block;max-width:100%;max-height:74vh;width:auto;height:auto;object-fit:contain}
.pv video.main{width:100%;max-height:70vh;background:#000}
.pv audio{width:90%}
.pv iframe.main{width:100%;height:72vh;border:0;background:#fff}
.pv model-viewer{width:100%;height:62vh;background:radial-gradient(ellipse at 50% 40%,#1b1b26 0%,#07070b 100%);--poster-color:transparent}
.pv .fmt{font:900 54px var(--disp);color:rgba(232,224,212,.25)}
.pv .pvn{font-size:10px;letter-spacing:.08em;color:var(--faint);margin:0 0 10px;text-align:center}
.pv .pvn a{color:var(--a2)}
.pv .shot{position:relative;width:100%;display:grid;place-items:center}
.pv .shot img{max-width:100%;max-height:52vh;object-fit:contain}
.arbtn{position:absolute;left:12px;bottom:12px;font:700 11px var(--mono);letter-spacing:.1em;background:var(--a2);color:var(--bg);border:0;padding:10px 14px;cursor:pointer}
.meta .id{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--a1)}
.meta h2{font:900 clamp(20px,2vw,30px)/1.12 var(--disp);margin:6px 0 12px;overflow-wrap:anywhere}
.meta .acts{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.meta .acts a,.meta .acts button{font:700 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--a2);border:1px solid rgba(0,229,255,.5);padding:9px 12px;text-decoration:none;cursor:pointer;min-height:38px;display:inline-flex;align-items:center}
.meta .acts a.pri{background:var(--a2);color:var(--bg)}
.meta .acts a:hover,.meta .acts button:hover{background:var(--a2);color:var(--bg)}
.meta dl{display:grid;grid-template-columns:110px 1fr;margin:8px 0;font-size:12px}
.meta dt{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);padding:7px 0;border-top:1px solid var(--line)}
.meta dd{margin:0;padding:6px 0;border-top:1px solid var(--line);overflow-wrap:anywhere;color:rgba(232,224,212,.85)}
.meta code{font:10.5px var(--mono);color:var(--dim)}
.meta .tags button{font:11px var(--mono);background:transparent;color:var(--fg);border:1px solid var(--line2);padding:3px 7px;margin:0 4px 4px 0;cursor:pointer}
.meta .tags button:hover{background:var(--a1);border-color:var(--a1);color:#fff}
.meta .occ{margin:0;padding-left:16px;font-size:11px;line-height:1.55}
.meta .occ a{color:var(--a2)}
.meta .txt{font-size:12.5px;line-height:1.6;max-height:200px;overflow:auto;border-left:2px solid var(--a1);padding-left:12px;color:var(--dim)}
.meta .txt mark{background:var(--a3);color:var(--bg)}
@media (max-width:980px){.intro,.box{grid-template-columns:1fr}.intro{gap:26px}.kap{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
 .amast,main{padding-left:16px;padding-right:16px}
 .amast{gap:4px;padding-top:10px;padding-bottom:8px}
 .amast nav{margin-left:0;gap:0 14px;flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}.amast nav::-webkit-scrollbar{display:none}
 .amast nav a{white-space:nowrap;min-height:36px}
 .lead{font-size:13px;line-height:1.65}
 h1{margin-bottom:12px}h1 small{font-size:.26em}
 .kap{grid-template-columns:repeat(2,minmax(0,1fr))}.kap em{display:none}.kap span{font-size:12px}
 .intro{padding-top:26px}
 .qrbox{grid-template-columns:104px 1fr;gap:14px;padding:12px}.qrcode{width:104px;height:104px;padding:6px}
 .qrtxt b{font-size:13px}.qrtxt code{display:none}
 .stats dd{font-size:20px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
 .card span{font-size:11px}.card em{display:none}
 .search{flex-wrap:wrap}.search input{flex-basis:100%;order:2}
 .zl span{display:none}.zl button:nth-child(5n+1) span{display:block}
 .ov{padding:0}.box{padding:16px;border:0;min-height:100%}.box .p,.box .n{top:auto;bottom:12px;position:fixed}.box .p{left:12px}.box .n{right:12px}
 .meta dl{grid-template-columns:90px 1fr}
 .reglist{columns:2 140px}
}
@media print{
 #mw-global-header-v4,.tool,.grid,.more,.kap,.zeit,.amast nav,.foot,.ov{display:none!important}
 body{background:#fff;color:#000;padding:0!important}h1,.lead,.stats dd{color:#000}.qrbox{border:1px solid #000;color:#000}.qrcode::after{display:none}
}
/* ── Ausgabe-Funktionen wie im PATHBODY-Archiv: Vollbild · Video · Wellenform · 3D mit AR · Relief · QR ── */
.pv{position:relative;align-items:center}
.pv img.main{cursor:zoom-in;transform-origin:center center;user-select:none;-webkit-user-drag:none;touch-action:none;max-height:70vh}
.fsb{position:absolute;top:8px;right:8px;z-index:4;font:700 10px var(--mono);letter-spacing:.12em;background:rgba(5,5,8,.82);border:1px solid var(--line2);padding:7px 10px;cursor:pointer;color:var(--fg)}
.fsb:hover{border-color:var(--a2);color:var(--a2)}
.pv .pvn{margin:6px 0 0}
.vbar{display:flex;flex-wrap:wrap;gap:8px;align-self:stretch;justify-content:center}
.vbar button,.vbar a{font:700 10px/1 var(--mono);letter-spacing:.12em;background:var(--fg);color:var(--bg);border:1px solid var(--fg);padding:11px 14px;cursor:pointer;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}
.vbar a{background:transparent;color:var(--fg)}.vbar button:hover,.vbar a:hover{background:var(--a2);border-color:var(--a2);color:var(--bg)}
.pv canvas.wave{width:100%;height:auto;aspect-ratio:14/3;background:#07070b;border:1px solid var(--line)}
.pv audio.aud{width:100%}
.xemb{position:relative;width:100%;display:grid;place-items:center;min-height:300px;background:#000}
.xemb img.main{opacity:.72;cursor:default;max-height:62vh}
.xemb .xload{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 11px var(--mono);letter-spacing:.12em;background:var(--a1);color:#fff;border:0;padding:15px 20px;cursor:pointer;min-height:48px}
.xemb .xload:hover{background:var(--a2);color:var(--bg)}
.pv iframe.xif{width:100%;aspect-ratio:16/9;height:auto;max-height:72vh;border:0;background:#000}.pv iframe.xau{aspect-ratio:auto;height:180px}
.pv model-viewer.mv{width:100%;height:58vh;background:radial-gradient(ellipse at 50% 40%,#1b1b26 0%,#07070b 100%);align-self:stretch;--poster-color:transparent}
.arb{position:absolute;left:12px;bottom:12px;font:700 11px var(--mono);letter-spacing:.1em;background:var(--a2);color:var(--bg);border:0;padding:11px 14px;cursor:pointer}
.m3{display:flex;flex-direction:column;gap:4px;font:11px/1.5 var(--mono);color:var(--dim);align-self:stretch}.m3 b{color:var(--a2);letter-spacing:.14em;margin-right:6px}.m3 small{color:var(--faint)}
.m3 select{font:11px var(--mono);border:1px solid var(--line2);background:var(--bg);color:var(--fg);padding:3px 5px}
.arq{display:flex;gap:16px;align-items:center;align-self:stretch;border-top:1px solid var(--line);padding-top:12px}
.arq .qr,.rl-qr{width:136px;height:136px;flex:none;background:#fff;padding:4px;display:block}.arq .qr svg,.rl-qr svg{width:100%;height:100%;display:block}
.rl-qr:empty{display:none}
.arq p{margin:0;font:12px/1.55 var(--mono);color:var(--dim)}.arq b{display:block;font:700 10px var(--mono);letter-spacing:.18em;color:var(--a2);margin-bottom:4px}
.arq a,.arq button.rl-back{color:var(--a2);font:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:0;cursor:pointer}
.pv details.doct{align-self:stretch}.pv details.doct summary{font:700 10px var(--mono);letter-spacing:.14em;color:var(--a2);cursor:pointer;padding:8px 0}
.pv pre.doc{font:11.5px/1.6 var(--mono);white-space:pre-wrap;max-height:46vh;overflow:auto;background:var(--bg);color:var(--dim);margin:0;padding:14px;border:1px solid var(--line)}
/* Relief */
.rl-cta{display:flex;gap:12px;align-items:center;align-self:stretch;border-top:1px solid var(--line);padding-top:12px;flex-wrap:wrap}
.rlb{font:700 11px var(--mono);letter-spacing:.12em;background:transparent;color:var(--a3);border:1px solid var(--a3);padding:10px 15px;cursor:pointer;min-height:42px}
.rlb:hover{background:var(--a3);color:var(--bg)}
.rl-cta span{font-size:11px;line-height:1.5;color:var(--faint);flex:1;min-width:200px}
.pv model-viewer.rl-mv{height:54vh;background:radial-gradient(ellipse at 50% 40%,#22222e 0%,#07070b 100%)}
.rl-busy{position:absolute;left:12px;top:12px;font:700 10px var(--mono);letter-spacing:.12em;color:var(--a2);display:none}
.pv.rl-wait .rl-busy{display:block}.pv.rl-wait model-viewer.rl-mv{opacity:.55;transition:opacity .2s}
.rl-ctl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;align-self:stretch;font:11px var(--mono);color:var(--dim)}
.rl-ctl label{display:flex;flex-direction:column;gap:4px}.rl-ctl b{color:var(--a2);letter-spacing:.12em}
.rl-ctl input[type=range]{width:100%;accent-color:var(--a2)}
.rl-ctl select{font:11px var(--mono);border:1px solid var(--line2);background:var(--bg);color:var(--fg);padding:4px}
.rl-ctl .rl-ck{flex-direction:row;align-items:center;gap:6px}
.rl-sw{display:flex;align-self:end}.rl-sw button{font:700 10px var(--mono);letter-spacing:.08em;background:var(--bg);border:1px solid var(--line2);padding:7px 11px;cursor:pointer;color:var(--fg);min-height:34px}
.rl-sw button+button{border-left:0}.rl-sw button.on{background:var(--fg);color:var(--bg)}
.rl-mv .rl-go{min-height:44px}.rl-mv .rl-go:disabled{background:#3a3a46;color:var(--dim);cursor:progress}
.rl-arp{position:absolute;left:50%;bottom:28%;transform:translateX(-50%);background:rgba(5,5,8,.85);color:#fff;font:700 13px/1.4 var(--mono);padding:12px 16px;max-width:80%;text-align:center}
.rl-toast{position:absolute;left:12px;right:12px;top:12px;background:rgba(5,5,8,.88);color:#fff;font:700 13px/1.4 var(--mono);padding:12px 14px;text-align:center;z-index:3}
.rl-how{counter-reset:s;list-style:none;margin:2px 0 0;padding:0;align-self:stretch}.rl-how:empty{display:none}
.rl-how li{counter-increment:s;position:relative;padding:0 0 8px 32px;font:13px/1.5 var(--mono);color:var(--fg)}
.rl-how li:before{content:counter(s);position:absolute;left:0;top:0;width:22px;height:22px;border:1px solid var(--a2);color:var(--a2);font:700 11px/22px var(--mono);text-align:center}
.rl-more{grid-column:1/-1;border-top:1px solid var(--line);padding-top:2px}.rl-more summary{font:700 10px var(--mono);letter-spacing:.16em;color:var(--fg);padding:8px 0;cursor:pointer}
.rl-more>.rl-ctl{margin-top:4px}
/* Vollbild (nativ und Ersatz für iPhone) */
.pv:fullscreen,.pv:-webkit-full-screen,.pv.fsx{background:#000;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}
.pv.fsx{position:fixed;inset:0;z-index:2147483600}
.pv:fullscreen img.main,.pv.fsx img.main{max-width:100vw;max-height:100vh}
.pv:fullscreen model-viewer,.pv.fsx model-viewer,.pv:fullscreen video.main,.pv.fsx video.main,.pv:fullscreen iframe.main,.pv.fsx iframe.main{width:100vw;height:100vh;max-height:none}
.pv:fullscreen canvas.wave,.pv.fsx canvas.wave{width:100vw}
.pv:fullscreen .pvn,.pv.fsx .pvn,.pv:fullscreen .m3,.pv.fsx .m3,.pv:fullscreen .arq,.pv.fsx .arq,.pv:fullscreen .vbar,.pv.fsx .vbar,.pv:fullscreen .rl-ctl,.pv.fsx .rl-ctl,.pv:fullscreen .rl-cta,.pv.fsx .rl-cta,.pv:fullscreen .rl-info,.pv.fsx .rl-info,.pv:fullscreen details,.pv.fsx details{display:none}
.pv:fullscreen::after,.pv.fsx::after{content:"ESC · ← → · F";position:absolute;left:12px;bottom:10px;font:10px var(--mono);color:#777;pointer-events:none}
@media (hover:none),(max-width:820px){
 .rl-mv .rl-go{left:10px;right:10px;font-size:13px;padding:15px 14px;min-height:52px;text-align:center}
 .pv model-viewer.rl-mv,.pv model-viewer.mv{height:min(56vh,520px)}
 .rl-ctl{grid-template-columns:1fr;gap:12px;font-size:12px}.rl-more>.rl-ctl{grid-template-columns:1fr 1fr}
 .rl-ctl>.rl-sw{order:-1}.rl-ctl select{font-size:15px;padding:9px 8px;min-height:44px}
 .rl-sw{grid-column:1/-1}.rl-sw button{flex:1;font-size:13px;min-height:48px}
 .rl-q .rl-qr,.rl-q .rl-qt{display:none}
 .arq .qr{width:104px;height:104px}
}
/* ── Werkstatt · Parameter ── */
.ws-intro{grid-template-columns:1fr;padding-bottom:10px}
.ws-sec{border-top:1px solid var(--line2);padding:18px 0 26px}
.ws-sec h2{font:900 18px var(--disp);letter-spacing:.02em;margin:0 0 14px}.ws-sec h2 small{font:400 10px var(--mono);letter-spacing:.14em;color:var(--faint);margin-left:10px;text-transform:uppercase}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 18px}
.ws-grid label,.ws-ctl label{display:flex;flex-direction:column;gap:5px;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--a2)}
.ws-grid output,.ws-ctl output{color:var(--fg);letter-spacing:0;font-weight:400}
.ws-grid input[type=search],.ws-grid input:not([type]),.ws-grid input[list],.ws-grid select,.ws-ctl select,.ws-seed input{font:13px var(--mono);background:var(--bg2);color:var(--fg);border:1px solid var(--line2);padding:8px 9px;min-height:38px;border-radius:0;width:100%}
.ws-grid input[type=range],.ws-ctl input[type=range],.ws-tg input[type=range]{accent-color:var(--a2);width:100%}
.ws-2r{display:flex;gap:6px}.ws-seed{display:flex;gap:6px}.ws-seed button{font:18px var(--mono);background:var(--bg2);color:var(--a3);border:1px solid var(--line2);width:42px;cursor:pointer}
.ws-det{margin-top:16px;border-top:1px solid var(--line)}.ws-det summary{cursor:pointer;padding:12px 0;font:700 10px var(--mono);letter-spacing:.2em;color:var(--a3)}.ws-det summary small{color:var(--faint);letter-spacing:.06em;font-weight:400;margin-left:8px;text-transform:none}
.ws-tgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 22px}
.ws-tg{display:grid;grid-template-columns:auto 100px 1fr 34px;gap:8px;align-items:center;font-size:11px;color:var(--dim)}
.ws-tg input[type=color]{width:100%;height:28px;background:none;border:1px solid var(--line2);padding:0}.ws-tg output{text-align:right;color:var(--fg);font-size:11px}
.ws-ax{display:grid;grid-template-columns:150px 1fr;gap:8px;align-items:start;margin:6px 0}.ws-ax>b{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--a2);padding-top:7px}
.ws-chips{display:flex;flex-wrap:wrap;gap:4px}.ws-chips button{font:11px var(--mono);background:transparent;color:var(--dim);border:1px solid var(--line2);padding:5px 9px;cursor:pointer}
.ws-chips button:hover{border-color:var(--a2);color:var(--a2)}.ws-chips button.on{background:var(--a2);border-color:var(--a2);color:var(--bg)}
.ws-count{font:700 11px var(--mono);color:var(--a1);margin:16px 0 8px}
.ws-strip{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.ws-strip a{flex:none;width:96px;text-decoration:none;color:var(--faint);font-size:9px}.ws-strip img,.ws-strip span{display:grid;place-items:center;width:96px;height:72px;object-fit:cover;background:#111118}
.ws-strip i{display:flex;height:5px}.ws-strip u{flex:1}
.ws-vals{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px 28px}
.ws-v>b{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--a2);margin-bottom:8px}
.ws-pal{display:flex;height:54px;border:1px solid var(--line)}.ws-pal span{min-width:3px}
.ws-sm{font-size:11px;color:var(--faint);margin:6px 0 0}
.ws-bar2{display:grid;grid-template-columns:130px 1fr 34px;gap:8px;align-items:center;font-size:11px;color:var(--dim);margin:3px 0}.ws-bar2 small{color:var(--faint)}
.ws-bar2 i{position:relative;height:8px;background:rgba(255,255,255,.06)}.ws-bar2 u{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--a2),var(--a1))}.ws-bar2 s{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--faint);text-decoration:none}
.ws-bar2 em{font-style:normal;text-align:right;color:var(--fg)}
.ws-kv{display:grid;grid-template-columns:1fr auto 60px;gap:10px;font-size:11px;color:var(--dim);border-bottom:1px solid var(--line);padding:3px 0}.ws-kv em{font-style:normal;color:var(--fg)}.ws-kv small{color:var(--faint);text-align:right}
.ws-terms{line-height:1.5;color:var(--dim);margin:0}.ws-terms span{margin-right:8px;font-family:var(--disp)}
.ws-spark{width:100%;height:60px;color:var(--a3);background:rgba(255,255,255,.03)}
.ws-tabs{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line2);margin-bottom:14px}.ws-tabs button{flex:1;min-width:120px;font:700 10px var(--mono);letter-spacing:.14em;background:transparent;color:var(--dim);border:0;border-right:1px solid var(--line2);padding:13px 10px;cursor:pointer}
.ws-tabs button:last-child{border-right:0}.ws-tabs button.on{background:var(--fg);color:var(--bg)}.ws-tabs button:hover:not(.on){color:var(--a2)}
.ws-ctl{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin-bottom:12px}.ws-ctl label{min-width:180px}
.ws-ctl button,.ws-bar button,.ws-ctl a,.ws-file{font:700 10px var(--mono);letter-spacing:.14em;background:transparent;color:var(--fg);border:1px solid var(--line2);padding:11px 14px;cursor:pointer;min-height:40px;text-decoration:none;display:inline-flex;align-items:center}
.ws-ctl button:hover,.ws-bar button:hover,.ws-ctl a:hover,.ws-file:hover{border-color:var(--a2);color:var(--a2)}
.ws-ctl .ws-go{background:var(--a1);border-color:var(--a1);color:#fff}.ws-ctl .ws-go:hover{background:var(--a2);border-color:var(--a2);color:var(--bg)}
.ws-out{background:#07070b;border:1px solid var(--line);display:grid;place-items:center;min-height:200px;position:relative}
.ws-out canvas{max-width:100%;max-height:72vh;height:auto;display:block}
.ws-out model-viewer{width:100%;height:60vh;background:radial-gradient(ellipse at 50% 40%,#22222e 0%,#07070b 100%)}
.ws-text{white-space:pre-wrap;font:13px/1.8 var(--mono);color:var(--fg);padding:24px;max-width:860px;justify-self:start}
.ws-bar{display:flex;gap:8px;flex-wrap:wrap}.ws-file input{display:none}
.ws-rec pre{font:10px/1.5 var(--mono);color:var(--faint);max-height:180px;overflow:auto;background:var(--bg2);padding:12px;border:1px solid var(--line)}
@media(max-width:640px){.ws-ax{grid-template-columns:1fr}.ws-tg{grid-template-columns:auto 80px 1fr 30px}.ws-tabs button{min-width:50%}.ws-ctl label{min-width:100%}}
/* Parameter in der Detailansicht des Archivs */
.meta .prm{display:flex;flex-direction:column;gap:6px}.meta .prm .ws-pal{height:26px}.meta .prm small{color:var(--faint)}
.meta .prm .sem{display:flex;flex-wrap:wrap;gap:4px}.meta .prm .sem span{font-size:10px;border:1px solid var(--line2);padding:2px 6px;color:var(--dim)}
.meta .prm .vals{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;font-size:10px;color:var(--faint)}.meta .prm .vals em{display:block;font-style:normal;color:var(--fg);font-size:12px}
.wsbox{border-left-color:var(--a1)}.wsbox .qrtxt b{color:var(--a1)}
.wsico{display:flex;width:168px;height:44px;gap:3px}.wsico i{flex:1;background:linear-gradient(180deg,#ff2d55,#ffe600)}.wsico i:nth-child(2){background:linear-gradient(180deg,#00e5ff,#4b0082)}.wsico i:nth-child(3){background:linear-gradient(180deg,#e8e0d4,#556b2f)}.wsico i:nth-child(4){background:linear-gradient(180deg,#b400ff,#ff2d55)}.wsico i:nth-child(5){background:linear-gradient(180deg,#ffe600,#00e5ff)}
@media(max-width:640px){.wsico{width:104px}}

/* Werkstatt · Feinschliff 26.10. */
.ws-v.ws-prof .ws-bar2{grid-template-columns:1fr 34px;gap:2px 8px;margin:0 0 7px}
.ws-v.ws-prof .ws-bar2>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ws-v.ws-prof .ws-bar2 i{grid-column:1/-1;grid-row:2;height:4px}
.ws-v.ws-prof .ws-bar2 em{grid-row:1;grid-column:2}
.ws-ctl .ws-go.stale{position:relative;outline:1px dashed var(--a3);outline-offset:3px}
.ws-ctl .ws-go.stale::after{content:attr(data-stale);position:absolute;left:0;top:calc(100% + 6px);font:400 9px var(--mono);letter-spacing:.06em;color:var(--a3);white-space:nowrap;text-transform:none}
.ws-load{padding:40px 0 60px;font:11px var(--mono);letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.ws-load i{display:block;height:2px;background:var(--line2);margin-top:12px;max-width:520px;position:relative;overflow:hidden}
.ws-load i b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--a2);transition:width .2s}
.ws-strip a{transition:transform .15s}.ws-strip a:hover{transform:translateY(-2px)}
.ws-strip a:focus-visible,.ws-chips button:focus-visible,.ws-tabs button:focus-visible{outline:2px solid var(--a3);outline-offset:2px}
#ws:empty{min-height:60vh}
.ws-snd canvas{cursor:pointer;width:100%;max-height:none}

/* occ-fix 26.10.: Nummern der Fundstellen nicht mehr in die Beschriftung links hineinragen lassen */
.meta .occ{list-style:none;padding-left:0;counter-reset:occ}.meta .occ li{counter-increment:occ;display:grid;grid-template-columns:2.4em 1fr;column-gap:2px}.meta .occ li::before{content:counter(occ) ".";color:var(--faint);text-align:right;padding-right:6px}.meta .occ li>code{grid-column:2}

/* img-fit 26.10.: Vorschaubilder füllen das Fenster (Größe setzt archiv.js); kleine Originale weich vergrößert */
.pv img.main{flex:none}.pv img.main.up{image-rendering:auto;filter:contrast(1.02)}
.pv:fullscreen img.main,.pv.fsx img.main{max-width:none;max-height:none}

/* Raum-Ansichten 26.10. */
.pv .m3v{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 2px;font-size:11px}.pv .m3v>b{font-size:10px;letter-spacing:.2em;color:var(--a2)}.pv .m3v .rl-sw button[hidden]{display:none}.pv .m3v small{color:var(--faint);font-size:10px;flex-basis:100%}

/* Darstellung Fläche/Punktwolke/Drahtgitter 27.10. */
.pv .pd-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 4px;font-size:11px;align-self:stretch}.pv .pd-bar>b{font-size:10px;letter-spacing:.2em;color:var(--a2)}
.pv .pd-reg{display:flex;flex-wrap:wrap;gap:8px 18px;flex:1 1 320px}.pv .pd-reg label{display:grid;grid-template-columns:auto 1fr 64px;gap:8px;align-items:center;flex:1 1 220px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--a2)}.pv .pd-reg input{accent-color:var(--a2);width:100%}.pv .pd-reg output{color:var(--fg);text-align:right;letter-spacing:0}
.pv .pd-info{flex-basis:100%;color:var(--faint);font-size:10px}.pv .pd-bar.busy .pd-info{color:var(--a3)}
.pv:fullscreen .pd-bar,.pv.fsx .pd-bar{display:none}