:root{--form-primary:var(--clr-light);--form-secondary:var(--clr-green);--form-error:red;--form-success:var(--clr-green)}.form-container{display:flex;justify-content:center;margin-bottom:var(--flow);margin-top:var(--flow);max-width:100%}.kontaktformular{display:flex;flex-direction:column;font-size:var(--step-0);gap:var(--space-3xs);width:min(700px,100%)}.input-grid{display:grid;gap:var(--space-xs);grid-template-areas:"infos" "firma" "branche" "emailf" "web" "strasse" "plz" "beschrieb" "ansprech" "nachn" "vorn" "email" "tel";grid-template-columns:minmax(0,1fr)}@media screen and (min-width:640px){.input-grid{grid-template-areas:"infos infos" "firma firma" "branche branche" "emailf web" "strasse plz" "beschrieb beschrieb" "ansprech ansprech" "nachn vorn" "email tel";grid-template-columns:repeat(2,minmax(0,1fr))}}.form-input{display:flex;flex-direction:column;gap:var(--space-3xs)}.kontaktformular input::-moz-placeholder,.kontaktformular textarea::-moz-placeholder{color:var(--clr-dark);opacity:.5}.kontaktformular input::placeholder,.kontaktformular textarea::placeholder{color:var(--clr-dark);opacity:.5}.kontaktformular input,.kontaktformular textarea{background-color:var(--clr-light);border:1px solid var(--form-secondary);padding:.6rem;width:100%}.kontaktformular input[type=submit]{cursor:pointer;font-weight:700;padding:.5rem 2rem;text-transform:uppercase;width:-moz-max-content;width:max-content}.kontaktformular input:focus,.kontaktformular textarea:focus{outline-color:var(--clr-green);outline-style:solid}.form-infos{grid-area:infos}.form-name_firma{grid-area:firma}.form-branche{grid-area:branche}.form-email_firma{grid-area:emailf}.form-web{grid-area:web}.form-strasse{grid-area:strasse}.form-plz{grid-area:plz}.form-beschrieb{grid-area:beschrieb}.form-ansprechperson{grid-area:ansprech}.form-nachname{grid-area:nachn}.form-vorname{grid-area:vorn}.form-email{grid-area:email}.form-telefon{grid-area:tel}.form-checkbox{accent-color:var(--form-secondary);align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-checkbox label{cursor:pointer}.form-checkbox input[type=checkbox]{cursor:pointer;padding:0;position:relative;top:.32rem;width:1.5rem}.form-submit{align-items:center;font-size:var(--step-2);grid-area:s;margin-top:var(--flow-s)}.kontaktformular p{margin:.25rem 0}.kontaktformular p.error-text{color:var(--form-error)}.pflicht{color:var(--form-secondary);font-size:14px}.status-message{font-weight:700;margin-top:1rem;text-align:center}.status-message.error{color:var(--form-error)}.asterisk,.status-message.success{color:var(--form-success)}.form-subtitle{font-size:var(--step-1);margin-top:var(--flow)}