.concept-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px max(22px,4.2vw);border-bottom:1px solid var(--line,#8885);font:13px/1.5 Arial,sans-serif}.concept-bar a{min-height:36px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.concept-bar span{opacity:.8}.karriaro-return{position:static!important;display:none!important}
.site-header nav a,.site-header nav button{min-height:44px;display:inline-flex;align-items:center}.personal .text-link{min-height:48px}.scene-hint,.sb-stage-hint,.annotation{font-size:14px}.site-footer{gap:20px}.site-footer p{font-size:14px}.sb-stage{background:radial-gradient(ellipse at 55% 45%,#48505b,#222832);border-radius:2px}.sb-stage-hint{background:var(--paper);padding:7px}.sb-object-no{color:#f4f0e9}.mh-material-photo img{transition:transform .6s ease;object-fit:cover}.sample-slip img{object-fit:cover}
.journey-nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.journey-nav a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid currentColor}.service-journey{padding:85px max(22px,4.2vw);border-top:1px solid var(--line)}.service-journey h2{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.04em;margin:18px 0 30px;max-width:800px}.service-journey>p{max-width:700px;font-size:18px;line-height:1.7}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.service-cards article{padding:28px;border:1px solid var(--line)}.service-cards h3{font-size:27px;font-weight:500;line-height:1.15;margin:12px 0 20px}.service-cards p,.service-cards li{font-size:16px;line-height:1.7}.service-cards ul{padding-left:18px;margin:18px 0}.service-cards a{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid currentColor;margin-top:12px}.journey-facts{display:flex;gap:40px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:22px;margin:28px 0}.journey-facts span{font-size:16px;line-height:1.7}.journey-facts strong{display:block;font-size:22px}.journey-request{display:grid;grid-template-columns:1fr 1fr;gap:60px}.journey-request h2{margin-top:0}.demo-request{display:grid;gap:18px}.demo-request label{display:grid;gap:9px;font-size:15px}.demo-request select{font:inherit;color:var(--ink);background:var(--paper);padding:14px;border:1px solid var(--line);border-radius:0;width:100%}.demo-request button{background:var(--ink);color:var(--paper);font:inherit;border:0;padding:17px 20px;min-height:50px;cursor:pointer}.demo-request p{font-size:14px;line-height:1.7}.demo-result{padding:22px;border:1px solid var(--line);font-size:16px;line-height:1.7}.demo-result:empty{display:none}.demo-request>button:disabled{opacity:.5}.journey-faq details{border-bottom:1px solid var(--line);padding-block:22px}.journey-faq summary{font-size:20px;cursor:pointer}.journey-faq p{font-size:17px;line-height:1.7;margin-top:16px;max-width:750px}.motion-pause{font:14px/1.3 Arial,sans-serif;border:1px solid currentColor;background:var(--paper);color:var(--ink);padding:12px 16px;min-height:44px;margin:10px 0}.demo-forward{display:block;margin-top:20px;font-size:16px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.concept-bar{padding:8px 22px;font-size:12px}.concept-bar span{max-width:100px;text-align:right}.service-journey{padding-block:55px}.service-cards,.journey-request{grid-template-columns:1fr;gap:20px}.service-cards article{padding:24px}.service-journey h2{font-size:40px}.journey-facts{gap:20px}.journey-facts span{flex:1 1 120px}.journey-nav{gap:14px}.journey-nav a{font-size:14px}.site-header nav{gap:10px}.scene-hint,.sb-stage-hint{font-size:12px}.lw-bottom{padding:20px!important}.mh-material-photo{aspect-ratio:1/1}.personal h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.mh-material-photo img{transition:none}}
/* Give the object its own stage; labels and controls never sit over the metal. */
.sb-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:35px;min-height:0;padding-bottom:35px}.sb-title{grid-column:1;grid-row:1}.sb-title h1{font-size:clamp(72px,7.3vw,112px)}.sb-stage{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:610px}.sb-object-no{top:20px;right:22px}.sb-stage-hint{right:20px;left:20px;bottom:12px;font-size:13px;text-align:center}.sb-controls{grid-column:1/-1;margin:0;padding-block:25px;background:var(--paper)}.sb-hero>.motion-pause{grid-column:1/-1;justify-self:start;margin:0}.mr-hero>.journey-nav{margin-bottom:26px}.sample-swatch{display:block;height:110px;overflow:hidden;margin:10px 0}.sample-swatch img{height:100%;margin:0;transform:scale(2.35)}
@media(max-width:760px){.sb-hero{grid-template-columns:1fr;gap:25px}.sb-title{grid-column:1;grid-row:1}.sb-stage{grid-column:1;grid-row:2;height:400px}.sb-title h1{font-size:clamp(64px,16vw,112px)}.sb-title p{position:static;max-width:100%;padding:0;margin-top:20px}.sb-controls{grid-template-columns:1fr;gap:22px;padding-block:20px}.sample-swatch{height:90px}}

/* Handy (20.09.2026): 'Alle Beispiele' doppelt den Rückweg der Leiste darunter; die Navigation bleibt so einzeilig. */
@media(max-width:760px){.site-header nav a[href="/arbeiten.html"]{display:none}.site-header{padding-block:14px}.concept-bar{padding-block:6px}}