/* =========================================================================
   Lumimon – Frontend Theme "Version 2 · Prism Abyss"
   Eigenständiges Stylesheet. Version 1 bleibt in site.css unverändert.
   ========================================================================= */

@font-face{font-family:LumimonSans;src:url('../fonts/LiberationSans.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:LumimonDisplay;src:url('../fonts/Anton.ttf') format('truetype');font-display:swap;font-weight:400}

/* ---------- 1. Token ---------- */
:root{
  --v-bg:#03070f;
  --v-bg-2:#061523;
  --v-panel:#0a1a2b;
  --v-panel-2:#0e2438;
  --v-glass:rgba(10,26,42,.58);
  --v-glass-strong:rgba(8,22,36,.86);
  --v-line:rgba(122,180,222,.16);
  --v-line-2:rgba(240,180,74,.34);
  --v-cyan:#2fd8ff;
  --v-cyan-soft:#9fe9ff;
  --v-violet:#8b6bff;
  --v-gold:#f0b44a;
  --v-gold-hi:#ffdf9b;
  --v-magenta:#ff5fa8;
  --v-green:#5ce0a4;
  --v-red:#ff7a72;
  --v-text:#e9f3ff;
  --v-dim:#92a9be;
  --v-prism:linear-gradient(115deg,#2fd8ff 0%,#8b6bff 42%,#f0b44a 76%,#ffdf9b 100%);
  --v-prism-soft:linear-gradient(115deg,rgba(47,216,255,.22),rgba(139,107,255,.18) 45%,rgba(240,180,74,.22));
  --v-display:LumimonDisplay,'Arial Narrow',Impact,sans-serif;
  --v-sans:LumimonSans,'Segoe UI',Arial,sans-serif;
  --v-shell:min(1400px,calc(100% - 88px));
  --v-head:84px;
  --v-ease:cubic-bezier(.22,.68,.16,1);
  --v-ease-out:cubic-bezier(.16,1,.3,1);
  --v-fs-h1:clamp(2.2rem,4.2vw,4.05rem);
  --v-fs-h2:clamp(1.65rem,2.5vw,2.5rem);
  --v-fs-h3:clamp(1.08rem,1.15vw,1.28rem);
  --v-fs-h4:clamp(.98rem,1vw,1.08rem);
  --v-radius:18px;
  --v-radius-lg:26px;
  --v-shadow:0 34px 90px rgba(0,0,0,.55);
  --v-shadow-glow:0 0 60px rgba(47,216,255,.16);
}

/* ---------- 2. Grundlagen ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--v-bg);-webkit-text-size-adjust:100%}
body.v2{
  margin:0;background:transparent;color:var(--v-text);
  font-family:var(--v-sans);font-size:17px;line-height:1.68;
  overflow-x:hidden;letter-spacing:.005em;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
body.v2.is-locked{overflow:hidden}
.v2 img{display:block;max-width:100%}
.v2 a{color:inherit;text-decoration:none}
.v2 button,.v2 input,.v2 textarea,.v2 select{font:inherit;color:inherit}
.v2 button{background:none;border:0;cursor:pointer}
.v2 svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v2 h1,.v2 h2,.v2 h3,.v2 h4,.v2 p,.v2 ul,.v2 ol,.v2 dl,.v2 figure{margin-top:0}
.v2 ::selection{background:var(--v-gold);color:#04121f}
.v2 :focus-visible{outline:2px solid var(--v-cyan);outline-offset:3px;border-radius:6px}
.v2-sr,.v2 .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.v2-skip{position:fixed;top:-120px;left:18px;z-index:12000;padding:13px 20px;background:var(--v-gold-hi);color:#04121f;font-weight:700;border-radius:10px}
.v2-skip:focus{top:18px}
.v2-defs{position:absolute;width:0;height:0;overflow:hidden}
.v2-shell{width:var(--v-shell);margin-inline:auto}
.v2-section{position:relative;padding-block:clamp(58px,6.5vw,104px)}

/* Abwechselnde Bänder trennen die Abschnitte sichtbar voneinander,
   damit lange Seiten ruhig und gegliedert bleiben. */
main>.v2-section:nth-of-type(even)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(9,24,39,0),rgba(9,24,39,.55) 12%,rgba(9,24,39,.55) 88%,rgba(9,24,39,0));border-block:1px solid rgba(122,180,222,.09)}
main>.v2-section{isolation:isolate}

/* ---------- 3. Atmosphäre ---------- */
.v2-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.v2-atmosphere>*{position:absolute}
.v2-blob{border-radius:50%;filter:blur(110px);opacity:.28;mix-blend-mode:screen;animation:v2drift 26s var(--v-ease) infinite alternate}
.v2-blob-a{width:52vw;height:52vw;left:-14vw;top:-12vw;background:radial-gradient(circle,rgba(47,216,255,.5),transparent 68%)}
.v2-blob-b{width:46vw;height:46vw;right:-12vw;top:14vh;background:radial-gradient(circle,rgba(139,107,255,.42),transparent 68%);animation-duration:34s;animation-delay:-8s}
.v2-blob-c{width:60vw;height:40vw;left:18vw;bottom:-18vw;background:radial-gradient(circle,rgba(240,180,74,.3),transparent 66%);animation-duration:42s;animation-delay:-16s}
@keyframes v2drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.12)}100%{transform:translate3d(-3vw,4vh,0) scale(.94)}}
.v2-beam{inset:-20% -10%;background:conic-gradient(from 210deg at 62% 8%,transparent 0deg,rgba(47,216,255,.06) 22deg,transparent 48deg,rgba(240,180,74,.05) 78deg,transparent 110deg);animation:v2spin 120s linear infinite;opacity:.4}
@keyframes v2spin{to{transform:rotate(360deg)}}
.v2-grid{inset:0;opacity:.07;background-image:linear-gradient(rgba(126,190,230,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(126,190,230,.1) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%)}
#v2-lumen{inset:0;width:100%;height:100%;opacity:.42}
.v2-scan{inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0 1px,transparent 1px 5px);opacity:.2;animation:v2scan 8s linear infinite}
@keyframes v2scan{to{transform:translateY(4px)}}
.v2-grain{inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");opacity:.05;animation:v2grain .9s steps(3) infinite}
@keyframes v2grain{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}}
.v2-vignette{inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 54%,rgba(0,0,0,.42) 100%)}
body.v2>main,body.v2>.v2-footer,body.v2>.v2-roadmap-banner{position:relative}

/* ---------- 4. Ladeanimation ---------- */
.v2-boot{position:fixed;inset:0;z-index:11000;display:grid;place-content:center;justify-items:center;gap:26px;background:var(--v-bg);transition:opacity .7s var(--v-ease),visibility .7s}
.v2-boot.is-done{opacity:0;visibility:hidden;pointer-events:none}
.v2-boot-core{position:relative;display:grid;place-items:center;width:150px;height:150px}
.v2-boot-core img{width:78px;filter:drop-shadow(0 0 22px rgba(47,216,255,.7));animation:v2pulse 2s var(--v-ease) infinite}
.v2-boot-ring{position:absolute;inset:8px;border:1px solid rgba(47,216,255,.4);border-radius:50%;border-top-color:var(--v-gold);animation:v2spin 2.4s linear infinite}
.v2-boot-ring.is-two{inset:26px;border-color:rgba(240,180,74,.28);border-bottom-color:var(--v-cyan);animation-duration:1.5s;animation-direction:reverse}
@keyframes v2pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.09);opacity:1}}
.v2-boot-label{margin:0;font-size:.76rem;letter-spacing:.34em;text-transform:uppercase;color:var(--v-dim)}
.v2-boot-bar{width:220px;height:2px;background:rgba(122,180,222,.18);overflow:hidden;border-radius:2px}
.v2-boot-bar i{display:block;height:100%;width:35%;background:var(--v-prism);animation:v2load 1.15s var(--v-ease) infinite}
@keyframes v2load{0%{transform:translateX(-110%)}100%{transform:translateX(320%)}}

/* ---------- 5. Typografie ---------- */
/* Vier klar getrennte Stufen. Display-Schrift nur für Stufe 1 und 2,
   damit Überschriften nicht miteinander konkurrieren. */
.v2 h1,.v2 .v2-h1{font-family:var(--v-display);font-weight:400;line-height:1;letter-spacing:.005em;font-size:var(--v-fs-h1);text-transform:uppercase;margin:0 0 18px;text-wrap:balance}
.v2 h2,.v2 .v2-h2{font-family:var(--v-display);font-weight:400;line-height:1.06;letter-spacing:.004em;font-size:var(--v-fs-h2);text-transform:uppercase;margin:0 0 14px;text-wrap:balance}
.v2 h3,.v2 .v2-h3{font-family:var(--v-sans);font-weight:700;line-height:1.28;font-size:var(--v-fs-h3);letter-spacing:.004em;text-transform:none;color:var(--v-text);margin:0 0 9px}
.v2 h4,.v2 .v2-h4{font-family:var(--v-sans);font-weight:700;line-height:1.35;font-size:var(--v-fs-h4);letter-spacing:.01em;margin:0 0 8px}
.v2-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:13px}
.v2-kicker::before{content:'';width:26px;height:1px;background:var(--v-prism)}
.v2 p{color:#b7ccdd}
.v2 .v2-lead{font-size:clamp(1.02rem,1.2vw,1.16rem);color:#cfe0ee;max-width:62ch}
.v2 .v2-note{font-size:.85rem;color:var(--v-dim);border-left:2px solid var(--v-line-2);padding-left:12px;margin-top:14px}
.v2-tag{display:inline-block;padding:5px 12px;border:1px solid var(--v-line-2);border-radius:100px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi);background:rgba(240,180,74,.07)}
.v2-crumb{display:flex;align-items:center;gap:9px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-dim);margin-bottom:20px}
.v2-crumb a:hover{color:var(--v-cyan)}
.v2-crumb em{font-style:normal;color:var(--v-gold-hi)}
.v2 code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:rgba(47,216,255,.1);border:1px solid var(--v-line);padding:2px 6px;border-radius:5px;color:var(--v-cyan-soft)}

/* prismatische Schrift */
.is-prism>span,.v2-prismtext{background:var(--v-prism);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v2shift 7s var(--v-ease) infinite}
@keyframes v2shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Text-Split-Animation */
.v2 [data-split] .v2-word{display:inline-block;overflow:hidden;vertical-align:top}
.v2 [data-split] .v2-word>i{display:inline-block;font-style:inherit;transform:translateY(105%);opacity:0;transition:transform .8s var(--v-ease-out),opacity .8s var(--v-ease-out);transition-delay:calc(var(--w) * 42ms)}
.v2 .is-inview [data-split] .v2-word>i,.v2 [data-split].is-inview .v2-word>i{transform:none;opacity:1}

/* Glitch */
.v2 [data-glitch]{position:relative;display:inline-block}
.v2 [data-glitch]::before,.v2 [data-glitch]::after{content:attr(data-glitch);position:absolute;inset:0;opacity:0;pointer-events:none}
.v2 [data-glitch]:hover::before{opacity:.85;color:var(--v-cyan);transform:translate(-2px,-1px);clip-path:inset(0 0 62% 0);animation:v2glitch .4s steps(2) infinite}
.v2 [data-glitch]:hover::after{opacity:.85;color:var(--v-magenta);transform:translate(2px,1px);clip-path:inset(58% 0 0 0);animation:v2glitch .32s steps(2) reverse infinite}
@keyframes v2glitch{0%{transform:translate(-2px,-1px)}50%{transform:translate(3px,1px)}100%{transform:translate(-1px,2px)}}

/* Reveal */
.v2-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--v-ease-out),transform .7s var(--v-ease-out);transition-delay:calc(var(--i,0) * 55ms)}
.v2-reveal.is-inview{opacity:1;transform:none}

/* ---------- 6. Buttons & Links ---------- */
.v2-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:100px;font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;isolation:isolate;transition:transform .3s var(--v-ease),box-shadow .3s var(--v-ease),color .3s}
.v2-btn svg{width:19px}
.v2-btn i{font-style:normal;transition:transform .3s var(--v-ease)}
.v2-btn:hover i{transform:translateX(4px)}
.v2-btn-primary{color:#04121f;background:var(--v-prism);background-size:200% 100%;box-shadow:0 12px 34px rgba(47,216,255,.24)}
.v2-btn-primary::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffdf9b,#f0b44a 30%,#8b6bff 70%,#2fd8ff);opacity:0;transition:opacity .4s}
.v2-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(47,216,255,.36)}
.v2-btn-primary:hover::after{opacity:1}
.v2-btn-ghost{color:var(--v-text);border:1px solid var(--v-line-2);background:rgba(10,26,42,.5);backdrop-filter:blur(10px)}
.v2-btn-ghost::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--v-prism-soft);opacity:0;transition:opacity .35s}
.v2-btn-ghost:hover{transform:translateY(-3px);border-color:var(--v-gold);color:var(--v-gold-hi)}
.v2-btn-ghost:hover::before{opacity:1}
.v2-btn-discord{color:#fff;background:linear-gradient(120deg,#5865f2,#8b6bff);box-shadow:0 12px 32px rgba(88,101,242,.32)}
.v2-btn-discord:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(88,101,242,.44)}
.v2-btn-disabled,.v2-btn[disabled]{color:var(--v-dim);border:1px dashed rgba(146,169,190,.4);background:rgba(146,169,190,.06);cursor:not-allowed;box-shadow:none;transform:none!important}
.v2-btnrow{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.v2-textlink{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-gold-hi);padding-bottom:4px;position:relative}
.v2-textlink::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--v-prism);transform:scaleX(.3);transform-origin:left;transition:transform .4s var(--v-ease)}
.v2-textlink:hover::after{transform:scaleX(1)}
.v2-textlink i{font-style:normal;transition:transform .35s var(--v-ease)}
.v2-textlink:hover i{transform:translateX(5px)}

/* Badges */
.v2-badge{display:inline-block;padding:4px 11px;border-radius:100px;font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;border:1px solid currentColor}
.v2-badge-common{color:#9fb6c9}
.v2-badge-rare{color:#3fb8ff;box-shadow:0 0 18px rgba(63,184,255,.24)}
.v2-badge-epic{color:#8b6bff;box-shadow:0 0 18px rgba(139,107,255,.3)}
.v2-badge-legendary{color:#f0b44a;box-shadow:0 0 20px rgba(240,180,74,.32)}
.v2-badge-mystical{color:#ff5fa8;box-shadow:0 0 22px rgba(255,95,168,.34)}
.v2-pulse{width:8px;height:8px;border-radius:50%;background:var(--v-green);box-shadow:0 0 0 0 rgba(92,224,164,.7);animation:v2ping 2.2s var(--v-ease) infinite}
@keyframes v2ping{0%{box-shadow:0 0 0 0 rgba(92,224,164,.6)}70%{box-shadow:0 0 0 12px rgba(92,224,164,0)}100%{box-shadow:0 0 0 0 rgba(92,224,164,0)}}

/* ---------- 7. Karten-Effekte ---------- */
.v2-card-border{position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--a,0deg),transparent 0deg,rgba(47,216,255,.5) 60deg,rgba(240,180,74,.45) 130deg,transparent 200deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .45s}
[data-tilt]:hover .v2-card-border,[data-spotlight]:hover .v2-card-border,.v2-dex:hover .v2-card-border{opacity:1;animation:v2rotate 4s linear infinite}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes v2rotate{to{--a:360deg}}
[data-spotlight]{position:relative}
[data-spotlight]::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(47,216,255,.1),transparent 62%)}
[data-spotlight]:hover::before{opacity:1}
[data-tilt]{transform-style:preserve-3d;transition:transform .5s var(--v-ease)}
[data-tilt].is-tilting{transition:transform .12s linear}
.v2-frame{position:relative;overflow:hidden;border-radius:var(--v-radius);border:1px solid var(--v-line);background:var(--v-panel)}
.v2-frame img,.v2-frame video{width:100%;display:block}
.v2-frame-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.18) 46%,transparent 62%);transform:translateX(-120%);transition:transform .9s var(--v-ease)}
.v2-frame:hover .v2-frame-sheen,.v2-newscard:hover .v2-frame-sheen,.v2-leadcard:hover .v2-frame-sheen,.v2-castcard:hover .v2-frame-sheen,.v2-timeline-item:hover .v2-frame-sheen,.v2-gallery-item:hover .v2-frame-sheen,.v2-product:hover .v2-frame-sheen,.v2-wallcard:hover .v2-frame-sheen,.v2-comicpreview figure:hover .v2-frame-sheen,.v2-world-frame:hover .v2-frame-sheen{transform:translateX(120%)}
.v2-frame-corner{position:absolute;width:22px;height:22px;border:1px solid var(--v-gold);opacity:.75;pointer-events:none}
.v2-frame-corner.tl{top:10px;left:10px;border-right:0;border-bottom:0}
.v2-frame-corner.tr{top:10px;right:10px;border-left:0;border-bottom:0}
.v2-frame-corner.bl{bottom:10px;left:10px;border-right:0;border-top:0}
.v2-frame-corner.br{bottom:10px;right:10px;border-left:0;border-top:0}
.v2-frame-tag{position:absolute;left:16px;bottom:16px;padding:7px 14px;border-radius:100px;background:rgba(3,10,18,.78);border:1px solid var(--v-line-2);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi);backdrop-filter:blur(8px)}

