.formular{gap:32px;display:grid}.formular fieldset{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.formular legend{text-indent:-42px;font-family:var(--font-display);letter-spacing:-.4px;margin-bottom:20px;padding:0 0 0 42px;font-size:24px;font-weight:600;line-height:31.4px}.formular legend .schritt-nr{text-align:center;text-indent:0;background:var(--cp-yellow);width:30px;color:var(--on-yellow);margin-right:12px;padding:0 6px;display:inline-block}.feld-reihe{grid-template-columns:1fr 1fr;gap:20px;display:grid}.feld{align-content:start;gap:8px;display:grid}.feld>label:not(.zustimmung),.feld__titel{font-family:var(--font-display);letter-spacing:-.2px;font-size:16px;font-weight:600;line-height:1.3}.feld__pflicht{color:var(--cp-yellow)}.feld__hinweis{color:var(--text-muted);font-size:13px;line-height:1.5}.feld input:where(:not([type=checkbox]):not([type=radio])),.feld select,.feld textarea{background-color:var(--surface-100);width:100%;min-height:52px;color:var(--text-primary);border:1px solid var(--surface-400);border-radius:var(--radius-md);padding:13px 16px;font-size:16px;line-height:1.5;transition:border-color .2s,background-color .2s}.feld textarea{resize:vertical;min-height:140px}.feld select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:44px}.feld input::placeholder,.feld textarea::placeholder{color:#ffffff52}.feld input:hover,.feld select:hover,.feld textarea:hover{border-color:#fff6}.feld input:focus-visible,.feld select:focus-visible,.feld textarea:focus-visible{border-color:var(--cp-yellow);background-color:var(--cp-black);outline:none}.feld input[type=date]{-webkit-appearance:none;appearance:none;color-scheme:dark;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffff00' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;min-width:0;max-width:100%;padding-right:48px;display:block;position:relative}.feld input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}.feld input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0}.feld input[type=file]{cursor:pointer;padding:12px}.feld input[type=file]::file-selector-button{border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-300);color:var(--text-primary);font-family:var(--font-display);border:0;margin-right:14px;padding:8px 14px;font-weight:600}.feld>label.upload{font:inherit;letter-spacing:normal}[data-upload-bereit] .upload__eingabe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload__leer{display:none}[data-upload-bereit] .upload{cursor:pointer;-webkit-tap-highlight-color:transparent;display:block;position:relative}[data-upload-bereit] .upload__leer{border-radius:var(--radius-md);background:var(--surface-100);border:1px dashed #ffffff47;align-items:center;gap:16px;min-height:84px;padding:16px 20px;transition:border-color .2s,background-color .2s;display:flex}.upload__symbol{background:var(--surface-300);width:48px;height:48px;color:var(--cp-yellow);border-radius:50%;flex:none;place-items:center;transition:background-color .2s,color .2s,transform .3s cubic-bezier(.2,.7,.2,1);display:grid}.upload__text{gap:2px;display:grid}.upload__text b{font-family:var(--font-display);font-size:16px;font-weight:600}.upload__text span{color:var(--text-muted);font-size:14px}.upload:hover .upload__leer{border-color:#ffffff80}.upload__eingabe:focus-visible+.upload__leer{border-color:var(--cp-yellow);border-style:solid}.upload.ist-drueber .upload__leer{border-color:var(--cp-yellow);background:#ffff000d;border-style:solid}.upload.ist-drueber .upload__symbol,.upload:hover .upload__symbol{background:var(--cp-yellow);color:var(--on-yellow)}.upload.ist-drueber .upload__symbol{transform:scale(1.08)}.upload[hidden]{display:none!important}.upload__gewaehlt{border:1px solid var(--surface-400);border-radius:var(--radius-md);background:var(--surface-100);align-items:center;gap:14px;padding:10px 12px 10px 10px;animation:.35s cubic-bezier(.2,.7,.2,1) upload-auf;display:flex}.upload__gewaehlt[hidden]{display:none}.upload__gewaehlt img{object-fit:cover;background:var(--surface-300);border-radius:6px;flex:none;width:64px;height:64px}.upload__datei{flex:1;gap:2px;min-width:0;display:grid}.upload__datei b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.upload__datei span{color:var(--text-muted);font-size:13px}.upload__entfernen{border-radius:var(--radius-md);cursor:pointer;min-height:44px;color:var(--text-primary);font-family:var(--font-display);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--line-subtle);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0 14px;font-size:14px;font-weight:600;transition:text-decoration-color .2s}.upload__entfernen:hover,.upload__entfernen:focus-visible{text-decoration-color:var(--cp-yellow)}.feld[data-fehler] .upload__leer,.feld[data-fehler] .upload__gewaehlt{border-color:#ff8a7a}@keyframes upload-auf{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.upload__gewaehlt{animation:none}.upload__symbol{transition:none}}.feld[data-pflicht-gruppe]{gap:20px}.auswahl-gruppe{gap:10px;display:grid}.auswahl{flex-wrap:wrap;gap:10px;display:flex}.auswahl label{cursor:pointer;position:relative}.auswahl input{opacity:0;cursor:pointer;position:absolute;inset:0}.auswahl span{border-radius:var(--radius-md);background:var(--surface-100);min-height:44px;box-shadow:inset 0 0 0 1px var(--surface-400);align-items:center;padding:10px 16px;font-size:15px;line-height:1.3;transition:background-color .2s,box-shadow .2s,color .2s;display:inline-flex}.auswahl label:hover span{box-shadow:inset 0 0 0 1px #fff6}.auswahl input:checked+span{background:var(--cp-yellow);color:var(--on-yellow);box-shadow:none;font-weight:600}.auswahl input:focus-visible+span{outline:2px solid var(--cp-yellow);outline-offset:3px}.zustimmung{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}.zustimmung input{width:20px;height:20px;accent-color:var(--cp-yellow);flex:none;margin-top:2px}.zustimmung a{color:var(--text-primary)}.feld__fehler{color:#ff8a7a;font-size:13px;line-height:1.5;display:none}.feld[data-fehler] .feld__fehler{display:block}.feld[data-fehler] input,.feld[data-fehler] select,.feld[data-fehler] textarea{border-color:#ff8a7a}.feld[data-fehler] .auswahl span{box-shadow:inset 0 0 0 1px #ff8a7a}.formular__absenden{justify-items:start;gap:16px;display:grid}.formular__absenden button{height:var(--control-lg);padding:var(--space-btn-y) var(--space-btn-x);border-radius:var(--radius-md);cursor:pointer;background:var(--cp-yellow);color:var(--on-yellow);font-family:var(--font-display);letter-spacing:-.4px;text-transform:uppercase;border:0;align-items:center;gap:12px;font-size:15px;font-weight:600;transition:background-color .2s,transform .12s;display:inline-flex}.formular__absenden button:hover{background:#f0f000}.formular__absenden button:active{transform:translateY(1px)}.formular__absenden button[disabled]{opacity:.6;cursor:progress}.formular__absenden p{color:var(--text-muted);font-size:13px}.konfig{border-radius:var(--radius-md);background:var(--surface-100);box-shadow:inset 0 0 0 1px var(--line-subtle);gap:4px;padding:18px 20px 18px 24px;display:grid;position:relative}.konfig:before{content:"";background:var(--cp-yellow);border-radius:0 3px 3px 0;width:3px;position:absolute;top:14px;bottom:14px;left:0}.konfig[hidden]{display:none}.konfig__titel{color:var(--cp-yellow);font-size:13px;font-weight:600}.konfig__paket{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.3}.konfig__flaechen{color:var(--text-muted);font-size:14px;line-height:1.6}.konfig__link{text-decoration-color:var(--cp-yellow);text-underline-offset:3px;justify-self:start;margin-top:6px;font-size:14px;font-weight:600}.honigtopf{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (width<=640px){.feld-reihe{grid-template-columns:1fr}.formular__absenden,.formular__absenden button{justify-content:center;width:100%}}
