#dtf-optionen{--dtf-orange:#E2622A;--dtf-orange-soft:#FDF3EE;--dtf-ink:#1c1b1a;--dtf-muted:#6b6a67;--dtf-line:#dcdad4;--dtf-line-stark:#b9b6ae;--dtf-rot:#c8452b;background:#fff;border:1px solid var(--dtf-line);border-radius:14px;padding:22px 20px;margin:18px 0;box-shadow:0 1px 3px #0000000a;color:var(--dtf-ink)}#dtf-optionen *{box-sizing:border-box}.dtf__titel{margin:0 0 2px;font-size:22px;font-weight:600}.dtf__sub{margin:0 0 20px;font-size:14px;color:var(--dtf-muted)}.dtf__label{font-size:14px;font-weight:600;margin:0 0 10px}.dtf__pflicht{color:var(--dtf-orange)}.dtf__opt{font-weight:400;color:var(--dtf-muted);font-size:12.5px}.dtf__upload{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--dtf-line-stark);border-radius:11px;padding:14px;cursor:pointer;background:#fdfdfc;transition:border-color .15s,background .15s}.dtf__upload:hover,.dtf__upload.ist-bereit{border-color:var(--dtf-orange);background:var(--dtf-orange-soft)}.dtf__upload-icon{flex:none;width:44px;height:44px;border-radius:10px;background:var(--dtf-orange-soft);color:var(--dtf-orange);display:flex;align-items:center;justify-content:center}.dtf__upload-icon svg{width:22px;height:22px}.dtf__upload-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.dtf__upload-text strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtf__upload-text small{font-size:12px;color:var(--dtf-muted);line-height:1.4}.dtf__upload-knopf{font-size:12.5px;color:var(--dtf-orange);white-space:nowrap;font-weight:600}.dtf__datei{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dtf__positionen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dtf__kachel{border:1.5px solid var(--dtf-line);border-radius:12px;background:#fff;padding:10px 4px 9px;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;text-align:center;transition:border-color .15s,background .15s}.dtf__kachel:hover{border-color:var(--dtf-line-stark)}.dtf__kachel:focus-visible{outline:2px solid var(--dtf-orange);outline-offset:2px}.dtf__kachel[aria-pressed=true]{border-color:var(--dtf-orange);background:var(--dtf-orange-soft)}.dtf__kachel-name{font-size:12px;font-weight:500;line-height:1.2}.dtf__kachel-mass{font-size:10.5px;color:var(--dtf-muted)}.dtf__kachel-plus{font-size:11px;font-weight:600;color:var(--dtf-orange);background:var(--dtf-orange-soft);border-radius:999px;padding:1px 8px;margin-top:3px}.dtf__preiszeile{font-size:13px;color:var(--dtf-muted);margin:8px 0 0}.dtf__preiszeile strong{color:var(--dtf-ink);font-weight:600}.dtf__preis{color:var(--dtf-orange);font-weight:700;font-size:15px}.dtf__groesse-block{border:1px solid var(--dtf-line);border-radius:12px;padding:14px 16px;margin-top:12px;background:#fdfdfc}.dtf__groesse-block h4{margin:0 0 10px;font-size:14px;font-weight:600}.dtf__dim{font-size:11.5px;font-weight:400;color:var(--dtf-muted)}.dtf__groesse-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dtf__feld-klein{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--dtf-muted)}.dtf__feld-klein input{width:100%;padding:10px 12px;font:inherit;font-size:14px;border:1px solid var(--dtf-line);border-radius:9px;background:#fff;color:var(--dtf-ink)}.dtf__feld-klein input:focus{outline:none;border-color:var(--dtf-orange)}.dtf__feld{margin-top:18px}#dtf-optionen textarea{width:100%;padding:11px 12px;font:inherit;font-size:14px;border:1px solid var(--dtf-line);border-radius:9px;background:#fff;min-height:80px;resize:vertical}#dtf-optionen textarea:focus{outline:none;border-color:var(--dtf-orange)}.dtf__info{font-size:12.5px;color:var(--dtf-muted);background:var(--dtf-orange-soft);border-left:3px solid var(--dtf-orange);padding:10px 12px;border-radius:0 6px 6px 0;margin-top:18px}.dtf__blocker{font-size:12.5px;color:var(--dtf-rot);margin:10px 0 0;padding-left:18px}.dtf__blocker:empty{display:none}@media(max-width:480px){.dtf__positionen{grid-template-columns:repeat(2,1fr)}.dtf__groesse-row{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){#dtf-optionen *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/dtf-optionen.css.map */