*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#efefed;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.site-main,.stage{position:fixed;inset:0;overflow:hidden;background:#efefed}.media-plane{--design-scale:1;position:absolute;left:50%;top:50%;width:max(100vw,calc(100vh * 1.7787234043));height:max(100vh,calc(100vw / 1.7787234043));transform:translate(-50%,-50%);overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.base{z-index:1}.orbit-stage{position:absolute;left:50%;top:76.5%;width:1px;height:1px;transform:translate(-50%,-50%) scale(var(--design-scale));perspective:1100px;pointer-events:none}.back-stage{z-index:2}.foreground{z-index:3;pointer-events:none;clip-path:polygon(41.45% 74.0%,41.65% 73.45%,42.35% 73.05%,43.75% 72.75%,45.8% 72.55%,48.1% 72.45%,50% 72.42%,51.9% 72.45%,54.2% 72.58%,56.25% 72.82%,57.65% 73.15%,58.35% 73.58%,58.55% 74.1%,58.55% 87.95%,58.3% 88.45%,57.55% 88.85%,56.15% 89.15%,54.15% 89.35%,51.9% 89.48%,50% 89.5%,48.1% 89.48%,45.85% 89.35%,43.85% 89.15%,42.45% 88.85%,41.7% 88.45%,41.45% 87.95%)}.front-stage{z-index:4}.ring{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-3deg)}.slice{position:absolute;left:0;top:0;overflow:hidden;transform-style:preserve-3d;transform-origin:center center}.slice img{position:absolute;top:0;max-width:none;user-select:none;pointer-events:none}
.info-area{position:absolute;left:24px;top:44.2%;width:450px;z-index:10;color:#080808}.info-heading h1{margin:0;font-size:34px;line-height:1.02;letter-spacing:-.045em;font-weight:700}.info-heading p{margin:.28em 0 .72em;font-size:16.5px;line-height:1.1;font-weight:700}.info-panel{position:relative;width:100%;height:42px;min-height:42px;background:#050505;color:#fff;border-radius:6px;overflow:hidden;transition:height .38s cubic-bezier(.22,.8,.24,1)}.panel-toggle{display:block;position:relative;width:100%;height:42px;border:0;padding:0;background:transparent;cursor:pointer;text-align:left}.panel-toggle img{position:absolute;left:20px;top:50%;width:20.52px;height:20.52px;filter:invert(1);transform:translateY(-50%) rotate(90deg);transform-origin:center;transition:transform .35s ease}.info-panel.is-open .panel-toggle img{transform:translateY(-50%) rotate(0deg)}.scroll-shell{position:absolute;left:0;right:0;top:42px;bottom:44px;overflow:hidden}.panel-content{height:100%;overflow-y:auto;overflow-x:hidden;padding:18px 25px 1em 20px;font-size:13px;line-height:1.76;font-weight:400;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.panel-content::-webkit-scrollbar{display:none}.scroll-track{position:absolute;right:7px;top:12px;bottom:12px;width:3px;background:#252525;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s}.info-panel.is-open.has-overflow .scroll-track{opacity:1}.scroll-thumb{position:absolute;left:0;top:0;width:3px;min-height:24px;background:#8a8a8a;border-radius:3px}.panel-footer a{color:inherit;text-decoration:none}.panel-footer a:hover,.panel-footer a:focus{text-decoration:underline}.legal-actions{margin-left:auto;display:flex;gap:14px}.main-view{-webkit-user-select:none;user-select:none}.legal-view{display:none}.legal-view.is-active{display:block}.legal-document{display:none}.legal-document.is-active{display:block}.legal-view h2{margin:0 0 .9em}.legal-view h3{margin:1.8em 0 .45em;font:inherit;font-weight:400}.legal-view ul{margin:.4em 0 1em;padding-left:1.25em}.legal-view a{color:#fff;text-decoration:underline}.main-view.is-hidden{display:none}.legal-back{display:inline-block;color:#fff;background:none;border:0;padding:0;margin:0 0 1.8em;font:inherit;cursor:pointer;text-decoration:underline}.panel-footer{position:absolute;left:20px;right:20px;bottom:0;height:44px;display:flex;align-items:center;font-size:12.5px;line-height:1;color:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .18s}.info-panel.is-open.footer-visible .panel-footer{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s ease .18s,visibility 0s linear .18s}.panel-content p{margin:0 0 1em}.panel-content h2{margin:2.25em 0 .5em;font:inherit;font-weight:400}.brands-heading{margin-bottom:0!important}.brands-heading+p{margin-top:0!important}.services,.clients{margin-bottom:1em}.panel-cta{margin-top:2.3em!important}.panel-cta strong{font-weight:700;letter-spacing:.018em}.contact-links{margin-top:1.2em!important}.contact-links a{color:#fff;text-decoration:none}.contact-links a:hover,.contact-links a:focus{text-decoration:underline}.semantic-extra{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.info-area{left:24px;width:calc(100vw - 48px)}.info-heading h1{font-size:clamp(34px,calc((100vw - 48px)*0.07556),42px)}.info-heading p{font-size:clamp(16.5px,calc((100vw - 48px)*0.03667),20.2px)}.panel-content{font-size:13px}.panel-footer{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.info-panel,.panel-toggle img{transition:none}.orbit-stage{display:none}}

/* V1.4: Kopfbereich exakt als eigenständiges Interface über dem Hero */
.site-chrome{position:absolute;z-index:100;inset:0;pointer-events:none;color:#080808}
.site-logo{position:absolute;left:24px;top:24px;width:101px;height:auto;display:block;pointer-events:auto}
.site-logo img{display:block;width:100%;height:auto}
.header-contact{position:absolute;z-index:101;right:24px;top:24px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:20px;font-weight:700;line-height:1.12;letter-spacing:-.03em;pointer-events:auto}
.header-contact a{color:inherit;text-decoration:none;white-space:nowrap}
.header-contact a:hover,.header-contact a:focus-visible{text-decoration:underline}
.header-contact .header-linkedin{position:relative;z-index:102;display:flex;align-items:center;gap:12px;margin-top:17px;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.header-linkedin img{width:22px;height:22px;object-fit:contain}
/* Feine Trenner im scrollbaren Studiotext; Rechtstexte und Panelmechanik unverändert */
.panel-divider{height:0;border:0;border-top:1px solid rgba(255,255,255,.72);margin-left:0;margin-right:0}
.divider-before-cta{margin-top:2.5em;margin-bottom:1.35em}
.divider-before-cta+.panel-cta{margin-top:0!important;margin-bottom:1.2em}
.divider-before-brands{margin-top:2em;margin-bottom:2.5em}
.divider-before-brands+.brands-heading{margin-top:0!important}
@media(max-width:600px){
 .site-logo{left:24px;top:28px;width:91px}
 .header-contact{right:24px;top:28px;font-size:clamp(12px,3.2vw,16px)}
 .header-contact .header-linkedin{margin-top:10px;gap:6px}
 .header-linkedin img{width:16px;height:16px}
}
@media(max-width:390px){.site-logo{width:75px}.header-contact{font-size:12px}}

/* V1.7: 24px sichtbarer Abstand zur oberen Fensterkante – auch bei eingeblendeter WordPress-Adminleiste */
body.admin-bar .site-logo,
body.admin-bar .header-contact{top:56px}
@media(max-width:782px){
 body.admin-bar .site-logo,
 body.admin-bar .header-contact{top:70px}
}

/* V1.12: reduzierte echte 404-Seite */
body.error404{background:#efefed;color:#080808}
.eltom-404{position:fixed;inset:0;background:#efefed;color:#080808}
.eltom-404__logo{position:absolute;left:24px;top:24px;width:101px;display:block}
.eltom-404__logo img{display:block;width:100%;height:auto}
.eltom-404__content{position:absolute;left:24px;bottom:24px}
.eltom-404__code{margin:0 0 6px;font-size:16px;line-height:1;font-weight:700}
.eltom-404 h1{margin:0 0 18px;font-size:34px;line-height:1.02;letter-spacing:-.045em;font-weight:700}
.eltom-404__back{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-size:16px;font-weight:700}
.eltom-404__back:hover,.eltom-404__back:focus-visible{text-decoration:underline}
body.admin-bar .eltom-404__logo{top:56px}
@media(max-width:782px){body.admin-bar .eltom-404__logo{top:70px}}
@media(max-width:600px){.eltom-404__logo{top:28px;width:91px}.eltom-404 h1{font-size:30px}}