.doppelstab-konfigurator{--ds-green: #0B594C;--ds-green-dark: #063d32;--ds-green-mid: #0d7a65;--ds-green-soft: #eef5f0;--ds-green-border: #c3d9d0;--ds-green-sel: #3aaa6e;--ds-red: #cf143f;--ds-red-soft: #fff0f3;--ds-red-border: #f9c0cc;--ds-text: #1a241c;--ds-text-muted: #6b7a6e;--ds-bg: #ffffff;--ds-cell-bg: #f2f7f4;--ds-border: #d8e4db;--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 24px;--ds-shadow: 0 2px 12px rgba(11,89,76,.08);--ds-shadow-md: 0 6px 28px rgba(11,89,76,.12);--ds-font: var(--font-body--family, "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif);--ds-hl-h: 64px}.doppelstab-konfigurator{font-family:var(--ds-font);font-size:16px;color:var(--ds-text);background:var(--ds-bg)}.doppelstab-konfigurator *,.doppelstab-konfigurator *:before,.doppelstab-konfigurator *:after{box-sizing:border-box}.ds-headline{position:sticky;top:0;z-index:100;height:var(--ds-hl-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;background:var(--ds-green);color:#fff;box-shadow:0 2px 8px #0000002e}.ds-headline__left{display:flex;flex-direction:column;gap:.125rem;min-width:0}.ds-headline__name{font-weight:700;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-headline__config{font-size:13px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-headline__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.ds-headline__price{font-size:17px;font-weight:700;white-space:nowrap}.ds-headline__img{width:48px;height:48px;object-fit:cover;border-radius:var(--ds-radius-sm);border:2px solid rgba(255,255,255,.3);flex-shrink:0;display:none}@media(min-width:640px){.ds-headline__img{display:block}}.ds-headline__btn{display:flex;align-items:center;gap:.5rem;padding:8px 18px;background:#fff;color:var(--ds-green);border:2px solid rgba(255,255,255,.5);border-radius:var(--ds-radius-lg);font-family:var(--ds-font);font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.ds-headline__btn:hover{background:var(--ds-green-soft);color:var(--ds-green-dark)}.ds-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:auto auto;grid-template-areas:"options gallery" "cta     gallery";gap:1.5rem;align-items:start;max-width:1400px;margin:0 auto;padding:1.5rem}.ds-layout__gallery{grid-area:gallery;grid-row:1 / 3;position:sticky;top:calc(var(--ds-hl-h) + 1rem)}.ds-layout__options{grid-area:options}.ds-layout__cta{grid-area:cta}.ds-gallery{background:var(--ds-bg);border-radius:var(--ds-radius-md);overflow:hidden;box-shadow:var(--ds-shadow);border:1px solid var(--ds-border)}.ds-gallery__sim{display:none;overflow:hidden;background:#deeae8;border-bottom:2px solid var(--ds-border);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0}.ds-gallery__sim:not(:empty){display:block}.ds-gallery__sim svg{display:block;width:100%;height:auto;max-height:260px}.ds-gallery__main{aspect-ratio:4 / 3;overflow:hidden;background:#f4f8f5;position:relative}.ds-gallery__main img{width:100%;height:100%;object-fit:contain;display:block}.ds-gallery__thumbs-row{display:flex;align-items:center;gap:.35rem;padding:.5rem .4rem;border-top:1px solid var(--ds-border);background:var(--ds-bg)}.ds-gallery__thumbs{display:flex;flex-wrap:nowrap;flex:1;min-width:0;gap:.4rem;padding:.125rem 0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ds-green) transparent}.ds-gallery__thumbs::-webkit-scrollbar{height:6px}.ds-gallery__thumbs::-webkit-scrollbar-thumb{background:var(--ds-green);border-radius:3px}.ds-gallery__thumbs-nav{flex-shrink:0;width:2rem;height:2rem;padding:0;border:1px solid var(--ds-border);border-radius:50%;background:#fff;color:var(--ds-green);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.ds-gallery__thumbs-nav:hover{background:var(--ds-green);color:#fff;border-color:var(--ds-green)}.ds-gallery__thumbs-nav:disabled{opacity:.35;cursor:default;pointer-events:none}.ds-gallery__thumbs .doppelstab-konfigurator__thumb{padding:0;background:none;border:none;cursor:pointer;flex-shrink:0;border-radius:var(--ds-radius-sm);overflow:hidden;scroll-snap-align:start}.ds-gallery__thumbs .doppelstab-konfigurator__thumb img,.ds-gallery__thumbs img{width:60px;height:60px;object-fit:cover;border-radius:var(--ds-radius-sm);border:2px solid var(--ds-border);display:block;transition:border-color .15s}.ds-gallery__thumbs .doppelstab-konfigurator__thumb.is-active img,.ds-gallery__thumbs .doppelstab-konfigurator__thumb:hover img,.ds-gallery__thumbs img:hover{border-color:var(--ds-green)}.ds-gallery__links{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem .75rem;border-top:1px solid var(--ds-border)}.ds-gallery__links a{font-size:.8125rem;color:var(--ds-green);text-decoration:underline;text-underline-offset:2px}.ds-options{display:flex;flex-direction:column;gap:.75rem}.ds-trust{display:flex;flex-wrap:wrap;gap:.375rem 1.25rem;background:var(--ds-green-soft);border:1px solid var(--ds-green-border);border-radius:var(--ds-radius-md);padding:.625rem 1rem}.ds-trust__item{font-size:13px;color:var(--ds-green-dark);font-weight:600;padding-left:20px;position:relative}.ds-trust__item:before{content:"\2713";position:absolute;left:0;color:var(--ds-green);font-weight:700}.ds-options__subtitle{font-size:14px;color:var(--ds-text-muted);padding:0 2px}.ds-options__panels{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);overflow:hidden;background:var(--ds-border);gap:1px}.ds-panel--full{grid-column:1 / -1}.ds-panel--half{grid-column:span 1}.doppelstab-konfigurator__panel{background:var(--ds-cell-bg);border:none;border-radius:0;overflow:hidden;position:relative;transition:background .15s}.doppelstab-konfigurator__panel:has(.doppelstab-konfigurator__panel-body.is-open){background:var(--ds-bg)}.doppelstab-konfigurator__panel.is-expanded{background:var(--ds-bg)}.doppelstab-konfigurator__panel-trigger{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;align-items:center;gap:0 .5rem;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;font-family:var(--ds-font);font-size:15px;color:var(--ds-text);text-align:left;transition:background .12s;line-height:1.3}.doppelstab-konfigurator__panel-trigger:hover{background:#0b594c0a}.ds-panel__label{font-weight:700;font-size:15px;color:var(--ds-green-dark);grid-column:1;grid-row:1;display:block;line-height:1.3}.doppelstab-konfigurator__selected-value{font-size:13px;color:var(--ds-text-muted);grid-column:1;grid-row:2;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.doppelstab-konfigurator__panel-trigger:after{content:"Info \24d8";grid-column:2;grid-row:1 / 3;align-self:center;font-size:13px;color:var(--ds-text-muted);white-space:nowrap;padding:0 2px;pointer-events:none}.doppelstab-konfigurator__chev{grid-column:3;grid-row:1 / 3;align-self:center;font-size:12px;color:var(--ds-text-muted);flex-shrink:0;transition:transform .2s;line-height:1}.doppelstab-konfigurator__panel-trigger[aria-expanded=true] .doppelstab-konfigurator__chev{transform:rotate(180deg)}.doppelstab-konfigurator__panel-body{display:none;padding:0 .875rem .875rem;border-top:1px solid var(--ds-border);background:var(--ds-bg)}.doppelstab-konfigurator__panel-body.is-open{display:block}.ds-panel__hint{font-size:13px;color:var(--ds-text-muted);margin:.5rem 0 .625rem;line-height:1.4}.ds-option-grid{display:grid;gap:.5rem;margin-top:.625rem}.ds-option-grid--wire{grid-template-columns:repeat(2,1fr)}.ds-option-grid--height,.ds-option-grid--coating{grid-template-columns:repeat(3,1fr)}.ds-option-grid--post{grid-template-columns:repeat(4,1fr)}.ds-option-grid--mount{grid-template-columns:repeat(3,1fr)}.ds-option-grid--caps{grid-template-columns:repeat(2,1fr)}.doppelstab-konfigurator__opt{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.3rem;padding:.5rem .375rem;background:var(--ds-bg);border:2px solid var(--ds-border);border-radius:var(--ds-radius-sm);cursor:pointer;font-family:var(--ds-font);transition:border-color .15s,box-shadow .15s;text-align:center;width:100%}.doppelstab-konfigurator__opt:hover{border-color:var(--ds-green-border)}.doppelstab-konfigurator__opt.is-active,.doppelstab-konfigurator__opt[aria-pressed=true]{border-color:var(--ds-green);box-shadow:0 0 0 2px #0b594c26}.ds-opt-img{width:64px;height:64px;object-fit:contain;display:block;flex-shrink:0}.ds-opt-img--sq{width:80px;height:80px}.ds-opt-img--swatch{width:100%;height:48px;object-fit:cover;border-radius:3px}.ds-opt-label{font-size:12px;font-weight:600;color:var(--ds-text);line-height:1.25}.ds-badge{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;background:var(--ds-green);color:#fff;padding:.1em .4em;border-radius:3px;vertical-align:middle;margin-left:.2em}.ds-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ds-field__label{font-size:13px;font-weight:600;color:var(--ds-text-muted)}.ds-field__input{width:100%;padding:12px 14px;font-family:var(--ds-font);font-size:18px;font-weight:600;color:var(--ds-text);background:var(--ds-bg);border:2px solid var(--ds-border);border-radius:var(--ds-radius-sm);transition:border-color .15s,box-shadow .15s;box-sizing:border-box;-moz-appearance:textfield}.ds-field__input::-webkit-outer-spin-button,.ds-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ds-field__input:focus{outline:none;border-color:var(--ds-green);box-shadow:0 0 0 3px #0b594c1f}.ds-warn{background:#fff8e1;border:1px solid #ffe082;border-radius:var(--ds-radius-sm);padding:.75rem 1rem;font-size:.875rem;color:#5a4a00}.doppelstab-konfigurator__msg,.doppelstab-konfigurator__msg--ok{padding:.625rem .75rem;border-radius:var(--ds-radius-sm);font-size:.875rem;background:var(--ds-green-soft);color:var(--ds-green-dark);border:1px solid var(--ds-green-border)}.doppelstab-konfigurator__msg--error{background:var(--ds-red-soft);color:var(--ds-red);border:1px solid var(--ds-red-border)}.ds-cta{background:var(--ds-bg);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);overflow:hidden;border:1px solid var(--ds-border)}.ds-cta__title{font-size:16px;font-weight:700;color:var(--ds-green-dark);line-height:1.3;padding:1rem 1rem 0;margin:0}.ds-cta__rule{height:2px;background:linear-gradient(90deg,var(--ds-green),transparent);margin:.5rem 1rem}.ds-cta__subtitle{font-size:13px;color:var(--ds-text-muted);padding:0 1rem .5rem;line-height:1.4}.ds-cta__summary{display:none}.ds-cta__recap{font-size:12px;color:var(--ds-text-muted);margin:0 0 .5rem;line-height:1.35}.ds-cta__recap:empty{display:none}.ds-cta__price-block{background:linear-gradient(135deg,var(--ds-green-soft) 0%,#e8f5ee 100%);border-top:1px solid var(--ds-green-border);border-bottom:1px solid var(--ds-green-border);padding:.875rem 1rem;margin:0 0 .75rem}.ds-cta__price-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:.25rem}.ds-cta__price-total{font-size:30px;font-weight:800;color:var(--ds-green-dark);line-height:1}.ds-cta__price-badge{display:inline-flex;align-items:center;padding:.25em .6em;background:var(--ds-red);color:#fff;border-radius:20px;font-size:.875rem;font-weight:700;line-height:1}.ds-cta__price-badge:empty{display:none}.ds-cta__compare-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ds-cta__price-compare{font-size:.875rem;color:var(--ds-text-muted);text-decoration:line-through}.ds-cta__price-save{font-size:.8125rem;color:var(--ds-red);font-weight:600}.ds-cta__montage-row{font-size:12px;color:var(--ds-text-muted);margin-top:.25rem}.doppelstab-konfigurator__breakdown{margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem}.doppelstab-konfigurator__breakdown .ds-bd-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:12px;color:var(--ds-text-muted)}.doppelstab-konfigurator__breakdown .ds-bd-label{flex:1;min-width:0;line-height:1.35}.doppelstab-konfigurator__breakdown .ds-bd-right{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;flex-shrink:0}.doppelstab-konfigurator__breakdown .ds-bd-val{font-weight:600;color:var(--ds-text);text-align:right;white-space:nowrap}.doppelstab-konfigurator__breakdown .ds-bd-eur{font-size:11px;font-weight:600;color:var(--ds-green-dark);text-align:right;line-height:1.3;max-width:58%}.ds-cta__price-total--muted{font-size:.95rem;font-weight:600;color:var(--ds-text-muted);line-height:1.25}.ds-pd-foot--warn{color:#6b2c2c;background:#cf143f14;padding:.5rem .45rem;border-radius:var(--ds-radius-sm)}.ds-pd-foot--warn code{font-size:.7rem}.ds-preisdetails{margin-top:.75rem;padding:.75rem .625rem;background:var(--ds-green-soft);border:1px solid var(--ds-green-border);border-radius:var(--ds-radius-md);font-size:13px}.ds-preisdetails[hidden]{display:none!important}.ds-pd-title{font-weight:700;font-size:14px;color:var(--ds-green-dark);margin-bottom:.25rem}.ds-pd-sub{font-size:12px;color:var(--ds-text-muted);margin-bottom:.5rem}.ds-pd-subline{margin-top:.35rem;font-size:11.5px;line-height:1.4;color:var(--ds-text-muted)}.ds-pd-table{width:100%;border-collapse:collapse}.ds-pd-table td{padding:.35rem .25rem;vertical-align:top;border-bottom:1px solid var(--ds-green-border)}.ds-pd-table tr:last-child td{border-bottom:none}.ds-pd-k{width:48%;color:var(--ds-text)}.ds-pd-k code{font-size:11px;background:#ffffffb3;padding:.1em .35em;border-radius:3px}.ds-pd-src{font-size:11px;color:var(--ds-text-muted)}.ds-pd-q{text-align:right;white-space:nowrap;color:var(--ds-text-muted);font-size:12px}.ds-pd-p{text-align:right;white-space:nowrap;font-weight:600;color:var(--ds-text)}.ds-pd-sum td{padding-top:.5rem;border-bottom:none}.ds-pd-w{font-weight:400;font-size:11px;color:var(--ds-text-muted)}.ds-pd-foot{margin:.5rem 0 0;font-size:11px;color:var(--ds-text-muted);line-height:1.35}.ds-cta__btn{display:block;width:calc(100% - 2rem);margin:0 1rem;padding:14px;background:var(--ds-green);color:#fff;border:none;border-radius:var(--ds-radius-lg);font-family:var(--ds-font);font-size:16px;font-weight:700;cursor:pointer;text-align:center;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 16px #0b594c40}.ds-cta__btn:hover{background:var(--ds-green-dark);box-shadow:0 6px 24px #0b594c59}.ds-cta__btn:active{transform:scale(.98)}.ds-cta__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ds-cta__tax{font-size:12px;color:var(--ds-text-muted);text-align:center;margin:.5rem 1rem 0}.ds-cta__msg{margin:.5rem 1rem 0;padding:.625rem .75rem;border-radius:var(--ds-radius-sm);font-size:.875rem;background:var(--ds-green-soft);color:var(--ds-green-dark);border:1px solid var(--ds-green-border)}.ds-cta__delivery{font-size:13px;color:var(--ds-text-muted);padding:0 1rem;margin-top:.375rem}.ds-cta__delivery:last-child{padding-bottom:1rem}@media(max-width:1100px){.ds-layout{grid-template-columns:1fr 340px}}@media(max-width:900px){.ds-layout{grid-template-columns:1fr;grid-template-areas:"gallery" "options" "cta"}.ds-layout__gallery{grid-row:auto;position:static}.ds-layout__cta{position:static}.ds-cta{max-width:560px;margin:0 auto}}@media(max-width:600px){.ds-layout{padding:.75rem;gap:.75rem}.ds-headline{padding:0 1rem}.ds-headline__name{font-size:14px}.ds-headline__btn span{display:none}.ds-headline__btn{padding:.5rem .625rem}.ds-options__panels{grid-template-columns:1fr}.ds-panel--half,.ds-panel--full{grid-column:1 / -1}.ds-option-grid--wire,.ds-option-grid--post,.ds-option-grid--mount{grid-template-columns:repeat(2,1fr)}.ds-option-grid--coating{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/doppelstab-konfigurator.css.map */