/* ELK Hero-Diashow (Startseite): Ueberblendung, Ken-Burns, Fortschrittsbalken */
.elk-hs{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.elk-hs__s{position:absolute;inset:0;opacity:0;transition:opacity var(--elk-hs-fade,1.8s) cubic-bezier(.45,0,.25,1)}
.elk-hs__s.is-on{opacity:1;z-index:2}
.elk-hs__s.is-prev{opacity:1;z-index:1;transition:none}
.elk-hs__s.is-instant{transition:none}
.elk-hs__s img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0;border:0;border-radius:0;object-fit:cover;object-position:var(--p,50% 50%);transform-origin:66% 60%;backface-visibility:hidden;user-select:none}
.elk-hs__s.is-on img,.elk-hs__s.is-prev img{animation:elkHsIn var(--elk-hs-kb,8.8s) linear both}
.elk-hs__s--out.is-on img,.elk-hs__s--out.is-prev img{animation-name:elkHsOut}
@keyframes elkHsIn{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes elkHsOut{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:900px){.elk-hs__s img{object-position:var(--pm,var(--p,50% 50%));transform-origin:50% 62%}}

.elk-hs__ui{position:absolute;z-index:3;right:max(40px,calc((100% - 1200px) / 2));bottom:calc(72px + clamp(44px,8vh,104px) + 8px);display:flex;align-items:center;gap:16px;height:56px;filter:drop-shadow(0 1px 3px rgba(27,29,26,.45));animation:elkUp .9s cubic-bezier(.2,.7,.2,1) .45s both}
.elk-hs__bars{display:flex;gap:6px}
.elk-hs__ui button.elk-hs__bar{all:unset;box-sizing:border-box;position:relative;display:block;width:34px;height:28px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.elk-hs__ui button.elk-hs__bar::before,.elk-hs__ui button.elk-hs__bar i{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px}
.elk-hs__ui button.elk-hs__bar::before{background:rgba(255,255,255,.34);transition:background-color .3s}
.elk-hs__ui button.elk-hs__bar:hover::before{background:rgba(255,255,255,.7)}
.elk-hs__ui button.elk-hs__bar i{background:#FFFFFF;transform:scaleX(0);transform-origin:left center}
.elk-hs__ui button.elk-hs__bar.is-on i{animation:elkHsFill var(--elk-hs-dur,7s) linear both}
@keyframes elkHsFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.elk-hs__ui button.elk-hs__pp{all:unset;box-sizing:border-box;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;color:#FFFFFF;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .3s,border-color .3s,color .3s}
.elk-hs__ui button.elk-hs__pp:hover{background:#FFFFFF;border-color:#FFFFFF;color:#303238}
.elk-hs__ui button.elk-hs__bar:focus-visible,.elk-hs__ui button.elk-hs__pp:focus-visible{outline:2px solid #FFFFFF;outline-offset:3px}
.elk-hs__pp svg{display:block;width:12px;height:12px;fill:currentColor}
.elk-hs__pl{display:none}
.elk-hs-user-paused .elk-hs__pa{display:none}
.elk-hs-user-paused .elk-hs__pl{display:inline}
.elk-hs-paused .elk-hs__s img,.elk-hs-paused .elk-hs__ui button.elk-hs__bar i{animation-play-state:paused!important}
@media(max-width:767px){.elk-hs__ui{left:20px;right:20px;bottom:16px;height:40px;gap:12px}.elk-hs__bars{flex:1}.elk-hs__ui button.elk-hs__bar{flex:1;width:auto}.elk-hs__ui button.elk-hs__pp{width:36px;height:36px}}

/* Mobil: Bildband oben (36 %), darunter dunkle Flaeche fuer den Text */
@media(max-width:767px){.elk-hs{bottom:auto;height:36%}body.home .elkr-hero{background-color:#1B1D1A!important;background-size:auto 36%!important;background-repeat:no-repeat!important}body.home .elkr-hero::before{background:transparent!important}body.home .elkr-hero::after{background:linear-gradient(180deg,rgba(27,29,26,.06) 0%,rgba(27,29,26,.16) 20%,rgba(27,29,26,.72) 31%,#1B1D1A 36.2%)!important}body.home .elkr-hero>.e-con::after{content:"";position:absolute;left:-20px;right:-20px;top:-110px;bottom:-48px;width:auto;height:auto;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(27,29,26,0) 0,rgba(27,29,26,.82) 110px,#1B1D1A 100%)}}

/* Tablet hoch (768-900px): Steuerung als Leiste unten, nicht neben den Buttons */
@media(min-width:768px) and (max-width:900px){.elk-hs__ui{left:40px;right:40px;bottom:24px;height:44px}.elk-hs__bars{flex:1}.elk-hs__ui button.elk-hs__bar{flex:1;width:auto}}