:root{--bg:#0b1020;--panel:#121a33;--text:#f4f7fb;--muted:#b8c2d6;--brand:#7cdbff;--brand2:#a78bfa;--ok:#81f4b6;--danger:#ff9aa2;--border:#263454;--focus:#ffd166}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#19305d 0,#0b1020 38rem);color:var(--text);line-height:1.65}.skip{position:absolute;left:-999px;top:1rem;background:var(--focus);color:#111;padding:.75rem 1rem;z-index:99}.skip:focus{left:1rem}a{color:var(--brand)}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:3px solid var(--focus);outline-offset:3px}.wrap{width:min(1120px,100% - 2rem);margin:auto;padding-inline:clamp(1rem,3vw,2.5rem)}.nav{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0}.nav ul{display:flex;gap:.75rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.brand{font-weight:800;color:var(--text);text-decoration:none}.btn,.nav a,button{border:1px solid var(--border);border-radius:999px;padding:.65rem 1rem;background:#17213f;color:var(--text);text-decoration:none;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#07101f;border:0}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center;padding:4rem 0}.hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.05;margin:.2rem 0}.lead{font-size:1.25rem;color:var(--muted)}.profile{width:min(310px,80vw);aspect-ratio:1;border-radius:50%;object-fit:cover;border:8px solid rgba(255,255,255,.12);box-shadow:0 25px 90px rgba(0,0,0,.38)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.card{background:rgba(18,26,51,.82);border:1px solid var(--border);border-radius:1.4rem;padding:1.25rem;box-shadow:0 18px 50px rgba(0,0,0,.18)}.section{padding:2.2rem 0}.muted{color:var(--muted)}.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;margin:.15rem;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.gallery img,.dream img{width:100%;border-radius:1rem;border:1px solid var(--border)}footer{border-top:1px solid var(--border);margin-top:3rem;padding:2rem 0;color:var(--muted)}form{display:grid;gap:.85rem}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:.9rem;background:#0e1630;color:var(--text);padding:.8rem}textarea{min-height:10rem}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:.7rem;text-align:left}.admin{display:grid;grid-template-columns:220px 1fr;gap:1rem}.side{position:sticky;top:1rem;align-self:start}.alert{padding:1rem;border-radius:1rem;background:#183b2b;border:1px solid #2c8a5b}.danger{background:#40202b;border-color:#8a394a}@media(max-width:760px){.hero,.admin{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.profile{margin:auto}.table{display:block;overflow-x:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Schöne, barrierearme Darstellung für Impressum & Datenschutz */
.legal-page{padding-top:2rem}.legal-hero{position:relative;overflow:hidden;margin-bottom:1rem;padding:clamp(1.4rem,4vw,2.3rem);background:linear-gradient(135deg,rgba(124,219,255,.13),rgba(167,139,250,.11)),rgba(18,26,51,.9)}.legal-hero:after{content:"";position:absolute;right:-4rem;top:-4rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(124,219,255,.22),transparent 65%);pointer-events:none}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.7rem;border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;color:var(--brand);font-weight:800;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.legal-hero h1{margin:.1rem 0 .35rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}.legal-card{padding:clamp(1.3rem,4vw,2.6rem);background:rgba(244,247,251,.96);color:#101827;border-color:rgba(255,255,255,.22)}.legal-card .muted{color:#4b5563}.legal-content{max-width:76ch;font-size:1.08rem;line-height:1.9;white-space:normal;padding-inline:clamp(.35rem,1.2vw,.85rem)}.legal-content a{color:#075985}.legal-content::first-line{font-weight:700}.legal-content br{display:block;content:"";margin-top:.75rem}.legal-content h2,.legal-content h3{color:#101827;line-height:1.2;margin:2rem 0 .65rem}.legal-content p{margin:0 0 1rem}@media(max-width:760px){.legal-page{padding-top:1rem}.legal-card{border-radius:1.1rem}.legal-content{font-size:1rem;line-height:1.75}}

/* Modernisierte, barrierearme Landingpage v5 */
body{background:radial-gradient(circle at 15% 0%,rgba(124,219,255,.22),transparent 28rem),radial-gradient(circle at 85% 10%,rgba(167,139,250,.2),transparent 30rem),#080d1c}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;min-height:clamp(34rem,72vh,46rem);padding:clamp(2rem,6vw,5rem);margin-top:1rem;border:1px solid rgba(255,255,255,.12);border-radius:2.2rem;background:linear-gradient(135deg,rgba(18,26,51,.84),rgba(9,14,30,.94));box-shadow:0 28px 90px rgba(0,0,0,.35);overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:auto -12rem -15rem auto;width:34rem;height:34rem;border-radius:50%;background:linear-gradient(135deg,rgba(124,219,255,.2),rgba(167,139,250,.18));filter:blur(2px)}.hero-copy,.hero-profile-card{position:relative;z-index:1}.kicker,.section-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid rgba(124,219,255,.35);border-radius:999px;padding:.42rem .85rem;background:rgba(124,219,255,.08);color:#9fe7ff;font-weight:800;letter-spacing:.045em;text-transform:uppercase;font-size:.86rem}.landing-hero h1{margin:.6rem 0 .7rem;font-size:clamp(3rem,8vw,6.8rem);line-height:.92;letter-spacing:-.06em}.hero-subline{max-width:58ch;margin:0 0 1rem;color:#dce7ff;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:700}.landing-hero .lead{max-width:68ch;margin-bottom:1.5rem;color:#c7d3ea}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.btn.big{padding:.9rem 1.2rem;font-size:1rem}.btn.ghost,.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}.hero-profile-card{justify-self:center;width:min(100%,25rem);display:grid;gap:1rem;justify-items:center;padding:1.2rem;border:1px solid rgba(255,255,255,.14);border-radius:2rem;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.profile-xl{width:min(20rem,70vw);aspect-ratio:1;border-radius:50%;object-fit:cover;border:10px solid rgba(255,255,255,.14);box-shadow:0 22px 70px rgba(0,0,0,.38)}.hero-profile-card strong{display:block;font-size:1.35rem}.hero-profile-card span{display:block;color:var(--muted)}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2rem}.quick-links a{display:block;padding:1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:1.3rem;background:rgba(18,26,51,.72);text-decoration:none;color:var(--text)}.quick-links strong{display:block;font-size:1.05rem}.quick-links span{display:block;color:var(--muted);margin-top:.2rem}.split-section{display:grid;grid-template-columns:.55fr 1fr;gap:1rem;align-items:start}.split-section h2,.section-head h2,.dream-panel h2,.support-band h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.6rem 0}.glass-card,.feature-card,.post-card,.dream-panel,.support-band{border:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border-radius:1.6rem;box-shadow:0 18px 55px rgba(0,0,0,.2)}.rich-text{padding:clamp(1.2rem,3vw,2rem);font-size:1.08rem;color:#e9eefb}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{padding:clamp(1.2rem,3vw,1.8rem)}.feature-card h2{margin:.7rem 0 .45rem;font-size:1.45rem}.feature-card p{margin:0;color:#d4ddef}.feature-card.highlight{background:linear-gradient(135deg,rgba(124,219,255,.16),rgba(167,139,250,.12))}.feature-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:1rem;background:rgba(255,255,255,.09);font-size:1.5rem}.dream-panel{display:grid;grid-template-columns:1fr .85fr;gap:clamp(1rem,4vw,3rem);align-items:center;padding:clamp(1.3rem,4vw,2.4rem);background:linear-gradient(135deg,rgba(124,219,255,.12),rgba(18,26,51,.72))}.dream-text p:last-child{font-size:1.13rem;color:#dce5f7}.dream-media img,.image-placeholder{width:100%;aspect-ratio:4/3;border-radius:1.4rem;object-fit:cover;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.25)}.image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,219,255,.18),rgba(167,139,250,.14));color:#dce7ff;font-weight:800}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.post-card{padding:1.3rem;min-height:13rem}.post-card h3{font-size:1.35rem;line-height:1.2;margin:.35rem 0}.post-card h3 a{color:var(--text);text-decoration:none}.post-card h3 a:hover{text-decoration:underline}.post-date{color:#9fe7ff;font-weight:800;margin:0}.support-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.4rem,4vw,2.4rem);margin-top:2rem;background:linear-gradient(135deg,rgba(124,219,255,.16),rgba(167,139,250,.15))}.support-band p{max-width:64ch;color:#d4ddef}.nav{padding:1.2rem 0}.brand{font-size:1.08rem}.nav a:hover,.quick-links a:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.22)}@media(max-width:900px){.landing-hero,.split-section,.dream-panel{grid-template-columns:1fr}.quick-links,.cards-3,.post-grid{grid-template-columns:1fr}.landing-hero{padding:1.35rem;min-height:auto}.hero-profile-card{justify-self:start}.section-head,.support-band{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.hero-actions{flex-direction:column}.hero-actions .btn,.support-band .btn,.section-head .btn{width:100%;text-align:center}.landing-hero h1{font-size:clamp(2.8rem,18vw,4rem)}.kicker,.section-label{font-size:.76rem}}

/* Mobile-Optimierung v6: sauberes Burger-Menü und bessere Abstände */
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,13,28,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .wrap{padding-inline:clamp(1rem,3vw,2.5rem)}
.nav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;width:100%}
.nav-menu{justify-self:end;display:flex;align-items:center;gap:.6rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.nav-toggle{display:none;justify-self:end;align-items:center;gap:.55rem;min-height:2.85rem;background:rgba(255,255,255,.07)}
.nav-toggle-icon,.nav-toggle-icon::before,.nav-toggle-icon::after{display:block;width:1.25rem;height:2px;border-radius:999px;background:currentColor;content:""}
.nav-toggle-icon{position:relative}.nav-toggle-icon::before,.nav-toggle-icon::after{position:absolute;left:0}.nav-toggle-icon::before{top:-.42rem}.nav-toggle-icon::after{top:.42rem}
.nav-toggle[aria-expanded="true"] .nav-toggle-icon{background:transparent}.nav-toggle[aria-expanded="true"] .nav-toggle-icon::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}
main.wrap{padding-top:clamp(1rem,2vw,1.5rem)}
.landing-hero,.card,.glass-card,.feature-card,.post-card,.dream-panel,.support-band{overflow-wrap:anywhere}
.kicker,.section-label{width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}

@media(max-width:760px){
  .wrap{width:100%;padding-inline:1rem}
  .site-header .wrap{padding-inline:.85rem}
  .nav{grid-template-columns:1fr auto;padding:.75rem 0;align-items:center}
  .brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.62rem .85rem;font-size:1rem}
  .nav-toggle{display:inline-flex;padding:.62rem .85rem}
  .nav-menu{grid-column:1 / -1;display:none;width:100%;justify-self:stretch;margin-top:.55rem;padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(18,26,51,.98);box-shadow:0 18px 45px rgba(0,0,0,.32)}
  .nav-menu.is-open{display:grid;grid-template-columns:1fr;gap:.55rem}
  .nav-menu a{display:block;width:100%;text-align:left;padding:.85rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.06)}
  .landing-hero{margin-top:.75rem;border-radius:1.35rem;padding:1rem;gap:1.1rem}
  .landing-hero h1{font-size:clamp(2.45rem,15vw,3.55rem);letter-spacing:-.045em;line-height:.96;overflow-wrap:normal}
  .hero-subline{font-size:1.08rem}
  .profile-xl{width:min(15rem,72vw);border-width:7px}
  .hero-profile-card{width:100%;border-radius:1.35rem;padding:1rem;justify-self:stretch}
  .quick-links a,.feature-card,.post-card,.rich-text,.support-band,.dream-panel{border-radius:1.15rem;padding:1rem}
  .section{padding:1.4rem 0}
  .split-section h2,.section-head h2,.dream-panel h2,.support-band h2{font-size:clamp(1.65rem,10vw,2.4rem)}
}

