/* Shared contact forms: site palette, mobile layouts and visible keyboard focus. */
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) .form-check-wrapping-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:8px 0}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) .form-check-wrapping-label input[type="checkbox"]{flex:0 0 20px;float:none;margin:3px 0 0;cursor:pointer}
.fsa-form-refresh-error{padding:16px;border:1px solid #b42318;border-radius:8px;color:#9b1c13;background:#fff4f2}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]),.fsa-contact-success {
  --contact-accent:var(--fsa-theme-accent,#26989a);
  box-sizing:border-box;width:100%;max-width:780px;margin:24px auto 48px;padding:clamp(24px,5vw,48px);
  color:var(--fsa-theme-text,#20313a);background:var(--fsa-theme-surface,#fff);
  border:1px solid color-mix(in srgb,var(--fsa-theme-text,#20313a) 16%,transparent);border-top:4px solid var(--contact-accent);
  border-radius:16px;box-shadow:0 16px 48px rgba(20,40,50,.07);
}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) :is(.form-group,.mb-3){margin-bottom:24px}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) label{font-weight:600;line-height:1.5;margin-bottom:8px;color:inherit}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) :is(.form-control,.form-select){min-height:50px;border:1px solid var(--fsa-theme-border,#cbd8df);border-radius:8px;padding:12px 14px;background:var(--fsa-theme-bg,#fff);color:inherit;font-size:16px;line-height:1.5;width:100%;max-width:100%}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) textarea.form-control{min-height:160px;resize:vertical}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) .form-control::placeholder{color:var(--fsa-theme-muted,#5b6478);opacity:1}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) :is(input,textarea,select,button):focus-visible,.fsa-contact-success a:focus-visible{outline:3px solid var(--contact-accent);outline-offset:3px}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) .form-check-label{font-size:14px;line-height:1.7;font-weight:400}
/* Bootstrap's white SVG tick is invisible when the site theme overrides the
   checked background to white. Let the browser render both states together. */
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) input[type="checkbox"].form-check-input{appearance:auto!important;-webkit-appearance:checkbox!important;background:revert!important;border:revert!important;box-shadow:none!important;width:20px;height:20px;accent-color:#26333f;color-scheme:light;opacity:1}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) button[type="submit"]{min-height:50px;padding:13px 28px;border-radius:8px;background:#18232e;border:2px solid #18232e;color:#fff;font-size:16px;font-weight:700;line-height:1.4}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) button[type="submit"]:hover{background:#2c4350;border-color:#2c4350}
:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) .actions{margin-top:28px}
.fsa-contact-success__icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:24px;border-radius:50%;background:#e6f3ec;color:#176344;font:700 34px/1 Arial,sans-serif}
.fsa-contact-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 12px;color:var(--fsa-theme-muted,#5b6478)}
.fsa-contact-success h2{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0 0 18px;color:inherit}
.fsa-contact-success p:not(.fsa-contact-eyebrow){font-size:17px;line-height:1.8;max-width:60ch;margin-bottom:24px}
.fsa-contact-success__next{padding:20px 24px;margin:28px 0;background:var(--fsa-theme-surface-alt,#f2f6f7);border-radius:10px;line-height:1.8}
.fsa-contact-success a{color:inherit;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.fsa-contact-success__back{display:inline-block;padding:8px 0;font-weight:700}
.section:has(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],.fsa-contact-success) .fsa-highlight__text,
.section:has(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],.fsa-contact-success) .fsa-highlight__text p{color:var(--fsa-theme-muted,#53656e)!important}
@media(max-width:575px){:is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]),.fsa-contact-success{padding:24px 18px;margin:16px auto 32px;border-radius:12px} :is(form[id^="kontaktfomular_"],form[id^="fsa_contact_"],form[id^="contactform-"]) button[type="submit"]{width:100%}.fsa-contact-success__next{padding:16px}}