/* Schrift bleibt leicht transparent; Rhythmus und Reihenfolge in hero-text.js. */
.hero-competence-text{position:absolute;z-index:3;left:6%;right:6%;top:24%;color:#fff;text-shadow:0 1px 4px #102d4570,0 4px 18px #102d4540}
.hero-competence-text ul{position:relative;list-style:none;margin:0;padding:0;min-height:165px}
.hero-competence-text li{position:absolute;inset:0;pointer-events:none;transform:translateY(calc(var(--hero-position-y,0)*24px))}
.hero-competence-text li:not(:first-child){visibility:hidden}
.hero-competence-text a{display:flex;align-items:center;justify-content:var(--hero-align,center);gap:28px;width:100%;min-height:145px;color:inherit;text-decoration:none;line-height:1.08;font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.9px;pointer-events:auto;transform-origin:center;opacity:var(--hero-text-opacity,.88)}
.hero-competence-text .is-long a{font-size:clamp(36px,4.3vw,66px)}
.hero-competence-icon{display:grid;place-items:center;flex:0 0 96px;width:96px;height:96px;border:1px solid #ffffff70;border-radius:29px;background:linear-gradient(145deg,#ffffff12,#afd0ed03);box-shadow:0 4px 24px #102d4514}
.hero-competence-icon .ui-icon{width:62px;height:62px;color:inherit;stroke-width:1.35;filter:drop-shadow(0 2px 6px #102d45)}
.hero-competence-icon .brand-mark{width:52px;height:52px;background:currentColor;filter:drop-shadow(0 2px 6px #102d45)}
.hero-competence-icon--brand{border:0;background:none;box-shadow:none}
.hero-competence-icon--brand .brand-mark{width:68px;height:68px}
.hero-competence-label{min-width:0;hyphens:auto;overflow-wrap:anywhere}
.hero-competence-text a:focus-visible{outline:2px solid #fff;outline-offset:7px;border-radius:20px}
.hero.is-hero-text-animated .hero-competence-text li{visibility:hidden}
.hero.is-hero-text-animated .hero-competence-text li.is-current{visibility:visible}
.hero-circuits{position:absolute;right:0;bottom:0;width:38%;max-width:480px;height:auto;aspect-ratio:6/5;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px #102d4580)}
.hero-circuits--upper-left{left:0;top:0;right:auto;bottom:auto;width:22%;max-width:280px;aspect-ratio:18/11}
.hero-circuit-group{opacity:.65;animation:hero-circuit-breathe calc(var(--pulse-duration,11s)*.65) ease-in-out var(--pulse-delay,0s) infinite alternate;will-change:opacity}
@keyframes hero-circuit-breathe{from{opacity:.1}to{opacity:1}}
.hero.hero-text-paused .hero-circuit-group{animation-play-state:paused}
.hero-photo-frame .hero-slideshow-toggle{z-index:4}
@media(min-width:761px) and (max-width:1100px){.hero-competence-text{top:18%;left:6%;right:6%}.hero-competence-text a{font-size:clamp(36px,5vw,55px);min-height:125px;gap:22px}.hero-competence-icon{flex-basis:78px;width:78px;height:78px;border-radius:24px}.hero-competence-icon .ui-icon{width:50px;height:50px}.hero-competence-icon .brand-mark{width:43px;height:43px}}
@media(max-width:760px){.hero-competence-text{top:25%;left:7%;right:7%}.hero-competence-text a{min-height:100px;font-size:clamp(26px,7.5vw,40px);letter-spacing:-.7px;gap:14px}.hero-competence-icon{flex-basis:54px;width:54px;height:54px;border-radius:17px}.hero-competence-icon .ui-icon{width:36px;height:36px}.hero-competence-icon .brand-mark{width:30px;height:30px}.hero-competence-text ul{min-height:110px}}
@media(max-width:360px){.hero-competence-text{top:23%;left:7%;right:7%}.hero-competence-text a{font-size:25px;min-height:86px;gap:11px}.hero-competence-icon{flex-basis:46px;width:46px;height:46px}.hero-competence-icon .ui-icon{width:30px;height:30px}.hero-competence-icon .brand-mark{width:26px;height:26px}}
@media(max-width:760px){.hero-competence-text .is-long a{font-size:clamp(23px,6.4vw,34px)}.hero-competence-text li{transform:translateY(calc(var(--hero-position-y,0)*8px))}.hero-circuits{width:48%}.hero-circuits--upper-left{width:28%}.hero-competence-text a{letter-spacing:-.35px}}
@media(max-width:360px){.hero-competence-text .is-long a{font-size:22px}.hero-competence-text li{transform:translateY(calc(var(--hero-position-y,0)*4px))}}
@media(prefers-reduced-motion:reduce){.hero-circuit-group{animation:none;opacity:.65;will-change:auto}}
@media(max-width:760px){.hero-competence-text{--hero-drift-x:8px;--hero-drift-y:3px}}