:root{
    --bg:#030712;
    --bg-2:#07101f;
    --panel:rgba(12,20,35,.72);
    --panel-strong:rgba(17,27,47,.88);
    --panel-soft:rgba(255,255,255,.045);
    --border:rgba(125,249,255,.16);
    --border-strong:rgba(54,197,255,.34);
    --text:#ecf7ff;
    --muted:#9fb7d7;
    --brand:#36c5ff;
    --brand-glow:#7df9ff;
    --brand-2:#7c5cff;
    --good:#2ce38a;
    --warn:#ffd166;
    --bad:#ff5c7a;
    --shadow:0 22px 80px rgba(0,0,0,.42);
    --radius:24px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;padding:0;min-height:100%;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden;background:
    radial-gradient(circle at 18% 12%, rgba(54,197,255,.18), transparent 30%),
    radial-gradient(circle at 85% 8%, rgba(124,92,255,.16), transparent 35%),
    linear-gradient(180deg,#030712 0%,#07101f 48%,#030712 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:linear-gradient(rgba(125,249,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(125,249,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 15%,#000,transparent 74%)}
body:after{content:"";position:fixed;right:-170px;top:68px;width:min(78vw,920px);height:min(78vw,920px);pointer-events:none;z-index:-2;background:url('/img/gwc-network-globe.svg') center/contain no-repeat;opacity:.52;filter:drop-shadow(0 0 44px rgba(54,197,255,.22));animation:globeFloat 14s ease-in-out infinite alternate}
@keyframes globeFloat{from{transform:translate3d(0,0,0) rotate(-2deg) scale(1)}to{transform:translate3d(-22px,28px,0) rotate(2deg) scale(1.035)}}
a{color:var(--brand-glow);text-decoration:none}a:hover{text-decoration:none;color:#fff}.container{width:min(1180px,92vw);margin:0 auto}.wide{width:min(1460px,94vw)}
.header{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(3,7,18,.88),rgba(3,7,18,.58));backdrop-filter:blur(22px);border-bottom:1px solid rgba(125,249,255,.10);box-shadow:0 10px 44px rgba(0,0,0,.22)}
.nav{display:flex;align-items:center;gap:18px;min-height:78px}.brand{font-weight:950;letter-spacing:.08em;color:var(--text);text-transform:uppercase;display:flex;align-items:center;gap:12px}.brand:hover{color:#fff}.brand-mark{width:38px;height:38px;border-radius:13px;background:radial-gradient(circle at 35% 20%,#fff,rgba(125,249,255,.7) 24%,rgba(54,197,255,.65) 42%,rgba(124,92,255,.78) 80%);box-shadow:0 0 30px rgba(54,197,255,.52), inset 0 0 14px rgba(255,255,255,.35);position:relative}.brand-mark:after{content:"";position:absolute;inset:8px;border:1px solid rgba(3,7,18,.36);border-radius:50%;box-shadow:8px 0 0 -7px rgba(3,7,18,.42),-8px 0 0 -7px rgba(3,7,18,.42)}
.menu{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;align-items:center}.menu a,.menu button{color:var(--muted);background:transparent;border:0;font:inherit;cursor:pointer;padding:9px 12px;border-radius:999px}.menu a:hover,.menu button:hover{color:var(--text);background:rgba(125,249,255,.08)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(125,249,255,.16);border-radius:14px;padding:11px 17px;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 0 26px rgba(54,197,255,.13);color:#fff}.btn.primary{border-color:rgba(125,249,255,.42);background:linear-gradient(135deg,rgba(14,165,233,.95),rgba(109,93,252,.92));box-shadow:0 14px 36px rgba(54,197,255,.22)}.btn.danger{border-color:rgba(255,92,122,.40);background:rgba(255,92,122,.13)}.btn.good{border-color:rgba(44,227,138,.42);background:rgba(44,227,138,.13)}.btn.warn{border-color:rgba(255,209,102,.42);background:rgba(255,209,102,.12)}.btn.small{padding:7px 11px;font-size:.9rem}.btn.disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.full{width:100%}
.hero{position:relative;padding:88px 0 58px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:34px;align-items:center}.eyebrow{color:var(--brand-glow);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.82rem}.hero h1{font-size:clamp(2.45rem,6vw,5.55rem);line-height:.94;margin:13px 0 18px;letter-spacing:-.05em}.gradient-title{background:linear-gradient(90deg,#fff 0%,#bcf8ff 34%,#8bd0ff 60%,#b7a7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(54,197,255,.09)}.lead{font-size:1.16rem;color:var(--muted);max-width:810px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-visual{min-height:430px;display:grid;place-items:center}.globe-card{width:min(560px,92vw);min-height:405px;position:relative;overflow:hidden;border-radius:34px;padding:26px;background:linear-gradient(135deg,rgba(7,16,31,.62),rgba(12,20,35,.82));border:1px solid rgba(125,249,255,.20);box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(16px)}.globe-card:before{content:"";position:absolute;inset:-90px;background:url('/img/gwc-network-globe.svg') center/88% no-repeat;opacity:.72;filter:drop-shadow(0 0 40px rgba(125,249,255,.22));animation:cardGlobe 20s linear infinite}.globe-card:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,rgba(3,7,18,.82),transparent)}@keyframes cardGlobe{to{transform:rotate(360deg)}}.globe-content{position:relative;z-index:1;margin-top:225px}.pulse-dot{width:12px;height:12px;border-radius:999px;background:var(--good);box-shadow:0 0 0 8px rgba(44,227,138,.10),0 0 28px rgba(44,227,138,.85);display:inline-block;margin-right:8px}.kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.kpi div,.mini-kpi{background:rgba(255,255,255,.055);border:1px solid rgba(125,249,255,.14);border-radius:18px;padding:16px}.kpi strong,.mini-kpi strong{display:block;font-size:2rem;line-height:1}.kpi span,.mini-kpi span{color:var(--muted);font-size:.93rem}.section{padding:36px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{font-size:2.05rem;margin:.15em 0 0;letter-spacing:-.03em}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(145deg,rgba(17,27,47,.78),rgba(8,14,26,.68));border:1px solid rgba(125,249,255,.14);border-radius:var(--radius);padding:20px;box-shadow:0 12px 44px rgba(0,0,0,.24);backdrop-filter:blur(14px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,249,255,.55),transparent);opacity:.78}.card:hover{border-color:rgba(125,249,255,.26)}.card h1,.card h2,.card h3{margin:0 0 8px}.card .meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag{display:inline-flex;align-items:center;border:1px solid rgba(125,249,255,.16);border-radius:999px;padding:5px 10px;color:var(--muted);font-size:.84rem;background:rgba(255,255,255,.035)}.tag.good{color:var(--good);border-color:rgba(44,227,138,.35)}.tag.warn{color:var(--warn);border-color:rgba(255,209,102,.36)}.tag.bad{color:var(--bad);border-color:rgba(255,92,122,.36)}.tag.hot{color:#e7fcff;border-color:rgba(125,249,255,.45);background:rgba(54,197,255,.10);box-shadow:0 0 22px rgba(54,197,255,.10)}
.program-card{min-height:100%;display:flex;flex-direction:column}.program-thumb{height:154px;border-radius:18px;margin:-4px -4px 16px;overflow:hidden;border:1px solid rgba(125,249,255,.13);background:radial-gradient(circle at 30% 20%,rgba(125,249,255,.26),transparent 26%),linear-gradient(135deg,rgba(54,197,255,.12),rgba(124,92,255,.12));display:grid;place-items:center;position:relative}.program-thumb img{width:100%;height:100%;object-fit:cover;display:block}.program-thumb .fallback-globe{width:110px;height:110px;background:url('/img/gwc-network-globe.svg') center/contain no-repeat;opacity:.72;filter:drop-shadow(0 0 24px rgba(54,197,255,.28))}.program-card .actions{margin-top:auto}.download-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer{margin-top:60px;border-top:1px solid rgba(125,249,255,.11);padding:30px 0;color:var(--muted);background:linear-gradient(180deg,transparent,rgba(3,7,18,.62))}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.footer-links a{color:var(--muted)}.alert{padding:13px 16px;border-radius:16px;margin:16px 0;border:1px solid rgba(125,249,255,.16);background:rgba(255,255,255,.055)}.alert.good{border-color:rgba(44,227,138,.35);color:#c8ffe3}.alert.bad{border-color:rgba(255,92,122,.35);color:#ffd1da}.form{display:grid;gap:14px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(125,249,255,.15);border-radius:14px;background:rgba(3,7,18,.68);color:var(--text);padding:12px 13px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(125,249,255,.45);box-shadow:0 0 0 4px rgba(54,197,255,.08)}.field textarea{min-height:130px}.hint{font-size:.9rem;color:var(--muted)}.auth-wrap{min-height:calc(100vh - 165px);display:grid;place-items:center;padding:56px 0}.auth-card{width:min(540px,92vw)}.table-wrap{overflow:auto;border:1px solid rgba(125,249,255,.13);border-radius:20px;background:rgba(17,27,47,.58);backdrop-filter:blur(12px)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid rgba(125,249,255,.09);text-align:left;vertical-align:top}th{color:var(--muted);font-size:.88rem;background:rgba(255,255,255,.035);white-space:nowrap}tr:last-child td{border-bottom:0}.admin-layout{display:grid;grid-template-columns:270px 1fr;gap:20px;margin-top:24px}.sidebar{position:sticky;top:98px;align-self:start;background:linear-gradient(180deg,rgba(17,27,47,.82),rgba(8,14,26,.70));border:1px solid rgba(125,249,255,.14);border-radius:24px;padding:14px;box-shadow:0 14px 54px rgba(0,0,0,.20);backdrop-filter:blur(16px)}.sidebar a{display:flex;align-items:center;gap:8px;color:var(--muted);padding:11px 13px;border-radius:14px}.sidebar a:hover,.sidebar a.active{background:rgba(54,197,255,.09);color:var(--text)}.admin-main{min-width:0}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.inline{display:inline}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:linear-gradient(145deg,rgba(17,27,47,.78),rgba(8,14,26,.62));border:1px solid rgba(125,249,255,.14);border-radius:20px;padding:17px;box-shadow:0 12px 38px rgba(0,0,0,.20)}.stat strong{display:block;font-size:1.9rem}.stat span{color:var(--muted)}.pagination{margin-top:16px}.pagination nav div:first-child{display:none}pre.changelog{white-space:pre-wrap;background:rgba(3,7,18,.58);border:1px solid rgba(125,249,255,.12);border-radius:16px;padding:14px;color:#dfeaff}.legal-page h1{font-size:clamp(2.2rem,5vw,4rem);margin:.2em 0}.legal-page h2{margin-top:28px}.legal-page h3{margin-top:20px}.legal-page ul{padding-left:1.25rem}.legal-page li{margin:.35rem 0}.legal-box{border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.08);border-radius:18px;padding:16px;color:#fff3c4}.legal-table{display:grid;gap:10px}.legal-row{display:grid;grid-template-columns:240px 1fr;gap:12px;border-bottom:1px solid rgba(125,249,255,.11);padding-bottom:10px}.legal-row:last-child{border-bottom:0}.legal-label{color:var(--muted);font-weight:800}.legal-value{white-space:pre-wrap}.legal-placeholder{color:var(--warn);font-weight:900}details.reset-box{min-width:260px}details.reset-box summary{cursor:pointer;color:var(--brand-glow);font-weight:800}.compact-form{display:grid;gap:8px;margin-top:8px;min-width:260px}.compact-form input{padding:9px 10px;border-radius:12px;border:1px solid rgba(125,249,255,.15);background:rgba(3,7,18,.70);color:var(--text)}.empty-state{padding:28px;text-align:center;border:1px dashed rgba(125,249,255,.20);border-radius:22px;color:var(--muted);background:rgba(255,255,255,.03)}
@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:360px}body:after{right:-260px;opacity:.38}}
@media(max-width:780px){.hero-grid,.grid,.grid.two,.split,.admin-layout,.stats,.legal-row{grid-template-columns:1fr}.menu{margin-left:0}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.hero{padding-top:44px}.sidebar{position:static}.section-head{align-items:flex-start;flex-direction:column}.globe-card{min-height:360px}.globe-content{margin-top:205px}body:after{width:820px;height:820px;right:-420px;top:160px;opacity:.30}.program-thumb{height:138px}}

/* GWC Portal v0.2.1 Server-Ampel */
.server-legend{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:18px;padding:14px 18px}.server-legend span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.legend-dot{display:inline-block;width:13px;height:13px;border-radius:999px;box-shadow:0 0 20px currentColor}.legend-dot.good{background:var(--good);color:var(--good)}.legend-dot.warn{background:var(--warn);color:var(--warn)}.legend-dot.bad{background:var(--bad);color:var(--bad)}.legend-dot.unknown{background:#7b8497;color:#7b8497}
.server-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.server-status-card{position:relative;overflow:hidden;border-radius:28px;padding:22px;background:linear-gradient(145deg,rgba(17,27,47,.82),rgba(8,14,26,.72));border:1px solid rgba(125,249,255,.14);box-shadow:0 16px 58px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.server-status-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(125,249,255,.65),transparent)}.server-card-glow{position:absolute;right:-80px;top:-90px;width:230px;height:230px;border-radius:50%;opacity:.25;filter:blur(10px);pointer-events:none}.server-status-card.good .server-card-glow{background:radial-gradient(circle,rgba(44,227,138,.65),transparent 68%)}.server-status-card.warn .server-card-glow{background:radial-gradient(circle,rgba(255,209,102,.70),transparent 68%)}.server-status-card.bad .server-card-glow{background:radial-gradient(circle,rgba(255,92,122,.70),transparent 68%)}.server-status-card.unknown .server-card-glow{background:radial-gradient(circle,rgba(125,132,151,.55),transparent 68%)}.server-status-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.server-status-top h3{margin:7px 0 0;font-size:1.55rem}.server-game-tag{display:inline-flex;border:1px solid rgba(125,249,255,.18);border-radius:999px;padding:5px 10px;color:var(--brand-glow);font-weight:900;font-size:.82rem;background:rgba(54,197,255,.07)}
.server-ampel{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(125,249,255,.14);padding:7px 11px;background:rgba(255,255,255,.045);font-weight:950;white-space:nowrap}.server-ampel span{width:12px;height:12px;border-radius:999px;display:inline-block;box-shadow:0 0 0 7px rgba(255,255,255,.04),0 0 24px currentColor}.server-ampel.good{color:var(--good);border-color:rgba(44,227,138,.35);background:rgba(44,227,138,.09)}.server-ampel.good span{background:var(--good);animation:ampelPulseGood 1.8s ease-in-out infinite}.server-ampel.warn{color:var(--warn);border-color:rgba(255,209,102,.38);background:rgba(255,209,102,.10)}.server-ampel.warn span{background:var(--warn);animation:ampelPulseWarn 2.1s ease-in-out infinite}.server-ampel.bad{color:var(--bad);border-color:rgba(255,92,122,.38);background:rgba(255,92,122,.10)}.server-ampel.bad span{background:var(--bad)}.server-ampel.unknown{color:#aab3c6;border-color:rgba(170,179,198,.30);background:rgba(170,179,198,.08)}.server-ampel.unknown span{background:#7b8497}@keyframes ampelPulseGood{0%,100%{box-shadow:0 0 0 6px rgba(44,227,138,.10),0 0 20px rgba(44,227,138,.75)}50%{box-shadow:0 0 0 11px rgba(44,227,138,.035),0 0 34px rgba(44,227,138,1)}}@keyframes ampelPulseWarn{0%,100%{box-shadow:0 0 0 6px rgba(255,209,102,.10),0 0 20px rgba(255,209,102,.72)}50%{box-shadow:0 0 0 11px rgba(255,209,102,.035),0 0 34px rgba(255,209,102,.95)}}
.server-status-message{position:relative;z-index:1;margin:10px 0 16px;padding:13px 15px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(125,249,255,.14);color:#e8f8ff}.server-data-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.server-data-grid div{border:1px solid rgba(125,249,255,.12);border-radius:18px;background:rgba(3,7,18,.36);padding:13px}.server-data-grid .wide-data{grid-column:1/-1}.server-data-grid small{display:block;color:var(--muted);font-weight:800}.server-data-grid strong{display:block;color:var(--text);font-size:1.14rem;word-break:break-word}.player-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden;margin-top:16px;border:1px solid rgba(125,249,255,.09)}.player-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 0 22px rgba(54,197,255,.35)}.server-foot{position:relative;z-index:1;margin-top:12px;font-size:.9rem}.server-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.server-mini-card{display:block;border:1px solid rgba(125,249,255,.13);border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(17,27,47,.76),rgba(8,14,26,.62));box-shadow:0 12px 38px rgba(0,0,0,.20);transition:.18s ease}.server-mini-card:hover{transform:translateY(-2px);border-color:rgba(125,249,255,.28);box-shadow:0 0 28px rgba(54,197,255,.12)}.server-mini-card.good{border-color:rgba(44,227,138,.22)}.server-mini-card.warn{border-color:rgba(255,209,102,.24)}.server-mini-card.bad{border-color:rgba(255,92,122,.24)}.server-mini-card h3{margin:12px 0 4px;color:var(--text)}.server-mini-card p{margin:0;color:var(--muted)}
.server-admin-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:18px}.server-list-admin{display:grid;gap:16px}.server-admin-card{border-left:4px solid rgba(125,249,255,.18)}.server-admin-card.good{border-left-color:var(--good)}.server-admin-card.warn{border-left-color:var(--warn)}.server-admin-card.bad{border-left-color:var(--bad)}.server-admin-card.unknown{border-left-color:#7b8497}.server-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.server-admin-head h3{margin:8px 0 0}.server-quick-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ampel-dot-btn{width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.14);cursor:pointer;background:#7b8497;box-shadow:0 0 18px rgba(125,132,151,.30)}.ampel-dot-btn:hover{transform:translateY(-1px)}.ampel-dot-btn.online{background:var(--good);box-shadow:0 0 22px rgba(44,227,138,.55)}.ampel-dot-btn.maintenance{background:var(--warn);box-shadow:0 0 22px rgba(255,209,102,.50)}.ampel-dot-btn.offline{background:var(--bad);box-shadow:0 0 22px rgba(255,92,122,.50)}.ampel-dot-btn.unknown{background:#7b8497}.form-grid.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.server-meta-line{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.ampel-stat.good{border-color:rgba(44,227,138,.22)}.ampel-stat.warn{border-color:rgba(255,209,102,.22)}.ampel-stat.bad{border-color:rgba(255,92,122,.22)}.ampel-stat.unknown{border-color:rgba(170,179,198,.20)}
@media(max-width:1180px){.server-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-admin-grid{grid-template-columns:1fr}.server-status-grid{grid-template-columns:1fr}}
@media(max-width:640px){.server-mini-grid,.server-data-grid,.form-grid.two-cols{grid-template-columns:1fr}.server-status-top,.server-admin-head{flex-direction:column}.server-data-grid .wide-data{grid-column:auto}}

/* =========================================================
   GWC Portal v0.2.2 - Animated full-site background + banner
   ========================================================= */
html{
    background:#02050d;
    min-height:100%;
}
html:before{
    content:"";
    position:fixed;
    inset:-18%;
    pointer-events:none;
    z-index:-8;
    background:
        radial-gradient(circle at 18% 24%, rgba(54,197,255,.30), transparent 22%),
        radial-gradient(circle at 82% 16%, rgba(124,92,255,.30), transparent 25%),
        radial-gradient(circle at 72% 78%, rgba(44,227,138,.12), transparent 20%),
        radial-gradient(circle at 24% 82%, rgba(54,197,255,.16), transparent 22%);
    filter:blur(18px);
    animation:gwcAuroraDrift 24s ease-in-out infinite alternate;
}
html:after{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-7;
    opacity:.48;
    background:
        linear-gradient(115deg, transparent 0 30%, rgba(125,249,255,.08) 38%, transparent 46% 100%),
        linear-gradient(245deg, transparent 0 42%, rgba(124,92,255,.08) 50%, transparent 58% 100%);
    mix-blend-mode:screen;
    animation:gwcLightSweep 16s linear infinite;
}
body{
    background:
        radial-gradient(circle at 50% -20%, rgba(125,249,255,.11), transparent 32%),
        linear-gradient(180deg,#02050d 0%,#07101f 42%,#050514 100%) !important;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-6;
    background-image:
        linear-gradient(rgba(125,249,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(125,249,255,.055) 1px,transparent 1px),
        radial-gradient(circle at 28% 36%, rgba(125,249,255,.13), transparent 1px),
        radial-gradient(circle at 64% 20%, rgba(124,92,255,.12), transparent 1px),
        radial-gradient(circle at 80% 70%, rgba(44,227,138,.09), transparent 1px);
    background-size:72px 72px,72px 72px,130px 130px,190px 190px,230px 230px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.58) 72%,rgba(0,0,0,.80));
    animation:gwcGridMove 32s linear infinite;
}
body:after{
    content:"";
    position:fixed;
    left:50%;
    top:46%;
    width:min(1480px,145vw);
    height:min(1480px,145vw);
    pointer-events:none;
    z-index:-5;
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat;
    opacity:.24;
    filter:drop-shadow(0 0 70px rgba(54,197,255,.30)) drop-shadow(0 0 120px rgba(124,92,255,.20));
    transform:translate(-50%,-50%);
    animation:gwcWorldOrbit 42s linear infinite;
}
@keyframes gwcAuroraDrift{
    0%{transform:translate3d(-2%,0,0) scale(1);filter:blur(18px) hue-rotate(0deg)}
    50%{transform:translate3d(2%,3%,0) scale(1.04);filter:blur(20px) hue-rotate(18deg)}
    100%{transform:translate3d(0,-2%,0) scale(1.08);filter:blur(18px) hue-rotate(-10deg)}
}
@keyframes gwcLightSweep{
    0%{background-position:-80vw 0,90vw 0;opacity:.25}
    50%{opacity:.55}
    100%{background-position:90vw 0,-80vw 0;opacity:.25}
}
@keyframes gwcGridMove{
    0%{background-position:0 0,0 0,0 0,0 0,0 0}
    100%{background-position:72px 72px,72px 72px,130px 260px,-190px 190px,230px -230px}
}
@keyframes gwcWorldOrbit{
    0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
    50%{transform:translate(-49%,-52%) rotate(180deg) scale(1.025)}
    100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}
.header{
    background:linear-gradient(180deg,rgba(2,5,13,.86),rgba(2,5,13,.62)) !important;
    box-shadow:0 12px 70px rgba(0,0,0,.32), inset 0 -1px 0 rgba(125,249,255,.10);
}
.brand-mark{
    animation:gwcLogoPulse 2.8s ease-in-out infinite;
}
@keyframes gwcLogoPulse{
    0%,100%{box-shadow:0 0 26px rgba(54,197,255,.46), inset 0 0 14px rgba(255,255,255,.35)}
    50%{box-shadow:0 0 42px rgba(125,249,255,.78),0 0 72px rgba(124,92,255,.24), inset 0 0 18px rgba(255,255,255,.46)}
}
.hero-v022{
    padding-top:74px;
}
.hero-title-small{
    font-size:clamp(2.0rem,4.2vw,4.25rem);
    line-height:.98;
    margin:24px 0 16px;
    letter-spacing:-.045em;
}
.gwc-banner{
    position:relative;
    min-height:270px;
    border-radius:34px;
    overflow:hidden;
    padding:30px;
    margin-bottom:28px;
    border:1px solid rgba(125,249,255,.26);
    background:
        linear-gradient(90deg,rgba(2,5,13,.92),rgba(5,10,28,.70) 44%,rgba(14,10,38,.48)),
        url('/img/gwc-banner-network.svg') center right/cover no-repeat;
    box-shadow:0 24px 90px rgba(0,0,0,.42),0 0 60px rgba(54,197,255,.12),inset 0 1px 0 rgba(255,255,255,.12);
    isolation:isolate;
}
.gwc-banner:before{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:-1;
    background:linear-gradient(90deg,rgba(125,249,255,.0),rgba(125,249,255,.28),rgba(124,92,255,.20),rgba(125,249,255,.0));
    filter:blur(26px);
    opacity:.72;
    animation:gwcBannerGlow 5.5s ease-in-out infinite alternate;
}
.gwc-banner:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(110deg,transparent 0 24%,rgba(255,255,255,.11) 31%,transparent 38% 100%),
        repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px);
    opacity:.35;
    mix-blend-mode:screen;
    animation:gwcBannerSweep 7.5s linear infinite;
}
.gwc-banner-content{
    position:relative;
    z-index:2;
    max-width:760px;
}
.banner-kicker{
    color:var(--brand-glow);
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.78rem;
    text-shadow:0 0 18px rgba(125,249,255,.42);
}
.gwc-banner h1{
    margin:8px 0 8px;
    font-size:clamp(3rem,7vw,6.35rem);
    line-height:.86;
    letter-spacing:-.06em;
    text-transform:uppercase;
}
.banner-subtitle{
    margin:0;
    max-width:720px;
    color:#d6edff;
    font-size:1.08rem;
    text-shadow:0 0 18px rgba(54,197,255,.12);
}
.banner-status-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:22px;
}
.banner-status-row span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid rgba(125,249,255,.18);
    background:rgba(3,7,18,.46);
    color:#cfefff;
    font-weight:850;
    backdrop-filter:blur(10px);
}
.status-live{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:999px;
    background:var(--good);
    box-shadow:0 0 0 7px rgba(44,227,138,.10),0 0 24px rgba(44,227,138,.80);
    animation:ampelPulseGood 1.8s ease-in-out infinite;
}
.gwc-banner-lines{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;
}
.gwc-banner-lines span{
    position:absolute;
    height:1px;
    width:46%;
    background:linear-gradient(90deg,transparent,rgba(125,249,255,.48),transparent);
    transform-origin:left center;
    animation:gwcLineTravel 6s linear infinite;
}
.gwc-banner-lines span:nth-child(1){top:23%;left:41%;transform:rotate(13deg);animation-delay:0s}
.gwc-banner-lines span:nth-child(2){top:42%;left:34%;transform:rotate(-8deg);animation-delay:1.4s}
.gwc-banner-lines span:nth-child(3){top:63%;left:46%;transform:rotate(20deg);animation-delay:2.6s}
.gwc-banner-lines span:nth-child(4){top:78%;left:28%;transform:rotate(-16deg);animation-delay:3.8s}
@keyframes gwcBannerGlow{
    from{opacity:.42;transform:translateX(-2%)}
    to{opacity:.88;transform:translateX(2%)}
}
@keyframes gwcBannerSweep{
    0%{background-position:-1100px 0,0 0}
    100%{background-position:1100px 0,0 70px}
}
@keyframes gwcLineTravel{
    0%{opacity:0;clip-path:inset(0 100% 0 0)}
    16%{opacity:.85;clip-path:inset(0 0 0 0)}
    72%{opacity:.45;clip-path:inset(0 0 0 0)}
    100%{opacity:0;clip-path:inset(0 0 0 100%)}
}
.command-card{
    position:relative;
    width:min(575px,92vw);
    min-height:560px;
    overflow:hidden;
    border-radius:34px;
    padding:22px;
    background:linear-gradient(150deg,rgba(7,16,31,.72),rgba(14,10,38,.68));
    border:1px solid rgba(125,249,255,.22);
    box-shadow:var(--shadow),0 0 70px rgba(54,197,255,.12),inset 0 1px 0 rgba(255,255,255,.11);
    backdrop-filter:blur(18px);
}
.command-card:before{
    content:"";
    position:absolute;
    inset:-45%;
    background:conic-gradient(from 0deg,transparent,rgba(125,249,255,.18),transparent,rgba(124,92,255,.16),transparent);
    animation:gwcCommandSpin 18s linear infinite;
    opacity:.75;
}
.command-card:after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:33px;
    background:linear-gradient(180deg,rgba(2,5,13,.38),rgba(2,5,13,.78));
}
.command-topline,.holo-globe-wrap,.command-card .globe-content{
    position:relative;
    z-index:2;
}
.command-topline{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 13px;
    border:1px solid rgba(125,249,255,.13);
    border-radius:18px;
    background:rgba(255,255,255,.045);
    color:#e9fbff;
}
.command-topline strong{margin-left:8px;letter-spacing:.04em;text-transform:uppercase;font-size:.86rem}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.green{background:var(--good);box-shadow:0 0 15px rgba(44,227,138,.65)}.dot.cyan{background:var(--brand-glow);box-shadow:0 0 15px rgba(125,249,255,.65)}.dot.violet{background:var(--brand-2);box-shadow:0 0 15px rgba(124,92,255,.65)}
.holo-globe-wrap{
    height:290px;
    display:grid;
    place-items:center;
}
.holo-globe{
    width:min(320px,70vw);
    height:min(320px,70vw);
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat;
    filter:drop-shadow(0 0 42px rgba(125,249,255,.38));
    opacity:.88;
    animation:gwcHoloGlobe 16s linear infinite;
}
.orbit-node{
    position:absolute;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--brand-glow);
    box-shadow:0 0 22px rgba(125,249,255,.9),0 0 0 8px rgba(125,249,255,.08);
    animation:gwcNodeFloat 4s ease-in-out infinite alternate;
}
.orbit-node.n1{top:92px;left:18%;background:var(--good);animation-delay:.2s}.orbit-node.n2{top:142px;right:16%;animation-delay:1s}.orbit-node.n3{top:260px;left:28%;background:var(--brand-2);animation-delay:1.7s}.orbit-node.n4{top:236px;right:28%;background:var(--good);animation-delay:2.5s}
.globe-content.compact{margin-top:0}.globe-content.compact .kpi{grid-template-columns:repeat(2,1fr)}
@keyframes gwcCommandSpin{to{transform:rotate(360deg)}}
@keyframes gwcHoloGlobe{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.035)}100%{transform:rotate(360deg) scale(1)}}
@keyframes gwcNodeFloat{from{transform:translateY(0) scale(1)}to{transform:translateY(-18px) scale(1.18)}}
.card,.server-mini-card,.server-status-card,.program-card{
    box-shadow:0 14px 54px rgba(0,0,0,.32),0 0 34px rgba(54,197,255,.055);
}
.card:hover,.server-mini-card:hover,.program-card:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 70px rgba(0,0,0,.38),0 0 42px rgba(54,197,255,.12);
}
@media(max-width:1040px){
    .gwc-banner{min-height:240px}.command-card{min-height:520px}.holo-globe-wrap{height:260px}
}
@media(max-width:760px){
    body:after{width:180vw;height:180vw;opacity:.18;top:38%}
    .gwc-banner{padding:22px;border-radius:26px;min-height:245px;background-position:center right}
    .gwc-banner h1{font-size:clamp(2.55rem,15vw,4.2rem)}
    .banner-status-row span{font-size:.86rem}
    .command-card{min-height:auto}.holo-globe-wrap{height:230px}.hero-v022{padding-top:46px}.hero-title-small{font-size:2.35rem}
}
@media (prefers-reduced-motion: reduce){
    html:before,html:after,body:before,body:after,.brand-mark,.gwc-banner:before,.gwc-banner:after,.gwc-banner-lines span,.command-card:before,.holo-globe,.orbit-node{animation:none!important}
}

/* =========================================================
   Portal v0.2.3 - Clean Network Background
   - Netzwerk-Kugel wird echter Website-Hintergrund
   - Startseite weniger Textwiederholungen
   ========================================================= */
body{
    position:relative;
    background:
        radial-gradient(circle at 50% 18%, rgba(125,249,255,.14), transparent 30%),
        radial-gradient(circle at 75% 72%, rgba(44,227,138,.10), transparent 30%),
        linear-gradient(180deg,#02050d 0%,#07101f 42%,#050514 100%) !important;
}
body:before{
    z-index:0 !important;
    opacity:.82;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.72) 72%,rgba(0,0,0,.88)) !important;
}
body:after{
    z-index:1 !important;
    left:50% !important;
    top:50% !important;
    width:min(1720px,162vw) !important;
    height:min(1720px,162vw) !important;
    opacity:.36 !important;
    filter:drop-shadow(0 0 90px rgba(54,197,255,.34)) drop-shadow(0 0 160px rgba(124,92,255,.22)) !important;
    mix-blend-mode:screen;
}
.header,main,.footer{position:relative;z-index:3}
.header{background:linear-gradient(180deg,rgba(2,5,13,.78),rgba(2,5,13,.54)) !important}
.brand span:last-child{letter-spacing:.14em}.footer-clean{background:rgba(2,5,13,.48);backdrop-filter:blur(14px)}

.home-hero-clean{padding:86px 0 40px;min-height:620px;display:grid;align-items:center}.hero-clean-shell{max-width:980px;padding:34px;border:1px solid rgba(125,249,255,.20);border-radius:34px;background:linear-gradient(135deg,rgba(4,9,20,.45),rgba(10,18,34,.22));box-shadow:0 26px 100px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);position:relative;overflow:hidden}.hero-clean-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 28%,rgba(125,249,255,.07) 44%,transparent 62%);animation:gwcBannerSweep 9s linear infinite;pointer-events:none}.hero-clean-shell>*{position:relative;z-index:1}.hero-clean-title{font-size:clamp(3.2rem,8vw,7rem);line-height:.88;margin:16px 0 18px;letter-spacing:-.065em;max-width:900px}.hero-clean-lead{max-width:820px}.hero-clean-actions{margin-top:28px}.network-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:840px}.network-kpi-strip div{padding:14px 16px;border-radius:18px;border:1px solid rgba(125,249,255,.16);background:rgba(3,7,18,.42);backdrop-filter:blur(12px)}.network-kpi-strip strong{display:block;font-size:1.85rem;line-height:1;color:#f3fbff}.network-kpi-strip span{display:block;color:var(--muted);font-size:.92rem;margin-top:3px}.section-tight{padding-top:10px}.gwc-banner,.hero-visual,.command-card{display:none !important}.eyebrow{letter-spacing:.13em}.card,.server-mini-card,.server-status-card,.program-card{background:linear-gradient(145deg,rgba(17,27,47,.66),rgba(8,14,26,.48));backdrop-filter:blur(15px)}
@media(max-width:760px){body:after{width:230vw!important;height:230vw!important;opacity:.25!important;top:45%!important}.home-hero-clean{padding:48px 0 22px;min-height:auto}.hero-clean-shell{padding:24px;border-radius:26px}.hero-clean-title{font-size:clamp(3rem,16vw,4.6rem)}.network-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand span:last-child{font-size:.95rem}.nav{gap:10px}}
@media (prefers-reduced-motion: reduce){.hero-clean-shell:before{animation:none!important}}

/* =========================================================
   GWC Portal v0.2.4 - Full Network Background + Minimal UI
   Ziel: Das Netzwerk/Globus-Motiv ist auf allen Seiten der
   eigentliche Hintergrund. Branding wird bewusst reduziert.
   ========================================================= */
:root{
    --v024-bg:#020510;
    --v024-panel:rgba(7,13,26,.58);
    --v024-panel-strong:rgba(8,15,30,.72);
    --v024-border:rgba(125,249,255,.20);
    --v024-border-strong:rgba(125,249,255,.38);
}

html{
    min-height:100%;
    background:#020510 !important;
}
body{
    min-height:100%;
    background:
        radial-gradient(circle at 50% -12%, rgba(125,249,255,.11), transparent 34%),
        linear-gradient(180deg, rgba(2,5,16,.90), rgba(2,5,16,.94)) !important;
}

/* Alter Body-Hintergrund wird entschärft, damit der echte Layer sichtbar ist. */
body:before,
body:after,
html:before,
html:after{
    display:none !important;
}

.gwc-network-bg{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 38%, rgba(54,197,255,.16), transparent 34%),
        radial-gradient(circle at 74% 18%, rgba(124,92,255,.14), transparent 30%),
        radial-gradient(circle at 20% 78%, rgba(44,227,138,.08), transparent 30%);
}
.gwc-network-bg:before{
    content:"";
    position:absolute;
    left:50%;
    top:44%;
    width:min(1540px,142vw);
    height:min(1540px,142vw);
    transform:translate(-50%,-50%);
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat;
    opacity:.42;
    filter:
        drop-shadow(0 0 55px rgba(125,249,255,.32))
        drop-shadow(0 0 135px rgba(124,92,255,.19));
    animation:v024GlobeDrift 40s linear infinite;
}
.gwc-network-bg:after{
    content:"";
    position:absolute;
    inset:-12%;
    background:
        linear-gradient(rgba(125,249,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(125,249,255,.045) 1px,transparent 1px),
        radial-gradient(circle at 22% 24%, rgba(125,249,255,.55), transparent 2px),
        radial-gradient(circle at 63% 18%, rgba(124,92,255,.50), transparent 2px),
        radial-gradient(circle at 78% 66%, rgba(44,227,138,.38), transparent 2px),
        linear-gradient(110deg, transparent 0 36%, rgba(125,249,255,.10) 43%, transparent 52% 100%);
    background-size:76px 76px,76px 76px,240px 240px,310px 310px,360px 360px,100% 100%;
    opacity:.72;
    mix-blend-mode:screen;
    animation:v024GridFlow 34s linear infinite, v024LightSweep 10s ease-in-out infinite alternate;
    mask-image:radial-gradient(circle at 50% 36%, #000 0 58%, rgba(0,0,0,.52) 72%, transparent 100%);
}
.gwc-network-glow{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 45%, transparent 0 28%, rgba(2,5,16,.08) 40%, rgba(2,5,16,.82) 100%),
        linear-gradient(180deg, rgba(2,5,16,.28), rgba(2,5,16,.82));
}
@keyframes v024GlobeDrift{
    0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
    50%{transform:translate(-49%,-51%) rotate(180deg) scale(1.035)}
    100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}
@keyframes v024GridFlow{
    0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}
    100%{background-position:76px 76px,76px 76px,240px -240px,-310px 310px,360px -360px,0 0}
}
@keyframes v024LightSweep{
    0%{opacity:.48;transform:translate3d(-1.5%,0,0)}
    100%{opacity:.86;transform:translate3d(1.5%,0,0)}
}

