/* Hero füllt den Bildschirm bis zum unteren Rand: Bildschirmhöhe minus gemessener Header (JS setzt --wf-head-h). */
.wf-vhero.e-con{min-height:calc(100vh - var(--wf-head-h,138px))!important}
@supports (height:100svh){.wf-vhero.e-con{min-height:calc(100svh - var(--wf-head-h,138px))!important}}
.wf-vhero button.wf-vhero-pause,.wf-vhero button.wf-vhero-pause:hover,.wf-vhero button.wf-vhero-pause:focus{position:absolute;right:24px;bottom:24px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:1px solid rgba(255,255,255,.5);border-radius:3px;background:rgba(10,36,25,.55);color:#fff;cursor:pointer}
.wf-vhero button.wf-vhero-pause:focus-visible{outline:3px solid #B0892B;outline-offset:2px}
.wf-vhero-pause .i-play{display:none}
.wf-vhero-pause[aria-pressed=true] .i-pause{display:none}
.wf-vhero-pause[aria-pressed=true] .i-play{display:block}
@media (max-width:767px){.wf-vhero-pause{display:none!important}}
@media (prefers-reduced-motion:reduce){.wf-vhero-pause{display:none!important}}

/* Leistungsleiste unten im Hero. */
.wf-vhero a.wf-hq.e-con{transition:background-color .2s;text-decoration:none}
.wf-vhero a.wf-hq.e-con:hover{background-color:rgba(255,255,255,.07)}
.wf-vhero a.wf-hq.e-con:focus-visible{outline:3px solid #E0BE6E;outline-offset:-3px}
.wf-hq-arr{display:inline-block;transition:transform .2s}
.wf-vhero a.wf-hq:hover .wf-hq-arr{transform:translateX(4px)}
.wf-vhero:has(.wf-hsvc) button.wf-vhero-pause{top:24px;bottom:auto}
@media (max-width:1024px){
  .wf-vhero .wf-hsvc-grid.e-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .wf-vhero .wf-hsvc-grid.e-grid::-webkit-scrollbar{display:none}
  .wf-vhero .wf-hsvc-grid > a.wf-hq{flex:0 0 31%;scroll-snap-align:start}
}
@media (max-width:767px){
  .wf-vhero .wf-hsvc > .e-con-inner,.wf-vhero .wf-hsvc > .e-con{padding-right:0!important}
  .wf-vhero .wf-hsvc-grid > a.wf-hq{flex-basis:62%}
}