@import url('fonts.css');
:root{--sand:#CDBA92;--sand2:#DACBA8;--paper:#EFE7D3;--tan:#A88B5E;--brown:#5B4631;--ink:#1F1A14;--ink2:#4A3F32;--legion-green:#2F5A3C;--legion-red:#B5121B;--line:rgba(60,45,25,.22);--card:#F6F0E1;--plate:#FBF8F1;--nav:#1F1A14;--navtx:#EFE7D3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--sand:#3A3125;--sand2:#463B2C;--paper:#221D16;--tan:#8A7048;--brown:#C9AE84;--ink:#EFE6D2;--ink2:#C9BCA3;--line:rgba(230,210,170,.2);--card:#2B2419;--plate:#F1EBDD;--nav:#120F0B;--navtx:#EFE7D3}}
:root[data-theme="dark"]{--sand:#3A3125;--sand2:#463B2C;--paper:#221D16;--tan:#8A7048;--brown:#C9AE84;--ink:#EFE6D2;--ink2:#C9BCA3;--line:rgba(230,210,170,.2);--card:#2B2419;--plate:#F1EBDD;--nav:#120F0B;--navtx:#EFE7D3}
*{box-sizing:border-box}
body{margin:0!important;background:var(--paper);color:var(--ink);font:16px/1.55 "Source Sans 3",system-ui,sans-serif;padding-inline:0}
h1,h2,h3,.disp{font-family:"Big Shoulders Stencil Text","Impact",sans-serif;text-transform:uppercase;letter-spacing:.02em;line-height:1;text-wrap:balance;margin:0}
h2{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800}
h3{font-size:1.45rem;font-weight:700}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
a{color:inherit}
.btn{display:inline-block;font-family:"Big Shoulders Stencil Text",sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:1.05rem;padding:.7rem 1.2rem;text-decoration:none;border:2px solid var(--ink);background:var(--ink);color:var(--paper)}
.btn-o{background:transparent;color:var(--ink)}
.btn-red{background:var(--legion-red);border-color:var(--legion-red);color:#fff}
.btn:focus-visible{outline:3px solid var(--legion-red);outline-offset:2px}
/* Kopf */
.top{background:var(--nav);color:var(--navtx)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;min-height:60px;flex-wrap:wrap}
.brand{font-family:"Big Shoulders Stencil Text",sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:.04em;text-decoration:none;display:flex;align-items:center;gap:.6rem}
.brand i{width:12px;height:22px;background:linear-gradient(var(--legion-green) 50%,var(--legion-red) 50%);display:inline-block}
.nav{display:flex;gap:1.2rem;margin-left:auto;flex-wrap:wrap} .nav a{text-decoration:none;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:.85} .nav a:hover{opacity:1}
.lang{display:flex;gap:.3rem} .lang span{font-family:"JetBrains Mono",monospace;font-size:.72rem;padding:.2rem .45rem;border:1px solid rgba(255,255,255,.3)} .lang .on{background:var(--navtx);color:var(--nav)}
/* Hero */
.hero{position:relative;overflow:hidden;background:var(--sand)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero .wrap{position:relative;padding-block:clamp(2rem,5vw,3.5rem) 0}
.hero-top{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start}
.hero-stage{position:relative;margin-top:1.5rem;padding-bottom:3.4rem}
.hero-stage::before{content:"";position:absolute;left:5%;right:5%;top:15%;bottom:5%;background:radial-gradient(ellipse at 50% 55%,rgba(255,245,220,.55),rgba(255,245,220,0) 60%);pointer-events:none}
.hero-stage img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 34px 30px rgba(20,12,4,.55)) drop-shadow(0 6px 6px rgba(20,12,4,.35))}
.hero-mark{position:absolute;right:0;bottom:2.4rem;font-family:"Big Shoulders Stencil Text",sans-serif;font-weight:800;font-size:clamp(3rem,9vw,7rem);letter-spacing:.04em;color:rgba(31,26,20,.14);line-height:1;pointer-events:none;text-transform:uppercase}
.hero-callouts{position:absolute;left:0;bottom:0;display:flex;gap:1.5rem;flex-wrap:wrap} .hero-callouts span{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(31,26,20,.85);color:#EFE7D3;padding:.3rem .6rem}
.stamp{display:inline-flex;gap:.6rem;align-items:center;background:var(--ink);color:var(--paper);padding:.35rem .7rem;margin-bottom:1rem;flex-wrap:wrap} .stamp span,.stamp b{white-space:nowrap}
.stamp b{color:#E4B04A}
.hero h1{font-size:clamp(3rem,8vw,6.2rem);font-weight:800;color:var(--ink)}
.hero h1 small{display:block;font-size:.34em;letter-spacing:.14em;font-weight:600;margin-top:.2em}
.hero p.lead{max-width:36ch;font-size:1.12rem;margin:1.2rem 0 1.6rem;color:var(--ink2)}
.hero .cta{display:flex;gap:.7rem;flex-wrap:wrap}
.photo-wrap{position:relative;justify-self:end;max-width:380px;width:100%;transform:rotate(2.5deg);filter:drop-shadow(0 18px 28px rgba(30,20,5,.4));z-index:1}
.photo{margin:0;position:relative;padding:18px 18px 46px;clip-path:polygon(0.0% 0.5%,3.6% 0.2%,7.1% 1.0%,10.7% 0.1%,14.3% 0.9%,17.9% 0.6%,21.4% 0.1%,25.0% 0.8%,28.6% 0.1%,32.1% 0.7%,35.7% 0.1%,39.3% 0.1%,42.9% 0.7%,46.4% 1.3%,50.0% 0.2%,53.6% 0.4%,57.1% 1.0%,60.7% 1.5%,64.3% 0.9%,67.9% 0.6%,71.4% 1.6%,75.0% 0.1%,78.6% 1.4%,82.1% 0.5%,85.7% 0.2%,89.3% 0.2%,92.9% 0.5%,96.4% 1.3%,99.7% 0.0%,99.2% 3.6%,99.1% 7.1%,99.5% 10.7%,99.2% 14.3%,99.9% 17.9%,99.9% 21.4%,99.7% 25.0%,99.0% 28.6%,99.4% 32.1%,99.6% 35.7%,99.2% 39.3%,99.4% 42.9%,99.6% 46.4%,98.9% 50.0%,99.0% 53.6%,99.7% 57.1%,99.2% 60.7%,99.3% 64.3%,98.8% 67.9%,99.0% 71.4%,99.6% 75.0%,98.6% 78.6%,99.8% 82.1%,99.4% 85.7%,98.9% 89.3%,99.8% 92.9%,99.3% 96.4%,100.0% 99.9%,96.4% 98.8%,92.9% 98.6%,89.3% 99.0%,85.7% 98.4%,82.1% 99.4%,78.6% 98.7%,75.0% 98.9%,71.4% 99.0%,67.9% 99.2%,64.3% 98.5%,60.7% 98.3%,57.1% 99.1%,53.6% 98.8%,50.0% 99.9%,46.4% 98.7%,42.9% 98.8%,39.3% 98.2%,35.7% 98.5%,32.1% 99.5%,28.6% 99.3%,25.0% 98.8%,21.4% 100.0%,17.9% 99.2%,14.3% 99.7%,10.7% 99.8%,7.1% 99.9%,3.6% 98.6%,0.2% 100.0%,0.3% 96.4%,0.5% 92.9%,1.2% 89.3%,0.1% 85.7%,0.6% 82.1%,0.8% 78.6%,1.2% 75.0%,1.1% 71.4%,1.2% 67.9%,0.4% 64.3%,0.6% 60.7%,0.5% 57.1%,1.2% 53.6%,1.3% 50.0%,0.2% 46.4%,0.2% 42.9%,0.3% 39.3%,0.3% 35.7%,0.7% 32.1%,0.8% 28.6%,0.4% 25.0%,0.0% 21.4%,0.6% 17.9%,0.5% 14.3%,0.8% 10.7%,1.3% 7.1%,1.0% 3.6%);
  background:
    radial-gradient(ellipse at 12% 18%,rgba(140,105,55,.22),transparent 38%),
    radial-gradient(ellipse at 88% 78%,rgba(120,90,45,.26),transparent 42%),
    radial-gradient(ellipse at 60% 8%,rgba(160,130,80,.18),transparent 30%),
    radial-gradient(ellipse at 50% 50%,#F1E7CE,#E6D8B6 70%,#D6C39A);}
.photo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .22 0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;position:relative;z-index:1;mix-blend-mode:multiply;filter:sepia(.2) contrast(1.05)}
.photo figcaption{position:absolute;left:18px;right:18px;bottom:14px;font-family:"JetBrains Mono",monospace;font-size:.64rem;letter-spacing:.06em;color:#4A3F32;text-transform:uppercase;z-index:1;display:flex;justify-content:space-between;gap:.6rem;white-space:nowrap}
.tape{position:absolute;top:-10px;left:50%;width:96px;height:28px;background:rgba(214,196,150,.8);transform:translateX(-50%) rotate(1.5deg);z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper)}
.facts div{padding:1rem 1.2rem;border-right:1px solid var(--line)} .facts div:last-child{border-right:0}
.facts b{display:block;font-family:"Big Shoulders Stencil Text",sans-serif;font-size:2.2rem;font-weight:800;line-height:1} .facts span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
/* Abschnitte */
section{padding-block:clamp(2.5rem,6vw,4.5rem)}
.eyebrow{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem;color:var(--legion-red)} .eyebrow::before{content:"";width:34px;height:3px;background:var(--legion-red)}
.sub{max-width:62ch;color:var(--ink2);margin:.8rem 0 0}
.vers{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem}
.ver{background:var(--card);border:1px solid var(--line);padding:0 0 1rem;display:flex;flex-direction:column;gap:.35rem;position:relative}
.ver-tag{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.1em;padding:.35rem .7rem;background:var(--brown);color:var(--paper)}
.ver-de .ver-tag{background:var(--legion-green)}
.ver-de{outline:2px solid var(--legion-green);outline-offset:-2px}
.ver-img{background:var(--plate);margin:0} .ver-img img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.ver h3,.ver p,.ver .ver-foot,.ver .btn,.ver .art{margin-inline:.9rem}
.ver h3{margin-top:.5rem} .ver-var{margin:0;font-weight:600;font-size:.92rem} .ver-note{margin:0;font-size:.82rem;color:var(--ink2)}
.ver-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:.5rem}
.price{font-family:"JetBrains Mono",monospace;font-weight:600;font-size:1.05rem} .avail{font-size:.78rem;color:var(--legion-green);font-weight:600} .avail.no{color:var(--legion-red)}
.ver .btn{font-size:.9rem;padding:.55rem .8rem;text-align:center} .art{font-family:"JetBrains Mono",monospace;font-size:.68rem;color:var(--ink2)}
.tier-grid{display:grid;gap:1.2rem;margin-top:2rem}
.tier{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--card);border:1px solid var(--line)}
.tier-img{position:relative;background:var(--plate);display:grid;place-items:center;padding:1rem;min-height:300px} .tier-img>img:first-child{width:100%;height:auto;max-height:360px;object-fit:contain;mix-blend-mode:multiply}
.tier-pgmp .tier-img{align-items:start;padding-bottom:7rem} .tier-pgmp .tier-img>img:first-child{max-height:250px}
.tier-photo{position:absolute;right:.8rem;bottom:.8rem;width:40%;max-width:250px;transform:rotate(3deg);filter:drop-shadow(0 10px 16px rgba(30,20,5,.4))}
.tier-photo .photo{padding:10px 10px 30px} .tier-photo .photo figcaption{left:10px;right:10px;bottom:9px;font-size:.58rem} .tier-photo .tape{width:70px;height:20px;top:-8px}
.tier-body{padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:.5rem}
.tier-kopf{display:flex;justify-content:space-between;color:var(--legion-red)} .tier h3{font-size:2.2rem} .tier-lead{margin:0;max-width:52ch}
.tier ul{margin:.3rem 0 0;padding:0;list-style:none;display:grid;gap:.3rem;font-size:.92rem} .tier li{padding-left:1rem;border-left:3px solid var(--legion-green)}
.tier-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;flex-wrap:wrap} .tier-foot .price{font-size:1.5rem} .tier-foot .btn{font-size:.9rem;padding:.55rem .9rem}
.tier-pgmp{outline:2px solid var(--legion-red);outline-offset:-2px} .tier-pgmp .tier-kopf{color:var(--legion-red)}
.feat{background:var(--sand2)}
.feat .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start} .feat .grid>div{min-width:0}
.feat ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.5rem}
.feat li{display:grid;gap:.1rem;padding-left:1rem;border-left:3px solid var(--legion-green)} .feat li b{font-size:.95rem} .feat li span{font-size:.85rem;color:var(--ink2)}
.spec{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card)} .spec th,.spec td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid var(--line);vertical-align:top} .spec th{font-family:"JetBrains Mono",monospace;font-weight:400;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;width:34%;color:var(--ink2)}
.spec caption{text-align:left;font-family:"Big Shoulders Stencil Text",sans-serif;font-size:1.3rem;font-weight:700;padding:.4rem .8rem;background:var(--ink);color:var(--paper);text-transform:uppercase}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.gal figure{margin:0;background:var(--plate);border:1px solid var(--line)} .gal img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;mix-blend-mode:multiply} .gal figcaption{font-family:"JetBrains Mono",monospace;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .7rem;color:#4A3F32}
.strip{display:flex;gap:.8rem;overflow-x:auto;padding-block:1rem;scroll-snap-type:x mandatory} .strip figure{flex:0 0 220px;margin:0;scroll-snap-align:start;background:var(--plate)} .strip img{width:100%;aspect-ratio:1;object-fit:cover;display:block;mix-blend-mode:multiply} .strip figcaption{font-size:.75rem;padding:.4rem .6rem;color:#4A3F32}
.accs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;align-items:start}
.acc{background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .15s} .acc.open{outline:2px solid var(--legion-red);outline-offset:-2px}
.acc-img{background:var(--plate);aspect-ratio:1;display:grid;place-items:center;overflow:hidden} .acc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.acc-body{padding:.8rem .9rem;display:flex;flex-direction:column;gap:.2rem;flex:1} .acc h4{margin:0;font-size:1rem;line-height:1.25} .acc p{margin:0;font-size:.82rem;color:var(--ink2)} .acc-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:.6rem}
.acc-btns{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.6rem} .acc-open{font-size:.85rem;padding:.45rem .7rem;cursor:pointer} .acc-lnk{font-size:.78rem;font-weight:600;color:var(--legion-red);text-decoration:none;white-space:nowrap}
.akte{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:1.5rem;background:var(--plate);color:#1F1A14;border:1px solid var(--line);border-top:4px solid var(--legion-red);padding:1.4rem;position:relative}
.akte[hidden]{display:none}
.akte-img{background:#fff;display:grid;place-items:center;border:1px solid var(--line)} .akte-img img{width:100%;height:auto;max-height:340px;object-fit:contain}
.akte-kopf{display:flex;justify-content:space-between;gap:1rem;color:var(--legion-red);margin-bottom:.5rem;flex-wrap:wrap} .akte-txt h3{font-size:1.8rem;margin-bottom:.6rem} .akte-txt p{margin:0 0 .7rem;font-size:.95rem;max-width:52ch} .akte-note{font-weight:600;color:#4A3F32}
.akte-daten{display:flex;flex-direction:column;gap:.7rem} .akte-daten .spec{background:#fff;color:#1F1A14} .akte-daten .spec caption{background:#1F1A14;color:#EFE7D3} .akte-daten .spec th{color:#4A3F32}
.akte-foot{display:flex;justify-content:space-between;align-items:baseline} .akte .btn{text-align:center;font-size:.95rem;padding:.55rem .9rem;cursor:pointer} .akte .btn-o{border-color:#1F1A14;color:#1F1A14}
.hist{background:var(--ink);color:var(--paper)}
.hist .grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.hist .eyebrow{color:#E4B04A} .hist .eyebrow::before{background:#E4B04A}
.ops{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.9rem} .ops li{display:grid;grid-template-columns:70px 1fr;gap:1rem;border-left:2px solid rgba(239,231,211,.25);padding-left:1rem} .ops .y{font-family:"Big Shoulders Stencil Text",sans-serif;font-size:1.5rem;font-weight:800;color:#E4B04A;line-height:1.2} .ops b{display:block} .ops p{margin:.15rem 0 0;font-size:.9rem;opacity:.8}
.hist .spec{background:transparent;color:var(--paper)} .hist .spec th{color:rgba(239,231,211,.65)} .hist .spec th,.hist .spec td{border-color:rgba(239,231,211,.2)} .hist .spec caption{background:#E4B04A;color:var(--ink)}
.legion{margin-top:2rem;padding:1.2rem 1.4rem;border:1px solid rgba(239,231,211,.3);display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center}
.legion i{width:14px;height:64px;background:linear-gradient(var(--legion-green) 50%,var(--legion-red) 50%);display:block}
.legion b{font-family:"Big Shoulders Stencil Text",sans-serif;font-size:1.4rem;letter-spacing:.08em} .legion p{margin:.2rem 0 0;font-size:.9rem;opacity:.85}
.doc{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
.doc a{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;padding:1.4rem;background:var(--card);border:1px solid var(--line);text-decoration:none} .doc a:hover{border-color:var(--ink)}
.doc .no{font-family:"Big Shoulders Stencil Text",sans-serif;font-size:2.6rem;font-weight:800;color:var(--legion-red)} .doc b{display:block;font-size:1.1rem} .doc span{font-size:.88rem;color:var(--ink2)}
.deal table{width:100%;border-collapse:collapse;margin-top:1.5rem} .deal td{padding:.7rem .8rem;border-bottom:1px solid var(--line);font-size:.95rem} .deal td:first-child{font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;width:24%} .deal a{color:var(--legion-red);font-weight:600}
.note{border:1px dashed var(--line);padding:.8rem 1rem;font-size:.88rem;color:var(--ink2);margin-top:1.5rem}
footer{background:var(--nav);color:var(--navtx);padding-block:2rem;font-size:.85rem} footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center} footer a{opacity:.8;text-decoration:none;margin-right:1.2rem}
/* Explosionsansicht */
.fx-sec{background:#17130E;color:#E9DFC6;padding:0}
.fx{position:relative;height:min(82vh,860px);min-height:520px;overflow:hidden}
.fx [data-stage]{position:absolute;inset:0} .fx [data-stage] canvas{display:block}
.fx .grid{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#CDBA92 1px,transparent 1px),linear-gradient(90deg,#CDBA92 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 75%)}
.fx .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(0,0,0,.55) 100%)}
.fx .head{position:absolute;left:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);max-width:min(46vw,520px);pointer-events:none;z-index:2}
.fx .head .kick{display:inline-flex;gap:.6rem;background:#E9DFC6;color:#17130E;padding:.3rem .6rem;margin-bottom:.8rem;flex-wrap:wrap} .fx .head .kick b{color:var(--legion-red)}
.fx h2{color:#E9DFC6;font-size:clamp(2rem,4.5vw,3.6rem)} .fx h2 small{display:block;font-size:.34em;letter-spacing:.14em;font-weight:600;color:#CDBA92;margin-top:.35em}
.fx .ctrl{position:absolute;left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);bottom:clamp(14px,3vw,24px);display:flex;align-items:center;gap:1rem;flex-wrap:wrap;z-index:2}
.fx .btn{border-color:#E9DFC6;color:#E9DFC6;background:transparent;font-size:.95rem;padding:.5rem .9rem;cursor:pointer} .fx .btn.red{background:var(--legion-red);border-color:var(--legion-red);color:#fff}
.fx .slider{flex:1;min-width:180px;display:grid;gap:.3rem} .fx .slider input{width:100%;accent-color:var(--legion-red);cursor:pointer} .fx .slider .lab{display:flex;justify-content:space-between;color:#CDBA92}
.fx .tog{display:flex;align-items:center;gap:.45rem;cursor:pointer;color:#CDBA92} .fx .tog input{accent-color:var(--legion-red)}
.fx .panel{position:absolute;right:clamp(16px,3vw,40px);top:clamp(16px,3vw,32px);width:min(280px,calc(100vw - 32px));background:rgba(23,19,14,.82);border:1px solid rgba(205,186,146,.22);backdrop-filter:blur(6px);padding:.9rem 1rem;z-index:2}
.fx .panel h3{color:#E9DFC6;font-size:1.4rem;margin:.1rem 0 .3rem}
.fx .panel ol{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.1rem}
.fx .panel li{display:grid;grid-template-columns:26px 1fr auto;gap:.5rem;align-items:baseline;padding:.2rem .3rem;cursor:pointer;border-left:3px solid transparent;font-size:.9rem}
.fx .panel li:hover,.fx .panel li.on{background:rgba(205,186,146,.1);border-left-color:var(--legion-red)}
.fx .panel li b{font-family:"Big Shoulders Stencil Text",sans-serif;font-size:1.05rem;color:var(--legion-red)} .fx .panel li i{font-style:normal;color:#CDBA92;font-family:"JetBrains Mono",monospace;font-size:.68rem}
.fx .panel p{margin:.5rem 0 0;font-size:.82rem;color:#CDBA92}
.fx [data-labels]{position:absolute;inset:0;pointer-events:none;z-index:1} .fx [data-labels] svg{position:absolute;inset:0;width:100%;height:100%}
.fx-lbl{position:absolute;transform:translate(-50%,-50%);background:#E9DFC6;color:#17130E;padding:.2rem .5rem;font-family:"JetBrains Mono",monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:auto;cursor:pointer;box-shadow:0 2px 0 var(--legion-red)}
.fx-lbl b{font-family:"Big Shoulders Stencil Text",sans-serif;font-size:1rem;color:var(--legion-red);margin-right:.35rem} .fx-lbl.show{opacity:1}
.fx [data-load]{position:absolute;inset:0;display:grid;place-items:center;background:#17130E;z-index:9;transition:opacity .5s} .fx [data-load].done{opacity:0;pointer-events:none}
.fx [data-load] .bar{width:240px;height:6px;background:rgba(205,186,146,.2);margin:.8rem auto 0;overflow:hidden} .fx [data-load] .bar i{display:block;height:100%;width:0;background:var(--legion-red);transition:width .2s}
.fx .hint{position:absolute;left:50%;bottom:clamp(74px,10vh,100px);transform:translateX(-50%);color:#CDBA92;opacity:.8;pointer-events:none;z-index:2;transition:opacity .4s} .fx.touched .hint,.fx.exploded .hint{opacity:0}
@media (max-width:820px){.fx .panel{display:none} .fx .head{max-width:80vw} .fx .hint{display:none} .fx{height:70vh;min-height:440px}}
@media (max-width:980px){.hero-top{grid-template-columns:1fr} .tier{grid-template-columns:1fr} .tier-img{min-height:0} .photo-wrap{justify-self:start;max-width:340px} .hero-callouts{position:static;margin-top:.5rem} .hero-stage{padding-bottom:1rem} .akte{grid-template-columns:1fr 1fr} .akte-img{grid-row:span 2} .vers{grid-template-columns:repeat(2,1fr)} .accs{grid-template-columns:repeat(2,1fr)} .facts{grid-template-columns:repeat(2,1fr)} .facts div:nth-child(2){border-right:0} .feat .grid,.hist .grid,.doc{grid-template-columns:1fr} .gal{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.vers,.accs,.gal,.akte{grid-template-columns:1fr} .akte-img{grid-row:auto} .feat ul{grid-template-columns:1fr} .facts{grid-template-columns:1fr 1fr} .nav{display:none}}
@media (prefers-reduced-motion:reduce){.acc{transition:none}}

/* ---- WordPress / GeneratePress-Anpassungen ---- */
.hof #page,.hof .grid-container,.hof .site-content,.hof .site-main,.hof .content-area,.hof .inside-article,.hof #primary,.hof .container{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;display:block!important;float:none!important}
.hof #hof-main,.hof .site-content>*{width:100%!important;max-width:none!important;flex:1 1 100%!important}
.hof #site-navigation,.hof .main-navigation,.hof #mobile-header,.hof .site-header,.hof .featured-image,.hof .trp-language-switcher-container{display:none!important}
.hof h4,.hof h5,.hof h6,.hof p,.hof li,.hof td,.hof th,.hof input,.hof button,.hof a{font-family:inherit}
.hof h4{font-family:"Source Sans 3",system-ui,sans-serif;font-weight:600;color:inherit}
.hof .btn,.hof button.btn,.hof a.btn,.hof .brand,.hof .facts b,.hof .doc .no,.hof .ops .y,.hof .tier-body h3,.hof .akte-txt h3,.hof .panel li b,.hof .fx-lbl b,.hof .hero-mark{font-family:"Big Shoulders Stencil Text",Impact,sans-serif}
.hof .mono,.hof .price,.hof .art,.hof .ver-tag,.hof .stamp,.hof .spec th,.hof .deal td:first-child,.hof .gal figcaption,.hof .hero-callouts span,.hof .lang a,.hof .fx-lbl{font-family:"JetBrains Mono",ui-monospace,monospace}
body.hof{color:var(--ink);font-size:16px;line-height:1.55}
.hof #page,.hof #content,.hof #hof-main,.hof .site-content{color:var(--ink)!important}
.hof #page,.hof .site,.hof .site-content,.hof #hof-main{background:var(--paper)!important}
/* WordPress liefert <picture> um die Bilder: Platten + Multiply auch dort */
.hof picture{display:block;width:100%} .hof picture img{display:block;width:100%;height:auto}
.hof .tier-img>picture:first-child img{max-height:360px;object-fit:contain;mix-blend-mode:multiply}
.hof .tier-pgmp .tier-img>picture:first-child img{max-height:250px}
.hof .ver-img picture img,.hof .acc-img picture img,.hof .gal picture img,.hof .strip picture img,.hof .photo picture img{mix-blend-mode:multiply}
.hof .acc-img picture{height:100%} .hof .acc-img picture img{height:100%;object-fit:contain}
.hof .gal picture img{aspect-ratio:3/2;object-fit:cover} .hof .strip picture img{aspect-ratio:1;object-fit:cover}
.hof .photo picture img{aspect-ratio:4/3;object-fit:cover;position:relative;z-index:1;filter:sepia(.2) contrast(1.05)}
.hof .akte-img picture img{max-height:340px;object-fit:contain;mix-blend-mode:normal}
.hof h1,.hof h2,.hof h3,.hof h4,.hof .feat li b,.hof .ver h3,.hof .tier-body h3,.hof .acc h4,.hof .doc b,.hof .facts b{color:var(--ink);margin-bottom:0}
.hof .feat li span,.hof .sub,.hof .ver-note,.hof .acc p,.hof .art,.hof .facts span{color:var(--ink2)}
.hof .hist,.hof .hist h2,.hof .hist h3,.hof .hist b,.hof .hist p,.hof .hist td{color:var(--paper)} .hof .ops .y,.hof .hist .eyebrow{color:#E4B04A}
.hof .fx,.hof .fx h2,.hof .fx h3,.hof .fx .panel li span{color:#E9DFC6} .hof .fx .panel li b,.hof .fx .panel .mono{color:var(--legion-red)} .hof .fx .panel li b{color:var(--legion-red)}
.hof .top,.hof .top a,.hof .brand{color:var(--navtx)} .hof footer,.hof footer a{color:var(--navtx)}
.hof .akte,.hof .akte h3,.hof .akte p,.hof .akte td{color:#1F1A14} .hof .akte .btn-o{color:#1F1A14;border-color:#1F1A14;background:transparent} .hof .akte .btn-o:hover{background:#1F1A14;color:#EFE7D3}
.hof .hist h1{color:var(--paper)}
.hof .akte .spec caption{background:#1F1A14;color:#EFE7D3}
@media (max-width:1400px){.hof .top .wrap{flex-wrap:nowrap;gap:1rem} .hof .nav{gap:.85rem;flex-wrap:nowrap} .hof .nav a{font-size:.74rem;letter-spacing:.08em;white-space:nowrap}}
@media (max-width:980px){.hof .top .wrap{flex-wrap:wrap}}
.hof .stamp{color:var(--paper)} .hof .stamp b{color:#E4B04A} .hof .eyebrow{color:var(--legion-red)} .hof .tier-kopf,.hof .akte-kopf{color:var(--legion-red)}
.hof .btn{color:var(--paper)} .hof .btn-o{color:var(--ink)} .hof .btn-red{color:#fff} .hof .acc-lnk,.hof .deal a{color:var(--legion-red)}
.hof .avail{color:var(--legion-green)} .hof .avail.no{color:var(--legion-red)}
.hof a{text-decoration:none} .hof .deal a{text-decoration:underline}
.hof h1,.hof h2,.hof h3{margin-top:0}
.hof .spec th{color:var(--ink2)} .hof .hist .spec th{color:rgba(239,231,211,.65)} .hof .akte .spec th{color:#4A3F32}
.hof .spec caption{color:var(--paper)} .hof .hist .spec caption{color:var(--ink)}
.hof table{border:0;margin:0} .hof table td,.hof table th{border:0}
.hof button.btn{border-radius:0;line-height:1.2}
body.page-template-home .site{background:var(--paper)}
#page{overflow:hidden}
.hof-page .wrap>h1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:800;margin-bottom:1rem}
.hof-page{padding-block:clamp(2rem,5vw,4rem)} .hof-page .entry-content{max-width:none;font-size:1.02rem} .hof-page .elementor{max-width:none}
.hof-page .elementor-section.elementor-section-boxed>.elementor-container{max-width:1180px} .hof-page .entry-content h2{font-size:1.8rem;margin:1.6rem 0 .6rem} .hof-page .entry-content h3{font-size:1.25rem;margin:1.2rem 0 .4rem}
.hof-page .entry-content a{color:var(--legion-red)} .hof-page .elementor-section{margin-inline:0}
.hof-page .elementor-widget-heading .elementor-heading-title{font-family:"Big Shoulders Stencil Text",sans-serif;text-transform:uppercase}
.trp-language-switcher{font-family:"JetBrains Mono",monospace}
.hof .top{position:sticky;top:0;z-index:60;box-shadow:0 2px 12px rgba(0,0,0,.35)} body.admin-bar .top{top:32px}
.hof .hero h1{font-size:clamp(2.6rem,6.5vw,5.2rem)} .hof .hero h1 small.h1-sub{font-size:.62em;letter-spacing:.06em;font-weight:800;color:var(--legion-red);margin-top:.12em}
.strip-wrap{position:relative;margin-top:1rem;padding-inline:28px} .strip-wrap .strip{scrollbar-width:none;-ms-overflow-style:none;padding-block:0;scroll-behavior:smooth} .strip-wrap .strip::-webkit-scrollbar{display:none}
.strip-btn{position:absolute;top:0;bottom:0;z-index:2;width:10px;height:auto;border:0;padding:0;background:var(--brown);color:var(--paper);font:800 1.1rem/1 "Big Shoulders Stencil Text",sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(30,20,5,.2);overflow:hidden}
.strip-btn.prev{left:0} .strip-btn.next{right:0} .strip-btn:hover{background:var(--tan)}
:root[data-theme="dark"] .strip-btn,:root:not([data-theme="light"]) .strip-btn{color:#EFE7D3} .strip-btn:hover{background:var(--ink)} .strip-btn[disabled]{opacity:.25;cursor:default} .strip-btn:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.strip-wrap .strip{scroll-behavior:auto}}
/* Real-Steel-Template */
.rsf-hero{padding-block:clamp(2rem,5vw,3.5rem)} .rsf-hero h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800;margin:.2rem 0 .6rem} .rsf-hero .sub{max-width:70ch} .rsf-hero .hof-back{margin-bottom:1.5rem}
.rsf-hero .hof-back .btn,.rsf .hist .hof-back .btn{border-color:var(--paper);color:var(--paper)}
.rsf-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start} .rsf-grid .spec{margin-bottom:1.5rem} .rsf-grid p{max-width:60ch}
.rsf-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem} .rsf-two .spec td{padding:.45rem .8rem}
.rsf-fig{margin:0 0 1.2rem;background:var(--plate);border:1px solid var(--line);padding:6px} .rsf-fig img{display:block;width:100%;height:auto}
.rsf-ops{grid-template-columns:1fr 1fr;display:grid;gap:.9rem 2.5rem;margin-top:1.5rem} .rsf-ops li{grid-template-columns:110px 1fr} .rsf-ops .y{font-size:1.2rem} .rsf-ops p{margin:0;opacity:.9}
.rsf h3{font-size:1.4rem;margin:1.4rem 0 .4rem} .rsf-grid .spec td:only-child{padding:.45rem .8rem}
.legal-text{max-width:76ch} .legal-text h2{font-size:1.7rem;margin:2.2rem 0 .6rem;padding-top:1.2rem;border-top:2px solid var(--line)} .legal-text h3{font-size:1.15rem;margin:1.3rem 0 .3rem} .legal-text p{margin:0 0 .8rem;font-size:.97rem} .legal-text ul{margin:0 0 .9rem;padding-left:1.2rem} .legal-text li{margin:.15rem 0;font-size:.95rem}
.legal .spec td a{color:var(--legion-red)} .legal-grid .spec td:only-child{line-height:1.6}
.pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem} .pl-fig{margin:0;background:#fff;border:1px solid var(--line);padding:6px;box-shadow:0 6px 18px rgba(30,20,5,.12)} .pl-fig img{display:block;width:100%;height:auto} .pl-fig figcaption{font-family:"JetBrains Mono",monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .3rem .2rem;color:#4A3F32}
@media (max-width:980px){.rsf-grid,.rsf-ops{grid-template-columns:1fr} .pl-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:560px){.rsf-two{grid-template-columns:1fr} .pl-grid{grid-template-columns:1fr}}
figure.zoom{cursor:zoom-in} figure.zoom:focus-visible{outline:3px solid var(--legion-red);outline-offset:2px}
.hof-lb{position:fixed;inset:0;z-index:100;background:rgba(23,19,14,.92);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:1rem}
.hof-lb[hidden]{display:none} .hof-lb figure{margin:0;display:grid;place-items:center;gap:.6rem;max-height:100%} .hof-lb img{max-width:min(92vw,1400px);max-height:82vh;width:auto;height:auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.hof-lb figcaption{font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#E9DFC6}
.hof-lb button{background:transparent;border:2px solid #E9DFC6;color:#E9DFC6;font:800 1.6rem/1 "Big Shoulders Stencil Text",sans-serif;width:44px;height:44px;cursor:pointer} .hof-lb button:hover{background:var(--legion-red);border-color:var(--legion-red)}
.hof-lb-x{position:fixed;top:1rem;right:1rem} @media (max-width:560px){.hof-lb{grid-template-columns:1fr} .hof-lb-p,.hof-lb-n{position:fixed;bottom:1rem} .hof-lb-p{left:1rem} .hof-lb-n{right:1rem}}
.hof-back{margin:0 0 1.5rem} .hof-page .entry-content+.hof-back,.hof-page article+.hof-back{margin-top:2rem} .hof-back .btn{font-size:.95rem;padding:.5rem .9rem}
.hof-note{border:1px dashed var(--line);padding:.8rem 1rem;font-size:.88rem;color:var(--ink2);margin-top:1.5rem}
.lang a{font-family:"JetBrains Mono",monospace;font-size:.72rem;padding:.2rem .45rem;border:1px solid rgba(255,255,255,.3);text-decoration:none;color:inherit} .lang a.on{background:var(--navtx);color:var(--nav)}
.nav .cur{opacity:1;border-bottom:2px solid var(--legion-red)}
.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);color:var(--navtx);font-family:"JetBrains Mono",monospace;font-size:.72rem;padding:.35rem .6rem;cursor:pointer}
@media (max-width:560px){.burger{display:block} .top .wrap.open .nav{display:flex;width:100%;flex-direction:column;gap:.4rem;padding-bottom:.8rem}}
.skip{position:absolute;left:-999px} .skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:.4rem;z-index:99}