.header,
main,
.footer{
    position:relative;
    z-index:2;
}
.header{
    background:linear-gradient(180deg,rgba(2,5,16,.74),rgba(2,5,16,.46)) !important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(125,249,255,.14) !important;
}
.brand span:last-child{
    letter-spacing:.12em;
}
.menu a,.menu button{
    color:#adc4df;
}

.footer-clean,
.footer{
    background:linear-gradient(180deg,rgba(2,5,16,.52),rgba(2,5,16,.68)) !important;
    border-top:1px solid rgba(125,249,255,.12) !important;
    backdrop-filter:blur(14px);
}

/* Globale Seitenkarten: stärker transparent, damit der Netzwerkhintergrund lebt. */
.card,
.globe-card,
.hero-clean-shell,
.gwc-banner,
.auth-card,
.admin-shell,
.admin-card,
.table-wrap,
.server-mini-card,
.empty-state,
.form-card,
.panel,
[class*="card"]{
    backdrop-filter:blur(16px) saturate(1.12);
}
.card,
.auth-card,
.table-wrap,
.server-mini-card,
.empty-state,
.panel{
    background:linear-gradient(145deg,rgba(8,15,30,.64),rgba(3,7,18,.48)) !important;
    border-color:rgba(125,249,255,.17) !important;
}

/* Startseite v0.2.4 */
.hero-v024{
    min-height:calc(100vh - 78px);
    display:flex;
    align-items:center;
    padding:84px 0 58px;
}
.hero-minimal-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,430px);
    gap:38px;
    align-items:center;
}
.hero-minimal-copy{
    max-width:860px;
}
.hero-kicker-v024{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 13px;
    border:1px solid rgba(125,249,255,.20);
    border-radius:999px;
    background:rgba(3,7,18,.42);
    color:var(--brand-glow);
    text-transform:uppercase;
    font-size:.78rem;
    letter-spacing:.18em;
    font-weight:950;
    box-shadow:0 0 28px rgba(54,197,255,.10);
}
.hero-kicker-v024:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:999px;
    background:var(--good);
    box-shadow:0 0 0 7px rgba(44,227,138,.09),0 0 24px rgba(44,227,138,.72);
}
.hero-title-v024{
    margin:24px 0 20px;
    font-size:clamp(3rem,7.4vw,7.1rem);
    line-height:.88;
    letter-spacing:-.07em;
}
.hero-title-v024 .subline{
    display:block;
    opacity:.94;
}
.hero-copy-v024{
    max-width:820px;
    font-size:1.18rem;
    color:#b4cbe8;
}
.hero-actions-v024{
    margin-top:28px;
}
.hero-mini-strip-v024{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:22px;
}
.hero-mini-strip-v024 span{
    border:1px solid rgba(125,249,255,.16);
    background:rgba(3,7,18,.42);
    padding:7px 11px;
    border-radius:999px;
    color:#c4daf4;
    font-size:.88rem;
}
.status-console-v024{
    border:1px solid rgba(125,249,255,.19);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(8,15,30,.66),rgba(3,7,18,.52));
    box-shadow:0 24px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
    overflow:hidden;
}
.status-console-head-v024{
    display:flex;
    align-items:center;
    gap:7px;
    padding:16px 18px;
    border-bottom:1px solid rgba(125,249,255,.13);
    color:#dff9ff;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.78rem;
}
.status-console-head-v024 i{
    width:9px;
    height:9px;
    border-radius:999px;
    background:var(--good);
    box-shadow:0 0 18px rgba(44,227,138,.7);
}
.status-console-body-v024{
    padding:20px;
    display:grid;
    gap:12px;
}
.console-row-v024{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 14px;
    border:1px solid rgba(125,249,255,.11);
    border-radius:16px;
    background:rgba(255,255,255,.04);
}
.console-row-v024 strong{
    font-size:1.35rem;
}
.console-row-v024 span{
    color:#aac3df;
}
.console-row-v024 em{
    color:#7df9ff;
    font-style:normal;
    font-weight:900;
}
.section-tight-v024{
    padding-top:8px;
}
.section-head .eyebrow,
.eyebrow{
    letter-spacing:.17em;
}

@media (max-width:920px){
    .hero-minimal-grid{grid-template-columns:1fr}
    .status-console-v024{max-width:520px}
    .hero-title-v024{font-size:clamp(2.7rem,15vw,5rem)}
    .gwc-network-bg:before{width:170vw;height:170vw;opacity:.34;top:40%}
}
@media (max-width:620px){
    .brand span:last-child{display:none}
    .hero-v024{padding-top:58px}
    .hero-copy-v024{font-size:1.02rem}
    .hero-mini-strip-v024 span{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
    .gwc-network-bg:before,
    .gwc-network-bg:after,
    .brand-mark,
    .status-live{
        animation:none !important;
    }
}


/* v0.2.5 Header Brand Fix: voller Name oben links, ohne Startseite wieder zu überladen */
.brand{gap:14px;white-space:nowrap;}
.brand-title{display:inline-block;letter-spacing:.10em;font-size:.88rem;line-height:1;text-shadow:0 0 18px rgba(125,249,255,.18);}
@media (max-width: 920px){
  .brand-title{font-size:.76rem;letter-spacing:.065em;max-width:220px;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width: 640px){
  .brand-title{max-width:170px;}
  .nav{gap:10px;}
}


/* v0.2.6 Footer Watermark */
.footer-watermark{position:relative;overflow:hidden}
.footer-watermark:before{content:"2026 Gaming World Crew";position:absolute;right:clamp(18px,5vw,80px);bottom:-18px;font-size:clamp(2.1rem,6vw,6.5rem);font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:rgba(125,249,255,.035);white-space:nowrap;pointer-events:none;user-select:none}
.footer-watermark-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:22px;flex-wrap:wrap}
.footer-watermark-text{display:inline-flex;align-items:center;gap:8px;color:#ecf7ff;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 22px rgba(54,197,255,.20)}
.footer-watermark .footer-links{margin-top:0;justify-content:flex-end}
@media(max-width:720px){.footer-watermark-inner{display:block}.footer-watermark .footer-links{margin-top:14px;justify-content:flex-start}.footer-watermark:before{right:-40px;font-size:2.5rem;bottom:4px}}

/* =========================================================
   GWC Portal v0.2.8 - Header + Hero Text Fix
   ========================================================= */
.brand-v028{
    gap:14px;
    align-items:center;
    letter-spacing:0;
    text-transform:none;
}
.brand-title-v028{
    display:flex;
    align-items:center;
    gap:10px;
    line-height:1;
    text-shadow:0 0 22px rgba(125,249,255,.18);
}
.brand-title-v028 strong{
    display:block;
    color:#f4fbff;
    font-size:1.02rem;
    font-weight:950;
    letter-spacing:.045em;
    text-transform:uppercase;
    white-space:nowrap;
}
.brand-title-v028 small{
    display:inline-flex;
    align-items:center;
    height:22px;
    padding:0 9px;
    border:1px solid rgba(125,249,255,.26);
    border-radius:999px;
    background:rgba(125,249,255,.075);
    color:#7df9ff;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
    box-shadow:0 0 20px rgba(54,197,255,.10);
}
.hero-title-v024{
    max-width:900px;
    letter-spacing:-.055em;
}
.hero-title-v024 .subline{
    font-size:.82em;
    letter-spacing:-.05em;
}
.hero-copy-v024{
    max-width:870px;
}
.status-console-head-v024{
    letter-spacing:.105em;
}
.footer-watermark-text{
    text-transform:none;
}
@media (max-width:920px){
    .brand-title-v028 strong{font-size:.88rem;letter-spacing:.035em;max-width:230px;overflow:hidden;text-overflow:ellipsis;}
    .brand-title-v028 small{font-size:.62rem;height:20px;padding:0 7px;}
}
@media (max-width:640px){
    .brand-title-v028{gap:7px;}
    .brand-title-v028 strong{max-width:158px;font-size:.76rem;}
    .brand-title-v028 small{display:none;}
}

/* GWC Portal v0.2.9 - Crew Banner + Satisfactory Banner */
.brand-v029{gap:14px}.brand-title-v029{display:inline-flex;align-items:center;gap:10px;line-height:1}.brand-title-v029 strong{font-size:1.02rem;letter-spacing:.14em}.brand-title-v029 small{font-size:.72rem;letter-spacing:.18em;color:#06111f;background:linear-gradient(135deg,var(--brand-glow),#b7a7ff);padding:4px 8px;border-radius:999px;box-shadow:0 0 20px rgba(125,249,255,.22)}
.hero-v029{position:relative;padding:64px 0 36px}.crew-banner-card-v029{position:relative;overflow:hidden;border-radius:30px;border:1px solid rgba(125,249,255,.22);background:rgba(3,7,18,.52);box-shadow:0 28px 95px rgba(0,0,0,.42),0 0 48px rgba(54,197,255,.08);margin-bottom:34px}.crew-banner-card-v029:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 45%,rgba(54,197,255,.12),transparent 34%),linear-gradient(90deg,rgba(3,7,18,.10),rgba(3,7,18,.0),rgba(3,7,18,.14));z-index:1;pointer-events:none}.crew-banner-card-v029 img{display:block;width:100%;height:auto;max-height:390px;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04)}
.hero-v029-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.58fr);gap:34px;align-items:center}.hero-v029-copy{max-width:900px}.hero-title-v029{font-size:clamp(2.65rem,5.8vw,6.3rem);line-height:.95;letter-spacing:-.055em;margin:14px 0 18px}.status-console-v029{align-self:stretch;min-height:285px;display:flex;flex-direction:column;justify-content:center}.status-console-v029 .status-console-body-v024{margin-top:12px}
.program-card-v029{padding:0;display:flex;flex-direction:column}.program-card-v029>.meta,.program-card-v029>h3,.program-card-v029>p,.program-card-v029>.actions{margin-left:20px;margin-right:20px}.program-card-v029>.meta{margin-top:18px}.program-card-v029>.actions{margin-bottom:20px}.program-art-v029{display:block;position:relative;overflow:hidden;border-radius:22px 22px 0 0;min-height:190px;background:#050812;border-bottom:1px solid rgba(125,249,255,.16)}.program-art-v029:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,18,0) 42%,rgba(3,7,18,.72));pointer-events:none}.program-art-v029 img{width:100%;height:220px;display:block;object-fit:cover;object-position:center;transition:transform .35s ease,filter .35s ease;filter:saturate(1.06) contrast(1.04)}.program-card-v029:hover .program-art-v029 img{transform:scale(1.035);filter:saturate(1.15) contrast(1.08)}
.program-detail-hero-v029{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:24px;align-items:center}.program-detail-art-v029{overflow:hidden;border-radius:22px;border:1px solid rgba(125,249,255,.18);background:rgba(3,7,18,.55);box-shadow:0 22px 70px rgba(0,0,0,.28)}.program-detail-art-v029 img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}.program-detail-copy-v029 h1{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.25em 0 .25em}
.footer-watermark-text{letter-spacing:.07em}
@media (max-width:980px){.hero-v029-grid,.program-detail-hero-v029{grid-template-columns:1fr}.crew-banner-card-v029 img{min-height:210px}.status-console-v029{min-height:auto}.brand-title-v029{flex-direction:column;align-items:flex-start;gap:3px}.brand-title-v029 small{font-size:.62rem;padding:2px 7px}.hero-title-v029{font-size:clamp(2.3rem,11vw,4.2rem)}}
@media (max-width:640px){.hero-v029{padding:32px 0 20px}.crew-banner-card-v029{border-radius:20px;margin-bottom:24px}.crew-banner-card-v029 img{min-height:180px}.program-art-v029 img{height:180px}.brand-title-v029 strong{font-size:.86rem;letter-spacing:.09em}.nav{min-height:70px}}

/* =========================================================
   GWC Portal v0.2.10 - Header Banner + clean home hero
   ========================================================= */
.header .nav{
    min-height:86px;
}
.brand-header-banner-v0210{
    display:flex;
    align-items:center;
    width:min(520px,42vw);
    height:58px;
    border:1px solid rgba(125,249,255,.16);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(90deg,rgba(3,7,18,.68),rgba(8,14,26,.44));
    box-shadow:0 0 34px rgba(54,197,255,.13), inset 0 1px 0 rgba(255,255,255,.08);
    padding:0;
}
.brand-header-banner-v0210 img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    filter:saturate(1.08) contrast(1.06);
    transform:scale(1.02);
}
.brand-header-banner-v0210:hover{
    border-color:rgba(125,249,255,.34);
    box-shadow:0 0 44px rgba(54,197,255,.20), 0 0 66px rgba(255,190,70,.08);
}
.hero-v029{
    padding-top:88px;
}
.hero-v029-grid{
    margin-top:0;
}
.hero-title-v029{
    max-width:900px;
}
.status-console-v029{
    margin-top:18px;
}
.footer-watermark-text::after{
    content:"";
}
@media(max-width:980px){
    .header .nav{
        min-height:auto;
        padding:14px 0;
        align-items:flex-start;
    }
    .brand-header-banner-v0210{
        width:min(92vw,520px);
        height:54px;
    }
}
@media(max-width:640px){
    .brand-header-banner-v0210{
        height:48px;
        border-radius:14px;
    }
    .hero-v029{
        padding-top:52px;
    }
}


/* =========================================================
   GWC Portal v0.2.11 - Header banner, Startseite link, final hero text
   ========================================================= */
.header .nav{
    min-height:92px;
    align-items:center;
}
.brand-header-banner-v0211{
    display:flex !important;
    align-items:center;
    width:min(560px,44vw);
    height:64px;
    border:1px solid rgba(125,249,255,.18);
    border-radius:18px;
    overflow:hidden;
    background:rgba(3,7,18,.72);
    box-shadow:0 0 38px rgba(54,197,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
    padding:0;
    flex:0 0 auto;
}
.brand-header-banner-v0211 img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    filter:saturate(1.1) contrast(1.08);
    transform:scale(1.02);
}
.brand-header-banner-v0211:hover{
    border-color:rgba(125,249,255,.38);
    box-shadow:0 0 52px rgba(54,197,255,.24),0 0 78px rgba(255,190,70,.10);
}
/* Remove old round text-logo variants if old markup/css remains in cache */
.brand-v028 .brand-mark,
.brand-v029 .brand-mark,
.brand .brand-mark:empty{
    display:none !important;
}
.hero-v029{padding-top:76px;}
.hero-title-v029{font-size:clamp(2.7rem,5.55vw,6rem);max-width:980px;}
.hero-copy-v024{max-width:880px;}
.menu a[href$="/"]{font-weight:900;}
@media(max-width:1100px){
    .brand-header-banner-v0211{width:min(480px,44vw);height:58px;}
}
@media(max-width:780px){
    .header .nav{padding:16px 0;gap:18px;}
    .brand-header-banner-v0211{width:min(92vw,560px);height:86px;border-radius:18px;}
    .menu{gap:14px 18px;font-size:1.12rem;}
    .hero-v029{padding-top:42px;}
    .hero-title-v029{font-size:clamp(2.65rem,12.5vw,4.35rem);}
}
@media(max-width:480px){
    .brand-header-banner-v0211{height:72px;border-radius:16px;}
    .menu{font-size:1rem;}
}

/* =========================================================
   GWC Portal v0.2.12 - Header banner full visible / no crop
   ========================================================= */
