/* ==========================================================================
   SEKTOR 9 CHRONICLES — ZENTRALES STYLESHEET
   Gilt fuer index.html, impressum.html, datenschutz.html, ki-transparenz.html
   ========================================================================== */

/* Lokal gehostete Schriften (DSGVO-konform, ohne Anfrage an Google-Server). */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/orbitron-700.woff2') format('woff2'); }
@font-face { font-family: 'Orbitron'; font-style: normal; font-weight: 900; font-display: swap; src: url('fonts/orbitron-900.woff2') format('woff2'); }

html { scroll-behavior: smooth; }

body { font-family: 'Inter', sans-serif; background-color: #0B1120; margin: 0; padding: 0; color: #CBD5E1; }

.font-orbitron { font-family: 'Orbitron', sans-serif; }

/* Overlays & Hintergrund-Texturen */
.scanline-overlay {
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
  pointer-events: none;
}
.grid-bg {
  background-image: linear-gradient(rgba(6,182,212,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(6,182,212,0.04) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* Glow-Effekte */
.glow-teal { text-shadow: 0 0 20px rgba(6,182,212,0.5); }
.glow-orange { text-shadow: 0 0 20px rgba(249,115,22,0.5); }

/* Buttons */
.btn-teal {
  display: inline-block; padding: 14px 32px;
  border: 2px solid #06B6D4; color: #06B6D4;
  font-family: 'Orbitron', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none;
  position: relative; transition: all 0.25s ease;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.btn-teal:hover { background: #06B6D4; color: #0B1120; box-shadow: 0 0 25px rgba(6,182,212,0.45); }

.btn-orange {
  display: inline-block; padding: 14px 32px;
  background: #F97316; color: #0B1120;
  font-family: 'Orbitron', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none;
  transition: all 0.25s ease;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
}
.btn-orange:hover { background: #EA6A10; box-shadow: 0 0 25px rgba(249,115,22,0.5); }

/* Karten */
.char-card {
  background: rgba(15,23,42,0.7);
  border: 1px solid rgba(6,182,212,0.15);
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.char-card:hover { border-color: rgba(6,182,212,0.5); transform: translateY(-4px); }

.legal-card {
  background: rgba(15,23,42,0.7);
  border: 1px solid rgba(6,182,212,0.15);
}

.info-block {
  background: rgba(6,182,212,0.05);
  border: 1px solid rgba(6,182,212,0.2);
  padding: 24px 28px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.info-block h3 { font-family: 'Orbitron', sans-serif; font-size: 13px; color: #06B6D4; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 12px; }
.info-block p { color: #94A3B8; line-height: 1.8; font-size: 14px; margin: 0; }

/* Stat-Balken */
.stat-bar { height: 3px; background: rgba(6,182,212,0.15); }
.stat-fill { height: 100%; background: linear-gradient(90deg, #06B6D4, #F97316); transition: width 1s ease; }

/* Ecken-Deko */
.corner-tl { position: absolute; top: -1px; left: -1px; width: 16px; height: 16px; border-top: 2px solid #06B6D4; border-left: 2px solid #06B6D4; }
.corner-br { position: absolute; bottom: -1px; right: -1px; width: 16px; height: 16px; border-bottom: 2px solid #06B6D4; border-right: 2px solid #06B6D4; }

.divider-line { height: 1px; background: linear-gradient(90deg, transparent, rgba(6,182,212,0.4), transparent); }

.tag {
  display: inline-block; padding: 3px 10px;
  font-family: 'Orbitron', sans-serif; font-size: 9px; letter-spacing: 0.15em;
  color: #06B6D4; border: 1px solid rgba(6,182,212,0.35);
}

/* Navigation */
.nav-link { color: #94A3B8; text-decoration: none; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; transition: color 0.2s; }
.nav-link:hover { color: #06B6D4; }

.back-link { display: inline-flex; align-items: center; gap: 8px; color: #06B6D4; text-decoration: none; font-family: 'Orbitron', sans-serif; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 32px; }
.back-link:hover { color: white; }

.section-number { font-family: 'Orbitron', sans-serif; font-size: 11px; color: rgba(6,182,212,0.3); letter-spacing: 0.2em; }

/* Statusanzeige */
.pulse-dot { width: 8px; height: 8px; border-radius: 50%; background: #22C55E; animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.85)} }

/* Lore-Zitat-Block */
.lore-block {
  border-left: 3px solid #F97316;
  background: rgba(249,115,22,0.05);
  padding: 20px 24px;
  position: relative;
}

/* Welt-Statistiken */
.world-stat { display: flex; flex-direction: column; gap: 6px; }
.world-stat-label { font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: #64748B; }
.world-stat-value { font-family: 'Orbitron', sans-serif; font-size: 20px; font-weight: 700; color: #06B6D4; }

/* Episoden-Karten */
.ep-card {
  background: rgba(15,23,42,0.5);
  border: 1px solid rgba(6,182,212,0.1);
  padding: 16px;
  transition: border-color 0.3s, background 0.3s;
  cursor: pointer;
}
.ep-card:hover { border-color: rgba(6,182,212,0.4); background: rgba(15,23,42,0.85); }

/* Live-Uebertragung */
.transmission-wrapper {
  background: rgba(10, 10, 12, 0.85);
  border: 1px solid #00f0ff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);
}
.transmission-title { color: #00f0ff; text-align: center; font-family: 'Inter', sans-serif; margin-bottom: 15px; }
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Consent-Gate fuer eingebettete YouTube-Videos */
.video-consent-placeholder {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-size: cover; background-position: center;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  cursor: pointer;
}
.video-consent-overlay {
  position: absolute; inset: 0; background: rgba(7,12,24,0.55);
}
.video-consent-btn {
  position: relative; z-index: 2;
  width: 64px; height: 64px; border-radius: 50%;
  background: #06B6D4; color: #070C18; border: none;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; box-shadow: 0 0 25px rgba(6,182,212,0.5);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.video-consent-btn:hover { transform: scale(1.08); box-shadow: 0 0 35px rgba(6,182,212,0.7); }
.video-consent-text {
  position: relative; z-index: 2;
  max-width: 320px; text-align: center; color: #E2E8F0; font-size: 12px; line-height: 1.6;
  margin-top: 18px; padding: 0 20px;
}
.video-consent-text a { color: #06B6D4; text-decoration: underline; }
.transmission-text { color: #ffffff; text-align: center; margin-top: 15px; font-size: 0.95rem; }

.legacy-index-0{padding: 96px 24px; max-width: 1100px; margin: 0 auto;}
.legacy-index-1{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;}
.legacy-index-2{font-size: clamp(22px, 4vw, 36px); font-weight: 700; color: white; letter-spacing: 0.05em; margin: 12px 0 24px; line-height: 1.25;}
.legacy-index-3{color: #06B6D4;}
.legacy-index-4{margin-bottom: 24px;}
.legacy-index-5{color: #94A3B8; line-height: 1.85; font-size: 14px; margin-bottom: 16px;}
.legacy-index-6{color: #06B6D4; font-weight: 600;}
.legacy-index-7{color: #94A3B8; line-height: 1.85; font-size: 14px;}
.legacy-index-8{color: #F97316; font-style: normal; font-weight: 600;}
.legacy-index-9{max-width: 640px; margin: 0 auto 24px;}
.legacy-index-10{font-style: italic; color: #94A3B8; line-height: 1.8; margin: 0; font-size: 15px;}
.legacy-index-11{max-width: 640px; margin: 0 auto 48px; font-size: 12px; color: #475569; letter-spacing: 0.03em; line-height: 1.6;}
.legacy-index-12{color: #06B6D4; text-decoration: underline;}
.legacy-index-13{display: flex; flex-direction: column; gap: 16px;}
.legacy-index-14{background: rgba(6,182,212,0.05); border: 1px solid rgba(6,182,212,0.2); padding: 20px 24px; position: relative;}
.legacy-index-15{position: absolute; top: -1px; left: 24px; right: 24px; height: 1px; background: linear-gradient(90deg, transparent, #06B6D4, transparent);}
.legacy-index-16{margin-bottom: 10px;}
.legacy-index-17{font-size: 13px; color: #64748B; line-height: 1.7; margin: 0;}
.legacy-index-18{background: rgba(249,115,22,0.05); border: 1px solid rgba(249,115,22,0.2); padding: 20px 24px; position: relative;}
.legacy-index-19{position: absolute; top: -1px; left: 24px; right: 24px; height: 1px; background: linear-gradient(90deg, transparent, #F97316, transparent);}
.legacy-index-20{color: #F97316; border-color: rgba(249,115,22,0.35); margin-bottom: 10px;}
.legacy-index-21{font-size: 13px; color: #64748B; line-height: 1.7; margin: 0;}
.legacy-index-22{background: rgba(15,23,42,0.5); border: 1px solid rgba(6,182,212,0.1); padding: 20px 24px;}
.legacy-index-23{margin-bottom: 10px;}
.legacy-index-24{font-size: 13px; color: #64748B; line-height: 1.7; margin: 0;}
.legacy-index-25{margin-top: 32px; text-align: center;}
.legacy-index-26{display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, rgba(6,182,212,0.15) 0%, rgba(6,182,212,0.05) 100%); border: 1px solid #06B6D4; padding: 14px 28px; color: white; text-decoration: none; font-family: 'Orbitron', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; border-radius: 4px; box-shadow: 0 0 15px rgba(6,182,212,0.15); transition: all 0.3s ease;}
.legacy-index-27{max-width: 1100px; margin: 0 auto;}
.legacy-index-28{padding: 96px 24px; max-width: 1100px; margin: 0 auto;}
.legacy-index-29{text-align: center; margin-bottom: 56px;}
.legacy-index-30{font-size: clamp(20px, 4vw, 32px); font-weight: 700; color: white; letter-spacing: 0.1em; text-transform: uppercase; margin: 12px 0 0;}
.legacy-index-31{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 24px;}
.legacy-index-32{padding: 0; overflow: hidden; position: relative;}
.legacy-index-33{width: 100%; height: 200px; object-fit: cover; border-bottom: 1px solid rgba(6,182,212,0.15);}
.legacy-index-34{padding: 24px;}
.legacy-index-35{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px;}
.legacy-index-36{font-size: 18px; font-weight: 900; color: white; letter-spacing: 0.08em; margin: 0;}
.legacy-index-37{font-family: 'Orbitron', sans-serif; font-size: 9px; color: #334155; letter-spacing: 0.1em;}
.legacy-index-38{margin-bottom: 16px; display: inline-block;}
.legacy-index-39{font-size: 13px; color: #64748B; line-height: 1.75; margin-bottom: 20px;}
.legacy-index-40{display: flex; flex-direction: column; gap: 8px;}
.legacy-index-41{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-42{color: #06B6D4;}
.legacy-index-43{width: 88%;}
.legacy-index-44{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-45{color: #06B6D4;}
.legacy-index-46{width: 94%;}
.legacy-index-47{padding: 0; overflow: hidden;}
.legacy-index-48{width: 100%; height: 200px; object-fit: cover; border-bottom: 1px solid rgba(6,182,212,0.15);}
.legacy-index-49{padding: 24px;}
.legacy-index-50{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px;}
.legacy-index-51{font-size: 18px; font-weight: 900; color: white; letter-spacing: 0.08em; margin: 0;}
.legacy-index-52{font-family: 'Orbitron', sans-serif; font-size: 9px; color: #334155; letter-spacing: 0.1em;}
.legacy-index-53{color: #F97316; border-color: rgba(249,115,22,0.35); margin-bottom: 16px; display: inline-block;}
.legacy-index-54{font-size: 13px; color: #64748B; line-height: 1.75; margin-bottom: 20px;}
.legacy-index-55{display: flex; flex-direction: column; gap: 8px;}
.legacy-index-56{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-57{color: #F97316;}
.legacy-index-58{width: 96%;}
.legacy-index-59{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-60{color: #F97316;}
.legacy-index-61{width: 91%;}
.legacy-index-62{padding: 0; overflow: hidden;}
.legacy-index-63{width: 100%; height: 200px; object-fit: cover; border-bottom: 1px solid rgba(6,182,212,0.15);}
.legacy-index-64{padding: 24px;}
.legacy-index-65{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px;}
.legacy-index-66{font-size: 18px; font-weight: 900; color: white; letter-spacing: 0.08em; margin: 0;}
.legacy-index-67{font-family: 'Orbitron', sans-serif; font-size: 9px; color: #334155; letter-spacing: 0.1em;}
.legacy-index-68{margin-bottom: 16px; display: inline-block;}
.legacy-index-69{font-size: 13px; color: #64748B; line-height: 1.75; margin-bottom: 20px;}
.legacy-index-70{display: flex; flex-direction: column; gap: 8px;}
.legacy-index-71{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-72{color: #06B6D4;}
.legacy-index-73{width: 99%;}
.legacy-index-74{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-75{color: #06B6D4;}
.legacy-index-76{width: 97%;}
.legacy-index-77{padding: 0; overflow: hidden;}
.legacy-index-78{width: 100%; height: 200px; object-fit: cover; border-bottom: 1px solid rgba(249,115,22,0.2);}
.legacy-index-79{padding: 24px;}
.legacy-index-80{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 4px;}
.legacy-index-81{font-size: 18px; font-weight: 900; color: white; letter-spacing: 0.08em; margin: 0;}
.legacy-index-82{font-family: 'Orbitron', sans-serif; font-size: 9px; color: #334155; letter-spacing: 0.1em;}
.legacy-index-83{color: #F97316; border-color: rgba(249,115,22,0.35); margin-bottom: 16px; display: inline-block;}
.legacy-index-84{font-size: 13px; color: #64748B; line-height: 1.75; margin-bottom: 20px;}
.legacy-index-85{display: flex; flex-direction: column; gap: 8px;}
.legacy-index-86{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-87{color: #F97316;}
.legacy-index-88{width: 92%; background: #F97316;}
.legacy-index-89{display: flex; justify-content: space-between; font-size: 10px; color: #475569; margin-bottom: 4px; letter-spacing: 0.08em; text-transform: uppercase;}
.legacy-index-90{color: #F97316;}
.legacy-index-91{width: 96%; background: #F97316;}
.legacy-index-92{max-width: 1100px; margin: 0 auto;}
.legacy-index-93{padding: 80px 24px; max-width: 1100px; margin: 0 auto;}
.legacy-index-94{color: white; font-size: 24px; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 40px; border-left: 4px solid #06B6D4; padding-left: 16px;}
.legacy-index-95{display: flex; flex-direction: column; gap: 20px;}
.legacy-index-96{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-97{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-98{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-99{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-100{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-101{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-102{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-103{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-104{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-105{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-106{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-107{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-108{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-109{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-110{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-111{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-112{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-113{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-114{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-115{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-116{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-117{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-118{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-119{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-120{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-121{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-122{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-123{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-124{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-125{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-126{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-127{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-128{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-129{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-130{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-131{background: rgba(11,17,32,0.5); border: 1px solid rgba(6,182,212,0.2); padding: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;}
.legacy-index-132{font-size: 11px; color: #06B6D4; font-family: 'Orbitron', sans-serif; letter-spacing: 0.1em; text-transform: uppercase;}
.legacy-index-133{color: white; font-size: 18px; margin: 4px 0 8px;}
.legacy-index-134{color: #94A3B8; font-size: 14px; margin: 0; max-width: 600px;}
.legacy-index-135{background: #06B6D4; color: #070C18; padding: 10px 20px; font-family: 'Orbitron', sans-serif; font-size: 12px; font-weight: 700; text-decoration: none; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; box-shadow: 0 0 10px rgba(6,182,212,0.3); transition: all 0.2s;}
.legacy-index-136{background: rgba(7,12,24,0.4); border: 1px dashed rgba(6,182,212,0.1); padding: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: space-between;}
.legacy-index-137{display: flex; align-items: center; gap: 16px;}
.legacy-index-138{font-family: 'Orbitron', sans-serif; font-size: 12px; color: rgba(6,182,212,0.4); letter-spacing: 0.15em; text-transform: uppercase;}
.legacy-index-139{font-family: 'Orbitron', sans-serif; font-size: 10px; color: #FF424D; text-decoration: none; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid rgba(255, 66, 77, 0.3); padding: 6px 12px; border-radius: 2px;}
.legacy-index-140{padding: 80px 24px; background: rgba(6,182,212,0.03); border-top: 1px solid rgba(6,182,212,0.1); border-bottom: 1px solid rgba(6,182,212,0.1);}
.legacy-index-141{max-width: 700px; margin: 0 auto; text-align: center;}
.legacy-index-142{font-size: clamp(22px, 4vw, 38px); font-weight: 700; color: white; letter-spacing: 0.06em; margin: 12px 0 20px; line-height: 1.25;}
.legacy-index-143{color: #64748B; font-size: 14px; line-height: 1.85; max-width: 520px; margin: 0 auto 40px;}
.legacy-index-144{display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-bottom: 48px;}
.legacy-index-145{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 500px; margin: 0 auto;}
.legacy-index-146{background: rgba(15,23,42,0.6); border: 1px solid rgba(6,182,212,0.1); padding: 16px;}
.legacy-index-147{font-size: 22px;}
.legacy-index-148{margin-top: 4px;}
.legacy-index-149{background: rgba(15,23,42,0.6); border: 1px solid rgba(249,115,22,0.15); padding: 16px;}
.legacy-index-150{font-size: 22px; color: #F97316;}
.legacy-index-151{margin-top: 4px;}
.legacy-index-152{background: rgba(15,23,42,0.6); border: 1px solid rgba(6,182,212,0.1); padding: 16px;}
.legacy-index-153{font-size: 22px;}
.legacy-index-154{margin-top: 4px;}
.legacy-impressum-0{position: fixed; inset: 0; z-index: 100;}
.legacy-impressum-1{max-width: 800px; margin: 0 auto; padding: 80px 24px; position: relative; z-index: 10;}
.legacy-impressum-2{text-align: center; margin-bottom: 48px;}
.legacy-impressum-3{font-family: 'Orbitron', sans-serif; font-size: 11px; color: rgba(6,182,212,0.4); letter-spacing: 0.2em;}
.legacy-impressum-4{font-size: 36px; font-weight: 900; color: white; letter-spacing: 0.08em; margin-top: 8px;}
.legacy-impressum-5{padding: 40px; position: relative; line-height: 1.8; font-size: 14px;}
.legacy-impressum-6{font-size: 14px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-impressum-7{color: #E2E8F0; margin-bottom: 32px;}
.legacy-impressum-8{font-size: 14px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-impressum-9{color: #E2E8F0; margin-bottom: 32px;}
.legacy-impressum-10{color: #06B6D4; text-decoration: underline;}
.legacy-impressum-11{font-size: 14px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-impressum-12{color: #E2E8F0; margin-bottom: 32px;}
.legacy-impressum-13{margin: 32px 0;}
.legacy-impressum-14{font-size: 12px; color: #F97316; letter-spacing: 0.1em; margin-bottom: 8px;}
.legacy-impressum-15{color: #94A3B8; font-size: 13px; margin: 0;}
.legacy-impressum-16{margin: 32px 0;}
.legacy-impressum-17{color: #94A3B8; font-size: 13px; font-style: italic; border-left: 2px solid #06B6D4; padding-left: 12px; margin: 0;}
.legacy-impressum-18{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-0{position: fixed; inset: 0; z-index: 100;}
.legacy-datenschutz-1{max-width: 800px; margin: 0 auto; padding: 80px 24px; position: relative; z-index: 10;}
.legacy-datenschutz-2{text-align: center; margin-bottom: 48px;}
.legacy-datenschutz-3{font-family: 'Orbitron', sans-serif; font-size: 11px; color: rgba(6,182,212,0.4); letter-spacing: 0.2em;}
.legacy-datenschutz-4{font-size: 36px; font-weight: 900; color: white; letter-spacing: 0.08em; margin-top: 8px;}
.legacy-datenschutz-5{padding: 40px; position: relative; line-height: 1.8; font-size: 14px; text-align: left;}
.legacy-datenschutz-6{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-7{margin-bottom: 24px;}
.legacy-datenschutz-8{font-size: 14px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-9{color: #E2E8F0; margin-bottom: 32px;}
.legacy-datenschutz-10{margin: 32px 0;}
.legacy-datenschutz-11{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-12{margin-bottom: 12px;}
.legacy-datenschutz-13{margin-bottom: 32px;}
.legacy-datenschutz-14{margin: 32px 0;}
.legacy-datenschutz-15{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-16{margin-bottom: 12px;}
.legacy-datenschutz-17{list-style-type: square; padding-left: 20px; margin-bottom: 16px; color: #94A3B8;}
.legacy-datenschutz-18{margin-bottom: 32px;}
.legacy-datenschutz-19{margin: 32px 0;}
.legacy-datenschutz-20{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-21{margin-bottom: 24px;}
.legacy-datenschutz-22{margin-bottom: 12px;}
.legacy-datenschutz-23{list-style-type: square; padding-left: 20px; margin-bottom: 32px; color: #06B6D4;}
.legacy-datenschutz-24{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-25{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-26{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-27{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-28{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-29{margin: 32px 0;}
.legacy-datenschutz-30{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-31{margin-bottom: 12px;}
.legacy-datenschutz-32{margin-bottom: 12px;}
.legacy-datenschutz-33{margin-bottom: 32px;}
.legacy-datenschutz-34{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-35{margin: 32px 0;}
.legacy-datenschutz-36{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-37{margin-bottom: 12px;}
.legacy-datenschutz-38{margin-bottom: 12px;}
.legacy-datenschutz-39{margin-bottom: 32px;}
.legacy-datenschutz-40{color: #06B6D4; text-decoration: underline;}
.legacy-datenschutz-41{margin: 32px 0;}
.legacy-datenschutz-42{font-size: 16px; color: #06B6D4; letter-spacing: 0.1em; margin-bottom: 12px;}
.legacy-datenschutz-43{margin-bottom: 12px;}
.legacy-datenschutz-44{margin-bottom: 32px;}
.legacy-ki-transparenz-0{font-size: clamp(24px, 4vw, 34px); font-weight: 700; color: white; letter-spacing: 0.06em; margin: 12px 0 32px; line-height: 1.3;}
.legacy-ki-transparenz-1{margin-bottom: 32px;}
.legacy-ki-transparenz-2{font-size: 12px; color: #475569; margin-top: 32px;}
.legacy-ki-transparenz-3{color: #06B6D4;}
/* Gemeinsame responsive Gestaltung; bestehende Inhaltsklassen bleiben erhalten. */
:root{color-scheme:dark;--cyan:#42d9eb;--orange:#ff9a58;--bg:#0b1120}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{line-height:1.7}img{max-width:100%;display:block}a{color:var(--cyan)}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffb780;outline-offset:5px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.3}section{scroll-margin-top:90px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#07111b;padding:12px}.skip-link:focus{top:12px}
.site-nav{position:sticky;top:0;z-index:50;background:rgba(7,12,22,.95);backdrop-filter:blur(14px);border-bottom:1px solid #23414a}.nav-inner{max-width:1280px;margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{width:86px;height:48px;object-fit:contain}.brand span{font:700 10px Orbitron,sans-serif;letter-spacing:.15em;color:#dce8ef}.menu-toggle{border:1px solid #3b5b67;background:transparent;color:#e2e8f0;padding:8px 12px;cursor:pointer}.main-menu{display:flex;flex-wrap:wrap;gap:10px 24px;width:100%}.main-menu a{font-size:12px;text-decoration:none;color:#c4d1dd;min-height:44px;display:flex;align-items:center}.main-menu .support-link{color:var(--orange)}.js-nav .main-menu{display:none}.js-nav .main-menu.is-open{display:flex;flex-direction:column}.main-menu a:hover,.footer-links a:hover{color:#fff}
.hero{position:relative;isolation:isolate;min-height:760px;display:flex;align-items:flex-end;background:#080f1a;overflow:hidden}.hero picture{position:absolute;inset:0;z-index:-2}.hero-image{width:100%;height:62%;object-fit:cover;object-position:57% top}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1120 5%,rgba(11,17,32,.98) 30%,rgba(11,17,32,.1) 76%)}.hero-content{width:100%;max-width:1280px;margin:auto auto 0;padding:320px 22px 40px}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#b7d9df}.hero h1{font:900 clamp(39px,9vw,84px)/1.12 Orbitron,sans-serif;letter-spacing:.025em;color:#fff;margin:18px 0 24px;text-shadow:0 4px 28px #030810}.hero h1 span{display:block;color:var(--cyan);font-size:.39em;letter-spacing:.25em;margin-top:12px}.hero-slogan{font:700 13px/1.7 Orbitron,sans-serif;color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.hero-description{max-width:460px;color:#c1ceda;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid #567580;width:100%}.primary{background:var(--cyan);color:#06131c;border-color:var(--cyan)}.secondary{background:rgba(8,16,26,.6);color:#e3eaf0}.button:hover{border-color:#fff;filter:brightness(1.15)}.discover{display:inline-block;margin-top:30px;text-decoration:none;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a2b3c6}
body #universum,body #charaktere,body #episoden{padding:64px 22px;max-width:1180px}body .universe-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}body .character-grid{grid-template-columns:minmax(0,1fr)}.universe-grid>*,.character-grid>*{min-width:0}body .section-number{color:#63b7c4}body .char-card{border-color:#29414e;border-radius:6px}body .char-card img{height:260px;object-position:center 30%}.char-card p{color:#a9b9ca}.video-preview{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #315567}.video-preview img{width:100%;height:100%;object-fit:cover;filter:brightness(.66)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--cyan);color:#07111b;display:grid;place-items:center;font-size:22px}.video-label{position:absolute;bottom:12px;left:12px;right:12px;color:#fff;font-size:9px;letter-spacing:.07em;text-align:center}.video-preview:hover img{filter:brightness(.9)}body .transmission-wrapper{border:1px solid #315567;box-shadow:none;border-radius:4px}body .transmission-title{font:700 12px/1.6 Orbitron,sans-serif;text-align:left}body .transmission-text{font-size:13px;color:#b5c3d2;text-align:left}
body #community{padding:72px 22px;background:radial-gradient(ellipse at 80% 30%,#30201f 0,transparent 65%),#0c1725}#community h2 span{color:var(--cyan)}.support-copy{max-width:510px;margin:0 auto 24px;color:#d0dae4}body .btn-orange{background:transparent;color:var(--orange);border:1px solid #d1814c;clip-path:none}body .btn-teal{clip-path:none;font-size:11px}body .world-stat-label{color:#a1b3c6}
.site-footer{background:#070c16;border-top:1px solid #253641;padding:40px 22px 24px}.footer-inner,.copyright{max-width:1136px;margin:auto}.footer-inner{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;align-items:center}.producer{display:flex;align-items:center;gap:18px}.producer img{width:105px;height:85px;object-fit:contain}.producer p{font-size:12px;color:#9bafc3}.footer-links{display:flex;flex-wrap:wrap;gap:14px 22px;max-width:520px}.footer-links a{font-size:12px;color:#b7c7d7;text-decoration:none;min-height:32px}.copyright{border-top:1px solid #253641;padding-top:22px;margin-top:28px;font-size:11px;color:#96a9bd}.legal-page .legal-main{max-width:850px;margin:auto;padding:48px 22px;min-height:65vh}.legal-page .legal-card{padding:24px;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(22px,5vw,36px);overflow-wrap:anywhere}.legal-page h2{overflow-wrap:anywhere}.legal-page .info-block{padding:22px}.legal-page p,.legal-page li{color:#c1ceda}
@media(max-width:699px){#episoden>div>div{gap:18px;flex-wrap:wrap}#episoden>div>div>div{min-width:0}#community>div>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#community>div>div:last-child>div{padding:10px}.tag{letter-spacing:.08em}body .char-card img{height:230px}}
@media(min-width:700px){body .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:780px}.hero-image{height:100%;object-position:center}.hero:after{background:linear-gradient(0deg,#0b1120,transparent 35%),linear-gradient(90deg,rgba(5,12,23,.12),rgba(5,12,23,.7) 43%,rgba(5,12,23,.1))}.hero-content{padding:120px 30px 80px 35%;}.button{width:auto}.hero-actions{max-width:570px}.hero h1{font-size:clamp(48px,6vw,82px)}body #universum,body #charaktere,body #episoden{padding:88px 32px}.legal-page .legal-card{padding:40px}}
@media(min-width:1000px){.menu-toggle{display:none}.js-nav .main-menu,.js-nav .main-menu.is-open,.main-menu{display:flex;flex-direction:row;width:auto}.nav-inner{flex-wrap:nowrap;padding:14px 32px}body .universe-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.hero{min-height:min(850px,calc(100svh - 77px))}.hero-content{padding-top:80px;padding-bottom:65px}.hero-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Verfeinerung: Archiv, Episoden und Unterstützung. */
#charaktere > div:first-child{text-align:left;margin-bottom:32px}
#charaktere .character-grid{gap:28px}
#charaktere .char-card{display:flex;flex-direction:column;background:#0d1828;transform:none}
.character-image-link{display:block;position:relative;background:#080e18;border-bottom:1px solid #29414e;text-decoration:none}
body #charaktere .character-image-link img{width:100%;height:auto;aspect-ratio:1000/605;object-fit:contain;object-position:center;border:0}
.image-zoom-hint{position:absolute;right:10px;bottom:10px;padding:5px 10px;background:rgba(5,12,22,.94);border:1px solid #60717e;color:#e2e8f0;font-size:11px}
.character-image-link:hover .image-zoom-hint{border-color:var(--cyan);color:var(--cyan)}
#charaktere .character-copy{padding:24px;display:flex;flex-direction:column;flex:1}
#charaktere .character-copy>p{color:#b4c4d5;font-size:14px;line-height:1.85}
#charaktere .character-copy>p:last-child{margin-bottom:0}
#charaktere .character-copy>div:first-child>span{color:#9dafc2}
#episoden>h2{font-size:clamp(22px,4vw,32px);margin:0 0 32px;letter-spacing:.05em}
#episoden .release-note{display:flex;flex-direction:column;gap:6px;margin:-12px 0 32px;padding:18px 22px;border-left:2px solid var(--cyan);background:#101d2c;font-size:14px;color:#b8cadb;line-height:1.8}
#episoden .release-note strong{color:#dce9f2;font-weight:600}
#episoden .release-note time{color:var(--cyan)}
#episoden .episode-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#episoden .episode-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:24px 20px;background:#0d1828;border:1px solid #29414e;border-radius:6px;align-items:start}
.episode-number{font:700 26px/1.3 Orbitron,sans-serif;color:#6ea3b1;padding-top:2px}
#episoden .episode-copy{min-width:0}
#episoden .episode-copy>span{font-size:10px;letter-spacing:.08em;color:#7acbd8}
#episoden .episode-copy h3{font-size:17px;line-height:1.5;margin:8px 0 12px}
#episoden .episode-copy p{font-size:14px;line-height:1.8;color:#afc0d2;margin:0}
#episoden .episode-watch{grid-column:2;justify-self:start;align-self:end;display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:transparent;color:var(--cyan);border:1px solid #39737e;box-shadow:none;font-size:11px;letter-spacing:.08em}
#episoden .episode-watch::after{content:' ↗';margin-left:10px}
#episoden .episode-watch:hover{background:#173541;border-color:var(--cyan)}
#episoden .episode-card:focus-within{border-color:var(--cyan)}
#episoden .episode-upcoming{grid-column:1/-1;display:flex;gap:20px;flex-wrap:wrap;padding:22px;background:transparent;border-color:#344553}
#episoden .episode-upcoming>div{min-width:0;flex:1 1 240px}
#episoden .episode-upcoming span{color:#98acbd;font-size:11px;line-height:1.8}
#episoden .episode-upcoming>a{min-height:44px;display:inline-flex;align-items:center;color:var(--orange);border-color:#806048}
body #community{background:linear-gradient(115deg,#101d2c,#101a27 65%,#211b1b);padding:64px 22px}
#community .community-inner{max-width:1116px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
#community .section-number{margin:0}
#community h2{font-size:clamp(24px,3.5vw,38px);margin:0;line-height:1.35}
#community .support-copy{font-size:16px;line-height:1.85;color:#d1dde8;margin:0;max-width:620px}
#community .community-inner>p:not(.section-number):not(.support-copy){margin:0;max-width:620px;color:#a4b7c9;font-size:14px}
#community .community-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:4px 0 0;max-width:390px}
#community .community-actions a{min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;font:600 12px/1.7 Inter,sans-serif;letter-spacing:.01em;text-transform:none;padding:14px 20px}
#community .community-actions .btn-orange{order:-1;border:1px solid #c08a60;background:#33251f;color:#ffd1aa}
#community .community-actions .btn-orange:hover{background:#483024;box-shadow:none}
#community .community-actions .btn-teal{border:1px solid #3a5668;color:#b9d5e0;background:transparent}
#community .community-actions .btn-teal:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:none}
#community .community-stats{display:flex;flex-wrap:wrap;gap:20px 32px;margin:12px 0 0;padding-top:24px;border-top:1px solid #2b3c4c;max-width:none}
#community .community-stats>div{display:flex;gap:10px;align-items:baseline;border:0;padding:0;background:none}
#community .community-stats .world-stat-value{font-size:17px;color:#b1c5d4}
#community .community-stats .world-stat-label{font-size:10px;letter-spacing:.08em;margin:0;color:#96adbf}
@media(min-width:760px){#episoden .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#episoden .episode-card{grid-template-rows:1fr auto}}
@media(min-width:1000px){#community .community-inner{grid-template-columns:minmax(0,1fr) 350px;gap:20px 64px}#community .community-inner>p,#community h2{grid-column:1}#community .community-actions{grid-column:2;grid-row:2/5;align-self:center;margin:0}#community .community-stats{grid-column:1/-1}}