
/* ACKERMANN – Kontakt V9: freigestellte Originalmarke, freigestelltes Bild und verbindliche Handlungsaufforderungen */
.contact-v9-hero{background:radial-gradient(ellipse 65% 60% at 5% 2%,#ecf6ff,transparent),linear-gradient(120deg,#f9fcff 0%,#eaf4ff 100%);overflow:hidden;padding:54px 0 64px;position:relative}
.contact-v9-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);align-items:stretch;gap:30px}
.contact-v9-copy{padding:16px 0 0;position:relative;z-index:1}
.contact-v9-copy h1{font-size:clamp(2.7rem,4.4vw,4.7rem);max-width:670px;letter-spacing:-.052em;margin:16px 0 22px;color:#071c39}
.contact-v9-copy h1 em{font-style:normal;color:#0758cd}
.contact-v9-lead{max-width:630px;font-size:clamp(1rem,1.5vw,1.19rem);line-height:1.55;color:#3d5273;margin:0 0 28px}
.contact-v9-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:650px}
.contact-v9-action{display:flex;min-width:0;align-items:center;gap:11px;padding:18px 12px 18px 14px;background:#fff;border:1px solid #dce8f6;border-radius:17px;box-shadow:0 12px 26px #0c35640c;transition:transform .2s,box-shadow .2s,border-color .2s;color:#0b2449}
.contact-v9-action:hover,.contact-v9-action:focus-visible{transform:translateY(-2px);border-color:#88b2eb;box-shadow:0 14px 29px #0c35641d}
.contact-v9-action>span:nth-child(2){flex:1;min-width:0}
.contact-v9-action strong{display:block;line-height:1.25;font-weight:800;font-size:clamp(.88rem,1.1vw,1rem)}
.contact-v9-action small{display:block;font-size:.78rem;color:#5b6e89;overflow-wrap:anywhere;margin-top:4px}
.contact-v9-icon{display:grid;place-items:center;background:#eaf2ff;border-radius:13px;color:#0956c4;width:42px;height:42px;flex:0 0 42px;font-size:24px;line-height:1}
.contact-v9-icon.wa{color:#008752;background:#e8faef}
.contact-v9-action>span:last-child{color:#0a57c8;font-size:19px;font-weight:700}
.contact-v9-privacy{font-size:.78rem;color:#60708c;margin:17px 0 0}
.contact-v9-privacy a{text-decoration:underline;text-underline-offset:3px}
.contact-v9-visual{border-radius:28px;overflow:hidden;aspect-ratio:4/5;min-height:480px;position:relative;box-shadow:0 23px 42px #0b305521;align-self:stretch;background:#d7e8f6}
.contact-v9-visual:before{content:'';position:absolute;z-index:1;left:0;top:0;bottom:0;width:10%;background:linear-gradient(90deg,#e8f3ffb8,transparent);pointer-events:none}
.contact-v9-visual>img.contact-v9-photo{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center center;display:block}
.contact-v9-art-caption{position:absolute;right:9px;bottom:8px;border-radius:6px;background:#092240b5;color:#fff;padding:5px 7px;font-size:.58rem;line-height:1.2;max-width:65%;text-align:right}
.contact-v9-request{padding:75px 0 90px;background:#fff;scroll-margin-top:100px}
.contact-v9-request-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:32px;align-items:start}
.contact-v9-form-card{background:#fff;border:1px solid #dce5f3;border-radius:26px;padding:clamp(22px,3vw,44px);box-shadow:0 13px 49px #12386609}
.contact-v9-form-card h2{font-size:clamp(2rem,3vw,3.25rem);margin:0 0 14px}
.contact-v9-form-card>p:not(.eyebrow){color:#52657e}
.contact-v9-help{background:linear-gradient(153deg,#eaf4ff,#f9fcff);border-radius:24px;border:1px solid #dce8f7;padding:34px 30px}
.contact-v9-help h2{font-size:clamp(1.5rem,2.4vw,2.1rem);margin:10px 0 24px}
.contact-v9-help ol{list-style:none;padding:0;margin:0 0 30px;counter-reset:steps;display:grid;gap:23px}
.contact-v9-help li{counter-increment:steps;display:grid;grid-template-columns:32px 1fr;column-gap:11px;color:#163456}
.contact-v9-help li:before{content:counter(steps, decimal-leading-zero);font-weight:800;color:#0a5acb}
.contact-v9-help li strong{font-size:.98rem}
.contact-v9-help li span{grid-column:2;color:#506885;font-size:.87rem}
.contact-v9-form-card .contact-form{margin-top:26px}
.contact-v9-form-card .contact-form button[type=submit]{background:#0758cb;color:white;border-radius:12px;min-height:52px}
.contact-v9-form-card .contact-form button[type=submit]:hover{background:#003f9b}
/* protect full logo strokes top and bottom: neither crop nor object clipping */
.site-header .brand{overflow:visible!important}
.site-header .brand-logo{object-fit:contain!important;height:auto!important;max-height:none!important;padding-block:3px!important}
.site-footer .footer-brand{overflow:visible!important;max-width:min(100%,330px)!important}
.site-footer .footer-logo{object-fit:contain!important;height:auto!important;max-height:none!important;width:min(100%,310px)!important;padding:6px 0!important}
@media(max-width:1050px){.contact-v9-grid{grid-template-columns:1fr 0.75fr}.contact-v9-request-grid{grid-template-columns:1fr}.contact-v9-visual{min-height:430px}.contact-v9-visual img{min-height:430px}}
@media(max-width:790px){.contact-v9-hero{padding:30px 0 40px}.contact-v9-grid{grid-template-columns:1fr;gap:24px}.contact-v9-visual{min-height:400px;max-height:520px;order:-1}.contact-v9-visual img{min-height:400px}.contact-v9-request{padding:42px 0 70px}.contact-v9-help{padding:26px}.contact-v9-form-card{padding:22px}}
@media(max-width:520px){.contact-v9-actions{grid-template-columns:1fr}.contact-v9-visual{min-height:325px;max-height:none}.contact-v9-visual img{min-height:325px}.contact-v9-action{min-height:76px}.contact-v9-copy h1{font-size:clamp(2.45rem,10vw,3.5rem)}.contact-v9-hero .wrap,.contact-v9-request .wrap{width:min(calc(100% - 36px),1216px)}}
@media(prefers-reduced-motion:reduce){.contact-v9-action{transition:none}.contact-v9-action:hover{transform:none}}

/* Brand labels are literal transparent official PNGs – not generative text in the photo. */
.contact-v9-wall-logo,.contact-v9-shirt-logo{position:absolute!important;z-index:2;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;box-shadow:none!important;pointer-events:none}
.contact-v9-wall-logo{left:52%;top:9%;width:43%!important;transform:rotate(-1deg)}
.contact-v9-shirt-logo{left:31%;top:67%;width:30%!important;transform:rotate(-1deg)}
@media(max-width:790px){.contact-v9-grid .contact-v9-visual{order:initial}}

/* V10 graphic integrity: original horizontal artwork as overlay, not image-model text */
.contact-v9-visual{isolation:isolate}
.contact-v9-wall-logo{left:48%!important;top:8%!important;width:48%!important;max-width:48%!important;transform:none!important;filter:drop-shadow(0 2px 1px #0002)}
.contact-v9-shirt-logo{left:27%!important;top:65%!important;width:27%!important;max-width:27%!important;transform:none!important;filter:drop-shadow(0 1px 1px #0006)}
.contact-v9-art-caption{font-size:.72rem!important;max-width:90%!important;}
@media(max-width:790px){.contact-v9-grid>.contact-v9-visual{order:initial!important}.contact-v9-visual{min-height:360px;aspect-ratio:4/4}.contact-v9-visual>img.contact-v9-photo{min-height:360px}}


/* V10 final responsive safety: allow grid children to shrink on narrow viewports. */
@media(max-width:790px){
 .contact-v9-grid,.contact-v9-request-grid{grid-template-columns:minmax(0,1fr)}
 .contact-v9-grid>*,.contact-v9-request-grid>*,.contact-v9-copy,.contact-v9-actions{min-width:0;max-width:100%}
 .contact-v9-action{box-sizing:border-box;width:100%;max-width:100%}
 .contact-v9-lead,.contact-v9-privacy{min-width:0;max-width:100%;overflow-wrap:anywhere}
}