.header{
    overflow:visible !important;
}
.header .nav{
    min-height:168px !important;
    align-items:center !important;
    gap:22px !important;
}
.brand-header-banner-v0211,
.brand-header-banner-v0212{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:min(520px,42vw) !important;
    height:auto !important;
    aspect-ratio:1600 / 564 !important;
    max-height:none !important;
    overflow:visible !important;
    border:1px solid rgba(125,249,255,.20) !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,rgba(3,7,18,.74),rgba(8,14,26,.46)) !important;
    box-shadow:0 0 42px rgba(54,197,255,.18),0 0 70px rgba(255,190,70,.06),inset 0 1px 0 rgba(255,255,255,.08) !important;
    padding:0 !important;
    flex:0 0 auto !important;
}
.brand-header-banner-v0211 img,
.brand-header-banner-v0212 img{
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
    transform:none !important;
    filter:saturate(1.1) contrast(1.06) !important;
    border-radius:18px !important;
}
.brand-header-banner-v0211:hover,
.brand-header-banner-v0212:hover{
    border-color:rgba(125,249,255,.42) !important;
    box-shadow:0 0 56px rgba(54,197,255,.25),0 0 90px rgba(255,190,70,.10),inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.hero-v029{
    padding-top:62px !important;
}
.status-console-v024 em::after{
    content:"" !important;
}
@media(max-width:1100px){
    .header .nav{
        min-height:auto !important;
        padding:18px 0 !important;
        align-items:flex-start !important;
        flex-direction:column !important;
    }
    .brand-header-banner-v0211,
    .brand-header-banner-v0212{
        width:min(760px,94vw) !important;
        aspect-ratio:1600 / 564 !important;
        height:auto !important;
        max-height:none !important;
        border-radius:22px !important;
    }
    .brand-header-banner-v0211 img,
    .brand-header-banner-v0212 img{
        border-radius:20px !important;
    }
    .menu{
        width:100% !important;
        justify-content:flex-start !important;
        gap:16px 28px !important;
        padding-top:8px !important;
    }
}
@media(max-width:640px){
    .header .nav{
        padding:16px 0 18px !important;
        gap:18px !important;
    }
    .brand-header-banner-v0211,
    .brand-header-banner-v0212{
        width:100% !important;
        aspect-ratio:1600 / 564 !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        border-radius:18px !important;
    }
    .brand-header-banner-v0211 img,
    .brand-header-banner-v0212 img{
        height:auto !important;
        aspect-ratio:1600 / 564 !important;
        object-fit:contain !important;
        border-radius:16px !important;
    }
    .menu{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px 16px !important;
        font-size:1.05rem !important;
    }
    .menu a,
    .menu button{
        text-align:left !important;
        white-space:nowrap !important;
    }
    .hero-v029{
        padding-top:44px !important;
    }
}
@media(max-width:390px){
    .menu{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}


/* =========================================================
   GWC Portal v0.2.13 - hellerer Look + Header-Banner ohne Zuschnitt
   Ziel: Banner links oben vollständig anzeigen, Hintergrund weniger dunkel.
   ========================================================= */
:root{
    --bg:#07111d;
    --bg-2:#0d1c2b;
    --panel:rgba(14,29,48,.70);
    --panel-2:rgba(18,38,60,.58);
    --line:rgba(133,236,255,.22);
    --text:#f4fbff;
    --muted:#c5d6ec;
}
html,body{
    background:
        radial-gradient(circle at 18% 12%, rgba(54,197,255,.20), transparent 34%),
        radial-gradient(circle at 78% 6%, rgba(255,184,65,.12), transparent 30%),
        radial-gradient(circle at 54% 60%, rgba(85,255,217,.10), transparent 42%),
        linear-gradient(135deg,#07111d 0%,#0a1726 48%,#10172c 100%) !important;
    color:var(--text) !important;
}
body:before{
    opacity:.22 !important;
}
body:after{
    opacity:.34 !important;
    filter:drop-shadow(0 0 78px rgba(125,249,255,.25)) !important;
}
.gwc-network-bg{
    opacity:.54 !important;
    mix-blend-mode:screen !important;
}
.gwc-network-glow{
    opacity:.42 !important;
}
.header{
    background:linear-gradient(180deg,rgba(5,13,24,.88),rgba(7,17,29,.74)) !important;
    border-bottom:1px solid rgba(125,249,255,.22) !important;
    backdrop-filter:blur(18px) saturate(1.2) !important;
    overflow:visible !important;
}
.header .nav{
    min-height:106px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:26px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
}
.brand-header-banner-v0213{
    display:block !important;
    flex:0 0 auto !important;
    width:clamp(280px,34vw,560px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(125,249,255,.22) !important;
    background:rgba(2,7,15,.34) !important;
    box-shadow:0 0 38px rgba(54,197,255,.18),0 0 80px rgba(255,187,68,.06) !important;
    overflow:visible !important;
    line-height:0 !important;
}
.brand-header-banner-v0213 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:initial !important;
    object-position:center !important;
    aspect-ratio:auto !important;
    border-radius:17px !important;
    transform:none !important;
    clip-path:none !important;
    filter:saturate(1.12) contrast(1.04) brightness(1.03) !important;
}
.brand-header-banner-v0213:hover{
    border-color:rgba(125,249,255,.45) !important;
    box-shadow:0 0 56px rgba(54,197,255,.26),0 0 95px rgba(255,187,68,.10) !important;
}
.menu{
    background:rgba(6,16,29,.32) !important;
    border:1px solid rgba(125,249,255,.12) !important;
    border-radius:999px !important;
    padding:8px 12px !important;
    backdrop-filter:blur(12px) !important;
}
.menu a,.menu button{
    color:#d8e9ff !important;
}
.menu a:hover,.menu button:hover{
    color:#fff !important;
}
.hero-v029{
    padding-top:76px !important;
}
.hero-title-v029{
    font-size:clamp(2.7rem,5.25vw,5.75rem) !important;
    max-width:1050px !important;
}
.hero-copy-v024,
.lead,
.muted{
    color:var(--muted) !important;
}
.card,.server-mini-card,.server-status-card,.program-card,.status-console-v024,.table-wrap,.auth-card,.sidebar,.stat{
    background:linear-gradient(145deg,rgba(18,38,61,.72),rgba(9,22,38,.56)) !important;
    border-color:rgba(125,249,255,.19) !important;
    box-shadow:0 20px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.status-console-head-v024,
.console-row-v024{
    background:rgba(10,24,42,.62) !important;
    border-color:rgba(125,249,255,.19) !important;
}
.footer{
    background:linear-gradient(180deg,rgba(6,15,28,.45),rgba(5,13,24,.78)) !important;
    border-top-color:rgba(125,249,255,.18) !important;
}
@media(max-width:1100px){
    .header .nav{
        flex-direction:column !important;
        align-items:stretch !important;
        min-height:0 !important;
        gap:16px !important;
        padding:18px 0 20px !important;
    }
    .brand-header-banner-v0213{
        width:100% !important;
        max-width:860px !important;
        align-self:center !important;
    }
    .menu{
        width:100% !important;
        border-radius:24px !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:10px 12px !important;
        padding:14px !important;
    }
    .menu a,.menu button{
        text-align:center !important;
        padding:10px 8px !important;
        border-radius:14px !important;
        background:rgba(255,255,255,.035) !important;
    }
}
@media(max-width:640px){
    .container,.wide{width:min(94vw,100%) !important;}
    .header .nav{
        padding:14px 0 18px !important;
        gap:14px !important;
    }
    .brand-header-banner-v0213{
        width:100% !important;
        border-radius:16px !important;
        box-shadow:0 0 28px rgba(54,197,255,.18) !important;
    }
    .brand-header-banner-v0213 img{
        width:100% !important;
        height:auto !important;
        border-radius:15px !important;
    }
    .menu{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:10px !important;
        font-size:1rem !important;
    }
    .hero-v029{
        padding-top:40px !important;
    }
    .hero-title-v029{
        font-size:clamp(2.8rem,12vw,4.25rem) !important;
        line-height:.96 !important;
    }
    .hero-copy-v024{
        font-size:1.08rem !important;
    }
    body:after{
        width:235vw !important;
        height:235vw !important;
        opacity:.30 !important;
        top:42% !important;
    }
}
@media(max-width:390px){
    .menu{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}


/* =========================================================
   GWC Portal v0.2.14 - Public-Clean + Header-Banner final
   Ziel: Banner im Header vollständig anzeigen, kein Cropping.
   ========================================================= */
:root{
    --bg:#06111f;
    --bg-2:#0b1b31;
    --panel:rgba(13,26,45,.70);
    --panel-strong:rgba(17,34,58,.88);
    --text:#f0fbff;
    --muted:#b7cbe7;
}
body{
    background:
        radial-gradient(circle at 22% 18%, rgba(54,197,255,.22), transparent 34%),
        radial-gradient(circle at 80% 12%, rgba(124,92,255,.18), transparent 34%),
        linear-gradient(180deg,#06111f 0%,#0a1830 44%,#050916 100%) !important;
}
.header{
    background:linear-gradient(180deg,rgba(4,10,22,.92),rgba(6,15,30,.72)) !important;
    border-bottom:1px solid rgba(125,249,255,.18) !important;
}
.header .nav{
    display:grid !important;
    grid-template-columns:minmax(280px,500px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:28px !important;
    min-height:0 !important;
    padding:14px 0 !important;
}
.brand-header-banner-v0214,
.brand-header-banner-v0213,
.brand-header-banner-v0210{
    display:block !important;
    width:min(500px,34vw) !important;
    min-width:280px !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:16px !important;
    border:1px solid rgba(125,249,255,.18) !important;
    background:rgba(3,7,18,.18) !important;
    box-shadow:0 0 34px rgba(54,197,255,.18), 0 14px 44px rgba(0,0,0,.24) !important;
    line-height:0 !important;
}
.brand-header-banner-v0214 img,
.brand-header-banner-v0213 img,
.brand-header-banner-v0210 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    border-radius:15px !important;
}
.menu{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:18px !important;
    flex-wrap:wrap !important;
}
.menu a,
.menu button{
    color:#d8e7fb !important;
    font-weight:700 !important;
}
.menu a:hover,
.menu button:hover{
    color:#ffffff !important;
}
.hero-v029{
    padding-top:52px !important;
}
.hero-title-v029{
    max-width:820px;
}
.status-console-v029,
.status-console-v024,
.card,
.server-mini-card,
.table-wrap,
.auth-card{
    background:linear-gradient(145deg,rgba(14,29,52,.72),rgba(7,15,30,.56)) !important;
    border-color:rgba(125,249,255,.20) !important;
}
.footer-watermark-text::after{
    content:" · Portal v0.2.14";
    color:#7df9ff;
    font-weight:900;
}
@media (max-width:900px){
    .header .nav{
        display:block !important;
        padding:14px 0 20px !important;
    }
    .brand-header-banner-v0214,
    .brand-header-banner-v0213,
    .brand-header-banner-v0210{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
        margin:0 0 20px 0 !important;
        border-radius:18px !important;
    }
    .brand-header-banner-v0214 img,
    .brand-header-banner-v0213 img,
    .brand-header-banner-v0210 img{
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
        border-radius:17px !important;
    }
    .menu{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:16px 22px !important;
        justify-content:stretch !important;
        align-items:center !important;
    }
    .menu a,
    .menu button{
        font-size:1.08rem !important;
        text-align:left !important;
    }
    .hero-v029{
        padding:44px 0 18px !important;
    }
    .hero-title-v029{
        font-size:clamp(2.65rem,13.5vw,5.2rem) !important;
        line-height:.94 !important;
    }
    .hero-copy-v024{
        font-size:1.04rem !important;
        line-height:1.55 !important;
    }
}
@media (max-width:520px){
    .container.wide,.wide{
        width:min(94vw,100%) !important;
    }
    .header .nav{
        padding-top:12px !important;
    }
    .menu{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .hero-title-v029{
        font-size:clamp(2.35rem,14vw,4.4rem) !important;
    }
}

/* =========================================================
   GWC Portal v0.2.15 - Hellerer Look + sichtbare Animation
   Problemfix: Seite war zu dunkel, Animation zu schwach sichtbar.
   ========================================================= */
:root{
    --bg:#081a30;
    --bg-2:#0e2743;
    --panel:rgba(13,31,54,.58);
    --panel-strong:rgba(20,43,72,.72);
    --text:#f4fbff;
    --muted:#c0d3ec;
    --brand:#38d7ff;
    --brand-glow:#84fff5;
    --brand-2:#9a84ff;
}
html, body{
    background:
        radial-gradient(circle at 28% 18%, rgba(56,215,255,.28), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(154,132,255,.23), transparent 38%),
        radial-gradient(circle at 55% 74%, rgba(44,227,138,.12), transparent 40%),
        linear-gradient(180deg,#09182c 0%,#102a48 46%,#071326 100%) !important;
    color:var(--text) !important;
}
body:before,
body:after{
    display:none !important;
}
.gwc-network-bg{
    position:fixed !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
    opacity:1 !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(56,215,255,.18), transparent 28%),
        radial-gradient(circle at 25% 32%, rgba(132,255,245,.12), transparent 25%),
        linear-gradient(180deg,rgba(8,24,44,.18),rgba(6,14,28,.18)) !important;
}
.gwc-network-bg:before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:42% !important;
    width:min(1500px,190vw) !important;
    height:min(1500px,190vw) !important;
    transform:translate(-50%,-50%) !important;
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat !important;
    opacity:.52 !important;
    filter:drop-shadow(0 0 44px rgba(56,215,255,.48)) drop-shadow(0 0 80px rgba(154,132,255,.24)) !important;
    animation:gwcV0215GlobeRotate 44s linear infinite, gwcV0215GlobePulse 8s ease-in-out infinite alternate !important;
    mask-image:none !important;
}
.gwc-network-bg:after{
    content:"" !important;
    position:absolute !important;
    inset:-12% !important;
    background-image:
        linear-gradient(rgba(132,255,245,.075) 1px,transparent 1px),
        linear-gradient(90deg,rgba(132,255,245,.075) 1px,transparent 1px),
        radial-gradient(circle at 18% 28%, rgba(132,255,245,.82), transparent 4px),
        radial-gradient(circle at 36% 62%, rgba(56,215,255,.75), transparent 4px),
        radial-gradient(circle at 72% 30%, rgba(154,132,255,.72), transparent 4px),
        radial-gradient(circle at 84% 72%, rgba(44,227,138,.62), transparent 4px),
        linear-gradient(112deg, transparent 0 34%, rgba(132,255,245,.20) 42%, transparent 50% 100%);
    background-size:74px 74px,74px 74px,260px 260px,330px 330px,380px 380px,440px 440px,100% 100% !important;
    opacity:.90 !important;
    mix-blend-mode:screen !important;
    animation:gwcV0215GridMove 22s linear infinite, gwcV0215Sweep 7s ease-in-out infinite alternate !important;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.85) 72%,rgba(0,0,0,.72)) !important;
}
.gwc-network-glow{
    position:fixed !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(132,255,245,.10), transparent 26%),
        radial-gradient(circle at 28% 18%, rgba(56,215,255,.10), transparent 24%),
        linear-gradient(180deg, rgba(2,5,16,.05), rgba(2,5,16,.24) 78%, rgba(2,5,16,.38)) !important;
    opacity:.95 !important;
    animation:gwcV0215Aurora 9s ease-in-out infinite alternate !important;
}
.gwc-network-glow:before,
.gwc-network-glow:after{
    content:"";
    position:absolute;
    width:45vw;
    height:2px;
    left:-52vw;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,rgba(132,255,245,.72),rgba(154,132,255,.45),transparent);
    box-shadow:0 0 20px rgba(132,255,245,.32);
    animation:gwcV0215TravelLine 6.5s linear infinite;
}
.gwc-network-glow:before{top:28%;animation-delay:.2s;transform:rotate(9deg)}
.gwc-network-glow:after{top:62%;animation-delay:2.7s;transform:rotate(-7deg)}
@keyframes gwcV0215GlobeRotate{
    0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}
    50%{transform:translate(-50%,-51%) rotate(180deg) scale(1.03)}
    100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}
}
@keyframes gwcV0215GlobePulse{
    from{opacity:.42;filter:drop-shadow(0 0 34px rgba(56,215,255,.35)) drop-shadow(0 0 66px rgba(154,132,255,.18))}
    to{opacity:.62;filter:drop-shadow(0 0 58px rgba(132,255,245,.52)) drop-shadow(0 0 94px rgba(154,132,255,.30))}
}
@keyframes gwcV0215GridMove{
    0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0}
    100%{background-position:74px 74px,74px 74px,260px -260px,-330px 330px,380px -380px,-440px 440px,0 0}
}
@keyframes gwcV0215Sweep{
    0%{opacity:.65;transform:translate3d(-2%,0,0)}
    100%{opacity:1;transform:translate3d(2%,0,0)}
}
@keyframes gwcV0215Aurora{
    0%{filter:hue-rotate(0deg) saturate(1);opacity:.76}
    100%{filter:hue-rotate(18deg) saturate(1.18);opacity:1}
}
@keyframes gwcV0215TravelLine{
    0%{left:-55vw;opacity:0}
    16%{opacity:.9}
    82%{opacity:.52}
    100%{left:108vw;opacity:0}
}
.header, main, .footer{
    position:relative !important;
    z-index:3 !important;
}
.header{
    background:linear-gradient(180deg,rgba(7,19,36,.78),rgba(7,19,36,.46)) !important;
    border-bottom:1px solid rgba(132,255,245,.22) !important;
    box-shadow:0 12px 60px rgba(0,0,0,.24) !important;
}
.hero-v029{
    padding-top:54px !important;
}
.hero-title-v029,
.gradient-title{
    color:#f4fbff !important;
    background:linear-gradient(90deg,#ffffff 0%,#d8ffff 38%,#8edaff 72%,#a790ff 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 0 22px rgba(132,255,245,.18), 0 0 54px rgba(56,215,255,.10) !important;
    opacity:1 !important;
    filter:none !important;
}
.hero-copy-v024{
    color:#d8e9ff !important;
    text-shadow:0 0 20px rgba(0,0,0,.34) !important;
    opacity:1 !important;
}
.hero-kicker-v024{
    background:rgba(4,16,30,.64) !important;
    border-color:rgba(132,255,245,.30) !important;
    box-shadow:0 0 34px rgba(56,215,255,.16) !important;
}
.btn{
    background:rgba(10,27,50,.62) !important;
    border-color:rgba(132,255,245,.24) !important;
    color:#f0fbff !important;
    box-shadow:0 12px 34px rgba(0,0,0,.18) !important;
}
.btn.primary{
    background:linear-gradient(135deg,#24c8ff,#615cff) !important;
    border-color:rgba(132,255,245,.34) !important;
}
.card,.server-mini-card,.server-status-card,.program-card,.status-console-v024,.status-console-v029,.auth-card,.table-wrap,.empty-state,.panel{
    background:linear-gradient(145deg,rgba(18,42,72,.62),rgba(7,18,36,.48)) !important;
    border-color:rgba(132,255,245,.22) !important;
    box-shadow:0 18px 66px rgba(0,0,0,.28),0 0 34px rgba(56,215,255,.07) !important;
    backdrop-filter:blur(14px) saturate(1.18) !important;
}
.status-console-head-v024,
.console-row-v024 span,
.menu a,
.menu button,
.hero-mini-strip-v024 span{
    color:#d9edff !important;
}
.footer,
.footer-clean{
    background:linear-gradient(180deg,rgba(7,19,36,.56),rgba(7,19,36,.72)) !important;
}
.footer-watermark-text::after{
    content:" · Portal v0.2.15" !important;
    color:#84fff5 !important;
}
@media(max-width:900px){
    .gwc-network-bg:before{
        width:230vw !important;
        height:230vw !important;
        top:36% !important;
        opacity:.50 !important;
    }
    .gwc-network-bg:after{
        opacity:.96 !important;
        background-size:58px 58px,58px 58px,180px 180px,240px 240px,300px 300px,360px 360px,100% 100% !important;
    }
    .gwc-network-glow{
        background:linear-gradient(180deg,rgba(2,5,16,.03),rgba(2,5,16,.18) 70%,rgba(2,5,16,.28)) !important;
    }
    .hero-title-v029{
        font-size:clamp(2.6rem,12.6vw,5.1rem) !important;
        line-height:.95 !important;
    }
    .hero-copy-v024{
        font-size:1.06rem !important;
    }
}
@media(max-width:520px){
    html,body{
        background:linear-gradient(180deg,#0d2240 0%,#102e50 46%,#071629 100%) !important;
    }
    .hero-v029{
        padding-top:38px !important;
    }
    .hero-title-v029{
        font-size:clamp(2.35rem,13vw,4.2rem) !important;
    }
    .gwc-network-bg:before{
        top:33% !important;
        width:260vw !important;
        height:260vw !important;
        opacity:.48 !important;
    }
}
@media (prefers-reduced-motion: reduce){
    .gwc-network-bg:before,
    .gwc-network-bg:after,
    .gwc-network-glow,
    .gwc-network-glow:before,
    .gwc-network-glow:after{
        animation:none !important;
    }
}

/* =========================================================
   GWC Portal v0.2.16 - Hero-Text deutlich heller
   ========================================================= */
.hero-v029 .hero-title-v029,
.hero-title-v029.gradient-title,
.hero-title-v029,
.gradient-title{
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    filter:none !important;
    text-shadow:
        0 2px 0 rgba(255,255,255,.08),
        0 0 18px rgba(255,255,255,.42),
        0 0 38px rgba(132,255,245,.38),
        0 0 78px rgba(56,215,255,.24),
        0 0 118px rgba(124,92,255,.18) !important;
}
.hero-v029 .hero-copy-v024,
.hero-copy-v024,
.hero .lead,
.lead{
    color:#f2f8ff !important;
    opacity:1 !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.74),
        0 0 18px rgba(56,215,255,.18) !important;
}
.hero-v029-copy{
    position:relative !important;
}
.hero-v029-copy:before{
    content:"" !important;
    position:absolute !important;
    inset:-22px -18px -26px -18px !important;
    z-index:-1 !important;
    pointer-events:none !important;
    border-radius:34px !important;
    background:linear-gradient(135deg,rgba(7,19,36,.36),rgba(7,19,36,.18)) !important;
    border:1px solid rgba(132,255,245,.08) !important;
    box-shadow:0 0 60px rgba(0,0,0,.16) !important;
    backdrop-filter:blur(2px) !important;
}
.hero-kicker-v024{
    color:#9ffff7 !important;
    text-shadow:0 0 24px rgba(132,255,245,.70),0 0 42px rgba(56,215,255,.35) !important;
}
.hero-mini-strip-v024 span{
    color:#f1f9ff !important;
    border-color:rgba(132,255,245,.25) !important;
    background:rgba(7,19,36,.46) !important;
}
.status-console-v024 em,
.status-console-v029 em{
    color:#9ffff7 !important;
    text-shadow:0 0 20px rgba(132,255,245,.35) !important;
}
.footer-watermark-text::after{
    content:" · Portal v0.2.16" !important;
    color:#84fff5 !important;
}
@media(max-width:900px){
    .hero-v029 .hero-title-v029,
    .hero-title-v029.gradient-title,
    .hero-title-v029{
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
        text-shadow:
            0 0 16px rgba(255,255,255,.50),
            0 0 34px rgba(132,255,245,.42),
            0 0 70px rgba(56,215,255,.28) !important;
    }
    .hero-v029-copy:before{
        inset:-16px -12px -20px -12px !important;
        background:linear-gradient(135deg,rgba(7,19,36,.30),rgba(7,19,36,.12)) !important;
        border-color:rgba(132,255,245,.06) !important;
    }
    .hero-copy-v024{
        color:#f7fbff !important;
        text-shadow:0 1px 2px rgba(0,0,0,.82),0 0 14px rgba(56,215,255,.16) !important;
    }
}

/* =========================================================
   GWC Portal v0.2.17 - Banner-Farbschema auf komplette Website übertragen
   Blau/Orange Gaming-Look passend zum Gaming-World-Crew Banner.
   ========================================================= */
:root{
    --gwc-blue:#078dff;
    --gwc-blue-soft:#59c9ff;
    --gwc-cyan:#83fff6;
    --gwc-orange:#ffae16;
    --gwc-orange-2:#ff6a00;
    --gwc-metal:#e9eef5;
    --gwc-deep:#050814;
    --gwc-panel:rgba(10,15,28,.66);
    --gwc-panel-bright:rgba(18,28,48,.72);
    --gwc-border-blue:rgba(89,201,255,.34);
    --gwc-border-orange:rgba(255,174,22,.26);
    --brand:#27a9ff;
    --brand-glow:#83fff6;
    --brand-2:#ffae16;
    --text:#f7fbff;
    --muted:#d4e4f6;
}
html,body{
    background:
        radial-gradient(circle at 6% 14%, rgba(7,141,255,.28), transparent 30%),
        radial-gradient(circle at 92% 16%, rgba(255,106,0,.24), transparent 31%),
        radial-gradient(circle at 48% 44%, rgba(131,255,246,.12), transparent 38%),
        linear-gradient(115deg,#06152a 0%,#07111f 46%,#1a1008 100%) !important;
    color:var(--text) !important;
}
body:before{
    background-image:
        linear-gradient(rgba(89,201,255,.070) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,174,22,.045) 1px,transparent 1px),
        radial-gradient(circle at 20% 34%, rgba(89,201,255,.82), transparent 3px),
        radial-gradient(circle at 75% 28%, rgba(255,174,22,.72), transparent 3px),
        radial-gradient(circle at 55% 76%, rgba(131,255,246,.42), transparent 3px) !important;
    background-size:70px 70px,70px 70px,260px 260px,340px 340px,420px 420px !important;
    opacity:.80 !important;
    animation:gwcV0217Grid 28s linear infinite !important;
}
body:after{
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat !important;
    opacity:.42 !important;
    filter:drop-shadow(0 0 52px rgba(89,201,255,.40)) drop-shadow(0 0 92px rgba(255,174,22,.20)) !important;
    animation:gwcV0217Globe 46s linear infinite, gwcV0217Pulse 7s ease-in-out infinite alternate !important;
}
.gwc-network-bg{
    position:fixed !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    opacity:.72 !important;
    background:
        linear-gradient(90deg, rgba(7,141,255,.16), transparent 31%, transparent 62%, rgba(255,106,0,.16)),
        radial-gradient(circle at 18% 34%, rgba(7,141,255,.26), transparent 28%),
        radial-gradient(circle at 84% 38%, rgba(255,174,22,.22), transparent 30%) !important;
    mix-blend-mode:screen !important;
}
.gwc-network-bg:before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:42% !important;
    width:min(1550px,145vw) !important;
    height:min(1550px,145vw) !important;
    transform:translate(-50%,-50%) !important;
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat !important;
    opacity:.48 !important;
    filter:drop-shadow(0 0 70px rgba(89,201,255,.36)) drop-shadow(0 0 110px rgba(255,174,22,.20)) !important;
    animation:gwcV0217GlobeSlow 60s linear infinite !important;
}
.gwc-network-glow{
    position:fixed !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:1 !important;
    opacity:.92 !important;
    background:
        linear-gradient(102deg, transparent 0 25%, rgba(89,201,255,.16) 34%, transparent 43%, transparent 57%, rgba(255,174,22,.15) 66%, transparent 76%),
        radial-gradient(circle at 16% 22%, rgba(7,141,255,.13), transparent 20%),
        radial-gradient(circle at 86% 18%, rgba(255,106,0,.13), transparent 21%),
        linear-gradient(180deg,rgba(2,5,16,.02),rgba(2,5,16,.18) 76%,rgba(2,5,16,.34)) !important;
    animation:gwcV0217Sweep 9s ease-in-out infinite alternate !important;
}
.gwc-network-glow:before,
.gwc-network-glow:after{
    content:"" !important;
    position:absolute !important;
    left:-60vw !important;
    width:56vw !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg,transparent,rgba(89,201,255,.82),rgba(255,174,22,.62),transparent) !important;
    box-shadow:0 0 24px rgba(89,201,255,.34),0 0 34px rgba(255,174,22,.20) !important;
    animation:gwcV0217LightLine 6.8s linear infinite !important;
}
.gwc-network-glow:before{top:30%;transform:rotate(7deg);animation-delay:.1s !important;}
.gwc-network-glow:after{top:64%;transform:rotate(-8deg);animation-delay:2.4s !important;}
@keyframes gwcV0217Grid{0%{background-position:0 0,0 0,0 0,0 0,0 0}100%{background-position:70px 70px,-70px 70px,260px -260px,-340px 340px,420px -420px}}
@keyframes gwcV0217Globe{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}50%{transform:translate(-49%,-51%) rotate(180deg) scale(1.03)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}
@keyframes gwcV0217GlobeSlow{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1)}100%{transform:translate(-50%,-50%) rotate(-360deg) scale(1.02)}}
@keyframes gwcV0217Pulse{from{opacity:.34}to{opacity:.52}}
@keyframes gwcV0217Sweep{from{filter:hue-rotate(0deg) saturate(1);opacity:.72}to{filter:hue-rotate(-8deg) saturate(1.22);opacity:1}}
@keyframes gwcV0217LightLine{0%{left:-60vw;opacity:0}16%{opacity:.9}70%{opacity:.62}100%{left:110vw;opacity:0}}
.header, main, .footer{position:relative !important;z-index:3 !important;}
.header{
    background:linear-gradient(90deg,rgba(4,12,26,.88),rgba(5,9,18,.72) 48%,rgba(22,12,5,.78)) !important;
    border-bottom:1px solid rgba(255,174,22,.22) !important;
    box-shadow:0 16px 72px rgba(0,0,0,.34), inset 0 -1px 0 rgba(89,201,255,.16) !important;
}
.header .nav{
    align-items:center !important;
}
.brand-header-banner-v0214,
.brand-header-banner-v0213,
.brand-header-banner-v0212,
.brand-header-banner-v0211,
.brand-header-banner-v0210{
    border:1px solid rgba(255,174,22,.34) !important;
    background:linear-gradient(90deg,rgba(7,141,255,.14),rgba(2,5,16,.62) 48%,rgba(255,106,0,.15)) !important;
    box-shadow:0 0 38px rgba(7,141,255,.20),0 0 54px rgba(255,174,22,.14),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.brand-header-banner-v0214 img,
.brand-header-banner-v0213 img,
.brand-header-banner-v0212 img,
.brand-header-banner-v0211 img,
.brand-header-banner-v0210 img{
    filter:saturate(1.18) contrast(1.09) brightness(1.04) !important;
}
.menu{
    background:linear-gradient(90deg,rgba(7,141,255,.08),rgba(5,11,22,.38),rgba(255,106,0,.08)) !important;
    border:1px solid rgba(255,174,22,.16) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 30px rgba(7,141,255,.08) !important;
}
.menu a,.menu button{
    color:#edf6ff !important;
    text-shadow:0 0 10px rgba(7,141,255,.18) !important;
}
.menu a:hover,.menu button:hover{
    color:#fff !important;
    background:linear-gradient(90deg,rgba(7,141,255,.18),rgba(255,174,22,.14)) !important;
}
.hero-v029{padding-top:58px !important;}
.hero-kicker-v024{
    background:linear-gradient(90deg,rgba(7,141,255,.20),rgba(255,174,22,.14)) !important;
    border-color:rgba(255,174,22,.32) !important;
    color:#f8ffff !important;
    box-shadow:0 0 32px rgba(7,141,255,.18),0 0 38px rgba(255,174,22,.10) !important;
}
.hero-kicker-v024:before{background:#23e68c !important;box-shadow:0 0 20px rgba(35,230,140,.7) !important;}
.hero-v029 .hero-title-v029,
.hero-title-v029.gradient-title,
.hero-title-v029,
.gradient-title{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    text-shadow:
        0 1px 0 rgba(255,255,255,.15),
        0 0 20px rgba(255,255,255,.46),
        0 0 44px rgba(89,201,255,.40),
        0 0 78px rgba(255,174,22,.18),
        0 0 118px rgba(7,141,255,.18) !important;
}
.hero-v029-copy:before{
    background:linear-gradient(110deg,rgba(7,141,255,.08),rgba(7,14,27,.30) 48%,rgba(255,106,0,.07)) !important;
    border-color:rgba(255,174,22,.12) !important;
    box-shadow:0 0 70px rgba(7,141,255,.12),0 0 90px rgba(255,174,22,.06) !important;
}
.hero-copy-v024,
.hero-v029 .hero-copy-v024,
.lead{
    color:#f6fbff !important;
    text-shadow:0 2px 3px rgba(0,0,0,.78),0 0 18px rgba(89,201,255,.18) !important;
}
.btn{
    background:linear-gradient(135deg,rgba(13,28,50,.78),rgba(22,17,10,.62)) !important;
    border-color:rgba(255,174,22,.24) !important;
    color:#f8fbff !important;
}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,174,22,.42) !important;box-shadow:0 0 28px rgba(255,174,22,.14),0 0 30px rgba(7,141,255,.10) !important;}
.btn.primary{
    background:linear-gradient(135deg,#049bff 0%,#3479ff 45%,#ffae16 100%) !important;
    border-color:rgba(255,214,105,.48) !important;
    box-shadow:0 16px 42px rgba(7,141,255,.20),0 0 34px rgba(255,174,22,.16) !important;
}
.hero-mini-strip-v024 span,.tag,.pill{
    background:linear-gradient(90deg,rgba(7,141,255,.10),rgba(255,174,22,.09)) !important;
    border-color:rgba(255,174,22,.20) !important;
    color:#f0f8ff !important;
}
.status-console-v024,
.status-console-v029,
.card,.server-mini-card,.server-status-card,.program-card,.auth-card,.table-wrap,.empty-state,.panel,.stat{
    background:linear-gradient(145deg,rgba(18,36,64,.66),rgba(9,15,29,.58) 52%,rgba(38,22,8,.42)) !important;
    border-color:rgba(255,174,22,.18) !important;
    box-shadow:0 18px 70px rgba(0,0,0,.30),0 0 36px rgba(7,141,255,.08),0 0 34px rgba(255,174,22,.05),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.status-console-head-v024{
    background:linear-gradient(90deg,rgba(7,141,255,.16),rgba(255,174,22,.10)) !important;
    border-color:rgba(255,174,22,.22) !important;
    color:#fff !important;
}
.status-console-head-v024 i{
    background:#ffae16 !important;
    box-shadow:0 0 18px rgba(255,174,22,.82) !important;
}
.console-row-v024{
    background:linear-gradient(90deg,rgba(7,141,255,.08),rgba(255,174,22,.055)) !important;
    border-color:rgba(255,174,22,.16) !important;
}
.console-row-v024 strong,.console-row-v024 em{
    color:#fff7df !important;
    text-shadow:0 0 20px rgba(255,174,22,.28),0 0 18px rgba(7,141,255,.16) !important;
}
.server-ampel.good span,
.status-live{background:#29ee95 !important;box-shadow:0 0 18px rgba(41,238,149,.7) !important;}
.section-head .eyebrow,.eyebrow{
    color:#83fff6 !important;
    text-shadow:0 0 20px rgba(7,141,255,.26) !important;
}
.footer,.footer-clean{
    background:linear-gradient(90deg,rgba(4,12,26,.72),rgba(7,12,22,.70) 50%,rgba(28,14,4,.70)) !important;
    border-top:1px solid rgba(255,174,22,.18) !important;
}
.footer-watermark:before{
    color:rgba(255,174,22,.06) !important;
    text-shadow:0 0 26px rgba(7,141,255,.08) !important;
}
.footer-watermark-text::after{
    content:" · Portal v0.2.17" !important;
    color:#ffbf3d !important;
}
@media(max-width:900px){
    html,body{
        background:
            radial-gradient(circle at 0% 18%, rgba(7,141,255,.30), transparent 38%),
            radial-gradient(circle at 100% 9%, rgba(255,106,0,.24), transparent 36%),
            linear-gradient(180deg,#0b1f3a 0%,#11243f 48%,#120d12 100%) !important;
    }
    .gwc-network-bg:before{width:245vw !important;height:245vw !important;top:36% !important;opacity:.42 !important;}
    .hero-v029{padding-top:40px !important;}
    .hero-v029 .hero-title-v029,
    .hero-title-v029{font-size:clamp(2.6rem,12vw,4.45rem) !important;line-height:.96 !important;}
    .menu{background:linear-gradient(135deg,rgba(7,141,255,.14),rgba(255,106,0,.10)) !important;border-color:rgba(255,174,22,.20) !important;}
}
@media(max-width:520px){
    .hero-v029 .hero-title-v029,
    .hero-title-v029{font-size:clamp(2.35rem,13vw,4.15rem) !important;}
    .hero-v029-copy:before{background:linear-gradient(135deg,rgba(7,141,255,.06),rgba(255,106,0,.045)) !important;}
    .gwc-network-glow:before,.gwc-network-glow:after{display:none !important;}
}
@media (prefers-reduced-motion: reduce){
    body:before,body:after,.gwc-network-bg:before,.gwc-network-glow,.gwc-network-glow:before,.gwc-network-glow:after{animation:none !important;}
}


/* =========================================================
   GWC Portal v0.2.18 - Coolerer Hero-Text im Banner-Farbschema
   ========================================================= */
.hero-title-v0218{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:.03em !important;
    font-size:clamp(3.1rem,7.1vw,7.2rem) !important;
    line-height:.82 !important;
    letter-spacing:-.072em !important;
    max-width:1120px !important;
    margin:18px 0 22px !important;
    color:transparent !important;
    -webkit-text-fill-color:initial !important;
    text-shadow:none !important;
}
.hero-title-v0218 .hero-line-v0218,
.hero-title-v0218 .hero-subline-v0218{
    display:block !important;
    position:relative !important;
    color:#ffffff !important;
    -webkit-text-fill-color:transparent !important;
    background:
        linear-gradient(90deg,#ffffff 0%,#dff8ff 18%,#66cfff 43%,#ffcf59 72%,#ff8a00 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    filter:drop-shadow(0 0 16px rgba(7,141,255,.22)) drop-shadow(0 0 24px rgba(255,174,22,.12)) !important;
}
.hero-title-v0218 .hero-line-v0218:nth-child(1){
    background:linear-gradient(90deg,#ffffff 0%,#c8f7ff 34%,#40bfff 78%,#8fdcff 100%) !important;
    -webkit-background-clip:text !important;background-clip:text !important;
}
.hero-title-v0218 .hero-line-v0218:nth-child(2){
    background:linear-gradient(90deg,#ffffff 0%,#c7ecff 30%,#4aaeff 58%,#c7a6ff 100%) !important;
    -webkit-background-clip:text !important;background-clip:text !important;
}
.hero-title-v0218 .hero-line-hot-v0218{
    background:linear-gradient(90deg,#ffffff 0%,#ffe6a8 25%,#ffae16 62%,#ff6a00 100%) !important;
    -webkit-background-clip:text !important;background-clip:text !important;
    filter:drop-shadow(0 0 18px rgba(255,174,22,.28)) drop-shadow(0 0 26px rgba(255,106,0,.18)) !important;
}
.hero-title-v0218 .hero-subline-v0218{
    margin-top:.13em !important;
    padding:.16em .26em .19em !important;
    border:1px solid rgba(255,174,22,.34) !important;
    border-radius:22px !important;
    background:
        linear-gradient(90deg,rgba(7,141,255,.18),rgba(255,174,22,.10)) padding-box,
        linear-gradient(90deg,rgba(89,201,255,.55),rgba(255,174,22,.50)) border-box !important;
    -webkit-text-fill-color:#f8fbff !important;
    color:#f8fbff !important;
    letter-spacing:.015em !important;
    font-size:.40em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    box-shadow:
        0 0 28px rgba(7,141,255,.18),
        0 0 32px rgba(255,174,22,.12),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    text-shadow:0 0 16px rgba(255,255,255,.25),0 0 28px rgba(89,201,255,.20) !important;
}
.hero-title-v0218 .hero-subline-v0218:before{
    content:"" !important;
    display:inline-block !important;
    width:.42em !important;
    height:.42em !important;
    border-radius:999px !important;
    margin-right:.32em !important;
    vertical-align:.08em !important;
    background:#27ff95 !important;
    box-shadow:0 0 14px rgba(39,255,149,.85),0 0 28px rgba(39,255,149,.35) !important;
}
.hero-v029-copy:before{
    background:
        radial-gradient(circle at 8% 14%,rgba(7,141,255,.18),transparent 34%),
        radial-gradient(circle at 95% 76%,rgba(255,174,22,.13),transparent 34%),
        linear-gradient(110deg,rgba(7,141,255,.10),rgba(7,14,27,.34) 47%,rgba(255,106,0,.08)) !important;
    border-color:rgba(255,174,22,.16) !important;
}
.footer-watermark-text::after{
    content:" · Portal v0.2.18" !important;
    color:#ffbf3d !important;
}
@media(max-width:900px){
    .hero-title-v0218{
        font-size:clamp(2.9rem,13.2vw,5rem) !important;
        line-height:.86 !important;
        gap:.05em !important;
    }
    .hero-title-v0218 .hero-subline-v0218{
        font-size:.38em !important;
        border-radius:18px !important;
        padding:.18em .34em .21em !important;
        letter-spacing:.02em !important;
    }
}
@media(max-width:520px){
    .hero-title-v0218{
        font-size:clamp(2.65rem,13.7vw,4.35rem) !important;
        letter-spacing:-.065em !important;
    }
    .hero-title-v0218 .hero-subline-v0218{
        font-size:.35em !important;
        letter-spacing:.03em !important;
        max-width:100% !important;
    }
}


/* =========================================================
   GWC Portal v0.2.19 - Banner komplett eingebettet + Buttons integriert
   Ziel: komplettes Blue/Orange-Farbschema vom Gaming-World-Crew-Banner
   ========================================================= */
:root{
    --gwc-blue:#0797ff;
    --gwc-blue-2:#004cff;
    --gwc-orange:#ffae16;
    --gwc-orange-2:#ff6a00;
    --gwc-metal:#eaf6ff;
    --gwc-deep:#030711;
    --gwc-panel-blue:rgba(6,28,54,.74);
    --gwc-panel-orange:rgba(59,30,5,.54);
}
html,body{
    background:
        radial-gradient(circle at 6% 18%,rgba(7,151,255,.48),transparent 31%),
        radial-gradient(circle at 21% 45%,rgba(0,76,255,.30),transparent 36%),
        radial-gradient(circle at 93% 18%,rgba(255,174,22,.38),transparent 33%),
        radial-gradient(circle at 82% 58%,rgba(255,106,0,.28),transparent 38%),
        linear-gradient(115deg,#030711 0%,#06162b 18%,#080b15 48%,#1b1006 75%,#090704 100%) !important;
    color:#f7fbff !important;
}
body:before{
    opacity:.95 !important;
    background-image:
        linear-gradient(rgba(78,183,255,.075) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,174,22,.045) 1px,transparent 1px) !important;
    background-size:46px 46px !important;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.65),rgba(0,0,0,.95)) !important;
}
body:after{opacity:.22 !important;filter:drop-shadow(0 0 60px rgba(7,151,255,.28)) drop-shadow(0 0 70px rgba(255,174,22,.14)) !important;}
.gwc-network-bg:before{opacity:.46 !important;filter:drop-shadow(0 0 90px rgba(7,151,255,.25)) drop-shadow(0 0 80px rgba(255,174,22,.15)) !important;}
.gwc-network-glow:before{background:linear-gradient(90deg,transparent,rgba(7,151,255,.26),rgba(255,174,22,.18),transparent) !important;opacity:.9 !important;}
.gwc-network-glow:after{background:radial-gradient(circle at 20% 48%,rgba(7,151,255,.22),transparent 32%),radial-gradient(circle at 82% 40%,rgba(255,174,22,.20),transparent 34%) !important;opacity:.95 !important;}

.header-banner-integrated-shell-v0219{
    position:sticky !important;
    top:0 !important;
    z-index:70 !important;
    padding:12px 0 10px !important;
    border-bottom:1px solid rgba(255,174,22,.24) !important;
    background:
        linear-gradient(90deg,rgba(3,7,17,.88),rgba(5,14,30,.78) 35%,rgba(40,22,6,.72) 100%) !important;
    backdrop-filter:blur(18px) saturate(1.12) !important;
    box-shadow:0 18px 60px rgba(0,0,0,.34),0 0 42px rgba(7,151,255,.08),0 0 46px rgba(255,174,22,.07) !important;
}
.header-banner-integrated-wrap-v0219{width:min(1280px,94vw) !important;}
.brand-banner-integrated-v0219{
    position:relative !important;
    overflow:hidden !important;
    border-radius:24px !important;
    border:1px solid rgba(255,174,22,.34) !important;
    background:
        linear-gradient(100deg,rgba(7,151,255,.18),rgba(3,7,17,.58) 45%,rgba(255,106,0,.16)),
        #030711 !important;
    box-shadow:
        0 0 0 1px rgba(7,151,255,.14),
        0 18px 70px rgba(0,0,0,.42),
        0 0 34px rgba(7,151,255,.16),
        0 0 38px rgba(255,174,22,.14),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.brand-banner-integrated-v0219:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
        linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.02) 48%,rgba(0,0,0,.70) 100%),
        linear-gradient(90deg,rgba(7,151,255,.16),transparent 42%,rgba(255,174,22,.12)) !important;
}
.brand-banner-integrated-v0219:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:linear-gradient(105deg,transparent 0 24%,rgba(255,255,255,.12) 32%,transparent 40% 100%) !important;
    mix-blend-mode:screen !important;
    animation:gwcHeaderScanV0219 8s linear infinite !important;
}
@keyframes gwcHeaderScanV0219{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.brand-banner-image-v0219{
    display:block !important;
    width:100% !important;
    line-height:0 !important;
    color:transparent !important;
}
.brand-banner-image-v0219 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
}
.menu-embedded-v0219{
    position:absolute !important;
    left:50% !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    z-index:5 !important;
    width:auto !important;
    max-width:calc(100% - 34px) !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    padding:9px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,214,105,.38) !important;
    background:linear-gradient(90deg,rgba(5,18,34,.78),rgba(7,12,22,.70) 52%,rgba(48,26,6,.76)) !important;
    box-shadow:0 12px 44px rgba(0,0,0,.40),0 0 26px rgba(7,151,255,.14),0 0 26px rgba(255,174,22,.13),inset 0 1px 0 rgba(255,255,255,.13) !important;
    backdrop-filter:blur(16px) saturate(1.16) !important;
}
.menu-embedded-v0219 a,
.menu-embedded-v0219 button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    border:1px solid transparent !important;
    color:#eef7ff !important;
    font-weight:900 !important;
    letter-spacing:.015em !important;
    text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
}
.menu-embedded-v0219 a:hover,
.menu-embedded-v0219 button:hover{
    color:#fff !important;
    border-color:rgba(255,174,22,.42) !important;
    background:linear-gradient(135deg,rgba(7,151,255,.22),rgba(255,174,22,.14)) !important;
    box-shadow:0 0 24px rgba(7,151,255,.18),0 0 22px rgba(255,174,22,.14) !important;
}
.menu-embedded-v0219 .btn.primary{
    min-height:38px !important;
    background:linear-gradient(135deg,#078dff 0%,#0c5cff 46%,#ffae16 100%) !important;
    border-color:rgba(255,214,105,.58) !important;
    color:#ffffff !important;
    box-shadow:0 0 24px rgba(7,151,255,.22),0 0 20px rgba(255,174,22,.19) !important;
}

.hero-v0219{padding-top:64px !important;}
.hero-v029-copy:before,
.status-console-v024,
.card,.server-mini-card,.program-card,.server-status-card,.auth-card,.table-wrap,.empty-state,.stat,.sidebar{
    background:
        linear-gradient(120deg,rgba(7,151,255,.16),rgba(7,13,26,.68) 48%,rgba(255,106,0,.13)) !important;
    border-color:rgba(255,174,22,.28) !important;
    box-shadow:0 20px 75px rgba(0,0,0,.34),0 0 38px rgba(7,151,255,.13),0 0 42px rgba(255,174,22,.09),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.hero-kicker-v024,
.eyebrow{
    color:#c8f8ff !important;
    border-color:rgba(255,174,22,.34) !important;
    background:linear-gradient(90deg,rgba(7,151,255,.18),rgba(255,174,22,.09)) !important;
    text-shadow:0 0 18px rgba(7,151,255,.28) !important;
}
.hero-title-v0218 .hero-line-v0218,
.hero-title-v0218 .hero-subline-v0218{
    background:linear-gradient(90deg,#fff 0%,#dff8ff 20%,#51c8ff 48%,#ffe07a 73%,#ff8d00 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    filter:drop-shadow(0 0 18px rgba(7,151,255,.25)) drop-shadow(0 0 24px rgba(255,174,22,.17)) !important;
}
.hero-title-v0218 .hero-subline-v0218{
    background:linear-gradient(90deg,rgba(7,151,255,.26),rgba(255,174,22,.20)) padding-box,linear-gradient(90deg,#50d7ff,#ffae16) border-box !important;
    border-color:transparent !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
.hero-copy-v024{
    color:#f5fbff !important;
    text-shadow:0 2px 5px rgba(0,0,0,.86),0 0 24px rgba(7,151,255,.14) !important;
}
.status-console-head-v024{background:linear-gradient(90deg,rgba(7,151,255,.22),rgba(255,174,22,.14)) !important;border-color:rgba(255,174,22,.30) !important;}
.status-console-head-v024 i{background:#ffae16 !important;box-shadow:0 0 20px rgba(255,174,22,.85) !important;}
.console-row-v024{background:linear-gradient(90deg,rgba(7,151,255,.11),rgba(255,174,22,.085)) !important;border-color:rgba(255,174,22,.22) !important;}
.btn.primary{background:linear-gradient(135deg,#0797ff 0%,#134cff 44%,#ffae16 100%) !important;border-color:rgba(255,214,105,.56) !important;}
.footer-watermark-text::after{content:" · Portal v0.2.19" !important;color:#ffbf3d !important;}

@media(max-width:900px){
    .header-banner-integrated-shell-v0219{position:relative !important;padding:10px 0 12px !important;}
    .header-banner-integrated-wrap-v0219{width:min(760px,94vw) !important;}
    .brand-banner-integrated-v0219{border-radius:20px !important;}
    .menu-embedded-v0219{position:relative !important;left:auto !important;bottom:auto !important;transform:none !important;margin:0 !important;width:100% !important;max-width:100% !important;border-radius:0 0 20px 20px !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;background:linear-gradient(90deg,rgba(5,18,34,.92),rgba(35,20,6,.90)) !important;}
    .brand-banner-integrated-v0219:before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.06) 48%,rgba(0,0,0,.22) 100%) !important;}
    .menu-embedded-v0219 a,.menu-embedded-v0219 button{font-size:.95rem !important;min-height:34px !important;padding:7px 10px !important;}
    .hero-v0219{padding-top:38px !important;}
}
@media(max-width:520px){
    .header-banner-integrated-wrap-v0219{width:100% !important;}
    .brand-banner-integrated-v0219{border-radius:0 !important;border-left:0 !important;border-right:0 !important;}
    .menu-embedded-v0219{gap:7px !important;padding:10px 12px !important;}
    .menu-embedded-v0219 a,.menu-embedded-v0219 button{font-size:.9rem !important;padding:7px 9px !important;}
}

/* =========================================================
   GWC Portal v0.2.20 - FULL integrated banner theme
   Ziel: exakt wie der Banner-Stil: Blau links, Orange rechts,
   Header/Banner/Nav als eine Einheit, Buttons integriert.
   ========================================================= */
:root{
    --gwc-blue:#0b8dff;
    --gwc-blue-2:#00d5ff;
    --gwc-orange:#ff9f0b;
    --gwc-orange-2:#ffd14d;
    --gwc-dark:#030509;
    --gwc-metal:#0a101a;
    --gwc-white:#f3f8ff;
    --gwc-muted:#b9c9dc;
}
body.gwc-theme-v0220{
    background:
        radial-gradient(circle at 12% 22%, rgba(0,132,255,.25), transparent 32%),
        radial-gradient(circle at 88% 24%, rgba(255,145,0,.25), transparent 34%),
        linear-gradient(90deg,#030713 0%,#06111f 38%,#100b07 68%,#060404 100%) !important;
    color:var(--gwc-white);
}
body.gwc-theme-v0220:before{
    opacity:.95 !important;
    background-image:
        linear-gradient(rgba(0,213,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,166,28,.045) 1px, transparent 1px),
        radial-gradient(circle at 20% 45%, rgba(0,153,255,.18), transparent 2px),
        radial-gradient(circle at 74% 55%, rgba(255,159,11,.18), transparent 2px) !important;
    background-size:62px 62px,62px 62px,160px 160px,210px 210px !important;
    mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.78) 70%,rgba(0,0,0,.92)) !important;
}
body.gwc-theme-v0220:after{
    opacity:.16 !important;
    filter:drop-shadow(0 0 80px rgba(0,171,255,.25)) drop-shadow(0 0 90px rgba(255,159,11,.18)) !important;
}
.gwc-theme-v0220 .gwc-network-bg,
.gwc-theme-v0220 .gwc-network-glow{opacity:.55 !important;}

.gwc-shell-v0220{
    width:min(1580px,calc(100% - 64px));
    margin:0 auto;
}
.gwc-shell-header-v0220{
    position:relative;
    z-index:20;
    padding:34px 0 18px;
    background:linear-gradient(180deg,rgba(2,3,8,.96),rgba(2,5,13,.70) 68%,rgba(2,5,13,.02)) !important;
    border-bottom:0 !important;
    box-shadow:none !important;
}
.gwc-integrated-banner-v0220{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    isolation:isolate;
    border:1px solid rgba(255,255,255,.08);
    background:#05070d;
    box-shadow:
        0 0 0 1px rgba(0,213,255,.18),
        0 0 0 2px rgba(255,159,11,.09),
        0 35px 120px rgba(0,0,0,.62),
        0 0 55px rgba(0,136,255,.18),
        0 0 70px rgba(255,145,0,.13);
}
.gwc-integrated-banner-v0220:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(0,119,255,.16),transparent 38%,rgba(255,145,0,.18)),
        linear-gradient(180deg,rgba(0,0,0,.28),transparent 38%,rgba(0,0,0,.36));
    z-index:2;
}
.gwc-integrated-banner-v0220:after{
    content:"";
    position:absolute;
    inset:-2px;
    pointer-events:none;
    z-index:4;
    border-radius:30px;
    background:linear-gradient(90deg,rgba(0,144,255,.74),rgba(0,213,255,.10) 38%,rgba(255,159,11,.10) 62%,rgba(255,159,11,.70));
    opacity:.45;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    padding:1px;
}
.gwc-banner-link-v0220{
    display:block;
    line-height:0;
    position:relative;
    z-index:1;
}
.gwc-banner-link-v0220 img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
    filter:saturate(1.12) contrast(1.05);
}

.gwc-banner-nav-v0220{
    position:absolute;
    left:22px;
    right:22px;
    top:20px;
    z-index:7;
    display:grid;
    grid-template-columns:repeat(8,minmax(92px,1fr));
    gap:0;
    align-items:stretch;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:linear-gradient(90deg,rgba(2,7,16,.50),rgba(2,5,10,.42),rgba(27,12,2,.46));
    box-shadow:0 16px 45px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    overflow:hidden;
}
.nav-item-v0220,
.nav-button-v0220{
    min-height:56px;
    padding:10px 14px;
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:center;
    color:#f1f6ff;
    font-weight:900;
    text-decoration:none;
    border:0;
    border-right:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.10);
    text-shadow:0 2px 18px rgba(0,0,0,.65);
    cursor:pointer;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}
.nav-form-v0220{display:contents;margin:0}
.nav-item-v0220:hover,
.nav-button-v0220:hover{
    transform:translateY(-1px);
    background:linear-gradient(180deg,rgba(0,132,255,.22),rgba(0,132,255,.08));
    color:#fff;
    box-shadow:inset 0 -2px 0 rgba(0,213,255,.85),0 0 26px rgba(0,132,255,.22);
}
.nav-item-v0220:first-child{
    color:#ffffff;
    background:linear-gradient(180deg,rgba(0,132,255,.28),rgba(0,132,255,.09));
    box-shadow:inset 0 -2px 0 rgba(0,213,255,.95),0 0 30px rgba(0,132,255,.20);
}
.nav-ico-v0220{font-size:1.25rem;color:var(--gwc-blue-2);filter:drop-shadow(0 0 10px rgba(0,170,255,.55));line-height:1}
.nav-register-v0220{
    color:#fff8dd;
    background:linear-gradient(135deg,rgba(255,159,11,.28),rgba(255,145,0,.09)) !important;
    border-right:0;
    box-shadow:inset 0 0 0 1px rgba(255,159,11,.35),0 0 38px rgba(255,145,0,.22);
}
.nav-register-v0220 .nav-ico-v0220{color:var(--gwc-orange-2);filter:drop-shadow(0 0 14px rgba(255,159,11,.72))}
.nav-login-v0220 .nav-ico-v0220{color:var(--gwc-blue-2)}

.gwc-home-v0220{
    padding:18px 0 48px;
}
.gwc-main-grid-v0220{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(390px,.85fr);
    gap:28px;
    align-items:stretch;
}
.gwc-hero-card-v0220,
.control-card-v0220{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    background:linear-gradient(110deg,rgba(2,8,18,.86),rgba(6,12,22,.75) 42%,rgba(25,12,2,.70));
    box-shadow:0 25px 110px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
    isolation:isolate;
}
.gwc-hero-card-v0220{
    padding:34px 38px 34px;
    min-height:430px;
    border:1px solid rgba(0,160,255,.28);
}
.gwc-hero-card-v0220:before,
.control-card-v0220:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        radial-gradient(circle at 10% 8%,rgba(0,144,255,.22),transparent 34%),
        radial-gradient(circle at 88% 78%,rgba(255,145,0,.22),transparent 34%),
        linear-gradient(90deg,rgba(0,132,255,.07),rgba(255,159,11,.06));
}
.gwc-hero-card-v0220:after,
.control-card-v0220:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background-image:
        linear-gradient(rgba(0,213,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,159,11,.04) 1px,transparent 1px),
        radial-gradient(circle at 26% 34%,rgba(0,213,255,.25),transparent 2px),
        radial-gradient(circle at 70% 55%,rgba(255,159,11,.23),transparent 2px);
    background-size:52px 52px,52px 52px,160px 160px,190px 190px;
    opacity:.62;
}
.gwc-hero-card-v0220{
    outline:1px solid rgba(255,159,11,.20);
    outline-offset:-1px;
}
.control-card-v0220{
    padding:32px 30px;
    border:1px solid rgba(255,159,11,.34);
}
.control-card-v0220:after{opacity:.44}

