:root{--form-error:var(--clr-orange);--form-success:var(--clr-deepblue)}.form-container{margin:var(--space-s) 0}.form-lead{margin-bottom:var(--space-l);margin-top:var(--space-s)}.kontaktformular{display:flex;flex-direction:column;margin-top:var(--space-s)}.input-grid{display:grid;gap:var(--space-s);grid-template-areas:"vn vn" "n n" "firma firma" "strasse strasse" "hausnummer hausnummer" "plz plz" "ort ort" "land land" "e e" "t t" "freundeskreis freundeskreis" "bemerkung bemerkung" "wscb wscb" "agree agree"}@media screen and (min-width:1024px){.input-grid{gap:var(--space-xs);grid-template-areas:"vn n" "firma firma" "strasse hausnummer" "plz ort" "land land" "e e" "emailpatron emailpatron" "t t" "freundeskreis freundeskreis" "bemerkung bemerkung" "wscb wscb" "agree agree"}}.input-grid.workshop{display:grid;gap:var(--space-s);grid-template-areas:"vn vn" "n n" "geburtstag geburtstag" "firma firma" "strasse strasse" "hausnummer hausnummer" "plz plz" "ort ort" "land land" "e e" "emailpatron emailpatron" "t t" "bemerkung bemerkung" "wscb wscb" "zwtitel zwtitel" "earlybird earlybird" "student student" "weiterbildung weiterbildung" "agree agree"}@media screen and (min-width:1024px){.input-grid.workshop{gap:var(--space-xs);grid-template-areas:"vn n" "geburtstag firma" "strasse hausnummer" "plz ort" "land land" "e e" "emailpatron emailpatron" "t t" "bemerkung bemerkung" "wscb wscb" "zwtitel zwtitel" "earlybird earlybird" "student student" "weiterbildung weiterbildung" "agree agree"}}.input-grid.workshop-vchn{display:grid;gap:var(--space-s);grid-template-areas:"vn vn" "n n" "geburtstag geburtstag" "firma firma" "strasse strasse" "hausnummer hausnummer" "plz plz" "ort ort" "land land" "e e" "emailpatron emailpatron" "t t" "bemerkung bemerkung" "wscb wscb" "weiterbildung weiterbildung" "agree agree"}@media screen and (min-width:1024px){.input-grid.workshop-vchn{gap:var(--space-xs);grid-template-areas:"vn n" "geburtstag firma" "strasse hausnummer" "plz ort" "land land" "e e" "emailpatron emailpatron" "t t" "bemerkung bemerkung" "wscb wscb" "weiterbildung weiterbildung" "agree agree"}}.kontaktformular label:not([for=freundeskreis],[for=agree],[for^=ws-],[for=earlybird],[for=student],[for=weiterbildung]){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.kontaktformular label[for=agree],.kontaktformular label[for=earlybird],.kontaktformular label[for=freundeskreis],.kontaktformular label[for=student],.kontaktformular label[for=weiterbildung],.kontaktformular label[for^=ws-]{cursor:pointer;margin-left:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-input{display:flex;flex-direction:column}.kontaktformular textarea{min-height:8rem}.kontaktformular input::-moz-placeholder,.kontaktformular textarea::-moz-placeholder{color:var(--clr-deepblue);opacity:.7}.kontaktformular input::placeholder,.kontaktformular textarea::placeholder{color:var(--clr-deepblue);opacity:.7}.kontaktformular input:not([type=submit],[type=checkbox]),.kontaktformular textarea{border:1px solid var(--clr-deepblue);border-radius:0;font-size:var(--step-0);padding:var(--space-xs) var(--space-s);width:100%}.kontaktformular input:focus,.kontaktformular textarea:focus{outline-color:var(--clr-deepblue);outline-width:2px}.kontaktformular input[type=checkbox]{flex-shrink:0;height:var(--space-m);vertical-align:middle;width:var(--space-m)}.form-name{grid-area:n}.form-vorname{grid-area:vn}.form-telefon{grid-area:t}.form-firma{grid-area:f}.form-email{grid-area:e}.form-bemerkung{grid-area:bemerkung}.form-plz{grid-area:plz}.form-agree{grid-area:agree}.form-firma{grid-area:firma}.form-strasse{grid-area:strasse}.form-hausnummer{grid-area:hausnummer}.form-ort{grid-area:ort}.form-land{grid-area:land}.form-freundeskreis{grid-area:freundeskreis}.form-geburtstag{grid-area:geburtstag}.form-emailpatron{grid-area:emailpatron}.form-earlybird{grid-area:earlybird}.form-student{grid-area:student}.form-weiterbildung{display:flex;flex-wrap:nowrap;font-size:var(--step-1);grid-area:weiterbildung;margin:0}.input-grid.workshop .form-weiterbildung{font-size:var(--lauftext);margin:.25rem 0}@media screen and (min-width:768px){.form-weiterbildung{margin:var(--space-s) 0}}.kontaktformular label[for=weiterbildung]{display:block}.form-zwischentitel{font-size:var(--step-2);grid-area:zwtitel}.form-agree div:first-of-type,.form-earlybird div:first-of-type,.form-freundeskreis div:first-of-type,.form-student div:first-of-type{accent-color:var(--clr-deepblue);display:flex;flex-direction:row;flex-wrap:nowrap;margin:.25rem 0}.form-agree div:first-of-type{margin:var(--space-s) 0 var(--space-s) 0}@media screen and (min-width:1024px){.form-agree div:first-of-type{margin:var(--space-l) 0 var(--space-s) 0}}.form-checkbox{accent-color:var(--clr-deepblue);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;grid-area:s;margin-top:1rem}.kontaktformular p{margin:.25rem 0}.kontaktformular p.error-text{color:var(--form-error);font-size:var(--step-0)}.pflicht{color:var(--clr-deepblue);font-size:var(--step-0)}.status-message{font-size:var(--step-2);font-weight:700;margin-top:var(--space-m);text-align:center}.status-message.error{color:var(--form-error)}.status-message.success{color:var(--form-success);margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;margin-top:var(--space-3xl);max-width:35ch}.asterisk{color:var(--form-error)}.ench-btn.form-btn{padding:var(--space-2xs) var(--space-s);text-transform:uppercase}.workshop-checkboxes{display:grid;gap:var(--space-2xs);grid-area:wscb;grid-template-columns:minmax(0,1fr);margin:var(--space-s) 0}@media screen and (min-width:1024px){.workshop-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr))}}.workshop-checkboxes legend{font-size:var(--step-2);margin-bottom:var(--space-xs)}.workshop-checkbox{accent-color:var(--clr-deepblue);display:flex;flex-direction:row;flex-wrap:nowrap;font-size:var(--step-1)}#formular{scroll-margin-top:var(--space-3xl)}
