/* BASS.digital — Kontaktformular (ergänzt styles.css und rechtliches.css, ohne JavaScript) */
.contact-intro{font-size:1.05rem;color:var(--ink);line-height:1.75;max-width:640px}
.contact-form{margin-top:36px;display:grid;gap:22px;max-width:640px}
.contact-form .field{display:grid;gap:8px}
.contact-form label{font-size:.85rem;font-weight:650;color:var(--ink)}
.contact-form label span[aria-hidden]{color:#075ebd}
.contact-form .optional{font-weight:400;color:var(--muted)}
.contact-form input,.contact-form textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #b9c6d1;border-radius:4px;padding:12px 14px;width:100%;box-sizing:border-box}
.contact-form textarea{resize:vertical;min-height:180px;line-height:1.6}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #075ebd;outline-offset:1px;border-color:#075ebd}
.contact-form .field-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form .form-note{font-size:.8rem;color:var(--muted);line-height:1.6}
.contact-form .form-note a{color:#075ebd}
.contact-form button{justify-self:start;border:0;cursor:pointer;font-family:inherit}
.contact-alt{margin-top:36px;font-size:.9rem;color:var(--muted)}
.contact-actions{margin-top:32px}
.legal-body .button,.legal-body .button:hover{color:#fff}
.contact-layout .contact-button{margin-top:28px}
.contact-form .field-check{display:flex;align-items:flex-start;gap:12px}
.contact-form .field-check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:#075ebd}
.contact-form .field-check label{font-weight:400;font-size:.9rem;line-height:1.5}
.contact-form .field-check label a{color:#075ebd}
/* Absenden erst blau, wenn alle Pflichtfelder gültig sind und das Häkchen gesetzt ist (reines CSS, ohne JavaScript).
   Bleibt klickbar: der Browser zeigt dann, welches Feld noch fehlt. */
.contact-form:invalid button,.contact-form:invalid button:hover{background:#9aa7b3;cursor:default}
.contact-form button{transition:background-color .15s}