.hero-status-v0220{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 17px;
    border-radius:999px;
    border:1px solid rgba(87,255,160,.25);
    background:rgba(2,8,18,.58);
    color:#e5fff4;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:.82rem;
    box-shadow:0 0 26px rgba(0,213,255,.10), inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-status-v0220 i{
    width:10px;height:10px;border-radius:50%;background:#1cff7e;box-shadow:0 0 0 7px rgba(28,255,126,.12),0 0 22px rgba(28,255,126,.72);
}
.hero-headline-v0220{
    margin:22px 0 16px;
    font-size:clamp(3.4rem,6.2vw,7.3rem);
    line-height:.90;
    letter-spacing:-.07em;
    font-weight:1000;
    text-transform:none;
    color:#f6fbff;
    text-shadow:0 0 30px rgba(0,170,255,.26),0 8px 34px rgba(0,0,0,.82);
}
.hero-headline-v0220 span{display:block}
.hero-headline-v0220 strong{
    color:#4ab8ff;
    font-style:normal;
    text-shadow:0 0 38px rgba(0,132,255,.70),0 8px 34px rgba(0,0,0,.75);
}
.hero-headline-v0220 em{
    color:var(--gwc-orange);
    font-style:normal;
    text-shadow:0 0 38px rgba(255,145,0,.70),0 6px 30px rgba(0,0,0,.80);
}
.hero-copy-v0220{
    max-width:690px;
    margin:0 0 26px;
    color:#f1f4fa;
    font-size:1.02rem;
    line-height:1.58;
    text-shadow:0 3px 20px rgba(0,0,0,.80);
}
.hero-actions-v0220{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:18px 0 15px;
}
.hero-btn-v0220{
    min-height:56px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:12px 14px;
    color:#fff;
    text-decoration:none;
    font-weight:950;
    letter-spacing:.01em;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(2,8,18,.70);
    text-shadow:0 2px 16px rgba(0,0,0,.80);
    box-shadow:0 16px 38px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12);
    transition:.18s ease;
}
.hero-btn-v0220:hover{transform:translateY(-2px)}
.hero-btn-v0220 b{font-size:1.36rem;line-height:1}
.hero-btn-blue-v0220{border-color:rgba(0,160,255,.66);box-shadow:0 0 30px rgba(0,132,255,.22),inset 0 0 22px rgba(0,132,255,.13)}
.hero-btn-blue-v0220 b{color:var(--gwc-blue-2);filter:drop-shadow(0 0 14px rgba(0,160,255,.7))}
.hero-btn-orange-v0220{border-color:rgba(255,159,11,.74);box-shadow:0 0 34px rgba(255,145,0,.22),inset 0 0 22px rgba(255,145,0,.13)}
.hero-btn-orange-v0220 b{color:var(--gwc-orange);filter:drop-shadow(0 0 14px rgba(255,145,0,.75))}
.hero-mini-v0220{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.hero-mini-v0220 span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 10px;
    border-radius:12px;
    background:rgba(2,8,18,.55);
    border:1px solid rgba(255,255,255,.10);
    color:#d7e8ff;
    font-weight:700;
    font-size:.86rem;
}
.control-title-v0220{
    display:flex;
    align-items:center;
    gap:12px;
    color:#f5f1e8;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.17em;
    margin-bottom:20px;
    font-size:.88rem;
}
.control-title-v0220 i{width:10px;height:10px;background:var(--gwc-orange);border-radius:50%;box-shadow:0 0 20px rgba(255,145,0,.75)}
.control-list-v0220{display:grid;gap:14px}
.control-row-v0220{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    min-height:74px;
    padding:14px 20px;
    border-radius:14px;
    background:linear-gradient(90deg,rgba(2,8,18,.80),rgba(10,10,12,.68));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 40px rgba(0,0,0,.23);
}
.control-row-v0220.blue{border-color:rgba(0,160,255,.26)}
.control-row-v0220.orange{border-color:rgba(255,159,11,.28)}
.control-row-v0220 b{font-size:1.7rem;font-weight:950;color:var(--gwc-blue);filter:drop-shadow(0 0 14px rgba(0,160,255,.65))}
.control-row-v0220.orange b{color:var(--gwc-orange);filter:drop-shadow(0 0 14px rgba(255,145,0,.65))}
.control-row-v0220 strong{display:block;color:#fff;font-size:1.05rem;font-weight:950}
.control-row-v0220 small{display:block;color:#aeb7c6;font-size:.82rem;line-height:1.2;margin-top:2px}
.control-row-v0220 em{font-style:normal;font-size:2rem;font-weight:1000;color:var(--gwc-blue);text-shadow:0 0 28px rgba(0,160,255,.45)}
.control-row-v0220.orange em{color:var(--gwc-orange);text-shadow:0 0 28px rgba(255,145,0,.45)}

.gwc-theme-v0220 .section,
.gwc-theme-v0220 .section-tight-v024{position:relative;z-index:2}
.gwc-theme-v0220 .card,
.gwc-theme-v0220 .server-mini-card{
    background:linear-gradient(135deg,rgba(2,8,18,.78),rgba(16,13,10,.70)) !important;
    border-color:rgba(255,255,255,.12) !important;
}
.gwc-theme-v0220 .btn.primary,
.gwc-theme-v0220 .btn.small.primary{
    background:linear-gradient(135deg,var(--gwc-blue),var(--gwc-orange)) !important;
}
.footer-v0220{background:linear-gradient(90deg,rgba(2,8,18,.88),rgba(18,9,2,.84)) !important;border-top:1px solid rgba(255,159,11,.14) !important}

@media(max-width:1240px){
    .gwc-shell-v0220{width:min(100% - 34px,1120px)}
    .gwc-banner-nav-v0220{grid-template-columns:repeat(4,1fr);top:auto;bottom:18px}
    .nav-item-v0220,.nav-button-v0220{min-height:52px}
    .gwc-main-grid-v0220{grid-template-columns:1fr}
}
@media(max-width:760px){
    .gwc-shell-v0220{width:calc(100% - 28px)}
    .gwc-shell-header-v0220{padding:16px 0 12px}
    .gwc-integrated-banner-v0220{border-radius:18px}
    .gwc-integrated-banner-v0220:after{border-radius:18px}
    .gwc-banner-link-v0220 img{width:100%;height:auto;min-height:0;object-fit:contain}
    .gwc-banner-nav-v0220{
        position:relative;
        left:auto;right:auto;top:auto;bottom:auto;
        margin:0;
        border-left:0;border-right:0;border-bottom:0;
        border-radius:0 0 18px 18px;
        grid-template-columns:repeat(3,1fr);
        background:linear-gradient(90deg,rgba(0,11,24,.78),rgba(13,9,5,.82));
    }
    .nav-item-v0220,.nav-button-v0220{
        min-height:72px;
        flex-direction:column;
        gap:5px;
        padding:10px 8px;
        font-size:.86rem;
        border-bottom:1px solid rgba(255,255,255,.08);
    }
    .nav-register-v0220{grid-column:span 2}
    .gwc-home-v0220{padding-top:12px}
    .gwc-main-grid-v0220{gap:16px}
    .gwc-hero-card-v0220,.control-card-v0220{border-radius:22px;padding:24px 18px}
    .hero-status-v0220{font-size:.76rem;letter-spacing:.14em;padding:9px 12px}
    .hero-headline-v0220{font-size:clamp(3.05rem,13.8vw,5.55rem);line-height:.92;margin-top:18px}
    .hero-copy-v0220{font-size:1.02rem;color:#f5f7fb}
    .hero-actions-v0220{grid-template-columns:1fr;gap:10px}
    .hero-btn-v0220{justify-content:flex-start;padding-left:18px;min-height:58px}
    .hero-mini-v0220{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-mini-v0220 span{font-size:.78rem;justify-content:flex-start}
    .control-row-v0220{grid-template-columns:44px 1fr auto;min-height:68px;padding:12px 14px}
    .control-row-v0220 em{font-size:1.55rem}
}
@media(max-width:430px){
    .gwc-shell-v0220{width:calc(100% - 18px)}
    .nav-item-v0220,.nav-button-v0220{font-size:.78rem;min-height:65px}
    .nav-ico-v0220{font-size:1.10rem}
    .hero-headline-v0220{font-size:clamp(2.65rem,14.5vw,4.35rem)}
    .gwc-hero-card-v0220,.control-card-v0220{padding:21px 14px}
}
@media(prefers-reduced-motion:reduce){
    .gwc-theme-v0220 *, .gwc-theme-v0220 *:before, .gwc-theme-v0220 *:after{animation:none!important;transition:none!important}
}


/* =========================================================
   GWC Portal v0.2.21 - Desktop/Mobile wie Zielbild
   Banner und Buttons sind als eine Einheit eingebettet.
   ========================================================= */
:root{
    --gwc21-blue:#0094ff;
    --gwc21-blue2:#00d8ff;
    --gwc21-orange:#ff9c00;
    --gwc21-orange2:#ffd04d;
    --gwc21-black:#020407;
    --gwc21-panel:rgba(2,8,16,.72);
    --gwc21-white:#f4f8ff;
    --gwc21-muted:#c6d4e8;
}
body.gwc-theme-v0221{
    color:var(--gwc21-white);
    background:
        radial-gradient(circle at 7% 42%,rgba(0,92,255,.34),transparent 30%),
        radial-gradient(circle at 91% 34%,rgba(255,136,0,.32),transparent 33%),
        linear-gradient(90deg,#010309 0%,#03111f 42%,#150c03 75%,#050302 100%) !important;
    overflow-x:hidden;
}
body.gwc-theme-v0221:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-6;
    opacity:.9;
    background-image:
        linear-gradient(rgba(0,216,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,156,0,.050) 1px,transparent 1px),
        radial-gradient(circle at 18% 54%,rgba(0,148,255,.20),transparent 2px),
        radial-gradient(circle at 78% 52%,rgba(255,156,0,.22),transparent 2px);
    background-size:70px 70px,70px 70px,155px 155px,190px 190px;
    animation:gwcGridMove 38s linear infinite;
}
body.gwc-theme-v0221:after{
    content:"";
    position:fixed;
    left:50%;
    top:48%;
    width:min(1500px,145vw);
    height:min(1500px,145vw);
    pointer-events:none;
    z-index:-5;
    background:url('/img/gwc-network-globe.svg') center/contain no-repeat;
    opacity:.18;
    filter:drop-shadow(0 0 60px rgba(0,148,255,.30)) drop-shadow(0 0 80px rgba(255,156,0,.20));
    transform:translate(-50%,-50%);
    animation:gwcWorldOrbit 48s linear infinite;
}
.gwc-theme-v0221 .gwc-network-bg,
.gwc-theme-v0221 .gwc-network-glow{opacity:.62 !important;}
.gwc-shell-v0221{
    width:min(1600px,calc(100% - 76px));
    margin:0 auto;
}
.gwc-shell-header-v0221{
    position:relative;
    z-index:30;
    padding:34px 0 18px;
    background:
        linear-gradient(180deg,rgba(1,3,8,.98),rgba(1,3,8,.82) 68%,rgba(1,3,8,0));
}
.gwc-integrated-banner-v0221{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    background:#030508;
    isolation:isolate;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:
        0 0 0 1px rgba(0,148,255,.30),
        0 0 0 2px rgba(255,156,0,.13),
        0 22px 95px rgba(0,0,0,.70),
        -20px 0 80px rgba(0,148,255,.24),
        20px 0 90px rgba(255,136,0,.18);
}
.gwc-integrated-banner-v0221:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(0,93,255,.14),transparent 38%,rgba(255,136,0,.17)),
        linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.02) 47%,rgba(0,0,0,.22));
}
.gwc-integrated-banner-v0221:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:8;
    pointer-events:none;
    border-radius:30px;
    padding:1px;
    background:linear-gradient(90deg,rgba(0,148,255,.88),rgba(0,216,255,.14) 38%,rgba(255,156,0,.16) 62%,rgba(255,156,0,.82));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.70;
}
.gwc-banner-link-v0221{display:block;line-height:0;position:relative;z-index:1;}
.gwc-banner-link-v0221 img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
    filter:saturate(1.20) contrast(1.08) brightness(.96);
}
.gwc-banner-nav-v0221{
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
    width:min(980px,72%);
    display:grid;
    grid-template-columns:repeat(8,minmax(86px,1fr));
    align-items:center;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(90deg,rgba(3,9,20,.56),rgba(3,5,9,.38),rgba(32,14,3,.52));
    box-shadow:0 16px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(8px);
}
.nav-item-v0221,.nav-button-v0221{
    min-height:52px;
    padding:8px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#f5f8ff;
    font-weight:900;
    font-size:.92rem;
    line-height:1.05;
    text-decoration:none;
    border:0;
    border-right:1px solid rgba(255,255,255,.11);
    background:rgba(0,0,0,.10);
    text-shadow:0 2px 16px rgba(0,0,0,.90);
    cursor:pointer;
    transition:.16s ease;
}
.nav-form-v0221{display:contents;margin:0}
.nav-item-v0221:hover,.nav-button-v0221:hover{
    color:#fff;
    background:linear-gradient(180deg,rgba(0,148,255,.28),rgba(0,148,255,.08));
    box-shadow:inset 0 -2px 0 var(--gwc21-blue2),0 0 26px rgba(0,148,255,.24);
}
.nav-home-v0221{
    color:#fff;
    background:linear-gradient(180deg,rgba(0,96,255,.36),rgba(0,96,255,.10));
    box-shadow:inset 0 -2px 0 var(--gwc21-blue2),0 0 26px rgba(0,148,255,.32);
}
.nav-ico-v0221{font-size:1.08rem;color:var(--gwc21-blue2);filter:drop-shadow(0 0 9px rgba(0,216,255,.55));}
.nav-login-v0221 .nav-ico-v0221{color:var(--gwc21-blue2)}
.nav-register-v0221{
    border-right:0;
    color:#fff5d2;
    background:linear-gradient(135deg,rgba(255,156,0,.32),rgba(255,156,0,.10)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,156,0,.40),0 0 30px rgba(255,156,0,.22);
}
.nav-register-v0221 .nav-ico-v0221{color:var(--gwc21-orange2);filter:drop-shadow(0 0 12px rgba(255,156,0,.75));}
.gwc-home-v0221{padding:18px 0 50px;position:relative;z-index:2;}
.gwc-main-grid-v0221{
    display:grid;
    grid-template-columns:minmax(0,1.28fr) minmax(410px,.82fr);
    gap:28px;
    align-items:stretch;
}
.gwc-hero-card-v0221,.control-card-v0221{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:linear-gradient(105deg,rgba(2,9,18,.88),rgba(3,7,13,.78) 46%,rgba(27,13,2,.74));
    box-shadow:0 24px 95px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10);
    isolation:isolate;
}
.gwc-hero-card-v0221{
    min-height:390px;
    padding:28px 34px 28px;
    border:1px solid rgba(0,148,255,.35);
    outline:1px solid rgba(255,156,0,.23);
    outline-offset:-1px;
}
.control-card-v0221{
    padding:28px;
    border:1px solid rgba(255,156,0,.39);
    outline:1px solid rgba(0,148,255,.13);
    outline-offset:-1px;
}
.gwc-hero-card-v0221:before,.control-card-v0221:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        radial-gradient(circle at 8% 18%,rgba(0,148,255,.22),transparent 35%),
        radial-gradient(circle at 84% 76%,rgba(255,156,0,.22),transparent 35%),
        linear-gradient(90deg,rgba(0,148,255,.08),rgba(255,156,0,.06));
}
.gwc-hero-card-v0221:after,.control-card-v0221:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    opacity:.66;
    background-image:
        linear-gradient(rgba(0,216,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,156,0,.045) 1px,transparent 1px),
        radial-gradient(circle at 34% 48%,rgba(0,148,255,.22),transparent 2px),
        radial-gradient(circle at 74% 56%,rgba(255,156,0,.24),transparent 2px);
    background-size:56px 56px,56px 56px,150px 150px,190px 190px;
}
.hero-status-v0221{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 16px;border-radius:999px;
    border:1px solid rgba(72,255,145,.30);
    background:rgba(2,9,18,.62);color:#effff7;
    font-weight:950;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;
    box-shadow:0 0 22px rgba(0,148,255,.12),inset 0 1px 0 rgba(255,255,255,.08);
}
.hero-status-v0221 i{width:9px;height:9px;border-radius:50%;background:#25ff86;box-shadow:0 0 0 6px rgba(37,255,134,.12),0 0 22px rgba(37,255,134,.82);}
.hero-headline-v0221{
    margin:18px 0 14px;
    font-size:clamp(2.55rem,4.8vw,5.4rem);
    line-height:.93;
    letter-spacing:-.065em;
    font-weight:1000;
    color:#f7fbff;
    text-shadow:0 0 32px rgba(0,148,255,.23),0 8px 28px rgba(0,0,0,.92);
}
.hero-headline-v0221 span{display:block;}
.hero-headline-v0221 strong{color:#4dbbff;text-shadow:0 0 34px rgba(0,148,255,.64),0 8px 28px rgba(0,0,0,.90);}
.hero-headline-v0221 em{font-style:normal;color:var(--gwc21-orange);text-shadow:0 0 34px rgba(255,156,0,.70),0 8px 28px rgba(0,0,0,.95);}
.hero-copy-v0221{max-width:690px;margin:0 0 22px;color:#f0f5fd;font-size:1rem;line-height:1.52;text-shadow:0 3px 18px rgba(0,0,0,.95);}
.hero-actions-v0221{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 14px;}
.hero-btn-v0221{min-height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px;color:#fff;text-decoration:none;font-weight:950;border:1px solid rgba(255,255,255,.12);background:rgba(2,8,18,.75);box-shadow:0 15px 40px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12);text-shadow:0 2px 16px rgba(0,0,0,.86);}
.hero-btn-v0221 b{font-size:1.34rem;line-height:1;}
.hero-btn-blue-v0221{border-color:rgba(0,148,255,.78);box-shadow:0 0 30px rgba(0,148,255,.24),inset 0 0 20px rgba(0,148,255,.14);}
.hero-btn-blue-v0221 b{color:var(--gwc21-blue2);filter:drop-shadow(0 0 12px rgba(0,216,255,.70));}
.hero-btn-orange-v0221{border-color:rgba(255,156,0,.86);box-shadow:0 0 34px rgba(255,156,0,.24),inset 0 0 20px rgba(255,156,0,.13);}
.hero-btn-orange-v0221 b{color:var(--gwc21-orange);filter:drop-shadow(0 0 12px rgba(255,156,0,.78));}
.hero-mini-v0221{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.hero-mini-v0221 span{min-height:36px;display:flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.11);background:rgba(2,8,18,.60);color:#dcecff;font-weight:720;font-size:.82rem;}
.control-title-v0221{display:flex;align-items:center;gap:12px;color:#f6f1e8;font-weight:950;text-transform:uppercase;letter-spacing:.17em;margin-bottom:18px;font-size:.86rem;}
.control-title-v0221 i{width:9px;height:9px;background:var(--gwc21-orange);border-radius:50%;box-shadow:0 0 18px rgba(255,156,0,.80);}
.control-list-v0221{display:grid;gap:12px;}
.control-row-v0221{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:70px;padding:13px 20px;border-radius:13px;background:linear-gradient(90deg,rgba(2,8,18,.84),rgba(10,8,6,.70));border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 36px rgba(0,0,0,.25);}
.control-row-v0221.blue{border-color:rgba(0,148,255,.32);}
.control-row-v0221.orange{border-color:rgba(255,156,0,.35);}
.control-row-v0221 b{font-size:1.65rem;color:var(--gwc21-blue);filter:drop-shadow(0 0 13px rgba(0,148,255,.70));}
.control-row-v0221.orange b{color:var(--gwc21-orange);filter:drop-shadow(0 0 13px rgba(255,156,0,.76));}
.control-row-v0221 strong{display:block;color:#fff;font-size:1.04rem;font-weight:950;}
.control-row-v0221 small{display:block;color:#abb8c9;font-size:.80rem;line-height:1.2;margin-top:2px;}
.control-row-v0221 em{font-style:normal;font-size:1.95rem;font-weight:1000;color:var(--gwc21-blue);text-shadow:0 0 26px rgba(0,148,255,.46);}
.control-row-v0221.orange em{color:var(--gwc21-orange);text-shadow:0 0 26px rgba(255,156,0,.48);}
.gwc-theme-v0221 .section,.gwc-theme-v0221 .section-tight-v024{position:relative;z-index:2;}
.gwc-theme-v0221 .card,.gwc-theme-v0221 .server-mini-card{background:linear-gradient(135deg,rgba(2,8,18,.80),rgba(17,11,4,.70)) !important;border-color:rgba(255,255,255,.13) !important;}
.footer-v0221{background:linear-gradient(90deg,rgba(2,8,18,.88),rgba(18,9,2,.84)) !important;border-top:1px solid rgba(255,156,0,.15) !important;}
@media(max-width:1240px){
    .gwc-shell-v0221{width:min(100% - 34px,1120px);}
    .gwc-main-grid-v0221{grid-template-columns:1fr;}
    .gwc-banner-nav-v0221{width:min(1020px,88%);}
}
@media(max-width:760px){
    .gwc-shell-v0221{width:calc(100% - 22px);}
    .gwc-shell-header-v0221{padding:14px 0 12px;}
    .gwc-integrated-banner-v0221{border-radius:18px;}
    .gwc-integrated-banner-v0221:after{border-radius:18px;}
    .gwc-banner-link-v0221 img{width:100%;height:auto;object-fit:contain;filter:saturate(1.18) contrast(1.10) brightness(.98);}
    .gwc-banner-nav-v0221{
        position:relative;
        left:auto;top:auto;transform:none;
        width:100%;
        margin:0;
        grid-template-columns:repeat(6,minmax(0,1fr));
        border-left:0;border-right:0;border-bottom:0;
        border-radius:0 0 18px 18px;
        background:linear-gradient(90deg,rgba(0,10,22,.88),rgba(4,5,8,.86),rgba(28,13,3,.88));
    }
    .nav-item-v0221,.nav-button-v0221{min-height:54px;padding:7px 4px;gap:4px;flex-direction:column;font-size:.68rem;letter-spacing:-.01em;border-bottom:1px solid rgba(255,255,255,.08);}
    .nav-ico-v0221{font-size:1.12rem;}
    .nav-login-v0221,.nav-admin-v0221,.nav-logout-v0221{grid-column:span 3;min-height:48px;flex-direction:row;font-size:.76rem;}
    .nav-register-v0221{grid-column:span 3;min-height:48px;flex-direction:row;font-size:.76rem;}
    .gwc-home-v0221{padding-top:12px;}
    .gwc-main-grid-v0221{gap:14px;}
    .gwc-hero-card-v0221,.control-card-v0221{border-radius:20px;padding:21px 16px;}
    .hero-status-v0221{font-size:.70rem;letter-spacing:.12em;padding:8px 12px;}
    .hero-headline-v0221{font-size:clamp(2.55rem,12.6vw,4.85rem);line-height:.94;letter-spacing:-.065em;margin-top:17px;}
    .hero-copy-v0221{font-size:.96rem;line-height:1.48;}
    .hero-actions-v0221{grid-template-columns:1fr;gap:10px;}
    .hero-btn-v0221{justify-content:flex-start;min-height:58px;padding-left:17px;}
    .hero-mini-v0221{grid-template-columns:repeat(2,minmax(0,1fr));}
    .hero-mini-v0221 span{justify-content:flex-start;font-size:.77rem;}
    .control-row-v0221{grid-template-columns:44px 1fr auto;gap:12px;min-height:66px;padding:12px 14px;}
    .control-row-v0221 em{font-size:1.50rem;}
}
@media(max-width:430px){
    .gwc-shell-v0221{width:calc(100% - 16px);}
    .nav-item-v0221,.nav-button-v0221{font-size:.63rem;min-height:50px;}
    .nav-login-v0221,.nav-admin-v0221,.nav-logout-v0221,.nav-register-v0221{font-size:.72rem;min-height:46px;}
    .hero-headline-v0221{font-size:clamp(2.35rem,12.2vw,4.1rem);}
    .gwc-hero-card-v0221,.control-card-v0221{padding:19px 13px;}
}
@media(prefers-reduced-motion:reduce){.gwc-theme-v0221 *, .gwc-theme-v0221 *:before, .gwc-theme-v0221 *:after{animation:none!important;transition:none!important}}

/* =========================================================
   GWC Portal v0.2.22 - ECHT integrierte Banner-Navigation
   Ziel: Navigation sitzt IM Banner, nicht als Extra-Block darunter.
   ========================================================= */
body.gwc-theme-v0222{
    --gwc22-blue:#00a3ff;
    --gwc22-blue2:#25d8ff;
    --gwc22-orange:#ff9c00;
    --gwc22-orange2:#ffc23d;
}

body.gwc-theme-v0222 .gwc-shell-header-v0221{
    padding:28px 0 18px;
    background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(3,5,9,.86) 68%,rgba(3,5,9,0));
}

body.gwc-theme-v0222 .gwc-integrated-banner-v0221{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    background:#010204;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 0 0 1px rgba(0,163,255,.48),
        0 0 0 2px rgba(255,156,0,.20),
        0 22px 90px rgba(0,0,0,.72),
        -34px 0 92px rgba(0,132,255,.22),
        34px 0 98px rgba(255,142,0,.18);
}

body.gwc-theme-v0222 .gwc-integrated-banner-v0221:before{
    z-index:2;
    background:
        linear-gradient(90deg,rgba(0,132,255,.12),transparent 36%,rgba(255,142,0,.16)),
        linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.03) 42%,rgba(0,0,0,.34));
}

body.gwc-theme-v0222 .gwc-integrated-banner-v0221:after{
    z-index:12;
    border-radius:28px;
    opacity:.86;
    background:linear-gradient(90deg,rgba(0,163,255,.95),rgba(37,216,255,.16) 38%,rgba(255,156,0,.16) 62%,rgba(255,156,0,.95));
}

body.gwc-theme-v0222 .gwc-banner-link-v0221{
    display:block;
    position:relative;
    z-index:1;
    line-height:0;
}

body.gwc-theme-v0222 .gwc-banner-link-v0221 img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
    filter:saturate(1.24) contrast(1.12) brightness(.98);
}

/* Desktop: Menü als Overlay oben IM Banner */
body.gwc-theme-v0222 .gwc-banner-nav-v0221{
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    z-index:20;
    width:min(1040px,76%);
    display:grid;
    grid-template-columns:repeat(8,minmax(82px,1fr));
    align-items:center;
    gap:0;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.13);
    background:
        linear-gradient(90deg,rgba(2,8,18,.58),rgba(3,4,8,.42) 50%,rgba(26,12,2,.58));
    box-shadow:
        0 18px 52px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,163,255,.16);
    backdrop-filter:blur(11px) saturate(1.12);
}

body.gwc-theme-v0222 .nav-item-v0221,
body.gwc-theme-v0222 .nav-button-v0221{
    min-height:50px;
    padding:9px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#f8fbff;
    font-weight:950;
    font-size:.90rem;
    text-decoration:none;
    border:0;
    border-right:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.04);
    text-shadow:0 2px 15px rgba(0,0,0,.96);
    cursor:pointer;
    transition:.16s ease;
}

body.gwc-theme-v0222 .nav-item-v0221:hover,
body.gwc-theme-v0222 .nav-button-v0221:hover,
body.gwc-theme-v0222 .nav-home-v0221{
    color:#fff;
    background:linear-gradient(180deg,rgba(0,115,255,.38),rgba(0,115,255,.10));
    box-shadow:
        inset 0 -2px 0 var(--gwc22-blue2),
        inset 0 0 18px rgba(0,163,255,.20),
        0 0 32px rgba(0,163,255,.28);
}

body.gwc-theme-v0222 .nav-register-v0221{
    border-right:0;
    color:#fff2c8;
    background:linear-gradient(135deg,rgba(255,156,0,.36),rgba(255,156,0,.12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,156,0,.55),
        inset 0 0 20px rgba(255,156,0,.16),
        0 0 34px rgba(255,156,0,.25);
}

body.gwc-theme-v0222 .nav-ico-v0221{
    color:var(--gwc22-blue2);
    filter:drop-shadow(0 0 10px rgba(37,216,255,.70));
}
body.gwc-theme-v0222 .nav-register-v0221 .nav-ico-v0221{
    color:var(--gwc22-orange2);
    filter:drop-shadow(0 0 12px rgba(255,156,0,.80));
}

/* Desktop-Hero näher am Beispiel */
body.gwc-theme-v0222 .gwc-home-v0221{padding:22px 0 52px;}
body.gwc-theme-v0222 .gwc-main-grid-v0221{
    grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
    gap:26px;
}
body.gwc-theme-v0222 .gwc-hero-card-v0221,
body.gwc-theme-v0222 .control-card-v0221{
    background:linear-gradient(105deg,rgba(1,7,16,.88),rgba(3,7,14,.80) 47%,rgba(24,11,2,.78));
    border-color:rgba(0,163,255,.38);
    outline:1px solid rgba(255,156,0,.32);
    box-shadow:
        0 24px 95px rgba(0,0,0,.58),
        -14px 0 48px rgba(0,132,255,.13),
        14px 0 52px rgba(255,142,0,.11),
        inset 0 1px 0 rgba(255,255,255,.11);
}
body.gwc-theme-v0222 .control-card-v0221{
    border-color:rgba(255,156,0,.42);
    outline-color:rgba(0,163,255,.15);
}
body.gwc-theme-v0222 .hero-headline-v0221 strong{color:#42b7ff;}
body.gwc-theme-v0222 .hero-headline-v0221 em{color:var(--gwc22-orange);}
body.gwc-theme-v0222 .hero-btn-blue-v0221{border-color:rgba(0,163,255,.84);}
body.gwc-theme-v0222 .hero-btn-orange-v0221{border-color:rgba(255,156,0,.90);}

/* Tablet/Desktop schmal */
@media(max-width:1240px){
    body.gwc-theme-v0222 .gwc-banner-nav-v0221{width:min(980px,84%);grid-template-columns:repeat(8,minmax(74px,1fr));}
    body.gwc-theme-v0222 .nav-item-v0221,
    body.gwc-theme-v0222 .nav-button-v0221{font-size:.82rem;padding-left:8px;padding-right:8px;}
}

/* Mobile: Menü liegt als dunkles Overlay IM Bildbereich, nicht darunter */
@media(max-width:760px){
    body.gwc-theme-v0222 .gwc-shell-v0221{width:calc(100% - 22px);}
    body.gwc-theme-v0222 .gwc-shell-header-v0221{padding:14px 0 12px;}
    body.gwc-theme-v0222 .gwc-integrated-banner-v0221{border-radius:18px;}
    body.gwc-theme-v0222 .gwc-integrated-banner-v0221:after{border-radius:18px;}

    body.gwc-theme-v0222 .gwc-banner-link-v0221 img{
        width:100%;
        height:auto;
        min-height:330px;
        object-fit:cover;
        object-position:center top;
        filter:saturate(1.28) contrast(1.10) brightness(.92);
    }

    body.gwc-theme-v0222 .gwc-banner-nav-v0221{
        position:absolute;
        left:12px;
        right:12px;
        bottom:12px;
        top:auto;
        width:auto;
        transform:none;
        z-index:22;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        border-radius:16px;
        border:1px solid rgba(255,255,255,.13);
        background:
            linear-gradient(90deg,rgba(0,8,18,.82),rgba(3,4,8,.72) 48%,rgba(27,12,2,.82));
        box-shadow:
            0 18px 48px rgba(0,0,0,.55),
            inset 0 1px 0 rgba(255,255,255,.13),
            0 0 32px rgba(0,163,255,.12),
            0 0 36px rgba(255,156,0,.10);
        backdrop-filter:blur(12px) saturate(1.16);
    }

    body.gwc-theme-v0222 .nav-item-v0221,
    body.gwc-theme-v0222 .nav-button-v0221{
        min-height:44px;
        padding:6px 5px;
        gap:4px;
        flex-direction:row;
        font-size:.68rem;
        line-height:1;
        letter-spacing:-.015em;
        border-bottom:1px solid rgba(255,255,255,.08);
        border-right:1px solid rgba(255,255,255,.10);
        background:rgba(0,0,0,.16);
        text-shadow:0 2px 12px rgba(0,0,0,1);
    }

    body.gwc-theme-v0222 .nav-ico-v0221{font-size:.98rem;min-width:14px;text-align:center;}
    body.gwc-theme-v0222 .nav-login-v0221,
    body.gwc-theme-v0222 .nav-admin-v0221,
    body.gwc-theme-v0222 .nav-logout-v0221,
    body.gwc-theme-v0222 .nav-register-v0221{
        grid-column:auto;
        min-height:44px;
        flex-direction:row;
        font-size:.68rem;
    }

    body.gwc-theme-v0222 .nav-register-v0221{
        background:linear-gradient(135deg,rgba(255,156,0,.38),rgba(255,156,0,.14)) !important;
    }

    body.gwc-theme-v0222 .gwc-home-v0221{padding-top:12px;}
    body.gwc-theme-v0222 .gwc-main-grid-v0221{gap:14px;}
    body.gwc-theme-v0222 .gwc-hero-card-v0221,
    body.gwc-theme-v0222 .control-card-v0221{border-radius:20px;padding:21px 16px;}
    body.gwc-theme-v0222 .hero-headline-v0221{font-size:clamp(2.42rem,11.3vw,4.35rem);line-height:.97;letter-spacing:-.062em;margin-top:17px;}
    body.gwc-theme-v0222 .hero-copy-v0221{font-size:.95rem;line-height:1.50;}
    body.gwc-theme-v0222 .hero-actions-v0221{grid-template-columns:1fr;gap:10px;}
    body.gwc-theme-v0222 .hero-btn-v0221{justify-content:flex-start;min-height:58px;padding-left:17px;}
    body.gwc-theme-v0222 .hero-mini-v0221{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:430px){
    body.gwc-theme-v0222 .gwc-shell-v0221{width:calc(100% - 16px);}
    body.gwc-theme-v0222 .gwc-banner-link-v0221 img{min-height:315px;}
    body.gwc-theme-v0222 .gwc-banner-nav-v0221{left:9px;right:9px;bottom:9px;grid-template-columns:repeat(4,minmax(0,1fr));}
    body.gwc-theme-v0222 .nav-item-v0221,
    body.gwc-theme-v0222 .nav-button-v0221{font-size:.61rem;min-height:42px;padding:5px 3px;}
    body.gwc-theme-v0222 .nav-ico-v0221{font-size:.90rem;}
    body.gwc-theme-v0222 .hero-headline-v0221{font-size:clamp(2.18rem,11.4vw,3.95rem);}
    body.gwc-theme-v0222 .gwc-hero-card-v0221,
    body.gwc-theme-v0222 .control-card-v0221{padding:19px 13px;}
}


/* =========================================================
   GWC Portal v0.2.23 - Desktop + Handy Browser Optimierung
   Ziel:
   - Navigation wirkt im Banner integriert, nicht als extra Klotz
   - Handy: Banner nicht mehr herein gezoomt/abgeschnitten
   - Handy: kleine Overlay-Tabs im Banner statt große Kachel-Navi
   - Hero kommt vor Kontrollzentrum, keine horizontale Verschiebung
   ========================================================= */
body.gwc-theme-v0223{
    --gwc23-blue:#0094ff;
    --gwc23-blue2:#25d8ff;
    --gwc23-orange:#ff9c00;
    --gwc23-orange2:#ffc23d;
    --gwc23-dark:#010409;
    overflow-x:hidden !important;
}
html:has(body.gwc-theme-v0223),
body.gwc-theme-v0223,
body.gwc-theme-v0223 main{
    max-width:100% !important;
    overflow-x:hidden !important;
}
body.gwc-theme-v0223 .gwc-shell-v0221{
    width:min(1600px,calc(100% - 72px)) !important;
    max-width:100% !important;
}
body.gwc-theme-v0223 .gwc-shell-header-v0221{
    padding:28px 0 18px !important;
    background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(2,5,12,.86) 70%,rgba(2,5,12,0)) !important;
}
body.gwc-theme-v0223 .gwc-integrated-banner-v0221{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:#010204 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:
        0 0 0 1px rgba(0,148,255,.55),
        0 0 0 2px rgba(255,156,0,.22),
        0 24px 95px rgba(0,0,0,.72),
        -38px 0 105px rgba(0,132,255,.25),
        38px 0 110px rgba(255,142,0,.20) !important;
}
body.gwc-theme-v0223 .gwc-integrated-banner-v0221:before{
    z-index:2 !important;
    background:
        linear-gradient(90deg,rgba(0,94,255,.10),transparent 35%,rgba(255,142,0,.13)),
        linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 42%,rgba(0,0,0,.22)) !important;
}
body.gwc-theme-v0223 .gwc-integrated-banner-v0221:after{
    z-index:12 !important;
    border-radius:30px !important;
    opacity:.88 !important;
    background:linear-gradient(90deg,rgba(0,148,255,.96),rgba(37,216,255,.18) 38%,rgba(255,156,0,.18) 62%,rgba(255,156,0,.96)) !important;
}
body.gwc-theme-v0223 .gwc-banner-link-v0221{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    line-height:0 !important;
}
body.gwc-theme-v0223 .gwc-banner-link-v0221 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    filter:saturate(1.26) contrast(1.12) brightness(.98) !important;
}

/* Desktop: eine schlanke Navi-Leiste OBEN IM Banner */
body.gwc-theme-v0223 .gwc-banner-nav-v0221{
    position:absolute !important;
    top:18px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    z-index:30 !important;
    width:min(1080px,76%) !important;
    display:grid !important;
    grid-template-columns:repeat(8,minmax(82px,1fr)) !important;
    gap:0 !important;
    align-items:center !important;
    overflow:hidden !important;
    border-radius:18px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:linear-gradient(90deg,rgba(2,8,18,.60),rgba(3,4,8,.44) 50%,rgba(28,13,2,.60)) !important;
    box-shadow:
        0 18px 52px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,148,255,.18),
        0 0 36px rgba(0,148,255,.10),
        0 0 36px rgba(255,156,0,.08) !important;
    backdrop-filter:blur(10px) saturate(1.12) !important;
}
body.gwc-theme-v0223 .nav-item-v0221,
body.gwc-theme-v0223 .nav-button-v0221{
    min-height:46px !important;
    height:46px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    color:#f8fbff !important;
    font-size:.88rem !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.01em !important;
    text-decoration:none !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.04) !important;
    text-shadow:0 2px 15px rgba(0,0,0,1) !important;
    box-shadow:none !important;
    cursor:pointer !important;
}
body.gwc-theme-v0223 .nav-ico-v0221{
    font-size:1rem !important;
    color:var(--gwc23-blue2) !important;
    filter:drop-shadow(0 0 10px rgba(37,216,255,.70)) !important;
}
body.gwc-theme-v0223 .nav-home-v0221,
body.gwc-theme-v0223 .nav-item-v0221:hover,
body.gwc-theme-v0223 .nav-button-v0221:hover{
    color:#fff !important;
    background:linear-gradient(180deg,rgba(0,115,255,.38),rgba(0,115,255,.10)) !important;
    box-shadow:
        inset 0 -2px 0 var(--gwc23-blue2),
        inset 0 0 18px rgba(0,148,255,.20),
        0 0 30px rgba(0,148,255,.26) !important;
}
body.gwc-theme-v0223 .nav-register-v0221{
    border-right:0 !important;
    color:#fff2c8 !important;
    background:linear-gradient(135deg,rgba(255,156,0,.38),rgba(255,156,0,.12)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,156,0,.58),
        inset 0 0 22px rgba(255,156,0,.16),
        0 0 36px rgba(255,156,0,.25) !important;
}
body.gwc-theme-v0223 .nav-register-v0221 .nav-ico-v0221{
    color:var(--gwc23-orange2) !important;
    filter:drop-shadow(0 0 12px rgba(255,156,0,.82)) !important;
}

