/* Der gemeinsame Rahmen hält Welt und Anbieter sichtbar, auch auf Detail- und Anfrageseiten. */
.arbeitswelt{--welt-leistenhoehe:88px;background:var(--petrol-tief)}
.arbeitswelt .nav{background:var(--petrol-tief);color:var(--on-brand);border-bottom:1px solid var(--petrol)}
.arbeitswelt .nav a{color:var(--on-brand)}
.arbeitswelt .nav-inner{display:flex;max-width:1448px}
.welt-kopf-label{font:500 11px var(--font-label);text-transform:uppercase;letter-spacing:.16em;text-decoration:none;padding-left:24px;border-left:1px solid var(--petrol)}
.arbeitswelt .nav .nav-link{border:1px solid var(--petrol);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px}
.arbeitswelt .kundenkreis{background:var(--petrol-tief);color:var(--on-brand);border:0}
.erlebnis-bar{position:sticky;top:var(--kopf,54px);z-index:990;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1352px)/2));background:var(--surface-brand);color:var(--on-brand);border-bottom:3px solid var(--accent)}
.erlebnis-kennung{display:flex;flex-direction:column;gap:4px;min-width:0}.erlebnis-kennung .ss-overline{font-size:9px;letter-spacing:.2em;color:var(--on-brand)}
.erlebnis-bar strong{display:block;font-size:clamp(18px,2vw,26px);line-height:1.15;font-weight:600;color:var(--on-brand)}
.erlebnis-actions{display:flex;gap:24px;align-items:center;flex-shrink:0}.erlebnis-actions a{color:var(--on-brand);text-underline-offset:5px;font-size:13px;padding:8px 0}.erlebnis-exit{font-weight:600}
.arbeitswelt a:focus-visible,.arbeitswelt button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.erlebnis-bar a:focus-visible,.arbeitswelt .nav a:focus-visible{outline-color:var(--on-brand)}
.welt-marken{display:flex;align-items:center;gap:28px;padding:20px max(24px,calc((100vw - 1352px)/2));background:var(--petrol-hell);color:var(--text-strong);min-height:96px;border-bottom:1px solid var(--border);position:relative}
.welt-marken>.ss-overline{font-size:10px;max-width:125px;line-height:1.7}.welt-marken-logos{display:flex;align-items:center;gap:16px;min-height:56px;max-width:100%;flex-wrap:wrap}
.welt-marken-logos>a{display:flex;align-items:center;justify-content:center;min-width:172px;min-height:56px;padding:10px 16px;background:var(--weiss);color:var(--petrol);text-decoration:none;font-weight:600}
.welt-marken-logos img{width:140px;height:36px;object-fit:contain}.welt-marken-logos>a:has(img[src*="--dunkel"]){background:var(--petrol-tief)}
.welt-marken-service{margin-left:auto;font-size:13px;line-height:1.5}.welt-marken-pause{font:inherit;font-size:12px;background:transparent;border:1px solid var(--border-strong);padding:8px;cursor:pointer;color:var(--text-strong)}
.welt-marken-alle{position:relative;font-size:13px}.welt-marken-alle summary{cursor:pointer}.welt-marken-alle>div{position:absolute;top:100%;right:0;z-index:20;min-width:180px;padding:16px;background:var(--bg);box-shadow:var(--shadow-card);display:grid;gap:12px}
.welt-marken-logos.is-rotating{width:172px;position:relative}.welt-marken-logos.is-rotating>a{position:absolute;inset:0}.welt-marken-logos.is-rotating>a:not([hidden]){animation:welt-logo-ein .45s ease-out}.welt-marken [hidden]{display:none!important}
.arbeitswelt main{background:var(--surface);max-width:1400px;min-height:45vh;animation:welt-eintritt .45s ease-out}
.arbeitswelt .hw-intro{position:relative;background:var(--surface-brand);color:var(--on-brand);margin:-28px -24px 0;padding:56px 48px;gap:48px;align-items:center}
.arbeitswelt .hw-intro h1{color:var(--on-brand);font-size:clamp(38px,5.2vw,74px);letter-spacing:-.035em;line-height:1.02}.arbeitswelt .hw-intro .ss-overline{color:var(--on-brand);font-size:10px}.arbeitswelt .hw-intro-copy{color:var(--on-brand);font-size:17px;line-height:1.7;max-width:52ch}
.arbeitswelt .hw-reference-link{margin:0 -24px 40px;padding:18px 48px;background:var(--petrol-mittel);color:var(--on-brand);font-size:14px}.arbeitswelt .hw-reference-link a{color:var(--on-brand)}
.welt-ausstattung-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 0 14px;color:var(--text-strong);scroll-margin-top:calc(var(--kopf) + var(--welt-leistenhoehe) + 16px)}.welt-ausstattung-label>span:last-child{font-size:13px}
.arbeitswelt .hw-cut-switch{margin-bottom:24px}.arbeitswelt .hw-world-grid{gap:32px;padding:0 0 40px}.arbeitswelt .hw-world-card{background:var(--bg);border:0;border-bottom:4px solid var(--surface-brand)}
.arbeitswelt .hw-world-card-copy{padding:28px 32px}.arbeitswelt .hw-world-card-copy h2{font-size:30px}.welt-karten-marken{display:flex;gap:8px;font-size:11px;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 0;border-top:1px solid var(--border)}
.arbeitswelt .hw-dialog-head{background:var(--surface-brand);color:var(--on-brand)}.arbeitswelt .hw-dialog-head .ss-overline{color:var(--on-brand)}.arbeitswelt .hw-dialog::backdrop{background:color-mix(in srgb,var(--petrol-tief) 55%,transparent)}
.welt-produkt-logo{display:block;width:140px;height:42px;object-fit:contain;object-position:left center;background:var(--weiss);padding:6px}.welt-produkt-logo[src*="--dunkel"]{background:var(--petrol-tief)}
.welt-begleiter{max-width:1400px;margin:auto;padding:24px;background:var(--petrol-hell);display:flex;align-items:center;justify-content:space-between;gap:32px}.welt-begleiter-link{display:flex;align-items:center;gap:24px;text-decoration:none}.welt-begleiter-link>img{width:150px;height:84px;object-fit:cover}.welt-begleiter-link>span{display:grid;gap:4px}.welt-begleiter-link b{font-size:22px;color:var(--text-strong)}.welt-begleiter-link .ss-overline{font-size:9px}.welt-begleiter-link>span>span:last-child{font-size:12px;text-decoration:underline;text-underline-offset:3px}.welt-begleiter>p{font-size:13px;max-width:38ch}
.welt-filter-status{padding:16px;background:var(--petrol-hell);color:var(--text-strong);font-size:13px}.arbeitswelt .gallery{top:calc(var(--kopf) + var(--welt-leistenhoehe) + 16px)}
@keyframes welt-eintritt{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes welt-logo-ein{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.arbeitswelt{--welt-leistenhoehe:110px}.arbeitswelt .nav-inner{height:54px;padding:0 16px;gap:8px}.arbeitswelt .nav-logo img{width:160px}.welt-kopf-label{display:none}.arbeitswelt .nav-right{margin-left:auto}.arbeitswelt .nav .nav-link{padding:6px 8px}.arbeitswelt .nav .nav-link .wort{position:static;clip-path:none;width:auto;height:auto;font-size:11px}.arbeitswelt .nav .nav-link .nur-schmal{display:none}
.erlebnis-bar{padding:14px 16px;gap:8px;align-items:flex-start;flex-direction:column}.erlebnis-bar strong{font-size:20px}.erlebnis-kennung .ss-overline{font-size:8px}.erlebnis-actions{gap:24px;width:100%;justify-content:space-between}.erlebnis-actions a{font-size:11px;padding:4px 0}
.welt-marken{padding:12px 16px;gap:16px;min-height:80px;flex-wrap:wrap}.welt-marken>.ss-overline{font-size:9px;max-width:92px}.welt-marken-logos{gap:8px}.welt-marken-logos>a{min-width:148px;padding:8px}.welt-marken-logos img{width:124px;height:32px}.welt-marken-service{display:none}.welt-marken-alle{margin-left:auto}.welt-marken-logos.is-rotating{width:148px}.welt-marken-pause{font-size:10px}
.arbeitswelt .hw-intro{margin:-18px -16px 0;padding:24px;gap:16px;flex-direction:column;align-items:flex-start}.arbeitswelt .hw-intro>div:first-child{max-width:100%}.arbeitswelt .hw-intro h1{font-size:36px}.arbeitswelt .hw-intro-copy{font-size:14px;line-height:1.55}.arbeitswelt .hw-reference-link{margin:0 -16px 28px;padding:16px 24px;font-size:13px}.arbeitswelt .hw-world-grid{grid-template-columns:1fr;gap:24px}.arbeitswelt .hw-world-card-copy{padding:24px}.arbeitswelt .hw-world-card-copy h2{font-size:27px}.welt-ausstattung-label{padding-top:24px}.welt-ausstattung-label>span:last-child{font-size:11px;max-width:130px;text-align:right}.welt-begleiter{padding:16px;gap:16px;flex-direction:column;align-items:flex-start}.welt-begleiter-link{gap:16px}.welt-begleiter-link>img{width:96px;height:64px}.welt-begleiter-link b{font-size:18px}.welt-begleiter>p{max-width:none}}
@media(prefers-reduced-motion:reduce){.arbeitswelt main,.welt-marken-logos.is-rotating>a:not([hidden]){animation:none}}
