/* Kontaktbereich der Startseite (eigene Datei, Adrian 2026-10-19) */
.kontakt-start .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start}
.kontakt-start h2{font-size:clamp(34px,4vw,52px);margin:6px 0 10px}
.kontakt-start .contact-lead{font-size:18px;color:var(--form-text,#0E0E10);opacity:.85;max-width:30em;margin:0 0 22px}
.ks-wege{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ks-weg{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;height:100%;padding:16px;background:var(--form-karte,#fff);border:1px solid var(--feld-rand,#C9C9C2);border-radius:18px;text-decoration:none;color:var(--form-text,#0E0E10);box-shadow:var(--schatten-1,none);transition:transform .2s,box-shadow .2s,border-color .2s}
.ks-weg:hover{transform:translateY(-2px);box-shadow:var(--schatten-2,none)}
.ks-weg svg{grid-row:span 2;width:40px;height:40px;padding:9px;border-radius:12px;color:#0E0E10}
.ks-weg b{font-size:15.5px;font-weight:600;line-height:1.25;word-break:break-word}
.ks-weg span{font-size:13px;opacity:.7;line-height:1.35}
.ks-wa svg{background:#25D366;color:#fff}.ks-wa:hover{border-color:#25D366}
.ks-tel svg{background:color-mix(in srgb,var(--cyan) 30%,#fff)}.ks-tel:hover{border-color:var(--cyan)}
.ks-mail svg{background:color-mix(in srgb,var(--magenta) 22%,#fff)}.ks-mail:hover{border-color:var(--magenta)}
.ks-termin svg{background:color-mix(in srgb,var(--yellow) 45%,#fff)}.ks-termin:hover{border-color:var(--yellow)}
.ks-vertrauen{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:13px}
.ks-vertrauen span{padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green-text);font-weight:600}
.ks-form h3{font-size:22px;margin:0 0 12px;color:var(--form-text,#0E0E10)}
.ks-form form{grid-template-columns:1fr 1fr;column-gap:14px;row-gap:12px}
.ks-form form > *{grid-column:1/-1}
.ks-form form > label:nth-of-type(1),.ks-form form > label:nth-of-type(2),.ks-form form > label:nth-of-type(3),.ks-form form > label:nth-of-type(4){grid-column:auto}
.ks-form form > .hp{grid-column:1/-1}
.ks-form textarea{min-height:110px}
.ks-form .btn-main{justify-self:start;padding-left:32px;padding-right:32px}
@media (max-width:900px){.kontakt-start .contact-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.ks-wege{grid-template-columns:1fr;gap:8px}.ks-weg{padding:12px}.ks-form form{grid-template-columns:1fr}.ks-form form > label{grid-column:1/-1!important}.ks-form .btn-main{justify-self:stretch}}