/* Hauptbereich: Desktop sauber wie Referenz */
body.gwc-theme-v0223 .gwc-home-v0221{padding:22px 0 54px !important;}
body.gwc-theme-v0223 .gwc-main-grid-v0221{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr) !important;
    gap:26px !important;
    align-items:stretch !important;
}
body.gwc-theme-v0223 .gwc-hero-card-v0221,
body.gwc-theme-v0223 .control-card-v0221{
    background:linear-gradient(105deg,rgba(1,7,16,.90),rgba(3,7,14,.82) 47%,rgba(24,11,2,.78)) !important;
    box-shadow:
        0 24px 95px rgba(0,0,0,.58),
        -14px 0 52px rgba(0,132,255,.14),
        14px 0 56px rgba(255,142,0,.12),
        inset 0 1px 0 rgba(255,255,255,.11) !important;
}
body.gwc-theme-v0223 .gwc-hero-card-v0221{border-color:rgba(0,148,255,.42) !important;outline-color:rgba(255,156,0,.28) !important;}
body.gwc-theme-v0223 .control-card-v0221{border-color:rgba(255,156,0,.44) !important;outline-color:rgba(0,148,255,.16) !important;}
body.gwc-theme-v0223 .hero-headline-v0221 strong{color:#42b7ff !important;}
body.gwc-theme-v0223 .hero-headline-v0221 em{color:var(--gwc23-orange) !important;}
body.gwc-theme-v0223 .control-row-v0221{background:linear-gradient(90deg,rgba(2,8,18,.86),rgba(11,7,3,.76)) !important;}

@media(max-width:1240px){
    body.gwc-theme-v0223 .gwc-shell-v0221{width:calc(100% - 44px) !important;}
    body.gwc-theme-v0223 .gwc-banner-nav-v0221{
        width:min(960px,82%) !important;
        grid-template-columns:repeat(8,minmax(66px,1fr)) !important;
    }
    body.gwc-theme-v0223 .nav-item-v0221,
    body.gwc-theme-v0223 .nav-button-v0221{font-size:.78rem !important;padding:0 8px !important;}
    body.gwc-theme-v0223 .gwc-main-grid-v0221{grid-template-columns:1fr !important;}
    body.gwc-theme-v0223 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0223 .control-card-v0221{order:2 !important;}
}

/* Handy: Banner komplett sichtbar + sehr kompakte Navi IM Banner */
@media(max-width:760px){
    body.gwc-theme-v0223 .gwc-shell-v0221{width:calc(100% - 22px) !important;}
    body.gwc-theme-v0223 .gwc-shell-header-v0221{padding:14px 0 12px !important;}
    body.gwc-theme-v0223 .gwc-integrated-banner-v0221{border-radius:18px !important;}
    body.gwc-theme-v0223 .gwc-integrated-banner-v0221:after{border-radius:18px !important;}
    body.gwc-theme-v0223 .gwc-banner-link-v0221 img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.28) contrast(1.12) brightness(.98) !important;
    }
    body.gwc-theme-v0223 .gwc-banner-nav-v0221{
        position:absolute !important;
        top:8px !important;
        left:8px !important;
        right:8px !important;
        bottom:auto !important;
        width:auto !important;
        transform:none !important;
        z-index:30 !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:3px !important;
        overflow:hidden !important;
        border-radius:12px !important;
        padding:4px !important;
        border:1px solid rgba(255,255,255,.13) !important;
        background:linear-gradient(90deg,rgba(0,8,18,.66),rgba(3,4,8,.50) 48%,rgba(27,12,2,.66)) !important;
        box-shadow:
            0 14px 34px rgba(0,0,0,.50),
            inset 0 1px 0 rgba(255,255,255,.13),
            0 0 26px rgba(0,148,255,.10),
            0 0 26px rgba(255,156,0,.08) !important;
        backdrop-filter:blur(8px) saturate(1.1) !important;
    }
    body.gwc-theme-v0223 .nav-item-v0221,
    body.gwc-theme-v0223 .nav-button-v0221{
        min-height:27px !important;
        height:27px !important;
        padding:0 4px !important;
        gap:0 !important;
        flex-direction:row !important;
        font-size:.58rem !important;
        line-height:1 !important;
        letter-spacing:-.015em !important;
        border:1px solid rgba(255,255,255,.08) !important;
        border-radius:8px !important;
        background:rgba(0,0,0,.18) !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        white-space:nowrap !important;
    }
    body.gwc-theme-v0223 .nav-ico-v0221{display:none !important;}
    body.gwc-theme-v0223 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,115,255,.50),rgba(0,115,255,.14)) !important;
        border-color:rgba(37,216,255,.34) !important;
    }
    body.gwc-theme-v0223 .nav-register-v0221{
        background:linear-gradient(135deg,rgba(255,156,0,.48),rgba(255,156,0,.16)) !important;
        border-color:rgba(255,156,0,.40) !important;
    }
    body.gwc-theme-v0223 .gwc-home-v0221{padding-top:10px !important;}
    body.gwc-theme-v0223 .gwc-main-grid-v0221{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        gap:14px !important;
        overflow:hidden !important;
    }
    body.gwc-theme-v0223 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0223 .control-card-v0221{order:2 !important;}
    body.gwc-theme-v0223 .gwc-hero-card-v0221,
    body.gwc-theme-v0223 .control-card-v0221{
        width:100% !important;
        max-width:100% !important;
        border-radius:20px !important;
        padding:22px 16px !important;
    }
    body.gwc-theme-v0223 .hero-status-v0221{font-size:.69rem !important;letter-spacing:.12em !important;padding:8px 12px !important;}
    body.gwc-theme-v0223 .hero-headline-v0221{
        font-size:clamp(2.16rem,10.8vw,3.95rem) !important;
        line-height:.98 !important;
        letter-spacing:-.062em !important;
        margin-top:17px !important;
    }
    body.gwc-theme-v0223 .hero-copy-v0221{font-size:.94rem !important;line-height:1.48 !important;}
    body.gwc-theme-v0223 .hero-actions-v0221{grid-template-columns:1fr !important;gap:10px !important;}
    body.gwc-theme-v0223 .hero-btn-v0221{justify-content:flex-start !important;min-height:56px !important;padding-left:17px !important;}
    body.gwc-theme-v0223 .hero-mini-v0221{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
    body.gwc-theme-v0223 .hero-mini-v0221 span{justify-content:flex-start !important;font-size:.76rem !important;}
    body.gwc-theme-v0223 .control-row-v0221{grid-template-columns:44px 1fr auto !important;gap:12px !important;min-height:66px !important;padding:12px 14px !important;}
    body.gwc-theme-v0223 .control-row-v0221 em{font-size:1.50rem !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0223 .gwc-shell-v0221{width:calc(100% - 16px) !important;}
    body.gwc-theme-v0223 .gwc-banner-nav-v0221{top:6px !important;left:6px !important;right:6px !important;padding:3px !important;gap:2px !important;}
    body.gwc-theme-v0223 .nav-item-v0221,
    body.gwc-theme-v0223 .nav-button-v0221{font-size:.53rem !important;min-height:24px !important;height:24px !important;padding:0 3px !important;}
    body.gwc-theme-v0223 .gwc-hero-card-v0221,
    body.gwc-theme-v0223 .control-card-v0221{padding:19px 13px !important;}
    body.gwc-theme-v0223 .hero-headline-v0221{font-size:clamp(2.00rem,10.4vw,3.65rem) !important;}
}

/* =========================================================
   GWC Portal v0.2.24 - Desktop + Handy Banner exakt optimiert
   Ziel:
   - Desktop wie Referenz: Banner oben groß, Navi als schlanke Overlay-Leiste IM Banner.
   - Handy: Banner vollständig sichtbar, Navi nicht als riesiger Kachelblock, sondern kompakt integriert.
   ========================================================= */
body.gwc-theme-v0224{
    --gwc24-blue:#0098ff;
    --gwc24-cyan:#21d8ff;
    --gwc24-orange:#ff9b00;
    --gwc24-gold:#ffc340;
    --gwc24-dark:#010306;
    background:
        radial-gradient(circle at 12% 28%, rgba(0,152,255,.28), transparent 32%),
        radial-gradient(circle at 88% 24%, rgba(255,145,0,.25), transparent 32%),
        linear-gradient(90deg,#020912 0%,#02060d 47%,#120901 100%) !important;
    color:#f5fbff !important;
    overflow-x:hidden !important;
}
body.gwc-theme-v0224 main,
body.gwc-theme-v0224 .gwc-home-v0221{
    background:
        linear-gradient(90deg,rgba(0,152,255,.10),rgba(0,0,0,0) 48%,rgba(255,145,0,.10)),
        linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)) !important;
}
body.gwc-theme-v0224 .gwc-shell-v0221{
    width:min(1500px,calc(100% - 72px)) !important;
    max-width:1500px !important;
}
body.gwc-theme-v0224 .gwc-shell-header-v0221{
    padding:34px 0 20px !important;
    background:
        linear-gradient(90deg,rgba(0,20,44,.72),rgba(2,3,8,.74) 48%,rgba(38,17,0,.72)),
        radial-gradient(circle at 16% 50%,rgba(0,152,255,.18),transparent 34%),
        radial-gradient(circle at 84% 52%,rgba(255,145,0,.18),transparent 34%) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
}
body.gwc-theme-v0224 .gwc-integrated-banner-v0221{
    position:relative !important;
    overflow:hidden !important;
    border-radius:26px !important;
    background:#000 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 0 0 1px rgba(0,152,255,.50),
        0 0 0 2px rgba(255,155,0,.23),
        0 26px 96px rgba(0,0,0,.82),
        -44px 0 130px rgba(0,123,255,.26),
        44px 0 130px rgba(255,125,0,.20) !important;
}
body.gwc-theme-v0224 .gwc-integrated-banner-v0221:before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
        linear-gradient(90deg,rgba(0,123,255,.10),transparent 35%,rgba(255,142,0,.12)),
        linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.00) 55%,rgba(0,0,0,.30)) !important;
}
body.gwc-theme-v0224 .gwc-integrated-banner-v0221:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:4 !important;
    pointer-events:none !important;
    border-radius:26px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        inset 18px 0 42px rgba(0,152,255,.15),
        inset -18px 0 42px rgba(255,155,0,.14) !important;
}
body.gwc-theme-v0224 .gwc-banner-link-v0221{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    line-height:0 !important;
}
body.gwc-theme-v0224 .gwc-banner-link-v0221 img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    filter:saturate(1.22) contrast(1.10) brightness(.98) !important;
}

/* Desktop: exakt wie Referenz - eine schlanke Leiste im oberen Bannerbereich */
body.gwc-theme-v0224 .gwc-banner-nav-v0221{
    position:absolute !important;
    top:16px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    z-index:25 !important;
    width:min(1050px,74%) !important;
    display:grid !important;
    grid-template-columns:repeat(8,minmax(72px,1fr)) !important;
    gap:0 !important;
    align-items:center !important;
    overflow:hidden !important;
    padding:0 !important;
    border-radius:17px !important;
    border:1px solid rgba(255,255,255,.13) !important;
    background:
        linear-gradient(90deg,rgba(0,10,24,.62),rgba(2,3,8,.46) 50%,rgba(34,15,0,.62)) !important;
    box-shadow:
        0 16px 54px rgba(0,0,0,.52),
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(0,152,255,.14),
        0 0 42px rgba(0,152,255,.10),
        0 0 42px rgba(255,155,0,.08) !important;
    backdrop-filter:blur(12px) saturate(1.16) !important;
}
body.gwc-theme-v0224 .nav-item-v0221,
body.gwc-theme-v0224 .nav-button-v0221{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 12px !important;
    color:#f6fbff !important;
    font-size:.88rem !important;
    font-weight:950 !important;
    letter-spacing:.005em !important;
    text-decoration:none !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.05) !important;
    text-shadow:0 2px 14px rgba(0,0,0,1) !important;
    box-shadow:none !important;
    gap:6px !important;
    cursor:pointer !important;
}
body.gwc-theme-v0224 .nav-ico-v0221{
    display:inline-block !important;
    font-size:.96rem !important;
    color:var(--gwc24-cyan) !important;
    filter:drop-shadow(0 0 10px rgba(33,216,255,.75)) !important;
}
body.gwc-theme-v0224 .nav-home-v0221,
body.gwc-theme-v0224 .nav-item-v0221:hover,
body.gwc-theme-v0224 .nav-button-v0221:hover{
    color:#fff !important;
    background:linear-gradient(180deg,rgba(0,118,255,.42),rgba(0,118,255,.12)) !important;
    box-shadow:
        inset 0 -2px 0 var(--gwc24-cyan),
        inset 0 0 20px rgba(0,152,255,.18),
        0 0 34px rgba(0,152,255,.24) !important;
}
body.gwc-theme-v0224 .nav-register-v0221{
    border-right:0 !important;
    color:#fff3c8 !important;
    background:linear-gradient(135deg,rgba(255,155,0,.43),rgba(255,155,0,.13)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,155,0,.60),
        inset 0 0 22px rgba(255,155,0,.18),
        0 0 38px rgba(255,155,0,.25) !important;
}
body.gwc-theme-v0224 .nav-register-v0221 .nav-ico-v0221{
    color:var(--gwc24-gold) !important;
    filter:drop-shadow(0 0 12px rgba(255,155,0,.86)) !important;
}
body.gwc-theme-v0224 .nav-form-v0221{display:contents !important;}

/* Desktop Hero/Kontrollzentrum wie Zielbild */
body.gwc-theme-v0224 .gwc-home-v0221{padding:24px 0 54px !important;}
body.gwc-theme-v0224 .gwc-main-grid-v0221{
    display:grid !important;
    grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr) !important;
    gap:28px !important;
    align-items:stretch !important;
}
body.gwc-theme-v0224 .gwc-hero-card-v0221,
body.gwc-theme-v0224 .control-card-v0221{
    border-radius:24px !important;
    background:
        radial-gradient(circle at 20% 24%,rgba(0,152,255,.16),transparent 34%),
        radial-gradient(circle at 80% 70%,rgba(255,155,0,.14),transparent 34%),
        linear-gradient(105deg,rgba(1,7,16,.91),rgba(3,7,14,.84) 47%,rgba(24,11,2,.79)) !important;
    border:1px solid rgba(0,152,255,.38) !important;
    outline:1px solid rgba(255,155,0,.30) !important;
    box-shadow:
        0 24px 95px rgba(0,0,0,.58),
        -14px 0 52px rgba(0,132,255,.14),
        14px 0 56px rgba(255,142,0,.12),
        inset 0 1px 0 rgba(255,255,255,.11) !important;
}
body.gwc-theme-v0224 .control-card-v0221{
    border-color:rgba(255,155,0,.44) !important;
    outline-color:rgba(0,152,255,.16) !important;
}
body.gwc-theme-v0224 .hero-headline-v0221{color:#fff !important;text-shadow:0 0 24px rgba(255,255,255,.16),0 8px 30px rgba(0,0,0,.74) !important;}
body.gwc-theme-v0224 .hero-headline-v0221 strong{color:#42b7ff !important;text-shadow:0 0 30px rgba(0,152,255,.42) !important;}
body.gwc-theme-v0224 .hero-headline-v0221 em{color:var(--gwc24-orange) !important;text-shadow:0 0 28px rgba(255,155,0,.46) !important;}
body.gwc-theme-v0224 .hero-btn-blue-v0221{border-color:rgba(0,152,255,.86) !important;box-shadow:0 0 28px rgba(0,152,255,.20),inset 0 0 18px rgba(0,152,255,.08) !important;}
body.gwc-theme-v0224 .hero-btn-orange-v0221{border-color:rgba(255,155,0,.94) !important;box-shadow:0 0 30px rgba(255,155,0,.22),inset 0 0 18px rgba(255,155,0,.09) !important;}
body.gwc-theme-v0224 .control-row-v0221{background:linear-gradient(90deg,rgba(2,8,18,.88),rgba(11,7,3,.78)) !important;}

/* Schmale Desktops / Tablets */
@media(max-width:1240px){
    body.gwc-theme-v0224 .gwc-shell-v0221{width:calc(100% - 44px) !important;}
    body.gwc-theme-v0224 .gwc-banner-nav-v0221{width:min(960px,82%) !important;grid-template-columns:repeat(8,minmax(60px,1fr)) !important;}
    body.gwc-theme-v0224 .nav-item-v0221,
    body.gwc-theme-v0224 .nav-button-v0221{font-size:.78rem !important;padding:0 7px !important;}
    body.gwc-theme-v0224 .gwc-main-grid-v0221{grid-template-columns:1fr !important;}
    body.gwc-theme-v0224 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0224 .control-card-v0221{order:2 !important;}
}

/* Handy: KEIN großer Kachelblock mehr. Eine kompakte horizontale Leiste IM Banner. */
@media(max-width:760px){
    body.gwc-theme-v0224 .gwc-shell-v0221{width:calc(100% - 18px) !important;}
    body.gwc-theme-v0224 .gwc-shell-header-v0221{padding:14px 0 12px !important;}
    body.gwc-theme-v0224 .gwc-integrated-banner-v0221{border-radius:18px !important;}
    body.gwc-theme-v0224 .gwc-integrated-banner-v0221:after{border-radius:18px !important;}
    body.gwc-theme-v0224 .gwc-banner-link-v0221 img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.24) contrast(1.10) brightness(.96) !important;
    }
    body.gwc-theme-v0224 .gwc-banner-nav-v0221{
        top:8px !important;
        left:10px !important;
        right:10px !important;
        bottom:auto !important;
        width:auto !important;
        transform:none !important;
        z-index:30 !important;
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:6px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        padding:6px !important;
        border-radius:14px !important;
        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;
        background:linear-gradient(90deg,rgba(0,8,18,.62),rgba(3,4,8,.48),rgba(27,12,2,.62)) !important;
        border:1px solid rgba(255,255,255,.12) !important;
        box-shadow:
            0 12px 32px rgba(0,0,0,.54),
            inset 0 1px 0 rgba(255,255,255,.12),
            0 0 26px rgba(0,152,255,.10),
            0 0 26px rgba(255,155,0,.08) !important;
        backdrop-filter:blur(9px) saturate(1.12) !important;
    }
    body.gwc-theme-v0224 .gwc-banner-nav-v0221::-webkit-scrollbar{display:none !important;}
    body.gwc-theme-v0224 .nav-item-v0221,
    body.gwc-theme-v0224 .nav-button-v0221{
        flex:0 0 auto !important;
        min-width:auto !important;
        width:auto !important;
        min-height:30px !important;
        height:30px !important;
        padding:0 12px !important;
        display:inline-flex !important;
        flex-direction:row !important;
        gap:5px !important;
        border-radius:10px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-right:1px solid rgba(255,255,255,.10) !important;
        background:rgba(0,0,0,.18) !important;
        color:#f7fbff !important;
        font-size:.70rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.01em !important;
        white-space:nowrap !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }
    body.gwc-theme-v0224 .nav-ico-v0221{display:none !important;}
    body.gwc-theme-v0224 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,115,255,.46),rgba(0,115,255,.14)) !important;
        border-color:rgba(33,216,255,.38) !important;
        box-shadow:inset 0 -2px 0 var(--gwc24-cyan),0 0 22px rgba(0,152,255,.20) !important;
    }
    body.gwc-theme-v0224 .nav-register-v0221{
        color:#fff1c4 !important;
        background:linear-gradient(135deg,rgba(255,155,0,.50),rgba(255,155,0,.17)) !important;
        border-color:rgba(255,155,0,.48) !important;
        box-shadow:0 0 22px rgba(255,155,0,.18),inset 0 0 0 1px rgba(255,155,0,.18) !important;
    }
    body.gwc-theme-v0224 .gwc-home-v0221{padding-top:10px !important;}
    body.gwc-theme-v0224 .gwc-main-grid-v0221{grid-template-columns:1fr !important;gap:14px !important;overflow:hidden !important;}
    body.gwc-theme-v0224 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0224 .control-card-v0221{order:2 !important;}
    body.gwc-theme-v0224 .gwc-hero-card-v0221,
    body.gwc-theme-v0224 .control-card-v0221{width:100% !important;max-width:100% !important;border-radius:20px !important;padding:22px 16px !important;}
    body.gwc-theme-v0224 .hero-status-v0221{font-size:.69rem !important;letter-spacing:.12em !important;padding:8px 12px !important;}
    body.gwc-theme-v0224 .hero-headline-v0221{font-size:clamp(2.05rem,10.2vw,3.55rem) !important;line-height:.99 !important;letter-spacing:-.058em !important;margin-top:17px !important;}
    body.gwc-theme-v0224 .hero-copy-v0221{font-size:.94rem !important;line-height:1.48 !important;}
    body.gwc-theme-v0224 .hero-actions-v0221{grid-template-columns:1fr !important;gap:10px !important;}
    body.gwc-theme-v0224 .hero-btn-v0221{justify-content:flex-start !important;min-height:56px !important;padding-left:17px !important;}
    body.gwc-theme-v0224 .hero-mini-v0221{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
    body.gwc-theme-v0224 .hero-mini-v0221 span{justify-content:flex-start !important;font-size:.76rem !important;}
    body.gwc-theme-v0224 .control-row-v0221{grid-template-columns:44px 1fr auto !important;gap:12px !important;min-height:66px !important;padding:12px 14px !important;}
    body.gwc-theme-v0224 .control-row-v0221 em{font-size:1.50rem !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0224 .gwc-shell-v0221{width:calc(100% - 12px) !important;}
    body.gwc-theme-v0224 .gwc-banner-nav-v0221{top:6px !important;left:6px !important;right:6px !important;padding:5px !important;gap:5px !important;}
    body.gwc-theme-v0224 .nav-item-v0221,
    body.gwc-theme-v0224 .nav-button-v0221{height:28px !important;min-height:28px !important;font-size:.66rem !important;padding:0 10px !important;}
    body.gwc-theme-v0224 .gwc-hero-card-v0221,
    body.gwc-theme-v0224 .control-card-v0221{padding:19px 13px !important;}
    body.gwc-theme-v0224 .hero-headline-v0221{font-size:clamp(1.95rem,9.9vw,3.35rem) !important;}
}


/* =========================================================
   GWC Portal v0.2.25 - Mobile Header Navigation Fix
   Ziel Handy:
   - Banner-Bild vollständig sichtbar lassen.
   - Navigation nicht seitlich abschneiden.
   - Menü bleibt im Banner-Container, aber kompakt als 3-Zeilen-Leiste.
   - Hero kommt vor Kontrollzentrum.
   Desktop bleibt von v0.2.24 weitgehend unverändert.
   ========================================================= */
body.gwc-theme-v0225{
    overflow-x:hidden !important;
}
body.gwc-theme-v0225 .control-row-v0221 em{
    visibility:visible !important;
}
body.gwc-theme-v0225 .control-row-v0221 em::after{
    content:"" !important;
}
body.gwc-theme-v0225 .control-row-v0221:last-child em{
    font-size:1.35rem !important;
}

@media(max-width:760px){
    body.gwc-theme-v0225 .gwc-shell-v0221{
        width:calc(100% - 18px) !important;
        max-width:calc(100% - 18px) !important;
    }

    body.gwc-theme-v0225 .gwc-shell-header-v0221{
        padding:14px 0 12px !important;
    }

    body.gwc-theme-v0225 .gwc-integrated-banner-v0221{
        position:relative !important;
        display:block !important;
        overflow:hidden !important;
        border-radius:18px !important;
        background:#02050b !important;
        padding:0 !important;
        box-shadow:
            0 0 0 1px rgba(0,152,255,.42),
            0 0 0 2px rgba(255,155,0,.18),
            0 18px 64px rgba(0,0,0,.72),
            -18px 0 52px rgba(0,132,255,.18),
            18px 0 52px rgba(255,142,0,.14) !important;
    }

    body.gwc-theme-v0225 .gwc-integrated-banner-v0221:before{
        background:
            linear-gradient(90deg,rgba(0,123,255,.10),transparent 45%,rgba(255,142,0,.12)),
            linear-gradient(180deg,rgba(0,0,0,.10),transparent 58%,rgba(0,0,0,.18)) !important;
    }

    body.gwc-theme-v0225 .gwc-banner-link-v0221{
        display:block !important;
        position:relative !important;
        z-index:1 !important;
        line-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.gwc-theme-v0225 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.24) contrast(1.10) brightness(.98) !important;
    }

    /* Handy-Navi: kompakt, 3 Zeilen, komplett sichtbar, im Banner-Container */
    body.gwc-theme-v0225 .gwc-banner-nav-v0221{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        width:auto !important;
        max-width:none !important;
        transform:none !important;
        z-index:25 !important;
        margin:-2px 8px 8px !important;
        padding:6px !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        grid-auto-rows:minmax(34px,auto) !important;
        gap:5px !important;
        overflow:visible !important;
        border-radius:14px !important;
        border:1px solid rgba(255,255,255,.13) !important;
        background:
            linear-gradient(90deg,rgba(0,10,24,.76),rgba(3,4,8,.62) 50%,rgba(34,15,0,.76)) !important;
        box-shadow:
            0 14px 36px rgba(0,0,0,.56),
            inset 0 1px 0 rgba(255,255,255,.12),
            0 0 26px rgba(0,152,255,.13),
            0 0 26px rgba(255,155,0,.11) !important;
        backdrop-filter:blur(9px) saturate(1.12) !important;
    }

    body.gwc-theme-v0225 .nav-form-v0221{
        display:contents !important;
    }

    body.gwc-theme-v0225 .nav-item-v0221,
    body.gwc-theme-v0225 .nav-button-v0221{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:34px !important;
        min-height:34px !important;
        padding:0 7px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:5px !important;
        border-radius:10px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-right:1px solid rgba(255,255,255,.10) !important;
        background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.17)) !important;
        color:#f8fbff !important;
        font-size:.76rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.01em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }

    body.gwc-theme-v0225 .nav-ico-v0221{
        display:inline-block !important;
        flex:0 0 auto !important;
        font-size:.82rem !important;
        color:var(--gwc24-cyan) !important;
        filter:drop-shadow(0 0 9px rgba(33,216,255,.70)) !important;
    }

    body.gwc-theme-v0225 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,115,255,.46),rgba(0,115,255,.14)) !important;
        border-color:rgba(33,216,255,.40) !important;
        box-shadow:inset 0 -2px 0 var(--gwc24-cyan),0 0 22px rgba(0,152,255,.20) !important;
    }

    body.gwc-theme-v0225 .nav-login-v0221{
        grid-column:1 / span 1 !important;
    }

    body.gwc-theme-v0225 .nav-register-v0221{
        grid-column:2 / span 2 !important;
        color:#fff2c8 !important;
        background:linear-gradient(135deg,rgba(255,155,0,.48),rgba(255,155,0,.16)) !important;
        border-color:rgba(255,155,0,.50) !important;
        box-shadow:0 0 24px rgba(255,155,0,.20),inset 0 0 0 1px rgba(255,155,0,.16) !important;
    }

    body.gwc-theme-v0225 .nav-register-v0221 .nav-ico-v0221{
        color:var(--gwc24-gold) !important;
        filter:drop-shadow(0 0 10px rgba(255,155,0,.84)) !important;
    }

    body.gwc-theme-v0225 .gwc-home-v0221{
        padding-top:12px !important;
    }

    body.gwc-theme-v0225 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0225 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0225 .control-card-v0221{order:2 !important;}

    body.gwc-theme-v0225 .gwc-hero-card-v0221,
    body.gwc-theme-v0225 .control-card-v0221{
        width:100% !important;
        max-width:100% !important;
        border-radius:20px !important;
        padding:22px 16px !important;
    }

    body.gwc-theme-v0225 .hero-headline-v0221{
        font-size:clamp(2.02rem,10.2vw,3.65rem) !important;
        line-height:.99 !important;
        letter-spacing:-.058em !important;
    }
}

@media(max-width:430px){
    body.gwc-theme-v0225 .gwc-shell-v0221{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
    }
    body.gwc-theme-v0225 .gwc-banner-nav-v0221{
        margin:-2px 6px 6px !important;
        padding:5px !important;
        gap:4px !important;
        grid-auto-rows:minmax(31px,auto) !important;
    }
    body.gwc-theme-v0225 .nav-item-v0221,
    body.gwc-theme-v0225 .nav-button-v0221{
        height:31px !important;
        min-height:31px !important;
        font-size:.68rem !important;
        padding:0 4px !important;
        gap:4px !important;
    }
    body.gwc-theme-v0225 .nav-ico-v0221{
        font-size:.74rem !important;
    }
    body.gwc-theme-v0225 .gwc-hero-card-v0221,
    body.gwc-theme-v0225 .control-card-v0221{
        padding:19px 13px !important;
    }
    body.gwc-theme-v0225 .hero-headline-v0221{
        font-size:clamp(1.92rem,9.8vw,3.35rem) !important;
    }
}

@media(max-width:360px){
    body.gwc-theme-v0225 .nav-ico-v0221{display:none !important;}
    body.gwc-theme-v0225 .nav-item-v0221,
    body.gwc-theme-v0225 .nav-button-v0221{
        font-size:.64rem !important;
    }
}


/* =========================================================
   GWC Portal v0.2.26 - Handy Banner-Menü wirklich integriert
   Ziel:
   - Auf Handy liegt die Navigation ALS OVERLAY IM BANNERBILD.
   - Nicht mehr als eigener 3-Zeilen-Block unter dem Banner.
   - Desktop bleibt wie v0.2.24/v0.2.25 für spätere PC-Prüfung.
   ========================================================= */
body.gwc-theme-v0226{
    overflow-x:hidden !important;
}

@media(max-width:760px){
    body.gwc-theme-v0226 .gwc-shell-v0221{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
    }

    body.gwc-theme-v0226 .gwc-shell-header-v0221{
        padding:14px 0 10px !important;
    }

    body.gwc-theme-v0226 .gwc-integrated-banner-v0221{
        position:relative !important;
        display:block !important;
        overflow:hidden !important;
        border-radius:18px !important;
        background:#02050b !important;
        padding:0 !important;
        min-height:0 !important;
        box-shadow:
            0 0 0 1px rgba(0,152,255,.46),
            0 0 0 2px rgba(255,155,0,.20),
            0 18px 64px rgba(0,0,0,.72),
            -18px 0 52px rgba(0,132,255,.18),
            18px 0 52px rgba(255,142,0,.14) !important;
    }

    body.gwc-theme-v0226 .gwc-banner-link-v0221{
        display:block !important;
        position:relative !important;
        z-index:1 !important;
        line-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.gwc-theme-v0226 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.28) contrast(1.12) brightness(.98) !important;
    }

    /* Wichtig: Navigation absolut im Banner-Bild, nicht darunter. */
    body.gwc-theme-v0226 .gwc-banner-nav-v0221{
        position:absolute !important;
        top:7px !important;
        left:7px !important;
        right:7px !important;
        bottom:auto !important;
        width:auto !important;
        max-width:none !important;
        transform:none !important;
        z-index:40 !important;
        margin:0 !important;
        padding:5px !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:28px !important;
        gap:4px !important;
        overflow:hidden !important;
        border-radius:13px !important;
        border:1px solid rgba(255,255,255,.14) !important;
        background:
            linear-gradient(90deg,rgba(0,10,24,.68),rgba(3,4,8,.52) 50%,rgba(34,15,0,.70)) !important;
        box-shadow:
            0 10px 28px rgba(0,0,0,.54),
            inset 0 1px 0 rgba(255,255,255,.13),
            0 0 24px rgba(0,152,255,.13),
            0 0 24px rgba(255,155,0,.11) !important;
        backdrop-filter:blur(8px) saturate(1.14) !important;
    }

    body.gwc-theme-v0226 .nav-form-v0221{
        display:contents !important;
    }

    body.gwc-theme-v0226 .nav-item-v0221,
    body.gwc-theme-v0226 .nav-button-v0221{
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:28px !important;
        min-height:28px !important;
        padding:0 4px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:4px !important;
        border-radius:9px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-right:1px solid rgba(255,255,255,.10) !important;
        background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.20)) !important;
        color:#f8fbff !important;
        font-size:.62rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.02em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }

    body.gwc-theme-v0226 .nav-ico-v0221{
        display:none !important;
    }

    body.gwc-theme-v0226 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,115,255,.48),rgba(0,115,255,.14)) !important;
        border-color:rgba(33,216,255,.44) !important;
        box-shadow:inset 0 -2px 0 var(--gwc24-cyan),0 0 22px rgba(0,152,255,.22) !important;
    }

    body.gwc-theme-v0226 .nav-register-v0221{
        color:#fff2c8 !important;
        background:linear-gradient(135deg,rgba(255,155,0,.52),rgba(255,155,0,.17)) !important;
        border-color:rgba(255,155,0,.54) !important;
        box-shadow:0 0 24px rgba(255,155,0,.22),inset 0 0 0 1px rgba(255,155,0,.18) !important;
    }

    body.gwc-theme-v0226 .gwc-home-v0221{
        padding-top:12px !important;
    }

    body.gwc-theme-v0226 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0226 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0226 .control-card-v0221{order:2 !important;}

    body.gwc-theme-v0226 .gwc-hero-card-v0221,
    body.gwc-theme-v0226 .control-card-v0221{
        width:100% !important;
        max-width:100% !important;
        border-radius:20px !important;
        padding:22px 16px !important;
    }

    body.gwc-theme-v0226 .hero-headline-v0221{
        font-size:clamp(2.02rem,10.2vw,3.65rem) !important;
        line-height:.99 !important;
        letter-spacing:-.058em !important;
    }
}