/* ---------- 8. Kopfzeile ---------- */
.v2-header{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--v-head);transition:height .4s var(--v-ease),background .4s,backdrop-filter .4s}
.v2-header::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,15,.86),transparent);opacity:1;transition:opacity .4s}
.v2-header.is-scrolled{height:66px;background:rgba(4,12,21,.82);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.v2-header.is-scrolled::before{opacity:0}
.v2-header-inner{position:relative;height:100%;width:var(--v-shell);margin-inline:auto;display:flex;align-items:center;gap:26px}
.v2-header-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,180,74,.4),rgba(47,216,255,.4),transparent);opacity:0;transition:opacity .4s}
.v2-header.is-scrolled .v2-header-line{opacity:1}
.v2-brand{position:relative;flex:0 0 auto;width:168px;display:grid;place-items:center}
.v2-brand img{width:100%;height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.6))}
.v2-brand-glow{position:absolute;inset:-30% -10%;background:radial-gradient(circle,rgba(47,216,255,.28),transparent 68%);opacity:0;transition:opacity .45s}
.v2-brand:hover .v2-brand-glow{opacity:1}
.v2-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px}
.v2-nav-item{position:relative}
.v2-nav-item>a{position:relative;display:block;padding:10px 15px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c4d8e9;transition:color .3s}
.v2-nav-item>a::after{content:'';position:absolute;left:15px;right:15px;bottom:4px;height:2px;border-radius:2px;background:var(--v-prism);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--v-ease)}
.v2-nav-item>a:hover{color:#fff}
.v2-nav-item>a:hover::after,.v2-nav-item.is-current>a::after{transform:scaleX(1)}
.v2-nav-item.is-current>a{color:var(--v-gold-hi)}
.v2-nav-toggle{position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--v-dim);display:grid;place-items:center}
.v2-nav-toggle svg{width:16px}
.v2-nav-item.has-children>a{padding-right:26px}
.v2-subnav{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,10px);min-width:250px;padding:12px;display:grid;gap:2px;border-radius:16px;border:1px solid var(--v-line);background:var(--v-glass-strong);backdrop-filter:blur(22px);box-shadow:var(--v-shadow);opacity:0;visibility:hidden;transition:opacity .3s var(--v-ease),transform .3s var(--v-ease),visibility .3s}
.v2-nav-item:hover>.v2-subnav,.v2-nav-item:focus-within>.v2-subnav,.v2-nav-item.is-open>.v2-subnav{opacity:1;visibility:visible;transform:translate(-50%,0)}
.v2-subnav .v2-nav-item>a{padding:11px 14px;border-radius:10px;text-transform:none;letter-spacing:.03em;font-size:.94rem;font-weight:600}
.v2-subnav .v2-nav-item>a::after{display:none}
.v2-subnav .v2-nav-item>a:hover{background:rgba(47,216,255,.1);color:var(--v-cyan-soft)}
.v2-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.v2-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:100px;border:1px solid var(--v-line);background:rgba(10,26,42,.5);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#cfe0ef;transition:border-color .3s,color .3s,transform .3s}
.v2-chip:hover{border-color:var(--v-gold);color:var(--v-gold-hi);transform:translateY(-2px)}
.v2-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--v-cyan);box-shadow:0 0 10px var(--v-cyan);animation:v2blink 2.4s var(--v-ease) infinite}
@keyframes v2blink{0%,100%{opacity:1}50%{opacity:.35}}
.v2-discord{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:100px;background:linear-gradient(120deg,#5865f2,#8b6bff);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:transform .3s,box-shadow .3s}
.v2-discord svg{width:19px;fill:currentColor;stroke:none}
.v2-discord:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(88,101,242,.44)}
.v2-burger{display:none;width:46px;height:42px;border-radius:12px;border:1px solid var(--v-line);background:rgba(10,26,42,.5);padding:11px 12px;flex-direction:column;justify-content:space-between}
.v2-burger i{display:block;height:2px;background:var(--v-text);border-radius:2px;transition:transform .35s var(--v-ease),opacity .25s}
.v2-burger[aria-expanded=true] i:nth-child(1){transform:translateY(9px) rotate(45deg)}
.v2-burger[aria-expanded=true] i:nth-child(2){opacity:0}
.v2-burger[aria-expanded=true] i:nth-child(3){transform:translateY(-9px) rotate(-45deg)}

/* Overlay-Navigation */
.v2-overlay{position:fixed;inset:0;z-index:880;display:grid;place-items:center}
.v2-overlay[hidden]{display:none}
.v2-overlay-bg{position:absolute;inset:0;background:rgba(3,7,15,.94);backdrop-filter:blur(26px);opacity:0;transition:opacity .45s var(--v-ease)}
.v2-overlay.is-open .v2-overlay-bg{opacity:1}
.v2-overlay-inner{position:relative;width:var(--v-shell);max-height:86vh;overflow-y:auto;padding-top:var(--v-head)}
.v2-overlay-kicker{font-size:.7rem;letter-spacing:.34em;text-transform:uppercase;color:var(--v-dim);margin-bottom:22px}
.v2-overlay-nav{display:grid;gap:4px}
.v2-overlay-link{display:flex;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid rgba(122,180,222,.1);opacity:0;transform:translateY(24px);transition:opacity .5s var(--v-ease-out),transform .5s var(--v-ease-out),color .3s;transition-delay:calc(var(--i) * 45ms)}
.v2-overlay.is-open .v2-overlay-link{opacity:1;transform:none}
.v2-overlay-no{font-size:.7rem;letter-spacing:.2em;color:var(--v-gold);min-width:26px}
.v2-overlay-label{font-family:var(--v-display);font-size:clamp(1.8rem,5vw,3rem);text-transform:uppercase;line-height:1}
.v2-overlay-link:hover{color:var(--v-cyan)}
.v2-overlay-link.is-child .v2-overlay-label{font-size:clamp(1.1rem,2.4vw,1.5rem);color:#a9c1d6}
.v2-overlay-foot{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-dim)}
.v2-overlay-foot a:hover{color:var(--v-gold-hi)}

/* Fortschritt & Cursor */
.v2-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:950;background:rgba(122,180,222,.1)}
.v2-progress i{display:block;height:100%;width:0;background:var(--v-prism);box-shadow:0 0 14px rgba(47,216,255,.6)}
.v2-cursor{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:screen}
.v2-cursor.is-active{opacity:1}
.v2-cursor-ring{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(47,216,255,.6);border-radius:50%;transition:width .3s,height .3s,margin .3s,border-color .3s,background .3s}
.v2-cursor-dot{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:var(--v-gold-hi);box-shadow:0 0 12px var(--v-gold)}
.v2-cursor.is-hot .v2-cursor-ring{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:rgba(240,180,74,.8);background:rgba(240,180,74,.08)}

/* ---------- 9. Startseiten-Hero ---------- */
.v2-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(var(--v-head) + 60px) 0 90px;overflow:hidden}
.v2-hero-bg{position:absolute;inset:0;z-index:0}
.v2-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% center;will-change:transform}
.v2-hero-veil{position:absolute;inset:0;background:linear-gradient(100deg,rgba(3,7,15,.94) 6%,rgba(3,7,15,.72) 38%,rgba(3,7,15,.28) 62%,rgba(3,7,15,.8) 100%),linear-gradient(180deg,rgba(3,7,15,.7),transparent 30%,rgba(3,7,15,.96) 96%)}
.v2-hero-rays{position:absolute;inset:0;background:conic-gradient(from 190deg at 74% 4%,transparent 0deg,rgba(255,223,155,.12) 16deg,transparent 34deg,rgba(47,216,255,.1) 58deg,transparent 84deg);mix-blend-mode:screen;animation:v2raysweep 22s var(--v-ease) infinite alternate}
@keyframes v2raysweep{from{opacity:.5;transform:rotate(-3deg)}to{opacity:1;transform:rotate(3deg)}}
.v2-hero-rings{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(46vw,620px);aspect-ratio:1;z-index:1;pointer-events:none;opacity:.5}
.v2-hero-rings svg{width:100%;height:100%;stroke:rgba(47,216,255,.28);stroke-width:1;animation:v2spin 120s linear infinite}
.v2-hero-rings circle{fill:none;stroke-dasharray:6 16}
.v2-hero-orbit{position:absolute;inset:8%;border-radius:50%;animation:v2spin 18s linear infinite}
.v2-hero-orbit.is-two{inset:22%;animation-duration:26s;animation-direction:reverse}
.v2-hero-orbit i{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--v-gold-hi);box-shadow:0 0 22px var(--v-gold)}
.v2-hero-orbit.is-two i{background:var(--v-cyan);box-shadow:0 0 22px var(--v-cyan)}
.v2-hero-inner{position:relative;z-index:3;max-width:830px}
.v2-hero-badge{display:inline-flex;align-items:center;gap:11px;padding:9px 18px;border-radius:100px;border:1px solid var(--v-line-2);background:rgba(6,18,30,.6);backdrop-filter:blur(12px);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#dbe9f6;margin-bottom:26px;animation:v2fadeup .9s var(--v-ease-out) both}
.v2-hero-title{font-family:var(--v-display);text-transform:uppercase;line-height:.94;font-size:clamp(2.6rem,6.4vw,5.4rem);margin:0 0 24px;letter-spacing:.004em}
.v2-hero-line{display:block;overflow:hidden}
.v2-hero-line>span{display:inline-block;animation:v2lineup 1.1s var(--v-ease-out) both;animation-delay:calc(.25s + var(--i) * .14s)}
@keyframes v2lineup{from{transform:translateY(104%) rotate(3deg);opacity:0}to{transform:none;opacity:1}}
@keyframes v2fadeup{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.v2 .v2-hero-copy{font-size:clamp(1rem,1.1vw,1.12rem);color:#dceaf6;max-width:60ch;animation:v2fadeup 1s var(--v-ease-out) .75s both}
.v2-hero-copy b{color:var(--v-gold-hi);font-weight:700}
.v2-hero-actions{animation:v2fadeup 1s var(--v-ease-out) .9s both}
.v2-hero-stats{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--v-line);border:1px solid var(--v-line);border-radius:var(--v-radius);overflow:hidden;animation:v2fadeup 1s var(--v-ease-out) 1.05s both}
.v2-hero-stats li{padding:20px 18px;background:rgba(6,18,30,.62);backdrop-filter:blur(10px);transition:background .4s}
.v2-hero-stats li:hover{background:rgba(12,32,52,.85)}
.v2-hero-stats strong{display:block;font-family:var(--v-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;background:var(--v-prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-hero-stats span{display:block;margin-top:5px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#c3d6e6}
.v2-hero-stats small{display:block;margin-top:7px;font-size:.74rem;line-height:1.45;color:var(--v-dim)}
.v2-hero-book{position:absolute;right:5vw;bottom:14vh;z-index:4;width:clamp(140px,13vw,208px);border-radius:8px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.7);animation:v2float 7s var(--v-ease) infinite alternate}
.v2-hero-book img{width:100%}
.v2-hero-book-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.32) 48%,transparent 60%);transform:translateX(-130%);animation:v2sweep 5.5s var(--v-ease) infinite}
@keyframes v2sweep{0%,62%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@keyframes v2float{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-16px) rotate(2deg)}}
.v2-hero-book-tag{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;text-align:center;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(transparent,rgba(3,7,15,.92));color:var(--v-gold-hi)}
.v2-scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;display:grid;justify-items:center;gap:10px;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--v-dim)}
.v2-scrollcue i{display:block;width:1px;height:44px;background:linear-gradient(var(--v-cyan),transparent);position:relative;overflow:hidden}
.v2-scrollcue i::after{content:'';position:absolute;left:0;top:0;width:100%;height:12px;background:var(--v-gold-hi);animation:v2drop 1.8s var(--v-ease) infinite}
@keyframes v2drop{0%{transform:translateY(-14px);opacity:0}40%{opacity:1}100%{transform:translateY(46px);opacity:0}}

/* ---------- 10. Laufband ---------- */
.v2-marquee{position:relative;overflow:hidden;border-block:1px solid var(--v-line);background:linear-gradient(90deg,rgba(47,216,255,.06),rgba(139,107,255,.05),rgba(240,180,74,.06));padding:18px 0}
.v2-marquee-track{display:flex;align-items:center;gap:26px;width:max-content;animation:v2marquee 46s linear infinite}
.v2-marquee span{font-family:var(--v-display);font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(233,243,255,.8);white-space:nowrap}
.v2-marquee i{color:var(--v-gold);font-style:normal;font-size:.7rem}
@keyframes v2marquee{to{transform:translateX(-50%)}}
.v2-marquee::before,.v2-marquee::after{content:'';position:absolute;top:0;bottom:0;width:130px;z-index:2;pointer-events:none}
.v2-marquee::before{left:0;background:linear-gradient(90deg,var(--v-bg),transparent)}
.v2-marquee::after{right:0;background:linear-gradient(270deg,var(--v-bg),transparent)}

/* ---------- 11. Abschnittskopf ---------- */
.v2-sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(34px,4vw,56px)}
.v2-sechead>div{max-width:70ch}
.v2-sechead .v2-h2{margin-bottom:12px}

/* ---------- 12. Welt-Abschnitt ---------- */
.v2-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,80px);align-items:center}
.v2-world-frame{margin:0}
.v2-world-frame figcaption{margin-top:16px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-dim)}
.v2-ticklist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px}
.v2-ticklist li{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}
.v2-ticklist i{font-style:normal;font-size:.7rem;color:var(--v-gold);line-height:1.9;transition:transform .35s var(--v-ease)}
.v2-ticklist li:hover i{transform:rotate(90deg) scale(1.2)}
.v2-ticklist strong{display:block;font-size:.98rem;color:var(--v-text)}
.v2-ticklist span{display:block;font-size:.9rem;color:var(--v-dim);line-height:1.55}
.v2-ticklist.is-compact{gap:9px;margin-top:16px}
.v2-ticklist.is-compact li{grid-template-columns:18px 1fr;gap:10px}
.v2-ticklist.is-compact span{font-size:.85rem}

/* ---------- 13. Systemkarten ---------- */
.v2-syscards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,26px)}
.v2-syscard{position:relative;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.72),rgba(6,16,27,.9));overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--v-ease),border-color .4s}
.v2-syscard:hover{border-color:var(--v-line-2)}
.v2-syscard-media{position:relative;aspect-ratio:16/10;overflow:hidden}
.v2-syscard-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .8s var(--v-ease),filter .6s;filter:saturate(.9)}
.v2-syscard:hover .v2-syscard-media img{transform:scale(1.13);filter:saturate(1.15)}
.v2-syscard-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,15,.1),rgba(6,16,27,.95))}
.v2-syscard-body{position:relative;padding:22px 24px 26px;flex:1;display:flex;flex-direction:column}
.v2-syscard-no{position:absolute;top:-42px;left:24px;font-family:var(--v-display);font-size:3.2rem;line-height:1;color:rgba(233,243,255,.14)}
.v2-syscard-glyph{position:absolute;top:-30px;right:24px;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--v-line-2);background:rgba(6,18,30,.86);backdrop-filter:blur(10px);color:var(--v-gold-hi);font-size:1.15rem}
.v2-syscard p{font-size:.94rem;margin-bottom:14px}
.v2-syscard ul{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:7px}
.v2-syscard li{position:relative;padding-left:18px;font-size:.86rem;color:#a9c1d6}
.v2-syscard li::before{content:'';position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--v-prism);transform:rotate(45deg)}

/* ---------- 14. Expeditionsschleife ---------- */
.v2-loop-wrap{position:relative}
.v2-loop-line{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.v2-loop-rail{position:absolute;left:6%;right:6%;top:26px;height:2px;background:rgba(122,180,222,.16);overflow:hidden;border-radius:2px}
.v2-loop-rail i{display:block;height:100%;width:0;background:var(--v-prism);box-shadow:0 0 16px rgba(47,216,255,.6);transition:width .4s linear}
.v2-loop-line li{position:relative;padding-top:66px}
.v2-loop-node{position:absolute;top:0;left:0;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line-2);background:rgba(6,18,30,.9);font-family:var(--v-display);font-size:1.25rem;color:var(--v-gold-hi)}
.v2-loop-node i{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(47,216,255,.36);opacity:0;transition:opacity .4s,transform .6s var(--v-ease)}
.v2-loop-line li:hover .v2-loop-node i{opacity:1;transform:scale(1.14)}
.v2-loop-line h3{font-size:var(--v-fs-h3);margin-bottom:6px}
.v2-loop-line p{font-size:.88rem;color:var(--v-dim);margin:0}

/* ---------- 15. Lumimon ---------- */
.v2-monster-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
.v2-monster,.v2-dex{position:relative;padding:24px 22px 26px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.66),rgba(5,14,24,.92));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-monster:hover,.v2-dex:hover{border-color:var(--v-line-2)}
.v2-monster-aura{position:absolute;left:50%;top:32%;width:78%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(47,216,255,.24),transparent 66%);filter:blur(26px);opacity:.55;transition:opacity .5s,transform .8s var(--v-ease)}
.v2-monster:hover .v2-monster-aura,.v2-dex:hover .v2-monster-aura{opacity:1;transform:translate(-50%,-50%) scale(1.16)}
[data-rarity="Rare"] .v2-monster-aura{background:radial-gradient(circle,rgba(63,184,255,.36),transparent 66%)}
[data-rarity="Epic"] .v2-monster-aura{background:radial-gradient(circle,rgba(139,107,255,.36),transparent 66%)}
[data-rarity="Legendary"] .v2-monster-aura{background:radial-gradient(circle,rgba(240,180,74,.38),transparent 66%)}
[data-rarity="Mystical"] .v2-monster-aura{background:radial-gradient(circle,rgba(255,95,168,.38),transparent 66%)}
.v2-monster-no,.v2-dex-no{font-family:var(--v-display);font-size:.86rem;letter-spacing:.16em;color:var(--v-dim)}
.v2-monster-no{position:absolute;top:20px;left:22px}
.v2-monster>.v2-badge{position:absolute;top:18px;right:20px}
.v2-monster-art,.v2-dex-art{position:relative;height:230px;display:grid;place-items:end center;margin:34px 0 16px}
.v2-monster-art img,.v2-dex-art img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6));transition:transform .7s var(--v-ease)}
.v2-monster:hover .v2-monster-art img,.v2-dex:hover .v2-dex-art img{transform:translateY(-10px) scale(1.05)}
.v2-monster-elements{display:block;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-cyan-soft);margin-bottom:10px}
.v2-monster p,.v2-dex p{font-size:.88rem;color:var(--v-dim);margin-bottom:12px}
.v2-monster-abilities{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.v2-monster-abilities li{padding:4px 10px;border-radius:100px;border:1px solid var(--v-line);background:rgba(47,216,255,.06);font-size:.72rem;color:#b6cee0}
.v2-dex-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.v2-dex-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--v-line);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-dim)}
.v2-dex-foot i{color:var(--v-gold);font-style:normal}

