dm-konfigurator{--dm-tinte: #0C1F2B;--dm-tinte-weich: #4A6272;--dm-linie: #D9E4EA;--dm-linie-weich: #EDF2F8;--dm-flaeche: #ffffff;--dm-flaeche-sanft: #F5F8FB;--dm-akzent: #10618A;--dm-akzent-tief: #0A2E43;--dm-akzent-sanft: #E8F2F6;--dm-fehler: #C2384A;--dm-erfolg: #1B7A5A;--dm-radius: 10px;--dm-z: 1000000010;display:block;margin:1.25rem 0;font-size:15px;line-height:1.55;color:var(--dm-tinte)}dm-konfigurator *,dm-konfigurator *:before,dm-konfigurator *:after{box-sizing:border-box}.dm-k__trigger{display:flex;align-items:center;gap:.9rem;width:100%;padding:.95rem 1.05rem;background:var(--dm-flaeche);border:1.5px solid var(--dm-linie);border-radius:var(--dm-radius);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.dm-k__trigger:hover{border-color:var(--dm-akzent);background:var(--dm-akzent-sanft)}.dm-k__trigger:focus-visible{outline:2px solid var(--dm-akzent);outline-offset:2px}.dm-k__trigger.is-fertig{border-color:var(--dm-erfolg);background:#f2f8f5}.dm-k__trigger.is-fertig .dm-k__trigger-icon{color:var(--dm-erfolg)}.dm-k__trigger.is-fehler{border-color:var(--dm-fehler);animation:dm-ruckeln .3s ease}@keyframes dm-ruckeln{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.dm-k__trigger.is-fehler{animation:none}}.dm-k__trigger-icon{flex:0 0 auto;width:24px;height:24px;color:var(--dm-akzent)}.dm-k__trigger-icon svg{width:100%;height:100%}.dm-k__trigger-text{flex:1 1 auto;min-width:0}.dm-k__trigger-title{display:block;font-weight:600}.dm-k__trigger-sub{display:block;font-size:.87em;color:var(--dm-tinte-weich);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-k__trigger.is-fertig .dm-k__trigger-sub{color:var(--dm-erfolg)}.dm-k__trigger-chevron{flex:0 0 auto;width:18px;height:18px;color:var(--dm-tinte-weich)}.dm-k__trigger-chevron svg{width:100%;height:100%}.dm-k__hinweis{margin:.55rem 0 0;font-size:.87em;color:var(--dm-fehler)}form.dm-k-unvollstaendig .buy-buttons-row .btn--add-to-cart,form.dm-k-unvollstaendig button[name=add]{opacity:.55}.dm-k__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c141a73;z-index:calc(var(--dm-z) - 1);opacity:0;transition:opacity .26s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dm-k__overlay.is-offen{opacity:1}.dm-k__drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100vw);z-index:var(--dm-z);transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);will-change:transform}.dm-k__drawer.is-offen{transform:translate(0)}@media(prefers-reduced-motion:reduce){.dm-k__drawer,.dm-k__overlay{transition:none}}.dm-k__drawer-inner{display:flex;flex-direction:column;height:100%;background:var(--dm-flaeche);box-shadow:-8px 0 40px -12px #0c141a4d}html.dm-k-offen{overflow:hidden}.dm-k__produkt{display:flex;align-items:center;gap:.85rem;flex:0 0 auto;padding:.9rem 1.4rem;background:var(--dm-flaeche-sanft);border-bottom:1px solid var(--dm-linie-weich)}.dm-k__produkt-bild{flex:0 0 auto;width:64px;height:64px;object-fit:contain;border-radius:calc(var(--dm-radius) - 3px);background:#fff;border:1px solid var(--dm-linie-weich)}.dm-k__produkt-text{flex:1 1 auto;min-width:0}.dm-k__produkt-titel{margin:0;font-weight:600;font-size:.95em;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-k__produkt-variante{margin:.15rem 0 0;font-size:.84em;color:var(--dm-tinte-weich);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-k__produkt-preis{flex:0 0 auto;text-align:right}.dm-k__produkt-preis-label{display:block;font-size:.72em;letter-spacing:.07em;text-transform:uppercase;color:var(--dm-tinte-weich)}.dm-k__produkt-preis-wert{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.dm-k__kopf{display:flex;align-items:flex-start;gap:1rem;padding:1.4rem 1.4rem 1rem;border-bottom:1px solid var(--dm-linie-weich)}.dm-k__kopf-text{flex:1 1 auto;min-width:0}.dm-k__schritt-zaehler{margin:0 0 .3rem;font-size:.76em;letter-spacing:.08em;text-transform:uppercase;color:var(--dm-tinte-weich)}.dm-k__titel{margin:0;font-size:1.32rem;line-height:1.25;font-weight:600;text-wrap:balance}.dm-k__schliessen{flex:0 0 auto;width:34px;height:34px;padding:7px;background:none;border:0;border-radius:50%;cursor:pointer;color:var(--dm-tinte-weich);transition:background-color .16s ease,color .16s ease}.dm-k__schliessen:hover{background:var(--dm-flaeche-sanft);color:var(--dm-tinte)}.dm-k__schliessen:focus-visible{outline:2px solid var(--dm-akzent);outline-offset:2px}.dm-k__schliessen svg{width:100%;height:100%}.dm-k__fortschritt{height:3px;background:var(--dm-linie-weich);flex:0 0 auto}.dm-k__fortschritt-bar{display:block;height:100%;background:var(--dm-akzent);transition:width .3s cubic-bezier(.32,.72,0,1)}.dm-k__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.3rem 1.4rem 1.6rem}.dm-k__karten{display:flex;flex-direction:column;gap:.65rem}.dm-k__karte{display:flex;align-items:flex-start;gap:.85rem;width:100%;padding:.875rem 1rem;background:var(--dm-flaeche);border:2px solid var(--dm-linie);border-radius:var(--dm-radius);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .16s ease,background-color .16s ease}.dm-k__karte:hover{border-color:var(--dm-akzent)}.dm-k__karte:focus-visible{outline:2px solid var(--dm-akzent);outline-offset:2px}.dm-k__karte.is-aktiv{border-color:var(--dm-akzent);background:var(--dm-akzent-sanft);color:var(--dm-tinte)}.dm-k__karte.is-aktiv:after{content:"";flex:0 0 auto;align-self:center;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310618A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5.2 5.2L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px 18px}.dm-k__vorschau{margin-top:1rem;padding:.95rem 1rem 1.05rem;border:1px solid var(--dm-linie);border-radius:var(--dm-radius);background:var(--dm-akzent-sanft)}.dm-k__vorschau-h{margin:0 0 .6rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dm-tinte-weich)}.dm-k__skizze{display:flex;align-items:center;gap:.9rem;margin:0}.dm-k__skizze svg{flex:0 0 auto;width:108px;height:auto}.dm-k__skizze figcaption{font-size:.875rem;line-height:1.5;color:var(--dm-tinte)}@media(max-width:380px){.dm-k__skizze{flex-direction:column;align-items:flex-start;gap:.6rem}.dm-k__skizze svg{width:128px}}.dm-k__skizze--foto{flex-direction:column;align-items:center;gap:.55rem;text-align:center}.dm-k__skizze--foto img{width:100%;max-width:260px;height:auto;display:block;border-radius:calc(var(--dm-radius) - 2px);background:#fff}.dm-k__skizze--foto figcaption{font-weight:600;font-size:.92rem}.dm-k__pd-paar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.dm-k__label--klein{font-size:.8rem}.dm-k__checkbox--klein{margin-top:.55rem;font-size:.875rem}.dm-k__notiz--kasten{margin-top:.9rem;padding:.8rem .9rem;border-radius:var(--dm-radius);background:var(--dm-akzent-sanft);color:var(--dm-tinte)}.dm-k__karte--mehrfach.is-aktiv:after{content:none}.dm-k__haken{flex:0 0 auto;align-self:center;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid var(--dm-linie);border-radius:6px;background:#fff;transition:border-color .16s ease,background-color .16s ease}.dm-k__haken svg{width:14px;height:14px;opacity:0;transition:opacity .16s ease}.dm-k__karte--mehrfach:hover .dm-k__haken{border-color:var(--dm-akzent)}.dm-k__karte--mehrfach.is-aktiv .dm-k__haken{border-color:var(--dm-akzent);background:var(--dm-akzent);color:#fff}.dm-k__karte--mehrfach.is-aktiv .dm-k__haken svg{opacity:1}.dm-k__hinweis-text{margin:0 0 .85rem;font-size:.875rem;line-height:1.5;color:var(--dm-tinte-weich)}.dm-k__karte-bild{flex:0 0 auto;width:52px;height:52px;object-fit:contain;border-radius:4px;background:var(--dm-flaeche-sanft)}.dm-k__karte-text{flex:1 1 auto;min-width:0}.dm-k__karte-titel{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;font-weight:600}.dm-k__karte-preis{flex:0 0 auto;font-weight:500;font-size:.89em;color:var(--dm-akzent);font-variant-numeric:tabular-nums}.dm-k__karte-preis--inkl{color:var(--dm-tinte-weich);font-weight:400}.dm-k__karte-bes{display:block;margin-top:.22rem;font-size:.89em;color:var(--dm-tinte-weich)}.dm-k__empfehlung{display:inline-block;margin-top:.45rem;padding:.18em .55em .22em;font-size:.78em;font-weight:500;color:var(--dm-erfolg);background:#e8f3ee;border-radius:3px}.dm-k__methoden{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.4rem}.dm-k__methode{position:relative;padding:.775rem 2.2rem .775rem .825rem;background:var(--dm-flaeche);border:2px solid var(--dm-linie);border-radius:var(--dm-radius);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .16s ease,background-color .16s ease}.dm-k__methode:hover{border-color:var(--dm-akzent)}.dm-k__methode:focus-visible{outline:2px solid var(--dm-akzent);outline-offset:2px}.dm-k__methode.is-aktiv{border-color:var(--dm-akzent);background:var(--dm-akzent-sanft);color:var(--dm-tinte)}.dm-k__methode.is-aktiv:after{content:"";position:absolute;top:.8rem;right:.8rem;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310618A' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5.2 5.2L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dm-k__methode-titel{display:block;font-weight:600;font-size:.93em}.dm-k__methode-bes{display:block;margin-top:.2rem;font-size:.84em;color:var(--dm-tinte-weich)}@media(max-width:30rem){.dm-k__methoden{grid-template-columns:1fr}}.dm-k__augen{display:flex;flex-direction:column;gap:1.1rem;margin:1.1rem 0 1.4rem}.dm-k__auge{padding:1rem 1.05rem 1.1rem;background:var(--dm-flaeche-sanft);border-radius:var(--dm-radius)}.dm-k__auge-titel{display:flex;align-items:center;gap:.55rem;margin:0 0 .8rem;font-weight:600;font-size:.95em}.dm-k__auge-kuerzel{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--dm-akzent);color:#fff;font-size:.74em;font-weight:600}.dm-k__auge-felder{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:.6rem}.dm-k__label{display:block;margin-bottom:.3rem;font-size:.82em;font-weight:500;color:var(--dm-tinte-weich)}.dm-k__optional{font-weight:400;opacity:.8}.dm-k__select,.dm-k__input{width:100%;padding:.58rem .65rem;background:var(--dm-flaeche);border:1.5px solid var(--dm-linie);border-radius:5px;font:inherit;font-size:.93em;color:var(--dm-tinte);font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none}.dm-k__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6b76' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:15px;padding-right:1.8rem}.dm-k__select:focus,.dm-k__input:focus{outline:none;border-color:var(--dm-akzent);box-shadow:0 0 0 3px var(--dm-akzent-sanft)}.dm-k__pd{margin-top:.3rem}.dm-k__pd .dm-k__select{max-width:12rem}.dm-k__notiz{margin:.45rem 0 0;font-size:.84em;color:var(--dm-tinte-weich)}.dm-k__checkbox{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;font-size:.92em}.dm-k__checkbox input{flex:0 0 auto;width:17px;height:17px;margin:.18rem 0 0;accent-color:var(--dm-akzent);cursor:pointer}.dm-k__checkbox--bestaetigung{margin-top:1.3rem;padding:.9rem 1rem;background:var(--dm-flaeche-sanft);border-radius:var(--dm-radius)}.dm-k__upload-feld{display:block;position:relative;padding:2rem 1rem;border:1.5px dashed var(--dm-linie);border-radius:var(--dm-radius);background:var(--dm-flaeche-sanft);text-align:center;cursor:pointer;transition:border-color .16s ease}.dm-k__upload-feld:hover{border-color:var(--dm-akzent)}.dm-k__upload-feld input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dm-k__upload-text{font-size:.93em;color:var(--dm-tinte-weich)}.dm-k__datei-versteckt{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dm-k__zusammenfassung{border-top:1.5px solid var(--dm-tinte);margin-bottom:1.3rem}.dm-k__zeile{display:flex;justify-content:space-between;align-items:baseline;gap:1.2rem;padding:.62rem 0;border-bottom:1px solid var(--dm-linie-weich)}.dm-k__zeile-label{font-size:.88em;color:var(--dm-tinte-weich);flex:0 0 auto}.dm-k__zeile-wert{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.dm-k__fuss{flex:0 0 auto;padding:1rem 1.4rem 1.2rem;border-top:1px solid var(--dm-linie-weich);background:var(--dm-flaeche)}.dm-k__preis{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--dm-linie-weich)}.dm-k__preis-label{font-size:.9em;color:var(--dm-tinte-weich)}.dm-k__preis-wert{font-weight:600;font-variant-numeric:tabular-nums}.dm-k__aktionen{display:flex;gap:.6rem}.dm-k__btn{flex:1 1 auto;padding:.8rem 1rem;border-radius:var(--dm-radius);border:1.5px solid transparent;font:inherit;font-weight:600;font-size:.96em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,opacity .16s ease}.dm-k__btn:focus-visible{outline:2px solid var(--dm-akzent);outline-offset:2px}.dm-k__btn--zurueck{flex:0 0 auto;min-width:6.5rem;background:var(--dm-flaeche);border-color:var(--dm-linie);color:var(--dm-tinte)}.dm-k__btn--zurueck:hover{border-color:var(--dm-tinte-weich)}.dm-k__btn--weiter{background:var(--dm-akzent);color:#fff}.dm-k__btn--weiter:hover:not(:disabled){background:var(--dm-akzent-tief)}.dm-k__btn--weiter:disabled{opacity:.4;cursor:not-allowed}@media(max-width:40rem){.dm-k__drawer{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100vw;height:92vh;height:92dvh;transform:translateY(100%)}.dm-k__drawer.is-offen{transform:translateY(0)}.dm-k__drawer-inner{border-radius:14px 14px 0 0;box-shadow:0 -8px 40px -12px #0c141a59;overflow-x:hidden}.dm-k__auge-felder{grid-template-columns:1fr 1fr}.dm-k__auge-felder>div:first-child{grid-column:1 / -1}.dm-k__produkt{padding:.75rem 1.1rem;gap:.7rem}.dm-k__produkt-bild{width:48px;height:48px}.dm-k__kopf{padding:.9rem 1.1rem .75rem}.dm-k__titel{font-size:1.15rem}.dm-k__schritt-zaehler{margin-bottom:.2rem}.dm-k__body{padding:1.1rem 1.1rem 1.4rem}.dm-k__select,.dm-k__input{font-size:16px;padding:.68rem .75rem}.dm-k__select{padding-right:1.9rem}.dm-k__karte{padding:1rem 1.05rem}.dm-k__methode{padding:.95rem 2.35rem .95rem 1rem}.dm-k__methode.is-aktiv:after{top:.95rem;right:.95rem}.dm-k__checkbox input{width:20px;height:20px}.dm-k__fuss{position:sticky;bottom:0;padding:.8rem 1.1rem;padding-bottom:calc(.8rem + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px -8px #0c141a2e}.dm-k__btn{min-height:48px}.dm-k__btn--zurueck{min-width:5.5rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/dm-konfigurator.css.map */