@media(max-width:430px){
    body.gwc-theme-v0226 .gwc-shell-v0221{
        width:calc(100% - 10px) !important;
        max-width:calc(100% - 10px) !important;
    }
    body.gwc-theme-v0226 .gwc-banner-nav-v0221{
        top:6px !important;
        left:6px !important;
        right:6px !important;
        padding:4px !important;
        gap:3px !important;
        grid-auto-rows:26px !important;
    }
    body.gwc-theme-v0226 .nav-item-v0221,
    body.gwc-theme-v0226 .nav-button-v0221{
        height:26px !important;
        min-height:26px !important;
        font-size:.58rem !important;
        padding:0 2px !important;
        letter-spacing:-.025em !important;
    }
    body.gwc-theme-v0226 .gwc-hero-card-v0221,
    body.gwc-theme-v0226 .control-card-v0221{
        padding:19px 13px !important;
    }
    body.gwc-theme-v0226 .hero-headline-v0221{
        font-size:clamp(1.92rem,9.8vw,3.35rem) !important;
    }
}

@media(max-width:360px){
    body.gwc-theme-v0226 .nav-item-v0221,
    body.gwc-theme-v0226 .nav-button-v0221{
        font-size:.53rem !important;
    }
}

/* =========================================================
   GWC Portal v0.2.27 - Handy Menü sauber 2-zeilig im Banner
   Fix zu v0.2.26:
   - Login/Registrieren erben keine alten Grid-Spans mehr.
   - Handy-Navigation wird wirklich 4 x 2 statt 4 + 2 + 2.
   - Menühöhe deutlich kleiner, damit der Banner wieder besser wirkt.
   - Desktop bleibt wie v0.2.24/v0.2.26 für spätere PC-Prüfung.
   ========================================================= */
body.gwc-theme-v0227{
    overflow-x:hidden !important;
}

@media(max-width:760px){
    body.gwc-theme-v0227 .gwc-shell-v0221{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
    }

    body.gwc-theme-v0227 .gwc-shell-header-v0221{
        padding:14px 0 10px !important;
    }

    body.gwc-theme-v0227 .gwc-integrated-banner-v0221{
        position:relative !important;
        overflow:hidden !important;
        border-radius:18px !important;
        padding:0 !important;
        background:#02050b !important;
        box-shadow:
            0 0 0 1px rgba(0,152,255,.50),
            0 0 0 2px rgba(255,155,0,.22),
            0 18px 64px rgba(0,0,0,.72),
            -18px 0 52px rgba(0,132,255,.20),
            18px 0 52px rgba(255,142,0,.16) !important;
    }

    body.gwc-theme-v0227 .gwc-banner-link-v0221{
        display:block !important;
        position:relative !important;
        z-index:1 !important;
        line-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.gwc-theme-v0227 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.30) contrast(1.12) brightness(.98) !important;
    }

    /* 4 Spalten x 2 Zeilen direkt IM Bannerbild */
    body.gwc-theme-v0227 .gwc-banner-nav-v0221{
        position:absolute !important;
        top:7px !important;
        left:7px !important;
        right:7px !important;
        bottom:auto !important;
        width:auto !important;
        max-width:none !important;
        transform:none !important;
        z-index:50 !important;
        margin:0 !important;
        padding:4px !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:25px !important;
        gap:3px !important;
        overflow:hidden !important;
        border-radius:12px !important;
        border:1px solid rgba(255,255,255,.13) !important;
        background:
            linear-gradient(90deg,rgba(0,10,24,.58),rgba(3,4,8,.43) 50%,rgba(34,15,0,.58)) !important;
        box-shadow:
            0 10px 28px rgba(0,0,0,.46),
            inset 0 1px 0 rgba(255,255,255,.12),
            0 0 22px rgba(0,152,255,.12),
            0 0 22px rgba(255,155,0,.10) !important;
        backdrop-filter:blur(7px) saturate(1.12) !important;
    }

    body.gwc-theme-v0227 .nav-form-v0221{
        display:contents !important;
        grid-column:auto !important;
    }

    body.gwc-theme-v0227 .nav-item-v0221,
    body.gwc-theme-v0227 .nav-button-v0221,
    body.gwc-theme-v0227 .nav-login-v0221,
    body.gwc-theme-v0227 .nav-register-v0221,
    body.gwc-theme-v0227 .nav-admin-v0221,
    body.gwc-theme-v0227 .nav-logout-v0221{
        grid-column:auto !important;
        grid-row:auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:25px !important;
        min-height:25px !important;
        padding:0 4px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:0 !important;
        border-radius:8px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        border-right:1px solid rgba(255,255,255,.10) !important;
        background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(0,0,0,.20)) !important;
        color:#f8fbff !important;
        font-size:.60rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.015em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }

    body.gwc-theme-v0227 .nav-ico-v0221{
        display:none !important;
    }

    body.gwc-theme-v0227 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,115,255,.48),rgba(0,115,255,.14)) !important;
        border-color:rgba(33,216,255,.44) !important;
        box-shadow:inset 0 -2px 0 var(--gwc24-cyan),0 0 20px rgba(0,152,255,.21) !important;
    }

    body.gwc-theme-v0227 .nav-register-v0221{
        color:#fff2c8 !important;
        background:linear-gradient(135deg,rgba(255,155,0,.52),rgba(255,155,0,.17)) !important;
        border-color:rgba(255,155,0,.54) !important;
        box-shadow:0 0 20px rgba(255,155,0,.20),inset 0 0 0 1px rgba(255,155,0,.18) !important;
    }

    body.gwc-theme-v0227 .gwc-home-v0221{
        padding-top:12px !important;
    }

    body.gwc-theme-v0227 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0227 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0227 .control-card-v0221{order:2 !important;}

    body.gwc-theme-v0227 .gwc-hero-card-v0221,
    body.gwc-theme-v0227 .control-card-v0221{
        width:100% !important;
        max-width:100% !important;
        border-radius:20px !important;
        padding:22px 16px !important;
    }

    body.gwc-theme-v0227 .hero-headline-v0221{
        font-size:clamp(2.02rem,10.2vw,3.65rem) !important;
        line-height:.99 !important;
        letter-spacing:-.058em !important;
    }
}

@media(max-width:430px){
    body.gwc-theme-v0227 .gwc-shell-v0221{
        width:calc(100% - 10px) !important;
        max-width:calc(100% - 10px) !important;
    }
    body.gwc-theme-v0227 .gwc-banner-nav-v0221{
        top:6px !important;
        left:6px !important;
        right:6px !important;
        padding:4px !important;
        gap:3px !important;
        grid-auto-rows:24px !important;
    }
    body.gwc-theme-v0227 .nav-item-v0221,
    body.gwc-theme-v0227 .nav-button-v0221,
    body.gwc-theme-v0227 .nav-login-v0221,
    body.gwc-theme-v0227 .nav-register-v0221,
    body.gwc-theme-v0227 .nav-admin-v0221,
    body.gwc-theme-v0227 .nav-logout-v0221{
        height:24px !important;
        min-height:24px !important;
        font-size:.56rem !important;
        padding:0 2px !important;
        letter-spacing:-.025em !important;
    }
    body.gwc-theme-v0227 .gwc-hero-card-v0221,
    body.gwc-theme-v0227 .control-card-v0221{
        padding:19px 13px !important;
    }
    body.gwc-theme-v0227 .hero-headline-v0221{
        font-size:clamp(1.92rem,9.8vw,3.35rem) !important;
    }
}

@media(max-width:360px){
    body.gwc-theme-v0227 .nav-item-v0221,
    body.gwc-theme-v0227 .nav-button-v0221,
    body.gwc-theme-v0227 .nav-login-v0221,
    body.gwc-theme-v0227 .nav-register-v0221,
    body.gwc-theme-v0227 .nav-admin-v0221,
    body.gwc-theme-v0227 .nav-logout-v0221{
        font-size:.52rem !important;
    }
}


/* =========================================================
   GWC Portal v0.2.28 - Menü ÜBER dem Banner integriert
   Ziel:
   - Desktop: Menü als schlanke Overlay-Leiste oben im Banner
   - Handy: Menü NICHT darunter, sondern als kompakte 2-Zeilen-Overlay-Leiste
   - Bannerbild bleibt sichtbar, Menü verdeckt nur einen schmalen oberen Streifen
   ========================================================= */
body.gwc-theme-v0228{
    --gwc28-blue:#009cff;
    --gwc28-cyan:#20e2ff;
    --gwc28-orange:#ff9c00;
    --gwc28-gold:#ffc43a;
    overflow-x:hidden !important;
}

body.gwc-theme-v0228 .gwc-shell-header-v0221{
    padding:24px 0 14px !important;
}

body.gwc-theme-v0228 .gwc-integrated-banner-v0221{
    position:relative !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:#02050a !important;
    box-shadow:
        0 0 0 1px rgba(0,156,255,.56),
        0 0 0 2px rgba(255,156,0,.24),
        -22px 0 84px rgba(0,156,255,.24),
        22px 0 92px rgba(255,156,0,.18),
        0 24px 90px rgba(0,0,0,.74) !important;
}

body.gwc-theme-v0228 .gwc-banner-link-v0221{
    display:block !important;
    position:relative !important;
    z-index:1 !important;
    line-height:0 !important;
}

body.gwc-theme-v0228 .gwc-banner-link-v0221 img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    filter:saturate(1.26) contrast(1.10) brightness(.96) !important;
}

/* Desktop: echte Overlay-Leiste über dem Bannerbild */
body.gwc-theme-v0228 .gwc-banner-nav-v0221{
    position:absolute !important;
    z-index:60 !important;
    top:18px !important;
    bottom:auto !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(1030px,76%) !important;
    max-width:calc(100% - 70px) !important;
    height:54px !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:repeat(8,minmax(78px,1fr)) !important;
    grid-auto-rows:54px !important;
    gap:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background:
        linear-gradient(90deg,rgba(0,18,40,.56),rgba(3,6,12,.42) 48%,rgba(38,17,0,.58)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(255,156,0,.12),
        0 16px 48px rgba(0,0,0,.48),
        -10px 0 30px rgba(0,156,255,.15),
        10px 0 30px rgba(255,156,0,.12) !important;
    backdrop-filter:blur(9px) saturate(1.15) !important;
}

body.gwc-theme-v0228 .nav-form-v0221{display:contents !important;}
body.gwc-theme-v0228 .nav-item-v0221,
body.gwc-theme-v0228 .nav-button-v0221{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    padding:0 10px !important;
    border-radius:0 !important;
    border:0 !important;
    border-right:1px solid rgba(255,255,255,.12) !important;
    background:rgba(0,0,0,.06) !important;
    color:#f9fbff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:row !important;
    gap:7px !important;
    font-size:.88rem !important;
    font-weight:950 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-shadow:0 2px 14px rgba(0,0,0,.95) !important;
    box-shadow:none !important;
}
body.gwc-theme-v0228 .nav-ico-v0221{font-size:1rem !important;color:var(--gwc28-cyan) !important;}
body.gwc-theme-v0228 .nav-home-v0221{
    background:linear-gradient(180deg,rgba(0,118,255,.34),rgba(0,118,255,.06)) !important;
    box-shadow:inset 0 -2px 0 var(--gwc28-cyan),0 0 30px rgba(0,156,255,.28) !important;
}
body.gwc-theme-v0228 .nav-register-v0221{
    color:#fff4c8 !important;
    border-right:0 !important;
    background:linear-gradient(135deg,rgba(255,156,0,.38),rgba(255,156,0,.12)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,156,0,.38),0 0 30px rgba(255,156,0,.22) !important;
}
body.gwc-theme-v0228 .nav-register-v0221 .nav-ico-v0221{color:var(--gwc28-gold) !important;}

@media(max-width:760px){
    body.gwc-theme-v0228 .gwc-shell-v0221{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
    }
    body.gwc-theme-v0228 .gwc-shell-header-v0221{
        padding:14px 0 10px !important;
    }
    body.gwc-theme-v0228 .gwc-integrated-banner-v0221{
        border-radius:18px !important;
        padding:0 !important;
        min-height:0 !important;
    }
    body.gwc-theme-v0228 .gwc-integrated-banner-v0221:after{border-radius:18px !important;}
    body.gwc-theme-v0228 .gwc-banner-link-v0221 img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
    }

    /* Handy: 2-Zeilen-Overlay oben AUF dem Banner, nicht darunter */
    body.gwc-theme-v0228 .gwc-banner-nav-v0221{
        position:absolute !important;
        z-index:80 !important;
        top:7px !important;
        left:8px !important;
        right:8px !important;
        bottom:auto !important;
        transform:none !important;
        width:auto !important;
        max-width:none !important;
        height:auto !important;
        min-height:0 !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:26px !important;
        gap:4px !important;
        padding:4px !important;
        margin:0 !important;
        overflow:hidden !important;
        border-radius:12px !important;
        border:1px solid rgba(255,255,255,.12) !important;
        background:
            linear-gradient(90deg,rgba(0,14,30,.50),rgba(3,5,9,.34) 48%,rgba(34,14,0,.50)) !important;
        box-shadow:
            0 8px 26px rgba(0,0,0,.48),
            inset 0 1px 0 rgba(255,255,255,.14),
            -8px 0 24px rgba(0,156,255,.12),
            8px 0 24px rgba(255,156,0,.10) !important;
        backdrop-filter:blur(7px) saturate(1.15) !important;
    }
    body.gwc-theme-v0228 .nav-form-v0221{display:contents !important;}
    body.gwc-theme-v0228 .nav-item-v0221,
    body.gwc-theme-v0228 .nav-button-v0221,
    body.gwc-theme-v0228 .nav-login-v0221,
    body.gwc-theme-v0228 .nav-register-v0221,
    body.gwc-theme-v0228 .nav-admin-v0221,
    body.gwc-theme-v0228 .nav-logout-v0221{
        grid-column:auto !important;
        grid-row:auto !important;
        width:100% !important;
        height:26px !important;
        min-height:26px !important;
        max-height:26px !important;
        padding:0 4px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:0 !important;
        border-radius:8px !important;
        border:1px solid rgba(255,255,255,.10) !important;
        background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.20)) !important;
        color:#fff !important;
        font-size:.62rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.012em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 10px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }
    body.gwc-theme-v0228 .nav-ico-v0221{display:none !important;}
    body.gwc-theme-v0228 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,126,255,.48),rgba(0,126,255,.12)) !important;
        border-color:rgba(32,226,255,.44) !important;
        box-shadow:inset 0 -2px 0 var(--gwc28-cyan),0 0 18px rgba(0,156,255,.18) !important;
    }
    body.gwc-theme-v0228 .nav-register-v0221{
        color:#fff2c7 !important;
        background:linear-gradient(135deg,rgba(255,156,0,.52),rgba(255,156,0,.16)) !important;
        border-color:rgba(255,156,0,.52) !important;
        box-shadow:0 0 18px rgba(255,156,0,.18),inset 0 0 0 1px rgba(255,156,0,.14) !important;
    }

    body.gwc-theme-v0228 .gwc-home-v0221{padding-top:12px !important;}
    body.gwc-theme-v0228 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
    }
    body.gwc-theme-v0228 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0228 .control-card-v0221{order:2 !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0228 .gwc-shell-v0221{width:calc(100% - 10px) !important;max-width:calc(100% - 10px) !important;}
    body.gwc-theme-v0228 .gwc-banner-nav-v0221{
        top:6px !important;
        left:6px !important;
        right:6px !important;
        grid-auto-rows:24px !important;
        gap:3px !important;
        padding:4px !important;
    }
    body.gwc-theme-v0228 .nav-item-v0221,
    body.gwc-theme-v0228 .nav-button-v0221,
    body.gwc-theme-v0228 .nav-login-v0221,
    body.gwc-theme-v0228 .nav-register-v0221,
    body.gwc-theme-v0228 .nav-admin-v0221,
    body.gwc-theme-v0228 .nav-logout-v0221{
        height:24px !important;
        min-height:24px !important;
        max-height:24px !important;
        font-size:.56rem !important;
        padding:0 2px !important;
        letter-spacing:-.03em !important;
    }
}

@media(max-width:360px){
    body.gwc-theme-v0228 .nav-item-v0221,
    body.gwc-theme-v0228 .nav-button-v0221,
    body.gwc-theme-v0228 .nav-login-v0221,
    body.gwc-theme-v0228 .nav-register-v0221,
    body.gwc-theme-v0228 .nav-admin-v0221,
    body.gwc-theme-v0228 .nav-logout-v0221{
        font-size:.52rem !important;
    }
}


/* =========================================================
   GWC Portal v0.2.29 - Mobile Banner-Menü endgültig bereinigt
   Ziel:
   - Desktop bleibt Zielbild-orientiert: schlanke Overlay-Leiste im Banner
   - Handy: 8 Menüpunkte exakt 4 Spalten x 2 Zeilen, KEINE dritte Zeile
   - Menü liegt als flacher Overlay-Streifen im Banner, nicht als Kachelblock darunter
   - Bannerbild wird nicht reingezoomt, Hero bleibt direkt darunter
   ========================================================= */
body.gwc-theme-v0229{
    --gwc29-blue:#039cff;
    --gwc29-cyan:#18e8ff;
    --gwc29-orange:#ff9a00;
    --gwc29-gold:#ffca35;
    overflow-x:hidden !important;
}

/* Desktop: genau wie Zielbild - keine Handy-Kacheloptik */
body.gwc-theme-v0229 .gwc-shell-header-v0221{padding:24px 0 16px !important;}
body.gwc-theme-v0229 .gwc-integrated-banner-v0221{
    position:relative !important;
    overflow:hidden !important;
    border-radius:28px !important;
    background:#02050a !important;
    box-shadow:
        0 0 0 1px rgba(3,156,255,.52),
        0 0 0 2px rgba(255,154,0,.18),
        -25px 0 80px rgba(3,156,255,.20),
        25px 0 90px rgba(255,154,0,.16),
        0 24px 80px rgba(0,0,0,.62) !important;
}
body.gwc-theme-v0229 .gwc-banner-link-v0221{display:block !important;position:relative !important;z-index:1 !important;line-height:0 !important;}
body.gwc-theme-v0229 .gwc-banner-link-v0221 img{
    display:block !important;width:100% !important;height:auto !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;filter:saturate(1.26) contrast(1.10) brightness(.96) !important;
}
body.gwc-theme-v0229 .gwc-banner-nav-v0221{
    position:absolute !important;z-index:90 !important;top:18px !important;left:50% !important;right:auto !important;bottom:auto !important;transform:translateX(-50%) !important;
    width:min(1040px,76%) !important;max-width:calc(100% - 72px) !important;height:52px !important;min-height:52px !important;
    display:grid !important;grid-template-columns:repeat(8,minmax(74px,1fr)) !important;grid-auto-rows:52px !important;gap:0 !important;overflow:hidden !important;
    border-radius:18px !important;border:1px solid rgba(255,255,255,.14) !important;
    background:linear-gradient(90deg,rgba(0,17,36,.50),rgba(3,6,12,.38) 50%,rgba(36,16,0,.52)) !important;
    backdrop-filter:blur(8px) saturate(1.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,154,0,.12),0 16px 48px rgba(0,0,0,.48),-10px 0 28px rgba(3,156,255,.12),10px 0 28px rgba(255,154,0,.10) !important;
}
body.gwc-theme-v0229 .nav-form-v0221{display:contents !important;margin:0 !important;}
body.gwc-theme-v0229 .gwc-banner-nav-v0221 > a,
body.gwc-theme-v0229 .gwc-banner-nav-v0221 > form,
body.gwc-theme-v0229 .gwc-banner-nav-v0221 > form > button{grid-column:auto / span 1 !important;grid-row:auto !important;}
body.gwc-theme-v0229 .nav-item-v0221,
body.gwc-theme-v0229 .nav-button-v0221,
body.gwc-theme-v0229 .nav-login-v0221,
body.gwc-theme-v0229 .nav-register-v0221,
body.gwc-theme-v0229 .nav-admin-v0221,
body.gwc-theme-v0229 .nav-logout-v0221{
    width:100% !important;height:52px !important;min-height:52px !important;max-height:52px !important;padding:0 10px !important;border-radius:0 !important;border:0 !important;border-right:1px solid rgba(255,255,255,.11) !important;
    display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:row !important;gap:7px !important;
    background:rgba(0,0,0,.05) !important;color:#f8fbff !important;font-size:.86rem !important;font-weight:950 !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 2px 13px rgba(0,0,0,.98) !important;box-shadow:none !important;
}
body.gwc-theme-v0229 .nav-ico-v0221{font-size:1rem !important;color:var(--gwc29-cyan) !important;filter:drop-shadow(0 0 8px rgba(24,232,255,.65)) !important;}
body.gwc-theme-v0229 .nav-home-v0221{background:linear-gradient(180deg,rgba(3,156,255,.34),rgba(3,156,255,.06)) !important;box-shadow:inset 0 -2px 0 var(--gwc29-cyan),0 0 28px rgba(3,156,255,.24) !important;}
body.gwc-theme-v0229 .nav-register-v0221{color:#fff1c4 !important;border-right:0 !important;background:linear-gradient(135deg,rgba(255,154,0,.38),rgba(255,154,0,.10)) !important;box-shadow:inset 0 0 0 1px rgba(255,154,0,.35),0 0 26px rgba(255,154,0,.19) !important;}
body.gwc-theme-v0229 .nav-register-v0221 .nav-ico-v0221{color:var(--gwc29-gold) !important;filter:drop-shadow(0 0 10px rgba(255,202,53,.75)) !important;}

@media(max-width:760px){
    body.gwc-theme-v0229 .gwc-shell-v0221{width:calc(100% - 12px) !important;max-width:calc(100% - 12px) !important;}
    body.gwc-theme-v0229 .gwc-shell-header-v0221{padding:14px 0 10px !important;}
    body.gwc-theme-v0229 .gwc-integrated-banner-v0221{
        border-radius:18px !important;padding:0 !important;min-height:0 !important;overflow:hidden !important;
    }
    body.gwc-theme-v0229 .gwc-integrated-banner-v0221:before{content:none !important;}
    body.gwc-theme-v0229 .gwc-integrated-banner-v0221:after{border-radius:18px !important;pointer-events:none !important;}
    body.gwc-theme-v0229 .gwc-banner-link-v0221{display:block !important;line-height:0 !important;}
    body.gwc-theme-v0229 .gwc-banner-link-v0221 img{
        width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;filter:saturate(1.20) contrast(1.06) brightness(.92) !important;
    }

    /* Handy-Fix: exakt 4 x 2, keine dritte Zeile, alles im Banner */
    body.gwc-theme-v0229 .gwc-banner-nav-v0221{
        position:absolute !important;z-index:120 !important;top:7px !important;left:7px !important;right:7px !important;bottom:auto !important;transform:none !important;
        width:auto !important;max-width:none !important;height:58px !important;min-height:58px !important;max-height:58px !important;
        display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:repeat(2,27px) !important;grid-auto-rows:27px !important;gap:4px !important;padding:4px !important;margin:0 !important;overflow:hidden !important;
        border-radius:12px !important;border:1px solid rgba(255,255,255,.12) !important;
        background:linear-gradient(90deg,rgba(0,14,31,.46),rgba(3,5,9,.28) 50%,rgba(38,15,0,.46)) !important;
        backdrop-filter:blur(6px) saturate(1.16) !important;
        box-shadow:0 8px 24px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.12),-8px 0 22px rgba(3,156,255,.11),8px 0 22px rgba(255,154,0,.10) !important;
    }
    body.gwc-theme-v0229 .nav-form-v0221{display:contents !important;margin:0 !important;padding:0 !important;}
    body.gwc-theme-v0229 .gwc-banner-nav-v0221 > a,
    body.gwc-theme-v0229 .gwc-banner-nav-v0221 > form,
    body.gwc-theme-v0229 .gwc-banner-nav-v0221 > form > button,
    body.gwc-theme-v0229 .nav-item-v0221,
    body.gwc-theme-v0229 .nav-button-v0221,
    body.gwc-theme-v0229 .nav-login-v0221,
    body.gwc-theme-v0229 .nav-register-v0221,
    body.gwc-theme-v0229 .nav-admin-v0221,
    body.gwc-theme-v0229 .nav-logout-v0221{
        grid-column:auto / span 1 !important;grid-row:auto !important;width:100% !important;height:27px !important;min-height:27px !important;max-height:27px !important;margin:0 !important;padding:0 3px !important;
        display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:row !important;gap:0 !important;border-radius:8px !important;border:1px solid rgba(255,255,255,.10) !important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.18)) !important;
        color:#fff !important;font-size:.62rem !important;font-weight:950 !important;line-height:1 !important;letter-spacing:-.02em !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 2px 10px rgba(0,0,0,1) !important;box-shadow:none !important;
    }
    body.gwc-theme-v0229 .nav-ico-v0221{display:none !important;}
    body.gwc-theme-v0229 .nav-home-v0221{background:linear-gradient(180deg,rgba(3,156,255,.46),rgba(3,156,255,.12)) !important;border-color:rgba(24,232,255,.44) !important;box-shadow:inset 0 -2px 0 var(--gwc29-cyan),0 0 16px rgba(3,156,255,.18) !important;}
    body.gwc-theme-v0229 .nav-register-v0221{background:linear-gradient(135deg,rgba(255,154,0,.52),rgba(255,154,0,.15)) !important;border-color:rgba(255,154,0,.52) !important;color:#fff2c6 !important;box-shadow:0 0 18px rgba(255,154,0,.16),inset 0 0 0 1px rgba(255,154,0,.12) !important;}

    body.gwc-theme-v0229 .gwc-home-v0221{padding-top:12px !important;}
    body.gwc-theme-v0229 .gwc-main-grid-v0221{grid-template-columns:1fr !important;gap:14px !important;overflow:hidden !important;}
    body.gwc-theme-v0229 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0229 .control-card-v0221{order:2 !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0229 .gwc-shell-v0221{width:calc(100% - 10px) !important;max-width:calc(100% - 10px) !important;}
    body.gwc-theme-v0229 .gwc-banner-nav-v0221{top:6px !important;left:6px !important;right:6px !important;height:54px !important;min-height:54px !important;max-height:54px !important;grid-template-rows:repeat(2,25px) !important;grid-auto-rows:25px !important;gap:3px !important;padding:4px !important;}
    body.gwc-theme-v0229 .nav-item-v0221,
    body.gwc-theme-v0229 .nav-button-v0221,
    body.gwc-theme-v0229 .nav-login-v0221,
    body.gwc-theme-v0229 .nav-register-v0221,
    body.gwc-theme-v0229 .nav-admin-v0221,
    body.gwc-theme-v0229 .nav-logout-v0221{height:25px !important;min-height:25px !important;max-height:25px !important;font-size:.57rem !important;padding:0 2px !important;letter-spacing:-.035em !important;}
}

@media(max-width:370px){
    body.gwc-theme-v0229 .gwc-banner-nav-v0221{height:50px !important;min-height:50px !important;max-height:50px !important;grid-template-rows:repeat(2,23px) !important;grid-auto-rows:23px !important;}
    body.gwc-theme-v0229 .nav-item-v0221,
    body.gwc-theme-v0229 .nav-button-v0221,
    body.gwc-theme-v0229 .nav-login-v0221,
    body.gwc-theme-v0229 .nav-register-v0221,
    body.gwc-theme-v0229 .nav-admin-v0221,
    body.gwc-theme-v0229 .nav-logout-v0221{height:23px !important;min-height:23px !important;max-height:23px !important;font-size:.52rem !important;}
}


/* =========================================================
   GWC Portal v0.2.30 - Mobile Nav als Top-Leiste ÜBER dem Bannerbild
   Ziel: Desktop bleibt wie Zielbild, Handy bekommt eine saubere integrierte
   Header-Karte: Menü oben, Bannerbild darunter, ohne Bild zu verdecken.
   ========================================================= */
body.gwc-theme-v0230{
    --gwc30-cyan:#18e8ff;
    --gwc30-blue:#1197ff;
    --gwc30-orange:#ff9a00;
    --gwc30-gold:#ffca35;
    overflow-x:hidden !important;
}

/* Desktop: bestehendes v0.2.29 Banner-Overlay unverändert stark lassen */
body.gwc-theme-v0230 .gwc-integrated-banner-v0221{
    isolation:isolate !important;
}

@media(max-width:760px){
    body.gwc-theme-v0230 .gwc-shell-v0221{
        width:calc(100% - 14px) !important;
        max-width:calc(100% - 14px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.gwc-theme-v0230 .gwc-shell-header-v0221{
        padding:14px 0 10px !important;
    }

    /* Die ganze Kopfzone ist jetzt EINE Karte: Menü oben, Banner unten. */
    body.gwc-theme-v0230 .gwc-integrated-banner-v0221{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:0 !important;
        position:relative !important;
        overflow:hidden !important;
        padding:0 !important;
        min-height:0 !important;
        border-radius:18px !important;
        background:
            linear-gradient(90deg,rgba(0,13,30,.86),rgba(4,6,12,.84) 48%,rgba(38,16,0,.86)) !important;
        box-shadow:
            0 0 0 1px rgba(24,232,255,.44),
            0 0 0 2px rgba(255,154,0,.18),
            -12px 0 46px rgba(3,156,255,.18),
            12px 0 50px rgba(255,154,0,.14),
            0 16px 48px rgba(0,0,0,.58) !important;
    }

    body.gwc-theme-v0230 .gwc-integrated-banner-v0221:before{
        content:"" !important;
        position:absolute !important;
        inset:0 !important;
        z-index:0 !important;
        pointer-events:none !important;
        background:
            linear-gradient(90deg,rgba(24,232,255,.10),transparent 42%,rgba(255,154,0,.12)),
            repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 80px) !important;
        opacity:.75 !important;
    }

    body.gwc-theme-v0230 .gwc-integrated-banner-v0221:after{
        border-radius:18px !important;
        pointer-events:none !important;
    }

    /* Menü NICHT mehr über dem Logo/Bild. Es sitzt oben in der gleichen Header-Karte. */
    body.gwc-theme-v0230 .gwc-banner-nav-v0221{
        order:0 !important;
        position:relative !important;
        z-index:5 !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        transform:none !important;
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,34px) !important;
        grid-auto-rows:34px !important;
        gap:0 !important;
        padding:6px !important;
        margin:0 !important;
        overflow:hidden !important;
        border:0 !important;
        border-radius:0 !important;
        border-bottom:1px solid rgba(255,255,255,.11) !important;
        background:
            linear-gradient(90deg,rgba(0,16,36,.74),rgba(4,6,12,.62) 52%,rgba(45,18,0,.76)) !important;
        backdrop-filter:blur(10px) saturate(1.16) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.11),
            inset 0 -1px 0 rgba(255,154,0,.18),
            0 10px 28px rgba(0,0,0,.38) !important;
    }

    body.gwc-theme-v0230 .nav-form-v0221{
        display:contents !important;
        margin:0 !important;
        padding:0 !important;
    }

    body.gwc-theme-v0230 .gwc-banner-nav-v0221 > a,
    body.gwc-theme-v0230 .gwc-banner-nav-v0221 > form,
    body.gwc-theme-v0230 .gwc-banner-nav-v0221 > form > button,
    body.gwc-theme-v0230 .nav-item-v0221,
    body.gwc-theme-v0230 .nav-button-v0221,
    body.gwc-theme-v0230 .nav-login-v0221,
    body.gwc-theme-v0230 .nav-register-v0221,
    body.gwc-theme-v0230 .nav-admin-v0221,
    body.gwc-theme-v0230 .nav-logout-v0221{
        grid-column:auto / span 1 !important;
        grid-row:auto !important;
        width:100% !important;
        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
        margin:0 !important;
        padding:0 4px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:4px !important;
        border:0 !important;
        border-right:1px solid rgba(255,255,255,.095) !important;
        border-bottom:1px solid rgba(255,255,255,.075) !important;
        border-radius:0 !important;
        background:rgba(0,0,0,.08) !important;
        color:#f8fbff !important;
        font-size:.64rem !important;
        font-weight:950 !important;
        line-height:1 !important;
        letter-spacing:-.025em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 12px rgba(0,0,0,1) !important;
        box-shadow:none !important;
    }

    body.gwc-theme-v0230 .nav-ico-v0221{
        display:none !important;
    }

    body.gwc-theme-v0230 .nav-home-v0221{
        color:#fff !important;
        background:linear-gradient(180deg,rgba(3,156,255,.43),rgba(3,156,255,.12)) !important;
        box-shadow:inset 0 -2px 0 var(--gwc30-cyan),0 0 18px rgba(3,156,255,.20) !important;
    }

    body.gwc-theme-v0230 .nav-register-v0221{
        color:#fff1c4 !important;
        background:linear-gradient(135deg,rgba(255,154,0,.46),rgba(255,154,0,.16)) !important;
        box-shadow:inset 0 0 0 1px rgba(255,154,0,.30),0 0 18px rgba(255,154,0,.16) !important;
    }

    body.gwc-theme-v0230 .gwc-banner-link-v0221{
        order:1 !important;
        position:relative !important;
        z-index:2 !important;
        display:block !important;
        line-height:0 !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0230 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.20) contrast(1.08) brightness(.92) !important;
    }

    body.gwc-theme-v0230 .gwc-home-v0221{
        padding-top:12px !important;
    }

    body.gwc-theme-v0230 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0230 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0230 .control-card-v0221{order:2 !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0230 .gwc-shell-v0221{
        width:calc(100% - 10px) !important;
        max-width:calc(100% - 10px) !important;
    }

    body.gwc-theme-v0230 .gwc-banner-nav-v0221{
        grid-template-rows:repeat(2,31px) !important;
        grid-auto-rows:31px !important;
        padding:5px !important;
    }

    body.gwc-theme-v0230 .nav-item-v0221,
    body.gwc-theme-v0230 .nav-button-v0221,
    body.gwc-theme-v0230 .nav-login-v0221,
    body.gwc-theme-v0230 .nav-register-v0221,
    body.gwc-theme-v0230 .nav-admin-v0221,
    body.gwc-theme-v0230 .nav-logout-v0221{
        height:31px !important;
        min-height:31px !important;
        max-height:31px !important;
        font-size:.59rem !important;
        padding:0 2px !important;
        letter-spacing:-.035em !important;
    }
}

@media(max-width:360px){
    body.gwc-theme-v0230 .gwc-banner-nav-v0221{
        grid-template-rows:repeat(2,29px) !important;
        grid-auto-rows:29px !important;
        padding:4px !important;
    }

    body.gwc-theme-v0230 .nav-item-v0221,
    body.gwc-theme-v0230 .nav-button-v0221,
    body.gwc-theme-v0230 .nav-login-v0221,
    body.gwc-theme-v0230 .nav-register-v0221,
    body.gwc-theme-v0230 .nav-admin-v0221,
    body.gwc-theme-v0230 .nav-logout-v0221{
        height:29px !important;
        min-height:29px !important;
        max-height:29px !important;
        font-size:.53rem !important;
    }
}

/* =========================================================
   GWC Portal v0.2.31 - Mobile Hamburger-Menü links
   Desktop bleibt wie v0.2.30, Handy nutzt Drawer statt Banner-Kachelmenü
   ========================================================= */
body.gwc-theme-v0231{
    overflow-x:hidden !important;
}