/* Elemente */
.v2-elements{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;justify-content:center}
.v2-element{display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border-radius:100px;border:1px solid color-mix(in srgb,var(--c) 42%,transparent);background:color-mix(in srgb,var(--c) 9%,transparent);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#dcecf8;transition:transform .3s var(--v-ease),box-shadow .3s}
.v2-element i{font-style:normal;color:var(--c);font-size:1rem}
.v2-element:hover{transform:translateY(-3px);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 26%,transparent)}
.v2-elementlist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:11px}
.v2-elementlist li{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;border:1px solid var(--v-line);background:rgba(8,22,36,.55);transition:transform .35s var(--v-ease),border-color .35s}
.v2-elementlist li:hover{transform:translateX(6px);border-color:color-mix(in srgb,var(--c) 52%,transparent)}
.v2-elementlist i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-style:normal;font-size:1.15rem}
.v2-elementlist b{display:block;font-size:.94rem}
.v2-elementlist span{display:block;font-size:.84rem;color:var(--v-dim)}
.v2-scalelist{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px}
.v2-scalelist li{position:relative;padding:13px 18px;border-radius:12px;border:1px solid var(--v-line);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 62%);overflow:hidden}
.v2-scalelist b{display:block;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.v2-scalelist span{display:block;font-size:.86rem;color:var(--v-dim);margin-top:3px}
.v2-scalelist i{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c);box-shadow:0 0 16px var(--c)}
.v2-scales-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px)}

/* ---------- 16. Video ---------- */
.v2-videos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.5vw,34px)}
.v2-videocard{margin:0}
.v2-videocard video{aspect-ratio:16/9;object-fit:cover;background:#020810}
.v2-videocard figcaption{display:grid;gap:5px;margin-top:16px}
.v2-videocard b{font-size:var(--v-fs-h3);font-weight:700}
.v2-videocard span{font-size:.9rem;color:var(--v-dim)}
.v2-videocard small{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold)}

/* Filmleiste */
.v2-clip-lead{margin:0 0 clamp(20px,2.6vw,34px);display:grid;grid-template-columns:1.45fr 1fr;gap:clamp(20px,2.6vw,40px);align-items:center}
.v2-clip-lead video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#020810}
.v2-clip-lead figcaption{display:grid;gap:8px}
.v2-clip-lead .v2-tag{justify-self:start}
.v2-clip-lead b{font-size:clamp(1.2rem,1.8vw,1.6rem);font-family:var(--v-display);text-transform:uppercase;letter-spacing:.01em}
.v2-clip-lead figcaption>span{color:#b7ccdd;font-size:.96rem;line-height:1.6}
.v2-clip-lead small{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold)}
.v2-clipgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.v2-clipcard{margin:0}
.v2-clipcard video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#020810}
.v2-clipcard figcaption{display:grid;gap:4px;margin-top:12px}
.v2-clipcard b{font-size:var(--v-fs-h3);font-weight:700}
.v2-clipcard figcaption>span{font-size:.86rem;color:var(--v-dim);line-height:1.5}
.v2-clipcard small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold)}
@media(max-width:980px){.v2-clip-lead{grid-template-columns:1fr}.v2-clipgrid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.v2-clipgrid{grid-template-columns:1fr}}

/* ---------- 17. Comic ---------- */
.v2-comic-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(34px,5vw,80px);align-items:center}
.v2-comic-vol{color:var(--v-gold-hi)}
.v2-metagrid{display:flex;flex-wrap:wrap;gap:1px;margin:24px 0 0;padding:0;background:var(--v-line);border:1px solid var(--v-line);border-radius:14px;overflow:hidden}
.v2-metagrid>div{flex:1 1 120px;padding:14px 18px;background:rgba(8,22,36,.7)}
.v2-metagrid dt{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-dim)}
.v2-metagrid dd{margin:4px 0 0;font-family:var(--v-display);font-size:1.35rem;color:var(--v-gold-hi)}
.v2-metagrid.is-stacked{flex-direction:column}
.v2-book-scene{position:relative;min-height:440px;display:grid;place-items:center;perspective:1600px}
.v2-book{position:relative;display:flex;transform:rotateX(11deg) rotateY(-13deg);transform-style:preserve-3d;filter:drop-shadow(0 50px 70px rgba(0,0,0,.7))}
.v2-book-page{margin:0;width:min(23vw,290px);overflow:hidden;background:#0a1420}
.v2-book-page img{width:100%;display:block}
.v2-book-page.is-left{border-radius:10px 0 0 10px;transform-origin:right center;box-shadow:inset -26px 0 40px rgba(0,0,0,.5)}
.v2-book-page.is-right{border-radius:0 10px 10px 0;transform-origin:left center;box-shadow:inset 26px 0 40px rgba(0,0,0,.5);animation:v2flip 7s var(--v-ease) infinite}
@keyframes v2flip{0%,72%{transform:rotateY(0)}84%{transform:rotateY(-38deg)}100%{transform:rotateY(0)}}
.v2-book-spine{position:absolute;left:50%;top:0;bottom:0;width:14px;margin-left:-7px;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.2),rgba(0,0,0,.7))}
.v2-book-cover{position:absolute;right:2%;bottom:-6%;width:min(15vw,190px);border-radius:6px;box-shadow:0 34px 60px rgba(0,0,0,.7);transform:rotate(7deg);animation:v2float 8s var(--v-ease) infinite alternate}
.v2-book-glow{position:absolute;inset:12% 6%;background:radial-gradient(ellipse at 50% 60%,rgba(47,216,255,.24),transparent 68%);filter:blur(28px);z-index:-1}

/* ---------- 18. Zeitstrahl ---------- */
.v2-timeline{position:relative;display:grid;gap:clamp(22px,3vw,40px)}
.v2-timeline-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(122,180,222,.14);overflow:hidden}
.v2-timeline-rail::after,.v2-built .block-timeline-rail::after{content:'';position:absolute;left:0;right:0;top:0;height:var(--fill,0%);background:linear-gradient(180deg,rgba(47,216,255,.9),rgba(240,180,74,.9));box-shadow:0 0 12px rgba(47,216,255,.5);transition:height .3s linear}
.v2-timeline-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center}
.v2-timeline-item:nth-child(even) .v2-timeline-media{order:2}
.v2-timeline-media{position:relative;overflow:hidden;border-radius:var(--v-radius);border:1px solid var(--v-line);aspect-ratio:16/9}
.v2-timeline-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--v-ease)}
.v2-timeline-item:hover .v2-timeline-media img{transform:scale(1.07)}
.v2-timeline-body .v2-tag{margin-bottom:14px}
.v2-timeline-dot{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--v-gold-hi);box-shadow:0 0 0 5px rgba(240,180,74,.14),0 0 22px var(--v-gold)}

/* Lore-Kapitel */
.v2-lorelist{display:grid;gap:10px}
.v2-lorechapter,.v2-lorefull{border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55);overflow:hidden;transition:border-color .35s,background .35s}
.v2-lorechapter[open],.v2-lorefull[open]{border-color:var(--v-line-2);background:rgba(12,30,48,.7)}
.v2-lorechapter summary,.v2-lorefull summary{display:grid;grid-template-columns:44px 1fr auto 26px;gap:14px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}
.v2-lorechapter summary::-webkit-details-marker,.v2-lorefull summary::-webkit-details-marker{display:none}
.v2-lorechapter-no{font-family:var(--v-display);font-size:.94rem;color:var(--v-gold)}
.v2-lorechapter-head b{display:block;font-size:1rem;font-weight:600}
.v2-lorechapter-head small{display:block;margin-top:3px;font-size:.85rem;color:var(--v-dim);line-height:1.5}
.v2-lorechapter-state{font-style:normal;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-gold-hi);border:1px solid var(--v-line-2);border-radius:100px;padding:3px 10px;white-space:nowrap}
.v2-lorechapter-body,.v2-lorefull-body{padding:0 22px 22px 80px;max-width:78ch}
.v2-lorechapter-body p,.v2-lorefull-body p{font-size:.98rem;line-height:1.75;margin-bottom:14px}
.v2-lorefull{margin-top:16px;border-style:dashed}
.v2-lorefull summary{grid-template-columns:1fr auto 26px}
.v2-lorefull summary b{font-size:1rem}
.v2-lorefull summary span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-dim)}
.v2-lorefull-body{padding-left:22px;max-height:60vh;overflow:auto}
@media(max-width:720px){
  .v2-lorechapter summary{grid-template-columns:32px 1fr 20px}
  .v2-lorechapter-state{display:none}
  .v2-lorechapter-body,.v2-lorefull-body{padding-left:22px}
}

/* ---------- 19. Inseln ---------- */
.v2-island-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v2-island{position:relative;padding:22px 20px 20px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:linear-gradient(165deg,rgba(12,30,48,.62),rgba(5,14,24,.9));overflow:hidden;transition:transform .45s var(--v-ease),border-color .4s}
.v2-island:hover{transform:translateY(-8px);border-color:var(--v-line-2)}
.v2-island-no{font-family:var(--v-display);font-size:2.4rem;line-height:1;color:rgba(233,243,255,.12);display:block;margin-bottom:6px}
.v2-island h3{font-family:var(--v-display);font-size:1.18rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px}
.v2-island strong{display:block;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:10px}
.v2-island p{font-size:.84rem;color:var(--v-dim);margin-bottom:14px}
.v2-island footer{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--v-line)}
.v2-island footer span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#9fb8cc;padding:3px 9px;border-radius:100px;background:rgba(47,216,255,.08)}

/* ---------- 20. Musikplayer ---------- */
.v2-player{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,3vw,52px);align-items:center;padding:clamp(24px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(140deg,rgba(14,34,54,.7),rgba(5,14,24,.9));position:relative;overflow:hidden}
.v2-player::before{content:'';position:absolute;inset:-40% -10% auto;height:80%;background:radial-gradient(ellipse at 30% 0,rgba(139,107,255,.22),transparent 66%);pointer-events:none}
.v2-player-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:290px}
.v2-player-covers{position:relative;width:100%;height:270px;display:grid;place-items:center;perspective:1200px}
.v2-player-cover{position:absolute;width:min(58%,240px);aspect-ratio:1;border-radius:16px;overflow:hidden;border:1px solid var(--v-line-2);transition:transform .7s var(--v-ease),opacity .6s,filter .6s;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.v2-player-cover img{width:100%;height:100%;object-fit:cover}
.v2-player-cover.is-active{transform:translateZ(60px) rotateY(0);opacity:1;z-index:3}
.v2-player-cover.is-prev{transform:translateX(-46%) rotateY(32deg) scale(.82);opacity:.5;filter:saturate(.5) blur(1px);z-index:2}
.v2-player-cover.is-next{transform:translateX(46%) rotateY(-32deg) scale(.82);opacity:.5;filter:saturate(.5) blur(1px);z-index:2}
.v2-player-cover.is-hidden{opacity:0;pointer-events:none}
.v2-player-cover-glow{position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 46%);pointer-events:none}
.v2-player.is-playing .v2-player-cover.is-active{animation:v2breathe 4s var(--v-ease) infinite}
@keyframes v2breathe{0%,100%{box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 0 rgba(47,216,255,.28)}50%{box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 44px 6px rgba(47,216,255,.24)}}
.v2-player-arrow{position:relative;z-index:4;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line);background:rgba(6,18,30,.7);color:var(--v-text);transition:transform .3s,border-color .3s,color .3s}
.v2-player-arrow:hover{transform:scale(1.1);border-color:var(--v-gold);color:var(--v-gold-hi)}
.v2-player-arrow svg{width:20px}
.v2-player-panel{position:relative}
.v2-player-panel>p{color:var(--v-dim);font-size:.88rem;margin-bottom:12px}
.v2-eq{display:flex;align-items:flex-end;gap:3px;height:42px;margin-bottom:18px;opacity:.45;transition:opacity .4s}
.v2-player.is-playing .v2-eq{opacity:1}
.v2-eq i{flex:1;height:14%;background:var(--v-prism);border-radius:2px;transform-origin:bottom}
.v2-player.is-playing .v2-eq i{animation:v2eq 1.1s var(--v-ease) infinite alternate;animation-delay:calc(var(--i) * -73ms)}
@keyframes v2eq{from{height:12%}to{height:100%}}
.v2-player-progress{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:.76rem;color:var(--v-dim);font-variant-numeric:tabular-nums}
.v2-player-progress input[type=range],.v2-player-volume input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--v-cyan) var(--progress,0%),rgba(122,180,222,.2) var(--progress,0%));outline:none;cursor:pointer}
.v2-player-progress input[type=range]::-webkit-slider-thumb,.v2-player-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--v-gold-hi);border:2px solid var(--v-cyan);box-shadow:0 0 12px rgba(47,216,255,.6)}
.v2-player-progress input[type=range]::-moz-range-thumb,.v2-player-volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--v-cyan);border-radius:50%;background:var(--v-gold-hi)}
.v2-player-controls{display:flex;align-items:center;gap:14px;margin:20px 0}
.v2-player-controls>button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line);color:#c4d8e9;transition:transform .3s,color .3s,border-color .3s}
.v2-player-controls>button:hover{transform:scale(1.08);color:var(--v-gold-hi);border-color:var(--v-gold)}
.v2-player-controls svg{width:20px}
.v2-player-main{width:62px!important;height:62px!important;background:var(--v-prism)!important;border:0!important;color:#04121f!important;box-shadow:0 12px 32px rgba(47,216,255,.3)}
.v2-player-main svg{width:24px;stroke-width:2.2}
.v2-player-main .icon-pause,.v2-player.is-playing .v2-player-main .icon-play{display:none}
.v2-player.is-playing .v2-player-main .icon-pause{display:block}
.v2-player-volume{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--v-dim);max-width:130px}
.v2-player-volume svg{width:19px;flex:0 0 auto}
.v2-player-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.v2-player-list button{width:100%;display:grid;grid-template-columns:34px 1fr 28px;gap:12px;align-items:center;text-align:left;padding:11px 14px;border-radius:12px;border:1px solid transparent;transition:background .3s,border-color .3s}
.v2-player-list button:hover{background:rgba(47,216,255,.07);border-color:var(--v-line)}
.v2-player-list button.is-active{background:rgba(47,216,255,.1);border-color:var(--v-line-2)}
.v2-player-no{font-family:var(--v-display);font-size:.9rem;color:var(--v-gold)}
.v2-player-meta b{display:block;font-size:.94rem}
.v2-player-meta small{display:block;font-size:.78rem;color:var(--v-dim);line-height:1.4}
.v2-player-wave{display:flex;align-items:flex-end;gap:2px;height:16px;opacity:0}
.v2-player-list button.is-active .v2-player-wave{opacity:1}
.v2-player-wave i{width:3px;height:40%;background:var(--v-cyan);border-radius:2px}
.v2-player.is-playing .v2-player-list button.is-active .v2-player-wave i{animation:v2eq .8s var(--v-ease) infinite alternate}
.v2-player.is-playing .v2-player-list button.is-active .v2-player-wave i:nth-child(2){animation-delay:-.25s}
.v2-player.is-playing .v2-player-list button.is-active .v2-player-wave i:nth-child(3){animation-delay:-.5s}

/* ---------- 21. News ---------- */
.v2-news-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.v2-newsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.v2-newscard{position:relative;display:flex;flex-direction:column;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.6),rgba(5,14,24,.9));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-newscard:hover{border-color:var(--v-line-2)}
.v2-newscard-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.v2-newscard-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v-ease)}
.v2-newscard:hover .v2-newscard-media img{transform:scale(1.08)}
.v2-newscard-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.v2-newscard time{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-gold);margin-bottom:11px}
.v2-newscard h3 a:hover{color:var(--v-cyan-soft)}
.v2-newscard p{font-size:.9rem;margin-bottom:18px}
.v2-newscard .v2-textlink{margin-top:auto;align-self:flex-start}
.v2-leadcard{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(120deg,rgba(14,34,54,.66),rgba(5,14,24,.92));overflow:hidden}
.v2-leadcard-media{position:relative;overflow:hidden;min-height:340px}
.v2-leadcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--v-ease)}
.v2-leadcard:hover .v2-leadcard-media img{transform:scale(1.06)}
.v2-leadcard-body{padding:clamp(26px,3vw,48px);display:flex;flex-direction:column;justify-content:center}
.v2-leadcard-body time{display:block;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-gold);margin:14px 0 12px}
.v2-leadcard-body h2 a:hover{color:var(--v-cyan-soft)}

