.hero--contact{--hero-image:url(/assets/CNC_Mill-C1b6drH7.webp);--hero-position:center}#Kontakt>h2,#Kontakt>p{text-align:center}#Kontakt>h2{margin-bottom:0}#Kontakt .split-grid{margin-top:var(--space-lg);grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}.contact-form{gap:.9rem}.contact-form>div{display:grid}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form select,.contact-form textarea{padding:.82rem .88rem}.contact-form textarea{min-height:clamp(148px,18vw,190px)}.contact-form>p{font-size:.95rem}.map-card{align-self:start}#Kontakt .card,#Anfahrt .split-grid>.card:first-child{gap:.7rem;padding:clamp(1.1rem,1.9vw,1.5rem);display:grid}#Kontakt .card h2,#Anfahrt .split-grid>.card:first-child h3{margin-bottom:0}.hours{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text) 2.5%, transparent);margin-top:.18rem;padding:.78rem .85rem}.hours-title{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.hours-grid{gap:.42rem;margin:0;display:grid}.hours-grid>div{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding-bottom:.34rem;display:grid}.hours-grid>div:last-child{border-bottom:0;padding-bottom:0}.hours-grid dt{color:var(--text);font-weight:500}.hours-grid dd{color:var(--text-soft);text-align:right;white-space:nowrap;margin:0}.hours-note{color:var(--text-muted);margin-top:.55rem;font-size:.92rem;line-height:1.5}.contact-links{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-soft);gap:.55rem;display:grid}.contact-link{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text) 2.5%, transparent);transition:border-color var(--duration-fast) var(--ease-soft), transform var(--duration-fast) var(--ease-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem;padding:.72rem .85rem;display:flex}.contact-link strong{color:var(--text);font-weight:600}.contact-link span{color:var(--text-soft)}.contact-link:hover{border-color:var(--interactive-border);transform:translateY(-1px)}#response{margin-top:var(--space-xs);text-align:center}#Anfahrt .split-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start}.map-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.map-frame{border-bottom:1px solid var(--border-soft);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-overlay) 78%, var(--cta-blue-deep)), color-mix(in srgb, var(--surface-overlay) 68%, var(--text-soft)));isolation:isolate;min-height:clamp(220px,25vw,300px);position:relative;overflow:hidden}.map-frame:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--surface-overlay) 4%, transparent), color-mix(in srgb, var(--surface-overlay) 18%, transparent));pointer-events:none;position:absolute;inset:0}.map-canvas{width:100%;min-height:clamp(220px,25vw,300px);position:relative}.map-canvas--loading:before{content:"Karte wird geladen...";z-index:5;background:linear-gradient(165deg, var(--surface-overlay), color-mix(in srgb, var(--surface-overlay) 88%, var(--text-soft)));color:var(--text-soft);place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.map-canvas--loading>div{opacity:0}.map-canvas--error{padding:var(--space-md);background:linear-gradient(165deg, var(--surface-overlay), color-mix(in srgb, var(--surface-overlay) 88%, var(--text-soft)));place-items:center;display:grid}.map-canvas--error p{color:var(--text-soft);text-align:center;margin:0;font-size:.95rem}.map-footer{padding:.78rem var(--space-md);background:var(--surface-overlay)}.map-link{width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-strong);background:linear-gradient(160deg, color-mix(in srgb, var(--text) 9%, transparent), color-mix(in srgb, var(--text) 3%, transparent));color:var(--text);transition:transform var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft);border-radius:999px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.map-link:hover{border-color:var(--interactive-border);transform:translateY(-1px)}.map-infowindow{color:#131b2a;font-family:Roboto,sans-serif;font-size:.92rem;line-height:1.45}.map-infowindow strong{font-size:.96rem}@media (width<=960px){#Kontakt>h2,#Kontakt>p{text-align:left}}@media (width<=1080px){#Kontakt .split-grid,#Anfahrt .split-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.hero--contact{--hero-position:54% center}}