body.gwc-theme-v0231 .gwc-mobile-menu-toggle-v0231{
    display:none;
}

body.gwc-theme-v0231 .gwc-mobile-drawer-v0231{
    position:fixed;
    inset:0;
    z-index:99999;
    pointer-events:none;
    opacity:0;
    transition:opacity .22s ease;
}

body.gwc-theme-v0231 .gwc-mobile-drawer-backdrop-v0231{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    background:rgba(0,0,0,.64);
    backdrop-filter:blur(6px);
    cursor:pointer;
}

body.gwc-theme-v0231 .gwc-mobile-drawer-panel-v0231{
    position:absolute;
    top:0;
    left:0;
    width:min(330px,86vw);
    height:100%;
    padding:20px 16px 22px;
    color:#f7fbff;
    background:
        linear-gradient(145deg,rgba(2,8,20,.98),rgba(5,11,22,.96) 48%,rgba(42,21,3,.94)),
        radial-gradient(circle at 8% 10%,rgba(24,232,255,.18),transparent 36%),
        radial-gradient(circle at 110% 26%,rgba(255,154,0,.18),transparent 36%);
    border-right:1px solid rgba(24,232,255,.28);
    box-shadow:26px 0 70px rgba(0,0,0,.62), inset -1px 0 0 rgba(255,154,0,.18);
    transform:translateX(-104%);
    transition:transform .26s cubic-bezier(.2,.9,.2,1);
    overflow-y:auto;
}

body.gwc-theme-v0231.gwc-mobile-menu-open-v0231{
    overflow:hidden !important;
}

body.gwc-theme-v0231.gwc-mobile-menu-open-v0231 .gwc-mobile-drawer-v0231{
    opacity:1;
    pointer-events:auto;
}