/* ---------- 22. Roadmap ---------- */
.v2-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2-roadcard{position:relative;padding:24px 24px 26px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.6);overflow:hidden;transition:transform .45s var(--v-ease),border-color .4s}
.v2-roadcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--v-dim)}
.v2-roadcard.is-done::before{background:var(--v-green);box-shadow:0 0 20px rgba(92,224,164,.6)}
.v2-roadcard.is-active::before{background:var(--v-gold);box-shadow:0 0 20px rgba(240,180,74,.6)}
.v2-roadcard.is-planned::before{background:rgba(122,180,222,.5)}
.v2-roadcard:hover{transform:translateY(-6px);border-color:var(--v-line-2)}
.v2-roadcard-state{display:inline-flex;align-items:center;gap:9px;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--v-dim);margin-bottom:12px}
.v2-roadcard-state i{width:8px;height:8px;border-radius:50%;background:currentColor}
.v2-roadcard.is-done .v2-roadcard-state{color:var(--v-green)}
.v2-roadcard.is-active .v2-roadcard-state{color:var(--v-gold-hi)}
.v2-roadcard.is-active .v2-roadcard-state i{animation:v2ping 2s var(--v-ease) infinite}
.v2-roadcard h3{font-size:var(--v-fs-h3);margin-bottom:8px}
.v2-roadcard p{font-size:.88rem;color:var(--v-dim);margin:0}

/* ---------- 23. Shop-Teaser ---------- */
.v2-shopteaser-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(34px,5vw,72px);align-items:center}
.v2-plinths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}
.v2-plinth{position:relative;margin:0;padding:20px 16px 18px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(14,34,54,.6),rgba(5,14,24,.92));text-align:center;transition:transform .5s var(--v-ease)}
.v2-plinth:nth-child(2){transform:translateY(-24px)}
.v2-plinth img{height:170px;width:100%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.6))}
.v2-plinth figcaption{margin-top:14px;display:grid;gap:4px}
.v2-plinth b{font-size:.86rem}
.v2-plinth span{font-size:.8rem;color:var(--v-gold-hi)}
.v2-plinth-glow{position:absolute;left:50%;bottom:14%;width:70%;height:34%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(47,216,255,.26),transparent 68%);filter:blur(18px);z-index:-1}

/* ---------- 24. FAQ ---------- */
.v2-faq-list{display:grid;gap:10px;max-width:1000px}
.v2-faq-item{border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55);overflow:hidden;transition:border-color .35s,background .35s}
.v2-faq-item[open]{border-color:var(--v-line-2);background:rgba(12,30,48,.7)}
.v2-faq-item summary{display:grid;grid-template-columns:44px 1fr 28px;gap:14px;align-items:center;padding:19px 22px;cursor:pointer;list-style:none}
.v2-faq-item summary::-webkit-details-marker{display:none}
.v2-faq-no{font-family:var(--v-display);font-size:.94rem;color:var(--v-gold)}
.v2-faq-q{font-size:1.02rem;font-weight:600}
.v2-faq-mark{position:relative;width:16px;height:16px;justify-self:end}
.v2-faq-mark::before,.v2-faq-mark::after{content:'';position:absolute;background:var(--v-gold-hi);border-radius:2px;transition:transform .35s var(--v-ease),opacity .3s}
.v2-faq-mark::before{left:0;top:7px;width:16px;height:2px}
.v2-faq-mark::after{left:7px;top:0;width:2px;height:16px}
.v2-faq-item[open] .v2-faq-mark::after{transform:rotate(90deg);opacity:0}
.v2-faq-a{padding:0 22px 22px 80px}
.v2-faq-a p{margin:0;font-size:.95rem}

/* ---------- 25. Community ---------- */
.v2-community{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;padding-block:clamp(70px,8vw,120px)}
.v2-community-art{position:absolute;inset:0;z-index:0}
.v2-community-art img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.v2-community-art::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(3,7,15,.94) 12%,rgba(3,7,15,.6) 55%,rgba(3,7,15,.86)),linear-gradient(180deg,var(--v-bg),transparent 26%,var(--v-bg) 96%)}
.v2-community-inner{position:relative;z-index:2;max-width:720px}

/* ---------- 26. CTA-Band, offene Punkte ---------- */
.v2-ctaband-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(26px,3vw,50px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(120deg,rgba(14,34,54,.7),rgba(5,14,24,.9));position:relative;overflow:hidden}
.v2-ctaband-inner::before{content:'';position:absolute;inset:auto -10% -60% auto;width:60%;height:120%;background:radial-gradient(circle,rgba(240,180,74,.18),transparent 66%);pointer-events:none}
.v2-ctaband-inner>img{width:min(24vw,230px);border-radius:10px;box-shadow:0 34px 60px rgba(0,0,0,.66)}
.v2-openpanel{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,58px);padding:clamp(26px,3vw,44px);border-radius:var(--v-radius-lg);border:1px dashed var(--v-line-2);background:rgba(8,22,36,.5)}
.v2-openpanel ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.v2-openpanel li{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;font-size:.92rem;color:#b7ccdd}
.v2-openpanel li i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--v-line-2);color:var(--v-gold-hi);font-style:normal;font-weight:700;font-size:.9rem}

/* ---------- 27. Seitenkopf Unterseiten ---------- */
.v2-pagehero{position:relative;min-height:clamp(430px,58vh,620px);display:flex;align-items:flex-end;padding:calc(var(--v-head) + 80px) 0 clamp(50px,6vw,86px);overflow:hidden}
.v2-pagehero-media{position:absolute;inset:0;z-index:0}
.v2-pagehero-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;will-change:transform}
.v2-pagehero-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,15,.85) 0%,rgba(3,7,15,.5) 34%,rgba(3,7,15,.96) 94%)}
.v2-pagehero-scan{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(47,216,255,.05) 0 1px,transparent 1px 6px);opacity:.4}
.v2-pagehero-inner{position:relative;z-index:2;max-width:860px}
.v2-pagehero-edge{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--v-line-2),rgba(47,216,255,.4),transparent)}
.v2-pagehero-meta{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:1px;border:1px solid var(--v-line);border-radius:14px;overflow:hidden;background:var(--v-line)}
.v2-pagehero-meta li{flex:1 1 130px;padding:14px 18px;background:rgba(6,18,30,.72);backdrop-filter:blur(8px)}
.v2-pagehero-meta strong{display:block;font-family:var(--v-display);font-size:1.5rem;background:var(--v-prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-pagehero-meta span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-dim);margin-top:3px}

/* ---------- 28. Split & Rich Content ---------- */
.v2-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.5vw,74px);align-items:center}
.v2-split.is-reverse>*:first-child{order:2}
.v2-split figure{margin:0}
.v2-storylead-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(30px,4vw,64px);align-items:start}
.v2-rich{max-width:74ch}
.v2-rich h2{font-size:var(--v-fs-h2);margin-top:40px}
.v2-rich h2:first-child{margin-top:0}
.v2-rich h3{font-size:var(--v-fs-h3);margin-top:26px;color:var(--v-gold-hi)}
.v2-rich p{margin-bottom:18px;font-size:1.02rem;line-height:1.75}
.v2-rich ul,.v2-rich ol{margin:0 0 20px;padding-left:22px}
.v2-rich li{margin-bottom:9px;color:#b7ccdd}
.v2-rich ul li::marker{color:var(--v-gold)}
.v2-rich ol li::marker{color:var(--v-cyan);font-family:var(--v-display)}
.v2-rich a{color:var(--v-cyan-soft);border-bottom:1px solid rgba(47,216,255,.4)}
.v2-rich a:hover{color:var(--v-gold-hi);border-color:var(--v-gold)}
.v2-rich img{border-radius:var(--v-radius);border:1px solid var(--v-line);margin:18px 0}
.v2-rich blockquote{margin:24px 0;padding:18px 24px;border-left:2px solid var(--v-gold);background:rgba(240,180,74,.06);border-radius:0 12px 12px 0;font-size:1.04rem;color:#d6e6f4}
.v2-rich hr{border:0;height:1px;background:var(--v-line);margin:34px 0}
.v2-rich .legal-alert{padding:18px 22px;border-radius:14px;border:1px dashed var(--v-red);background:rgba(255,122,114,.08);color:#ffd8d4;margin-bottom:26px}
.v2-hexpanel{position:relative;padding:30px 28px 32px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(160deg,rgba(14,34,54,.72),rgba(5,14,24,.92));overflow:hidden}
.v2-hexpanel-art{position:relative;display:grid;place-items:center;height:190px;margin-bottom:22px}
.v2-hexpanel-art img{max-height:150px;width:auto;filter:drop-shadow(0 0 32px rgba(47,216,255,.4))}
.v2-hexpanel-ring{position:absolute;width:190px;height:190px;border:1px solid rgba(47,216,255,.28);border-radius:50%;border-top-color:var(--v-gold);animation:v2spin 14s linear infinite}
.v2-hexpanel-ring.is-two{width:140px;height:140px;border-color:rgba(240,180,74,.24);border-bottom-color:var(--v-cyan);animation-duration:9s;animation-direction:reverse}

/* ---------- 29. Figuren ---------- */
.v2-castgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,26px)}
.v2-castcard{position:relative;padding:0 24px 26px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.66),rgba(5,14,24,.92));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-castcard:hover{border-color:var(--v-line-2)}
.v2-castcard-media{position:relative;margin:0 -24px 20px;aspect-ratio:16/11;overflow:hidden}
.v2-castcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--v-ease)}
.v2-castcard:hover .v2-castcard-media img{transform:scale(1.08)}
.v2-castcard-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,14,24,.95))}
.v2-castcard>.v2-tag{position:relative;z-index:2;margin-bottom:12px}
.v2-castcard-role{display:block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-cyan-soft);margin-bottom:12px}
.v2-castcard p{font-size:.9rem}

/* ---------- 30. HUD ---------- */
.v2-hud{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,3vw,46px);padding:clamp(22px,2.6vw,38px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(140deg,rgba(14,34,54,.68),rgba(5,14,24,.92));overflow:hidden}
.v2-hud-scene{position:relative;border-radius:var(--v-radius);overflow:hidden;border:1px solid var(--v-line)}
.v2-hud-scene img{width:100%;height:100%;object-fit:cover;min-height:320px}
.v2-hud-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--v-cyan),transparent);box-shadow:0 0 22px var(--v-cyan);animation:v2hudscan 4.5s var(--v-ease) infinite}
@keyframes v2hudscan{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
.v2-hud-reticle{position:absolute;left:56%;top:44%;width:98px;height:98px;transform:translate(-50%,-50%);border:1px solid rgba(240,180,74,.6);border-radius:50%;animation:v2ret 3.4s var(--v-ease) infinite}
.v2-hud-reticle i{position:absolute;background:var(--v-gold)}
.v2-hud-reticle i:first-child{left:50%;top:-9px;bottom:-9px;width:1px}
.v2-hud-reticle i:last-child{top:50%;left:-9px;right:-9px;height:1px}
@keyframes v2ret{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
.v2-hud-bars{display:flex;flex-direction:column;gap:14px}
.v2-hud-bar{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-dim)}
.v2-hud-bar i{grid-column:1/-1;display:block;height:7px;border-radius:6px;background:rgba(122,180,222,.16);position:relative;overflow:hidden}
.v2-hud-bar i::after{content:'';position:absolute;inset:0;width:var(--v);border-radius:6px;background:linear-gradient(90deg,#5ce0a4,#2fd8ff);box-shadow:0 0 16px rgba(92,224,164,.5);animation:v2fill 1.6s var(--v-ease) both}
.v2-hud-bar.is-ap i::after{background:linear-gradient(90deg,#2fd8ff,#8b6bff);box-shadow:0 0 16px rgba(47,216,255,.5)}
.v2-hud-bar.is-res i::after{background:linear-gradient(90deg,#f0b44a,#ffdf9b);box-shadow:0 0 16px rgba(240,180,74,.5)}
@keyframes v2fill{from{width:0}}
.v2-hud-bar b{color:var(--v-gold-hi);font-family:var(--v-display);font-size:.9rem}
.v2-hud-keys{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2-hud-keys li{padding:11px 14px;border-radius:11px;border:1px solid var(--v-line);background:rgba(6,18,30,.6)}
.v2-hud-keys b{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-cyan-soft)}
.v2-hud-keys span{display:block;font-size:.78rem;color:var(--v-dim);line-height:1.4}
.v2-hud .v2-note{grid-column:1/-1}

/* ---------- 31. Starter ---------- */
.v2-starterrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.v2-starter{position:relative;padding:26px 24px 28px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.66),rgba(5,14,24,.92));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-starter:hover{border-color:var(--v-line-2)}
.v2-starter-no{position:absolute;top:16px;right:22px;font-family:var(--v-display);font-size:2.6rem;color:rgba(233,243,255,.1)}
.v2-starter-art{position:relative;height:260px;display:grid;place-items:end center;margin-bottom:18px}
.v2-starter-art img{max-height:100%;width:auto;filter:drop-shadow(0 26px 42px rgba(0,0,0,.6));transition:transform .7s var(--v-ease)}
.v2-starter:hover .v2-starter-art img{transform:translateY(-10px) scale(1.05)}
.v2-starter strong{display:block;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-cyan-soft);margin-bottom:10px}
.v2-starter p{font-size:.9rem;margin-bottom:14px}

/* ---------- 32. Archiv-Werkzeuge ---------- */
.v2-archive-intro{margin-bottom:36px}
.v2-archive-tools{display:grid;grid-template-columns:minmax(220px,340px) 1fr auto;gap:16px;align-items:center;padding:16px 20px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.62);backdrop-filter:blur(10px);margin-bottom:30px;position:sticky;top:calc(var(--v-head) - 12px);z-index:60}
.v2-search{position:relative;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:100px;border:1px solid var(--v-line);background:rgba(3,10,18,.7);transition:border-color .3s,box-shadow .3s}
.v2-search:focus-within{border-color:var(--v-cyan);box-shadow:0 0 0 3px rgba(47,216,255,.12)}
.v2-search svg{width:18px;color:var(--v-dim);flex:0 0 auto}
.v2-search input{flex:1;background:none;border:0;outline:none;font-size:.94rem}
.v2-search input::placeholder{color:var(--v-dim)}
.v2-filters{display:flex;flex-wrap:wrap;gap:8px}
.v2-filters button{padding:9px 17px;border-radius:100px;border:1px solid var(--v-line);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#b6cee0;transition:all .3s var(--v-ease)}
.v2-filters button:hover{border-color:var(--v-gold);color:var(--v-gold-hi)}
.v2-filters button.is-active{background:var(--v-prism);border-color:transparent;color:#04121f;font-weight:700}
.v2-archive-count{margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v-dim);white-space:nowrap}
.v2-archive-count b{color:var(--v-gold-hi);font-family:var(--v-display);font-size:1.1rem}
.v2-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:clamp(16px,1.8vw,24px)}
.v2-archive-empty{margin:40px 0 0;padding:26px;text-align:center;border-radius:var(--v-radius);border:1px dashed var(--v-line-2);color:var(--v-dim)}
.v2-archive-note{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(26px,4vw,58px);margin-top:52px;padding:clamp(24px,3vw,40px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:rgba(8,22,36,.5)}

/* ---------- 33. Downloads ---------- */
.v2-dllist{display:grid;gap:14px;margin-bottom:56px}
.v2-dllist.is-muted{opacity:.72}
.v2-dlrow{position:relative;display:grid;grid-template-columns:76px 1fr auto;gap:24px;align-items:center;padding:22px 26px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.58);overflow:hidden;transition:transform .4s var(--v-ease),border-color .4s}
.v2-dlrow:hover{transform:translateX(6px);border-color:var(--v-line-2)}
.v2-dlrow.is-locked{border-style:dashed}
.v2-dlmark{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--v-line-2);background:rgba(6,18,30,.7);font-family:var(--v-display);font-size:1.05rem;letter-spacing:.08em;color:var(--v-gold-hi)}
.v2-dlmark i{position:absolute;inset:-5px;border-radius:19px;border:1px solid rgba(47,216,255,.28);opacity:0;transition:opacity .4s,transform .5s var(--v-ease)}
.v2-dlrow:hover .v2-dlmark i{opacity:1;transform:scale(1.06)}
.v2-dlbody .v2-tag{margin-bottom:10px}
.v2-dlbody h3{margin-bottom:6px}
.v2-dlbody p{font-size:.9rem;margin:0}

/* ---------- 34. Shop ---------- */
.v2-shopbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin:44px 0 24px}
.v2-cartbtn{display:inline-flex;align-items:center;gap:11px;padding:13px 22px;border-radius:100px;border:1px solid var(--v-line-2);background:rgba(10,26,42,.6);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-text);transition:transform .3s,box-shadow .3s}
.v2-cartbtn svg{width:20px}
.v2-cartbtn b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:100px;background:var(--v-prism);color:#04121f;font-size:.76rem}
.v2-cartbtn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(240,180,74,.2)}
.v2-notice{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:20px 24px;border-radius:var(--v-radius);border:1px dashed var(--v-line-2);background:rgba(240,180,74,.06);margin-bottom:28px}
.v2-notice-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(240,180,74,.16);color:var(--v-gold-hi);font-family:var(--v-display);font-size:1.3rem}
.v2-notice strong{display:block;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:6px}
.v2-notice p{margin:0;font-size:.9rem}
.v2-productgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:clamp(16px,2vw,26px)}
.v2-product{position:relative;display:flex;flex-direction:column;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.62),rgba(5,14,24,.92));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-product:hover{border-color:var(--v-line-2)}
.v2-product.is-featured{border-color:rgba(240,180,74,.42)}
.v2-product-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,rgba(47,216,255,.12),transparent 66%)}
.v2-product-media img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .7s var(--v-ease)}
.v2-product:hover .v2-product-media img{transform:scale(1.07) translateY(-6px)}
.v2-product-flag{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:100px;background:var(--v-prism);color:#04121f;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.v2-product-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.v2-product-body .v2-tag{align-self:flex-start;margin-bottom:12px}
.v2-product p{font-size:.88rem;margin-bottom:16px}
.v2-product-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.v2-product-foot strong{font-family:var(--v-display);font-size:1.4rem;color:var(--v-gold-hi)}
.v2-product-foot .v2-btn{padding:12px 20px;font-size:.76rem}
.v2-product-note{display:block;margin-top:12px;font-size:.78rem;color:var(--v-dim)}
.v2-product-sku{display:block;margin-top:6px;font-size:.7rem;letter-spacing:.16em;color:rgba(146,169,190,.6)}
.v2-shopinfo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.v2-shopinfo article{padding:22px 24px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.5)}
.v2-shopinfo h3{font-size:var(--v-fs-h3);margin-bottom:8px;color:var(--v-gold-hi)}
.v2-shopinfo p{font-size:.87rem;margin:0}

