.hero-carousel{min-width:0}.hero-carousel .hero-image{background:#164b3d}.hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide .hero-badge{display:flex;flex-direction:column;gap:1px;bottom:22px;left:22px}.hero-badge strong{font-size:1rem}.hero-badge small{font-size:.72rem;font-weight:700;opacity:.8}.hero-indicators{display:flex;justify-content:center;align-items:center;gap:2px;min-height:54px;margin-top:12px}.hero-indicator{position:relative;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;transition:flex-basis .35s ease,width .35s ease}.hero-indicator.is-active{flex-basis:86px;width:86px}.hero-indicator:before{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-radius:999px;background:#fffdf777;transform:translate(-50%,-50%);transition:width .35s ease,height .35s ease,background .35s ease}.hero-indicator.is-active:before{width:70px;height:5px;background:#fffdf755}.hero-indicator:hover:before{background:var(--sun)}.hero-indicator .hero-indicator-fill{display:none;position:absolute;top:calc(50% - 2.5px);left:8px;width:70px;height:5px;border-radius:999px;background:var(--sun);transform:scaleX(0);transform-origin:left center}.hero-indicator.is-active .hero-indicator-fill{display:block;animation:hero-slide-progress 6s linear forwards}@keyframes hero-slide-progress{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero-slide,.hero-indicator,.hero-indicator:before{transition:none}.hero-indicator.is-active .hero-indicator-fill{animation:none;transform:scaleX(1)}}
.hero-carousel{position:relative}.hero-indicators{position:absolute;z-index:2;right:14px;bottom:13px;min-height:42px;margin:0;padding:0 6px;border-radius:999px;background:#06231dcc}@media(max-width:650px){.hero-indicators{position:static;right:auto;bottom:auto;min-height:54px;margin-top:8px;padding:0;background:transparent}}

/* A quiet Berlin landmark between the headline and the Kita imagery. */
.hero-inner{position:relative}
.hero-inner > div:first-child,.hero-carousel{position:relative;z-index:1}
.hero-tower{position:absolute;z-index:0;left:52%;top:50%;width:190px;height:min(640px,96%);transform:translate(-50%,-50%);background:url("fernsehturm-tagesablauf.png") center bottom/auto 100% no-repeat;filter:brightness(0) invert(1);opacity:.12;pointer-events:none}
@media(max-width:900px){.hero-inner{gap:24px}.hero-tower{position:relative;left:auto;top:auto;justify-self:center;width:180px;height:126px;margin:-8px 0;transform:none;background-size:auto 420px;background-position:center 28%;opacity:.16}}