.contact{background:var(--green);padding:72px 0;color:#fff}
.contact .wrap{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.contact h2{color:#fff}
.contact .intro p{font-size:17px;opacity:.95}
.contact .intro ul{list-style:none;padding:0;margin:24px 0 0}
.contact .intro li{margin-bottom:8px}
.contact .intro a{text-decoration:none;font-weight:700}
.contact .intro .privacy-hint{font-size:14px;margin-top:24px}
.contact .intro .privacy-hint a{text-decoration:underline;font-weight:400}

/* Formular – Selektoren decken das Standard-Markup von EXT:form ab */
.cf{background:#fff;color:var(--ink);padding:30px;box-shadow:0 18px 40px rgba(0,0,0,.15)}
.cf :has(> :is(.form-group,.form-element)){display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.cf :is(.form-group,.form-element):has(textarea,input[type=checkbox]),.cf .actions{grid-column:1/-1}
.cf div:has(> input[type=hidden]):not(:has(> :not(input[type=hidden]))){display:none}
.cf label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.cf input:not([type=checkbox]):not([type=hidden]),.cf select,.cf textarea{width:100%;font:inherit;font-size:15px;padding:11px 12px;border:1px solid #cfd8d3;background:#fff;color:var(--ink);border-radius:0}
.cf textarea{min-height:130px;resize:vertical}
.cf :is(input,select,textarea):focus{outline:2px solid var(--green);outline-offset:-1px;border-color:var(--green)}
.cf label:has(input[type=checkbox]){display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}
.cf input[type=checkbox]{width:auto;margin-top:3px;accent-color:var(--green)}
.cf :is(.help-block,.invalid-feedback,.form-text.error){display:block;color:#b3261e;font-size:12px;margin-top:4px}
.cf :is(.has-error,.is-invalid) :is(input,textarea,select),.cf :is(input,textarea,select).is-invalid{border-color:#b3261e}
.cf button[type=submit]{display:inline-block;background:var(--green);color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:12px 22px;border:2px solid var(--green);cursor:pointer;font-family:inherit}
.cf button[type=submit]:hover{background:var(--green-dark);border-color:var(--green-dark)}
/* Bestätigung nach dem Versand (kein Formular mehr im Container) */
.cf:not(:has(form)){background:var(--green-light);border-left:4px solid var(--green);box-shadow:none;font-size:14px;padding:14px 16px}

@media (max-width:760px){.contact .wrap{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){
  .cf{padding:22px}
  .cf :has(> :is(.form-group,.form-element)){grid-template-columns:1fr}
}