:root{--bg:#050505;--bg2:#0a0a0a;--panel:#111214;--panel2:#17181a;--text:#f7f7f7;--muted:#aaa;--line:rgba(255,255,255,.12);--yellow:#ffd400;--yellow2:#ffb800;--green:#7fd11c;--shell:min(1180px,calc(100% - 36px));--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{font:inherit}.shell{width:var(--shell);margin:auto}.section{padding:78px 0}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);background:var(--yellow);color:#000;padding:10px 14px;border-radius:10px;font-weight:900}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:80;background:rgba(4,4,4,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{width:var(--shell);min-height:82px;margin:auto;display:flex;align-items:center;gap:24px}.brand img{width:118px;height:64px;object-fit:contain;border-radius:14px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,25px);flex:1}.main-nav a{position:relative;padding:28px 0 23px;font-size:.87rem;font-weight:800;color:#d7d7d7;white-space:nowrap}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:15px;height:3px;background:var(--yellow);border-radius:4px;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover:after,.main-nav a.active:after{right:0}.listen-small{background:var(--yellow);color:#080808;border-radius:12px;padding:11px 15px;font-weight:950;white-space:nowrap}.menu-toggle{display:none;background:#111;border:1px solid var(--line);width:46px;height:46px;border-radius:12px;padding:11px}.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0}
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 35%,rgba(255,212,0,.17),transparent 27%),linear-gradient(180deg,#0a0a0a,#050505);min-height:590px;display:grid;align-items:center}.page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,212,0,.7) 0 1px,transparent 1px),radial-gradient(circle at 80% 75%,rgba(255,212,0,.35) 0 1px,transparent 1px);background-size:34px 34px,52px 52px;opacity:.15;mask-image:linear-gradient(#000,transparent)}.hero-grid{display:grid;grid-template-columns:1.08fr .82fr;align-items:center;gap:44px;position:relative;z-index:2}.hero-copy{padding:58px 0}.eyebrow{color:var(--yellow);font-size:.78rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eyebrow.dark{color:#111}.hero-copy h1{font-size:clamp(3rem,6vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:12px 0 22px;max-width:790px}.hero-copy p{font-size:1.1rem;color:#c8c8c8;max-width:690px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.primary-button,.secondary-button,.dark-button{min-height:54px;padding:0 22px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.primary-button{background:linear-gradient(135deg,var(--yellow),var(--yellow2));color:#090909}.secondary-button{border:1px solid rgba(255,212,0,.48);color:#fff;background:transparent}.dark-button{background:#080808;color:#fff}.hero-chick{min-height:490px;display:grid;place-items:center;position:relative}.hero-chick img{width:min(360px,80%);border-radius:48px;mix-blend-mode:screen;filter:drop-shadow(0 20px 40px rgba(0,0,0,.55));animation:float 5.2s ease-in-out infinite}.speech{position:absolute;right:2%;bottom:21%;background:#fff;color:#111;font-size:.85rem;font-weight:900;border-radius:16px 16px 4px 16px;padding:9px 13px;box-shadow:var(--shadow)}.spark{position:absolute;color:var(--yellow);font-size:2rem;font-weight:900;animation:sparkle 4s ease-in-out infinite}.spark.one{left:8%;top:30%}.spark.two{right:4%;top:17%;animation-delay:-1.4s}.spark.three{right:9%;bottom:32%;animation-delay:-2.5s}@keyframes float{50%{transform:translateY(-13px) rotate(1deg)}}@keyframes sparkle{50%{transform:scale(1.18) rotate(8deg);opacity:1}0%,100%{transform:scale(.85) rotate(-8deg);opacity:.55}}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2,.detail-intro h2,.panel h2,.player-panel h2,.program-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.03;letter-spacing:-.035em;margin:5px 0}.section-head>p{color:var(--muted);max-width:560px;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:linear-gradient(150deg,#151515,#0c0c0c);border:1px solid var(--line);border-radius:23px;padding:25px;min-height:255px;display:flex;flex-direction:column;box-shadow:0 16px 50px rgba(0,0,0,.18)}.content-card:nth-child(6n+1){border-color:rgba(0,132,255,.32)}.content-card:nth-child(6n+2){border-color:rgba(151,65,255,.32)}.content-card:nth-child(6n+3){border-color:rgba(255,181,0,.35)}.content-card:nth-child(6n+4){border-color:rgba(0,179,255,.27)}.content-card:nth-child(6n+5){border-color:rgba(38,203,205,.3)}.content-card:nth-child(6n){border-color:rgba(115,197,40,.3)}.card-icon{font-size:3rem}.content-card h3{font-size:1.3rem;margin:14px 0 7px}.content-card p{color:#a9a9a9;margin:0 0 25px}.card-link{margin-top:auto;color:var(--yellow);font-weight:900}
.yellow-strip{padding:36px 0}.strip-inner{background:linear-gradient(135deg,#ffde32,#ffbb00);color:#111;border-radius:26px;min-height:160px;padding:20px 30px;display:grid;grid-template-columns:130px 1fr auto;gap:25px;align-items:center}.strip-inner img{height:125px;margin:auto;mix-blend-mode:multiply}.strip-inner h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:3px 0;line-height:1}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel,.player-panel,.program-panel{background:linear-gradient(150deg,#121315,#090a0b);border:1px solid var(--line);border-radius:26px;padding:28px}.panel>p{color:#aaa}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.pill-row a{border:1px solid var(--line);padding:8px 12px;border-radius:99px;color:#ddd;font-size:.85rem}
.mini-schedule{display:grid;margin:20px 0}.mini-row{display:grid;grid-template-columns:65px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.mini-row:last-child{border-bottom:0}.mini-row strong{font-size:.95rem}.mini-state{background:#242424;color:#aaa;border-radius:99px;padding:4px 7px;font-size:.66rem;font-weight:900}.mini-state.live{background:#bd1b1b;color:#fff}.mini-state.next{background:#5c8b0e;color:#fff}.player-panel{max-width:900px;margin:auto}.player-panel>p{color:#aaa}.live-dot{display:inline-block;width:10px;height:10px;background:#f22626;border-radius:50%;margin-right:7px;box-shadow:0 0 0 0 rgba(242,38,38,.5);animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(242,38,38,0)}}.iframe-wrap{margin:22px 0;border-radius:20px;overflow:hidden;background:#fff;min-height:440px}.iframe-wrap iframe{width:100%;min-height:440px;border:0;display:block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:#111;border:1px solid var(--line);border-radius:20px;padding:24px}.stat strong{display:block;color:var(--yellow);font-size:1.65rem}.stat span{color:#aaa}
.program-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.date-pill{border:1px solid rgba(255,212,0,.4);color:var(--yellow);border-radius:99px;padding:7px 10px;font-size:.8rem;font-weight:850}.full-schedule{display:grid}.schedule-row{display:grid;grid-template-columns:85px 50px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.schedule-time{font-weight:950}.schedule-icon{width:44px;height:44px;border-radius:12px;background:#191919;border:1px solid rgba(255,212,0,.15);display:grid;place-items:center}.schedule-row h3{margin:0;font-size:1rem}.schedule-row p{margin:2px 0 0;color:#888;font-size:.84rem}.state{font-size:.68rem;font-weight:950;padding:5px 8px;border-radius:99px;background:#242424;color:#aaa}.state.live{background:#bd1b1b;color:#fff}.state.next{background:#5c8b0e;color:#fff}.small{font-size:.8rem}.muted{color:#777}.info-box{margin-top:28px;border:1px solid rgba(255,212,0,.26);background:rgba(255,212,0,.06);border-radius:18px;padding:18px;color:#c7c7c7}
.detail-intro{max-width:760px;margin-bottom:26px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fact{background:#111;border:1px solid var(--line);border-radius:20px;padding:22px}.fact strong{color:var(--yellow);font-size:1rem}.fact p{color:#aaa;margin:7px 0 0}.spacer{height:42px}.center-action{text-align:center;margin-top:34px}
.site-footer{background:#020202;border-top:1px solid var(--line);padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(4,.8fr);gap:34px}.footer-brand img{width:160px;border-radius:18px}.footer-brand p{color:#777}.site-footer h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.site-footer a{display:block;color:#858585;padding:5px 0;font-size:.88rem}.site-footer a:hover{color:var(--yellow)}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:#666;font-size:.78rem}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1060px){.main-nav{gap:13px}.main-nav a{font-size:.8rem}.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){:root{--shell:min(100% - 28px,760px)}.listen-small{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav{position:absolute;left:14px;right:14px;top:69px;display:none;background:#0c0c0c;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 10px}.main-nav a:after{display:none}.page-hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding:52px 0 0}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-chick{min-height:400px}.hero-chick img{width:300px}.section{padding:62px 0}.section-head{align-items:flex-start;flex-direction:column}.split{grid-template-columns:1fr}.strip-inner{grid-template-columns:100px 1fr}.strip-inner .dark-button{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(2,1fr)}.fact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){:root{--shell:calc(100% - 22px)}.header-inner{min-height:72px}.brand img{width:96px;height:52px}.hero-copy h1{font-size:clamp(2.7rem,14vw,4rem)}.hero-actions{flex-direction:column}.hero-actions>*{width:100%}.hero-chick{min-height:340px}.hero-chick img{width:250px}.speech{font-size:.75rem}.card-grid,.stat-grid{grid-template-columns:1fr}.strip-inner{grid-template-columns:1fr;text-align:center}.strip-inner img{display:none}.schedule-row{grid-template-columns:62px 40px 1fr}.schedule-row .state{grid-column:3;justify-self:start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}.iframe-wrap,.iframe-wrap iframe{min-height:520px}}


/* =========================================================
   RADIO KÜKEN V3 – FESTER DAUERPLAYER
   Der Player liegt außerhalb von <main> und bleibt deshalb
   bei der internen Soft-Navigation unangetastet.
   ========================================================= */

body {
  padding-bottom: 104px;
}

.persistent-player {
  position: fixed;
  z-index: 500;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 92px;
  background:
    linear-gradient(180deg, rgba(20,20,20,.97), rgba(5,5,5,.99));
  border-top: 1px solid rgba(255,212,0,.32);
  box-shadow: 0 -18px 55px rgba(0,0,0,.48);
  backdrop-filter: blur(18px);
}

.persistent-player-inner {
  min-height: 92px;
  display: grid;
  grid-template-columns: minmax(220px,1fr) auto minmax(150px,.55fr) auto;
  gap: 20px;
  align-items: center;
}

.persistent-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.persistent-brand img {
  width: 72px;
  height: 54px;
  object-fit: contain;
  border-radius: 12px;
  flex: 0 0 auto;
}

.persistent-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  line-height: 1.22;
}

.persistent-copy strong {
  font-size: 1rem;
  white-space: nowrap;
}

.persistent-copy > span:last-child {
  color: #9a9a9a;
  font-size: .78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.persistent-live {
  color: var(--yellow);
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .08em;
  margin-bottom: 3px;
}

.persistent-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  background: #ef2929;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(239,41,41,.55);
  animation: persistentPulse 1.7s infinite;
}

@keyframes persistentPulse {
  70% { box-shadow: 0 0 0 10px rgba(239,41,41,0); }
  100% { box-shadow: 0 0 0 0 rgba(239,41,41,0); }
}

.persistent-toggle {
  min-width: 150px;
  height: 52px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg,var(--yellow),var(--yellow2));
  color: #080808;
  font-weight: 950;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow: 0 12px 32px rgba(255,198,0,.16);
  transition: transform .18s ease, box-shadow .18s ease;
}

.persistent-toggle:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 38px rgba(255,198,0,.24);
}

.persistent-toggle.is-playing {
  background: #f3f3f3;
}

.persistent-toggle-icon {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #090909;
  color: var(--yellow);
  font-size: .72rem;
}

.persistent-volume {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  align-items: center;
  color: #ddd;
}

.persistent-volume input {
  width: 100%;
  accent-color: var(--yellow);
}

.persistent-more {
  color: var(--yellow);
  font-weight: 900;
  font-size: .84rem;
  white-space: nowrap;
}

.persistent-player.is-buffering #persistent-status {
  color: #ffd85a;
}

.persistent-player.is-error #persistent-status {
  color: #ff7d7d;
}

.soft-nav-loading::after {
  content: "";
  position: fixed;
  z-index: 490;
  top: 82px;
  left: 0;
  height: 3px;
  width: 35%;
  background: var(--yellow);
  box-shadow: 0 0 18px rgba(255,212,0,.7);
  animation: softLoading 1s ease-in-out infinite alternate;
}

@keyframes softLoading {
  from { transform: translateX(-70%); }
  to { transform: translateX(280%); }
}

.radio-control-card {
  margin: 22px 0;
  padding: 24px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 20px;
  align-items: center;
  border: 1px solid rgba(255,212,0,.26);
  border-radius: 20px;
  background: rgba(255,212,0,.055);
}

.radio-control-icon {
  font-size: 2.8rem;
}

.radio-control-card p {
  margin: 5px 0 0;
  color: #aaa;
}

.page-player-button {
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 820px) {
  body { padding-bottom: 92px; }

  .persistent-player,
  .persistent-player-inner {
    min-height: 82px;
  }

  .persistent-player-inner {
    grid-template-columns: 1fr auto auto;
    gap: 10px;
  }

  .persistent-volume {
    display: none;
  }

  .persistent-brand img {
    width: 55px;
    height: 46px;
  }

  .persistent-toggle {
    min-width: 126px;
    height: 48px;
  }

  .persistent-more {
    font-size: 0;
  }

  .persistent-more::after {
    content: "Mehr";
    font-size: .78rem;
  }

  .radio-control-card {
    grid-template-columns: auto 1fr;
  }

  .radio-control-card .page-player-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 560px) {
  body { padding-bottom: 86px; }

  .persistent-player,
  .persistent-player-inner {
    min-height: 78px;
  }

  .persistent-player-inner {
    grid-template-columns: 1fr auto;
  }

  .persistent-brand img,
  .persistent-more {
    display: none;
  }

  .persistent-copy strong {
    font-size: .92rem;
  }

  .persistent-copy > span:last-child {
    max-width: 160px;
  }

  .persistent-toggle {
    min-width: 116px;
    height: 46px;
    padding: 0 13px;
  }

  .persistent-toggle-text {
    font-size: .82rem;
  }
}

.stream-note {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,212,0,.07);
  border: 1px solid rgba(255,212,0,.18);
  color: #aaa;
  font-size: .82rem;
}


/* V5 finishing */
.related-links .pill-row { justify-content: center; }
.related-links .section-head { justify-content: center; text-align: center; }

.persistent-player { z-index: 999; }
.persistent-player .persistent-status-track { overflow:hidden; text-overflow:ellipsis; }

.soft-nav-loading body { cursor: progress; }

@media (max-width: 1060px) {
  .footer-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 700px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 460px) {
  .footer-grid { grid-template-columns: 1fr; }
}


/* =========================================================
   V6 – PODKIDS HÖRSPIELWELT
   ========================================================= */

.podkids-hero {
  background:
    radial-gradient(circle at 75% 35%, rgba(255,212,0,.2), transparent 30%),
    radial-gradient(circle at 18% 20%, rgba(79,51,196,.12), transparent 22%),
    linear-gradient(180deg,#0b0b0d,#050505);
}

.pod-hero-facts {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.pod-hero-facts span {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #d5d5d5;
  padding: 7px 11px;
  border-radius: 99px;
  font-size: .78rem;
  font-weight: 800;
}

.pod-intro-section {
  padding-top: 48px;
}

.pod-featured {
  overflow: hidden;
  min-height: 360px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
  gap: 34px;
  padding: clamp(28px,5vw,54px);
  border-radius: 32px;
  border: 1px solid rgba(255,212,0,.3);
  background:
    radial-gradient(circle at 83% 45%, rgba(255,212,0,.24), transparent 26%),
    linear-gradient(135deg,#17120a,#0d0d0e 58%,#080808);
  box-shadow: 0 28px 80px rgba(0,0,0,.35);
}

.pod-featured-copy h2 {
  margin: 7px 0 14px;
  font-size: clamp(2.2rem,4vw,4rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.pod-featured-copy > p {
  color: #c2c2c2;
  max-width: 700px;
}

.pod-featured-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 22px 0;
}

.pod-featured-meta span {
  border-radius: 99px;
  padding: 7px 10px;
  background: rgba(255,255,255,.07);
  color: #d8d8d8;
  font-size: .78rem;
  font-weight: 800;
}

.pod-featured-visual {
  min-height: 280px;
  position: relative;
  display: grid;
  place-items: center;
}

.pod-featured-disc {
  width: 245px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  background:
    radial-gradient(circle at 35% 30%, #ffe35d, #ffc400 38%, #151515 39%, #070707 68%, #ffd400 69%, #111 72%);
  box-shadow: 0 24px 70px rgba(255,198,0,.18);
  transform: rotate(-5deg);
  text-align: center;
  color: #fff;
}

.pod-featured-disc span,
.pod-featured-disc small {
  font-weight: 950;
  letter-spacing: .12em;
}

.pod-featured-disc strong {
  color: var(--yellow);
  font-size: 2.35rem;
  line-height: 1;
}

.pod-orbit {
  position: absolute;
  font-size: 2.5rem;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.3));
  animation: podFloat 4.4s ease-in-out infinite;
}
.pod-orbit.one { left: 8%; top: 15%; }
.pod-orbit.two { right: 5%; top: 16%; animation-delay: -1.2s; }
.pod-orbit.three { right: 12%; bottom: 7%; animation-delay: -2.2s; }

@keyframes podFloat {
  50% { transform: translateY(-10px) rotate(8deg); }
}

.pod-filterbar {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 25px;
}

.pod-filter {
  border: 1px solid rgba(255,255,255,.12);
  background: #111;
  color: #bbb;
  border-radius: 99px;
  padding: 9px 14px;
  font-weight: 850;
  cursor: pointer;
}

.pod-filter:hover,
.pod-filter.active {
  color: #111;
  border-color: var(--yellow);
  background: var(--yellow);
}

.pod-episode-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 18px;
}

.pod-episode-card {
  min-height: 310px;
  display: grid;
  grid-template-columns: 165px 1fr;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(150deg,#141414,#090909);
  box-shadow: 0 18px 50px rgba(0,0,0,.2);
  transition: transform .2s ease, border-color .2s ease;
}

.pod-episode-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255,212,0,.35);
}

.pod-episode-card.is-hidden {
  display: none;
}

.pod-cover {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  min-height: 100%;
  color: #fff;
  overflow: hidden;
}

.pod-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.2),transparent 26%),
    linear-gradient(180deg,transparent,rgba(0,0,0,.32));
}

.pod-cover > * { position: relative; z-index: 2; }
.pod-cover-icon { font-size: 4.7rem; }
.pod-cover span {
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .12em;
}

.pod-cover-1 { background: linear-gradient(140deg,#bd2727,#e96e29); }
.pod-cover-2 { background: linear-gradient(140deg,#356b26,#8ab93b); }
.pod-cover-3 { background: linear-gradient(140deg,#7d4b13,#daa735); }
.pod-cover-4 { background: linear-gradient(140deg,#4b348c,#9d4db0); }
.pod-cover-5 { background: linear-gradient(140deg,#8f2e3f,#dd6859); }
.pod-cover-6 { background: linear-gradient(140deg,#292929,#656565); }
.pod-cover-7 { background: linear-gradient(140deg,#347234,#78b332); }
.pod-cover-8 { background: linear-gradient(140deg,#65411f,#9b6c37); }

.pod-episode-content {
  padding: 23px;
  display: flex;
  flex-direction: column;
}

.pod-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #818181;
  font-size: .73rem;
  font-weight: 800;
}

.episode-badge {
  color: #111;
  background: var(--yellow);
  border-radius: 99px;
  padding: 4px 8px;
  font-size: .64rem;
  font-weight: 950;
}

.episode-badge.direct {
  color: #fff;
  background: #b11d1d;
}

.pod-episode-content h3 {
  margin: 11px 0 8px;
  font-size: 1.28rem;
  line-height: 1.08;
}

.pod-episode-content > p {
  margin: 0;
  color: #9f9f9f;
  font-size: .9rem;
}

.pod-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 17px 0;
}

.pod-tags span {
  border: 1px solid rgba(255,255,255,.1);
  color: #aaa;
  border-radius: 99px;
  padding: 4px 8px;
  font-size: .68rem;
}

.pod-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.pod-play-link,
.pod-inline-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border-radius: 11px;
  padding: 0 12px;
  font-size: .78rem;
  font-weight: 900;
}

.pod-play-link {
  background: var(--yellow);
  color: #0a0a0a;
}

.pod-inline-button {
  border: 1px solid rgba(255,255,255,.16);
  background: #181818;
  color: #fff;
  cursor: pointer;
}

.pod-direct-section {
  background: linear-gradient(180deg,#080808,#050505);
}

.pod-video-card {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: #111;
}

.pod-video-frame {
  aspect-ratio: 16 / 9;
  background: #000;
}

.pod-video-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.pod-video-copy {
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pod-video-copy h3 {
  margin: 12px 0 8px;
  font-size: clamp(1.6rem,3vw,2.4rem);
  line-height: 1;
}

.pod-video-copy p {
  color: #a8a8a8;
}

.pod-platform-section {
  padding-top: 35px;
}

.pod-platform-card {
  border-radius: 28px;
  background: linear-gradient(135deg,#ffe152,#ffbd00);
  color: #111;
  padding: 38px 42px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
}

.pod-platform-card h2 {
  margin: 4px 0 8px;
  font-size: clamp(2rem,4vw,3.2rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.pod-platform-card p {
  margin: 0;
  max-width: 760px;
  font-weight: 650;
}

.pod-platform-actions {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.dark-outline-button {
  min-height: 54px;
  padding: 0 20px;
  border-radius: 13px;
  border: 2px solid #111;
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

@media (max-width: 980px) {
  .pod-featured,
  .pod-video-card,
  .pod-platform-card {
    grid-template-columns: 1fr;
  }
  .pod-episode-grid {
    grid-template-columns: 1fr;
  }
  .pod-featured-visual {
    min-height: 250px;
  }
}

@media (max-width: 620px) {
  .pod-featured {
    padding: 26px 20px;
  }
  .pod-featured-disc {
    width: 210px;
  }
  .pod-episode-card {
    grid-template-columns: 105px 1fr;
  }
  .pod-cover-icon {
    font-size: 3.3rem;
  }
  .pod-episode-content {
    padding: 18px;
  }
  .pod-episode-content h3 {
    font-size: 1.08rem;
  }
  .pod-actions {
    flex-direction: column;
  }
  .pod-play-link,
  .pod-inline-button {
    width: 100%;
    justify-content: center;
  }
  .pod-platform-card {
    padding: 30px 22px;
  }
  .pod-platform-actions > * {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .pod-episode-card {
    grid-template-columns: 1fr;
  }
  .pod-cover {
    min-height: 145px;
  }
}


/* =========================================================
   V7 – KINDERRECHTE
   ========================================================= */

.rights-hero {
  background:
    radial-gradient(circle at 74% 38%, rgba(255,212,0,.18), transparent 28%),
    radial-gradient(circle at 10% 15%, rgba(58,126,255,.10), transparent 25%),
    linear-gradient(180deg,#0b0b0c,#050505);
}

.rights-hero-facts {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.rights-hero-facts span {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  border-radius: 99px;
  padding: 7px 11px;
  color: #d4d4d4;
  font-size: .78rem;
  font-weight: 850;
}

.rights-intro {
  padding-top: 55px;
}

.rights-intro-grid {
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 28px;
  align-items: stretch;
}

.rights-intro-copy,
.rights-number-card {
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(150deg,#141414,#090909);
}

.rights-intro-copy {
  padding: 38px;
}

.rights-intro-copy h2 {
  margin: 5px 0 15px;
  font-size: clamp(2.2rem,4vw,3.8rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.rights-intro-copy > p {
  color: #b6b6b6;
  max-width: 780px;
}

.rights-source-note {
  margin-top: 24px;
  border-radius: 16px;
  background: rgba(255,212,0,.07);
  border: 1px solid rgba(255,212,0,.2);
  padding: 16px 18px;
  color: #c9c9c9;
}

.rights-source-note strong {
  color: var(--yellow);
}

.rights-number-card {
  min-height: 300px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,212,0,.20), transparent 38%),
    linear-gradient(145deg,#17130a,#0b0b0b);
}

.rights-number {
  color: var(--yellow);
  font-size: clamp(6rem,12vw,9rem);
  line-height: .75;
  font-weight: 1000;
  letter-spacing: -.08em;
}

.rights-number-card strong {
  margin-top: 24px;
  font-size: 1.4rem;
}

.rights-number-card p {
  color: #999;
}

.rights-principles {
  background: linear-gradient(180deg,#070707,#0a0a0a);
}

.principle-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}

.principle-card {
  min-height: 280px;
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 23px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(150deg,#151515,#0b0b0b);
}

.principle-card:nth-child(1) { border-color: rgba(255,212,0,.25); }
.principle-card:nth-child(2) { border-color: rgba(75,198,98,.25); }
.principle-card:nth-child(3) { border-color: rgba(255,90,90,.22); }
.principle-card:nth-child(4) { border-color: rgba(86,153,255,.25); }

.principle-number {
  position: absolute;
  right: 16px;
  top: 6px;
  color: rgba(255,255,255,.035);
  font-size: 5.2rem;
  font-weight: 1000;
  line-height: 1;
}

.principle-icon {
  position: relative;
  z-index: 2;
  font-size: 2.6rem;
  margin-bottom: 26px;
}

.principle-card h3 {
  margin: 0 0 8px;
  font-size: 1.28rem;
}

.principle-card p {
  color: #9d9d9d;
  margin: 0;
}

.rights-main {
  background:
    radial-gradient(circle at 8% 8%, rgba(255,212,0,.07), transparent 20%),
    #050505;
}

.rights-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 17px;
}

.right-card {
  border-radius: 23px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(150deg,#151515,#0b0b0b);
  padding: 24px;
  transition: border-color .2s ease, transform .2s ease;
}

.right-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,212,0,.3);
}

.right-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.right-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(255,212,0,.09);
  border: 1px solid rgba(255,212,0,.18);
  font-size: 1.8rem;
}

.right-article {
  border-radius: 99px;
  background: #202020;
  color: #aaa;
  padding: 5px 9px;
  font-size: .7rem;
  font-weight: 900;
}

.right-card h3 {
  margin: 17px 0 8px;
  font-size: 1.38rem;
}

.right-card > p {
  color: #a7a7a7;
  margin: 0;
}

.right-more {
  width: 100%;
  margin-top: 19px;
  padding: 12px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.08);
  background: transparent;
  color: var(--yellow);
  font-weight: 900;
  cursor: pointer;
  text-align: left;
}

.right-more span {
  font-size: 1.3rem;
  transition: transform .2s ease;
}

.right-more[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.right-example {
  margin-top: 13px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(255,212,0,.06);
  border: 1px solid rgba(255,212,0,.13);
  color: #aaa;
}

.right-example strong {
  color: #ddd;
}

.right-example p {
  margin: 5px 0 0;
}

.rights-everyday {
  background: #090909;
}

.everyday-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}

.everyday-card {
  min-height: 230px;
  padding: 23px;
  border-radius: 22px;
  background: #111;
  border: 1px solid rgba(255,255,255,.1);
}

.everyday-icon {
  font-size: 2.5rem;
}

.everyday-card h3 {
  margin: 16px 0 8px;
}

.everyday-card p {
  color: #999;
  margin: 0;
}

.rights-help-card {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 28px;
  align-items: start;
  border-radius: 28px;
  padding: 36px;
  border: 1px solid rgba(255,212,0,.22);
  background:
    radial-gradient(circle at 10% 20%,rgba(255,212,0,.10),transparent 25%),
    linear-gradient(145deg,#141414,#090909);
}

.rights-help-icon {
  width: 90px;
  height: 90px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: var(--yellow);
  color: #111;
  font-size: 3rem;
}

.rights-help-card h2 {
  margin: 5px 0 10px;
  font-size: clamp(2rem,4vw,3.3rem);
  line-height: 1;
}

.rights-help-card p {
  color: #aaa;
}

.rights-help-small {
  font-size: .88rem;
}

.rights-quiz-section {
  background:
    radial-gradient(circle at 85% 15%,rgba(255,212,0,.12),transparent 27%),
    linear-gradient(180deg,#090909,#050505);
}

.quiz-wrap {
  max-width: 900px;
  margin: auto;
}

.quiz-intro {
  text-align: center;
  margin-bottom: 28px;
}

.quiz-intro h2 {
  font-size: clamp(2.2rem,5vw,4rem);
  margin: 5px 0 10px;
  line-height: 1;
  letter-spacing: -.04em;
}

.quiz-intro p {
  color: #999;
}

.rights-quiz {
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(150deg,#151515,#0c0c0c);
  padding: clamp(24px,5vw,42px);
}

.quiz-progress {
  display: grid;
  gap: 9px;
  margin-bottom: 28px;
  color: #999;
  font-size: .78rem;
  font-weight: 850;
}

.quiz-progress > div {
  height: 7px;
  border-radius: 99px;
  background: #262626;
  overflow: hidden;
}

.quiz-progress i {
  display: block;
  width: 20%;
  height: 100%;
  background: var(--yellow);
  border-radius: 99px;
  transition: width .25s ease;
}

.quiz-question {
  display: none;
}

.quiz-question.active {
  display: block;
}

.quiz-question h3 {
  font-size: clamp(1.4rem,3vw,2rem);
  line-height: 1.18;
  margin: 0 0 24px;
}

.quiz-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.quiz-buttons button {
  min-height: 56px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.13);
  background: #191919;
  color: #fff;
  font-weight: 900;
  cursor: pointer;
}

.quiz-buttons button:hover {
  border-color: var(--yellow);
}

.quiz-buttons button.correct {
  background: #427d22;
  border-color: #70b447;
}

.quiz-buttons button.wrong {
  background: #8f2929;
  border-color: #bf4d4d;
}

.quiz-feedback {
  margin: 18px 0 0;
  padding: 13px 15px;
  border-radius: 13px;
  background: rgba(255,212,0,.07);
  border: 1px solid rgba(255,212,0,.16);
  color: #bbb;
}

.quiz-result {
  text-align: center;
}

.quiz-result-icon {
  font-size: 4.5rem;
}

.quiz-result h3 {
  margin: 6px 0;
  font-size: 2.3rem;
}

.quiz-result p {
  color: #aaa;
}

.quiz-restart {
  border: 0;
  margin-top: 15px;
  cursor: pointer;
}

.history-card {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 30px;
  align-items: center;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(150deg,#141414,#090909);
  padding: 30px 34px;
}

.history-date {
  aspect-ratio: 1;
  border-radius: 24px;
  display: grid;
  place-items: center;
  align-content: center;
  background: var(--yellow);
  color: #111;
}

.history-date strong {
  font-size: 4.5rem;
  line-height: .85;
}

.history-date span {
  font-weight: 950;
}

.history-card h2 {
  margin: 4px 0 9px;
  font-size: clamp(2rem,4vw,3.3rem);
  line-height: 1;
}

.history-card p {
  color: #aaa;
  margin: 0;
}

.rights-sources {
  background: #090909;
}

.source-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
}

.source-card {
  min-height: 190px;
  padding: 24px;
  border-radius: 21px;
  border: 1px solid rgba(255,255,255,.1);
  background: #111;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease;
}

.source-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255,212,0,.32);
}

.source-card > span {
  color: var(--yellow);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 950;
}

.source-card strong {
  margin-top: 16px;
  font-size: 1.2rem;
}

.source-card small {
  margin-top: auto;
  color: #888;
}

.rights-final {
  padding-top: 35px;
}

.rights-final-card {
  border-radius: 28px;
  background: linear-gradient(135deg,#ffe153,#ffbd00);
  color: #111;
  padding: 38px 42px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
}

.rights-final-card h2 {
  margin: 4px 0 8px;
  font-size: clamp(2rem,4vw,3.2rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.rights-final-card p {
  margin: 0;
  font-weight: 650;
}

.rights-final-actions {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

@media (max-width: 980px) {
  .rights-intro-grid,
  .rights-final-card {
    grid-template-columns: 1fr;
  }
  .rights-number-card {
    min-height: 230px;
  }
  .principle-grid,
  .everyday-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .source-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .rights-grid {
    grid-template-columns: 1fr;
  }
  .rights-help-card {
    grid-template-columns: 1fr;
  }
  .rights-help-icon {
    width: 72px;
    height: 72px;
    border-radius: 19px;
  }
  .history-card {
    grid-template-columns: 1fr;
  }
  .history-date {
    width: 140px;
  }
}

@media (max-width: 560px) {
  .principle-grid,
  .everyday-grid {
    grid-template-columns: 1fr;
  }
  .rights-intro-copy,
  .rights-help-card {
    padding: 26px 22px;
  }
  .quiz-buttons {
    grid-template-columns: 1fr;
  }
  .rights-final-card {
    padding: 30px 22px;
  }
  .rights-final-actions > * {
    width: 100%;
  }
}


/* =========================================================
   V9 – MEDIENERZIEHUNG
   ========================================================= */

.media-hero {
  background:
    radial-gradient(circle at 75% 35%, rgba(255,212,0,.16), transparent 28%),
    radial-gradient(circle at 12% 18%, rgba(31,123,255,.10), transparent 25%),
    linear-gradient(180deg,#0b0b0c,#050505);
}

.media-hero-facts {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.media-hero-facts span {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  border-radius: 99px;
  padding: 7px 11px;
  color: #d5d5d5;
  font-size: .78rem;
  font-weight: 850;
}

.media-intro {
  padding-top: 55px;
}

.media-intro-grid {
  display: grid;
  grid-template-columns: 1fr 330px;
  gap: 28px;
}

.media-intro-copy,
.media-compass {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 28px;
  background: linear-gradient(150deg,#141414,#090909);
}

.media-intro-copy {
  padding: 38px;
}

.media-intro-copy h2,
.media-safety-copy h2,
.media-rolemodel-copy h2,
.media-check-copy h2 {
  margin: 5px 0 14px;
  font-size: clamp(2.1rem,4vw,3.6rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.media-intro-copy > p,
.media-rolemodel-copy > p {
  color: #aaa;
}

.media-note {
  margin-top: 22px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,212,0,.07);
  border: 1px solid rgba(255,212,0,.18);
  color: #bbb;
}

.media-note strong {
  color: var(--yellow);
}

.media-compass {
  padding: 30px;
  background:
    radial-gradient(circle at 50% 24%,rgba(255,212,0,.16),transparent 32%),
    linear-gradient(145deg,#17140c,#0b0b0b);
}

.media-compass-icon {
  display: block;
  font-size: 3.5rem;
}

.media-compass strong {
  display: block;
  margin-top: 18px;
  font-size: 1.3rem;
}

.media-compass ol {
  margin: 15px 0 0;
  padding-left: 22px;
  color: #aaa;
}

.media-compass li {
  margin: 9px 0;
}

.media-time-section {
  background: linear-gradient(180deg,#080808,#050505);
}

.media-time-card {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 24px;
  background: #111;
}

.media-time-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.media-time-row:last-child {
  border-bottom: 0;
}

.media-age {
  padding: 20px;
  display: flex;
  align-items: center;
  background: rgba(255,212,0,.06);
  color: var(--yellow);
  font-weight: 950;
}

.media-time {
  padding: 20px 24px;
}

.media-time strong {
  display: block;
  font-size: 1.03rem;
}

.media-time span {
  display: block;
  margin-top: 4px;
  color: #929292;
  font-size: .88rem;
}

.media-time-tip-grid,
.media-social-grid,
.media-warning-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  margin-top: 22px;
}

.media-tip,
.media-social-card,
.media-warning-card {
  min-height: 230px;
  padding: 23px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(150deg,#141414,#0b0b0b);
}

.media-tip-icon,
.media-warning-icon {
  font-size: 2.4rem;
}

.media-tip h3,
.media-social-card h3,
.media-warning-card h3 {
  margin: 15px 0 7px;
}

.media-tip p,
.media-social-card p,
.media-warning-card p {
  margin: 0;
  color: #999;
}

.media-social-section {
  background:
    radial-gradient(circle at 90% 10%,rgba(59,120,255,.07),transparent 23%),
    #090909;
}

.media-social-grid {
  grid-template-columns: repeat(3,1fr);
}

.media-social-card span {
  font-size: 2.5rem;
}

.media-safety-card {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 36px;
  padding: 34px;
  border-radius: 28px;
  border: 1px solid rgba(255,212,0,.22);
  background:
    radial-gradient(circle at 8% 20%,rgba(255,212,0,.08),transparent 26%),
    linear-gradient(145deg,#141414,#090909);
}

.media-safety-copy p {
  color: #999;
}

.media-safety-checks {
  display: grid;
  gap: 10px;
}

.media-safety-checks label,
.media-check-list label {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.09);
  background: #151515;
  color: #c6c6c6;
  cursor: pointer;
}

.media-safety-checks input,
.media-check-list input {
  margin-right: 9px;
  accent-color: var(--yellow);
}

.media-rules-section {
  background: #090909;
}

.media-rules-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
}

.media-rule {
  position: relative;
  min-height: 220px;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(150deg,#151515,#0b0b0b);
}

.media-rule > span {
  position: absolute;
  right: 15px;
  top: 6px;
  color: rgba(255,255,255,.04);
  font-size: 4rem;
  line-height: 1;
  font-weight: 1000;
}

.media-rule h3 {
  position: relative;
  margin: 52px 0 8px;
  font-size: 1.23rem;
}

.media-rule p {
  color: #929292;
  margin: 0;
}

.media-contract-note {
  margin-top: 22px;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  border: 1px solid rgba(255,212,0,.20);
  border-radius: 20px;
  background: rgba(255,212,0,.06);
}

.media-contract-icon {
  font-size: 2.4rem;
}

.media-contract-note strong {
  color: var(--yellow);
}

.media-contract-note p {
  margin: 3px 0 0;
  color: #9b9b9b;
}

.media-contract-note a {
  color: var(--yellow);
  font-weight: 900;
  white-space: nowrap;
}

.media-rolemodel {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 40px;
  align-items: center;
}

.media-rolemodel-visual {
  display: grid;
  place-items: center;
}

.phone-shape {
  width: 240px;
  aspect-ratio: .58;
  border: 10px solid #232323;
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,212,0,.20),transparent 34%),
    #101010;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  box-shadow: 0 30px 70px rgba(0,0,0,.35);
}

.phone-shape span {
  font-size: 4rem;
}

.phone-shape strong {
  margin-top: 15px;
  color: var(--yellow);
  font-size: 1.5rem;
}

.phone-shape small {
  color: #888;
}

.media-rolemodel-copy ul {
  color: #aaa;
  padding-left: 20px;
}

.media-rolemodel-copy li {
  margin: 9px 0;
}

.media-warning-grid {
  grid-template-columns: repeat(4,1fr);
}

.media-help-note {
  margin-top: 22px;
  padding: 17px 19px;
  border-radius: 16px;
  background: rgba(255,212,0,.06);
  border: 1px solid rgba(255,212,0,.16);
  color: #aaa;
}

.media-help-note strong {
  color: var(--yellow);
}

.media-check-section {
  background:
    radial-gradient(circle at 85% 20%,rgba(255,212,0,.10),transparent 25%),
    linear-gradient(180deg,#090909,#050505);
}

.media-check-card {
  max-width: 900px;
  margin: auto;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(150deg,#151515,#0b0b0b);
  padding: clamp(26px,5vw,42px);
}

.media-check-copy {
  text-align: center;
  margin-bottom: 26px;
}

.media-check-copy p {
  color: #999;
}

.media-check-list {
  display: grid;
  gap: 10px;
}

.media-check-result {
  margin-top: 20px;
  padding: 17px;
  border-radius: 16px;
  background: rgba(255,212,0,.07);
  border: 1px solid rgba(255,212,0,.16);
  display: grid;
  gap: 4px;
}

.media-check-result strong {
  color: var(--yellow);
}

.media-check-result span {
  color: #aaa;
}

.media-sources {
  background: #090909;
}

.media-final {
  padding-top: 35px;
}

.media-final-card {
  border-radius: 28px;
  background: linear-gradient(135deg,#ffe153,#ffbd00);
  color: #111;
  padding: 38px 42px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
}

.media-final-card h2 {
  margin: 4px 0 8px;
  font-size: clamp(2rem,4vw,3.2rem);
  line-height: 1;
  letter-spacing: -.035em;
}

.media-final-card p {
  margin: 0;
  font-weight: 650;
}

.media-final-actions {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

@media (max-width: 1000px) {
  .media-time-tip-grid,
  .media-warning-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .media-social-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .media-rules-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width: 850px) {
  .media-intro-grid,
  .media-safety-card,
  .media-rolemodel,
  .media-final-card {
    grid-template-columns: 1fr;
  }
  .media-compass {
    min-height: auto;
  }
  .media-rolemodel-visual {
    order: 2;
  }
  .media-contract-note {
    grid-template-columns: auto 1fr;
  }
  .media-contract-note a {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .media-time-row {
    grid-template-columns: 1fr;
  }
  .media-age {
    padding-bottom: 8px;
  }
  .media-time {
    padding-top: 8px;
  }
  .media-time-tip-grid,
  .media-social-grid,
  .media-warning-grid,
  .media-rules-grid {
    grid-template-columns: 1fr;
  }
  .media-intro-copy,
  .media-safety-card {
    padding: 26px 22px;
  }
  .phone-shape {
    width: 205px;
  }
  .media-final-card {
    padding: 30px 22px;
  }
  .media-final-actions > * {
    width: 100%;
  }
}


/* =========================================================
   V10 – ELTERNKOMPAKT
   ========================================================= */
.ek-hero{
  background:
    radial-gradient(circle at 76% 35%,rgba(255,212,0,.17),transparent 29%),
    radial-gradient(circle at 12% 18%,rgba(71,170,100,.07),transparent 23%),
    linear-gradient(180deg,#0b0b0c,#050505)
}
.ek-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.ek-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d3d3d3;font-size:.78rem;font-weight:850}

.ek-details{padding-top:55px}
.ek-showcard{display:grid;grid-template-columns:210px 1fr 235px;gap:26px;align-items:stretch;padding:28px;border-radius:30px;border:1px solid rgba(255,212,0,.22);background:radial-gradient(circle at 10% 20%,rgba(255,212,0,.09),transparent 24%),linear-gradient(145deg,#141414,#090909)}
.ek-showmark{min-height:275px;display:grid;place-items:center;align-content:center;text-align:center;border-radius:24px;background:radial-gradient(circle at 50% 32%,rgba(255,212,0,.26),transparent 33%),linear-gradient(145deg,#201a09,#0b0b0b);border:1px solid rgba(255,212,0,.2)}
.ek-showmark span,.ek-showmark small{font-size:.76rem;font-weight:950;letter-spacing:.12em}
.ek-showmark strong{color:var(--yellow);font-size:2.1rem;line-height:1}
.ek-showcopy{padding:10px 0}
.ek-showcopy h2{margin:5px 0 12px;font-size:clamp(2rem,4vw,3.45rem);line-height:1;letter-spacing:-.04em}
.ek-showcopy>p{color:#aaa}
.ek-showfacts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ek-showfacts>div{border:1px solid rgba(255,255,255,.09);background:#111;border-radius:14px;padding:12px 14px}
.ek-showfacts small{display:block;color:#777;font-size:.7rem}.ek-showfacts strong{font-size:.92rem}
.ek-showaction{display:flex;flex-direction:column;justify-content:center;padding:23px;border-radius:22px;background:#101010;border:1px solid rgba(255,255,255,.1)}
.ek-showaction>strong{margin-top:9px;font-size:1.24rem}.ek-showaction p{color:#888;font-size:.86rem}
.ek-live-dot{width:12px;height:12px;border-radius:50%;background:#df2525;box-shadow:0 0 0 0 rgba(223,37,37,.5);animation:pulse 1.6s infinite}

.ek-principles,.ek-flow,.ek-situations{background:#090909}
.ek-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ek-principle{position:relative;overflow:hidden;min-height:245px;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,#151515,#0b0b0b)}
.ek-principle>span{position:absolute;right:14px;top:5px;color:rgba(255,255,255,.04);font-size:4.5rem;line-height:1;font-weight:1000}
.ek-principle>div{font-size:2.45rem;margin:8px 0 28px}.ek-principle h3{margin:0 0 7px;font-size:1.25rem}.ek-principle p{color:#969696;margin:0}

.ek-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ek-topic-card{min-height:270px;display:flex;flex-direction:column;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,#141414,#0a0a0a)}
.ek-topic-card:nth-child(1){border-color:rgba(38,139,255,.27)}.ek-topic-card:nth-child(2){border-color:rgba(255,212,0,.25)}.ek-topic-card:nth-child(3){border-color:rgba(225,81,81,.21)}.ek-topic-card:nth-child(4){border-color:rgba(83,172,86,.23)}.ek-topic-card:nth-child(5){border-color:rgba(158,94,220,.24)}.ek-topic-card:nth-child(6){border-color:rgba(255,140,55,.23)}
.ek-topic-icon{font-size:2.8rem}.ek-topic-card h3{margin:14px 0 7px}.ek-topic-card p{color:#999;margin:0 0 22px}.ek-topic-card a{margin-top:auto;color:var(--yellow);font-weight:900}

.ek-timeline{max-width:900px;margin:auto;position:relative}.ek-timeline:before{content:"";position:absolute;left:91px;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--yellow),rgba(255,212,0,.08))}
.ek-time{display:grid;grid-template-columns:66px 22px 1fr;gap:15px;padding:18px 0;align-items:start}.ek-time time{color:var(--yellow);font-weight:950;padding-top:3px}.ek-time-dot{position:relative;z-index:2;width:14px;height:14px;margin:6px auto 0;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #090909}.ek-time strong{font-size:1.12rem}.ek-time p{margin:4px 0 0;color:#929292}

.ek-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.ek-feature{min-height:280px;display:flex;flex-direction:column;padding:26px;border-radius:24px;border:1px solid rgba(255,255,255,.1);color:#fff;transition:transform .2s ease}.ek-feature:hover{transform:translateY(-3px)}
.ek-media{background:linear-gradient(140deg,#103151,#0c1520)}.ek-school{background:linear-gradient(140deg,#4b3c09,#151307)}.ek-family{background:linear-gradient(140deg,#4d1f25,#160c0e)}.ek-rights{background:linear-gradient(140deg,#244326,#0c160d)}
.ek-feature>span{font-size:3rem}.ek-feature small{margin-top:20px;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-weight:950}.ek-feature strong{margin-top:5px;font-size:1.45rem}.ek-feature p{color:rgba(255,255,255,.7)}.ek-feature b{margin-top:auto;color:var(--yellow)}

.ek-situation-box{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}
.ek-situation-buttons{display:grid;gap:9px}.ek-situation-buttons button{min-height:62px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:850;cursor:pointer}
.ek-situation-buttons button.active,.ek-situation-buttons button:hover{border-color:var(--yellow);color:#111;background:var(--yellow)}
.ek-situation-result{min-height:280px;display:grid;grid-template-columns:80px 1fr;gap:22px;align-items:start;padding:30px;border-radius:24px;border:1px solid rgba(255,212,0,.18);background:radial-gradient(circle at 10% 15%,rgba(255,212,0,.1),transparent 25%),linear-gradient(145deg,#141414,#0b0b0b)}
.ek-situation-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:20px;background:rgba(255,212,0,.1);font-size:2.5rem}.ek-situation-result h3{margin:5px 0 8px;font-size:1.6rem}.ek-situation-result p{color:#999}.ek-situation-result a{color:var(--yellow);font-weight:900}

.ek-request-card{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center;padding:34px;border-radius:28px;border:1px solid rgba(255,212,0,.21);background:linear-gradient(145deg,#141414,#090909)}
.ek-request-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:21px;color:#111;background:var(--yellow);font-size:2.6rem}.ek-request-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3rem);line-height:1}.ek-request-card p{color:#999;margin:0}

.ek-note{padding-top:20px}.ek-note-card{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px 22px;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:#101010}.ek-note-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,212,0,.1);color:var(--yellow);font-size:1.3rem;font-weight:950}.ek-note-card p{color:#888;margin:5px 0 0;font-size:.88rem}

.ek-final{padding-top:35px}.ek-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.ek-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.ek-final-card p{margin:0;font-weight:650}.ek-final-actions{display:flex;flex-direction:column;gap:9px}

@media(max-width:1000px){.ek-showcard{grid-template-columns:180px 1fr}.ek-showaction{grid-column:1/-1}.ek-principle-grid{grid-template-columns:repeat(2,1fr)}.ek-topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ek-feature-grid,.ek-situation-box,.ek-final-card{grid-template-columns:1fr}.ek-request-card{grid-template-columns:80px 1fr}.ek-request-card .primary-button{grid-column:1/-1}}
@media(max-width:620px){.ek-showcard{grid-template-columns:1fr;padding:20px}.ek-showmark{min-height:190px}.ek-showfacts,.ek-principle-grid,.ek-topic-grid{grid-template-columns:1fr}.ek-timeline:before{left:71px}.ek-time{grid-template-columns:54px 18px 1fr;gap:10px}.ek-situation-result{grid-template-columns:1fr;padding:22px}.ek-request-card{grid-template-columns:1fr;padding:25px 22px}.ek-request-icon{width:66px;height:66px}.ek-note-card{grid-template-columns:1fr}.ek-final-card{padding:30px 22px}.ek-final-actions>*{width:100%}}


/* =========================================================
   V11 – SCHON GEWUSST? / WISSENSWELT
   ========================================================= */
.know-hero,.space-hero,.nature-hero,.research-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.17),transparent 29%),
    radial-gradient(circle at 10% 18%,rgba(72,112,255,.08),transparent 24%),
    linear-gradient(180deg,#0b0b0d,#050505)
}
.nature-hero{background:radial-gradient(circle at 75% 35%,rgba(120,196,50,.15),transparent 29%),radial-gradient(circle at 10% 18%,rgba(58,140,255,.09),transparent 24%),linear-gradient(180deg,#090c09,#050505)}
.research-hero{background:radial-gradient(circle at 75% 35%,rgba(0,180,190,.13),transparent 29%),radial-gradient(circle at 10% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#090b0c,#050505)}
.space-hero{background:radial-gradient(circle at 75% 35%,rgba(84,91,255,.17),transparent 30%),radial-gradient(circle at 15% 18%,rgba(255,212,0,.09),transparent 24%),linear-gradient(180deg,#080811,#050505)}
.know-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.know-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d5d5d5;font-size:.78rem;font-weight:850}
.know-random-trigger{cursor:pointer}

.know-intro{padding-top:55px}
.know-intro-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}
.know-intro-copy,.know-random-card{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.know-intro-copy{padding:36px}.know-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em}.know-intro-copy>p{color:#aaa}
.know-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.know-principles>div{padding:14px;border-radius:15px;background:#111;border:1px solid rgba(255,255,255,.08)}.know-principles strong{display:block;color:var(--yellow)}.know-principles span{display:block;color:#888;font-size:.82rem;margin-top:3px}
.know-random-card{padding:30px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(255,212,0,.18),transparent 32%),linear-gradient(145deg,#181408,#0b0b0b)}
.know-random-icon{font-size:3.4rem}.know-random-card>span{color:var(--yellow);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950;margin-top:12px}.know-random-card>strong{font-size:1.5rem;line-height:1.1;margin-top:6px}.know-random-card>p{color:#999}.know-random-card button{margin-top:12px;min-height:44px;border:1px solid rgba(255,212,0,.4);border-radius:12px;background:transparent;color:var(--yellow);font-weight:900;cursor:pointer}

.know-worlds{background:#090909}.know-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.know-world-card{min-height:430px;padding:24px;border-radius:26px;border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.know-world-card:hover{transform:translateY(-4px);border-color:rgba(255,212,0,.38)}.know-world-card.space{background:linear-gradient(145deg,#171744,#090914)}.know-world-card.nature{background:linear-gradient(145deg,#16351a,#081008)}.know-world-card.research{background:linear-gradient(145deg,#11373d,#071012)}.know-world-visual{position:relative;height:190px;display:grid;place-items:center}.know-world-mainicon{font-size:5.2rem;filter:drop-shadow(0 18px 25px rgba(0,0,0,.35))}.orbit{position:absolute;font-size:2rem;animation:knowFloat 4.5s ease-in-out infinite}.orbit.o1{left:9%;top:22%}.orbit.o2{right:10%;top:14%;animation-delay:-1.3s}.orbit.o3{right:14%;bottom:4%;animation-delay:-2.3s}@keyframes knowFloat{50%{transform:translateY(-10px) rotate(8deg)}}.know-world-card small{color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-weight:950}.know-world-card h3{font-size:2rem;margin:5px 0 8px}.know-world-card p{color:rgba(255,255,255,.7)}.know-world-card b{margin-top:auto;color:var(--yellow)}
.know-question-card{display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center;padding:34px;border:1px solid rgba(255,212,0,.2);border-radius:28px;background:linear-gradient(145deg,#141414,#090909)}.know-question-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);color:#111;font-size:2.7rem}.know-question-card h2{margin:4px 0 7px;font-size:clamp(2rem,4vw,3rem);line-height:1}.know-question-card p{color:#999;margin:0}
.know-sources{background:#090909}.know-final{padding-top:35px}.know-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.know-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.know-final-card p{margin:0;font-weight:650}.know-final-actions{display:flex;flex-direction:column;gap:9px}

/* Weltraum */
.space-basics{padding-top:55px}.space-aha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.space-aha{min-height:245px;padding:24px;border-radius:23px;border:1px solid rgba(118,116,255,.25);background:linear-gradient(145deg,#131328,#09090e)}.space-aha>span{font-size:3rem}.space-aha h3{margin:15px 0 7px}.space-aha p{color:#999;margin:0}
.planet-explorer-section{background:#090909}.planet-explorer{display:grid;grid-template-columns:290px 1fr;gap:22px}.planet-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.planet-button{min-height:76px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#111;color:#bbb;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}.planet-button span{font-size:1.65rem}.planet-button b{font-size:.78rem}.planet-button.active,.planet-button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}
.planet-display{min-height:330px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:radial-gradient(circle at 18% 50%,rgba(89,88,255,.21),transparent 30%),linear-gradient(145deg,#151524,#0a0a0e)}.planet-display-icon{font-size:8rem;text-align:center}.planet-display-copy h3{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.9;margin:8px 0 13px}.planet-display-copy>p{color:#aaa;font-size:1.05rem}.planet-fact{margin-top:21px;padding:15px 17px;border-radius:16px;background:rgba(255,212,0,.07);border:1px solid rgba(255,212,0,.16);display:grid;gap:3px}.planet-fact strong{color:var(--yellow)}.planet-fact span{color:#aaa}
.space-questions{background:#050505}.knowledge-accordion{display:grid;gap:10px}.knowledge-drop{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#111;overflow:hidden}.knowledge-drop>button{width:100%;min-height:67px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#fff;text-align:left;font-weight:900;cursor:pointer}.knowledge-drop>button b{color:var(--yellow);font-size:1.35rem;transition:transform .2s}.knowledge-drop>button[aria-expanded=true] b{transform:rotate(45deg)}.knowledge-drop>div{padding:0 20px 18px}.knowledge-drop>div p{margin:0;color:#aaa}.space-sources{background:#090909}

/* Natur */
.nature-hub{padding-top:55px}.nature-tabbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.nature-tabbar button{min-height:46px;padding:0 17px;border-radius:99px;border:1px solid rgba(255,255,255,.11);background:#111;color:#bbb;font-weight:900;cursor:pointer}.nature-tabbar button.active,.nature-tabbar button:hover{background:#78be38;color:#081008;border-color:#78be38}
.nature-panel{padding:30px;border-radius:27px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#121612,#090b09)}.nature-panel-intro{display:grid;grid-template-columns:75px 1fr;gap:20px;align-items:center;margin-bottom:23px}.nature-panel-intro>span{font-size:3.7rem}.nature-panel-intro h3{font-size:1.8rem;margin:0 0 5px}.nature-panel-intro p{color:#999;margin:0}.nature-fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.nature-fact-grid article{min-height:210px;padding:21px;border-radius:18px;background:#101010;border:1px solid rgba(255,255,255,.08)}.nature-fact-grid article>span{font-size:2.3rem}.nature-fact-grid h4{font-size:1.1rem;margin:12px 0 6px}.nature-fact-grid p{color:#929292;margin:0}.nature-safety{margin-top:15px;padding:15px 17px;border-radius:15px;background:rgba(255,212,0,.07);border:1px solid rgba(255,212,0,.16);display:grid;gap:4px}.nature-safety strong{color:var(--yellow)}.nature-safety span{color:#aaa}
.nature-observe{background:#090909}.nature-observe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nature-observe-grid article{min-height:215px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.nature-observe-grid span{font-size:2.5rem}.nature-observe-grid h3{margin:13px 0 6px}.nature-observe-grid p{color:#929292;margin:0}.nature-sources{background:#050505}

/* Forschen */
.research-method{padding-top:55px}.research-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.research-steps article{position:relative;min-height:220px;padding:21px;border-radius:20px;border:1px solid rgba(0,185,196,.18);background:linear-gradient(145deg,#11191a,#090b0b)}.research-steps article>span{position:absolute;right:12px;top:3px;color:rgba(255,255,255,.04);font-size:3.8rem;font-weight:1000}.research-steps article>div{font-size:2.4rem;margin-bottom:20px}.research-steps h3{margin:0 0 6px}.research-steps p{color:#929292;margin:0}
.research-safety{background:#090909}.research-safety-card{display:grid;grid-template-columns:90px 1fr;gap:24px;align-items:center;padding:30px;border-radius:26px;border:1px solid rgba(255,212,0,.2);background:linear-gradient(145deg,#141414,#090909)}.research-safety-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.research-safety-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:4px 0 8px}.research-safety-card p{color:#999;margin:0}
.experiments-section{background:#050505}.experiment-list{display:grid;gap:11px}.experiment-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111;overflow:hidden}.experiment-head{width:100%;min-height:78px;padding:0 20px;display:grid;grid-template-columns:42px 52px 1fr auto;gap:13px;align-items:center;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.experiment-number{color:#555;font-weight:1000}.experiment-icon{font-size:2.2rem}.experiment-title{display:grid}.experiment-title small{color:var(--yellow);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;font-weight:950}.experiment-title strong{font-size:1.15rem}.experiment-head>b{color:var(--yellow);font-size:1.4rem;transition:transform .2s}.experiment-head[aria-expanded=true]>b{transform:rotate(45deg)}
.experiment-body{padding:0 22px 22px 127px}.experiment-body>div{margin-top:11px}.experiment-body strong{color:#ddd}.experiment-body p{color:#999;margin:4px 0 0}.experiment-note{padding:11px 13px;border-radius:12px;background:rgba(255,212,0,.07);border:1px solid rgba(255,212,0,.15);color:#bbb}
.phenomenon-section{background:#090909}.phenomenon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.phenomenon-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.phenomenon-grid span{font-size:2.5rem}.phenomenon-grid h3{margin:13px 0 6px}.phenomenon-grid p{color:#929292;margin:0}.research-sources{background:#050505}

@media(max-width:1000px){
  .know-world-grid{grid-template-columns:1fr}
  .know-world-card{min-height:330px;display:grid;grid-template-columns:220px 1fr;column-gap:24px;align-items:center}.know-world-visual{grid-row:1/6;height:240px}.know-world-card small,.know-world-card h3,.know-world-card p,.know-world-card b{grid-column:2}
  .space-aha-grid{grid-template-columns:1fr}
  .nature-observe-grid,.phenomenon-grid{grid-template-columns:repeat(2,1fr)}
  .research-steps{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .know-intro-grid,.planet-explorer,.know-final-card{grid-template-columns:1fr}
  .know-question-card{grid-template-columns:80px 1fr}.know-question-card .primary-button{grid-column:1/-1}
  .planet-display{grid-template-columns:140px 1fr}.planet-display-icon{font-size:6rem}
  .nature-fact-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .know-principles{grid-template-columns:1fr}
  .know-world-card{display:flex;min-height:390px}.know-world-visual{height:180px}
  .know-question-card{grid-template-columns:1fr;padding:25px 22px}.know-question-icon{width:68px;height:68px}
  .planet-buttons{grid-template-columns:repeat(4,1fr)}.planet-button{min-height:68px}.planet-button b{display:none}
  .planet-display{grid-template-columns:1fr;text-align:center;padding:26px 20px}.planet-display-icon{font-size:6.5rem}.planet-fact{text-align:left}
  .nature-panel{padding:22px 18px}.nature-panel-intro{grid-template-columns:1fr}.nature-panel-intro>span{font-size:3rem}
  .nature-observe-grid,.phenomenon-grid,.research-steps{grid-template-columns:1fr}
  .research-safety-card{grid-template-columns:1fr;padding:25px 22px}.research-safety-icon{width:68px;height:68px}
  .experiment-head{grid-template-columns:34px 44px 1fr auto;padding:0 14px}.experiment-body{padding:0 16px 18px}
  .know-final-card{padding:30px 22px}.know-final-actions>*{width:100%}
}


/* =========================================================
   V12 – KIDS NACHRICHTEN / DEUTSCHLAND / WELT / WETTER
   ========================================================= */
.kidsnews-hero,.kidsnews-de-hero,.kidsnews-world-hero,.kidsweather-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 10% 18%,rgba(38,126,255,.09),transparent 24%),
    linear-gradient(180deg,#090b0e,#050505)
}
.kidsnews-world-hero{background:radial-gradient(circle at 75% 35%,rgba(65,129,255,.15),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.07),transparent 23%),linear-gradient(180deg,#080b12,#050505)}
.kidsweather-hero{background:radial-gradient(circle at 75% 35%,rgba(71,164,255,.16),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.10),transparent 24%),linear-gradient(180deg,#091018,#050505)}
.kidsnews-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.kidsnews-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d5d5d5;font-size:.78rem;font-weight:850}
.kidsnews-intro{padding-top:55px}.kidsnews-intro-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}
.kidsnews-intro-copy,.kidsnews-aircard{border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.kidsnews-intro-copy{padding:36px}.kidsnews-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1;letter-spacing:-.04em}.kidsnews-intro-copy>p{color:#aaa}
.kidsnews-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.kidsnews-values>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#111}.kidsnews-values strong{display:block;color:var(--yellow)}.kidsnews-values span{display:block;color:#888;font-size:.82rem}
.kidsnews-aircard{padding:28px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(255,212,0,.18),transparent 34%),linear-gradient(145deg,#181407,#0b0b0b)}.kidsnews-aircard small{color:#999;margin-top:12px}.kidsnews-aircard>strong{font-size:2.6rem;line-height:1;color:var(--yellow)}.kidsnews-aircard p{color:#999}.kidsnews-live-dot{width:12px;height:12px;border-radius:50%;background:#dc2222;box-shadow:0 0 0 0 rgba(220,34,34,.5);animation:pulse 1.6s infinite}
.kidsnews-worlds{background:#090909}.kidsnews-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kidsnews-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.kidsnews-world-card:hover{transform:translateY(-4px)}.kidsnews-world-card.germany{background:linear-gradient(145deg,#352b08,#0e0d08)}.kidsnews-world-card.globe{background:linear-gradient(145deg,#102d50,#08101a)}.kidsnews-world-card.weather{background:linear-gradient(145deg,#17435a,#08131a)}.kidsnews-world-icon{font-size:4rem}.kidsnews-world-card small{color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em;margin-top:20px}.kidsnews-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.kidsnews-world-card p{color:rgba(255,255,255,.7)}.kidsnews-world-card b{margin-top:auto;color:var(--yellow)}
.kidsnews-terms{background:#050505}.kidsnews-term-grid,.kidsnews-context-grid,.world-region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kidsnews-term-grid article,.kidsnews-context-grid article,.world-region-grid article{min-height:215px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.kidsnews-term-grid strong{color:var(--yellow);font-size:1.15rem}.kidsnews-term-grid p,.kidsnews-context-grid p,.world-region-grid p{color:#929292;margin:8px 0 0}.kidsnews-context-grid span,.world-region-grid span{font-size:2.4rem}.kidsnews-context-grid h3,.world-region-grid h3{margin:13px 0 5px}
.kidsnews-final{padding-top:35px}.kidsnews-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.kidsnews-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.kidsnews-final-card p{margin:0;font-weight:650}.kidsnews-final-actions{display:flex;flex-direction:column;gap:9px}
.kidsnews-current{padding-top:55px}.kidsnews-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kidsnews-story-card{min-height:470px;padding:24px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,#141414,#090909);display:flex;flex-direction:column}.kidsnews-story-card.fire,.kidsnews-story-card.europe{border-color:rgba(255,106,47,.25)}.kidsnews-story-card.heat{border-color:rgba(255,212,0,.24)}.kidsnews-story-card.water,.kidsnews-story-card.storm{border-color:rgba(58,143,255,.25)}.kidsnews-story-card.usa{border-color:rgba(119,87,219,.26)}
.kidsnews-story-icon{font-size:3rem}.kidsnews-story-tag{display:inline-flex;align-self:flex-start;margin-top:16px;padding:5px 8px;border-radius:99px;background:rgba(255,212,0,.1);color:var(--yellow);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.kidsnews-story-card h3{font-size:1.35rem;line-height:1.1;margin:11px 0 8px}.kidsnews-story-card>p{color:#999}.kidsnews-explain{margin:12px 0 18px;padding:13px;border-radius:14px;background:rgba(255,212,0,.06);border:1px solid rgba(255,212,0,.13);display:grid;gap:4px}.kidsnews-explain strong{color:#ddd}.kidsnews-explain span{color:#999;font-size:.87rem}.kidsnews-story-card>a{margin-top:auto;color:var(--yellow);font-size:.8rem;font-weight:900}
.kidsnews-context,.kidsnews-worldmap{background:#090909}.kidsnews-source-section{background:#050505}
.kidsnews-hardnews{background:#090909}.kidsnews-hardnews-card{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.2);background:linear-gradient(145deg,#141414,#090909)}.kidsnews-hardnews-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.kidsnews-hardnews-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 9px}.kidsnews-hardnews-card p{color:#999;margin:0}
.weather-live{padding-top:55px}.weather-main-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:30px;border-radius:28px;border:1px solid rgba(76,168,255,.25);background:radial-gradient(circle at 12% 50%,rgba(75,164,255,.18),transparent 28%),linear-gradient(145deg,#101b26,#090c10)}
.weather-current{display:flex;align-items:center;gap:20px}.weather-big-icon{font-size:5.5rem}.weather-current small{display:block;color:#8ca9bf}.weather-current>div>strong{display:block;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.95}.weather-current>div>span{display:block;color:#a9b7c1;margin-top:5px}
.weather-current-details{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.weather-current-details>div{min-width:110px;padding:14px;border-radius:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.weather-current-details small{display:block;color:#778894;font-size:.7rem}.weather-current-details strong{font-size:.9rem}
.weather-forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:17px}.weather-day{padding:19px;border-radius:18px;background:#111;border:1px solid rgba(255,255,255,.1)}.weather-day small{color:#888}.weather-day-icon{font-size:2.2rem;margin:10px 0}.weather-day strong{display:block}.weather-day span{color:#888;font-size:.82rem}
.weather-germany{background:#090909}.weather-city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.weather-city{padding:19px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#111;text-align:center}.weather-city span{font-size:2rem}.weather-city strong{display:block;font-size:1.1rem;margin-top:6px}.weather-city small{display:block;color:#888}.weather-loading{grid-column:1/-1;padding:20px;border-radius:17px;background:#111;color:#888;text-align:center}
.weather-explain-grid,.weather-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.weather-explain-grid article,.weather-safety-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.weather-explain-grid span,.weather-safety-grid span{font-size:2.5rem}.weather-explain-grid h3,.weather-safety-grid h3{margin:13px 0 6px}.weather-explain-grid p,.weather-safety-grid p{color:#929292;margin:0}
.weather-warnings{background:#090909}.weather-warning-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.2);background:linear-gradient(145deg,#141414,#090909)}.weather-warning-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.weather-warning-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.weather-warning-card p{color:#999;margin:0}.weather-safety-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.kidsnews-story-grid{grid-template-columns:1fr}.kidsnews-story-card{min-height:auto}.kidsnews-term-grid,.kidsnews-context-grid,.world-region-grid,.weather-safety-grid{grid-template-columns:repeat(2,1fr)}.weather-city-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.kidsnews-intro-grid,.kidsnews-final-card,.weather-main-card{grid-template-columns:1fr}.kidsnews-world-grid{grid-template-columns:1fr}.kidsnews-world-card{min-height:270px}.weather-warning-card{grid-template-columns:80px 1fr}.weather-warning-card .primary-button{grid-column:1/-1}.weather-current-details{grid-template-columns:repeat(3,1fr)}.weather-forecast-grid{grid-template-columns:repeat(2,1fr)}.weather-explain-grid{grid-template-columns:1fr}}
@media(max-width:620px){.kidsnews-values,.kidsnews-term-grid,.kidsnews-context-grid,.world-region-grid,.weather-current-details,.weather-city-grid,.weather-safety-grid{grid-template-columns:1fr}.kidsnews-hardnews-card,.weather-warning-card{grid-template-columns:1fr;padding:24px 21px}.kidsnews-hardnews-icon,.weather-warning-icon{width:68px;height:68px}.kidsnews-final-card{padding:30px 22px}.kidsnews-final-actions>*{width:100%}.weather-current{align-items:flex-start}.weather-big-icon{font-size:4.3rem}.weather-forecast-grid{grid-template-columns:1fr 1fr}}


/* V13 – Wetterstatus */
.weather-data-status{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:2px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#8295a3;
  font-size:.76rem;
  font-weight:750
}
.weather-status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#67c95d;
  box-shadow:0 0 0 4px rgba(103,201,93,.10)
}


/* =========================================================
   V14 – BILDUNG / LESEN / KREATIVITÄT / SOZIALES LERNEN
   ========================================================= */
.edu-hero,.reading-hero,.creative-hero,.social-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 11% 18%,rgba(83,138,255,.08),transparent 24%),
    linear-gradient(180deg,#0a0b0d,#050505)
}
.reading-hero{background:radial-gradient(circle at 75% 35%,rgba(109,89,255,.14),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#0c0a13,#050505)}
.creative-hero{background:radial-gradient(circle at 75% 35%,rgba(221,74,174,.13),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.09),transparent 24%),linear-gradient(180deg,#120a11,#050505)}
.social-hero{background:radial-gradient(circle at 75% 35%,rgba(67,171,97,.13),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.09),transparent 24%),linear-gradient(180deg,#09110b,#050505)}
.edu-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.edu-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}

.edu-intro{padding-top:55px}.edu-intro-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}
.edu-intro-copy,.edu-quote-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.edu-intro-copy{padding:36px}.edu-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em}.edu-intro-copy>p{color:#aaa}
.edu-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.edu-pillars>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.edu-pillars strong{display:block;color:var(--yellow)}.edu-pillars span{display:block;color:#888;font-size:.82rem;margin-top:3px}
.edu-quote-card{padding:29px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(255,212,0,.17),transparent 34%),linear-gradient(145deg,#181408,#0b0b0b)}.edu-quote-icon{font-size:3rem}.edu-quote-card>strong{font-size:1.2rem;margin-top:15px}.edu-quote-card>p{font-size:1.6rem;line-height:1.1;color:var(--yellow);font-weight:900}.edu-quote-card>span{color:#888}

.edu-worlds{background:#090909}.edu-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.edu-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.edu-world-card:hover{transform:translateY(-4px)}.edu-world-card.reading{background:linear-gradient(145deg,#29204f,#0c0a15)}.edu-world-card.creative{background:linear-gradient(145deg,#4a173b,#160a13)}.edu-world-card.social{background:linear-gradient(145deg,#193a21,#09110b)}.edu-world-icon{font-size:4rem}.edu-world-card small{margin-top:20px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em}.edu-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.edu-world-card p{color:rgba(255,255,255,.7)}.edu-world-card b{margin-top:auto;color:var(--yellow)}

.edu-everyday{background:#050505}.edu-everyday-grid,.reading-benefit-grid,.creative-area-grid,.social-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.edu-everyday-grid article,.reading-benefit-grid article,.creative-area-grid article,.social-skill-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.edu-everyday-grid span,.reading-benefit-grid span,.creative-area-grid span,.social-skill-grid span{font-size:2.5rem}.edu-everyday-grid h3,.reading-benefit-grid h3,.creative-area-grid h3,.social-skill-grid h3{margin:13px 0 6px}.edu-everyday-grid p,.reading-benefit-grid p,.creative-area-grid p,.social-skill-grid p{color:#929292;margin:0}
.edu-final,.reading-final,.creative-final,.social-final{padding-top:35px}.edu-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.edu-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.edu-final-card p{margin:0;font-weight:650}.edu-final-actions{display:flex;flex-direction:column;gap:9px}

/* Lesen */
.reading-why{padding-top:55px}.reading-ideas{background:#090909}.reading-idea-list{display:grid;gap:11px}.reading-idea{display:grid;grid-template-columns:48px 58px 220px 1fr;gap:16px;align-items:center;padding:19px 22px;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:#111}.reading-idea>span{color:#555;font-size:1.4rem;font-weight:1000}.reading-idea>div{font-size:2.3rem}.reading-idea h3{margin:0}.reading-idea p{color:#929292;margin:0}
.reading-chooser{background:#050505}.reading-chooser-box{display:grid;grid-template-columns:280px 1fr;gap:20px}.reading-chooser-buttons{display:grid;gap:9px}.reading-chooser-buttons button{min-height:58px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.reading-chooser-buttons button.active,.reading-chooser-buttons button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}
.reading-chooser-result{min-height:260px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(255,212,0,.17);background:radial-gradient(circle at 10% 20%,rgba(255,212,0,.09),transparent 26%),linear-gradient(145deg,#141414,#090909)}.reading-chooser-result>div{font-size:4rem}.reading-chooser-result h3{font-size:1.65rem;margin:5px 0 8px}.reading-chooser-result p{color:#999}

/* Kreativität */
.creative-intro{padding-top:55px}.creative-intro-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.creative-intro-copy,.creative-chaos-card{border:1px solid rgba(255,255,255,.1);border-radius:27px;background:linear-gradient(150deg,#141414,#090909)}.creative-intro-copy{padding:35px}.creative-intro-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;margin:5px 0 12px}.creative-intro-copy p{color:#aaa}.creative-rule{margin-top:20px;padding:15px 17px;border-radius:15px;background:rgba(255,212,0,.06);border:1px solid rgba(255,212,0,.15);display:grid;gap:4px}.creative-rule strong{color:var(--yellow)}.creative-rule span{color:#aaa}
.creative-chaos-card{padding:29px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(221,74,174,.16),transparent 34%),linear-gradient(145deg,#1b0d18,#0b0b0b)}.creative-chaos-card>span{font-size:3.1rem}.creative-chaos-card>strong{font-size:1.45rem;margin-top:14px}.creative-chaos-card>p{color:#999}
.creative-areas{background:#090909}.creative-roulette{background:#050505}.creative-roulette-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.creative-roulette-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:rgba(255,212,0,.1);font-size:2.8rem}.creative-roulette-card h3{font-size:1.6rem;margin:5px 0 8px}.creative-roulette-card p{color:#999;margin:0}.creative-roulette-card button{border:0;cursor:pointer}
.creative-mistakes{background:#090909}.creative-mistake-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creative-mistake-grid article{min-height:210px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.creative-mistake-grid strong{font-size:2.4rem;color:var(--yellow)}.creative-mistake-grid h3{margin:18px 0 6px}.creative-mistake-grid p{color:#929292;margin:0}

/* Soziales Lernen */
.social-basics{padding-top:55px}.social-conflict{background:#090909}.social-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.social-steps article{position:relative;overflow:hidden;min-height:240px;padding:23px;border-radius:21px;border:1px solid rgba(78,177,102,.18);background:#101310}.social-steps article>span{position:absolute;right:12px;top:3px;color:rgba(255,255,255,.04);font-size:4rem;font-weight:1000}.social-steps article>div{font-size:2.5rem;margin:8px 0 26px}.social-steps h3{margin:0 0 6px}.social-steps p{color:#929292;margin:0}
.social-situations{background:#050505}.social-situation-box{display:grid;grid-template-columns:300px 1fr;gap:20px}.social-situation-buttons{display:grid;gap:9px}.social-situation-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.social-situation-buttons button.active,.social-situation-buttons button:hover{background:#62b86f;border-color:#62b86f;color:#07100a}
.social-situation-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(78,177,102,.19);background:radial-gradient(circle at 10% 20%,rgba(78,177,102,.10),transparent 26%),linear-gradient(145deg,#121612,#090b09)}.social-situation-result>div{font-size:4rem}.social-situation-result h3{font-size:1.65rem;margin:5px 0 8px}.social-situation-result p{color:#999}
.social-parents{background:#090909}.social-parent-card{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.social-parent-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.social-parent-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.social-parent-card p{color:#999;margin:0}

@media(max-width:1000px){
  .edu-world-grid{grid-template-columns:1fr}
  .edu-everyday-grid,.reading-benefit-grid,.creative-area-grid,.social-skill-grid,.creative-mistake-grid,.social-steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .edu-intro-grid,.creative-intro-grid,.edu-final-card,.reading-chooser-box,.social-situation-box{grid-template-columns:1fr}
  .creative-roulette-card{grid-template-columns:80px 1fr}.creative-roulette-card button{grid-column:1/-1}
  .reading-idea{grid-template-columns:42px 50px 1fr}.reading-idea p{grid-column:3}
}
@media(max-width:620px){
  .edu-pillars,.edu-everyday-grid,.reading-benefit-grid,.creative-area-grid,.social-skill-grid,.creative-mistake-grid,.social-steps{grid-template-columns:1fr}
  .edu-intro-copy,.creative-intro-copy{padding:26px 22px}
  .reading-idea{grid-template-columns:36px 44px 1fr;padding:16px}.reading-idea p{grid-column:1/-1}
  .reading-chooser-result,.social-situation-result{grid-template-columns:1fr;padding:22px}
  .creative-roulette-card{grid-template-columns:1fr;padding:24px 21px}.creative-roulette-icon{width:68px;height:68px}
  .social-parent-card{grid-template-columns:1fr;padding:24px 21px}.social-parent-icon{width:68px;height:68px}
  .edu-final-card{padding:30px 22px}.edu-final-actions>*{width:100%}
}


/* =========================================================
   V15 – FAMILIE / GEMEINSAM / UNTERWEGS / RITUALE
   ========================================================= */
.family-hero,.together-hero,.outside-hero,.ritual-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 11% 18%,rgba(214,91,112,.08),transparent 24%),
    linear-gradient(180deg,#0d0a0b,#050505)
}
.outside-hero{background:radial-gradient(circle at 75% 35%,rgba(73,163,91,.15),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#09110b,#050505)}
.ritual-hero{background:radial-gradient(circle at 75% 35%,rgba(112,88,214,.14),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#0c0a13,#050505)}
.family-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.family-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}

.family-intro{padding-top:55px}.family-intro-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}
.family-intro-copy,.family-chaos-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.family-intro-copy{padding:36px}.family-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em}.family-intro-copy>p{color:#aaa}
.family-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.family-pillars>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.family-pillars strong{display:block;color:var(--yellow)}.family-pillars span{display:block;color:#888;font-size:.82rem}
.family-chaos-card{padding:29px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(255,212,0,.17),transparent 34%),linear-gradient(145deg,#181408,#0b0b0b)}.family-chaos-icon{font-size:3.1rem}.family-chaos-card strong{font-size:1.4rem;margin-top:15px}.family-chaos-card p{color:#999}

.family-worlds{background:#090909}.family-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.family-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.family-world-card:hover{transform:translateY(-4px)}.family-world-card.together{background:linear-gradient(145deg,#4a2428,#160b0d)}.family-world-card.outside{background:linear-gradient(145deg,#173b20,#09110b)}.family-world-card.ritual{background:linear-gradient(145deg,#29204f,#0c0a15)}.family-world-icon{font-size:4rem}.family-world-card small{margin-top:20px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em}.family-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.family-world-card p{color:rgba(255,255,255,.7)}.family-world-card b{margin-top:auto;color:var(--yellow)}

.family-moment{background:#050505}.family-moment-box{display:grid;grid-template-columns:300px 1fr;gap:20px}.family-moment-buttons{display:grid;gap:9px}.family-moment-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.family-moment-buttons button.active,.family-moment-buttons button:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}
.family-moment-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(255,212,0,.18);background:radial-gradient(circle at 10% 20%,rgba(255,212,0,.09),transparent 26%),linear-gradient(145deg,#141414,#090909)}.family-moment-result>div{font-size:4rem}.family-moment-result h3{font-size:1.65rem;margin:5px 0 8px}.family-moment-result p{color:#999}
.family-final{padding-top:35px}.family-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.family-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.family-final-card p{margin:0;font-weight:650}.family-final-actions{display:flex;flex-direction:column;gap:9px}

/* Gemeinsam */
.together-why{padding-top:55px}.together-grid,.outside-grid,.ritual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.together-grid article,.outside-grid article,.ritual-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.together-grid span,.outside-grid span,.ritual-grid span{font-size:2.5rem}.together-grid h3,.outside-grid h3,.ritual-grid h3{margin:13px 0 6px}.together-grid p,.outside-grid p,.ritual-grid p{color:#929292;margin:0}
.together-ideas{background:#090909}.together-idea-list{display:grid;gap:11px}.together-idea{display:grid;grid-template-columns:54px 240px 1fr;gap:18px;align-items:center;padding:20px 22px;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:#111}.together-idea>span{color:var(--yellow);font-size:1.5rem;font-weight:1000}.together-idea h3{margin:0}.together-idea p{color:#929292;margin:0}
.together-talk{background:#050505}.family-prompt-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.family-prompt-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:rgba(255,212,0,.1);font-size:2.8rem}.family-prompt-card h3{font-size:1.55rem;margin:5px 0 0}.family-prompt-card button{border:0;cursor:pointer}

/* Unterwegs */
.outside-intro{padding-top:55px}.outside-ideas{background:#090909}.outside-picker{display:grid;grid-template-columns:300px 1fr;gap:20px}.outside-picker-buttons{display:grid;gap:9px}.outside-picker-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.outside-picker-buttons button.active,.outside-picker-buttons button:hover{background:#63b86f;border-color:#63b86f;color:#07100a}.outside-picker-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(74,176,95,.2);background:radial-gradient(circle at 10% 20%,rgba(74,176,95,.10),transparent 26%),linear-gradient(145deg,#121612,#090b09)}.outside-picker-result>div{font-size:4rem}.outside-picker-result h3{font-size:1.65rem;margin:5px 0 8px}.outside-picker-result p{color:#999}
.outside-pack{background:#050505}.outside-pack-card{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.17);background:linear-gradient(145deg,#141414,#090909)}.outside-pack-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.outside-pack-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.outside-pack-card p{color:#999;margin:0}

/* Rituale */
.ritual-why{padding-top:55px}.ritual-ideas{background:#090909}.ritual-idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ritual-idea-grid article{min-height:230px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.ritual-idea-grid span{font-size:2.5rem}.ritual-idea-grid h3{margin:13px 0 6px}.ritual-idea-grid p{color:#929292;margin:0}
.ritual-builder{background:#050505}.ritual-builder-card{display:grid;grid-template-columns:300px 1fr;gap:20px}.ritual-builder-buttons{display:grid;gap:9px}.ritual-builder-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.ritual-builder-buttons button.active,.ritual-builder-buttons button:hover{background:#7869cf;border-color:#7869cf;color:white}.ritual-builder-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(120,105,207,.22);background:radial-gradient(circle at 10% 20%,rgba(120,105,207,.11),transparent 26%),linear-gradient(145deg,#121019,#09090c)}.ritual-builder-result>div{font-size:4rem}.ritual-builder-result h3{font-size:1.65rem;margin:5px 0 8px}.ritual-builder-result p{color:#999}
.ritual-note{background:#090909}.ritual-note-card{display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:center;padding:25px;border-radius:22px;border:1px solid rgba(255,212,0,.15);background:#111}.ritual-note-card>div:first-child{font-size:3rem}.ritual-note-card p{color:#929292;margin:5px 0 0}

@media(max-width:1000px){
  .family-world-grid{grid-template-columns:1fr}
  .together-grid,.outside-grid,.ritual-grid{grid-template-columns:repeat(2,1fr)}
  .ritual-idea-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .family-intro-grid,.family-moment-box,.outside-picker,.ritual-builder-card,.family-final-card{grid-template-columns:1fr}
  .family-prompt-card{grid-template-columns:80px 1fr}.family-prompt-card button{grid-column:1/-1}
  .together-idea{grid-template-columns:50px 1fr}.together-idea p{grid-column:2}
}
@media(max-width:620px){
  .family-pillars,.together-grid,.outside-grid,.ritual-grid,.ritual-idea-grid{grid-template-columns:1fr}
  .family-intro-copy{padding:26px 22px}
  .family-moment-result,.outside-picker-result,.ritual-builder-result{grid-template-columns:1fr;padding:22px}
  .together-idea{grid-template-columns:1fr;padding:17px}.together-idea p{grid-column:1}
  .family-prompt-card,.outside-pack-card,.ritual-note-card{grid-template-columns:1fr;padding:24px 21px}
  .family-prompt-icon,.outside-pack-icon{width:68px;height:68px}
  .family-final-card{padding:30px 22px}.family-final-actions>*{width:100%}
}


/* =========================================================
   V16 – KINO-TIPPS / NEU IM KINO / EMPFEHLUNGEN / FAMILIENZEIT
   ========================================================= */
.kino-hero,.kino-new-hero,.kino-rec-hero,.kino-family-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 11% 18%,rgba(217,57,71,.08),transparent 24%),
    linear-gradient(180deg,#0d0a0a,#050505)
}
.kino-rec-hero{background:radial-gradient(circle at 75% 35%,rgba(94,82,220,.14),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#0c0a13,#050505)}
.kino-family-hero{background:radial-gradient(circle at 75% 35%,rgba(78,158,203,.14),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#091017,#050505)}
.kino-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.kino-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}

.kino-intro{padding-top:55px}.kino-intro-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}
.kino-intro-copy,.kino-thursday-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.kino-intro-copy{padding:36px}.kino-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em}.kino-intro-copy>p{color:#aaa}
.kino-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.kino-pillars>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.kino-pillars strong{display:block;color:var(--yellow)}.kino-pillars span{display:block;color:#888;font-size:.82rem}
.kino-thursday-card{padding:29px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(255,212,0,.17),transparent 34%),linear-gradient(145deg,#181408,#0b0b0b)}.kino-thursday-card>span{font-size:3.2rem}.kino-thursday-card small{margin-top:13px;color:#999}.kino-thursday-card strong{font-size:2rem;color:var(--yellow)}.kino-thursday-card p{color:#999}

.kino-worlds{background:#090909}.kino-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kino-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.kino-world-card:hover{transform:translateY(-4px)}.kino-world-card.new{background:linear-gradient(145deg,#4d2629,#160b0d)}.kino-world-card.rec{background:linear-gradient(145deg,#2b2457,#0d0a18)}.kino-world-card.family{background:linear-gradient(145deg,#14384b,#081219)}.kino-world-icon{font-size:4rem}.kino-world-card small{margin-top:20px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em}.kino-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.kino-world-card p{color:rgba(255,255,255,.7)}.kino-world-card b{margin-top:auto;color:var(--yellow)}

.kino-quick{background:#050505}.kino-quick-box,.age-finder-box,.kino-plan-box{display:grid;grid-template-columns:300px 1fr;gap:20px}.kino-quick-buttons,.age-finder-buttons,.kino-plan-buttons{display:grid;gap:9px}.kino-quick-buttons button,.age-finder-buttons button,.kino-plan-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}.kino-quick-buttons button.active,.kino-quick-buttons button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.age-finder-buttons button.active,.age-finder-buttons button:hover{background:#7869cf;border-color:#7869cf;color:#fff}.kino-plan-buttons button.active,.kino-plan-buttons button:hover{background:#5f9ec3;border-color:#5f9ec3;color:#071017}
.kino-quick-result,.age-finder-result,.kino-plan-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(255,212,0,.18);background:radial-gradient(circle at 10% 20%,rgba(255,212,0,.09),transparent 26%),linear-gradient(145deg,#141414,#090909)}.age-finder-result{border-color:rgba(120,105,207,.22);background:radial-gradient(circle at 10% 20%,rgba(120,105,207,.11),transparent 26%),linear-gradient(145deg,#121019,#09090c)}.kino-plan-result{border-color:rgba(95,158,195,.22);background:radial-gradient(circle at 10% 20%,rgba(95,158,195,.11),transparent 26%),linear-gradient(145deg,#0f1519,#080b0d)}
.kino-quick-result>div,.age-finder-result>div,.kino-plan-result>div{font-size:4rem}.kino-quick-result h3,.age-finder-result h3,.kino-plan-result h3{font-size:1.65rem;margin:5px 0 8px}.kino-quick-result p,.age-finder-result p,.kino-plan-result p{color:#999}

.kino-fsk-note{background:#090909}.kino-fsk-card,.kino-times-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.kino-fsk-icon,.kino-times-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.6rem}.kino-fsk-card h2,.kino-times-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.kino-fsk-card p,.kino-times-card p{color:#999;margin:0}
.kino-final{padding-top:35px}.kino-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.kino-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.kino-final-card p{margin:0;font-weight:650}.kino-final-actions{display:flex;flex-direction:column;gap:9px}

/* Neu im Kino */
.kino-current{padding-top:55px}.movie-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.movie-card{overflow:hidden;border-radius:25px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,#141414,#090909);display:flex;flex-direction:column}.movie-poster-shape{min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 50% 35%,rgba(255,212,0,.18),transparent 38%),#17120a}.movie-card.vaiana .movie-poster-shape{background:radial-gradient(circle at 50% 35%,rgba(57,160,218,.25),transparent 38%),#0d1a25}.movie-card.minions .movie-poster-shape{background:radial-gradient(circle at 50% 35%,rgba(255,212,0,.22),transparent 38%),#181407}.movie-poster-shape>span{font-size:5rem}.movie-poster-shape small{font-weight:950;letter-spacing:.12em;color:#d6d6d6}.movie-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.movie-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.movie-meta>span:not(.fsk){padding:5px 8px;border-radius:99px;background:#1b1b1b;border:1px solid rgba(255,255,255,.08);color:#999;font-size:.72rem;font-weight:850}.fsk{display:inline-grid;place-items:center;min-width:40px;height:28px;border-radius:7px;font-weight:1000;color:#111}.fsk.zero{background:#fff}.fsk.six{background:#ffd21c}.fsk.twelve{background:#5bc55d}.fsk.big{width:64px;height:64px;border-radius:13px;font-size:1.5rem}.movie-card-body h3{font-size:1.45rem;margin:14px 0 8px}.movie-card-body>p{color:#999}.movie-kueken-tip{margin:12px 0 18px;padding:13px;border-radius:14px;background:rgba(255,212,0,.06);border:1px solid rgba(255,212,0,.13);display:grid;gap:4px}.movie-kueken-tip strong{color:#ddd}.movie-kueken-tip span{color:#999;font-size:.86rem}.movie-card-body>a{margin-top:auto;color:var(--yellow);font-weight:900}
.kino-coming{background:#090909}.kino-coming-card{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;padding:30px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.kino-coming-visual{min-height:190px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(255,212,0,.18),transparent 40%),#17120a;font-size:6rem}.kino-coming-card h3{font-size:2rem;margin:12px 0 8px}.kino-coming-card p{color:#999}.kino-coming-card a{color:var(--yellow);font-weight:900}
.kino-update-note{background:#050505}.kino-update-card{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:20px 22px;border-radius:19px;border:1px solid rgba(255,255,255,.1);background:#101010}.kino-update-card>span{font-size:2rem}.kino-update-card p{color:#888;margin:5px 0 0}

/* Empfehlungen */
.kino-fsk-explain{padding-top:55px}.fsk-explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.fsk-explain-grid article{min-height:280px;padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:#111}.fsk-explain-grid h3{margin:18px 0 7px}.fsk-explain-grid p{color:#929292;margin:0}.kino-age-finder{background:#090909}.kino-rec-cards{background:#050505}.kino-question-grid,.kino-first-grid,.kino-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kino-question-grid article,.kino-first-grid article,.kino-family-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.kino-question-grid span,.kino-first-grid span,.kino-family-grid span{font-size:2.5rem}.kino-question-grid h3,.kino-first-grid h3,.kino-family-grid h3{margin:13px 0 6px}.kino-question-grid p,.kino-first-grid p,.kino-family-grid p{color:#929292;margin:0}.kino-source-section{background:#090909}

/* Familienzeit */
.kino-first{padding-top:55px}.kino-plan{background:#090909}.kino-family-ideas{background:#050505}.kino-times{background:#090909}

@media(max-width:1000px){
  .kino-world-grid,.movie-card-grid{grid-template-columns:1fr}
  .kino-question-grid,.kino-first-grid,.kino-family-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .kino-intro-grid,.kino-quick-box,.age-finder-box,.kino-plan-box,.kino-final-card{grid-template-columns:1fr}
  .kino-fsk-card,.kino-times-card{grid-template-columns:80px 1fr}.kino-fsk-card .primary-button,.kino-times-card .primary-button{grid-column:1/-1}
  .kino-coming-card{grid-template-columns:150px 1fr}
}
@media(max-width:620px){
  .kino-pillars,.fsk-explain-grid,.kino-question-grid,.kino-first-grid,.kino-family-grid{grid-template-columns:1fr}
  .kino-intro-copy{padding:26px 22px}
  .kino-quick-result,.age-finder-result,.kino-plan-result{grid-template-columns:1fr;padding:22px}
  .kino-fsk-card,.kino-times-card,.kino-coming-card{grid-template-columns:1fr;padding:24px 21px}
  .kino-fsk-icon,.kino-times-icon{width:68px;height:68px}
  .kino-coming-visual{min-height:150px}
  .kino-final-card{padding:30px 22px}.kino-final-actions>*{width:100%}
}


/* =========================================================
   V17 – ÜBER UNS / MUSIK / SENDUNGEN / KÜKEN
   ========================================================= */
.about-hero,.about-music-hero,.about-shows-hero,.mascot-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 11% 18%,rgba(70,135,255,.08),transparent 24%),
    linear-gradient(180deg,#0b0b0d,#050505)
}
.about-music-hero{background:radial-gradient(circle at 75% 35%,rgba(234,75,159,.12),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#10090e,#050505)}
.about-shows-hero{background:radial-gradient(circle at 75% 35%,rgba(82,122,255,.13),transparent 29%),radial-gradient(circle at 11% 18%,rgba(255,212,0,.08),transparent 24%),linear-gradient(180deg,#090b13,#050505)}
.mascot-hero{background:radial-gradient(circle at 75% 35%,rgba(255,212,0,.19),transparent 30%),radial-gradient(circle at 11% 18%,rgba(255,154,46,.08),transparent 24%),linear-gradient(180deg,#0e0c07,#050505)}

.about-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.about-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}

.about-intro{padding-top:55px}.about-intro-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}
.about-intro-copy,.about-brand-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}
.about-intro-copy{padding:36px}.about-intro-copy h2{margin:5px 0 12px;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;letter-spacing:-.04em}.about-intro-copy>p{color:#aaa}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.about-values>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.about-values strong{display:block;color:var(--yellow)}.about-values span{display:block;color:#888;font-size:.82rem}
.about-brand-card{padding:29px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 22%,rgba(255,212,0,.16),transparent 33%),linear-gradient(145deg,#181408,#0b0b0b)}.about-brand-card img{max-width:190px;height:auto;object-fit:contain}.about-brand-card strong{font-size:1.35rem;margin-top:20px}.about-brand-card p{color:#999}

.about-worlds{background:#090909}.about-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.about-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.about-world-card:hover{transform:translateY(-4px)}
.about-world-card.music{background:linear-gradient(145deg,#421a35,#140a12)}.about-world-card.shows{background:linear-gradient(145deg,#1c2b55,#0a0d17)}.about-world-card.mascot{background:linear-gradient(145deg,#493b0b,#151207)}
.about-world-icon{font-size:4rem}.about-world-card small{margin-top:20px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em}.about-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.about-world-card p{color:rgba(255,255,255,.7)}.about-world-card b{margin-top:auto;color:var(--yellow)}

.about-finder{background:#050505}.about-finder-box,.music-mood-box,.show-finder-box,.mascot-personality-box{display:grid;grid-template-columns:300px 1fr;gap:20px}
.about-finder-buttons,.music-mood-buttons,.show-finder-buttons,.mascot-personality-buttons{display:grid;gap:9px}
.about-finder-buttons button,.music-mood-buttons button,.show-finder-buttons button,.mascot-personality-buttons button{min-height:60px;padding:0 18px;text-align:left;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#111;color:#bbb;font-weight:900;cursor:pointer}
.about-finder-buttons button.active,.about-finder-buttons button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}
.music-mood-buttons button.active,.music-mood-buttons button:hover{background:#d654a6;border-color:#d654a6;color:#fff}
.show-finder-buttons button.active,.show-finder-buttons button:hover{background:#5c7de5;border-color:#5c7de5;color:#fff}
.mascot-personality-buttons button.active,.mascot-personality-buttons button:hover{background:var(--yellow);border-color:var(--yellow);color:#111}
.about-finder-result,.music-mood-result,.show-finder-result,.mascot-personality-result{min-height:270px;display:grid;grid-template-columns:90px 1fr;gap:23px;align-items:center;padding:30px;border-radius:25px;border:1px solid rgba(255,212,0,.18);background:radial-gradient(circle at 10% 20%,rgba(255,212,0,.09),transparent 26%),linear-gradient(145deg,#141414,#090909)}
.music-mood-result{border-color:rgba(214,84,166,.22);background:radial-gradient(circle at 10% 20%,rgba(214,84,166,.11),transparent 26%),linear-gradient(145deg,#160f14,#090709)}
.show-finder-result{border-color:rgba(92,125,229,.22);background:radial-gradient(circle at 10% 20%,rgba(92,125,229,.11),transparent 26%),linear-gradient(145deg,#10131b,#08090d)}
.about-finder-result>div,.music-mood-result>div,.show-finder-result>div,.mascot-personality-result>div{font-size:4rem}.about-finder-result h3,.music-mood-result h3,.show-finder-result h3,.mascot-personality-result h3{font-size:1.65rem;margin:5px 0 8px}.about-finder-result p,.music-mood-result p,.show-finder-result p,.mascot-personality-result p{color:#999}.about-finder-result a,.show-finder-result a{color:var(--yellow);font-weight:900}

.about-final{padding-top:35px}.about-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.about-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.about-final-card p{margin:0;font-weight:650}.about-final-actions{display:flex;flex-direction:column;gap:9px}

/* Musik */
.about-music-intro{padding-top:55px}.about-music-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.about-music-grid article{min-height:230px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.about-music-grid span{font-size:2.5rem}.about-music-grid h3{margin:13px 0 6px}.about-music-grid p{color:#929292;margin:0}.about-music-mood{background:#090909}
.about-music-radio{background:#050505}.about-radio-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.about-radio-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.about-radio-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.about-radio-card p{color:#999;margin:0}

/* Sendungen */
.about-shows-list{padding-top:55px}.about-show-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.about-show-card{min-height:310px;padding:25px;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;background:linear-gradient(145deg,#141414,#090909)}.about-show-card.news{border-color:rgba(53,133,255,.24)}.about-show-card.rummage{border-color:rgba(255,212,0,.22)}.about-show-card.parents{border-color:rgba(222,94,151,.22)}.about-show-card.week{border-color:rgba(73,175,98,.22)}.about-show-card>span{font-size:3rem}.about-show-card small{margin-top:15px;color:var(--yellow);font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.about-show-card h3{font-size:1.55rem;margin:6px 0 8px}.about-show-card p{color:#999}.about-show-card b{margin-top:auto;color:var(--yellow)}.show-finder{background:#090909}.about-program-card{background:#050505}

/* Küken */
.mascot-main img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.mascot-intro{padding-top:55px}.mascot-intro-grid{display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:stretch}
.mascot-stage,.mascot-intro-copy{border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#141414,#090909)}
.mascot-stage{position:relative;min-height:440px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,212,0,.24),transparent 36%),linear-gradient(145deg,#181407,#0b0b0b)}.mascot-stage img{max-height:310px;max-width:82%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.35))}.mascot-stage-label{position:absolute;left:18px;right:18px;bottom:18px;padding:12px 15px;border-radius:14px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);display:grid}.mascot-stage-label strong{color:var(--yellow)}.mascot-stage-label span{color:#aaa;font-size:.8rem}
.mascot-intro-copy{padding:36px}.mascot-intro-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;margin:5px 0 12px}.mascot-intro-copy>p{color:#aaa}.mascot-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.mascot-values>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.mascot-values strong{display:block;color:var(--yellow)}.mascot-values span{display:block;color:#888;font-size:.82rem}
.mascot-roles{background:#090909}.mascot-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mascot-role-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.mascot-role-grid span{font-size:2.5rem}.mascot-role-grid h3{margin:13px 0 6px}.mascot-role-grid p{color:#929292;margin:0}.mascot-personality{background:#050505}
.mascot-brand{background:#090909}.mascot-brand-card{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;padding:30px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.mascot-brand-logo{min-height:180px;display:grid;place-items:center;border-radius:20px;background:#050505}.mascot-brand-logo img{max-width:190px;max-height:150px;object-fit:contain}.mascot-brand-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.mascot-brand-card p{color:#999;margin:0}

@media(max-width:1000px){
  .about-world-grid{grid-template-columns:1fr}
  .about-music-grid,.mascot-role-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .about-intro-grid,.about-finder-box,.music-mood-box,.show-finder-box,.mascot-personality-box,.about-final-card,.mascot-intro-grid{grid-template-columns:1fr}
  .about-radio-card{grid-template-columns:80px 1fr}.about-radio-card .primary-button{grid-column:1/-1}
  .mascot-brand-card{grid-template-columns:1fr}
}
@media(max-width:620px){
  .about-values,.mascot-values,.about-music-grid,.mascot-role-grid,.about-show-grid{grid-template-columns:1fr}
  .about-intro-copy,.mascot-intro-copy{padding:26px 22px}
  .about-finder-result,.music-mood-result,.show-finder-result,.mascot-personality-result{grid-template-columns:1fr;padding:22px}
  .about-radio-card,.mascot-brand-card{grid-template-columns:1fr;padding:24px 21px}
  .about-radio-icon{width:68px;height:68px}
  .about-final-card{padding:30px 22px}.about-final-actions>*{width:100%}
  .mascot-stage{min-height:360px}
}


/* =========================================================
   V18 – RUMPELKAMMER / WISSEN / ERKLÄREN / LACHEN
   ========================================================= */
.rumpel-hero,.rainbow-hero,.thunder-hero,.laugh-hero{background:radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),radial-gradient(circle at 11% 18%,rgba(116,93,220,.08),transparent 24%),linear-gradient(180deg,#0b0a0e,#050505)}
.rainbow-hero{background:radial-gradient(circle at 76% 35%,rgba(76,164,255,.14),transparent 29%),radial-gradient(circle at 15% 18%,rgba(255,212,0,.10),transparent 25%),linear-gradient(180deg,#091018,#050505)}
.thunder-hero{background:radial-gradient(circle at 76% 35%,rgba(85,94,183,.17),transparent 29%),radial-gradient(circle at 15% 18%,rgba(255,212,0,.08),transparent 25%),linear-gradient(180deg,#090b13,#050505)}
.laugh-hero{background:radial-gradient(circle at 76% 35%,rgba(255,124,61,.14),transparent 29%),radial-gradient(circle at 15% 18%,rgba(255,212,0,.10),transparent 25%),linear-gradient(180deg,#100b08,#050505)}
.rumpel-hero-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.rumpel-hero-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}
.rumpel-intro{padding-top:55px}.rumpel-intro-grid{display:grid;grid-template-columns:1fr 300px;gap:24px}.rumpel-intro-copy,.rumpel-aircard{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(150deg,#141414,#090909)}.rumpel-intro-copy{padding:36px}.rumpel-intro-copy h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;margin:5px 0 12px}.rumpel-intro-copy>p{color:#aaa}.rumpel-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.rumpel-pillars>div{padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#111}.rumpel-pillars strong{display:block;color:var(--yellow)}.rumpel-pillars span{display:block;color:#888;font-size:.82rem}.rumpel-aircard{padding:28px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 22%,rgba(255,212,0,.17),transparent 34%),linear-gradient(145deg,#181408,#0b0b0b)}.rumpel-box-icon{font-size:3.4rem}.rumpel-aircard small{color:#999;margin-top:12px}.rumpel-aircard>strong{color:var(--yellow);font-size:1.8rem}.rumpel-aircard p{color:#999}
.rumpel-worlds{background:#090909}.rumpel-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.rumpel-world-card{min-height:360px;padding:26px;border-radius:25px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .2s ease}.rumpel-world-card:hover{transform:translateY(-4px)}.rumpel-world-card.rainbow{background:linear-gradient(145deg,#153c55,#09121a)}.rumpel-world-card.thunder{background:linear-gradient(145deg,#252b56,#0b0d18)}.rumpel-world-card.laugh{background:linear-gradient(145deg,#4b2b14,#160d08)}.rumpel-world-icon{font-size:4rem}.rumpel-world-card small{margin-top:20px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.1em}.rumpel-world-card h3{font-size:1.55rem;line-height:1.08;margin:6px 0 9px}.rumpel-world-card p{color:rgba(255,255,255,.7)}.rumpel-world-card b{margin-top:auto;color:var(--yellow)}
.rumpel-random{background:#050505}.rumpel-random-card,.laugh-machine-card,.laugh-surprise-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.rumpel-random-icon,.laugh-machine-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:rgba(255,212,0,.1);font-size:2.8rem}.rumpel-random-card h3,.laugh-machine-card h3,.laugh-surprise-card h3{font-size:1.55rem;margin:5px 0 8px}.rumpel-random-card p,.laugh-machine-card p,.laugh-surprise-card p{color:#999;margin:0}.rumpel-random-card button,.laugh-machine-card button,.laugh-surprise-card button{border:0;cursor:pointer}
.rumpel-final{padding-top:35px}.rumpel-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}.rumpel-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}.rumpel-final-card p{margin:0;font-weight:650}.rumpel-final-actions{display:flex;flex-direction:column;gap:9px}
/* Regenbogen */
.rainbow-steps{padding-top:55px}.rainbow-step-grid,.thunder-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rainbow-step-grid article,.thunder-step-grid article{position:relative;overflow:hidden;min-height:260px;padding:23px;border-radius:21px;border:1px solid rgba(74,163,255,.18);background:linear-gradient(145deg,#11171d,#090c0f)}.rainbow-step-grid article>span,.thunder-step-grid article>span{position:absolute;right:12px;top:3px;color:rgba(255,255,255,.04);font-size:4rem;font-weight:1000}.rainbow-step-grid article>div,.thunder-step-grid article>div{font-size:2.5rem;margin:8px 0 25px}.rainbow-step-grid h3,.thunder-step-grid h3{margin:0 0 7px}.rainbow-step-grid p,.thunder-step-grid p{color:#929292;margin:0}.rainbow-why{background:#090909}.rainbow-explain-card,.thunder-sound-card{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:32px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}.rainbow-explain-icon,.thunder-sound-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.7rem}.rainbow-explain-card h2,.thunder-sound-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.rainbow-explain-card p,.thunder-sound-card p{color:#999;margin:0}.rainbow-facts{background:#050505}.rainbow-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rainbow-fact-grid article{min-height:230px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.rainbow-fact-grid span{font-size:2.5rem}.rainbow-fact-grid h3{margin:13px 0 6px}.rainbow-fact-grid p{color:#929292;margin:0}.rainbow-try{background:#090909}.rainbow-try-card{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:27px;border-radius:23px;border:1px solid rgba(76,164,255,.18);background:#101317}.rainbow-try-card>div:first-child{font-size:3rem}.rainbow-try-card h2{margin:5px 0 8px}.rainbow-try-card p{color:#999;margin:0}
/* Gewitter */
.thunder-steps{padding-top:55px}.thunder-step-grid article{border-color:rgba(98,105,202,.2);background:linear-gradient(145deg,#12131d,#09090e)}.thunder-sound{background:#090909}.thunder-safety{background:#050505}.thunder-safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.thunder-safety-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.thunder-safety-grid span{font-size:2.5rem}.thunder-safety-grid h3{margin:13px 0 6px}.thunder-safety-grid p{color:#929292;margin:0}.thunder-quiz{background:#090909}.thunder-quiz-card{padding:28px;border-radius:24px;border:1px solid rgba(255,212,0,.17);background:#111}.thunder-quiz-card>p{font-size:1.2rem;font-weight:900}.thunder-quiz-buttons{display:flex;flex-wrap:wrap;gap:10px}.thunder-quiz-buttons button{min-height:48px;padding:0 16px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#181818;color:#ddd;font-weight:900;cursor:pointer}.thunder-quiz-buttons button:hover{border-color:var(--yellow)}.thunder-quiz-result{margin-top:14px;color:#999}.thunder-quiz-result.correct{color:#76d16c}.thunder-quiz-result.wrong{color:#ffb35d}
/* Lachen */
.laugh-machine{padding-top:55px}.laugh-questions{background:#090909}.laugh-question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.laugh-question-grid article{min-height:240px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}.laugh-question-grid span{font-size:2.5rem}.laugh-question-grid h3{margin:13px 0 6px}.laugh-question-grid p{color:#929292;margin:0}.laugh-surprise{background:#050505}.laugh-surprise-card>div:first-child{font-size:4rem}.laugh-rules{background:#090909}.laugh-rules-card{display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:center;padding:25px;border-radius:22px;border:1px solid rgba(255,212,0,.15);background:#111}.laugh-rules-card>div:first-child{font-size:3rem}.laugh-rules-card p{color:#929292;margin:5px 0 0}
@media(max-width:1000px){.rumpel-world-grid{grid-template-columns:1fr}.rainbow-step-grid,.thunder-step-grid,.thunder-safety-grid,.laugh-question-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.rumpel-intro-grid,.rumpel-final-card{grid-template-columns:1fr}.rumpel-random-card,.laugh-machine-card,.laugh-surprise-card{grid-template-columns:80px 1fr}.rumpel-random-card button,.laugh-machine-card button,.laugh-surprise-card button{grid-column:1/-1}}
@media(max-width:620px){.rumpel-pillars,.rainbow-step-grid,.thunder-step-grid,.rainbow-fact-grid,.thunder-safety-grid,.laugh-question-grid{grid-template-columns:1fr}.rumpel-intro-copy{padding:26px 22px}.rumpel-random-card,.laugh-machine-card,.laugh-surprise-card,.rainbow-explain-card,.thunder-sound-card,.rainbow-try-card,.laugh-rules-card{grid-template-columns:1fr;padding:24px 21px}.rumpel-random-icon,.laugh-machine-icon,.rainbow-explain-icon,.thunder-sound-icon{width:68px;height:68px}.rumpel-final-card{padding:30px 22px}.rumpel-final-actions>*{width:100%}}


/* =========================================================
   V19 – NEWSLETTER / KONTAKT / LAUNCH-FEINSCHLIFF
   ========================================================= */
html{scroll-behavior:smooth}
body{min-height:100vh}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.main-nav a[aria-current="page"]{color:var(--yellow)}
img{max-width:100%;height:auto}

/* Newsletter */
.newsletter-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.18),transparent 29%),
    radial-gradient(circle at 12% 18%,rgba(69,136,255,.08),transparent 24%),
    linear-gradient(180deg,#0b0b0d,#050505)
}
.newsletter-hero-facts,.contact-launch-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.newsletter-hero-facts span,.contact-launch-facts span{padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04);color:#d4d4d4;font-size:.78rem;font-weight:850}

.newsletter-what{padding-top:55px}
.newsletter-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.newsletter-topic-grid article{min-height:230px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}
.newsletter-topic-grid article>span{font-size:2.5rem}
.newsletter-topic-grid h3{margin:13px 0 6px}
.newsletter-topic-grid p{color:#929292;margin:0}

.newsletter-signup{background:#090909}
.newsletter-signup-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}
.newsletter-signup-copy,.newsletter-form{border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,#141414,#090909)}
.newsletter-signup-copy{padding:34px}
.newsletter-signup-copy h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1;margin:5px 0 12px;letter-spacing:-.035em}
.newsletter-signup-copy>p{color:#aaa}
.newsletter-how{display:grid;gap:10px;margin-top:22px}
.newsletter-how>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px;border-radius:15px;background:#101010;border:1px solid rgba(255,255,255,.08)}
.newsletter-how>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-weight:1000}
.newsletter-how p{margin:0;color:#999;font-size:.9rem}.newsletter-how strong{color:#ddd}

.newsletter-form{padding:28px;display:grid;gap:17px}
.newsletter-form>label:not(.newsletter-check){display:grid;gap:7px}
.newsletter-form>label>span,.newsletter-form legend{font-weight:900;color:#ddd;font-size:.88rem}
.newsletter-form input[type="email"]{width:100%;min-height:50px;padding:0 15px;border-radius:13px;border:1px solid rgba(255,255,255,.14);background:#080808;color:#fff;font:inherit}
.newsletter-form input[type="email"]::placeholder{color:#626262}
.newsletter-form fieldset{display:grid;gap:9px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}
.newsletter-form legend{padding:0 7px}
.newsletter-check{display:flex;align-items:flex-start;gap:10px;color:#aaa;font-size:.88rem;line-height:1.35}
.newsletter-check input{margin-top:2px;accent-color:#ffd400}
.newsletter-check.important{padding:12px;border-radius:13px;background:rgba(255,212,0,.05);border:1px solid rgba(255,212,0,.12)}
.newsletter-submit{border:0;cursor:pointer;width:100%;justify-content:center}
.newsletter-form-status{min-height:1.3em;margin:0;color:#b7d7b4;font-size:.86rem;font-weight:750}
.newsletter-form-status.error{color:#ffabab}
.newsletter-fallback{padding-top:13px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:4px}
.newsletter-fallback span{color:#777;font-size:.78rem}.newsletter-fallback a{color:var(--yellow);font-weight:850;font-size:.85rem}

.newsletter-privacy{background:#050505}
.newsletter-privacy-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center;padding:31px;border-radius:27px;border:1px solid rgba(255,212,0,.18);background:linear-gradient(145deg,#141414,#090909)}
.newsletter-privacy-icon{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;background:var(--yellow);font-size:2.6rem}
.newsletter-privacy-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}
.newsletter-privacy-card p{color:#999;margin:0}
.newsletter-privacy-card .newsletter-privacy-small{margin-top:8px;font-size:.8rem;color:#777}
.newsletter-final{padding-top:35px}
.newsletter-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}
.newsletter-final-card h2{margin:4px 0 8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.035em}
.newsletter-final-card p{margin:0;font-weight:650}
.newsletter-final-actions{display:flex;flex-direction:column;gap:9px}

/* Kontakt – Launch-Version */
.contact-launch-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(255,212,0,.16),transparent 29%),
    radial-gradient(circle at 11% 18%,rgba(70,135,255,.08),transparent 24%),
    linear-gradient(180deg,#0b0b0d,#050505)
}
.contact-launch-main{padding-top:55px}
.contact-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.contact-launch-card{min-height:310px;padding:25px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#141414,#090909);display:flex;flex-direction:column;transition:transform .2s ease}
.contact-launch-card:hover{transform:translateY(-3px)}
.contact-launch-card.mail{border-color:rgba(255,212,0,.22)}
.contact-launch-card.form{border-color:rgba(76,149,255,.22)}
.contact-launch-card.newsletter{border-color:rgba(221,91,164,.22)}
.contact-launch-card>span{font-size:3rem}.contact-launch-card small{margin-top:16px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.08em}.contact-launch-card h3{font-size:1.35rem;margin:6px 0 8px}.contact-launch-card p{color:#999}.contact-launch-card b{margin-top:auto;color:var(--yellow)}
.contact-launch-topics{background:#090909}
.contact-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.contact-topic-grid article{min-height:210px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}
.contact-topic-grid span{font-size:2.4rem}.contact-topic-grid h3{margin:13px 0 6px}.contact-topic-grid p{color:#929292;margin:0}
.contact-launch-final{background:#050505}
.contact-launch-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:34px 38px;border-radius:27px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}
.contact-launch-final-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:5px 0 8px}.contact-launch-final-card p{margin:0;font-weight:650}

/* Kleine Newsletter-CTA auf der Startseite */
.home-newsletter-strip{padding-top:20px}
.home-newsletter-card{display:grid;grid-template-columns:80px 1fr auto;gap:22px;align-items:center;padding:25px 28px;border-radius:24px;border:1px solid rgba(255,212,0,.19);background:radial-gradient(circle at 12% 50%,rgba(255,212,0,.10),transparent 23%),linear-gradient(145deg,#141414,#090909)}
.home-newsletter-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:19px;background:var(--yellow);font-size:2.3rem}
.home-newsletter-card h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;margin:4px 0 6px}.home-newsletter-card p{color:#999;margin:0}

@media(max-width:1000px){
  .newsletter-topic-grid,.contact-topic-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter-signup-grid{grid-template-columns:1fr}
}
@media(max-width:850px){
  .newsletter-privacy-card{grid-template-columns:80px 1fr}.newsletter-privacy-card .secondary-button{grid-column:1/-1}
  .newsletter-final-card,.contact-launch-final-card,.home-newsletter-card{grid-template-columns:1fr}
  .contact-launch-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .newsletter-topic-grid,.contact-topic-grid{grid-template-columns:1fr}
  .newsletter-signup-copy,.newsletter-form{padding:24px 20px}
  .newsletter-privacy-card{grid-template-columns:1fr;padding:24px 21px}
  .newsletter-privacy-icon{width:68px;height:68px}
  .newsletter-final-card,.contact-launch-final-card{padding:29px 22px}
  .newsletter-final-actions>*{width:100%}
  .home-newsletter-card{padding:22px 20px}.home-newsletter-icon{width:60px;height:60px}
}


/* V19 – Header mit Newsletter */
@media(max-width:1180px) and (min-width:861px){
  .header-inner{gap:14px}
  .main-nav{gap:9px}
  .main-nav a{font-size:.77rem}
  .listen-small{padding:10px 12px}
}


/* =========================================================
   V20 – RECHTLICHES / DATENSCHUTZ / YOUTUBE-ZWEIKLICK
   ========================================================= */
.legal-hero{
  background:
    radial-gradient(circle at 80% 35%,rgba(255,212,0,.14),transparent 26%),
    linear-gradient(180deg,#0b0b0d,#050505)
}
.privacy-hero{background:radial-gradient(circle at 80% 35%,rgba(67,157,255,.14),transparent 26%),linear-gradient(180deg,#091018,#050505)}
.terms-hero{background:radial-gradient(circle at 80% 35%,rgba(85,185,105,.13),transparent 26%),linear-gradient(180deg,#09110b,#050505)}
.netiquette-hero{background:radial-gradient(circle at 80% 35%,rgba(220,91,164,.12),transparent 26%),linear-gradient(180deg,#120a10,#050505)}
.legal-hero-grid{display:grid;grid-template-columns:1fr 180px;gap:28px;align-items:center}
.legal-hero-icon{width:150px;height:150px;display:grid;place-items:center;border-radius:34px;background:rgba(255,212,0,.08);border:1px solid rgba(255,212,0,.18);font-size:4rem;font-weight:1000}
.legal-status{display:inline-flex;margin-top:19px;padding:7px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#999;font-size:.75rem;font-weight:850}

.legal-section{padding-top:55px}
.legal-layout{display:grid;grid-template-columns:245px 1fr;gap:30px;align-items:start}
.legal-nav{position:sticky;top:105px;display:grid;gap:7px;padding:19px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:#0d0d0d}
.legal-nav strong{color:var(--yellow);margin-bottom:7px}
.legal-nav a{padding:10px 11px;border-radius:10px;color:#aaa;font-weight:800;font-size:.86rem}
.legal-nav a:hover,.legal-nav a.active{background:#1a1a1a;color:#fff}
.legal-nav a.active{box-shadow:inset 3px 0 0 var(--yellow)}

.legal-content{display:grid;gap:18px}
.legal-content>section{padding:28px 30px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#121212,#090909)}
.legal-content h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.08;margin:5px 0 13px}
.legal-content p{color:#aaa;line-height:1.65}
.legal-content address{font-style:normal;color:#d7d7d7;line-height:1.7}
.legal-content a{color:var(--yellow);font-weight:800}
.legal-content code{padding:2px 5px;border-radius:5px;background:#1a1a1a;color:#ddd}
.legal-note{font-size:.82rem;color:#777!important}
.netiquette-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:17px}
.netiquette-rule-grid>div{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:15px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0c0c0c}
.netiquette-rule-grid>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-weight:1000}
.netiquette-rule-grid p{margin:0;font-size:.88rem}

/* YouTube erst nach Klick laden */
.pod-video-consent{min-height:315px;display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:center;padding:30px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 12% 50%,rgba(255,212,0,.09),transparent 25%),linear-gradient(145deg,#141414,#090909)}
.pod-video-consent-icon{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-size:2.3rem;padding-left:5px}
.pod-video-consent-copy strong{display:block;font-size:1.45rem}
.pod-video-consent-copy p{color:#999;max-width:680px}
.pod-video-consent-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:17px}
.pod-video-consent-actions button{border:0;cursor:pointer}
.pod-video-consent-actions a{color:var(--yellow);font-weight:850;font-size:.84rem}

@media(max-width:850px){
  .legal-layout{grid-template-columns:1fr}
  .legal-nav{position:static;grid-template-columns:repeat(2,1fr)}
  .legal-nav strong{grid-column:1/-1}
}
@media(max-width:620px){
  .legal-hero-grid{grid-template-columns:1fr}
  .legal-hero-icon{width:100px;height:100px;font-size:3rem}
  .legal-content>section{padding:23px 20px}
  .legal-nav{grid-template-columns:1fr}
  .netiquette-rule-grid{grid-template-columns:1fr}
  .pod-video-consent{grid-template-columns:1fr;padding:24px 20px}
}


/* =========================================================
   V21 – WETTER OHNE EXTERNE API
   ========================================================= */
.weather-official{padding-top:55px}
.weather-official-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.weather-official-card{min-height:280px;padding:26px;border-radius:24px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;background:linear-gradient(145deg,#141414,#090909);transition:transform .2s ease}
.weather-official-card:hover{transform:translateY(-3px)}
.weather-official-card.forecast{border-color:rgba(72,159,218,.22)}
.weather-official-card.warning{border-color:rgba(255,190,48,.24)}
.weather-official-card>span{font-size:3.4rem}
.weather-official-card small{margin-top:16px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.weather-official-card h3{font-size:1.55rem;margin:6px 0 8px}
.weather-official-card p{color:#999}
.weather-official-card b{margin-top:auto;color:var(--yellow)}

.weather-explain{background:#090909}
.weather-explain-grid,.weather-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.weather-explain-grid article,.weather-safety-grid article{min-height:225px;padding:22px;border-radius:21px;border:1px solid rgba(255,255,255,.1);background:#111}
.weather-explain-grid span,.weather-safety-grid span{font-size:2.5rem}
.weather-explain-grid h3,.weather-safety-grid h3{margin:13px 0 6px}
.weather-explain-grid p,.weather-safety-grid p{color:#929292;margin:0}

.weather-safety{background:#050505}
.weather-safety-grid{grid-template-columns:repeat(4,1fr)}
.weather-final{background:#090909;padding-top:35px}
.weather-final-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:36px 40px;border-radius:27px;background:linear-gradient(135deg,#ffe153,#ffbd00);color:#111}
.weather-final-card h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin:4px 0 8px}
.weather-final-card p{margin:0;font-weight:650}

@media(max-width:900px){
  .weather-explain-grid,.weather-safety-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .weather-official-grid,.weather-explain-grid,.weather-safety-grid,.weather-final-card{grid-template-columns:1fr}
  .weather-final-card{padding:29px 22px}
}


/* =========================================================
   V23 – PLAYER-FEINSCHLIFF / LAUT FM ATTRIBUTION
   ========================================================= */
.persistent-player-inner{
  grid-template-columns:auto auto auto minmax(150px,230px) auto;
  justify-content:center;
  column-gap:18px;
  max-width:1180px;
  margin-inline:auto;
}

.persistent-powered{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:34px;
  padding:0 4px;
  color:#b8b8b8;
  font-size:.72rem;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  text-align:center;
  transition:color .18s ease, transform .18s ease;
}

.persistent-powered strong{
  color:#1E80D9;
  font-weight:950;
  letter-spacing:.02em;
}

.persistent-powered:hover{
  color:#fff;
  transform:translateY(-1px);
}

.persistent-powered:hover strong{
  text-decoration:underline;
  text-underline-offset:3px;
}

@media(max-width:980px) and (min-width:821px){
  .persistent-player-inner{
    grid-template-columns:auto auto auto minmax(110px,170px);
    gap:12px;
  }

  .persistent-more{
    display:none;
  }

  .persistent-powered{
    font-size:.66rem;
  }
}

@media(max-width:820px){
  .persistent-player-inner{
    grid-template-columns:1fr auto auto;
    justify-content:stretch;
  }

  .persistent-powered{
    font-size:0;
    padding:0 2px;
  }

  .persistent-powered strong{
    font-size:.69rem;
  }

  .persistent-powered strong::before{
    content:"powered by ";
    color:#9a9a9a;
    font-weight:700;
  }
}

@media(max-width:560px){
  .persistent-player-inner{
    grid-template-columns:1fr auto;
  }

  .persistent-powered{
    display:none;
  }
}




/* =========================================================
   V28 – PROGRAMM + MOBILE PLAYER FEINSCHLIFF
   ========================================================= */

.schedule-copy{
  min-width:0;
}

.schedule-days{
  display:inline-block;
  margin-top:7px;
  color:#d4d4d4;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.025em;
}

.state.day{
  background:#1d1d1d;
  color:#c3c3c3;
}

/* Der LAUT-FM-Hinweis bleibt auch auf Handys sichtbar. */
@media(max-width:560px){
  body{
    padding-bottom:108px;
  }

  .persistent-player,
  .persistent-player-inner{
    min-height:100px;
  }

  .persistent-player-inner{
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    row-gap:4px;
    column-gap:10px;
    align-content:center;
  }

  .persistent-brand{
    grid-column:1;
    grid-row:1;
  }

  .persistent-toggle{
    grid-column:2;
    grid-row:1;
  }

  .persistent-powered{
    display:inline-flex;
    grid-column:1 / -1;
    grid-row:2;
    justify-self:center;
    min-height:18px;
    padding:0;
    font-size:.62rem;
    line-height:1.1;
    color:#8f8f8f;
  }

  .persistent-powered strong{
    font-size:.66rem;
  }

  .persistent-powered strong::before{
    content:"";
  }
}

@media(max-width:390px){
  .persistent-powered{
    font-size:.58rem;
  }

  .persistent-powered strong{
    font-size:.62rem;
  }
}