body.gwc-theme-v0231.gwc-mobile-menu-open-v0231 .gwc-mobile-drawer-panel-v0231{
    transform:translateX(0);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-head-v0231{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:8px 4px 18px;
    margin-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-head-v0231 small{
    display:block;
    color:#79f7ff;
    font-size:.72rem;
    font-weight:950;
    letter-spacing:.16em;
    text-transform:uppercase;
    text-shadow:0 0 16px rgba(24,232,255,.42);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-head-v0231 strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:2rem;
    line-height:1;
    font-weight:1000;
    letter-spacing:-.04em;
}

body.gwc-theme-v0231 .gwc-mobile-drawer-close-v0231{
    width:44px;
    height:44px;
    border-radius:16px;
    border:1px solid rgba(255,154,0,.34);
    color:#fff;
    background:linear-gradient(135deg,rgba(255,154,0,.22),rgba(0,0,0,.22));
    font-size:2rem;
    line-height:1;
    cursor:pointer;
    box-shadow:0 0 24px rgba(255,154,0,.16), inset 0 0 0 1px rgba(255,255,255,.06);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231{
    display:grid;
    gap:10px;
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 a,
body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 button{
    width:100%;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:52px;
    padding:12px 14px;
    border-radius:18px;
    border:1px solid rgba(24,232,255,.18);
    background:linear-gradient(135deg,rgba(5,18,35,.82),rgba(0,0,0,.34));
    color:#eef8ff;
    font:inherit;
    font-size:1rem;
    font-weight:900;
    text-align:left;
    cursor:pointer;
    box-shadow:0 10px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 a:hover,
body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 button:hover{
    color:#fff;
    border-color:rgba(24,232,255,.44);
    box-shadow:0 0 26px rgba(24,232,255,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 span{
    width:30px;
    height:30px;
    display:inline-grid;
    place-items:center;
    flex:0 0 30px;
    color:#24e5ff;
    border-radius:11px;
    background:rgba(24,232,255,.09);
    box-shadow:inset 0 0 0 1px rgba(24,232,255,.18);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 .drawer-register-v0231{
    border-color:rgba(255,154,0,.46);
    color:#fff3c9;
    background:linear-gradient(135deg,rgba(255,154,0,.28),rgba(0,0,0,.36));
    box-shadow:0 0 26px rgba(255,154,0,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

body.gwc-theme-v0231 .gwc-mobile-drawer-nav-v0231 .drawer-register-v0231 span{
    color:#ffb327;
    background:rgba(255,154,0,.12);
    box-shadow:inset 0 0 0 1px rgba(255,154,0,.28);
}

@media(max-width:760px){
    body.gwc-theme-v0231 .gwc-shell-header-v0221{
        padding:14px 0 10px !important;
    }

    body.gwc-theme-v0231 .gwc-shell-v0221{
        width:calc(100% - 12px) !important;
        max-width:calc(100% - 12px) !important;
        margin:0 auto !important;
    }

    body.gwc-theme-v0231 .gwc-integrated-banner-v0221{
        position:relative !important;
        display:block !important;
        padding:0 !important;
        overflow:hidden !important;
        border-radius:20px !important;
        min-height:0 !important;
        background:linear-gradient(90deg,rgba(0,12,28,.90),rgba(5,7,14,.84) 52%,rgba(43,18,0,.90)) !important;
        box-shadow:
            0 0 0 1px rgba(24,232,255,.42),
            0 0 0 2px rgba(255,154,0,.13),
            -12px 0 46px rgba(3,156,255,.17),
            12px 0 50px rgba(255,154,0,.13),
            0 16px 48px rgba(0,0,0,.58) !important;
    }

    body.gwc-theme-v0231 .gwc-banner-nav-v0221{
        display:none !important;
    }

    body.gwc-theme-v0231 .gwc-mobile-menu-toggle-v0231{
        display:flex !important;
        position:absolute !important;
        top:10px !important;
        left:10px !important;
        z-index:8 !important;
        width:64px !important;
        height:54px !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:column !important;
        gap:1px !important;
        padding:6px 8px !important;
        border:1px solid rgba(24,232,255,.46) !important;
        border-radius:16px !important;
        background:linear-gradient(135deg,rgba(0,18,42,.82),rgba(0,0,0,.46)) !important;
        color:#ecfbff !important;
        cursor:pointer !important;
        box-shadow:0 0 24px rgba(24,232,255,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
        backdrop-filter:blur(12px) saturate(1.18) !important;
    }

    body.gwc-theme-v0231 .gwc-mobile-menu-word-v0231{
        display:block !important;
        color:#eefdff !important;
        font-size:.62rem !important;
        font-weight:1000 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
        line-height:1 !important;
        text-shadow:0 2px 14px rgba(0,0,0,.95), 0 0 14px rgba(24,232,255,.60) !important;
    }

    body.gwc-theme-v0231 .gwc-mobile-menu-lines-v0231{
        display:block !important;
        color:#20e5ff !important;
        font-size:1.55rem !important;
        line-height:1 !important;
        font-weight:900 !important;
        text-shadow:0 0 16px rgba(24,232,255,.70) !important;
    }

    body.gwc-theme-v0231 .gwc-banner-link-v0221{
        position:relative !important;
        z-index:1 !important;
        display:block !important;
        line-height:0 !important;
        overflow:hidden !important;
        order:unset !important;
    }

    body.gwc-theme-v0231 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.22) contrast(1.08) brightness(.92) !important;
    }

    body.gwc-theme-v0231 .gwc-home-v0221{
        padding-top:12px !important;
    }

    body.gwc-theme-v0231 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    body.gwc-theme-v0231 .gwc-hero-card-v0221{order:1 !important;}
    body.gwc-theme-v0231 .control-card-v0221{order:2 !important;}
}

@media(max-width:430px){
    body.gwc-theme-v0231 .gwc-shell-v0221{
        width:calc(100% - 10px) !important;
        max-width:calc(100% - 10px) !important;
    }
    body.gwc-theme-v0231 .gwc-mobile-menu-toggle-v0231{
        top:8px !important;
        left:8px !important;
        width:58px !important;
        height:50px !important;
        border-radius:15px !important;
    }
    body.gwc-theme-v0231 .gwc-mobile-menu-word-v0231{font-size:.56rem !important;}
    body.gwc-theme-v0231 .gwc-mobile-menu-lines-v0231{font-size:1.42rem !important;}
}


/* =========================================================
   GWC Portal v0.2.32 - Mobile Menü rechts neben Netzwerk online
   Nur Mobile: Banner bleibt frei, Menü-Button sitzt im Hero-Kopfbereich
   ========================================================= */
body.gwc-theme-v0232{overflow-x:hidden !important;}

body.gwc-theme-v0232 .hero-topline-v0232{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    margin-bottom:0;
}

body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232{
    display:none;
}

@media(max-width:760px){
    body.gwc-theme-v0232 .gwc-integrated-banner-v0221{
        overflow:hidden !important;
    }

    body.gwc-theme-v0232 .gwc-banner-link-v0221 img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.22) contrast(1.08) brightness(.94) !important;
    }

    body.gwc-theme-v0232 .gwc-hero-card-v0221{
        padding-top:22px !important;
    }

    body.gwc-theme-v0232 .hero-topline-v0232{
        justify-content:space-between !important;
        align-items:center !important;
        gap:10px !important;
        margin-bottom:14px !important;
    }

    body.gwc-theme-v0232 .hero-topline-v0232 .hero-status-v0221{
        flex:1 1 auto !important;
        max-width:calc(100% - 100px) !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        margin:0 !important;
    }

    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232{
        display:inline-flex !important;
        position:relative !important;
        inset:auto !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        z-index:4 !important;
        width:88px !important;
        height:42px !important;
        min-width:88px !important;
        padding:6px 10px !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:7px !important;
        border:1px solid rgba(24,232,255,.54) !important;
        border-radius:999px !important;
        background:linear-gradient(135deg,rgba(0,24,52,.86),rgba(2,8,18,.64)) !important;
        color:#ecfbff !important;
        cursor:pointer !important;
        box-shadow:0 0 22px rgba(24,232,255,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
        backdrop-filter:blur(12px) saturate(1.18) !important;
    }

    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232 .gwc-mobile-menu-word-v0231{
        display:block !important;
        color:#eefdff !important;
        font-size:.70rem !important;
        font-weight:1000 !important;
        letter-spacing:.09em !important;
        text-transform:uppercase !important;
        line-height:1 !important;
        text-shadow:0 2px 14px rgba(0,0,0,.95),0 0 14px rgba(24,232,255,.55) !important;
    }

    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232 .gwc-mobile-menu-lines-v0231{
        display:block !important;
        color:#20e5ff !important;
        font-size:1.35rem !important;
        line-height:1 !important;
        font-weight:900 !important;
        text-shadow:0 0 15px rgba(24,232,255,.70) !important;
    }

    body.gwc-theme-v0232 .hero-headline-v0221{
        margin-top:0 !important;
    }
}

@media(max-width:430px){
    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232{
        width:82px !important;
        min-width:82px !important;
        height:40px !important;
        padding:6px 8px !important;
    }
    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232 .gwc-mobile-menu-word-v0231{font-size:.66rem !important;}
    body.gwc-theme-v0232 .gwc-mobile-menu-toggle-v0232 .gwc-mobile-menu-lines-v0231{font-size:1.25rem !important;}
}

/* =========================================================
   GWC Portal v0.2.33 - Responsive Desktop + Widescreen Optimierung
   Ziel: automatische Anpassung fuer normale Displays, Widescreen und Ultra-Wide.
   Mobile v0.2.32 bleibt stabil.
   ========================================================= */
body.gwc-theme-v0233{
    overflow-x:hidden !important;
    --gwc33-page-gap:clamp(18px,3.2vw,72px);
    --gwc33-shell:min(1600px,calc(100vw - (var(--gwc33-page-gap) * 2)));
    --gwc33-normal:min(1220px,calc(100vw - (var(--gwc33-page-gap) * 2)));
    --gwc33-wide:min(1600px,calc(100vw - (var(--gwc33-page-gap) * 2)));
}

body.gwc-theme-v0233 .gwc-shell-v0221,
body.gwc-theme-v0233 .container.wide{
    width:var(--gwc33-wide) !important;
    max-width:var(--gwc33-wide) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.gwc-theme-v0233 .container:not(.wide){
    width:var(--gwc33-normal) !important;
    max-width:var(--gwc33-normal) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.gwc-theme-v0233 main{
    min-height:calc(100vh - 260px);
}

body.gwc-theme-v0233 .gwc-shell-header-v0221{
    padding-top:clamp(18px,2.2vw,34px) !important;
    padding-bottom:clamp(14px,1.4vw,24px) !important;
}

body.gwc-theme-v0233 .gwc-integrated-banner-v0221{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

body.gwc-theme-v0233 .gwc-banner-link-v0221 img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
}

body.gwc-theme-v0233 .gwc-banner-nav-v0221{
    width:min(1040px,78%) !important;
    max-width:calc(100% - 54px) !important;
}

body.gwc-theme-v0233 .gwc-home-v0221,
body.gwc-theme-v0233 .section,
body.gwc-theme-v0233 .section-tight-v024{
    padding-left:0 !important;
    padding-right:0 !important;
}

body.gwc-theme-v0233 .gwc-main-grid-v0221{
    grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr) !important;
    gap:clamp(22px,2vw,34px) !important;
    align-items:stretch !important;
}

body.gwc-theme-v0233 .server-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:clamp(18px,1.6vw,30px) !important;
}

body.gwc-theme-v0233 .server-status-card{
    min-width:0 !important;
}

body.gwc-theme-v0233 .section-head,
body.gwc-theme-v0233 .toolbar{
    max-width:100% !important;
}

body.gwc-theme-v0233 .footer-v0233{
    position:relative !important;
    margin-top:clamp(54px,5vw,92px) !important;
    padding:30px 0 38px !important;
    overflow:hidden !important;
    border-top:1px solid rgba(255,156,0,.16) !important;
    background:
        linear-gradient(90deg,rgba(2,8,18,.93),rgba(5,8,14,.90) 50%,rgba(20,10,1,.91)) !important;
}

body.gwc-theme-v0233 .footer-v0233:before{
    content:"2026 Gaming World Crew" !important;
    left:50% !important;
    right:auto !important;
    bottom:-22px !important;
    transform:translateX(-50%) !important;
    width:max-content !important;
    max-width:100% !important;
    text-align:center !important;
    font-size:clamp(2.8rem,4.8vw,7.2rem) !important;
    letter-spacing:.10em !important;
    color:rgba(255,174,22,.055) !important;
    text-shadow:0 0 34px rgba(0,148,255,.12),0 0 42px rgba(255,156,0,.09) !important;
}

body.gwc-theme-v0233 .footer-watermark-inner{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    align-items:center !important;
    gap:12px !important;
    text-align:center !important;
}

body.gwc-theme-v0233 .footer-watermark-text{
    display:inline-flex !important;
    justify-content:center !important;
    align-items:center !important;
    color:#f7fbff !important;
    font-weight:1000 !important;
    letter-spacing:.06em !important;
    text-transform:none !important;
    text-shadow:0 0 24px rgba(0,148,255,.24),0 0 24px rgba(255,156,0,.12) !important;
}

body.gwc-theme-v0233 .footer-watermark-text::after{
    content:"" !important;
}

body.gwc-theme-v0233 .footer-v0233 span{
    color:#aebed0 !important;
}

body.gwc-theme-v0233 .footer-v0233 .footer-links{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    margin:0 !important;
}

body.gwc-theme-v0233 .footer-v0233 .footer-links a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:34px !important;
    padding:7px 13px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    color:#dbeeff !important;
    background:linear-gradient(135deg,rgba(0,148,255,.08),rgba(255,156,0,.055)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.gwc-theme-v0233 .footer-v0233 .footer-links a:hover{
    color:#fff !important;
    border-color:rgba(255,156,0,.38) !important;
    box-shadow:0 0 22px rgba(255,156,0,.12),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media(min-width:1600px){
    body.gwc-theme-v0233{
        --gwc33-page-gap:clamp(72px,7vw,180px);
        --gwc33-wide:min(1680px,calc(100vw - (var(--gwc33-page-gap) * 2)));
        --gwc33-normal:min(1280px,calc(100vw - (var(--gwc33-page-gap) * 2)));
    }
    body.gwc-theme-v0233 .gwc-banner-nav-v0221{
        width:min(1080px,76%) !important;
    }
}

@media(min-width:2200px){
    body.gwc-theme-v0233{
        --gwc33-page-gap:clamp(180px,14vw,520px);
        --gwc33-wide:min(1720px,calc(100vw - (var(--gwc33-page-gap) * 2)));
        --gwc33-normal:min(1320px,calc(100vw - (var(--gwc33-page-gap) * 2)));
    }
    body.gwc-theme-v0233 .gwc-shell-header-v0221{
        padding-top:42px !important;
    }
    body.gwc-theme-v0233 .gwc-integrated-banner-v0221{
        max-width:1720px !important;
    }
    body.gwc-theme-v0233 .footer-v0233:before{
        font-size:clamp(4.5rem,4vw,8rem) !important;
    }
}

@media(min-width:3000px){
    body.gwc-theme-v0233{
        --gwc33-page-gap:clamp(520px,23vw,980px);
        --gwc33-wide:min(1780px,calc(100vw - (var(--gwc33-page-gap) * 2)));
        --gwc33-normal:min(1360px,calc(100vw - (var(--gwc33-page-gap) * 2)));
    }
}

@media(max-width:1240px){
    body.gwc-theme-v0233 .gwc-main-grid-v0221{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:1180px){
    body.gwc-theme-v0233 .server-status-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:760px){
    body.gwc-theme-v0233{
        --gwc33-page-gap:10px;
        --gwc33-wide:calc(100vw - 20px);
        --gwc33-normal:calc(100vw - 20px);
    }
    body.gwc-theme-v0233 .footer-v0233{
        margin-top:42px !important;
        padding:24px 0 30px !important;
    }
    body.gwc-theme-v0233 .footer-v0233:before{
        bottom:0 !important;
        font-size:2.15rem !important;
        opacity:.95 !important;
    }
    body.gwc-theme-v0233 .footer-watermark-inner{
        gap:10px !important;
    }
    body.gwc-theme-v0233 .footer-v0233 .footer-links a{
        min-height:32px !important;
        padding:7px 11px !important;
        font-size:.86rem !important;
    }
}


/* =========================================================
   GWC Portal v0.2.34 - Desktop Menü näher am Wunschbild
   Ziel: Desktop/Widescreen bekommt ein schlankes, integriertes Banner-Menü
   wie im Referenzbild 1. Mobile Verhalten bleibt aus v0.2.32/0.2.33 stabil.
   ========================================================= */
body.gwc-theme-v0234{
    overflow-x:hidden !important;
}

/* Desktop / Tablet quer */
@media(min-width:761px){
    body.gwc-theme-v0234 .gwc-shell-header-v0221{
        padding-top:clamp(16px,2vw,28px) !important;
        padding-bottom:clamp(12px,1.5vw,20px) !important;
    }

    body.gwc-theme-v0234 .gwc-integrated-banner-v0221{
        max-width:min(1420px,100%) !important;
    }

    body.gwc-theme-v0234 .gwc-banner-link-v0221 img{
        filter:saturate(1.20) contrast(1.06) brightness(.97) !important;
    }

    body.gwc-theme-v0234 .gwc-banner-nav-v0221{
        top:12px !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;
        width:min(1020px,74%) !important;
        max-width:calc(100% - 52px) !important;
        height:48px !important;
        min-height:48px !important;
        grid-template-columns:repeat(8,minmax(68px,1fr)) !important;
        grid-auto-rows:48px !important;
        border-radius:16px !important;
        border:1px solid rgba(255,255,255,.12) !important;
        background:linear-gradient(90deg,rgba(5,14,29,.78),rgba(6,10,16,.72) 50%,rgba(31,14,1,.78)) !important;
        backdrop-filter:blur(8px) saturate(1.12) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.10),
            inset 0 -1px 0 rgba(255,154,0,.09),
            0 14px 44px rgba(0,0,0,.42),
            -10px 0 22px rgba(3,156,255,.10),
            10px 0 22px rgba(255,154,0,.09) !important;
        overflow:hidden !important;
    }

    body.gwc-theme-v0234 .nav-item-v0221,
    body.gwc-theme-v0234 .nav-button-v0221,
    body.gwc-theme-v0234 .nav-login-v0221,
    body.gwc-theme-v0234 .nav-register-v0221,
    body.gwc-theme-v0234 .nav-admin-v0221,
    body.gwc-theme-v0234 .nav-logout-v0221{
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        padding:0 8px !important;
        gap:6px !important;
        font-size:.80rem !important;
        font-weight:900 !important;
        line-height:1 !important;
        letter-spacing:.005em !important;
        border-right:1px solid rgba(255,255,255,.09) !important;
        background:transparent !important;
        color:#f2f8ff !important;
        text-shadow:0 2px 10px rgba(0,0,0,.95) !important;
    }

    body.gwc-theme-v0234 .nav-item-v0221:hover,
    body.gwc-theme-v0234 .nav-button-v0221:hover,
    body.gwc-theme-v0234 .nav-login-v0221:hover{
        background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01)) !important;
    }

    body.gwc-theme-v0234 .nav-ico-v0221{
        font-size:.84rem !important;
        color:#55d8ff !important;
        filter:drop-shadow(0 0 8px rgba(24,232,255,.58)) !important;
    }

    body.gwc-theme-v0234 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(11,121,255,.34),rgba(11,121,255,.08)) !important;
        box-shadow:inset 0 -2px 0 #44d7ff,0 0 18px rgba(11,121,255,.18) !important;
    }

    body.gwc-theme-v0234 .nav-register-v0221{
        border-right:0 !important;
        color:#fff1cb !important;
        background:linear-gradient(135deg,rgba(255,154,0,.34),rgba(255,154,0,.10)) !important;
        box-shadow:inset 0 0 0 1px rgba(255,154,0,.28),0 0 18px rgba(255,154,0,.12) !important;
    }

    body.gwc-theme-v0234 .nav-register-v0221 .nav-ico-v0221{
        color:#ffd351 !important;
        filter:drop-shadow(0 0 9px rgba(255,211,81,.72)) !important;
    }
}

/* Normale Desktop-Auflösung: Menü etwas breiter, damit es nicht gequetscht wirkt */
@media(min-width:761px) and (max-width:1260px){
    body.gwc-theme-v0234 .gwc-banner-nav-v0221{
        width:min(1040px,86%) !important;
        max-width:calc(100% - 30px) !important;
        top:10px !important;
        height:44px !important;
        min-height:44px !important;
        grid-auto-rows:44px !important;
        border-radius:15px !important;
    }

    body.gwc-theme-v0234 .nav-item-v0221,
    body.gwc-theme-v0234 .nav-button-v0221,
    body.gwc-theme-v0234 .nav-login-v0221,
    body.gwc-theme-v0234 .nav-register-v0221,
    body.gwc-theme-v0234 .nav-admin-v0221,
    body.gwc-theme-v0234 .nav-logout-v0221{
        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;
        font-size:.74rem !important;
        padding:0 6px !important;
        gap:5px !important;
    }

    body.gwc-theme-v0234 .nav-ico-v0221{font-size:.78rem !important;}
}

/* Breite Screens: Menü etwas eleganter und mit Luft links/rechts */
@media(min-width:1500px){
    body.gwc-theme-v0234 .gwc-banner-nav-v0221{
        width:min(1040px,72%) !important;
    }
}

/* Mobile bleibt wie zuvor, keine Desktop-Menu-Umbauten übernehmen */
@media(max-width:760px){
    body.gwc-theme-v0234 .gwc-mobile-menu-toggle-v0231,
    body.gwc-theme-v0234 .gwc-mobile-menu-toggle-v0232{
        z-index:5 !important;
    }
}


/* =========================================================
   GWC Portal v0.2.35 - Desktop Menü ÜBER dem Banner
   Ziel: Navigation nicht mehr im Bannerbild/Overlay, sondern sauber als
   eigene Leiste direkt oberhalb des Banners. Mobile bleibt unverändert sicher.
   ========================================================= */
body.gwc-theme-v0235{overflow-x:hidden !important;}

@media(min-width:761px){
    body.gwc-theme-v0235 .gwc-shell-header-v0221{
        padding-top:clamp(16px,2vw,30px) !important;
        padding-bottom:clamp(14px,1.4vw,24px) !important;
    }

    /* Wrapper ist nur noch Layout-Hülle, nicht mehr die Button/Banner-Mischung */
    body.gwc-theme-v0235 .gwc-integrated-banner-v0221{
        position:relative !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:12px !important;
        overflow:visible !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        isolation:isolate !important;
    }
    body.gwc-theme-v0235 .gwc-integrated-banner-v0221:before,
    body.gwc-theme-v0235 .gwc-integrated-banner-v0221:after{
        content:none !important;
    }

    /* Menü steht oberhalb vom Bannerbild */
    body.gwc-theme-v0235 .gwc-banner-nav-v0221{
        order:1 !important;
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;
        transform:none !important;
        z-index:5 !important;
        width:min(1020px,78%) !important;
        max-width:calc(100% - 44px) !important;
        height:46px !important;
        min-height:46px !important;
        display:grid !important;
        grid-template-columns:repeat(8,minmax(70px,1fr)) !important;
        grid-auto-rows:46px !important;
        gap:0 !important;
        padding:0 !important;
        margin:0 auto !important;
        overflow:hidden !important;
        border-radius:17px !important;
        border:1px solid rgba(255,255,255,.13) !important;
        background:linear-gradient(90deg,rgba(0,16,34,.72),rgba(4,7,12,.78) 50%,rgba(37,15,0,.74)) !important;
        backdrop-filter:blur(10px) saturate(1.16) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.10),
            inset 0 -1px 0 rgba(255,154,0,.10),
            0 14px 42px rgba(0,0,0,.48),
            -12px 0 28px rgba(0,148,255,.12),
            12px 0 28px rgba(255,154,0,.10) !important;
    }

    body.gwc-theme-v0235 .nav-form-v0221{display:contents !important;margin:0 !important;}
    body.gwc-theme-v0235 .nav-item-v0221,
    body.gwc-theme-v0235 .nav-button-v0221,
    body.gwc-theme-v0235 .nav-login-v0221,
    body.gwc-theme-v0235 .nav-register-v0221,
    body.gwc-theme-v0235 .nav-admin-v0221,
    body.gwc-theme-v0235 .nav-logout-v0221{
        width:100% !important;
        height:46px !important;
        min-height:46px !important;
        max-height:46px !important;
        padding:0 8px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex-direction:row !important;
        gap:6px !important;
        border-radius:0 !important;
        border:0 !important;
        border-right:1px solid rgba(255,255,255,.10) !important;
        background:transparent !important;
        color:#f5f9ff !important;
        font-size:.80rem !important;
        font-weight:900 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        text-shadow:0 2px 10px rgba(0,0,0,.95) !important;
        box-shadow:none !important;
    }
    body.gwc-theme-v0235 .nav-ico-v0221{
        font-size:.86rem !important;
        color:#4fdcff !important;
        filter:drop-shadow(0 0 8px rgba(24,232,255,.55)) !important;
    }
    body.gwc-theme-v0235 .nav-home-v0221{
        background:linear-gradient(180deg,rgba(0,132,255,.32),rgba(0,132,255,.08)) !important;
        box-shadow:inset 0 -2px 0 #44d7ff,0 0 18px rgba(0,132,255,.20) !important;
    }
    body.gwc-theme-v0235 .nav-register-v0221{
        border-right:0 !important;
        color:#fff1c5 !important;
        background:linear-gradient(135deg,rgba(255,154,0,.34),rgba(255,154,0,.11)) !important;
        box-shadow:inset 0 0 0 1px rgba(255,154,0,.30),0 0 18px rgba(255,154,0,.13) !important;
    }
    body.gwc-theme-v0235 .nav-register-v0221 .nav-ico-v0221{
        color:#ffd351 !important;
        filter:drop-shadow(0 0 9px rgba(255,211,81,.70)) !important;
    }

    /* Bannerbild darunter als eigene saubere Karte */
    body.gwc-theme-v0235 .gwc-banner-link-v0221{
        order:2 !important;
        display:block !important;
        width:100% !important;
        line-height:0 !important;
        overflow:hidden !important;
        border-radius:26px !important;
        border:1px solid rgba(255,255,255,.13) !important;
        background:#02050a !important;
        box-shadow:
            0 0 0 1px rgba(0,148,255,.30),
            0 0 0 2px rgba(255,154,0,.10),
            -24px 0 78px rgba(0,148,255,.18),
            24px 0 86px rgba(255,154,0,.14),
            0 22px 72px rgba(0,0,0,.58) !important;
    }
    body.gwc-theme-v0235 .gwc-banner-link-v0221 img{
        display:block !important;
        width:100% !important;
        height:auto !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        filter:saturate(1.22) contrast(1.07) brightness(.97) !important;
    }
}

@media(min-width:761px) and (max-width:1260px){
    body.gwc-theme-v0235 .gwc-banner-nav-v0221{
        width:min(1040px,90%) !important;
        max-width:calc(100% - 28px) !important;
        height:42px !important;
        min-height:42px !important;
        grid-auto-rows:42px !important;
        border-radius:15px !important;
    }
    body.gwc-theme-v0235 .nav-item-v0221,
    body.gwc-theme-v0235 .nav-button-v0221,
    body.gwc-theme-v0235 .nav-login-v0221,
    body.gwc-theme-v0235 .nav-register-v0221,
    body.gwc-theme-v0235 .nav-admin-v0221,
    body.gwc-theme-v0235 .nav-logout-v0221{
        height:42px !important;
        min-height:42px !important;
        max-height:42px !important;
        font-size:.72rem !important;
        padding:0 5px !important;
        gap:4px !important;
    }
    body.gwc-theme-v0235 .nav-ico-v0221{font-size:.76rem !important;}
}

@media(min-width:1800px){
    body.gwc-theme-v0235 .gwc-banner-nav-v0221{width:min(1060px,72%) !important;}
}

/* Mobile: Hauptnavigation weiterhin nicht in den Banner pressen */
@media(max-width:760px){
    body.gwc-theme-v0235 .gwc-banner-nav-v0221{
        display:none !important;
    }
    body.gwc-theme-v0235 .gwc-integrated-banner-v0221{
        border-radius:18px !important;
    }
}


/* =========================================================
   GWC Portal v0.2.36 - Mobile Hinweis unter Banner auf Unterseiten
   Nur Handy: Unter dem Banner erscheint ein kleiner Hinweis, dass der
   Banner zur Startseite führt. Desktop bleibt unverändert.
   ========================================================= */
body.gwc-theme-v0236 .gwc-mobile-banner-hint-v0236{
    display:none !important;
}

@media(max-width:760px){
    body.gwc-theme-v0236 .gwc-shell-header-v0221{
        padding-bottom:10px !important;
    }

    body.gwc-theme-v0236 .gwc-mobile-banner-hint-v0236{
        display:block !important;
        width:calc(100% - 34px) !important;
        max-width:720px !important;
        margin:8px auto 0 !important;
        padding:8px 12px !important;
        border-radius:13px !important;
        border:1px solid rgba(68,215,255,.28) !important;
        background:linear-gradient(90deg,rgba(0,16,34,.74),rgba(12,11,18,.72),rgba(48,24,0,.58)) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.08),
            0 10px 26px rgba(0,0,0,.32),
            -10px 0 24px rgba(0,148,255,.10),
            10px 0 24px rgba(255,154,0,.08) !important;
        color:#dff7ff !important;
        font-size:.82rem !important;
        font-weight:800 !important;
        line-height:1.35 !important;
        text-align:center !important;
        letter-spacing:.01em !important;
        text-shadow:0 2px 10px rgba(0,0,0,.85) !important;
    }
}

@media(max-width:380px){
    body.gwc-theme-v0236 .gwc-mobile-banner-hint-v0236{
        width:calc(100% - 24px) !important;
        font-size:.76rem !important;
        padding:7px 10px !important;
    }
}

/* =========================================================
   GWC Portal v0.3.0 - Live Server-Ampel
   ========================================================= */
body.gwc-theme-v0300 .live-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:3px 9px;
    border-radius:999px;
    border:1px solid rgba(44,227,138,.42);
    color:#c9ffe2;
    background:rgba(44,227,138,.10);
    box-shadow:0 0 18px rgba(44,227,138,.12);
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    font-size:.72rem;
}
body.gwc-theme-v0300 .live-help-card{
    margin-bottom:18px;
    border-color:rgba(44,227,138,.22);
}
body.gwc-theme-v0300 .live-token-input{
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    font-size:.82rem;
    color:#c9ffe2 !important;
}
body.gwc-theme-v0300 .server-ampel small{
    font-size:.74rem;
    color:rgba(230,242,255,.72);
    font-weight:700;
    margin-left:4px;
}
body.gwc-theme-v0300 .server-status-card.good,
body.gwc-theme-v0300 .server-mini-card.good{
    border-color:rgba(44,227,138,.42) !important;
    box-shadow:0 0 28px rgba(44,227,138,.08), inset 0 1px 0 rgba(255,255,255,.06);
}
body.gwc-theme-v0300 .server-status-card.warn,
body.gwc-theme-v0300 .server-mini-card.warn{
    border-color:rgba(255,202,53,.42) !important;
    box-shadow:0 0 28px rgba(255,202,53,.08), inset 0 1px 0 rgba(255,255,255,.06);
}
body.gwc-theme-v0300 .server-status-card.bad,
body.gwc-theme-v0300 .server-mini-card.bad{
    border-color:rgba(255,92,122,.42) !important;
    box-shadow:0 0 28px rgba(255,92,122,.08), inset 0 1px 0 rgba(255,255,255,.06);
}
body.gwc-theme-v0300 .server-status-card.unknown,
body.gwc-theme-v0300 .server-mini-card.unknown{
    border-color:rgba(150,165,185,.32) !important;
    box-shadow:0 0 22px rgba(150,165,185,.06), inset 0 1px 0 rgba(255,255,255,.05);
}
body.gwc-theme-v0300 .server-ampel b{font:inherit;}

/* =========================================================
   GWC Portal v0.3.1 - Tool Plugin Hub
   Öffentliche Plugin-Seite + Admin-Verwaltung für allgemeine
   Plugins und erweiterbare Plugin-Listen pro Tool.
   ========================================================= */
@media(min-width:761px){
    body.gwc-theme-v0301 .gwc-banner-nav-v0221{
        grid-template-columns:repeat(9,minmax(0,1fr)) !important;
        width:min(1120px,86%) !important;
    }
    body.gwc-theme-v0301 .gwc-banner-nav-v0221 .nav-item-v0221{
        font-size:.76rem !important;
        padding:0 8px !important;
    }
}
body.gwc-theme-v0301 .plugin-hero-v031{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px;
    border:1px solid rgba(68,215,255,.24);
    background:linear-gradient(135deg,rgba(0,22,46,.82),rgba(12,12,18,.76),rgba(58,29,0,.58));
    box-shadow:0 22px 60px rgba(0,0,0,.34), -16px 0 40px rgba(0,148,255,.10), 16px 0 40px rgba(255,154,0,.09);
}
body.gwc-theme-v0301 .plugin-hero-v031 h2{
    margin:.18rem 0 .3rem;
    color:#f4fbff;
    text-shadow:0 0 18px rgba(68,215,255,.22);
}
body.gwc-theme-v0301 .plugin-grid-v031{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:16px;
}
body.gwc-theme-v0301 .plugin-card-v031{
    position:relative;
    overflow:hidden;
    min-height:220px;
    border:1px solid rgba(68,215,255,.20);
    background:linear-gradient(160deg,rgba(0,20,42,.76),rgba(12,12,18,.82));
}
body.gwc-theme-v0301 .plugin-card-v031:before{
    content:"";
    position:absolute;
    inset:-1px;
    background:radial-gradient(circle at 16% 0%,rgba(68,215,255,.16),transparent 34%),radial-gradient(circle at 100% 16%,rgba(255,154,0,.13),transparent 34%);
    pointer-events:none;
}
body.gwc-theme-v0301 .plugin-card-v031 > *{position:relative;z-index:1;}
body.gwc-theme-v0301 .plugin-card-v031.featured{
    border-color:rgba(255,154,0,.38);
    box-shadow:0 0 34px rgba(255,154,0,.08), inset 0 1px 0 rgba(255,255,255,.06);
}
body.gwc-theme-v0301 .plugin-card-top-v031,
body.gwc-theme-v0301 .plugin-actions-v031,
body.gwc-theme-v0301 .plugin-admin-head-v031{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
body.gwc-theme-v0301 .plugin-version-v031{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(68,215,255,.24);
    background:rgba(0,20,42,.66);
    color:#dff7ff;
    font-weight:800;
    font-size:.78rem;
}
body.gwc-theme-v0301 .plugin-meta-v031{
    display:grid;
    gap:6px;
    margin:12px 0;
    color:#bcd0dc;
    font-size:.88rem;
}
body.gwc-theme-v0301 .plugin-meta-v031 b{color:#f4fbff;}
body.gwc-theme-v0301 .plugin-desc-v031{
    margin:12px 0;
    padding:11px 12px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.18);
    color:#d7e8f0;
    font-size:.92rem;
    line-height:1.45;
}
body.gwc-theme-v0301 .plugin-actions-v031{
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:14px;
}
body.gwc-theme-v0301 .plugin-admin-split-v031{
    align-items:start;
}
body.gwc-theme-v0301 .plugin-admin-card-v031 h2{
    margin:.35rem 0 .1rem;
}
@media(max-width:760px){
    body.gwc-theme-v0301 .plugin-hero-v031{
        display:block;
        padding:18px;
    }
    body.gwc-theme-v0301 .plugin-hero-v031 .btn{
        margin-top:14px;
        width:100%;
    }
    body.gwc-theme-v0301 .plugin-grid-v031{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   GWC Portal v0.3.2 - Tool Plugin API Anzeige
   ========================================================= */
.plugin-api-note-v032{
    margin-top:14px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    color:#dff7ff;
    font-weight:800;
}
.plugin-api-note-v032 code,
.plugin-api-admin-v032 code{
    display:inline-block;
    max-width:100%;
    overflow-wrap:anywhere;
    padding:7px 10px;
    border-radius:10px;
    border:1px solid rgba(68,215,255,.30);
    background:rgba(0,12,26,.58);
    color:#9eeaff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.plugin-api-admin-v032{
    margin-top:14px;
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(255,154,0,.28);
    background:linear-gradient(135deg,rgba(0,16,34,.62),rgba(52,25,0,.34));
}
.plugin-api-admin-v032 strong,
.plugin-api-admin-v032 small{
    display:block;
    margin-bottom:7px;
}

/* =========================================================
   GWC Portal v0.3.3 - Tool-Schluesselverwaltung fuer Plugin API
   ========================================================= */
body.gwc-theme-v0303 .tool-key-help-v033 code,
body.gwc-theme-v0303 .tool-key-card-v033 input[readonly],
body.gwc-theme-v0303 .tool-key-card-v033 textarea[readonly]{
    cursor:pointer;
}

body.gwc-theme-v0303 .tool-key-card-v033 textarea[readonly]{
    min-height:96px;
    font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size:.86rem;
}

body.gwc-theme-v0303 .tool-key-actions-v033{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
    margin-top:10px;
}

body.gwc-theme-v0303 .tool-key-select-v033 select{
    border-color:rgba(68,215,255,.30);
    background:rgba(0,13,31,.72);
}

body.gwc-theme-v0303 .tool-registry-split-v033 .card h2{
    letter-spacing:.01em;
}

@media(max-width:760px){
    body.gwc-theme-v0303 .tool-key-actions-v033,
    body.gwc-theme-v0303 .tool-key-actions-v033 form,
    body.gwc-theme-v0303 .tool-key-actions-v033 button{
        width:100%;
    }
}


/* =========================================================
   GWC Portal Live-Clean Footer
   Entfernt sichtbare Portal-Versionshinweise fuer den Livebetrieb.
   ========================================================= */
.footer-watermark-text::after,
body.gwc-theme-v0233 .footer-watermark-text::after{
    content:"" !important;
    display:none !important;
}
.footer-v0233 .footer-watermark-inner > div:first-child > span{
    display:none !important;
}


/* GWC Live-Server Infoseiten und Admin-Seitenbuilder */
.server-info-link-row{position:relative;z-index:2;margin:16px 0 4px}.gwc-info-builder-form{display:grid;gap:18px}.gwc-info-publish-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.gwc-info-publish-card h2{margin:0 0 6px}.gwc-switch-row{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(125,249,255,.2);border-radius:16px;background:rgba(54,197,255,.06);font-weight:900}.gwc-switch-row input{width:20px;height:20px}.gwc-info-settings-grid{align-items:start}.gwc-current-server-banner{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:18px;border:1px solid rgba(125,249,255,.16)}.gwc-url-preview{padding:12px 14px;border-radius:14px;background:rgba(3,7,18,.62);border:1px solid rgba(125,249,255,.12);color:var(--brand-glow);overflow-wrap:anywhere}.gwc-info-content-editor textarea{min-height:180px}.gwc-builder-palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding:14px;border-radius:18px;background:rgba(3,7,18,.45);border:1px solid rgba(125,249,255,.1)}.gwc-builder-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:start}.gwc-builder-list{display:grid;gap:12px}.gwc-builder-item{border:1px solid rgba(125,249,255,.16);border-radius:20px;padding:14px;background:linear-gradient(145deg,rgba(17,27,47,.8),rgba(8,14,26,.66));box-shadow:0 12px 32px rgba(0,0,0,.2);transition:.18s ease}.gwc-builder-item.is-disabled{opacity:.55}.gwc-builder-item.is-dragging{opacity:.38;transform:scale(.99)}.gwc-builder-item-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:13px}.gwc-builder-item-head small{display:block;color:var(--muted);margin-top:2px}.gwc-drag-handle{width:42px;height:42px;border:1px solid rgba(125,249,255,.18);border-radius:13px;background:rgba(54,197,255,.08);color:var(--brand-glow);font-size:1.15rem;cursor:grab}.gwc-drag-handle:active{cursor:grabbing}.gwc-builder-enabled{display:flex;align-items:center;gap:6px;font-weight:800}.gwc-builder-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gwc-builder-wide{grid-column:1/-1}.gwc-builder-actions{margin-top:12px}.gwc-builder-preview{position:sticky;top:100px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px;min-height:260px;border-radius:22px;border:1px dashed rgba(125,249,255,.25);background:rgba(3,7,18,.4)}.gwc-preview-block{grid-column:span 6;min-height:78px;padding:13px;border-radius:16px;border:1px solid rgba(125,249,255,.15);background:linear-gradient(145deg,rgba(54,197,255,.1),rgba(124,92,255,.08));display:flex;flex-direction:column;gap:4px}.gwc-preview-block.width-half{grid-column:span 3}.gwc-preview-block.width-third{grid-column:span 2}.gwc-preview-block.width-two_thirds{grid-column:span 4}.gwc-preview-block small,.gwc-preview-block span{color:var(--muted);font-size:.78rem}.gwc-builder-savebar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-radius:20px;border:1px solid rgba(125,249,255,.22);background:rgba(6,12,24,.92);box-shadow:0 18px 60px rgba(0,0,0,.42);backdrop-filter:blur(20px)}
.gwc-server-info-page{padding:34px 0 70px}.gwc-server-info-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.gwc-server-info-block,.gwc-server-info-hero{grid-column:span 6}.gwc-server-info-block.width-half{grid-column:span 3}.gwc-server-info-block.width-third{grid-column:span 2}.gwc-server-info-block.width-two_thirds{grid-column:span 4}.gwc-server-info-block{position:relative;min-width:0;padding:24px;border-radius:26px;border:1px solid rgba(125,249,255,.15);background:linear-gradient(145deg,rgba(17,27,47,.78),rgba(8,14,26,.64));box-shadow:0 16px 54px rgba(0,0,0,.25);backdrop-filter:blur(16px);overflow:hidden}.gwc-server-info-block:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(125,249,255,.55),transparent)}.gwc-server-info-block h2{margin:0 0 16px;font-size:clamp(1.35rem,2vw,1.85rem)}.gwc-server-info-hero{position:relative;min-height:390px;border-radius:34px;overflow:hidden;border:1px solid rgba(125,249,255,.18);background-image:linear-gradient(100deg,rgba(3,7,18,.96),rgba(3,7,18,.48),rgba(3,7,18,.8)),var(--gwc-server-banner,linear-gradient(135deg,rgba(54,197,255,.16),rgba(124,92,255,.14)));background-size:cover;background-position:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}.gwc-server-info-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 35%,rgba(54,197,255,.12),transparent 34%)}.gwc-server-info-hero-content{position:absolute;z-index:1;left:clamp(22px,5vw,64px);right:clamp(22px,5vw,64px);bottom:clamp(26px,5vw,58px)}.gwc-server-info-hero h1{margin:10px 0 18px;font-size:clamp(2.6rem,7vw,6.4rem);line-height:.92;letter-spacing:-.055em}.gwc-server-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gwc-server-hero-meta>span:not(.server-ampel){padding:8px 12px;border:1px solid rgba(125,249,255,.17);border-radius:999px;background:rgba(3,7,18,.58);font-weight:800}.gwc-info-live-card{position:relative;overflow:hidden}.gwc-info-live-card .server-card-glow{z-index:0}.gwc-info-live-card>*:not(.server-card-glow){position:relative;z-index:1}.gwc-rich-text{line-height:1.72;color:#dfeaff;overflow-wrap:anywhere}.gwc-rules-text{counter-reset:rules}.gwc-list-content{white-space:normal}.gwc-address-box{display:grid;gap:8px;padding:16px;border-radius:18px;background:rgba(54,197,255,.07);border:1px solid rgba(125,249,255,.17);margin-bottom:16px}.gwc-address-box small{color:var(--muted)}.gwc-address-box strong{font-size:1.15rem;overflow-wrap:anywhere}.gwc-info-link-buttons{display:flex;gap:10px;flex-wrap:wrap}.gwc-server-content-banner{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:20px}.gwc-info-details summary{cursor:pointer;list-style:none;padding:14px 16px;border-radius:16px;border:1px solid rgba(125,249,255,.18);background:rgba(54,197,255,.07);font-weight:900;color:var(--brand-glow)}.gwc-info-details summary::-webkit-details-marker{display:none}.gwc-info-details summary:after{content:"+";float:right;font-size:1.3rem}.gwc-info-details[open] summary:after{content:"−"}.gwc-info-expanded-content{padding-top:20px}.gwc-info-teaser p,.gwc-info-preview-content p{color:var(--muted);line-height:1.6}.gwc-info-dialog{width:min(900px,calc(100vw - 30px));max-height:86vh;padding:0;border:1px solid rgba(125,249,255,.22);border-radius:26px;background:linear-gradient(145deg,#111b2f,#080e1a);color:var(--text);box-shadow:0 30px 110px rgba(0,0,0,.65)}.gwc-info-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.gwc-info-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(125,249,255,.12)}.gwc-info-dialog-head h2{margin:0}.gwc-info-dialog-head button{width:42px;height:42px;border:1px solid rgba(125,249,255,.18);border-radius:13px;background:rgba(255,255,255,.05);color:var(--text);font-size:1.55rem}.gwc-info-dialog-body{padding:22px;overflow:auto;max-height:calc(86vh - 80px)}.gwc-info-drawer{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}.gwc-info-drawer.is-open{pointer-events:auto;visibility:visible}.gwc-info-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);opacity:0;transition:.22s}.gwc-info-drawer-panel{position:absolute;top:0;right:0;width:min(720px,94vw);height:100%;background:linear-gradient(145deg,#111b2f,#080e1a);border-left:1px solid rgba(125,249,255,.2);box-shadow:-24px 0 80px rgba(0,0,0,.5);transform:translateX(100%);transition:.25s ease;overflow:auto}.gwc-info-drawer.is-open .gwc-info-drawer-backdrop{opacity:1}.gwc-info-drawer.is-open .gwc-info-drawer-panel{transform:translateX(0)}body.gwc-drawer-open{overflow:hidden}.gwc-info-reveal{margin-top:18px;padding-top:18px;border-top:1px solid rgba(125,249,255,.12)}
@media(max-width:980px){.gwc-builder-workspace{grid-template-columns:1fr}.gwc-builder-preview{position:static}.gwc-server-info-block.width-third,.gwc-server-info-block.width-two_thirds{grid-column:span 3}}
@media(max-width:700px){.gwc-info-publish-card,.gwc-builder-savebar{align-items:flex-start;flex-direction:column}.gwc-builder-item-fields{grid-template-columns:1fr}.gwc-builder-wide{grid-column:auto}.gwc-server-info-block.width-half,.gwc-server-info-block.width-third,.gwc-server-info-block.width-two_thirds{grid-column:span 6}.gwc-server-info-hero{min-height:330px}.gwc-server-info-block{padding:19px}.gwc-builder-preview{grid-template-columns:1fr}.gwc-preview-block,.gwc-preview-block.width-half,.gwc-preview-block.width-third,.gwc-preview-block.width-two_thirds{grid-column:1}.gwc-server-hero-meta{align-items:flex-start;flex-direction:column}.gwc-info-dialog-body{padding:18px}}

.alert.warn{border-color:rgba(255,209,102,.35);color:#fff3c4;background:rgba(255,209,102,.08)}


/* GWC Rollen-, Rechte- und Instanzzuweisung */
.role-security-note { border-left: 4px solid rgba(0, 210, 255, .75); }
.role-list { display: grid; gap: 18px; margin-top: 18px; }
.role-card { overflow: hidden; }
.role-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.role-basic-grid { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 14px; }
.permission-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.permission-group { min-width: 0; border: 1px solid rgba(84, 190, 255, .25); border-radius: 14px; padding: 14px; background: rgba(4, 18, 34, .46); }
.permission-group legend { padding: 0 8px; font-weight: 800; color: #dff7ff; }
.permission-option { display: flex; align-items: flex-start; gap: 10px; padding: 10px; border-radius: 10px; cursor: pointer; }
.permission-option:hover { background: rgba(66, 182, 255, .08); }
.permission-option input { margin-top: 4px; flex: 0 0 auto; }
.permission-option span { display: grid; gap: 3px; }
.permission-option small { color: var(--muted, #a8b7c9); line-height: 1.35; }
.permission-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0; }
.permission-enabled { display: block; padding: 9px 11px; border-radius: 10px; background: rgba(51, 210, 137, .09); border: 1px solid rgba(51, 210, 137, .22); }
.server-access-box { min-width: 250px; }
.server-access-box summary { cursor: pointer; font-weight: 800; color: #7ff4e8; }
.server-access-form { display: grid; gap: 12px; margin-top: 10px; min-width: 320px; }
.server-access-list { display: grid; gap: 8px; max-height: 290px; overflow: auto; padding-right: 4px; }
.server-access-list label { display: flex; gap: 9px; align-items: flex-start; padding: 9px; border: 1px solid rgba(84, 190, 255, .18); border-radius: 10px; background: rgba(4, 18, 34, .42); }
.server-access-list label span { display: grid; }
.server-access-list small { color: var(--muted, #a8b7c9); }
.info-access-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.info-access-card h2 { margin-top: 8px; }

@media (max-width: 900px) {
    .permission-groups,
    .permission-summary-grid,
    .info-access-grid { grid-template-columns: 1fr; }
    .role-basic-grid { grid-template-columns: 1fr; }
    .role-card-head { flex-direction: column; }
    .server-access-form { min-width: 260px; }
}

/* =========================================================
   GWC Support & Kontakt – gemeinsame öffentliche Hilfeseite
   ========================================================= */
.gwc-support-page-v1{padding-top:44px}
.support-hero-v1{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;padding:32px;border:1px solid rgba(125,249,255,.20);border-radius:30px;background:linear-gradient(135deg,rgba(17,27,47,.78),rgba(8,14,26,.58));box-shadow:0 24px 80px rgba(0,0,0,.30);position:relative;overflow:hidden}
.support-hero-v1:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 34%,rgba(125,249,255,.065) 48%,transparent 62%);pointer-events:none}
.support-hero-v1>*{position:relative;z-index:1}
.support-hero-v1 h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.94;letter-spacing:-.055em;margin:12px 0 18px;background:linear-gradient(90deg,#fff,#bdf9ff 48%,#b9adff);-webkit-background-clip:text;background-clip:text;color:transparent}
.support-tags-v1{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.support-hero-mark-v1{width:210px;height:210px;justify-self:end;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(125,249,255,.30);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.17),rgba(54,197,255,.13) 30%,rgba(124,92,255,.13) 58%,rgba(3,7,18,.72) 75%);box-shadow:0 0 55px rgba(54,197,255,.20),inset 0 0 38px rgba(125,249,255,.10)}
.support-hero-mark-v1 span{font-size:3.35rem;font-weight:950;letter-spacing:-.06em;color:#fff;text-shadow:0 0 26px rgba(125,249,255,.44)}
.support-hero-mark-v1 small{font-weight:900;letter-spacing:.2em;color:var(--brand-glow)}
.support-contact-grid-v1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.support-contact-card-v1{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:24px;border:1px solid rgba(125,249,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(17,27,47,.70),rgba(8,14,26,.58));box-shadow:0 14px 48px rgba(0,0,0,.22)}
.support-contact-card-v1 h2{font-size:1.65rem;margin:4px 0 8px}
.support-card-icon-v1{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.65rem;font-weight:950;color:#fff;border:1px solid rgba(125,249,255,.28);background:linear-gradient(135deg,rgba(54,197,255,.40),rgba(124,92,255,.42));box-shadow:0 0 28px rgba(54,197,255,.16)}
.support-address-v1{margin:12px 0 0;color:var(--brand-glow);font-weight:800;word-break:break-word}
.support-channel-unavailable-v1{margin:14px 0 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,209,102,.28);background:rgba(255,209,102,.07);color:#fff0bf}
.support-main-grid-v1{margin-top:22px}
.support-check-card-v1,.support-scope-card-v1{min-height:100%}
.support-checklist-v1{list-style:none;padding:0;margin:20px 0 0;counter-reset:gwc-support-step;display:grid;gap:12px}
.support-checklist-v1 li{counter-increment:gwc-support-step;display:grid;grid-template-columns:42px 1fr;gap:4px 12px;align-items:center;padding:13px;border:1px solid rgba(125,249,255,.11);border-radius:16px;background:rgba(3,7,18,.30)}
.support-checklist-v1 li:before{content:counter(gwc-support-step);grid-row:1/3;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:950;color:#fff;background:linear-gradient(135deg,rgba(54,197,255,.82),rgba(124,92,255,.82))}
.support-checklist-v1 strong{color:#f4fbff}
.support-checklist-v1 span{color:var(--muted);font-size:.94rem}
.support-link-list-v1{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}
.support-link-list-v1 li a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(125,249,255,.12);border-radius:15px;background:rgba(3,7,18,.30);color:#dffaff;font-weight:800}
.support-link-list-v1 li a:after{content:"→";color:var(--brand-glow);font-size:1.2rem}
.support-link-list-v1 li a:hover{border-color:rgba(125,249,255,.34);background:rgba(54,197,255,.075)}
.support-note-v1{padding:15px;border-radius:16px;border:1px solid rgba(44,227,138,.25);background:rgba(44,227,138,.07);color:#d8ffea}
.support-faq-section-v1{margin-top:34px}
.support-faq-v1{display:grid;gap:11px}
.support-faq-v1 details{border:1px solid rgba(125,249,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(17,27,47,.64),rgba(8,14,26,.50));overflow:hidden}
.support-faq-v1 summary{cursor:pointer;list-style:none;padding:17px 52px 17px 18px;font-weight:900;color:#f0fbff;position:relative}
.support-faq-v1 summary::-webkit-details-marker{display:none}
.support-faq-v1 summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:var(--brand-glow);border:1px solid rgba(125,249,255,.20);background:rgba(54,197,255,.07)}
.support-faq-v1 details[open] summary:after{content:"−"}
.support-faq-v1 details p{margin:0;padding:0 18px 18px;color:var(--muted);max-width:1050px}
.support-security-v1{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;margin-top:26px;padding:22px;border-radius:22px;border:1px solid rgba(255,209,102,.34);background:linear-gradient(135deg,rgba(255,209,102,.095),rgba(255,92,122,.055))}
.support-security-v1 h2{margin:0 0 5px;font-size:1.35rem}
.support-security-v1 p{margin:0;color:#fff1c8}
.support-security-icon-v1{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:1.8rem;font-weight:950;color:#07101f;background:var(--warn);box-shadow:0 0 28px rgba(255,209,102,.28)}
@media(max-width:900px){.support-hero-v1{grid-template-columns:1fr}.support-hero-mark-v1{display:none}.support-contact-grid-v1{grid-template-columns:1fr}}
@media(max-width:620px){.gwc-support-page-v1{padding-top:24px}.support-hero-v1{padding:23px;border-radius:24px}.support-contact-card-v1{grid-template-columns:1fr}.support-security-v1{grid-template-columns:1fr}.support-security-icon-v1{width:46px;height:46px}.support-checklist-v1 li{grid-template-columns:38px 1fr}}

/* =========================================================
   GWC Portal v0.3.4 – besser lesbare Desktop-Navigation
   und echte Schnelllinks im Support-Hilfezentrum
   ========================================================= */
@media(min-width:761px){
    body.gwc-theme-v0304 .gwc-banner-nav-v0221{
        width:min(1320px,92%) !important;
        max-width:calc(100% - 30px) !important;
        height:56px !important;
        min-height:56px !important;
        display:flex !important;
        align-items:stretch !important;
        grid-template-columns:none !important;
        grid-auto-rows:auto !important;
        gap:0 !important;
        overflow:visible !important;
        border-radius:18px !important;
        border:1px solid rgba(124,225,255,.34) !important;
        background:linear-gradient(90deg,rgba(0,20,43,.96),rgba(4,8,15,.97) 50%,rgba(45,19,0,.94)) !important;
        box-shadow:0 16px 48px rgba(0,0,0,.58),-12px 0 30px rgba(0,148,255,.14),12px 0 30px rgba(255,154,0,.13),inset 0 1px 0 rgba(255,255,255,.13) !important;
        backdrop-filter:blur(14px) saturate(1.22) !important;
    }
    body.gwc-theme-v0304 .gwc-banner-nav-v0221 > a,
    body.gwc-theme-v0304 .gwc-banner-nav-v0221 > form{
        flex:1 1 0 !important;
        min-width:0 !important;
    }
    body.gwc-theme-v0304 .gwc-banner-nav-v0221 > .nav-support-v0304{
        flex:1.55 1 0 !important;
    }
    body.gwc-theme-v0304 .gwc-banner-nav-v0221 > .nav-admin-v0221{
        flex:1.12 1 0 !important;
    }
    body.gwc-theme-v0304 .nav-form-v0221{
        display:flex !important;
        margin:0 !important;
    }
    body.gwc-theme-v0304 .nav-item-v0221,
    body.gwc-theme-v0304 .nav-button-v0221,
    body.gwc-theme-v0304 .nav-login-v0221,
    body.gwc-theme-v0304 .nav-register-v0221,
    body.gwc-theme-v0304 .nav-admin-v0221,
    body.gwc-theme-v0304 .nav-logout-v0221{
        width:100% !important;
        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
        padding:0 11px !important;
        gap:7px !important;
        color:#f7fbff !important;
        font-size:.88rem !important;
        font-weight:950 !important;
        letter-spacing:.005em !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        overflow:visible !important;
        text-overflow:clip !important;
        text-shadow:0 2px 11px rgba(0,0,0,1),0 0 14px rgba(80,205,255,.10) !important;
        border-right:1px solid rgba(255,255,255,.13) !important;
        background:rgba(2,8,18,.16) !important;
    }
    body.gwc-theme-v0304 .nav-item-v0221 > span:last-child,
    body.gwc-theme-v0304 .nav-button-v0221 > span:last-child{
        min-width:0 !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }
    body.gwc-theme-v0304 .nav-ico-v0221{
        flex:0 0 auto !important;
        font-size:1rem !important;
        color:#65e6ff !important;
        filter:drop-shadow(0 0 9px rgba(35,220,255,.68)) !important;
    }
    body.gwc-theme-v0304 .nav-item-v0221:hover,
    body.gwc-theme-v0304 .nav-button-v0221:hover,
    body.gwc-theme-v0304 .nav-item-v0221.is-active-v0304{
        color:#fff !important;
        background:linear-gradient(180deg,rgba(0,148,255,.32),rgba(0,92,194,.12)) !important;
        box-shadow:inset 0 -3px 0 #56ddff,0 0 24px rgba(0,148,255,.20) !important;
    }
    body.gwc-theme-v0304 .nav-register-v0221{
        color:#fff4d1 !important;
        background:linear-gradient(135deg,rgba(255,154,0,.36),rgba(255,154,0,.13)) !important;
    }
    body.gwc-theme-v0304 .nav-logout-v0221{
        border-right:0 !important;
    }
}

@media(min-width:761px) and (max-width:1180px){
    body.gwc-theme-v0304 .gwc-banner-nav-v0221{
        width:96% !important;
        max-width:calc(100% - 18px) !important;
        height:50px !important;
        min-height:50px !important;
    }
    body.gwc-theme-v0304 .nav-item-v0221,
    body.gwc-theme-v0304 .nav-button-v0221,
    body.gwc-theme-v0304 .nav-login-v0221,
    body.gwc-theme-v0304 .nav-register-v0221,
    body.gwc-theme-v0304 .nav-admin-v0221,
    body.gwc-theme-v0304 .nav-logout-v0221{
        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;
        padding:0 6px !important;
        gap:4px !important;
        font-size:.73rem !important;
    }
    body.gwc-theme-v0304 .nav-ico-v0221{font-size:.82rem !important;}
}

body.gwc-theme-v0304 .support-tags-v1{
    align-items:center;
}
body.gwc-theme-v0304 .support-tag-link-v0304{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:9px 13px;
    color:#eafaff;
    text-decoration:none;
    font-weight:850;
    border-color:rgba(105,225,255,.27);
    background:linear-gradient(135deg,rgba(0,148,255,.09),rgba(255,154,0,.055));
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
body.gwc-theme-v0304 .support-tag-link-v0304 span{
    color:#72eaff;
    font-size:1rem;
}
body.gwc-theme-v0304 .support-tag-link-v0304:hover,
body.gwc-theme-v0304 .support-tag-link-v0304:focus-visible{
    color:#fff;
    transform:translateY(-2px);
    border-color:rgba(107,232,255,.56);
    background:linear-gradient(135deg,rgba(0,148,255,.20),rgba(255,154,0,.10));
    box-shadow:0 10px 26px rgba(0,148,255,.12);
    outline:none;
}
body.gwc-theme-v0304 #support-portal-konto{
    scroll-margin-top:110px;
}


/* =========================================================
   GWC Portal v0.3.6 - Dynamische Pluginbilder und Banner
   Repository-Bilder mit responsivem Fallback ohne Layoutsprung.
   ========================================================= */
body.gwc-theme-v0301 .plugin-card-v031{
    padding:0 !important;
}
body.gwc-theme-v0301 .plugin-media-v036{
    position:relative;
    z-index:2;
    width:100%;
    height:clamp(170px,18vw,260px);
    min-height:0;
    aspect-ratio:auto;
    overflow:hidden;
    border-bottom:1px solid rgba(68,215,255,.20);
    background:linear-gradient(135deg,rgba(8,32,58,.98),rgba(28,16,42,.96));
}
body.gwc-theme-v0301 .plugin-banner-v036{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center;
    background:linear-gradient(135deg,#0b2741,#26132f);
}
body.gwc-theme-v0301 .plugin-icon-frame-v036{
    position:absolute;
    left:20px;
    bottom:-31px;
    width:70px;
    height:70px;
    padding:5px;
    border-radius:18px;
    border:1px solid rgba(125,249,255,.48);
    background:rgba(5,15,27,.96);
    box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 24px rgba(54,197,255,.18);
}
body.gwc-theme-v0301 .plugin-icon-v036{
    display:block;
    width:100%;
    height:100%;
    border-radius:13px;
    object-fit:cover;
    background:#0b1b2d;
}
body.gwc-theme-v0301 .plugin-card-content-v036{
    position:relative;
    z-index:1;
    padding:43px 20px 20px;
}
body.gwc-theme-v0301 .plugin-card-content-v036 h3{
    margin:.75rem 0 .45rem;
}
body.gwc-theme-v0301 .plugin-image-preview-v036{
    position:relative;
    overflow:visible;
    margin:8px 0 18px;
    min-height:112px;
    border:1px solid rgba(68,215,255,.22);
    border-radius:16px;
    background:rgba(0,16,31,.72);
}
body.gwc-theme-v0301 .plugin-image-preview-banner-v036{
    display:block;
    width:100%;
    min-height:112px;
    aspect-ratio:16 / 5;
    object-fit:cover;
    border-radius:15px;
}
body.gwc-theme-v0301 .plugin-image-preview-icon-v036{
    position:absolute;
    left:16px;
    bottom:-18px;
    width:52px;
    height:52px;
    padding:4px;
    object-fit:cover;
    border-radius:14px;
    border:1px solid rgba(125,249,255,.46);
    background:#071525;
    box-shadow:0 8px 24px rgba(0,0,0,.36);
}
@media(max-width:760px){
    body.gwc-theme-v0301 .plugin-media-v036{
        height:150px;
        min-height:0;
    }
    body.gwc-theme-v0301 .plugin-banner-v036{
        min-height:0;
    }
    body.gwc-theme-v0301 .plugin-icon-frame-v036{
        left:16px;
        bottom:-27px;
        width:62px;
        height:62px;
        border-radius:16px;
    }
    body.gwc-theme-v0301 .plugin-card-content-v036{
        padding:38px 16px 18px;
    }
}


/* =========================================================
   GWC Portal v0.3.7 - Kategorieheader + Repository-Banner
   Der neutrale GWC-Banner gehört zur Kategorie. Pluginkarten
   zeigen ausschließlich die zum jeweiligen Repository-Eintrag
   gehörenden Bilder.
   ========================================================= */
body.gwc-theme-v0301 .plugin-category-hero-section-v037{
    padding-bottom:0;
}
body.gwc-theme-v0301 .plugin-category-hero-v037{
    position:relative;
    width:100%;
    height:clamp(210px,22vw,350px);
    overflow:hidden;
    border:1px solid rgba(83,218,255,.28);
    border-radius:24px;
    background:linear-gradient(135deg,#0b2741,#26132f);
    box-shadow:0 22px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
body.gwc-theme-v0301 .plugin-category-hero-v037:after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 42%,rgba(1,7,14,.84) 100%);
}
body.gwc-theme-v0301 .plugin-category-hero-v037>img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
body.gwc-theme-v0301 .plugin-category-label-v037{
    position:absolute;
    z-index:2;
    left:24px;
    bottom:22px;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:10px 15px;
    border:1px solid rgba(105,225,255,.30);
    border-radius:14px;
    background:rgba(2,10,20,.78);
    box-shadow:0 12px 32px rgba(0,0,0,.32);
    backdrop-filter:blur(8px);
}
body.gwc-theme-v0301 .plugin-category-label-v037 span{
    color:#77eaff;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}
body.gwc-theme-v0301 .plugin-category-label-v037 strong{
    color:#fff;
    font-size:clamp(1.05rem,2vw,1.45rem);
}

/* Ohne Repository-Banner bleibt die Karte kompakt. */
body.gwc-theme-v0301 .plugin-card-content-v036{
    padding:20px;
}
body.gwc-theme-v0301 .plugin-media-v036 + .plugin-card-content-v036{
    padding:43px 20px 20px;
}

@media(max-width:760px){
    body.gwc-theme-v0301 .plugin-category-hero-v037{
        height:180px;
        border-radius:18px;
    }
    body.gwc-theme-v0301 .plugin-category-label-v037{
        left:14px;
        right:14px;
        bottom:14px;
        padding:9px 12px;
    }
    body.gwc-theme-v0301 .plugin-card-content-v036{
        padding:18px 16px;
    }
    body.gwc-theme-v0301 .plugin-media-v036 + .plugin-card-content-v036{
        padding:38px 16px 18px;
    }
}


/* =========================================================
   GWC Portal v0.3.8 - Banner-Designkorrektur
   Repository-Banner vollständig sichtbar, atmosphärischer
   Hintergrund, Icon sauber im Inhaltsbereich und GWC-Chip
   oben links im Kategorieheader.
   ========================================================= */

body.gwc-theme-v0301 .plugin-category-hero-v037{
    isolation:isolate;
}
body.gwc-theme-v0301 .plugin-category-banner-image-v038{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
body.gwc-theme-v0301 .plugin-category-chip-v038{
    position:absolute;
    z-index:3;
    top:20px;
    left:20px;
    width:82px;
    height:82px;
    padding:5px;
    object-fit:contain;
    border:1px solid rgba(111,231,255,.48);
    border-radius:22px;
    background:rgba(2,10,20,.86);
    box-shadow:
        0 14px 38px rgba(0,0,0,.42),
        0 0 28px rgba(55,203,255,.20);
    backdrop-filter:blur(9px);
}
body.gwc-theme-v0301 .plugin-category-label-v037{
    left:24px;
    bottom:20px;
}

body.gwc-theme-v0301 .plugin-media-v038{
    position:relative;
    display:grid;
    place-items:center;
    width:100%;
    height:clamp(235px,22vw,340px);
    overflow:hidden;
    isolation:isolate;
    background:#02060a;
}
body.gwc-theme-v0301 .plugin-banner-backdrop-v038{
    position:absolute;
    z-index:0;
    inset:-10%;
    width:120%;
    height:120%;
    object-fit:cover;
    object-position:center;
    filter:blur(26px) brightness(.34) saturate(1.22);
    opacity:.92;
    transform:scale(1.05);
}
body.gwc-theme-v0301 .plugin-banner-overlay-v038{
    position:absolute;
    z-index:1;
    inset:0;
    background:
        linear-gradient(90deg,rgba(0,5,10,.55),rgba(0,5,10,.14) 42%,rgba(0,5,10,.52)),
        linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.32));
    box-shadow:inset 0 0 80px rgba(0,0,0,.52);
}
body.gwc-theme-v0301 .plugin-banner-foreground-v038{
    position:relative;
    z-index:2;
    display:block;
    width:auto;
    max-width:calc(100% - 56px);
    height:auto;
    max-height:calc(100% - 34px);
    min-height:0;
    object-fit:contain;
    object-position:center;
    background:transparent;
    filter:drop-shadow(0 16px 28px rgba(0,0,0,.55));
}

body.gwc-theme-v0301 .plugin-icon-frame-v036{
    display:none !important;
}
body.gwc-theme-v0301 .plugin-media-v038 + .plugin-card-content-v036{
    padding:20px;
}
body.gwc-theme-v0301 .plugin-title-row-v038{
    display:flex;
    align-items:center;
    gap:13px;
    margin:.8rem 0 .45rem;
}
body.gwc-theme-v0301 .plugin-title-row-v038 h3{
    margin:0;
}
body.gwc-theme-v0301 .plugin-title-icon-frame-v038{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    padding:4px;
    border:1px solid rgba(112,232,255,.38);
    border-radius:14px;
    background:rgba(4,16,29,.94);
    box-shadow:0 9px 24px rgba(0,0,0,.34);
}
body.gwc-theme-v0301 .plugin-title-icon-v038{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
    background:#071522;
}

@media(max-width:760px){
    body.gwc-theme-v0301 .plugin-category-chip-v038{
        top:12px;
        left:12px;
        width:62px;
        height:62px;
        border-radius:17px;
    }
    body.gwc-theme-v0301 .plugin-category-label-v037{
        left:14px;
        bottom:13px;
    }
    body.gwc-theme-v0301 .plugin-media-v038{
        height:190px;
    }
    body.gwc-theme-v0301 .plugin-banner-foreground-v038{
        max-width:calc(100% - 24px);
        max-height:calc(100% - 22px);
    }
    body.gwc-theme-v0301 .plugin-media-v038 + .plugin-card-content-v036{
        padding:17px 16px 18px;
    }
    body.gwc-theme-v0301 .plugin-title-icon-frame-v038{
        width:44px;
        height:44px;
        border-radius:12px;
    }
}


/* =========================================================
   GWC Portal v0.3.9 - Kategoriechip FIX5
   Verhindert, dass die allgemeine >img-Regel den kleinen
   GWC-Chip über den kompletten Kategorienbanner streckt.
   ========================================================= */

body.gwc-theme-v0301 .plugin-category-hero-v037 > img.plugin-category-banner-image-v038{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    padding:0;
    object-fit:cover;
    object-position:center;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

body.gwc-theme-v0301 .plugin-category-hero-v037 > img.plugin-category-chip-v038{
    position:absolute;
    inset:auto;
    top:18px;
    right:auto;
    bottom:auto;
    left:18px;
    z-index:4;
    display:block;
    width:76px;
    height:76px;
    min-width:76px;
    min-height:76px;
    max-width:76px;
    max-height:76px;
    padding:5px;
    object-fit:contain;
    object-position:center;
    border:1px solid rgba(111,231,255,.52);
    border-radius:20px;
    background:rgba(2,10,20,.90);
    box-shadow:
        0 14px 34px rgba(0,0,0,.45),
        0 0 24px rgba(55,203,255,.22);
    backdrop-filter:blur(9px);
}

@media(max-width:760px){
    body.gwc-theme-v0301 .plugin-category-hero-v037 > img.plugin-category-chip-v038{
        top:12px;
        left:12px;
        width:58px;
        height:58px;
        min-width:58px;
        min-height:58px;
        max-width:58px;
        max-height:58px;
        padding:4px;
        border-radius:16px;
    }
}