/* Warenkorb */
.v2-cart{position:fixed;inset:0;z-index:1000}
.v2-cart[hidden]{display:none}
.v2-cart-backdrop{position:absolute;inset:0;background:rgba(2,7,13,.72);backdrop-filter:blur(8px);animation:v2fade .35s var(--v-ease) both}
@keyframes v2fade{from{opacity:0}to{opacity:1}}
.v2-cart-panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,100%);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(10,26,42,.98),rgba(4,12,21,.99));border-left:1px solid var(--v-line-2);box-shadow:-30px 0 80px rgba(0,0,0,.6);animation:v2slidein .45s var(--v-ease-out) both}
@keyframes v2slidein{from{transform:translateX(100%)}to{transform:none}}
.v2-cart-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid var(--v-line)}
.v2-cart-panel header button{width:38px;height:38px;border-radius:50%;border:1px solid var(--v-line);font-size:1.3rem;line-height:1;color:var(--v-dim);transition:color .3s,border-color .3s}
.v2-cart-panel header button:hover{color:var(--v-gold-hi);border-color:var(--v-gold)}
.v2-cart-items{flex:1;overflow-y:auto;padding:20px 26px;display:grid;gap:12px;align-content:start}
.v2-cart-empty{margin:0;padding:34px 0;text-align:center;color:var(--v-dim);font-size:.92rem}
.v2-cart-item,.cart-item{display:grid;grid-template-columns:58px 1fr 30px;gap:14px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--v-line);background:rgba(8,22,36,.6)}
.v2-cart-item img,.cart-item img{width:58px;height:58px;object-fit:contain;border-radius:10px;background:rgba(3,10,18,.6)}
.v2-cart-item b,.cart-item b{display:block;font-size:.9rem}
.v2-cart-item small,.cart-item small{display:block;font-size:.78rem;color:var(--v-dim)}
.v2-cart-item button,.cart-item button{width:30px;height:30px;border-radius:50%;border:1px solid var(--v-line);color:var(--v-dim);font-size:1.1rem;line-height:1}
.v2-cart-item button:hover,.cart-item button:hover{color:var(--v-red);border-color:var(--v-red)}
.v2-cart-panel footer{padding:22px 26px 26px;border-top:1px solid var(--v-line);display:grid;gap:14px}
.v2-cart-total{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-dim)}
.v2-cart-total strong{font-family:var(--v-display);font-size:1.5rem;color:var(--v-gold-hi)}
.v2-cart-panel footer p{margin:0;font-size:.78rem;color:var(--v-dim)}

/* ---------- 35. Unterstützen ---------- */
.v2-usagegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2-usagecard{position:relative;padding:26px 24px 28px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55);overflow:hidden;transition:transform .45s var(--v-ease),border-color .4s}
.v2-usagecard:hover{transform:translateY(-6px);border-color:var(--v-line-2)}
.v2-usagecard>span:first-child{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;border:1px solid var(--v-line-2);background:rgba(240,180,74,.08);color:var(--v-gold-hi);font-size:1.25rem;margin-bottom:16px}
.v2-usagecard h3{font-size:var(--v-fs-h3);margin-bottom:8px}
.v2-usagecard p{font-size:.88rem;margin:0}
.v2-tiergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.v2-tier{position:relative;display:flex;flex-direction:column;padding:30px 26px 30px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.66),rgba(5,14,24,.92));overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-tier.is-featured{border-color:rgba(240,180,74,.5);background:linear-gradient(180deg,rgba(24,42,62,.8),rgba(7,18,30,.95))}
.v2-tier:hover{border-color:var(--v-line-2)}
.v2-tier-flag{position:absolute;top:0;right:22px;padding:6px 14px;border-radius:0 0 10px 10px;background:var(--v-prism);color:#04121f;font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.v2-tier-price{display:block;font-family:var(--v-display);font-size:2rem;background:var(--v-prism);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.v2-tier p{font-size:.9rem;margin-bottom:18px}
.v2-tier ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px}
.v2-tier li{display:grid;grid-template-columns:16px 1fr;gap:11px;font-size:.88rem;color:#b7ccdd}
.v2-tier li i{color:var(--v-gold);font-style:normal;font-size:.66rem;line-height:1.9}
.v2-tier .v2-btn{margin-top:auto}
.v2-supportcta{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,54px);align-items:center;margin-top:36px;padding:clamp(24px,3vw,40px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:rgba(8,22,36,.5)}
.v2-supportcta .v2-btnrow{margin-top:0}

/* ---------- 36. Galerie & Wallpaper ---------- */
.v2-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:210px;gap:12px}
.v2-gallery-item{position:relative;display:block;padding:0;border-radius:var(--v-radius);overflow:hidden;border:1px solid var(--v-line);background:var(--v-panel);transition:transform .5s var(--v-ease),border-color .4s,box-shadow .5s}
.v2-gallery-item.is-wide{grid-column:span 2}
.v2-gallery-item.is-tall{grid-row:span 2}
.v2-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v-ease),filter .5s;filter:saturate(.88)}
.v2-gallery-item:hover{transform:translateY(-5px);border-color:var(--v-line-2);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.v2-gallery-item:hover img{transform:scale(1.09);filter:saturate(1.1)}
.v2-gallery-label{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;text-align:left;font-size:.8rem;background:linear-gradient(transparent,rgba(3,7,15,.92));color:#dcecf8;transform:translateY(6px);opacity:.85;transition:transform .4s var(--v-ease),opacity .4s}
.v2-gallery-item:hover .v2-gallery-label{transform:none;opacity:1}
.v2-gallery-zoom{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(3,10,18,.72);border:1px solid var(--v-line-2);color:var(--v-gold-hi);opacity:0;transform:scale(.7);transition:opacity .35s,transform .35s var(--v-ease)}
.v2-gallery-item:hover .v2-gallery-zoom{opacity:1;transform:none}
.v2-wallgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.v2-wallcard{position:relative;display:flex;flex-direction:column;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:rgba(8,22,36,.55);overflow:hidden;transition:transform .5s var(--v-ease),border-color .4s}
.v2-wallcard:hover{border-color:var(--v-line-2)}
.v2-wallcard .v2-frame{border:0;border-radius:0;aspect-ratio:16/9}
.v2-wallcard .v2-frame img{height:100%;object-fit:cover;transition:transform .8s var(--v-ease)}
.v2-wallcard:hover .v2-frame img{transform:scale(1.06)}
.v2-wallcard-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}
.v2-wallcard h3{font-size:var(--v-fs-h3);margin-bottom:8px}
.v2-wallcard p{font-size:.86rem;margin-bottom:18px}
.v2-wallcard .v2-btn{margin-top:auto;align-self:flex-start;padding:11px 20px;font-size:.75rem}

/* ---------- 37. Comic-Landing ---------- */
.v2-comiclanding{padding-top:calc(var(--v-head) + 90px)}
.v2-comichead{max-width:840px;margin-bottom:clamp(34px,4vw,56px)}
.v2-comicfeature{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(24px,3vw,46px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(130deg,rgba(14,34,54,.72),rgba(5,14,24,.92));position:relative;overflow:hidden}
.v2-comicfeature::before{content:'';position:absolute;inset:auto auto -50% -20%;width:60%;height:120%;background:radial-gradient(circle,rgba(47,216,255,.18),transparent 66%);pointer-events:none}
.v2-comiccover{position:relative;display:block;padding:0;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.66);transition:transform .5s var(--v-ease)}
.v2-comiccover img{width:100%}
.v2-comiccover-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.3) 48%,transparent 62%);transform:translateX(-130%);animation:v2sweep 6s var(--v-ease) infinite}
.v2-comiccover-edge{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent)}
.v2-comicinfo{position:relative}
.v2-comicpreview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.v2-comicpreview figure{position:relative;margin:0;overflow:hidden;border-radius:var(--v-radius);border:1px solid var(--v-line)}
.v2-comicpreview img{width:100%}
.v2-comicpreview figcaption{grid-column:1/-1;text-align:center;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-dim)}

/* ---------- 38. Artikel ---------- */
.v2-articlehero{position:relative;min-height:clamp(420px,56vh,600px);display:flex;align-items:flex-end;padding:calc(var(--v-head) + 80px) 0 clamp(44px,5vw,74px);overflow:hidden}
.v2-articlehero-media{position:absolute;inset:0;z-index:0}
.v2-articlehero-media img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.v2-articlehero-inner{position:relative;z-index:2;max-width:900px}
.v2-articlemeta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:16px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-gold)}
.v2-articlemeta span{color:var(--v-dim)}
.v2-articlelayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(30px,4vw,64px);padding-block:clamp(50px,6vw,90px);align-items:start}
.v2-articlelayout.is-single{grid-template-columns:minmax(0,760px);justify-content:center}
.v2-articlelayout.is-left{grid-template-columns:320px minmax(0,1fr)}
.v2-articlelayout.is-left .v2-articleside{order:-1}
.v2 .v2-articlehero .v2-h1{font-size:clamp(1.85rem,3.2vw,3rem)}
.v2-articlebody{font-size:1.04rem;line-height:1.8}
.v2-articlebody h2{margin-top:44px;scroll-margin-top:calc(var(--v-head) + 24px)}
.v2-toc{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:toc}
.v2-toc li{counter-increment:toc}
.v2-toc a{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:8px 10px;border-radius:9px;font-size:.9rem;color:#b7ccdd;transition:background .3s,color .3s}
.v2-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--v-gold);font-size:.76rem;line-height:1.6}
.v2-toc a:hover,.v2-toc a.is-current{background:rgba(47,216,255,.09);color:var(--v-cyan-soft)}
.v2-sidelist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v2-sidelist a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:6px;border-radius:11px;transition:background .3s}
.v2-sidelist a:hover{background:rgba(47,216,255,.08)}
.v2-sidelist img{width:56px;height:44px;object-fit:cover;border-radius:8px}
.v2-sidelist b{display:block;font-size:.88rem;font-weight:600;line-height:1.35}
.v2-sidelist small{display:block;font-size:.74rem;color:var(--v-dim);margin-top:2px}
.v2-btn-sm{padding:11px 18px;font-size:.76rem}
.v2-articlebody{max-width:none}
.v2-articleside{display:grid;gap:16px;position:sticky;top:calc(var(--v-head) + 20px)}
.v2-sidecard{padding:24px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55)}
.v2-sidecard-audio{display:grid;grid-template-columns:88px 1fr;gap:16px;align-items:center}
.v2-sidecard-audio img{width:88px;height:88px;object-fit:cover;border-radius:12px}
.v2-sidecard audio{width:100%;margin-top:10px;height:38px}
.v2-morenews{padding-bottom:clamp(60px,7vw,110px)}

/* ---------- 39. Recht & Fehler ---------- */
.v2-legalbody{max-width:78ch}
.v2-legalnav{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:26px;border-top:1px solid var(--v-line)}
.v2-legalnav a{padding:10px 20px;border-radius:100px;border:1px solid var(--v-line);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#b6cee0;transition:border-color .3s,color .3s}
.v2-legalnav a:hover{border-color:var(--v-gold);color:var(--v-gold-hi)}
.v2-error{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:calc(var(--v-head) + 60px) 0 80px;overflow:hidden}
.v2-error-orb{position:absolute;left:50%;top:44%;width:min(60vw,560px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:.4;pointer-events:none}
.v2-error-orb img{width:34%;filter:drop-shadow(0 0 44px rgba(47,216,255,.6));animation:v2pulse 3.4s var(--v-ease) infinite}
.v2-error-orb span{position:absolute;inset:12%;border:1px solid rgba(47,216,255,.3);border-radius:50%;border-top-color:var(--v-gold);animation:v2spin 16s linear infinite}
.v2-error-orb span.is-two{inset:28%;border-color:rgba(240,180,74,.24);border-bottom-color:var(--v-cyan);animation-duration:11s;animation-direction:reverse}
.v2-error-inner{position:relative;z-index:2;display:grid;justify-items:center}
.v2-error-code{font-family:var(--v-display);font-size:clamp(4rem,14vw,11rem);line-height:1;background:var(--v-prism);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.v2-error .v2-btnrow{justify-content:center}
.v2-error-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:38px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-dim)}
.v2-error-links a:hover{color:var(--v-gold-hi)}

/* ---------- 40. Roadmap-Banner & Footer ---------- */
.v2-roadmap-banner{padding-block:clamp(50px,6vw,90px)}
.v2-roadmap-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,58px);align-items:center;padding:clamp(24px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line-2);background:linear-gradient(120deg,rgba(14,34,54,.72),rgba(5,14,24,.92))}
.v2-roadmap-art img{width:min(24vw,240px);border-radius:var(--v-radius)}
.v2-footer{position:relative;margin-top:clamp(60px,8vw,120px);border-top:1px solid var(--v-line);background:linear-gradient(180deg,rgba(4,11,19,.6),rgba(2,6,12,.98));overflow:hidden}
.v2-footer-wordmark{position:absolute;left:50%;bottom:-4%;transform:translateX(-50%);width:120%;text-align:center;pointer-events:none;line-height:1}
.v2-footer-wordmark span{font-family:var(--v-display);font-size:min(20vw,270px);letter-spacing:.02em;background:linear-gradient(180deg,rgba(122,180,222,.11),transparent 72%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(26px,3vw,52px);padding-block:clamp(48px,6vw,80px)}
.v2-footer-brand img{width:180px;margin-bottom:16px}
.v2-footer-brand p{font-size:.92rem;color:var(--v-dim);max-width:36ch;margin-bottom:20px}
.v2-footer nav{display:grid;gap:11px;align-content:start}
.v2-footer nav strong{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:4px}
.v2-footer nav a{font-size:.92rem;color:#a9c1d6;transition:color .3s,transform .3s var(--v-ease);width:fit-content}
.v2-footer nav a:hover{color:var(--v-cyan-soft);transform:translateX(4px)}
.v2-footer-bottom{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-top:1px solid var(--v-line);font-size:.8rem;color:var(--v-dim)}
.v2-top{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line);color:var(--v-gold-hi);transition:transform .3s,border-color .3s}
.v2-top:hover{transform:translateY(-3px);border-color:var(--v-gold)}

/* ---------- 41. Lightbox, Cookie, Toast ---------- */
.v2-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;background:rgba(2,7,13,.94);backdrop-filter:blur(14px);color:var(--v-text);z-index:5000}
.v2-lightbox::backdrop{background:rgba(2,7,13,.8)}
.v2-lightbox[open]{display:grid;place-content:center;justify-items:center;gap:14px;animation:v2fade .3s var(--v-ease) both}
.v2-lightbox img{max-width:92vw;max-height:80vh;object-fit:contain;border-radius:var(--v-radius);border:1px solid var(--v-line-2);box-shadow:0 40px 90px rgba(0,0,0,.7)}
.v2-lightbox p{margin:0;font-size:.84rem;letter-spacing:.16em;text-transform:uppercase;color:var(--v-dim)}
.v2-lightbox button{position:fixed;top:26px;right:30px;width:46px;height:46px;border-radius:50%;border:1px solid var(--v-line-2);background:rgba(8,22,36,.7);font-size:1.5rem;line-height:1;color:var(--v-text);transition:transform .3s,color .3s}
.v2-lightbox button:hover{transform:rotate(90deg);color:var(--v-gold-hi)}
.v2-cookie{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:2000;width:min(1000px,calc(100% - 32px));display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px 26px;border-radius:var(--v-radius-lg);border:1px solid var(--v-line-2);background:var(--v-glass-strong);backdrop-filter:blur(22px);box-shadow:var(--v-shadow);animation:v2cookie .6s var(--v-ease-out) both}
@keyframes v2cookie{from{transform:translate(-50%,120%);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.v2-cookie[hidden]{display:none}
.v2-cookie h2{font-size:1.2rem;margin-bottom:6px}
.v2-cookie p{font-size:.86rem;margin-bottom:8px}
.v2-cookie>div>a{font-size:.8rem;color:var(--v-cyan-soft);border-bottom:1px solid rgba(47,216,255,.4)}
.v2-cookie-actions{display:flex;flex-wrap:wrap;gap:10px}
.v2-cookie-actions .v2-btn{padding:12px 20px;font-size:.76rem}
.v2-cookie-copy{min-width:0}
.v2-cookie-groups{display:grid;gap:8px;margin:14px 0 12px}
.v2-consent{display:grid;gap:10px;margin:20px 0 8px;padding:20px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55)}
.v2-consent-row{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:11px;border:1px solid var(--v-line);background:rgba(6,18,30,.5);cursor:pointer}
.v2-consent-row.is-locked{opacity:.85;cursor:default}
.v2-consent-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--v-gold)}
.v2-consent-row b{display:block;font-size:.9rem;color:var(--v-text)}
.v2-consent-row small{display:block;margin-top:3px;font-size:.82rem;line-height:1.5;color:var(--v-dim)}
.v2-consent .v2-btnrow{margin-top:4px}
.v2-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:3000;padding:14px 24px;border-radius:100px;border:1px solid var(--v-line-2);background:var(--v-glass-strong);backdrop-filter:blur(18px);font-size:.88rem;box-shadow:var(--v-shadow);opacity:0;transition:opacity .35s,transform .35s var(--v-ease)}
.v2-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.v2-toast[hidden]{display:none}

