.city-landing-page{--city-card:linear-gradient(145deg,rgba(24,24,29,.96),rgba(11,11,14,.98))}
.city-main{max-width:1260px;margin:0 auto;padding:16px 28px 110px}
.city-hero{position:relative;isolation:isolate;min-height:650px;border:1px solid rgba(255,255,255,.1);border-radius:38px;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(34px,6vw,76px);box-shadow:0 35px 90px rgba(0,0,0,.35)}
.city-hero-image,.city-hero-shade{position:absolute;inset:0;width:100%;height:100%}.city-hero-image{z-index:-3;object-fit:cover}.city-hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(4,4,6,.96) 0%,rgba(4,4,6,.72) 47%,rgba(4,4,6,.2) 75%),linear-gradient(0deg,rgba(4,4,6,.94),transparent 62%)}
.city-hero:after{content:"";position:absolute;z-index:-1;inset:auto -8% -38% 32%;height:70%;background:#d7141c;filter:blur(130px);opacity:.2}
.city-hero-copy{max-width:660px}.city-live-label{display:inline-flex;align-items:center;gap:10px;color:#eeeef1;font-size:10px;font-weight:900;letter-spacing:.14em}.city-live-label i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(239,34,40,.15)}
.city-hero h1{font-size:clamp(60px,8vw,110px);line-height:.82;letter-spacing:-.075em;margin:26px 0 28px}.city-hero h1 strong{color:var(--red);font-weight:950}.city-hero-copy>p{max-width:610px;color:#d0d0d5;font-size:clamp(16px,2vw,20px);line-height:1.6}.city-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:29px}.city-hero-actions .btn-ghost{backdrop-filter:blur(14px)}
.city-now-card{position:absolute;right:clamp(24px,5vw,64px);bottom:clamp(24px,5vw,62px);width:min(330px,34%);padding:23px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(10,10,13,.76);backdrop-filter:blur(24px);box-shadow:0 20px 50px rgba(0,0,0,.32)}.city-now-card>span{color:#ff6267;font-size:9px;font-weight:950;letter-spacing:.14em}.city-now-card h2{font-size:23px;line-height:1.05;margin:8px 0 4px}.city-now-card p{margin:0;color:#a0a0a9;font-size:12px}.city-now-card>div{display:flex;align-items:end;justify-content:space-between;margin-top:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09)}.city-now-card b{font-size:24px}.city-now-card b small{font-size:9px;color:#85858e}.city-now-card em{font-style:normal;color:#92939a;font-size:10px}.city-now-card button{width:100%;margin-top:13px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.city-now-card button:hover{border-color:rgba(239,34,40,.45);background:rgba(239,34,40,.1)}
.city-quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 0}.city-quicklinks a{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:20px;border:1px solid var(--line);border-radius:19px;background:#111114;transition:.2s}.city-quicklinks a:hover{transform:translateY(-2px);border-color:rgba(239,34,40,.38)}.city-quicklinks span{grid-row:1/3;color:var(--red);font-size:9px;font-weight:950;letter-spacing:.1em}.city-quicklinks b{font-size:14px}.city-quicklinks small{color:#777780;font-size:9px;margin-top:2px}
.city-section{padding:90px 0 0;scroll-margin-top:24px}.city-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.city-section-head h2{font-size:clamp(38px,5vw,64px);line-height:.95;letter-spacing:-.055em;margin:8px 0 0}.city-section-head>a{color:#c6c6cc;font-size:11px;font-weight:850;white-space:nowrap}
.city-news-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:13px}.city-news-card{position:relative;min-height:245px;border:1px solid var(--line);border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#281014,#111114)}.city-news-lead{grid-row:span 2;min-height:503px}.city-news-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.city-news-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,4,6,.98),rgba(4,4,6,.12) 78%)}.city-news-card>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:24px}.city-news-card span{display:inline-flex;padding:6px 8px;border-radius:7px;background:var(--red);font-size:8px;font-weight:950;letter-spacing:.12em}.city-news-card h3{font-size:22px;line-height:1.08;margin:12px 0 9px}.city-news-lead h3{font-size:clamp(28px,3vw,42px)}.city-news-card time{color:#b0b0b7;font-size:9px}
.city-weather-card{border:1px solid var(--line);border-radius:30px;background:var(--city-card);overflow:hidden}.city-weather-now{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px}.city-weather-icon{font-size:64px;line-height:1}.city-weather-now small{display:block;color:#ff5a60;font-size:8px;font-weight:950;letter-spacing:.14em}.city-weather-now strong{display:block;font-size:58px;line-height:1;margin:7px 0 4px}.city-weather-now p{margin:0;color:#9999a2}.city-weather-now dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.city-weather-now dl>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.city-weather-now dt{color:#74747d;font-size:8px;text-transform:uppercase}.city-weather-now dd{margin:5px 0 0;font-size:12px;font-weight:850;white-space:nowrap}.city-weather-days{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid rgba(255,255,255,.08)}.city-weather-days article{min-width:0;padding:20px 12px;text-align:center;border-left:1px solid rgba(255,255,255,.07)}.city-weather-days article:first-child{border-left:0}.city-weather-days article.is-today{background:rgba(239,34,40,.07)}.city-weather-days span,.city-weather-days small,.city-weather-days strong,.city-weather-days em,.city-weather-days p{display:block}.city-weather-days span{font-size:11px;font-weight:900}.city-weather-days small{color:#676770;font-size:8px;margin-top:2px}.city-weather-days b{display:block;font-size:26px;margin:14px 0 9px}.city-weather-days strong{font-size:23px}.city-weather-days em{color:#777780;font-size:12px;font-style:normal}.city-weather-days p{height:27px;margin:9px 0 0;color:#85858e;font-size:8px;line-height:1.35}.city-weather-loading,.city-empty{padding:38px;color:#8e8e97;text-align:center}
.city-program-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.city-program-show{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:102px;padding:20px 22px;border:1px solid var(--line);border-radius:19px;background:var(--city-card)}.city-program-show.is-current{border-color:rgba(239,34,40,.42);background:linear-gradient(145deg,rgba(51,18,22,.96),rgba(16,12,15,.98))}.city-program-show time{color:#9999a2;font-size:11px;font-weight:850}.city-program-show h3{font-size:17px;margin:0}.city-program-show p{color:#85858e;font-size:10px;margin:4px 0 0}.city-program-show>span{display:flex;align-items:center;gap:6px;color:#ff6b70;font-size:8px;font-weight:950;letter-spacing:.1em}.city-program-show>span i{width:7px;height:7px;border-radius:50%;background:var(--red)}
.city-reception{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:52px!important;margin-top:90px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,#211014,#111114 48%,#0d0d10)}.city-reception h2{font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:-.05em;margin:8px 0 14px}.city-reception p{color:#9d9da6;line-height:1.6}.city-reception-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.city-reception-facts article{padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.city-reception-facts span,.city-reception-facts strong,.city-reception-facts small{display:block}.city-reception-facts span{color:#ff666b;font-size:8px;font-weight:950;letter-spacing:.13em}.city-reception-facts strong{font-size:28px;margin-top:13px}.city-reception-facts small{color:#777780;font-size:9px}
.city-switcher-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.city-switcher-grid a{padding:20px;border:1px solid var(--line);border-radius:18px;background:#111114}.city-switcher-grid a.is-active{border-color:rgba(239,34,40,.42);background:rgba(239,34,40,.08)}.city-switcher-grid span,.city-switcher-grid strong,.city-switcher-grid small{display:block}.city-switcher-grid span{color:#777780;font-size:8px}.city-switcher-grid strong{font-size:16px;margin:8px 0 3px}.city-switcher-grid small{color:#888891;font-size:9px}
@media(max-width:1120px){.city-now-card{position:relative;right:auto;bottom:auto;width:100%;margin:35px 0 -25px}.city-hero{display:block;min-height:0}.city-hero-copy{max-width:720px}.city-quicklinks{grid-template-columns:1fr 1fr}.city-weather-now{grid-template-columns:auto 1fr}.city-weather-now dl{grid-column:1/-1}.city-weather-days{overflow-x:auto;grid-template-columns:repeat(7,minmax(112px,1fr))}.city-program-list{grid-template-columns:1fr}.city-reception{grid-template-columns:1fr}.city-switcher-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.city-main{padding:6px 14px 90px}.city-hero{padding:28px 19px 25px;border-radius:27px}.city-hero-shade{background:linear-gradient(0deg,rgba(4,4,6,.97) 0%,rgba(4,4,6,.72) 72%,rgba(4,4,6,.3))}.city-hero h1{font-size:clamp(55px,17vw,80px);margin-top:22px}.city-hero-copy>p{font-size:15px}.city-hero-actions{display:grid}.city-hero-actions .btn{width:100%}.city-now-card{margin-top:26px}.city-quicklinks{grid-template-columns:1fr}.city-section{padding-top:66px}.city-section-head{align-items:flex-start;flex-direction:column;margin-bottom:22px}.city-news-grid{grid-template-columns:1fr}.city-news-card,.city-news-lead{grid-row:auto;min-height:330px}.city-weather-now{grid-template-columns:1fr;text-align:center}.city-weather-icon{font-size:54px}.city-weather-now dl{grid-column:auto}.city-program-show{grid-template-columns:1fr auto;gap:7px}.city-program-show time{grid-column:1/-1}.city-reception{padding:28px 20px!important;margin-top:66px}.city-reception-facts{grid-template-columns:1fr}.city-switcher-grid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.city-switcher-grid{grid-template-columns:1fr}}

/* V9.29.3 – Lokalsenderseiten: Cover im Now-Playing + bestehende Wetteranimationen */
.city-now-card>.city-now-track{display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;align-items:center;margin:0;padding:0;border:0}
.city-now-cover{position:relative;width:96px;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#17171c,#0c0c0f);box-shadow:0 13px 28px rgba(0,0,0,.28)}
.city-now-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:13px;background:#0b0b0e;transition:transform .25s ease,filter .25s ease}
.city-now-cover.has-art img{object-fit:cover;padding:0;background:#0b0b0e}
.city-now-cover.has-art:hover img{transform:scale(1.035)}
.city-now-cover>span{position:absolute;left:7px;bottom:7px;display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,7,10,.74);backdrop-filter:blur(10px);font-size:7px;font-weight:950;letter-spacing:.1em;color:#fff}
.city-now-cover>span i{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(239,34,40,.15)}
.city-now-copy{min-width:0}.city-now-copy>span{display:block;color:#ff6267;font-size:9px;font-weight:950;letter-spacing:.14em}.city-now-copy h2{font-size:23px;line-height:1.05;margin:8px 0 4px;overflow-wrap:anywhere}.city-now-copy p{margin:0;color:#a0a0a9;font-size:12px;line-height:1.35}
.city-now-card>.city-now-meta{display:flex;align-items:end;justify-content:space-between;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}
.city-now-card>.city-now-meta b{font-size:24px}.city-now-card>.city-now-meta b small{font-size:9px;color:#85858e}.city-now-card>.city-now-meta em{font-style:normal;color:#92939a;font-size:10px}

.city-weather-card{position:relative;isolation:isolate}
.city-weather-now.home-weather-day{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;min-height:230px;padding:30px;border:0;border-radius:0;box-shadow:none;transform:none}
.city-weather-now.home-weather-day:hover{transform:none;box-shadow:none}
.city-weather-now .home-weather-atmosphere{border-radius:0}
.city-weather-current-copy{min-width:0}.city-weather-current-copy small{display:block;color:#ff5a60;font-size:8px;font-weight:950;letter-spacing:.14em}.city-weather-current-copy>strong{display:block;font-size:58px;line-height:1;margin:7px 0 4px}.city-weather-current-copy>p{margin:0;color:#c0c3ca;font-size:14px}
.city-weather-icon{display:inline-flex;align-items:center;justify-content:center;width:78px;min-height:78px;font-size:0;filter:drop-shadow(0 10px 26px rgba(0,0,0,.25))}.city-weather-icon .wicon.lg{width:74px;height:74px}
.city-weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:10px;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,4,7,.18)}
.city-weather-days article.home-weather-day{min-width:0;min-height:205px;padding:16px 13px;text-align:left;border:1px solid rgba(255,255,255,.075);border-radius:20px;align-items:flex-start;gap:6px}
.city-weather-days article.home-weather-day:first-child{border-left:1px solid rgba(255,255,255,.075)}
.city-weather-days article.home-weather-day.is-today{border-color:rgba(239,34,40,.28);box-shadow:inset 0 0 0 1px rgba(239,34,40,.08)}
.city-weather-days .home-weather-day-top span,.city-weather-days .home-weather-day-top small{display:block}.city-weather-days .home-weather-day-top span{font-size:11px;font-weight:900}.city-weather-days .home-weather-day-top small{margin-top:2px;color:#767982;font-size:9px}
.city-weather-days .home-weather-day-icon{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:8px 0 2px}
.city-weather-days .home-weather-day-icon .wicon.md{width:40px;height:40px}
.city-weather-days article.home-weather-day>strong{font-size:29px;line-height:1;letter-spacing:-.04em}.city-weather-days article.home-weather-day>em{color:#858891;font-size:15px;line-height:1;font-style:normal}.city-weather-days article.home-weather-day>p{height:auto;min-height:30px;margin:2px 0 0;color:#d6d9df;font-size:10px;line-height:1.35}.city-weather-days .home-weather-day-meta{margin-top:auto;padding-top:8px;width:100%;border-top:1px solid rgba(255,255,255,.06);color:#8c8f97;font-size:10px;font-weight:750}

@media(max-width:1120px){
  .city-weather-now.home-weather-day{grid-template-columns:auto 1fr}.city-weather-now.home-weather-day dl{grid-column:1/-1}
  .city-weather-days{overflow-x:auto;grid-template-columns:repeat(7,minmax(146px,1fr));scrollbar-width:thin}
}
@media(max-width:700px){
  .city-now-card>.city-now-track{grid-template-columns:82px minmax(0,1fr);gap:13px}.city-now-cover{width:82px;border-radius:16px}.city-now-copy h2{font-size:20px}
  .city-weather-now.home-weather-day{grid-template-columns:1fr;text-align:center;justify-items:center;min-height:0;padding:26px 18px}.city-weather-icon{width:68px;min-height:68px}.city-weather-icon .wicon.lg{width:64px;height:64px}.city-weather-now.home-weather-day dl{grid-column:auto;width:100%}.city-weather-current-copy>strong{font-size:54px}.city-weather-current-copy>p{font-size:13px}
  .city-weather-days{padding:9px;grid-template-columns:repeat(7,minmax(142px,1fr))}.city-weather-days article.home-weather-day{min-height:196px}
}
@media(max-width:420px){.city-now-card>.city-now-track{grid-template-columns:72px minmax(0,1fr)}.city-now-cover{width:72px}.city-now-copy h2{font-size:18px}.city-now-copy p{font-size:11px}}