@media(max-width:380px){
  .wrap{padding-inline:.8rem}
  .brand,.nav-toggle{padding:.56rem .7rem}
  .nav-toggle span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* v7 Fix: verhindert doppelte Navigation eindeutig */
@media (min-width: 761px){
  .site-header .nav-toggle{display:none!important}
  .site-header .nav-menu{display:flex!important}
}
@media (max-width: 760px){
  .site-header .nav{display:grid!important;grid-template-columns:1fr auto!important;flex-direction:unset!important;align-items:center!important}
  .site-header .nav-toggle{display:inline-flex!important}
  .site-header .nav-menu{display:none!important;grid-column:1/-1!important;flex-direction:unset!important;flex-wrap:nowrap!important}
  .site-header .nav-menu.is-open{display:grid!important;grid-template-columns:1fr!important}
}


/* Bereich: Aktuelle Games */
.games-panel{padding-top:clamp(2rem,5vw,4rem)}
.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.game-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;padding:1.25rem;background:linear-gradient(145deg,rgba(18,26,51,.92),rgba(10,15,32,.96));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.game-card:before{content:"";position:absolute;right:-3rem;top:-3rem;width:8rem;height:8rem;border-radius:50%;background:rgba(124,219,255,.16);pointer-events:none}
.game-card h3{margin:.5rem 0 .35rem;font-size:1.35rem}.game-badge{display:inline-flex;border:1px solid rgba(124,219,255,.35);border-radius:999px;padding:.25rem .7rem;color:var(--brand);font-weight:800;font-size:.85rem;background:rgba(124,219,255,.08)}
@media(max-width:760px){.game-grid{grid-template-columns:1fr}.game-card{padding:1rem}}

.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.12);margin-top:3rem}.social-links{display:flex;flex-wrap:wrap;gap:.8rem}.social-links a{display:inline-flex;padding:.6rem 1rem;border-radius:999px;background:rgba(255,255,255,.06);text-decoration:none}.social-links a:hover,.social-links a:focus-visible{background:rgba(255,255,255,.14);outline:2px solid transparent}@media(max-width:700px){.footer-grid{flex-direction:column;align-items:flex-start}}

/* Hashtag-Auswahl und Anzeige */
.form-stack { display: grid; gap: 1rem; }
.tag-select-box { border: 1px solid rgba(148,163,184,.35); border-radius: 1rem; padding: 1rem; margin: .5rem 0; }
.tag-select-box legend { padding: 0 .4rem; font-weight: 800; }
.checkbox-grid { display: flex; flex-wrap: wrap; gap: .65rem; }
.check-pill { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .75rem; border: 1px solid rgba(125,211,252,.35); border-radius: 999px; background: rgba(15,23,42,.55); cursor: pointer; }
.check-pill input { width: 1rem; height: 1rem; }
.tag-list { display: flex; flex-wrap: wrap; gap: .45rem; margin: .65rem 0 1rem; }
.tag { display: inline-flex; align-items: center; border: 1px solid rgba(125,211,252,.45); border-radius: 999px; padding: .25rem .65rem; font-weight: 800; font-size: .9rem; background: rgba(14,165,233,.12); color: #bfdbfe; }