#dtf-optionen{--dtf-orange:#111111;--dtf-orange-soft:var(--mq-sand);--dtf-ink:var(--mq-tinte);--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;flex-wrap:wrap;align-items:center;gap:6px 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:120px;flex:1 1 120px}.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{flex:none;margin-left:auto;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__resize-hint{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--dtf-muted)}.dtf__preview-label{margin:14px 0 7px;font-size:12px;font-weight:600;color:var(--dtf-muted)}.dtf__preview{position:relative;width:100%;overflow:hidden;border:1px solid var(--dtf-line);border-radius:10px;background-color:#f8f7f3;background-image:linear-gradient(45deg,#ebe8e0 25%,transparent 25%,transparent 75%,#ebe8e0 75%);background-size:18px 18px;isolation:isolate}.dtf__preview--photo{background-repeat:no-repeat;background-position:center;background-size:cover}.dtf__preview--flip{transform:scaleX(-1)}.dtf__preview-field{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border:1px dashed rgba(var(--mq-tinte-rgb),.78);background:#ffffff14;overflow:visible}.dtf__preview-design-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-width:2px;min-height:2px;border:1.5px solid var(--dtf-orange);background:#ffffff0d}.dtf__preview-design-box[hidden]{display:none}.dtf__preview-design{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.dtf__preview-design[hidden]{display:none}.dtf__resize-handle{position:absolute;right:-10px;bottom:-10px;width:22px;height:22px;padding:0;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dtf-orange);color:#fff;box-shadow:0 2px 6px #00000047;cursor:nwse-resize;touch-action:none;z-index:3}.dtf__resize-handle svg{width:12px;height:12px}.dtf__resize-handle:hover,.dtf__resize-handle:focus-visible{background:var(--mq-tinte);outline:2px solid #fff;outline-offset:1px}.dtf__preview--resizing .dtf__preview-design-box{box-shadow:0 0 0 3px rgba(var(--mq-tinte-rgb),.18)}.dtf__preview-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:92px;padding:5px;color:var(--dtf-orange);font-size:10px;font-weight:600;text-align:center;background:#fffc}.dtf__preview-empty[hidden]{display:none}.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}.dtfgv-knopf{position:absolute;right:14px;bottom:14px;z-index:6;display:inline-flex;align-items:center;gap:7px;background:rgba(var(--mq-tinte-rgb),.78);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:11px 18px 11px 15px;font:inherit;font-size:13.5px;font-weight:600;box-shadow:0 6px 18px rgba(var(--mq-tinte-rgb),.28);cursor:pointer}.dtfgv-knopf:hover{background:rgba(var(--mq-tinte-rgb),.92)}.dtfgv-knopf[hidden]{display:none}.dtfgv-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;background:#fdfdfc}.dtfgv-panel[hidden]{display:none}.dtfgv-buehne{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.dtfgv-scaler{position:relative}.dtfgv-kopfleiste{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--dtf-orange-soft,var(--mq-sand))}.dtfgv-marke{font-size:14px;font-weight:700;color:var(--dtf-orange,#111111)}.dtfgv-schliessen{font:inherit;font-size:13px;font-weight:700;color:var(--dtf-ink,var(--mq-tinte));background:#fff;border:1.5px solid var(--dtf-ink,var(--mq-tinte));border-radius:999px;padding:7px 14px;cursor:pointer}.dtfgv-schliessen:hover{background:var(--dtf-orange);border-color:var(--dtf-orange);color:#fff}.dtfgv-tabs{display:flex;margin:10px 12px;border:1.5px solid var(--dtf-ink,var(--mq-tinte));border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.dtfgv-tabs[hidden]{display:none}.dtfgv-tab{flex:1;font:inherit;font-size:14px;font-weight:700;padding:12px 8px;border:none;background:#fff;color:var(--dtf-ink,var(--mq-tinte));cursor:pointer;border-right:1.5px solid var(--dtf-ink,var(--mq-tinte))}.dtfgv-tab:last-child{border-right:none}.dtfgv-tab:hover{background:var(--dtf-orange-soft,var(--mq-sand))}.dtfgv-tab.ist-aktiv{background:var(--dtf-orange,#111111);color:#fff}.dtfgv-hinweis{margin:0;padding:6px 14px 10px;font-size:11.5px;color:var(--dtf-muted,#6b6a67);text-align:center;background:var(--dtf-orange-soft,var(--mq-sand))}@media(prefers-reduced-motion:no-preference){.dtfgv-panel{animation:dtfgv-ein .15s ease-out}}@keyframes dtfgv-ein{0%{opacity:0}to{opacity:1}}@media(max-width:749px){.dtfgv-buehne{padding:8px}.dtfgv-kopfleiste{padding:8px 10px}.dtfgv-marke{font-size:13px}.dtfgv-schliessen{font-size:12px;padding:6px 12px}.dtfgv-tabs{margin:8px 10px}.dtfgv-tab{padding:9px 6px;font-size:13px}.dtfgv-hinweis{font-size:11px;padding:4px 10px 8px}}@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/8/assets/dtf-optionen.css.map */