/* Konrad: observation, evidence, person. Static composition first. */
.automotive-world .hero{clip-path:none;border-radius:0;margin:0 22px 24px;min-height:720px;background:#0a0e13;overflow:hidden}
.automotive-world .hero-copy{min-height:720px;padding:110px 4vw 55px;position:relative;z-index:3;width:100%;pointer-events:none}
.automotive-world .hero-copy a{pointer-events:auto}
.automotive-world .hero h1{font-size:clamp(55px,7.8vw,116px);line-height:1.02;letter-spacing:-.065em;max-width:12ch;margin-bottom:32px}
.automotive-world .hero h1 .title-line{display:block;overflow:visible}
.automotive-world .hero h1 .outlined{font-size:.57em;line-height:1.2;margin-top:20px;-webkit-text-stroke:0;color:#dce5f7}
.automotive-world .hero-photo{position:absolute;inset:0 0 0 39%;width:auto;height:100%;margin:0}
.automotive-world .hero-photo>img{object-position:70% center;transform:none;filter:saturate(.65);width:100%;height:100%;object-fit:cover}
.automotive-world .hero-photo:before{background:linear-gradient(90deg,#0a0e13 0%,#0a0e1350 45%,transparent 80%)}
.automotive-world .hero-detail{max-width:42ch;font-size:14px}
.automotive-world .hero-copy>p:not(.hero-detail){max-width:38ch;font-size:17px}
.automotive-world .hero h1 .mobile-break{display:none}
.automotive-world .services{padding-top:100px;padding-bottom:100px;background:#e9edf0;color:#111821}
.automotive-world .services .section-intro{display:grid;grid-template-columns:1.7fr 1fr;align-items:end;gap:6vw;margin-bottom:55px}
.automotive-world .services h2{font-size:clamp(36px,5vw,76px);line-height:1.08;letter-spacing:-.055em;max-width:18ch;color:#111821}
.automotive-world .services .clarity-light>span:first-child{color:#334458}
.automotive-world .services .clarity-beam{color:#174ce7}
.automotive-world .services .section-intro p{color:#445161;font-size:17px;max-width:36ch;line-height:1.6}
.automotive-world .service-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4vw;align-items:start}
.automotive-world .service-photo{grid-column:1;grid-row:1;margin:0;border-radius:0;aspect-ratio:4/3;overflow:hidden;position:relative}
.automotive-world .service-photo img{width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.automotive-world .service-photo figcaption{position:absolute;bottom:16px;left:16px;padding:7px 10px;background:#10171deb;color:white;font-size:13px}
.automotive-world .service-list{grid-column:2;grid-row:1;counter-reset:services}
.automotive-world .service-list details{border-color:#11203330;padding:0 0 22px;margin-bottom:12px}
.automotive-world .service-list summary{color:#111821;font-size:clamp(20px,2vw,30px);padding:20px 0;line-height:1.3;counter-increment:services}
.service-list summary::before{content:'0' counter(services);font-size:14px;color:#174ce7;margin-right:14px}
.automotive-world .service-list details[open] summary{color:#174ce7}
.automotive-world .service-list p{font-size:16px;line-height:1.6;color:#445161}
.automotive-world .service-list .text-link{color:#111821;font-size:15px;min-height:44px}
.automotive-world .about-personal{background:#0b1017;color:white;padding-top:95px;overflow:hidden}
.automotive-world .about-personal .personal-intro h2{font-size:clamp(32px,4vw,58px);max-width:25ch;color:white}
.automotive-world .personal-story{display:grid;grid-template-columns:1fr;background:none;border-radius:0;overflow:visible;position:relative;padding-top:85px}
.automotive-world .personal-photo{width:86%;margin-left:auto;background:none;grid-area:1/1}
.automotive-world .personal-photo img{border-radius:0}
.automotive-world .personal-copy{grid-area:2/1;padding:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 8vw;align-items:start}
.automotive-world .personal-copy h3{position:absolute;left:0;top:-6px;font-size:clamp(65px,10.5vw,160px);line-height:.95;letter-spacing:-.065em;color:white;margin:0;z-index:2}
.personal-copy h3 br{display:none}.personal-copy h3 br:after{content:' '}
.automotive-world .personal-role{grid-column:1;font-size:15px;color:#91acff}
.automotive-world .personal-copy p{color:#c6cfdb;font-size:17px;max-width:45ch;grid-column:1}
.automotive-world .personal-copy .personal-call{grid-column:2;grid-row:2;width:fit-content;font-size:16px}
.automotive-world .personal-copy .text-link{grid-column:2;grid-row:3;color:white}
.automotive-world .personal-membership{border-top:1px solid #ffffff30;margin-top:32px;color:#c6cfdb}
.automotive-world .personal-membership strong{color:white}
@media(max-width:850px){
.automotive-world .hero,.automotive-world .hero-copy{min-height:660px}.automotive-world .hero-copy{padding-top:95px}
.automotive-world .hero h1{font-size:clamp(48px,8.5vw,76px)}
.automotive-world .services .section-intro{grid-template-columns:1fr;gap:20px}.automotive-world .services .section-intro p{max-width:55ch}
.automotive-world .service-content{grid-template-columns:1fr}.automotive-world .service-photo{grid-row:1;aspect-ratio:3/2}.automotive-world .service-list{grid-column:1;grid-row:2}
.automotive-world .personal-photo{width:100%}.automotive-world .personal-story{padding-top:55px}.automotive-world .personal-copy h3{font-size:clamp(60px,11vw,94px)}
}
@media(max-width:600px){
.automotive-world .hero{margin:0 12px 20px;min-height:690px}.automotive-world .hero-copy{min-height:690px;padding:75px 20px 35px}
.automotive-world .hero h1{font-size:clamp(43px,11vw,66px);line-height:1.08;max-width:11ch}.automotive-world .hero h1 .outlined{font-size:.65em;margin-top:14px}
.automotive-world .hero-photo{inset:0 0 0 15%;opacity:.55}.automotive-world .hero-photo:before{background:linear-gradient(90deg,#0a0e13a0,transparent),linear-gradient(0deg,#0a0e13,transparent 85%)}
.automotive-world .hero-copy>p:not(.hero-detail){font-size:16px}.automotive-world .hero-detail{font-size:14px}.automotive-world .hero-actions{display:flex;flex-direction:column;align-items:flex-start}.automotive-world .hero-actions .button{font-size:15px;min-height:48px}
.automotive-world .services{padding-top:60px;padding-bottom:60px}.automotive-world .services h2{font-size:36px}.automotive-world .services .section-intro p{font-size:16px}.automotive-world .service-list summary{font-size:22px}
.automotive-world .about-personal{padding-top:65px}.automotive-world .personal-intro h2{font-size:32px}.automotive-world .personal-story{padding-top:40px}.automotive-world .personal-copy h3{font-size:clamp(49px,12vw,72px)}
.automotive-world .personal-copy{display:flex;flex-direction:column;gap:4px;padding-top:24px}.automotive-world .personal-copy p{font-size:16px}.automotive-world .personal-photo figcaption{font-size:12px;bottom:8px;left:8px}.automotive-world .personal-membership{align-items:flex-start}
}
.automotive-world .hero .outlined>span{color:#dce5f7;-webkit-text-stroke:0;letter-spacing:-.035em}
.automotive-world .hero-actions .button{flex:0 0 auto;height:auto;min-height:52px}
@media(max-width:600px){.automotive-world .hero-actions{height:auto;flex:0 0 auto}.automotive-world .hero-actions .button{height:52px;flex:none}.automotive-world .hero{clip-path:none!important}.automotive-world .hero-photo{width:auto}.automotive-world .service-photo img{height:100%}}
/* Contrast and sizing audit corrections. */
.automotive-world .service-list summary>span{color:#174ce7}
.automotive-world .about-personal .personal-eyebrow,.automotive-world .about-personal .personal-membership>svg{color:#91acff}
.automotive-world .hero h1 .outlined{font-size:clamp(28px,4.4vw,66px)}
.automotive-world .about-personal{overflow:visible}
@media(max-width:600px){.automotive-world .hero h1 .outlined{font-size:clamp(25px,6.6vw,36px)}}

/* Bildhinweis als ruhige Quellenzeile; Zahlen nur in echten Abläufen. */
.automotive-world .service-list summary::before{content:none}
.automotive-world .service-photo{aspect-ratio:auto;overflow:visible;height:auto;min-width:0;max-width:100%}
.automotive-world .service-photo img{display:block;height:auto;aspect-ratio:4/3;object-fit:cover}
.automotive-world .service-photo figcaption{position:static;margin-top:8px;padding:0;background:transparent;color:#445161;font-size:12px;line-height:1.5;font-weight:400}
@media(max-width:850px){.automotive-world .service-photo img{aspect-ratio:3/2}}

/* No inherited zoom on the new editorial image and caption layout. */
.automotive-world .service-photo img,.automotive-world .service-photo:hover img{transform:none;transition:none;max-width:100%;filter:none}

/* Soft lettering light: stable readable base, localized colour reflection. */
.automotive-world .services .clarity-beam{
 display:block;clip-path:none;animation:none;color:transparent;
 background:radial-gradient(ellipse 145px 100px at var(--torch-x,-180px) var(--torch-y,50%),#97b9ff 0%,#3264e9 32%,rgba(23,76,231,.65) 55%,transparent 100%);
 background-clip:text;-webkit-background-clip:text;
 opacity:0;transition:opacity .22s ease;
}
@media(hover:hover) and (pointer:fine){.automotive-world .clarity-light:hover .clarity-beam{opacity:1}}
@keyframes clarity-soft-sweep{0%{background-position:100% 0;opacity:0}15%{opacity:1}80%{opacity:1}100%{background-position:0% 0;opacity:0}}
@media(hover:none),(pointer:coarse){
 .automotive-world .services .clarity-beam{background-image:linear-gradient(105deg,transparent 35%,#3264e9 46%,#97b9ff 50%,#3264e9 54%,transparent 65%);background-size:300% 100%;background-position:100% 0}
 .automotive-world .clarity-light.has-entered .clarity-beam{animation:clarity-soft-sweep 1.3s ease-out both}
}
@media(prefers-reduced-motion:reduce){.automotive-world .services .clarity-beam{display:none;animation:none;transition:none}}
/* Signature frame restored: desktop sculpture, compact geometry on touch screens. */
.automotive-world .hero{clip-path:url(#hero-shell);border-radius:30px}
@media(max-width:1100px){.automotive-world .hero.has-compact-contour{clip-path:url(#hero-shell-compact)!important;border-radius:18px}}
@media(max-width:600px){.automotive-world .hero{clip-path:url(#hero-shell-compact)!important;border-radius:18px}.automotive-world .hero-copy{padding-top:85px}}
/* Floating glass navigation: one small blurred surface, no scroll animation. */
.automotive-world .site-header{position:sticky;top:18px;inset-inline:auto;z-index:30;width:calc(100% - 48px);max-width:1380px;margin:18px auto 24px;padding:12px 24px;border:1px solid rgba(255,255,255,.3);border-radius:22px;background:rgba(18,25,34,.88);box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.22)}
@supports(backdrop-filter:blur(1px)){.automotive-world .site-header{background:rgba(18,25,34,.64);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}}
.automotive-world .site-header .button{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.38);border-radius:14px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px rgba(255,255,255,.22)}
.automotive-world .site-header nav>a:not(.button){color:#fff}
@media(max-width:800px){.automotive-world .site-header{top:10px;width:calc(100% - 24px);margin:10px auto 16px;padding:9px 16px;border-radius:18px}.automotive-world .site-header nav{top:calc(100% + 8px);background:rgba(18,25,34,.97);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:14px 20px 20px;max-height:calc(100dvh - 125px)}.automotive-world .site-header .brand img{width:105px;height:49px}}
@media(prefers-reduced-transparency:reduce){.automotive-world .site-header{background:#18212c;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Reserve glyph overshoot so the light layer includes umlaut dots in full. */
.automotive-world .services .clarity-light>span:first-child{display:block;padding-block:.2em}
.automotive-world .services .clarity-beam{padding-block:.2em;box-sizing:border-box;overflow:visible}