/* ---------- 42. Seitenbaukasten im V2-Look ---------- */
.v2-built .page-builder-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;align-items:start}
.v2-built .page-block{position:relative;grid-column:span var(--span-desktop,12);padding-top:var(--block-pad-top,72px);padding-bottom:var(--block-pad-bottom,72px)}
.v2-built .block-shell{width:var(--v-shell);margin-inline:auto}
.v2-built .page-block.width-wide .block-shell{width:min(1620px,calc(100% - 56px))}
.v2-built .page-block.width-full .block-shell{width:100%;padding-inline:clamp(16px,3vw,44px)}

/* Flächen */
.v2-built .page-block.theme-raised{background:linear-gradient(180deg,rgba(9,24,39,0),rgba(9,24,39,.6) 10%,rgba(9,24,39,.6) 90%,rgba(9,24,39,0))}
.v2-built .page-block.theme-panel>.block-shell{padding:clamp(24px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.62),rgba(5,14,24,.9))}
.v2-built .page-block.theme-glass>.block-shell{padding:clamp(24px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:rgba(10,26,42,.5);backdrop-filter:blur(16px)}
.v2-built .page-block.theme-gold>.block-shell{padding:clamp(24px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line-2);background:linear-gradient(130deg,rgba(240,180,74,.14),rgba(5,14,24,.9))}
.v2-built .page-block.theme-dark{background:#02060d}
.v2-built .page-block.has-border>.block-shell{border:1px solid var(--v-line);border-radius:var(--v-radius-lg);padding:clamp(20px,2.4vw,36px)}
.v2-built .page-block.has-shadow>.block-shell{box-shadow:var(--v-shadow)}
.v2-built .page-block.has-divider-top::before,.v2-built .page-block.has-divider-bottom::after{content:'';position:absolute;left:50%;transform:translateX(-50%);width:var(--v-shell);height:1px;background:linear-gradient(90deg,transparent,var(--v-line-2),rgba(47,216,255,.4),transparent)}
.v2-built .page-block.has-divider-top::before{top:0}
.v2-built .page-block.has-divider-bottom::after{bottom:0}
.v2-built .page-block.radius-s>.block-shell{border-radius:12px}
.v2-built .page-block.radius-m>.block-shell{border-radius:22px}
.v2-built .page-block.radius-l>.block-shell{border-radius:34px}
.v2-built .page-block.align-center{text-align:center}
.v2-built .page-block.align-center .block-heading,.v2-built .page-block.align-center .block-shell>*{margin-inline:auto}
.v2-built .page-block.align-center .block-lead{margin-inline:auto}
.v2-built .page-block.align-right{text-align:right}
.v2-built .page-block.tone-muted,.v2-built .page-block.tone-muted p{color:var(--v-dim)}
.v2-built .page-block.tone-bright,.v2-built .page-block.tone-bright p{color:#eaf4ff}

/* Einblend-Varianten */
.v2-built .page-block.anim-fade>.block-shell,.v2-built .page-block.anim-up>.block-shell,.v2-built .page-block.anim-zoom>.block-shell{opacity:0;transition:opacity .75s var(--v-ease-out),transform .75s var(--v-ease-out)}
.v2-built .page-block.anim-up>.block-shell{transform:translateY(26px)}
.v2-built .page-block.anim-zoom>.block-shell{transform:scale(.965)}
.v2-built .page-block.is-inview>.block-shell{opacity:1;transform:none}
.v2-built .page-block.anim-none>.block-shell{opacity:1;transform:none}

/* Überschriften und Grundtexte */
.v2-built .block-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:13px}
.v2-built .block-kicker::before{content:'';width:26px;height:1px;background:var(--v-prism)}
.v2-built .block-heading{margin-bottom:clamp(24px,3vw,44px);max-width:72ch}
.v2-built .block-lead{font-size:clamp(1rem,1.15vw,1.14rem);color:#cfe0ee;max-width:64ch}
.v2-built .page-block-hero{min-height:var(--block-min-height,540px);display:flex;align-items:flex-end;overflow:hidden;padding-top:calc(var(--v-head) + 60px)}
.v2-built .block-hero-media{position:absolute;inset:0;z-index:0}
.v2-built .block-hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--block-focus-x,50%) var(--block-focus-y,50%)}
.v2-built .block-hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,15,.78),rgba(3,7,15,calc(var(--block-overlay,.58) * .45)) 42%,rgba(3,7,15,.95))}
.v2-built .page-block-hero .block-shell{position:relative;z-index:2}
.v2-built .page-block-hero h1{font-size:var(--v-fs-h1)}
.v2-built .page-block-hero p{max-width:62ch;font-size:clamp(1rem,1.15vw,1.12rem);color:#cfe0ee}

/* Schaltflächen */
.v2-built .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:100px;font-weight:700;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .3s var(--v-ease),box-shadow .3s,border-color .3s,color .3s}
.v2-built .button-primary{color:#04121f;background:var(--v-prism);box-shadow:0 12px 32px rgba(47,216,255,.22)}
.v2-built .button-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(47,216,255,.32)}
.v2-built .button-secondary{color:var(--v-text);border:1px solid var(--v-line-2);background:rgba(10,26,42,.5)}
.v2-built .button-secondary:hover{transform:translateY(-3px);border-color:var(--v-gold);color:var(--v-gold-hi)}
.v2-built .button-discord{color:#fff;background:linear-gradient(120deg,#5865f2,#8b6bff)}
.v2-built .button:disabled,.v2-built .button[aria-disabled=true]{color:var(--v-dim);background:rgba(146,169,190,.08);border:1px dashed rgba(146,169,190,.4);box-shadow:none;cursor:not-allowed}
.v2-built .block-buttons{display:flex;flex-wrap:wrap;gap:14px}
.v2-built .align-center .block-buttons{justify-content:center}

/* Fließtext */
.v2-built .rich-content{max-width:74ch}
.v2-built .align-center .rich-content{margin-inline:auto}
.v2-built .rich-content h2{font-size:var(--v-fs-h2);margin-top:40px}
.v2-built .rich-content h2:first-child{margin-top:0}
.v2-built .rich-content h3{font-size:var(--v-fs-h3);color:var(--v-gold-hi);margin-top:26px}
.v2-built .rich-content p{margin-bottom:18px;font-size:1.02rem;line-height:1.75}
.v2-built .rich-content ul,.v2-built .rich-content ol{padding-left:22px;margin-bottom:20px}
.v2-built .rich-content li{margin-bottom:9px;color:#b7ccdd}
.v2-built .rich-content a{color:var(--v-cyan-soft);border-bottom:1px solid rgba(47,216,255,.4)}
.v2-built .rich-content img{border-radius:var(--v-radius);border:1px solid var(--v-line);max-width:100%}
.v2-built .rich-content figure{margin:22px 0}
.v2-built .rich-content figcaption{margin-top:9px;font-size:.84rem;color:var(--v-dim)}
.v2-built .rich-content .legal-alert{padding:18px 22px;border-radius:14px;border:1px dashed var(--v-red);background:rgba(255,122,114,.08);color:#ffd8d4;margin-bottom:26px}

/* Zitat */
.v2-built .block-quote{margin:0;padding:clamp(22px,3vw,38px);border-left:3px solid var(--v-gold);background:rgba(240,180,74,.06);border-radius:0 var(--v-radius) var(--v-radius) 0}
.v2-built .block-quote blockquote{margin:0;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.5;color:#e2eefa;font-family:var(--v-display);font-weight:400;letter-spacing:.005em}
.v2-built .block-quote figcaption{margin-top:14px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold-hi)}

/* Bild */
.v2-built .block-figure{margin:0}
.v2-built .block-figure img{width:100%;border-radius:var(--v-radius);border:1px solid var(--v-line);aspect-ratio:var(--block-ratio,auto);object-fit:cover}
.v2-built .block-figure figcaption{margin-top:12px;font-size:.84rem;letter-spacing:.1em;color:var(--v-dim)}

/* Galerie */
.v2-built .block-gallery-track{display:grid;grid-template-columns:repeat(var(--block-columns,3),minmax(0,1fr));gap:var(--block-gap,20px)}
.v2-built .block-gallery-track figure{margin:0;overflow:hidden;border-radius:var(--v-radius);border:1px solid var(--v-line);position:relative}
.v2-built .block-gallery-track button{display:block;width:100%;padding:0;text-align:left;cursor:zoom-in}
.v2-built .block-gallery-track img{width:100%;aspect-ratio:var(--block-ratio,4 / 3);object-fit:cover;transition:transform .7s var(--v-ease)}
.v2-built .block-gallery-track figure:hover img{transform:scale(1.07)}
.v2-built .block-gallery-track figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:.82rem;background:linear-gradient(transparent,rgba(3,7,15,.9));color:#dcecf8}

/* Slider */
.v2-built .block-slider{position:relative;border-radius:var(--v-radius-lg);overflow:hidden;border:1px solid var(--v-line);background:var(--v-panel)}
.v2-built .block-slider-viewport{position:relative;aspect-ratio:var(--block-ratio,16 / 9)}
.v2-built .block-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .8s var(--v-ease),transform 1.2s var(--v-ease);pointer-events:none}
.v2-built .block-slide[data-active]{opacity:1;transform:none;pointer-events:auto}
.v2-built .block-slide img{width:100%;height:100%;object-fit:cover}
.v2-built .block-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 24px 22px;font-size:.95rem;background:linear-gradient(transparent,rgba(3,7,15,.92));color:#e6f2fc}
.v2-built .block-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line-2);background:rgba(4,12,21,.7);backdrop-filter:blur(10px);color:var(--v-text);transition:background .3s,color .3s,transform .3s}
.v2-built .block-slider-arrow:hover{color:var(--v-gold-hi);transform:translateY(-50%) scale(1.08)}
.v2-built .block-slider-arrow.is-prev{left:16px}
.v2-built .block-slider-arrow.is-next{right:16px}
.v2-built .block-slider-arrow svg{width:22px}
.v2-built .block-slider-dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;justify-content:center;gap:8px}
.v2-built .block-slider-dots button{width:9px;height:9px;border-radius:50%;background:rgba(233,243,255,.35);transition:transform .3s,background .3s,width .3s}
.v2-built .block-slider-dots button.is-active{width:26px;border-radius:6px;background:var(--v-prism)}

/* Split */
.v2-built .block-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,64px);align-items:center}
.v2-built .page-block.is-reverse .block-split>.block-split-media{order:2}
.v2-built .block-split-media{margin:0;overflow:hidden;border-radius:var(--v-radius-lg);border:1px solid var(--v-line)}
.v2-built .block-split-media img{width:100%;aspect-ratio:var(--block-ratio,4 / 3);object-fit:cover;transition:transform .8s var(--v-ease)}
.v2-built .block-split:hover .block-split-media img{transform:scale(1.04)}
.v2-built .block-split-copy h2{font-size:var(--v-fs-h2)}
.v2-built .block-split-copy .button{margin-top:22px}

/* Karten */
.v2-built .block-cards{display:grid;grid-template-columns:repeat(var(--block-columns,3),minmax(0,1fr));gap:var(--block-gap,20px)}
.v2-built .block-card{position:relative;display:flex;flex-direction:column;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.62),rgba(5,14,24,.9));overflow:hidden;transition:transform .45s var(--v-ease),border-color .4s}
.v2-built .block-card:hover{transform:translateY(-6px);border-color:var(--v-line-2)}
.v2-built .block-card-media{overflow:hidden}
.v2-built .block-card-media img{width:100%;aspect-ratio:var(--block-ratio,16 / 10);object-fit:cover;transition:transform .7s var(--v-ease)}
.v2-built .block-card:hover .block-card-media img{transform:scale(1.07)}
.v2-built .block-card-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1;text-align:left}
.v2-built .block-card-tag{align-self:flex-start;padding:4px 11px;border-radius:100px;border:1px solid var(--v-line-2);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:11px}
.v2-built .block-card h3{font-size:var(--v-fs-h3);margin-bottom:8px}
.v2-built .block-card p{font-size:.9rem;margin:0}
.v2-built .block-card-link{margin-top:16px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--v-gold-hi)}

/* Feature-Karten */
.v2-built .block-features{display:grid;grid-template-columns:repeat(var(--block-columns,3),minmax(0,1fr));gap:var(--block-gap,20px)}
.v2-built .block-feature{position:relative;display:flex;flex-direction:column;border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(180deg,rgba(12,30,48,.66),rgba(5,14,24,.92));overflow:hidden;transition:transform .45s var(--v-ease),border-color .4s}
.v2-built .block-feature:hover{transform:translateY(-6px);border-color:var(--v-line-2)}
.v2-built .block-feature-media{overflow:hidden;aspect-ratio:16 / 10}
.v2-built .block-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v-ease);filter:saturate(.92)}
.v2-built .block-feature:hover .block-feature-media img{transform:scale(1.1);filter:saturate(1.1)}
.v2-built .block-feature-body{position:relative;padding:22px 24px 26px;text-align:left}
.v2-built .block-feature-no{position:absolute;top:-40px;left:24px;font-family:var(--v-display);font-size:2.9rem;line-height:1;color:rgba(233,243,255,.16)}
.v2-built .block-feature-icon{position:absolute;top:-28px;right:24px;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--v-line-2);background:rgba(6,18,30,.88);color:var(--v-gold-hi);font-size:1.1rem}
.v2-built .block-feature h3{font-size:var(--v-fs-h3);margin-bottom:8px}
.v2-built .block-feature p{font-size:.9rem;margin:0}

/* Kennzahlen */
.v2-built .block-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--block-columns,4),minmax(0,1fr));gap:1px;background:var(--v-line);border:1px solid var(--v-line);border-radius:var(--v-radius);overflow:hidden}
.v2-built .block-stats li{padding:22px 20px;background:rgba(6,18,30,.66);text-align:left;transition:background .4s}
.v2-built .block-stats li:hover{background:rgba(12,32,52,.86)}
.v2-built .block-stats strong{display:block;font-family:var(--v-display);font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1;background:var(--v-prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-built .block-stats span{display:block;margin-top:6px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#c3d6e6}
.v2-built .block-stats small{display:block;margin-top:7px;font-size:.78rem;line-height:1.45;color:var(--v-dim)}

/* Schritte */
.v2-built .block-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--block-columns,4),minmax(0,1fr));gap:var(--block-gap,22px);counter-reset:step}
.v2-built .block-steps li{position:relative;padding-top:64px}
.v2-built .block-step-no{position:absolute;top:0;left:0;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v-line-2);background:rgba(6,18,30,.9);font-family:var(--v-display);font-size:1.2rem;color:var(--v-gold-hi)}
.v2-built .block-steps h3{font-size:var(--v-fs-h3);margin-bottom:6px}
.v2-built .block-steps p{font-size:.88rem;color:var(--v-dim);margin:0}

/* Zeitstrahl */
.v2-built .block-timeline{position:relative;display:grid;gap:clamp(20px,3vw,38px)}
.v2-built .block-timeline-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(122,180,222,.14);overflow:hidden}
.v2-built .block-timeline-item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,60px);align-items:center}
.v2-built .block-timeline-item:nth-child(odd) .block-timeline-media{order:2}
.v2-built .block-timeline-media{overflow:hidden;border-radius:var(--v-radius);border:1px solid var(--v-line);aspect-ratio:16 / 9}
.v2-built .block-timeline-media.is-empty{border-style:dashed;opacity:.3}
.v2-built .block-timeline-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--v-ease)}
.v2-built .block-timeline-item:hover .block-timeline-media img{transform:scale(1.06)}
.v2-built .block-timeline-body{text-align:left}
.v2-built .block-timeline-body h3{font-size:var(--v-fs-h3);margin:10px 0 8px}
.v2-built .block-timeline-dot{position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--v-gold-hi);box-shadow:0 0 0 5px rgba(240,180,74,.12),0 0 20px var(--v-gold)}

/* Symbolliste */
.v2-built .block-iconlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--block-columns,2),minmax(0,1fr));gap:var(--block-gap,16px)}
.v2-built .block-iconlist li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:14px;border:1px solid var(--v-line);background:rgba(8,22,36,.5);text-align:left;transition:transform .35s var(--v-ease),border-color .35s}
.v2-built .block-iconlist li:hover{transform:translateX(5px);border-color:var(--v-line-2)}
.v2-built .block-iconlist i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(240,180,74,.1);color:var(--v-gold-hi);font-style:normal;font-size:1.1rem}
.v2-built .block-iconlist strong{display:block;font-size:.98rem}
.v2-built .block-iconlist span{display:block;font-size:.87rem;color:var(--v-dim);line-height:1.55}

