.choice-list{gap:var(--space-4);display:grid}.tile{background:var(--color-field);border:1px solid var(--color-field-border);transition:border-color var(--duration-fast), background-color var(--duration-fast)}.tile--selected{border-color:var(--color-success);background:var(--color-success-soft)}.tile--disabled{opacity:.45}.tile--disabled .tile__head{cursor:not-allowed}.tile__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);text-align:left;display:flex}.tile__text{display:block}.tile__title{font-size:1.0625rem;font-weight:800;display:block}.tile--selected .tile__title{color:var(--color-success)}.tile__desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5;display:block}.tile__indicator{border:2px solid var(--color-muted);color:#fff;width:2rem;height:2rem;transition:background-color var(--duration-fast), border-color var(--duration-fast);border-radius:50%;flex:none;place-items:center;display:grid}.tile--selected .tile__indicator,.tile__indicator--on{background:var(--color-success);border-color:var(--color-success)}.tile__body{margin:0 var(--space-6);padding:var(--space-5) 0 var(--space-6);border-top:1px solid var(--color-field-border)}.counter{justify-content:center;align-items:center;gap:clamp(1rem,4vw,2rem);display:flex}.counter__btn{border:2px solid var(--color-muted);width:3.375rem;height:3.375rem;color:var(--color-fg);transition:opacity var(--duration-fast), border-color var(--duration-fast);flex:none;place-items:center;display:grid}.counter__btn--inc{background:var(--color-success);border-color:var(--color-success);color:#fff}.counter__btn:disabled{opacity:.3;cursor:not-allowed}.counter__center{text-align:center;flex:0 6.5rem;min-width:0}.counter__value{width:100%;color:inherit;font:inherit;letter-spacing:-.05em;text-align:center;cursor:text;caret-color:currentColor;background:0 0;border:0;border-radius:4px;margin:0;padding:0;font-size:4rem;font-weight:900;line-height:1;display:block}.counter__value:focus,.counter__value:focus-visible{outline:none}.counter--md .counter__value{font-size:2.75rem}.counter--md .counter__btn{width:2.75rem;height:2.75rem}.counter__label{margin-top:var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.range{padding:var(--space-6);background:var(--color-field);border:1px solid var(--color-field-border)}.range__head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.range__label{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.range__value{font-size:2.25rem;font-weight:900;line-height:1}.range__unit{color:var(--color-muted);margin-left:.25rem;font-size:1.125rem;font-weight:400}.range__input{background:linear-gradient(to right, var(--color-success) var(--fill), var(--color-fg) var(--fill));appearance:none;cursor:pointer;border-radius:999px;width:100%;height:.5rem;margin:0;display:block}.range__input::-webkit-slider-thumb{background:var(--color-success);appearance:none;border:0;border-radius:50%;width:1.25rem;height:1.25rem}.range__input::-moz-range-thumb{background:var(--color-success);border:0;border-radius:50%;width:1.25rem;height:1.25rem}.range__input:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.range__marks{margin-top:var(--space-3);color:var(--color-muted);justify-content:space-between;font-size:.75rem;display:flex}.range__hint{margin-top:var(--space-5)}.hint{padding:var(--space-3) var(--space-5);border-left:3px solid var(--color-muted);font-size:var(--text-sm);color:var(--color-muted);background:#ffffff0a;line-height:1.5}.hint--warning{border:1px solid var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.alert{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--color-field-border);background:var(--color-field);font-size:var(--text-sm);color:var(--color-muted);display:flex}.alert__icon{background:var(--color-muted);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:900;display:grid}.alert--success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-bright)}.alert--success .alert__icon{background:var(--color-success)}.alert--error{border-color:var(--color-danger);color:var(--color-fg);background:#e306131a}.alert--error .alert__icon{background:var(--color-danger)}.device{width:100%;padding:var(--space-6);background:var(--color-field);border:1px solid var(--color-field-border);text-align:left;transition:border-color var(--duration-fast), background-color var(--duration-fast)}.device--selected{border-color:var(--color-success);background:var(--color-success-soft)}.device--selected .device__name{color:var(--color-success)}.device--dimmed{opacity:.7}.device__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.device__name{font-size:1.625rem;font-weight:900;line-height:1.1}.device__variant{margin-top:var(--space-1);color:var(--color-muted)}.device__specs{gap:var(--space-4) var(--space-6);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-field-border);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.device__spec dt{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem}.device__spec dd{margin-top:.125rem;font-weight:700}.device__util{gap:var(--space-8);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-field-border);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.device__bar-head{margin-bottom:var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);justify-content:space-between;font-size:.75rem;display:flex}.device__bar-head span:last-child{color:var(--color-fg);font-weight:800}.device__bar-track{background:#ffffff1a;height:4px}.device__bar-fill{background:var(--color-success);height:100%}.form-grid{gap:var(--space-5) var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid__full{grid-column:1/-1}.form-field{min-width:0;display:block}.form-field__label{margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);display:block}.form-field__req{color:var(--color-brand);margin-left:.125rem}.form-input{background:var(--color-field);border:1px solid var(--color-field-border);width:100%;color:var(--color-fg);font:inherit;font-size:var(--text-sm);color-scheme:inherit;transition:border-color var(--duration-fast);padding:.875rem 1rem;display:block}.form-input::placeholder{color:var(--color-muted);opacity:.8}.form-input:focus{border-color:var(--color-brand);outline:none}.form-input--area{resize:vertical;min-height:7rem}.dropzone{padding:var(--space-8) var(--space-6);border:1px dashed var(--color-muted);text-align:center;transition:border-color var(--duration-fast);background:#ffffff05}.dropzone--over{border-color:var(--color-brand);background:#e306130d}.dropzone__icon{margin:0 auto var(--space-3);color:var(--color-muted)}.dropzone__text{font-size:var(--text-sm)}.dropzone__pick{color:var(--color-brand);text-decoration:underline}.dropzone__meta{margin-top:var(--space-1);color:var(--color-muted);font-size:.75rem}.dropzone__files{gap:var(--space-2);margin-top:var(--space-5);text-align:left;display:grid}.dropzone__file{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-field);border:1px solid var(--color-field-border);font-size:var(--text-sm);display:flex}.dropzone__filename{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dropzone__filesize{color:var(--color-muted)}.dropzone__remove{width:1.5rem;height:1.5rem;color:var(--color-muted);font-size:1.125rem;line-height:1}.dropzone__remove:hover{color:var(--color-brand)}.dropzone__error{margin-top:var(--space-3);color:var(--color-brand);font-size:.8125rem}.kontakt__actions{margin-top:var(--space-6);justify-content:flex-end;display:flex}@media (width<=56rem){.kontakt__actions .btn{width:100%}}.anfrage{gap:var(--space-12);background:var(--color-panel);border:1px solid var(--color-border);grid-template-columns:minmax(0,3fr) minmax(16rem,2fr);padding:clamp(1.25rem,3vw,2.25rem);display:grid}.anfrage--done{grid-template-columns:1fr}.anfrage__aside{gap:var(--space-6);flex-direction:column;display:flex}.anfrage__model{text-transform:uppercase;font-size:1.375rem;font-weight:900}.anfrage__variant{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-brand);font-weight:700;display:block}.anfrage__media{background:var(--color-media-bg)}.anfrage__media img{width:100%;height:auto}.anfrage__submit{align-self:flex-end;margin-top:auto}.anfrage__thanks{font-size:1.625rem;font-weight:900}.anfrage__thanks-text{margin-top:var(--space-3);max-width:40rem;color:var(--color-muted)}.anfrage__thanks-actions,.kontakt--done .btn{margin-top:var(--space-6)}.anfrage__thanks-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=56rem){.anfrage{grid-template-columns:1fr}.anfrage__aside{display:contents}.anfrage__model,.anfrage__media{order:-1}.anfrage__submit{order:1;width:100%;margin-top:0}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}}
