.kontaktseite { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(2rem,5vw,5rem); align-items:start; }
.kontaktintro h1 { font-size:clamp(2.6rem,4.7vw,4.4rem); }
.kontaktintro .einleitung { margin-top:1.5rem; }
.kontaktvorschau { margin-top:2rem; padding:1.3rem; border-radius:18px; background:var(--salbei); color:var(--wald); }
.kontaktvorschau p { margin:.5rem 0 0; }
.kontaktformular { position:relative; min-width:0; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid var(--linie); border-radius:var(--rundung); background:var(--flaeche); }
.kontaktformular h2 { font-size:2rem; }
.kontaktfeld { margin-top:1.4rem; }
.kontaktfeld label { display:block; margin-bottom:.5rem; font-weight:700; }
.kontaktfeld label span { font-weight:400; }
.kontaktfeld input,.kontaktfeld textarea { display:block; width:100%; min-height:48px; padding:.75rem; border:1px solid var(--text-leise); border-radius:8px; font:inherit; color:var(--text); background:var(--flaeche); }
.kontaktfeld textarea { resize:vertical; min-height:160px; }
.kontaktfeld [aria-invalid="true"] { border:2px solid #923522; }
.feldfehler { color:#923522; font-weight:700; margin:.35rem 0 0; font-size:.9rem; }
.feldfehler:empty { display:none; }
.feldhilfe,.datenschutzhinweis,#pflichtinfo { color:var(--text-leise); font-size:.9rem; }
.feldhilfe { margin-top:.5rem; }
.datenschutzhinweis { margin-top:1.5rem; }
.datenschutzhinweis a { text-underline-offset:3px; }
.kontaktfalle { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); pointer-events:none; background:var(--flaeche); }
.kontaktfalle label { background:var(--flaeche); color:var(--text); }
.kontaktstatus:not(:empty) { margin-top:1.3rem; margin-bottom:0; padding:1rem; background:var(--salbei); border-left:4px solid var(--wald); border-radius:6px; overflow-wrap:anywhere; }
.kontaktstatus[data-art="fehler"] { background:#f8ebe6; border-color:#923522; }
.kontaktformular .knopf:disabled { cursor:not-allowed; background:var(--linie); color:var(--text); border-color:var(--text-leise); }
.kontaktformular[aria-busy="true"] .knopf:disabled { cursor:wait; }
@media(max-width:760px) {
 .kontaktseite { grid-template-columns:1fr; gap:2rem; }
 .kontaktintro h1 { font-size:2.9rem; }
 .kontaktformular .knopf { width:100%; }
}