/* Drei ruhige Motive; die Gestaltung und der Inhalt des ersten bleiben erhalten. */
.hero-carousel{background:#081B29;color:white;position:relative}
.hero-slides{display:grid}
.hero-slide{grid-area:1/1;width:100%;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility 0s .8s}
.hero-slide[hidden]{display:none}
.hero-slide:not(.is-active) .hero-inner{visibility:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s ease}
.hero-slide h2{font-size:64px;line-height:70px;letter-spacing:-.02em;font-weight:700;max-width:1040px}
.hero-slide h2>span{display:block}
.hero-slide h2 .hero-accent{color:#A8D8CB}
.hero-discover .hero-visual{background-image:url('assets/ki-einstieg-hero.webp');animation:none}
.hero-review .hero-visual{background-image:url('assets/ki-pruefung-hero.webp');animation:none}
.hero-slide .hero-bottom>span:last-child{max-width:255px;text-align:right}
.hero-navigation{background:#081B29;border-top:1px solid #ffffff26}
.hero-navigation[hidden]{display:none}
.hero-nav-inner{display:flex;align-items:center;gap:40px;position:relative}
.hero-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0;gap:24px}
.hero-topics button{position:relative;display:flex;align-items:center;gap:12px;min-height:88px;padding:16px 0;border:0;color:#b7c9c8;background:transparent;text-align:left;line-height:22px;font-size:16px}
.hero-topics button>span{color:#96b7ad;font-size:13px;letter-spacing:.08em}
.hero-topics button strong{font-weight:600}
.hero-topics button:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:#A8D8CB;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.hero-topics button[aria-pressed=true]{color:white}
.hero-topics button[aria-pressed=true]:before{transform:scaleX(1)}
.hero-topics button:hover{color:#fff}
.hero-controls{display:flex;align-items:center;gap:8px;flex:none}
.hero-controls button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid #49615f;border-radius:50%;color:white;font-size:20px;line-height:1}
.hero-controls button:hover{background:#163D3B;border-color:#A8D8CB}
.hero-controls button:disabled{opacity:.45;cursor:default}
.hero-controls #hero-pause{font-size:16px;margin-left:8px}
#hero-count{font-size:13px;letter-spacing:.06em;color:#c1d2cc;white-space:nowrap;padding-inline:4px;min-width:62px;text-align:center;font-variant-numeric:tabular-nums}
.hero-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.motion-off .hero-slide,.motion-off .hero-topics button:before{transition:none}
@media(max-width:1050px){.hero-nav-inner{gap:24px}.hero-topics{gap:16px}.hero-topics button{font-size:14px;gap:8px}.hero-slide h2{font-size:56px;line-height:62px}}
@media(max-width:767px){
.hero-slide h2{font-size:38px;line-height:43px}
.hero-nav-inner{flex-wrap:wrap;gap:0;padding-bottom:16px}
.hero-topics{flex-basis:100%;gap:16px}
.hero-topics button{min-height:94px;align-items:flex-start;flex-direction:column;gap:4px;padding-block:16px;font-size:14px;line-height:20px}
.hero-controls{width:100%;justify-content:flex-end}
.hero-slide .hero-bottom>span:last-child{max-width:140px;font-size:12px;line-height:18px}
.hero-discover .hero-visual,.hero-review .hero-visual{background-position:65% center}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-topics button:before{transition:none}}
/* Längere Leistungsüberschrift bleibt auch auf schmalen Telefonen im Satzspiegel. */
@media(max-width:767px){#hero-slide-1 h1{font-size:clamp(28px,9vw,38px);line-height:1.14}}