/* KFZ GUTACHTER BERGSTRASSE — V16.0 PREMIUM DETAIL LAYER
   Base V13 is stable. Scoped styles implement approved fixed showcase,
   aligned form grid, recognisable brand icons, and precise CTA hierarchy. */
/* Exact approved visual presentation as prepared artwork, NOT a static whole-page screenshot. */
#arbeitsweise .container.proof-grid{
 width:min(1440px, calc(100% - 52px));max-width:none;
 grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);
 gap:clamp(28px,3.6vw,68px);align-items:center;
}
#arbeitsweise.proof-section{background:
 radial-gradient(ellipse 80% 70% at 18% 48%,rgba(6,121,141,.32),transparent 74%),
 linear-gradient(115deg,#0b5060 0%,#105665 49%,#0c4455 100%);}
#arbeitsweise .proof-image.showcase-v16{
 display:block!important;position:relative!important;width:100%!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 aspect-ratio:852 / 627!important;margin:0!important;padding:0!important;
 overflow:visible!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!important;isolation:isolate;
}
#arbeitsweise .proof-image.showcase-v16::before,
#arbeitsweise .proof-image.showcase-v16::after{content:none!important;display:none!important}
#arbeitsweise .proof-image.showcase-v16>img.showcase-illustration-v16{
 display:block!important;position:relative!important;inset:auto!important;
 width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;
 aspect-ratio:852 / 627!important;object-fit:contain!important;
 object-position:center!important;opacity:1!important;filter:none!important;
 transform:none!important;margin:0!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
#arbeitsweise .proof-text{position:relative;z-index:2;min-width:0}
#arbeitsweise .proof-text>p:not(.eyebrow){max-width:580px}
.visually-hidden{position:absolute!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
/* Clean geometry: two equal-height rows independent of auxiliary helper note. */
#kontakt #contact-form>.form-row.contact-fields-v16{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;align-items:start!important;margin:0!important;
}
#kontakt #contact-form .contact-field-v16{
 display:flex!important;flex-direction:column!important;min-width:0!important;
 margin:0!important;padding:0!important;align-self:start!important;
}
#kontakt #contact-form .contact-field-v16>label{
 display:block!important;flex:none!important;height:22px!important;min-height:22px!important;
 margin:0 0 7px!important;padding:0!important;
 color:#effbff!important;font-size:13px!important;font-weight:750!important;
 line-height:22px!important;white-space:normal!important;
}
#kontakt #contact-form .contact-field-v16>input{
 display:block!important;position:relative!important;box-sizing:border-box!important;
 width:100%!important;height:47px!important;min-height:47px!important;max-height:47px!important;
 flex:none!important;margin:0!important;padding:11px 13px!important;
 border-radius:11px!important;border:1px solid rgba(219,244,247,.82)!important;
 background:#f1f9fa!important;color:#173a49!important;
 font-size:15px!important;line-height:23px!important;
}
#kontakt #contact-form .contact-field-v16>.form-field-hint-v16{
 display:block!important;height:17px!important;min-height:17px!important;
 margin:6px 0 0!important;line-height:17px!important;
 font-size:11px!important;color:#d6edf1!important;font-weight:500!important;
 white-space:nowrap!important;overflow:visible!important;
}
/* CTA design restrained: stronger click affordance without neon overkill. */
#kontakt .contact-method.contact-phone-v16{
 border:1px solid rgba(171,241,248,.71)!important;
 background:linear-gradient(110deg,rgba(100,171,184,.24),rgba(56,128,145,.20))!important;
 box-shadow:0 8px 22px rgba(7,35,47,.13),inset 0 1px rgba(239,255,255,.12)!important;
}
#kontakt .contact-method.contact-phone-v16:hover,
#kontakt .contact-method.contact-phone-v16:focus-visible{
 border-color:#b9faff!important;box-shadow:0 11px 27px rgba(4,35,45,.2),0 0 0 2px rgba(137,225,236,.12)!important;
}
#kontakt .contact-method.contact-whatsapp-v16{
 border:1px solid rgba(137,221,212,.4)!important;
 box-shadow:0 8px 22px rgba(7,35,47,.11)!important;
}
#kontakt .contact-method.whatsapp .contact-method-icon{background:#008c66!important;color:#fff!important}
#kontakt .contact-method .icon-whatsapp-brand{display:block;width:26px;height:26px;fill:currentColor;stroke:none}
#kontakt #contact-form .form-button-v16{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex-wrap:nowrap!important;gap:8px!important;
 min-height:49px!important;padding:11px 13px!important;box-sizing:border-box!important;
 border-radius:999px!important;font-size:13.5px!important;line-height:1.2!important;
 font-weight:800!important;text-align:center!important;letter-spacing:0!important;
 transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
#kontakt #contact-form .form-button-v16 .icon{width:18px;height:18px;flex:none}
#kontakt #contact-form .form-button-v16 .icon-whatsapp-brand{fill:currentColor;stroke:none;width:20px;height:20px}
#kontakt #contact-form .form-button-v16:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 9px 24px rgba(0,21,35,.17)!important}
#kontakt #contact-form .form-actions{grid-template-columns:1fr 1fr!important;gap:10px!important}
#kontakt .form-card{border:1px solid rgba(176,237,241,.4)!important;
 box-shadow:0 22px 51px rgba(6,41,55,.23),inset 0 1px rgba(226,251,252,.13)!important}
#kontakt .form-card input:focus-visible,#kontakt .form-card select:focus-visible,
#kontakt .form-card textarea:focus-visible{outline:2px solid #7be5ee!important;outline-offset:2px}
a.cta-v16.button, a.review-google-link, a.text-action-v16{
 transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease!important;
}
a.cta-v16.button:hover, a.review-google-link:hover,
a.text-action-v16:hover{transform:translateY(-2px);}
a.review-google-link{display:inline-flex!important;gap:8px!important;align-items:center!important;
 border:1px solid rgba(19,137,163,.28)!important;border-radius:999px!important;
 padding:11px 17px!important;box-shadow:0 6px 15px rgba(11,71,89,.08)!important;
 text-underline-offset:3px;font-weight:750!important;
}
a.review-google-link .icon-review-v16{color:#e8ab20;flex:none}
a.button .icon-v16-action{width:18px;height:18px;flex:none}
a.text-action-v16{display:inline-flex;align-items:center;gap:8px;
 text-underline-offset:3px}
#leistungen .text-action-v16{border-bottom:1px solid currentColor;border-top:0;padding-top:0;padding-bottom:3px}
/* Avoid layout changes to existing hero/galleries/other sections. */
@media(max-width:1050px){
 #arbeitsweise .container.proof-grid{width:min(940px,calc(100% - 44px));
 grid-template-columns:1fr;gap:12px}
 #arbeitsweise .proof-image.showcase-v16{max-width:730px!important;margin:4px auto 10px!important}
 #arbeitsweise .proof-text{width:100%}
}
@media(max-width:590px){
 #arbeitsweise .container.proof-grid{width:calc(100% - 28px);gap:8px}
 #arbeitsweise .proof-image.showcase-v16{max-width:100%!important;margin:0 auto!important}
 #kontakt #contact-form>.form-row.contact-fields-v16{
   grid-template-columns:1fr!important;gap:9px!important}
 #kontakt #contact-form .contact-field-v16>.form-field-hint-v16{white-space:normal!important}
 #kontakt #contact-form .form-actions{grid-template-columns:1fr!important}
 #kontakt #contact-form .form-button-v16{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){a.cta-v16.button, a.review-google-link, a.text-action-v16,#kontakt #contact-form .form-button-v16{transition:none!important}}