/* Fragen und Antworten */
.v2-built .block-faq{display:grid;gap:10px;max-width:1000px}
.v2-built .align-center .block-faq{margin-inline:auto;text-align:left}
.v2-built .block-faq-item{border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55);overflow:hidden;transition:border-color .35s,background .35s}
.v2-built .block-faq-item[open]{border-color:var(--v-line-2);background:rgba(12,30,48,.7)}
.v2-built .block-faq-item summary{display:grid;grid-template-columns:44px 1fr 26px;gap:14px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}
.v2-built .block-faq-item summary::-webkit-details-marker{display:none}
.v2-built .block-faq-no{font-family:var(--v-display);font-size:.94rem;color:var(--v-gold)}
.v2-built .block-faq-q{font-size:1rem;font-weight:600}
.v2-built .block-faq-mark{position:relative;width:16px;height:16px;justify-self:end}
.v2-built .block-faq-mark::before,.v2-built .block-faq-mark::after{content:'';position:absolute;background:var(--v-gold-hi);border-radius:2px;transition:transform .35s var(--v-ease),opacity .3s}
.v2-built .block-faq-mark::before{left:0;top:7px;width:16px;height:2px}
.v2-built .block-faq-mark::after{left:7px;top:0;width:2px;height:16px}
.v2-built .block-faq-item[open] .block-faq-mark::after{transform:rotate(90deg);opacity:0}
.v2-built .block-faq-a{padding:0 22px 22px 80px}
.v2-built .block-faq-a p{margin:0;font-size:.95rem}

/* Aufruf */
.v2-built .block-cta{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,58px);align-items:center;padding:clamp(24px,3vw,46px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line);background:linear-gradient(120deg,rgba(14,34,54,.72),rgba(5,14,24,.92));position:relative;overflow:hidden}
.v2-built .block-cta::before{content:'';position:absolute;inset:auto -10% -60% auto;width:56%;height:120%;background:radial-gradient(circle,rgba(240,180,74,.16),transparent 66%);pointer-events:none}
.v2-built .block-cta>img{position:relative;width:min(22vw,220px);border-radius:12px;box-shadow:0 30px 56px rgba(0,0,0,.6)}
.v2-built .block-cta>div{position:relative;text-align:left}
.v2-built .block-cta h2{font-size:var(--v-fs-h2)}

/* Laufband */
.v2-built .block-marquee{position:relative;overflow:hidden;border-block:1px solid var(--v-line);background:linear-gradient(90deg,rgba(47,216,255,.05),rgba(139,107,255,.04),rgba(240,180,74,.05));padding:16px 0}
.v2-built .block-marquee-track{display:flex;align-items:center;gap:26px;width:max-content;animation:v2marquee 46s linear infinite}
.v2-built .block-marquee span{font-family:var(--v-display);font-size:1.3rem;text-transform:uppercase;color:rgba(233,243,255,.78);white-space:nowrap}
.v2-built .block-marquee i{color:var(--v-gold);font-style:normal;font-size:.66rem}

/* Medienblöcke */
.v2-built .block-video-player{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(22px,3vw,44px);align-items:center}
.v2-built .block-video-copy span{display:inline-flex;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:12px}
.v2-built .block-video-copy h2{font-size:var(--v-fs-h2)}
.v2-built .block-video-copy small{display:block;margin-top:12px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--v-gold)}
.v2-built .block-video-frame{position:relative;border-radius:var(--v-radius);overflow:hidden;border:1px solid var(--v-line)}
.v2-built .block-video-frame video{width:100%;display:block;aspect-ratio:var(--block-ratio,16 / 9);object-fit:cover;background:#020810}
.v2-built .block-audio-player{display:grid;gap:14px;padding:26px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55)}
.v2-built .block-audio-player h2{font-size:var(--v-fs-h3)}
.v2-built .block-audio-player audio{width:100%}
.v2-built .block-download-card{display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;padding:22px 26px;border-radius:var(--v-radius);border:1px solid var(--v-line);background:rgba(8,22,36,.55)}
.v2-built .block-download-card>span{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--v-line-2);color:var(--v-gold-hi);font-family:var(--v-display)}
.v2-built .block-download-card h2{font-size:var(--v-fs-h3);margin-bottom:4px}
.v2-built .block-discord{padding:clamp(26px,3vw,44px);border-radius:var(--v-radius-lg);border:1px solid var(--v-line-2);background:linear-gradient(120deg,rgba(88,101,242,.16),rgba(5,14,24,.9))}
.v2-built .block-discord span{display:inline-flex;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--v-gold-hi);margin-bottom:12px}
.v2-built .block-discord h2{font-size:var(--v-fs-h2)}
.v2-built .page-block-divider i{display:block;width:var(--v-shell);height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,var(--v-line-2),transparent)}
.v2-built .v2-blockmodule{width:var(--v-shell)}
.v2-built .v2-blockmodule .v2-archive-tools{position:relative;top:auto}

@media(max-width:980px){
  .v2-built .block-split,.v2-built .block-video-player,.v2-built .block-cta{grid-template-columns:1fr}
  .v2-built .page-block.is-reverse .block-split>.block-split-media{order:0}
  .v2-built .block-cta>img{width:min(46vw,240px)}
  .v2-built .block-cards,.v2-built .block-features,.v2-built .block-gallery-track,.v2-built .block-steps{grid-template-columns:repeat(min(2,var(--block-columns,3)),minmax(0,1fr))}
  .v2-built .block-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-built .block-timeline-rail{left:20px}
  .v2-built .block-timeline-item{grid-template-columns:1fr;gap:16px;padding-left:50px}
  .v2-built .block-timeline-item:nth-child(odd) .block-timeline-media{order:0}
  .v2-built .block-timeline-dot{left:20px;top:32px}
}
@media(max-width:720px){
  .v2-built .page-block{grid-column:span 12}
  .v2-built .block-cards,.v2-built .block-features,.v2-built .block-gallery-track,.v2-built .block-steps,.v2-built .block-iconlist,.v2-built .block-stats{grid-template-columns:1fr}
  .v2-built .block-download-card{grid-template-columns:1fr}
  .v2-built .block-faq-a{padding:0 18px 20px 50px}
  .v2-built .block-slider-arrow{width:40px;height:40px}
}

/* ---------- 42b. Zusatzeffekte ---------- */
.v2 .v2-unveil{clip-path:inset(0 0 100% 0);transform:scale(1.06);transition:clip-path 1.05s var(--v-ease-out),transform 1.25s var(--v-ease-out),filter .9s ease;filter:saturate(.75)}
.v2 .v2-unveil.is-unveiled{clip-path:inset(0 0 0 0);transform:none;filter:none}
.v2-veil{position:fixed;inset:0;z-index:9500;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,rgba(6,20,34,.7),rgba(3,7,15,.98));transition:opacity .28s var(--v-ease)}
.v2-veil.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){
  .v2 .v2-unveil{clip-path:none;transform:none;filter:none}
  .v2-veil{display:none}
}

/* ---------- 42c. Lesemodus ---------- */
body.v2.is-reading .v2-header,
body.v2.is-reading .v2-progress,
body.v2.is-reading .v2-cursor,
body.v2.is-reading .v2-cookie{display:none}
body.v2.is-reading{overflow:hidden}

/* ---------- 43. Comic-Reader ---------- */
.reader-view{position:fixed;inset:0;z-index:3000;background:#010914;display:grid;grid-template-rows:72px minmax(0,1fr) 104px}
.reader-view[hidden]{display:none}
.reader-topbar,.reader-controls{display:grid;align-items:center;background:rgba(4,12,21,.96);backdrop-filter:blur(16px);z-index:4}
.reader-topbar{grid-template-columns:200px 1fr 200px;border-bottom:1px solid var(--v-line);padding:0 28px}
.reader-topbar h2{font-family:var(--v-display);font-size:1.1rem;text-transform:uppercase;text-align:center;margin:0;color:var(--v-gold-hi)}
.reader-topbar button,.reader-controls button{display:flex;align-items:center;gap:8px;color:var(--v-text)}
.reader-topbar button:last-child{justify-self:end}
.reader-topbar svg,.reader-controls svg{width:22px}
.reader-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px 110px;background:radial-gradient(circle at 50% 45%,#0b2743,#020b15 62%)}
.book-mount{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.pdf-page{background:#f0f0ec;box-shadow:inset 0 0 15px rgba(0,0,0,.18);overflow:hidden}
.pdf-page img{width:100%;height:100%;object-fit:contain;opacity:0}
.pdf-page.is-rendered img{opacity:1}
.page-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#728092;background:#edf0ef}
.pdf-page.is-rendered .page-placeholder{display:none}
.reader-edge{position:absolute;top:50%;z-index:3;width:58px;height:100px;transform:translateY(-50%);border:1px solid var(--v-gold);background:rgba(6,26,45,.9);color:var(--v-gold-hi);display:grid;place-items:center;cursor:pointer;transition:background .3s,box-shadow .3s}
.reader-edge:hover{background:rgba(12,44,72,.95);box-shadow:0 0 26px rgba(240,180,74,.3)}
.reader-edge:disabled{opacity:.2}
.reader-edge svg{width:30px}
.reader-edge.is-prev{left:26px;clip-path:polygon(25% 0,100% 12%,100% 88%,25% 100%,0 72%,0 28%)}
.reader-edge.is-next{right:26px;clip-path:polygon(0 12%,75% 0,100% 28%,100% 72%,75% 100%,0 88%)}
.reader-loading{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:16px;background:#03070f}
.reader-loading[hidden]{display:none}
.reader-loading img{width:260px}
.reader-loading p{color:var(--v-gold-hi);margin:0}
.reader-loading>div{width:300px;height:3px;background:rgba(122,180,222,.18)}
.reader-loading>div span{display:block;width:8%;height:100%;background:var(--v-prism);box-shadow:0 0 12px var(--v-cyan);transition:width .3s}
.reader-loading.has-error>div{display:none}
.reader-error{max-width:520px;margin-top:6px;text-align:center}
.reader-error-text{margin:0 0 18px;font-size:.95rem;line-height:1.6;color:#c9dcec}
.reader-error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.reader-error-actions button,.reader-error-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:100px;border:1px solid var(--v-line-2);background:rgba(10,26,42,.6);color:var(--v-text);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,color .3s,transform .3s}
.reader-error-actions button:hover,.reader-error-actions a:hover{border-color:var(--v-gold);color:var(--v-gold-hi);transform:translateY(-2px)}
.reader-error-actions [data-reader-retry]{background:var(--v-prism);border-color:transparent;color:#04121f}
.reader-controls{grid-template-columns:150px 1fr 130px 150px;gap:28px;border-top:1px solid var(--v-line);padding:0 28px}
.reader-controls>div{display:grid;gap:8px}
.reader-controls input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(90deg,var(--v-cyan) var(--progress,0%),rgba(122,180,222,.2) var(--progress,0%));outline:none}
.reader-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--v-gold-hi);border:3px solid var(--v-cyan)}
.reader-controls input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--v-gold-hi);border:3px solid var(--v-cyan)}
.reader-controls output{text-align:center;color:var(--v-gold-hi);font-size:.84rem}
.reader-controls label{display:flex;align-items:center;gap:6px;color:var(--v-dim)}
.reader-controls input[type=number]{width:70px;background:rgba(6,18,30,.8);color:#fff;border:1px solid var(--v-line);padding:8px;border-radius:8px}
.reader-controls>button:last-child{justify-content:end}
.reader-controls button:disabled{opacity:.25}

/* ---------- 44. Responsiv ---------- */
@media(max-width:1400px){
  :root{--v-shell:min(100% - 64px,1280px)}
  .v2-island-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v2-loop-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
  .v2-loop-rail{display:none}
}
@media(max-width:1180px){
  :root{--v-shell:min(100% - 48px,1100px)}
  .v2-nav{display:none}
  .v2-burger{display:flex}
  .v2-chip{display:none}
  .v2-syscards,.v2-castgrid,.v2-news-rail,.v2-newsgrid,.v2-roadmap-grid,.v2-usagegrid,.v2-wallgrid,.v2-shopinfo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-monster-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-hero-rings{opacity:.28}
  .v2-articlelayout{grid-template-columns:1fr}
  .v2-articleside{position:relative;top:auto;grid-template-columns:repeat(2,1fr)}
  .v2-built .block-video-player{grid-template-columns:1fr}
}
@media(max-width:980px){
  :root{--v-head:72px}
  .v2-world-grid,.v2-comic-grid,.v2-split,.v2-storylead-grid,.v2-shopteaser-grid,.v2-scales-grid,.v2-hud,.v2-player,.v2-archive-note,.v2-openpanel,.v2-supportcta,.v2-comicfeature,.v2-roadmap-inner,.v2-ctaband-inner{grid-template-columns:1fr}
  .v2-split.is-reverse>*:first-child{order:0}
  .v2-timeline-rail{left:20px}
  .v2-timeline-item{grid-template-columns:1fr;gap:18px;padding-left:52px}
  .v2-timeline-item:nth-child(even) .v2-timeline-media{order:0}
  .v2-timeline-dot{left:20px;top:34px}
  .v2-tiergrid,.v2-starterrow{grid-template-columns:1fr}
  .v2-island-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-archive-tools{grid-template-columns:1fr;position:relative;top:auto}
  .v2-filters{overflow-x:auto;padding-bottom:4px}
  .v2-ctaband-inner>img{width:min(46vw,240px)}
  .v2-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-videos,.v2-comicpreview{grid-template-columns:1fr}
  .v2-footer-grid{grid-template-columns:1fr 1fr}
  .v2-footer-brand{grid-column:1/-1}
  .v2-cookie{grid-template-columns:1fr}
  .v2-book-scene{min-height:340px}
  .v2-book-page{width:min(36vw,250px)}
  .v2-cursor{display:none}
  .reader-topbar{grid-template-columns:130px 1fr 130px}
  .reader-stage{padding-inline:75px}
  .reader-controls{grid-template-columns:100px 1fr 110px 100px;gap:12px}
}
@media(max-width:720px){
  :root{--v-shell:calc(100% - 30px)}
  body.v2{font-size:16px}
  .v2-section{padding-block:clamp(56px,10vw,88px)}
  .v2-hero{min-height:auto;padding-top:calc(var(--v-head) + 48px);padding-bottom:70px}
  .v2-hero-bg img{object-position:64% top}
  .v2-hero-veil{background:linear-gradient(180deg,rgba(3,7,15,.62),rgba(3,7,15,.86) 46%,var(--v-bg) 92%)}
  .v2-hero-book{position:relative;right:auto;bottom:auto;width:140px;margin:34px 0 0}
  .v2-scrollcue{display:none}
  .v2-hero-stats{grid-template-columns:1fr}
  .v2-btnrow{display:grid}
  .v2-btn{width:100%}
  .v2-syscards,.v2-castgrid,.v2-news-rail,.v2-newsgrid,.v2-roadmap-grid,.v2-usagegrid,.v2-wallgrid,.v2-shopinfo,.v2-monster-stage,.v2-island-grid,.v2-productgrid,.v2-archive-grid,.v2-plinths,.v2-hud-keys,.v2-articleside{grid-template-columns:1fr}
  .v2-loop-line{grid-template-columns:1fr;gap:20px}
  .v2-plinth:nth-child(2){transform:none}
  .v2-leadcard{grid-template-columns:1fr}
  .v2-leadcard-media{min-height:220px}
  .v2-dlrow{grid-template-columns:60px 1fr}
  .v2-dlrow .v2-btn,.v2-dlrow .v2-btn-disabled{grid-column:1/-1}
  .v2-dlmark{width:60px;height:60px;font-size:.86rem}
  .v2-faq-item summary{grid-template-columns:32px 1fr 20px;padding:16px 18px}
  .v2-faq-a{padding:0 18px 20px 50px}
  .v2-gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}
  .v2-gallery-item.is-wide,.v2-gallery-item.is-tall{grid-column:auto;grid-row:auto}
  .v2-player-covers{height:210px}
  .v2-player-controls{flex-wrap:wrap}
  .v2-player-volume{margin-left:0;max-width:none;width:100%}
  .v2-footer-grid{grid-template-columns:1fr}
  .v2-footer-bottom{justify-content:flex-start}
  .v2-comiclanding{padding-top:calc(var(--v-head) + 56px)}
  .reader-view{grid-template-rows:60px minmax(0,1fr) 126px}
  .reader-topbar{grid-template-columns:50px 1fr 50px;padding:0 8px}
  .reader-topbar button span{display:none}
  .reader-topbar h2{font-size:.92rem}
  .reader-stage{padding:12px 7px 54px}
  .reader-edge{top:auto;bottom:5px;width:58px;height:44px;transform:none;clip-path:none!important}
  .reader-edge.is-prev{left:25%}
  .reader-edge.is-next{right:25%}
  .reader-controls{grid-template-columns:70px 1fr 70px;padding:8px 10px;gap:8px}
  .reader-controls label,.reader-controls button span{display:none}
  .reader-controls>button{justify-content:center}
}

/* ---------- 45. Bewegung reduzieren ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .v2 *,.v2 *::before,.v2 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}
  .v2-reveal{opacity:1;transform:none}
  .v2 [data-split] .v2-word>i{transform:none;opacity:1}
  .v2-hero-line>span{animation:none}
  .v2-atmosphere .v2-blob,.v2-beam,.v2-grain,.v2-scan{animation:none}
  #v2-lumen{display:none}
  .v2-cursor{display:none}
}

/* ---------- 46. Druck ---------- */
@media print{
  .v2-atmosphere,.v2-header,.v2-overlay,.v2-cursor,.v2-progress,.v2-cookie,.v2-toast,.v2-boot,.v2-scrollcue,.v2-marquee{display:none!important}
  body.v2{background:#fff;color:#111}
  .v2 p,.v2-lead{color:#333}
  .v2-h1,.v2-h2,.v2-h3{color:#111}
}

/* -------------------------------------------------------------------------
   Gestaltete Abschnitte des Version-2-Designs im Seitenbaukasten
   Die Blöcke bringen ihren Innenabstand über die eigene .v2-section mit,
   deshalb wird der Standardabstand des Baukastens hier zurückgenommen.
   ------------------------------------------------------------------------- */
.v2-built .page-block[class*="page-block-v2-"]{padding-top:0;padding-bottom:0}
.v2-built .page-block[class*="page-block-v2-"]>.v2-section,
.v2-built .page-block[class*="page-block-v2-"]>.v2-hero,
.v2-built .page-block[class*="page-block-v2-"]>.v2-pagehero{width:100%;max-width:100%}
.v2-built .page-block-v2-hero{overflow:clip}

/* Konto-Knopf in der Kopfzeile */
.v2-chip-konto svg{width:14px;height:14px;fill:currentColor;margin-right:2px;flex:0 0 auto}
.v2-chip-konto span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}

/* Serverstatus- und Lumis-Chips in der Kopfzeile */
.v2-chip-status{cursor:default;pointer-events:auto}
.v2-chip-status.ist-online .v2-chip-dot{background:#7be58c;box-shadow:0 0 8px rgba(123,229,140,.8);animation:v2-status-puls 2.4s ease-in-out infinite}
.v2-chip-status.ist-offline .v2-chip-dot{background:#f2d18b;box-shadow:0 0 6px rgba(242,209,139,.6)}
@keyframes v2-status-puls{0%,100%{box-shadow:0 0 4px rgba(123,229,140,.5)}50%{box-shadow:0 0 12px rgba(123,229,140,.95)}}
.v2-chip-lumis{color:#d9b8ff;border-color:rgba(191,140,255,.4);font-variant-numeric:tabular-nums}
.v2-chip-lumis:hover{border-color:rgba(191,140,255,.75);box-shadow:0 6px 18px rgba(191,140,255,.25)}

/* Kopfzeilen-Anordnung: Menue ueber bzw. unter den Knoepfen (im Backend einstellbar).
   Die Kopfzeile hat sonst eine FESTE Hoehe (--v-head) — die zweite Zeile waere
   unsichtbar. Deshalb: Hoehe freigeben und den Seitenversatz mitwachsen lassen. */
:root:has(.v2-header-ueber),:root:has(.v2-header-unter){--v-head:132px}
.v2-header-ueber,.v2-header-unter{height:auto;min-height:84px}
.v2-header-ueber .v2-header-inner,.v2-header-unter .v2-header-inner{height:auto;flex-wrap:wrap;row-gap:6px;padding-block:10px}
.v2-header-ueber .v2-brand,.v2-header-unter .v2-brand{order:1}
.v2-header-ueber .v2-nav{order:2;flex:1 1 100%;justify-content:center;margin-top:2px}
.v2-header-ueber .v2-header-actions{order:1;margin-left:auto}
.v2-header-unter .v2-header-actions{order:2;margin-left:auto}
.v2-header-unter .v2-nav{order:3;flex:1 1 100%;justify-content:center;margin-top:2px}

/* Editionen auf der Unterstuetzen-Seite */
.v2-editiongrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:26px}
.v2-editioncard{position:relative;overflow:hidden;border-radius:16px;padding:26px 22px;background:rgba(8,18,36,.7);border:1px solid rgba(120,180,255,.2);display:flex;flex-direction:column;gap:8px;transition:transform .28s,box-shadow .28s,border-color .28s}
.v2-editioncard:hover{transform:translateY(-5px);border-color:rgba(47,216,255,.45);box-shadow:0 18px 44px rgba(47,216,255,.16)}
.v2-editioncard.ist-empfohlen{border-color:rgba(240,164,91,.55);background:linear-gradient(180deg,rgba(52,32,16,.5),rgba(8,18,36,.75))}
.v2-edition-band{position:absolute;top:14px;right:-34px;transform:rotate(35deg);padding:4px 40px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#04121f;background:linear-gradient(115deg,#ffd98a,#f0a45b)}
.v2-editioncard h3{margin:0;font-size:1.15rem}
.v2-edition-preis{margin:0;font-size:1.9rem;font-weight:800;background:linear-gradient(115deg,#2fd8ff,#bf8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.v2-edition-lumis{margin:0 0 6px;color:#d9b8ff;font-weight:700}
.v2-editioncard ul{margin:0 0 16px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.9rem;opacity:.88}
.v2-editioncard .button{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:100px;font-weight:800;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:#04121f;text-decoration:none;background:linear-gradient(115deg,#2fd8ff,#7c9bff 48%,#bf8cff);box-shadow:0 10px 26px rgba(47,216,255,.22);transition:transform .25s,box-shadow .25s}
.v2-editioncard .button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(124,155,255,.4)}

/* ---------------------------------------------------------------------------
   Lumidex — neu gestaltetes Lumimon-Archiv
   --------------------------------------------------------------------------- */
.lumidex-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.lumidex-zahlen{display:flex;gap:12px}
.lumidex-zahlen>div{min-width:86px;text-align:center;padding:10px 12px;border-radius:12px;background:rgba(8,18,36,.65);border:1px solid rgba(120,180,255,.18)}
.lumidex-zahlen b{display:block;font-size:1.4rem;background:linear-gradient(115deg,#2fd8ff,#bf8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lumidex-zahlen span{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.lumidex-werkzeuge{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.lumidex-suche{flex:1 1 260px}
.lumidex-filter{display:flex;gap:8px;flex-wrap:wrap}
.lumidex-filter button{padding:8px 16px;border-radius:100px;border:1px solid rgba(120,180,255,.25);background:rgba(8,18,36,.6);color:inherit;cursor:pointer;font:inherit;font-size:.82rem;transition:border-color .2s,background .2s}
.lumidex-filter button:hover{border-color:rgba(47,216,255,.5)}
.lumidex-filter button.is-active{background:linear-gradient(115deg,rgba(47,216,255,.25),rgba(191,140,255,.25));border-color:rgba(47,216,255,.6)}
.lumidex-elemente{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.lumidex-elemente button{padding:6px 14px;border-radius:100px;border:1px solid color-mix(in srgb,var(--ef) 45%,transparent);background:color-mix(in srgb,var(--ef) 10%,rgba(8,18,36,.6));color:inherit;cursor:pointer;font:inherit;font-size:.8rem;transition:transform .18s,border-color .18s,background .18s}
.lumidex-elemente button:hover{transform:translateY(-2px);border-color:var(--ef)}
.lumidex-elemente button.is-active{background:color-mix(in srgb,var(--ef) 30%,rgba(8,18,36,.6));border-color:var(--ef);box-shadow:0 0 14px color-mix(in srgb,var(--ef) 35%,transparent)}
.lumidex-stand{opacity:.7;font-size:.86rem;margin:0 0 16px}
.lumidex-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.lumidex-karte{position:relative;overflow:hidden;border-radius:18px;padding:18px 16px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--ef) 7%,rgba(8,18,36,.85)),rgba(6,14,28,.9));border:1px solid color-mix(in srgb,var(--ef) 28%,rgba(120,180,255,.15));transition:transform .3s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s,border-color .3s}
.lumidex-karte:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--ef) 65%,transparent);box-shadow:0 20px 48px color-mix(in srgb,var(--ef) 22%,transparent)}
.lumidex-nummer{position:absolute;top:6px;right:12px;font-size:2.6rem;font-weight:800;opacity:.08;pointer-events:none;font-variant-numeric:tabular-nums}
.lumidex-selten{position:absolute;top:12px;left:12px;z-index:2}
.lumidex-buehne{position:relative;height:170px;display:flex;align-items:center;justify-content:center;margin:14px 0 12px}
.lumidex-buehne img{position:relative;z-index:1;max-height:100%;max-width:88%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45));transition:transform .35s}
.lumidex-karte:hover .lumidex-buehne img{transform:scale(1.06) translateY(-3px)}
.lumidex-aura{position:absolute;inset:12% 18%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ef) 38%,transparent),transparent 68%);filter:blur(6px);animation:lumidex-atmen 4.2s ease-in-out infinite}
@keyframes lumidex-atmen{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:.95;transform:scale(1.05)}}
.lumidex-name{margin:0 0 8px;font-size:1.1rem;text-align:center}
.lumidex-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}
.lumidex-chips span{padding:3px 11px;border-radius:100px;font-size:.74rem;border:1px solid color-mix(in srgb,var(--ef) 50%,transparent);border-color:color-mix(in srgb,var(--ef) 50%,transparent);background:color-mix(in srgb,var(--ef) 14%,transparent);color:color-mix(in srgb,var(--ef) 75%,#fff)}
.lumidex-text{margin:0;font-size:.86rem;line-height:1.5;opacity:.78;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lumidex-kante{position:absolute;inset:0;border-radius:18px;pointer-events:none;background:linear-gradient(115deg,transparent 40%,color-mix(in srgb,var(--ef) 16%,transparent) 50%,transparent 60%);opacity:0;transition:opacity .3s}
.lumidex-karte:hover .lumidex-kante{opacity:1}
@media(max-width:640px){.lumidex-zahlen{width:100%;justify-content:space-between}.lumidex-buehne{height:140px}}

/* Kopfzeilen-Hintergrund (im Backend einstellbar).
   schwarz     = feste dunkle Leiste, das Seitenbild beginnt exakt darunter.
   transparent = keine Leiste, das erste Seitenbild laeuft bis ganz nach oben. */
.v2-kopf-schwarz .v2-header{background:rgba(4,12,21,.97)}
.v2-kopf-schwarz .page-builder-output{padding-top:var(--v-head)}
.v2-kopf-transparent .page-builder-output{padding-top:0}
/* Der Hero-Baustein bringt seinen Innenabstand unter der Kopfzeile selbst mit
   (.v2-hero) — nur erste Bausteine OHNE eigenes Vollbild brauchen den Versatz. */
.v2-kopf-transparent .v2-built .page-block:first-child:not(.page-block-v2-hero){padding-top:calc(var(--v-head) + var(--block-pad-top,72px))}

/* Rich-Content aus dem Editor: Umfluss, Markierungen, Videos */
.rich-content{overflow:auto}
.rich-content img,.rich-content video{max-width:100%;border-radius:10px}
.rich-content mark{border-radius:3px;padding:0 3px}
.rich-content::after{content:'';display:block;clear:both}

/* Handy: Die Kopfzeilen-Chips machten die Knopfleiste breiter als den
   Bildschirm — der Menue-Knopf wurde abgeschnitten. Status und Lumis
   wandern raus (stehen im Konto), der Konto-Knopf wird zum reinen Symbol. */
@media(max-width:760px){
  .v2-chip-status{display:none}
  .v2-chip-lumis{display:none}
  .v2-chip-konto span{display:none}
  .v2-chip-konto{padding:8px 10px}
  .v2-chip-konto svg{margin-right:0}
  .v2-header-actions{flex-wrap:nowrap;min-width:0}
}

/* Nach-oben-Knopf: erscheint nach dem ersten Bildschirm Scrollweg */
.v2-nach-oben{position:fixed;right:18px;bottom:18px;z-index:120;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(120,180,255,.4);border-radius:50%;background:rgba(6,16,32,.85);color:#7fd8ff;cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s,box-shadow .3s;backdrop-filter:blur(8px)}
.v2-nach-oben.ist-sichtbar{opacity:1;transform:none;pointer-events:auto}
.v2-nach-oben:hover{box-shadow:0 10px 28px rgba(47,216,255,.3);border-color:rgba(47,216,255,.7)}
.v2-nach-oben svg{width:20px;height:20px}

/* Titelbereich: Bei voller Breite laeuft das BILD ueber die ganze Seite,
   der TEXT aber richtet sich buendig an der Inhaltsspalte aus — wie die
   Abschnitte darunter. Vorher klebte er am Fensterrand. */
.v2-built .page-block-hero.width-full .block-shell{width:var(--v-shell);margin-inline:auto;padding-inline:0}
.page-block-hero .rich-content{max-width:62ch;font-size:clamp(1rem,1.15vw,1.12rem);color:#cfe0ee}
.page-block-hero .rich-content p{margin:0 0 8px}

/* Titelbereich als ERSTER Baustein: Die Seite setzt bei Hoehe 0 an — das
   Titelbild laeuft bis ganz nach oben, die Kopfzeile liegt darueber. Vorher
   schob der Kopfzeilen-Versatz das Bild um die Leistenhoehe nach unten, was
   wie ein schwarzer Streifen ueber dem Bild aussah. Der Titelbereich bringt
   den Abstand fuer den Text unter der Kopfzeile selbst mit. */
body:has(.page-builder-grid > .page-block:first-child.page-block-v2-hero) .page-builder-output,
body:has(.page-builder-grid > .page-block:first-child.page-block-hero) .page-builder-output{padding-top:0}

/* Bei „Kopfzeile: schwarz" bleibt die Leiste ueberall deckend — nur ganz oben
   ueber dem Titelbild traegt sie den weichen Farbverlauf des Themes. Sobald
   gescrollt wird (.is-scrolled), ist sie wieder die feste dunkle Leiste. */
.v2-kopf-schwarz:has(.page-builder-grid > .page-block:first-child.page-block-v2-hero) .v2-header:not(.is-scrolled),
.v2-kopf-schwarz:has(.page-builder-grid > .page-block:first-child.page-block-hero) .v2-header:not(.is-scrolled){background:transparent}

/* Der dunkle Schleier der Kopfzeile (Verlauf ueber die Leistenhoehe) sorgt
   dafuer, dass das Menue ueber hellen Bildern lesbar bleibt. Ueber einem
   Titelbild sah er wie ein schwarzer Balken ueber dem Menue aus — beginnt die
   Seite mit einem Titelbereich, entfaellt er deshalb ganz und das Bild ist bis
   zur obersten Kante zu sehen. Die Menuepunkte bleiben durch einen weichen
   Schatten lesbar; gescrollt (.is-scrolled) uebernimmt wie bisher die feste
   Leiste. */
body:has(.page-builder-grid > .page-block:first-child.page-block-v2-hero),
body:has(.page-builder-grid > .page-block:first-child.page-block-hero){--v-kopf-schleier:0}
.v2-header::before{background:linear-gradient(180deg,rgba(3,7,15,var(--v-kopf-schleier,.86)),transparent)}
body:has(.page-builder-grid > .page-block:first-child.page-block-v2-hero) .v2-header:not(.is-scrolled) .v2-header-inner,
body:has(.page-builder-grid > .page-block:first-child.page-block-hero) .v2-header:not(.is-scrolled) .v2-header-inner{text-shadow:0 1px 3px rgba(0,6,14,.7),0 2px 18px rgba(0,6,14,.9)}

/* ---------------------------------------------------------------- Anime
   Baustein „Anime: Folgen": grosse Folgenkarten mit Nummer, Status,
   Laufzeit und Inhaltsangabe. Liegt ein Video vor, spielt es direkt in
   der Karte; sonst zeigt sie das Standbild oder einen ruhigen Platzhalter. */
.lumi-anime-vorwort{max-width:64ch;margin:10px 0 0;color:#c3d6e6;line-height:1.65}
.lumi-anime-liste{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:22px}
.lumi-anime-folge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;
  border:1px solid var(--v-line);border-radius:var(--v-radius);overflow:hidden;
  background:linear-gradient(135deg,rgba(9,25,40,.9),rgba(6,16,28,.78));
  transition:border-color .35s,transform .35s var(--v-ease),box-shadow .35s}
.lumi-anime-folge:hover{transform:translateY(-3px);border-color:rgba(47,216,255,.38);box-shadow:0 22px 60px rgba(2,8,16,.5)}
.lumi-anime-buehne{position:relative;aspect-ratio:16/9;background:#06121f;overflow:hidden}
.lumi-anime-buehne video,.lumi-anime-buehne img{width:100%;height:100%;object-fit:cover;display:block}
.lumi-anime-platzhalter{position:absolute;inset:0;
  background:radial-gradient(120% 90% at 30% 20%,rgba(47,216,255,.16),transparent 60%),
             radial-gradient(110% 80% at 78% 78%,rgba(240,180,74,.14),transparent 62%),#071a2b}
/* Solange zu einer Folge kein Video und kein Standbild hinterlegt ist,
   traegt die Flaeche ein ruhiges Abspielzeichen statt einer leeren Kachel. */
.lumi-anime-platzhalter::after{content:'';position:absolute;left:50%;top:50%;width:68px;height:68px;
  transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(4,14,24,.4)}
.lumi-anime-platzhalter::before{content:'';position:absolute;left:calc(50% + 4px);top:50%;z-index:1;
  transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 17px;
  border-color:transparent transparent transparent rgba(255,255,255,.5)}
.lumi-anime-nummer{position:absolute;left:16px;top:14px;font-family:var(--v-serif,inherit);
  font-size:2.1rem;font-weight:800;line-height:1;color:rgba(255,255,255,.9);
  text-shadow:0 2px 18px rgba(0,6,14,.85);letter-spacing:.02em}
.lumi-anime-inhalt{padding:26px 28px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.lumi-anime-marken{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.lumi-anime-status,.lumi-anime-dauer{padding:4px 12px;border-radius:100px;font-size:.72rem;
  font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--v-line);color:#bcd3e6}
.is-arbeit .lumi-anime-status{border-color:rgba(240,180,74,.5);background:rgba(240,180,74,.12);color:#f4c66e}
.is-fertig .lumi-anime-status{border-color:rgba(74,222,128,.45);background:rgba(74,222,128,.12);color:#8ce3ab}
.is-geplant .lumi-anime-status{border-color:rgba(47,216,255,.35);background:rgba(47,216,255,.1);color:#8fd8ef}
.lumi-anime-folge h3{margin:0;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.25}
.lumi-anime-folgenwort{display:block;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--v-gold-hi,#f0b44a);margin-bottom:6px;font-weight:700}
.lumi-anime-inhaltstext{margin:0;color:#c3d6e6;line-height:1.65;font-size:.95rem}
@media(max-width:820px){
  .lumi-anime-folge{grid-template-columns:1fr}
  .lumi-anime-inhalt{padding:20px}
}