/* Werkbank für Glas nach Maß, P001-Pilot (29.10.2026). Grundlage: Codex-Paket oberkersch-werkbank-plus (design, cards, finish, plus,
   surfaces, editor, bar), zusammengeführt und auf main.wb-seite begrenzt (Seite nur mit data-layout="werkbank", server/konfigurator-layout.mjs).
   Nicht von Hand aus dem Paket nachkopieren: Konzepte A/B, Editor B/C und die Vorschauhülle sind entfernt. Orange-Schicht am Ende. */
:root{--plus-purchase-height:106px;--plus-ease:cubic-bezier(.2,.8,.2,1)}
main.wb-seite #glas-konfigurator{--ink:#162c4b;--blue:#154e8a;--muted:#586b81;--line:#d5dfe7;--paper:#fff;--soft:#f2f6f9;--a-action:48px;--a-radius:8px;--fe-blue:#174f88;--fe-ink:#172e48;--fe-line:#ccd9e4;--fe-muted:#5e7285;--fe-bg:#f3f7fa;color-scheme:light;color:var(--ink);font-size:14px;line-height:1.5}
/* Platz für die feste Kaufleiste (plus.css: body[data-plus]); die Höhe misst public/shop/glas/werkbank/plus.mjs. */
body:has(>main.wb-seite){padding-bottom:calc(var(--plus-purchase-height) + 24px)}
:where(main.wb-seite #glas-konfigurator),:where(main.wb-seite #glas-konfigurator) *{box-sizing:border-box}
:where(main.wb-seite #glas-konfigurator) :is(button,input,select,textarea){font:inherit}
:where(main.wb-seite #glas-konfigurator) :is(button,summary){cursor:pointer;touch-action:manipulation}
:where(main.wb-seite #glas-konfigurator) a{color:var(--blue)}
:where(main.wb-seite #glas-konfigurator) button{color:var(--ink)}
:where(main.wb-seite #glas-konfigurator) button:disabled{opacity:.45;cursor:default}
:where(main.wb-seite #glas-konfigurator) :is(h1,h2,h3,p){margin-top:0}
:where(main.wb-seite #glas-konfigurator) :is(button,a,input,summary,select,textarea):focus-visible{outline:3px solid var(--wb-fokus,#c45a12)!important;outline-offset:3px}
:where(main.wb-seite #glas-konfigurator) [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){:where(main.wb-seite #glas-konfigurator) :is(*,*::before,*::after){animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* design.css */
main.wb-seite #glas-konfigurator#glas-konfigurator{display:grid!important;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)!important;grid-template-areas:'nav nav' 'controls preview' 'controls price' 'extras extras' 'tools tools';gap:20px!important;position:relative!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;align-items:start!important;--gc-bottom-space:0px;--gc-kopf-rest:0px!important;--gc-kopf-zeichnung:0px!important;--gc-question-height:0px!important;background:none!important;border:0!important;box-shadow:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator :is(.gc-steps,.gc-jump>a,.gc-karte-kopf,.gc-tabs,#gc-view-purpose,.gc-detail,.gc-a-back,.gc-a-next,.gc-shop-return,.gc-ka-leiste,.gc-ka-nav,.gc-ka-toolbar,.gc-zeichnung-ansehen,.gc-steps-legend,#gc-zurueck-eingabe,.gc-gewicht-gross){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-controls{grid-area:controls;position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:24px!important;overflow:visible!important;border:1px solid var(--line)!important;border-radius:12px;background:white;align-self:stretch!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-jump,main.wb-seite #glas-konfigurator#glas-konfigurator #gc-form{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-height:none!important;overflow:visible!important;border:0!important;background:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator [data-accordion-section]{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
main.wb-seite #glas-konfigurator#glas-konfigurator [data-accordion-section]:not([data-design-active=true]){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator [data-accordion-section]>h2{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-accordion-content{padding:0!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-heading{display:flex!important;position:relative!important;align-items:center;gap:12px;padding:0 0 18px!important;margin:0!important;min-height:44px!important;border:0!important;flex-wrap:wrap}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-heading h2{font-size:26px!important;line-height:1.25!important;letter-spacing:-.5px;margin:0!important;padding:0 48px 0 0!important;border:0!important;max-width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-heading h2:before{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-heading .t-eyebrow{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help{position:absolute!important;right:0!important;top:-5px!important;width:44px!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border:1px solid var(--line)!important;border-radius:8px;list-style:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help summary::-webkit-details-marker{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help[open]{position:static!important;width:100%!important;flex-basis:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help[open]>summary{margin-left:auto}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help>p{position:static!important;width:100%!important;max-width:none!important;inset:auto!important;background:var(--soft);padding:12px;font-size:13px;margin:8px 0 0;line-height:1.55}
main.wb-seite #glas-konfigurator#glas-konfigurator fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0;width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator fieldset>legend{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;margin:-1px!important;padding:0!important;border:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-help{font-size:13px!important;line-height:1.55;margin:10px 0;color:#53677e}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-group-label{font-size:14px;font-weight:700;line-height:1.5;margin:16px 0 8px}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-begriff-zeile{display:flex;align-items:center;min-height:44px;gap:8px;margin:0 0 8px;font-weight:600;font-size:14px}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-begriff>summary{min-width:44px!important;min-height:44px!important;display:flex;justify-content:center;align-items:center;top:auto!important;right:auto!important;list-style:none;border:0!important;background:transparent;padding:10px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-begriff-text{font-size:14px;max-width:calc(100vw - 32px)!important;line-height:1.6}
main.wb-seite #glas-konfigurator#glas-konfigurator label{font-size:14px;line-height:1.5;font-weight:600;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator input:not([type=checkbox]):not([type=radio]):not([type=file]),main.wb-seite #glas-konfigurator#glas-konfigurator select,main.wb-seite #glas-konfigurator#glas-konfigurator textarea{min-height:48px!important;max-width:100%;min-width:0;border:1px solid #8fa3b6!important;border-radius:7px!important;padding:11px 12px!important;font-size:16px!important;background:#fff;color:var(--ink)}
main.wb-seite #glas-konfigurator#glas-konfigurator input[aria-invalid=true]{border-color:#ac4026!important;background:#fffaf7}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important;align-items:start;margin:16px 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:96px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:12px 6px!important;border:1px solid #9dabbc!important;border-radius:8px;background:#fff;color:var(--ink);font-size:13px!important;line-height:1.35}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>button svg{width:46px!important;height:30px!important;flex:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>button[aria-pressed=true]{border:2px solid var(--blue)!important;background:#eaf2fa!important;color:var(--blue)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>.gc-choice-unavailable{border-style:dashed!important;color:#6a7380!important;background:#f6f7f9!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shape-more,main.wb-seite #glas-konfigurator#glas-konfigurator .gc-dxf-tile{grid-column:1/-1!important;min-height:48px!important;flex-direction:row!important;background:var(--soft)!important}
:where(main.wb-seite #glas-konfigurator) .gc-shape-more small{font-size:11px!important}
:where(main.wb-seite #glas-konfigurator) .gc-choice-reason{font-size:10px!important;line-height:1.3}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>[data-shape][hidden]{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label]{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-begriff-wahl{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px;align-items:center}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-quality]{display:block;width:100%;min-height:60px!important;position:relative;padding:12px 12px 12px 44px!important;border:1px solid #8fa3b6!important;border-radius:8px;background:#f5f8fb!important;color:var(--ink)!important;text-align:left;font-size:14px;font-weight:700;line-height:1.45}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-quality]:before{content:'';width:16px;height:16px;border:2px solid #6f879f;border-radius:50%;position:absolute;left:14px;top:calc(50% - 8px);background:#fff}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-quality][aria-pressed=true]{background:var(--blue)!important;color:#fff!important;border:2px solid var(--blue)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-quality][aria-pressed=true]:before{border-color:#fff;background:var(--blue);box-shadow:inset 0 0 0 3px #fff}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-staerken{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 16px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-thickness]{min-height:48px!important;min-width:0;width:100%;border:1px solid #8fa3b6;border-radius:7px;background:white;color:var(--ink);padding:10px 4px!important;font-size:14px;font-weight:700}
main.wb-seite #glas-konfigurator#glas-konfigurator button[data-thickness][aria-pressed=true]{background:var(--blue)!important;border-color:var(--blue);color:#fff!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-mm-hinweis{padding:10px 12px;margin:16px 0;font-size:13px;line-height:1.5;background:var(--soft);border-left:3px solid #a6bbcc}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-format-limits{font-size:12px;line-height:1.5;margin:8px 0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-weiter{display:none!important}
:where(main.wb-seite #glas-konfigurator) .design-stephead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .design-stephead>span{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}
:where(main.wb-seite #glas-konfigurator) .design-stephead>strong,:where(main.wb-seite #glas-konfigurator) .design-mobile-drawing{display:none}
:where(main.wb-seite #glas-konfigurator) .design-nav{grid-area:nav;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-preview{grid-area:preview;position:static!important;inset:auto!important;display:flex!important;flex-direction:column;align-self:start!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:1px solid var(--line)!important;border-radius:12px;background:#fff;box-shadow:none!important;min-width:0!important}
:where(main.wb-seite #glas-konfigurator) .design-drawhead{order:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 6px}
:where(main.wb-seite #glas-konfigurator) .design-drawhead span,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog header span{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
:where(main.wb-seite #glas-konfigurator) .design-drawhead h2{font-size:16px;letter-spacing:-.2px;line-height:1.3;margin:4px 0 0}
:where(main.wb-seite #glas-konfigurator) .design-drawhead button{min-height:44px;font-size:12px;font-weight:600;border:1px solid #a7b7c7;border-radius:7px;background:#fff;padding:9px 12px}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-workview{order:1;display:block!important;position:relative!important;padding:0!important;margin:0!important;width:100%!important;min-width:0;max-height:none!important;border:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-stage{position:relative!important;inset:auto!important;margin:0!important;padding:0!important;width:100%!important;height:340px!important;min-height:0!important;max-height:none!important;border:0!important;background:linear-gradient(145deg,#fff,#f3f8fa)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-canvas-wrap{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;border:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-diagram{position:absolute!important;inset:10px 10px 42px!important;display:block;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;margin:0!important;padding:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-diagram-surface{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-drawing,main.wb-seite #glas-konfigurator#glas-konfigurator #gc-handles{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-toolbar{position:absolute!important;top:auto!important;bottom:4px!important;right:12px!important;display:flex!important;gap:6px;padding:0!important;background:transparent!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-toolbar button{height:44px!important;width:44px!important;min-height:44px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:#fff!important;color:var(--blue)!important;font-size:18px}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-fullscreen{display:none!important}
:where(main.wb-seite #glas-konfigurator) .design-gallery{order:2;display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid #e0e7ed;background:#fff;border-radius:0 0 12px 12px}
:where(main.wb-seite #glas-konfigurator) .design-photo-copy{flex:1;min-width:0}
:where(main.wb-seite #glas-konfigurator) .design-photo-copy strong{display:block;font-size:13px;line-height:1.4}
:where(main.wb-seite #glas-konfigurator) .design-photo-copy span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
:where(main.wb-seite #glas-konfigurator) .design-gallery button{border:1px solid #c9d5df;border-radius:7px;background:#fff;width:116px;padding:4px 5px;flex:none;color:var(--ink);min-height:78px}
:where(main.wb-seite #glas-konfigurator) .design-gallery img{display:block;width:100%;height:56px;object-fit:contain;background:#f5f6f7;border-radius:4px}
:where(main.wb-seite #glas-konfigurator) .design-gallery button>span{display:block;font-size:10px;font-weight:600;margin:4px 0}
:where(main.wb-seite #glas-konfigurator) .design-technical{order:3;padding:0 20px;border-top:1px solid var(--line);background:#f9fbfc;border-radius:0 0 12px 12px}
:where(main.wb-seite #glas-konfigurator) .design-technical>summary,:where(main.wb-seite #glas-konfigurator) .design-selection>summary,:where(main.wb-seite #glas-konfigurator) .design-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;font-size:13px;font-weight:600;color:#405974;list-style:none}
:where(main.wb-seite #glas-konfigurator) .design-technical>summary::-webkit-details-marker,:where(main.wb-seite #glas-konfigurator) .design-selection>summary::-webkit-details-marker,:where(main.wb-seite #glas-konfigurator) .design-tools>summary::-webkit-details-marker{display:none}
:where(main.wb-seite #glas-konfigurator) .design-technical-content{padding-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .design-technical[open]>summary span,:where(main.wb-seite #glas-konfigurator) .design-selection[open]>summary span,:where(main.wb-seite #glas-konfigurator) .design-tools[open]>summary span{transform:rotate(45deg)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-facts{display:flex!important;flex-wrap:wrap;gap:6px 16px;border:0!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .gc-facts>span:last-child{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-measurements-disclosure{padding:0!important;margin:12px 0 0!important;border:0!important;max-width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-measurements-disclosure summary{min-height:44px;display:flex;align-items:center;font-size:13px}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-measurements{font-size:13px;max-width:100%;overflow:auto}
:where(main.wb-seite #glas-konfigurator) .design-selection{margin-top:24px;border-top:1px solid var(--line)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection h2,main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-heading{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-selection-list{display:block!important;padding:0!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-group{margin:0!important;padding:0!important;border:0!important;display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-group>dd{padding:0!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:center!important;padding:4px 0!important;border-bottom:1px solid var(--line)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row dt{font-size:12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row dd{margin:0!important;text-align:right}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row button{min-height:44px!important;font-size:12px!important;line-height:1.4!important;padding:5px!important;border:0;background:transparent;color:var(--blue)}
:where(main.wb-seite #glas-konfigurator) .design-purchase{grid-area:price;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;align-items:center;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-quote{position:static!important;inset:auto!important;margin:0!important;padding:0!important;width:auto!important;min-width:0!important;background:none!important;border:0!important;box-shadow:none!important;grid-column:1;grid-row:1}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-quote-inner{display:flex!important;flex-direction:column-reverse!important;align-items:start!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;gap:2px!important;background:none!important;border:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-price{display:block!important;min-width:0;width:100%;padding:0!important;gap:0!important;line-height:1.4}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-price .gc-label{font-size:11px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600;color:var(--muted)}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-total{font-size:30px!important;font-weight:750!important;line-height:1.2!important;margin:3px 0!important;letter-spacing:-.8px;max-width:100%;overflow-wrap:break-word}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-price small{font-size:11px!important;line-height:1.45!important;color:#50637a}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-price>div{min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-summary{padding:0!important;margin:0!important;border:0!important;display:block!important;width:100%!important}
:where(main.wb-seite #glas-konfigurator) .gc-breakdown{position:static!important;max-width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-breakdown summary{min-height:44px!important;display:flex!important;align-items:center!important;font-size:12px!important;cursor:pointer;gap:6px;color:var(--blue);padding:0!important}
:where(main.wb-seite #glas-konfigurator) .gc-breakdown-content{position:static!important;width:100%!important;max-width:none!important;box-shadow:none!important;background:var(--soft);font-size:12px;padding:12px!important;margin:0!important}
:where(main.wb-seite #glas-konfigurator) .gc-breakdown-content table{width:100%}
:where(main.wb-seite #glas-konfigurator) .gc-breakdown-content p{margin:8px 0}
:where(main.wb-seite #glas-konfigurator) .design-delivery{grid-column:1/-1;grid-row:2;margin:0;display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.5;color:#536a80;border-top:1px solid #e1e8ef;padding-top:12px}
:where(main.wb-seite #glas-konfigurator) .design-delivery>span:first-child{font-size:18px;color:var(--blue)}
:where(main.wb-seite #glas-konfigurator) .design-delivery strong{font-weight:600;color:var(--ink)}
:where(main.wb-seite #glas-konfigurator) .design-nextbar{grid-column:2;grid-row:1;display:flex;gap:8px}
:where(main.wb-seite #glas-konfigurator) .design-nextbar button{min-height:48px;border-radius:7px;font-size:13px;font-weight:700;line-height:1.4}
:where(main.wb-seite #glas-konfigurator) .design-prev{width:44px;flex:none;background:white;border:1px solid #a2b4c6}
:where(main.wb-seite #glas-konfigurator) .design-next{padding:10px 20px;min-width:170px;background:var(--blue);color:#fff;border:1px solid var(--blue);max-width:240px}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-cart{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .is-final #gc-cart{display:flex!important;margin-top:12px!important;min-height:48px;background:var(--blue);border-radius:7px;white-space:normal;max-width:100%}
:where(main.wb-seite #glas-konfigurator) .design-purchase.is-final .design-nextbar{align-self:start}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-error:empty,main.wb-seite #glas-konfigurator#glas-konfigurator #gc-cart-status:empty{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-error:not(:empty),main.wb-seite #glas-konfigurator#glas-konfigurator #gc-cart-status:not(:empty){font-size:13px;line-height:1.5;margin:12px 0;padding:12px;background:#fff5ec;color:#8b3c23;border-radius:7px;overflow-wrap:break-word}
:where(main.wb-seite #glas-konfigurator) .design-upsells{grid-area:extras;background:#eaf0f5;border:1px solid #dce5ed;border-radius:12px;padding:24px}
:where(main.wb-seite #glas-konfigurator) .design-upsells>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
:where(main.wb-seite #glas-konfigurator) .design-upsells header p{font-size:10px;letter-spacing:.1em;font-weight:700;color:#49627a;margin:0 0 5px}
:where(main.wb-seite #glas-konfigurator) .design-upsells h2{font-size:21px;margin:0;letter-spacing:-.4px}
:where(main.wb-seite #glas-konfigurator) .design-upsells header>span{font-size:12px;color:var(--muted)}
:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #b8c8d7;background:#fff;border-radius:9px;min-height:84px;padding:14px;color:var(--ink)}
:where(main.wb-seite #glas-konfigurator) .upgrade-icon{width:44px;height:44px;border-radius:8px;background:#edf4f9;color:var(--blue);font-size:30px;text-align:center;line-height:44px;flex:none}
:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid strong{font-size:14px;line-height:1.4;display:block}
:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid small{display:block;font-size:11px;color:#586f86;margin-top:4px;line-height:1.5}
:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid b{margin-left:auto;color:var(--blue)}
:where(main.wb-seite #glas-konfigurator) .design-accessories{margin-top:24px}
:where(main.wb-seite #glas-konfigurator) .design-accessories-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .design-accessories-head h3{font-size:16px;margin:0}
:where(main.wb-seite #glas-konfigurator) .design-accessories-head p{font-size:12px;color:var(--muted);margin:0}
main.wb-seite #glas-konfigurator#glas-konfigurator #gc-zubehoer{display:block!important;position:static!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-liste{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;margin:0!important;padding:0!important;list-style:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-karte{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:14px!important;padding:16px!important;margin:0!important;border:1px solid #bbccdb!important;border-radius:9px;background:#fff;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen{width:88px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen img{width:100%!important;height:88px!important;object-fit:contain}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-aktion{grid-column:1/-1!important;display:flex!important;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-karte p{font-size:12px!important;line-height:1.55!important;margin:6px 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-karte button{min-height:44px!important;border-radius:6px;padding:10px 12px;white-space:normal}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zb-hinweis-karte{display:flex!important;align-items:center;gap:16px;background:#fff!important;border:1px dashed #b1c1d1!important;border-radius:9px;padding:18px!important;font-size:13px;line-height:1.6}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zb-hinweis-karte strong{font-size:14px}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zb-hinweis-karte button{min-height:44px;margin-top:6px;font-size:13px}
:where(main.wb-seite #glas-konfigurator) .gc-zb-eyebrow{font-size:10px!important;letter-spacing:.05em!important}
:where(main.wb-seite #glas-konfigurator) .gc-zb-text{min-width:0}
:where(main.wb-seite #glas-konfigurator) .gc-zubehoer-variante{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
:where(main.wb-seite #glas-konfigurator) .gc-zubehoer-variante label{min-height:44px!important;font-size:12px!important;padding:8px!important}
:where(main.wb-seite #glas-konfigurator) .design-tools{grid-area:tools;border-top:1px solid var(--line);padding:0 4px}
:where(main.wb-seite #glas-konfigurator) .design-tools>summary{font-size:13px}
:where(main.wb-seite #glas-konfigurator) .design-label{margin:16px 0 0;border-top:1px solid var(--line)}
:where(main.wb-seite #glas-konfigurator) .design-label>summary{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:600;color:var(--blue)}
:where(main.wb-seite #glas-konfigurator) .design-label>summary:before{content:'+';margin-right:8px}
:where(main.wb-seite #glas-konfigurator) .design-label[open]>summary:before{content:'−'}
:where(main.wb-seite #glas-konfigurator) .design-label label{margin-top:10px}
:where(main.wb-seite #glas-konfigurator) .design-tools .gc-neben{font-size:13px}
:where(main.wb-seite #glas-konfigurator) .design-tools .gc-neben-widerruf{font-size:12px;line-height:1.6;padding:12px;background:#fff;margin:12px 0;border-left:2px solid #a3b6c9}
:where(main.wb-seite #glas-konfigurator) .design-tools .gc-nebenaktionen{display:flex!important;flex-wrap:wrap;gap:8px!important}
:where(main.wb-seite #glas-konfigurator) .design-tools button{min-height:44px!important;padding:10px 14px!important;border:1px solid #a4b8c8!important;border-radius:7px!important;background:#fff!important;font-size:12px;color:var(--ink)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-overview{padding:18px 0 0!important;margin:16px 0 0!important;border-top:1px solid var(--line)!important;background:none!important;border-radius:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-overview h2{font-size:22px!important;margin:0 0 12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-completion-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-completion-actions button{min-height:48px!important;font-size:13px;padding:10px!important;border:1px solid #adbdce!important;border-radius:7px;background:#f3f7fa;color:var(--ink)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-completion-actions button[data-complete=cart]{background:var(--blue);color:white;grid-column:1/-1}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-completion-actions p{font-size:12px;line-height:1.5;margin:4px 0 12px}
:where(main.wb-seite #glas-konfigurator) .gc-overview p,:where(main.wb-seite #glas-konfigurator) .gc-overview li{font-size:13px;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .gc-direct-inquiry>summary{min-height:48px;align-content:center;font-size:14px}
:where(main.wb-seite #glas-konfigurator) .gc-direct-inquiry{margin-top:16px!important}
:where(main.wb-seite #glas-konfigurator) .gc-direct-inquiry .gc-grid{display:block!important}
:where(main.wb-seite #glas-konfigurator) .gc-direct-inquiry label{display:block;margin:12px 0}
:where(main.wb-seite #glas-konfigurator) .gc-direct-inquiry input{width:100%}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:0;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #10284040}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog::backdrop,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog::backdrop{background:#0e2338a6;backdrop-filter:blur(4px)}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog header,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog h2,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog h2{margin:0;font-size:20px}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog button,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog button.drawing-close{min-height:44px;border:1px solid #a5b5c8;border-radius:7px;background:#fff;padding:10px 14px;font-size:13px}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog>img{display:block;width:100%;height:min(60vh,520px);object-fit:contain;background:#f4f7f9;border-radius:8px}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog footer p{flex-basis:100%;font-size:12px;margin:8px 0 0;color:var(--muted)}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawing-dialog .gc-stage{height:min(70vh,620px)!important}
:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog>p{font-size:12px;color:var(--muted);margin:12px 0 0}
:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog[open]{display:block!important}
:where(main.wb-seite #glas-konfigurator) .design-photo-dialog[open]{display:block}
main.wb-seite #glas-konfigurator{grid-template-columns:190px minmax(0,1fr) 380px!important;grid-template-areas:'nav preview controls' 'nav price controls' 'extras extras extras' 'tools tools tools';gap:16px!important}
main.wb-seite .design-nav{background:#e7edf3;border:1px solid #d3dfe9;border-radius:10px;padding:8px}
:where(main.wb-seite #glas-konfigurator) .design-nav-title{font-size:10px;font-weight:700;letter-spacing:.12em;margin:10px 10px 12px;color:#506680}
main.wb-seite .design-nav button{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 8px;margin:0 0 4px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;color:#35506c}
main.wb-seite .design-nav button i{font-style:normal;flex:none;font-size:11px;font-weight:700;width:20px}
main.wb-seite .design-nav button strong{display:block;font-size:12px}
main.wb-seite .design-nav button small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#5e7184}
main.wb-seite .design-nav button b{margin-left:auto;font-size:16px}
main.wb-seite .design-nav button.active{background:white;border-color:#b7c9d8;box-shadow:0 2px 3px #152a4208}
main.wb-seite .design-nav button.active strong{color:var(--blue)}
main.wb-seite #glas-konfigurator .gc-controls{padding:20px!important}
main.wb-seite #glas-konfigurator .gc-stage{height:360px!important}
main.wb-seite .design-purchase{padding:16px;gap:8px;grid-template-columns:minmax(0,1fr) auto}
main.wb-seite .design-next{min-width:130px;max-width:170px;padding:10px 12px}
main.wb-seite .design-prev{width:44px}
main.wb-seite .design-gallery{padding:12px;gap:8px}
main.wb-seite .design-gallery button{width:86px}
main.wb-seite .design-gallery img{height:48px}
@media(hover:hover){:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid button:hover,:where(main.wb-seite #glas-konfigurator) .design-gallery button:hover,:where(main.wb-seite #glas-konfigurator) .design-drawhead button:hover{border-color:var(--blue);background:#f5f9fc}:where(main.wb-seite #glas-konfigurator) .design-next:hover{background:#103d6d}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes button:not([aria-pressed=true]):hover{border-color:var(--blue)!important;background:#f0f6fb!important}}
@media(min-width:1550px){main.wb-seite #glas-konfigurator#glas-konfigurator .gc-stage{height:420px!important}main.wb-seite #glas-konfigurator .gc-stage{height:440px!important}}
@media(max-width:1190px){main.wb-seite #glas-konfigurator#glas-konfigurator{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;gap:16px!important}:where(main.wb-seite #glas-konfigurator) .design-purchase{grid-template-columns:1fr}:where(main.wb-seite #glas-konfigurator) .design-nextbar{grid-row:2;grid-column:1;width:100%}:where(main.wb-seite #glas-konfigurator) .design-next{flex:1;max-width:none}:where(main.wb-seite #glas-konfigurator) .design-delivery{grid-row:3}:where(main.wb-seite #glas-konfigurator) .design-gallery{padding:12px;gap:8px}:where(main.wb-seite #glas-konfigurator) .design-gallery button{width:92px}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-controls{padding:20px!important}main.wb-seite #glas-konfigurator{grid-template-columns:155px minmax(0,1fr) 330px!important;gap:12px!important}main.wb-seite .design-nav button{gap:4px;padding:8px 4px}main.wb-seite .design-nav button strong{font-size:11px}main.wb-seite .design-purchase{grid-template-columns:1fr}main.wb-seite .design-next{max-width:none}main.wb-seite .design-gallery .design-photo-copy{display:none}main.wb-seite .design-gallery button{flex:1;width:auto}main.wb-seite #glas-konfigurator .gc-controls{padding:16px!important}main.wb-seite #glas-konfigurator .gc-shapes{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.wb-seite .design-drawhead{padding:14px 12px 4px;flex-wrap:wrap}main.wb-seite .design-drawhead button{min-height:44px;padding:8px}}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator{grid-template-columns:1fr!important;grid-template-areas:'nav' 'controls' 'price' 'preview' 'extras' 'tools'!important;gap:16px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-controls{padding:20px!important}main.wb-seite #glas-konfigurator .gc-controls{padding:20px!important}:where(main.wb-seite #glas-konfigurator) .design-stephead>span{display:none}:where(main.wb-seite #glas-konfigurator) .design-stephead>strong{display:block;font-size:11px;letter-spacing:.05em;color:var(--muted)}:where(main.wb-seite #glas-konfigurator) .design-mobile-drawing{display:block;min-height:44px;border:1px solid #a1b5c6;border-radius:7px;background:white;color:var(--blue);padding:8px 12px;font-size:12px;font-weight:600}:where(main.wb-seite #glas-konfigurator) .design-stephead{margin-bottom:16px}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-stage{height:350px!important}:where(main.wb-seite #glas-konfigurator) .design-purchase,main.wb-seite .design-purchase{grid-template-columns:minmax(0,1fr) auto!important}:where(main.wb-seite #glas-konfigurator) .design-nextbar{grid-column:2;grid-row:1;width:auto}:where(main.wb-seite #glas-konfigurator) .design-delivery{grid-column:1/-1;grid-row:2}:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid{grid-template-columns:1fr}:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid button{min-height:76px}:where(main.wb-seite #glas-konfigurator) .design-upsells{padding:20px}:where(main.wb-seite #glas-konfigurator) .design-upsells h2{font-size:20px}:where(main.wb-seite #glas-konfigurator) .design-upsells header>span{display:none}:where(main.wb-seite #glas-konfigurator) .design-gallery button{width:116px}:where(main.wb-seite #glas-konfigurator) .design-gallery .design-photo-copy{display:block!important}main.wb-seite .design-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px}main.wb-seite .design-nav-title{display:none}main.wb-seite .design-nav button{display:block;min-height:66px;text-align:left;margin:0;padding:8px!important}main.wb-seite .design-nav button strong{font-size:11px;margin-top:4px}main.wb-seite .design-nav button small,main.wb-seite .design-nav button b{display:none}main.wb-seite .design-nav button i{font-size:10px}main.wb-seite .design-gallery button{width:100px;flex:none}main.wb-seite .design-drawhead{padding:18px 20px 6px}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-liste{grid-template-columns:1fr}:where(main.wb-seite #glas-konfigurator) .design-technical-content table{display:block;max-width:100%;overflow:auto}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-hole-detail,main.wb-seite #glas-konfigurator#glas-konfigurator #gc-hole-detail{max-width:100%}}
@media(max-width:540px){main.wb-seite #glas-konfigurator#glas-konfigurator{gap:12px!important}:where(main.wb-seite #glas-konfigurator) .design-stephead{gap:5px}:where(main.wb-seite #glas-konfigurator) .design-stephead>strong{display:none}:where(main.wb-seite #glas-konfigurator) .design-mobile-drawing{width:100%}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-controls,main.wb-seite #glas-konfigurator .gc-controls{padding:16px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-heading h2{font-size:24px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>button{font-size:12px!important;min-height:88px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-shapes>button.gc-shape-more{min-height:48px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-help{font-size:13px!important}:where(main.wb-seite #glas-konfigurator) .design-purchase,main.wb-seite .design-purchase{grid-template-columns:1fr!important;padding:16px!important}:where(main.wb-seite #glas-konfigurator) .design-nextbar{grid-column:1;grid-row:2;width:100%}:where(main.wb-seite #glas-konfigurator) .design-next,main.wb-seite .design-next{max-width:none;flex:1;min-width:0}:where(main.wb-seite #glas-konfigurator) .design-delivery{grid-row:3;font-size:12px}:where(main.wb-seite #glas-konfigurator) .design-drawhead{padding:16px 12px 4px;flex-wrap:wrap}:where(main.wb-seite #glas-konfigurator) .design-drawhead h2{font-size:15px}:where(main.wb-seite #glas-konfigurator) .design-drawhead button{font-size:11px}:where(main.wb-seite #glas-konfigurator) .design-drawhead span{font-size:9px}:where(main.wb-seite #glas-konfigurator) .design-gallery{flex-wrap:wrap;padding:12px}:where(main.wb-seite #glas-konfigurator) .design-photo-copy{flex-basis:100%}:where(main.wb-seite #glas-konfigurator) .design-photo-copy span{display:none}:where(main.wb-seite #glas-konfigurator) .design-gallery button{flex:1;width:auto}:where(main.wb-seite #glas-konfigurator) .design-gallery img{height:72px}:where(main.wb-seite #glas-konfigurator) .design-technical{padding:0 12px}:where(main.wb-seite #glas-konfigurator) .design-technical>summary{font-size:12px}:where(main.wb-seite #glas-konfigurator) .design-upsells{padding:16px}:where(main.wb-seite #glas-konfigurator) .design-upsells h2{font-size:19px}:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid button{padding:12px;gap:10px}:where(main.wb-seite #glas-konfigurator) .design-upgrade-grid strong{font-size:13px}:where(main.wb-seite #glas-konfigurator) .design-accessories-head{gap:4px}:where(main.wb-seite #glas-konfigurator) .design-accessories-head p{font-size:12px}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zb-hinweis-karte{display:block!important;padding:14px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-ohne-bild{display:none!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-karte{grid-template-columns:64px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen{width:64px!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen img{height:64px!important}:where(main.wb-seite #glas-konfigurator) .design-photo-dialog,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog{padding:16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}:where(main.wb-seite #glas-konfigurator) .design-photo-dialog header,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog header{align-items:start;flex-direction:column;gap:10px}:where(main.wb-seite #glas-konfigurator) .design-photo-dialog header button,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog .drawing-close{width:100%}:where(main.wb-seite #glas-konfigurator) .design-photo-dialog h2,:where(main.wb-seite #glas-konfigurator) .design-drawing-dialog h2{font-size:18px}main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawing-dialog .gc-stage{height:55vh!important}:where(main.wb-seite #glas-konfigurator) .design-photo-dialog>img{height:45vh}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row{grid-template-columns:1fr 1.1fr!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-selection-row button{font-size:12px!important}:where(main.wb-seite #glas-konfigurator) .design-tools>summary{font-size:12px}main.wb-seite .design-gallery button{flex:1;width:auto}main.wb-seite .design-gallery .design-photo-copy{display:block}main.wb-seite .design-drawhead{padding:16px 12px 4px}}
@media print{:where(main.wb-seite #glas-konfigurator) .design-nav,:where(main.wb-seite #glas-konfigurator) .design-upsells,:where(main.wb-seite #glas-konfigurator) .design-nextbar,:where(main.wb-seite #glas-konfigurator) .design-tools{display:none!important}main.wb-seite #glas-konfigurator#glas-konfigurator{display:block!important}main.wb-seite #glas-konfigurator#glas-konfigurator .gc-stage{height:420px!important}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-nav{display:block!important;position:static!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-shapes>[data-shape]{grid-column:auto!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-shapes>.gc-shape-more,:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-shapes>.gc-dxf-tile{grid-column:1/-1!important;min-height:48px!important;flex-direction:row!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-gallery button{display:block!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-gallery button>span{white-space:nowrap!important;overflow:visible!important;font-size:10px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-begriff-zeile{display:flex!important;justify-content:space-between!important;flex-wrap:nowrap!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-begriff-zeile .gc-begriff{position:relative!important;inset:auto!important;width:44px!important;flex:none!important;margin:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-begriff-zeile .gc-begriff>summary{position:static!important;inset:auto!important;width:44px!important;height:44px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator [hidden]{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-controls .gc-accordion-content fieldset>legend{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .gc-dxf-tile[hidden]{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-purchase .gc-quote-inner{display:flex!important;flex-direction:column!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-purchase .gc-price{order:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator .design-purchase .gc-summary{order:1!important}
main.wb-seite #glas-konfigurator#glas-konfigurator{grid-template-columns:190px minmax(0,1fr) 380px!important}
@media(max-width:1190px){main.wb-seite #glas-konfigurator#glas-konfigurator{grid-template-columns:155px minmax(0,1fr) 330px!important}}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator{grid-template-columns:1fr!important}main.wb-seite #glas-konfigurator#glas-konfigurator .design-nav{display:grid!important}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator{grid-template-areas:'nav nav' 'controls preview' 'extras extras' 'tools tools';align-items:start!important;align-content:start!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-controls{align-self:start!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shape-more{min-height:48px!important;flex-direction:row!important;padding:8px 12px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-special>.gc-dxf-tile{width:100%;min-height:58px!important;border:1px solid #a7b9cc;background:#f3f7fb;border-radius:7px;padding:12px;font-size:13px;margin:8px 0;display:flex;align-items:center;gap:12px}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-special>.gc-dxf-tile svg{width:30px;height:30px}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:310px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{position:fixed!important;left:0;right:0;bottom:0;z-index:50;display:grid!important;grid-template-columns:280px minmax(0,1fr) auto!important;grid-template-rows:auto!important;gap:24px!important;align-items:center!important;margin:0!important;padding:12px max(24px,calc((100vw - 1440px)/2))!important;border:0;border-top:1px solid #bdcddb;border-radius:0;background:#fff;box-shadow:0 -5px 20px #17364a08}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-quote{grid-column:1!important;grid-row:1!important;width:auto!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-quote-inner{flex-direction:row!important;align-items:center!important;gap:16px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-summary{width:auto!important;flex:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-price{flex:1!important;width:auto!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-breakdown{position:relative!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-breakdown-content{position:absolute!important;bottom:calc(100% + 8px)!important;left:0!important;top:auto!important;width:min(400px,calc(100vw - 48px))!important;max-height:55vh;overflow:auto;box-shadow:0 8px 40px #142c4b26;border:1px solid #bdcddb;border-radius:8px;background:#fff}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-delivery{grid-column:2!important;grid-row:1!important;border:0!important;padding:0!important;max-width:380px;justify-self:center}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nextbar{grid-column:3!important;grid-row:1!important;justify-self:end;width:auto!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-total{font-size:27px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-price small{white-space:nowrap}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase.is-final #gc-cart{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-gallery{padding-top:10px;padding-bottom:10px}
:where(main.wb-seite #glas-konfigurator) .design-drawhead{padding-top:14px;padding-bottom:4px}
:where(main.wb-seite #glas-konfigurator) .design-drawhead h2{font-size:15px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator{grid-template-areas:'nav preview controls' 'extras extras extras' 'tools tools tools'}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:400px!important}
@media(min-width:1600px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:420px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:460px!important}}
@media(min-width:900px) and (max-height:800px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:250px!important}:where(main.wb-seite #glas-konfigurator) .design-gallery img{height:42px}:where(main.wb-seite #glas-konfigurator) .design-gallery button{min-height:66px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:330px!important}}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator{grid-template-areas:'nav' 'controls' 'preview' 'extras' 'tools'}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:12px 16px!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-delivery{grid-column:1/-1!important;grid-row:2!important;font-size:11px;max-width:none;justify-self:start}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nextbar{grid-column:2!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-summary{display:none!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:320px!important}}
@media(max-width:540px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{padding:10px 12px!important;gap:6px 10px!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-total{font-size:23px!important}:where(main.wb-seite #glas-konfigurator) .design-next{font-size:12px;padding:10px!important;min-width:0!important;width:126px}:where(main.wb-seite #glas-konfigurator) .design-prev{width:40px}:where(main.wb-seite #glas-konfigurator) .design-nextbar{gap:6px}:where(main.wb-seite #glas-konfigurator) .design-delivery{font-size:10px!important;gap:6px}:where(main.wb-seite #glas-konfigurator) .design-delivery>span:first-child{font-size:15px}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-price small{white-space:normal;font-size:10px!important}:where(main.wb-seite #glas-konfigurator) .design-technical>summary{min-height:48px}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-drawing-dialog[open] .gc-stage{height:min(70vh,620px)!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-next{display:flex!important;align-items:center!important;justify-content:center!important;background:#154e8a!important;border:1px solid #154e8a!important;color:#fff!important;border-radius:7px!important;min-height:48px!important;font-size:13px!important;padding:10px 20px!important;line-height:1.4!important;white-space:normal!important;font-weight:700!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-prev{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid #a4b7c8!important;border-radius:7px!important;min-width:44px!important;min-height:48px!important;padding:8px!important;color:#154e8a!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-label{padding:0!important;margin:12px 0 0!important;min-height:0!important;border:0!important;border-top:1px solid #d5dfe7!important;background:transparent!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-label>summary{min-height:44px!important;padding:8px 0!important;margin:0!important;border:0!important;background:transparent!important;font-size:12px!important;line-height:1.5!important;color:#154e8a!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-selection{margin-top:12px!important;padding:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button{display:flex!important;align-items:center!important;gap:8px!important;background:transparent!important;color:#35506c!important;border:1px solid transparent!important;padding:10px 8px!important;min-height:62px!important;border-radius:7px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button.active{background:#fff!important;border-color:#b7c9d8!important}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button{display:block!important;padding:8px 6px!important;min-height:70px!important}}
@media(max-width:540px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-next{font-size:11px!important;padding:8px!important;width:120px!important;min-width:0!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-prev{min-width:40px!important;width:40px!important}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-mobile-drawing{border:1px solid #9fb4c7!important;background:#fff!important;color:#154e8a!important;border-radius:7px!important;min-height:44px!important;padding:10px 12px!important;font-size:12px!important;font-weight:600!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .gc-quote{display:block!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-zubehoer-summe:not([hidden]){display:block!important;font-size:11px!important;line-height:1.45!important;max-width:100%}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-combined-price{display:block;font-size:27px!important;line-height:1.2!important;margin:3px 0!important;font-weight:750!important;letter-spacing:-.6px}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-has-addons=true] #gc-total{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-combined-price[hidden]{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-zubehoer-summe{font-size:11px!important;line-height:1.5!important;max-width:100%;overflow-wrap:anywhere}
@media(max-width:540px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-combined-price{font-size:23px!important}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .design-upsells>header{background:transparent!important;border:0!important;padding:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-zubehoer>.gc-produkte-titel{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;grid-template-areas:none!important;grid-template-rows:auto auto!important;align-items:start!important;gap:14px!important;padding:16px!important;position:relative!important;overflow:visible!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte>.gc-zubehoer-abbildungen{grid-area:auto!important;grid-column:1!important;grid-row:1!important;position:static!important;display:block!important;margin:0!important;padding:0!important;width:88px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen figure{display:block!important;margin:0!important;padding:0!important;width:100%!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen img{width:100%!important;height:88px!important;object-fit:contain!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte>.gc-zb-text{display:block!important;grid-area:auto!important;grid-column:2!important;grid-row:1!important;position:static!important;min-width:0!important;padding:0!important;margin:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-eyebrow{position:static!important;grid-area:auto!important;display:block!important;background:none!important;clip-path:none!important;color:#536b80!important;font-size:10px!important;font-weight:600!important;line-height:1.5!important;padding:0!important;margin:0 0 6px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-eyebrow:before,:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-eyebrow:after{display:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-name{display:block!important;position:static!important;grid-area:auto!important;font-size:15px!important;line-height:1.4!important;margin:0 0 6px!important;padding:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-details{position:static!important;display:block!important;grid-area:auto!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-details>summary{position:static!important;display:flex!important;align-items:center!important;min-height:44px!important;line-height:1.5!important;font-size:12px!important;padding:8px 0!important;margin:0!important;background:none!important;color:#154e8a!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte>.gc-zubehoer-aktion{display:flex!important;position:static!important;grid-area:auto!important;grid-column:1/-1!important;grid-row:2!important;flex-wrap:wrap!important;gap:10px 16px!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:12px 0 0!important;border-top:1px solid #d5dfe7!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-preis{position:static!important;display:block!important;grid-area:auto!important;font-size:19px!important;font-weight:700!important;margin:0!important;padding:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-menge{display:flex!important;position:static!important;grid-area:auto!important;gap:8px!important;align-items:center!important;width:auto!important;margin:0!important;padding:0!important;font-size:12px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-menge input{width:60px!important;margin:0!important;min-height:44px!important;padding:8px!important;font-size:15px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe{display:flex!important;position:static!important;grid-area:auto!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe button,:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important;border:1px solid #154e8a!important;border-radius:7px!important;background:#154e8a!important;color:#fff!important;clip-path:none!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe a{background:#fff!important;color:#154e8a!important;text-decoration:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte.ist-drin{border-color:#154e8a!important;background:#f5f9fc!important}
@media(max-width:540px){:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte{grid-template-columns:64px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-karte>.gc-zubehoer-abbildungen{width:64px!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zubehoer-abbildungen img{height:64px!important}:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-name{font-size:14px!important}}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe button{min-width:132px!important;white-space:nowrap!important;flex:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-zb-knoepfe a{min-width:108px!important;white-space:nowrap!important;flex:none!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-price-pending=true] #gc-total{font-size:18px!important;line-height:1.3!important;letter-spacing:-.2px!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-open-issues:not([hidden]){display:block!important;margin:14px 0!important;font-size:13px!important;line-height:1.5!important}
:where(main.wb-seite) #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-summary-row a{border:1px solid #afc1d2!important;border-radius:6px!important;background:#fff!important;min-width:70px!important;justify-content:center!important;padding:8px!important;color:#154e8a!important}

/* cards.css */
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges){container-type: inline-size;
  container-name: a-processing;
  min-width: 0;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) :is(label,.gc-group-label,.gc-help,.gc-note,.gc-error){white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: manual;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) label{display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  min-width: 0;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) :is(input:not([type="checkbox"]):not([type="radio"]),select){width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: var(--a-action,48px);
  font-size: 16px;
  line-height: 1.35;
  padding: 11px 12px;
  border-radius: var(--a-radius,8px);
  margin-top: 8px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) button{min-height: var(--a-action,48px);
  border-radius: var(--a-radius,8px);
  line-height: 1.35;
  white-space: normal;
  word-break: normal;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-karte{min-width: 0;
  width: 100%;
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid #d5dfe9;
  border-radius: var(--a-radius,8px);
  background: #fff;
  box-shadow: none;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-karte.gc-offen{border: 2px solid #154e8a;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-karte.gc-zu{padding: 0; background: #f7f9fc;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopf{display: grid;
  grid-template-columns: 32px minmax(0,1fr) 44px;
  gap: 12px;
  align-items: start;
  min-height: 44px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  width: 100%;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-karte.gc-zu .gc-hole-kopf{padding: 16px;
  margin: 0;
  grid-template-columns: 32px minmax(0,1fr) auto;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-marke{min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: var(--a-radius,8px);
  font-size: 11px;
  background: #154e8a;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopftext{display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: 4px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopftext strong{font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: break-word;
  word-break: normal;
  font-weight: 750;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopftext .gc-kurz-text{font-size: 11px;
  line-height: 1.5;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  color: #64748a;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-weg{width: 44px;
  height: 44px;
  min-height: 44px;
  min-width: 44px;
  margin: 0;
  justify-self: end;
  background: #f4f7fa;
  border: 1px solid #e0e7ee;
  color: #62748b;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-kurz-aendern{align-self: center; font-size: 11px; color: #154e8a;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-grid{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px 12px;
  align-items: start;
  margin: 16px 0;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-field{min-width: 0; margin: 0; padding: 0;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-field:has([data-cutout-field="radiusMm"]){grid-column: 1 / -1;}
main.wb-seite #glas-konfigurator #gc-holes .gc-hole-masse > .gc-field:first-child{grid-column: 1 / -1;}
main.wb-seite #glas-konfigurator #gc-holes .gc-einheit{margin-top: 8px;}
main.wb-seite #glas-konfigurator #gc-holes .gc-einheit input{margin: 0; padding-right: 46px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-error:not(:empty){display: block;
  margin-top: 8px;
  padding: 8px 12px;
  border-left: 3px solid #b45b28;
  border-radius: 0 8px 8px 0;
  background: #fff5ed;
  color: #8f401c;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-help{margin: 12px 0; line-height: 1.55; font-size: 12px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-note{border-radius: var(--a-radius,8px); padding: 12px; line-height: 1.5; font-size: 12px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners) .gc-foto{display: grid;
  grid-template-columns: minmax(0,1fr) 144px;
  grid-template-areas: "text bild";
  align-items: start;
  gap: 12px 16px;
  padding: 12px;
  margin: 0 0 16px;
  background: #f5f8fb;
  border-radius: var(--a-radius,8px);}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners) .gc-foto figcaption{font-size: 12px;
  line-height: 1.55;
  color: #52647b;
  overflow-wrap: break-word;
  word-break: normal;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners) .gc-foto-knopf{min-height: 44px;
  background: #fff;
  border-radius: var(--a-radius,8px);
  overflow: hidden;
  border-color: #d7e0e9;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners) .gc-foto img{width: 100%; height: 118px; object-fit: contain; background: #fff;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners) .gc-foto-lupe{font-size: 11px; min-height: 30px; padding: 7px 8px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-options{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-options > button{flex: 1 1 110px;
  min-width: 0;
  min-height: var(--a-action,48px);
  padding: 12px;
  font-size: 12px;}
main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 8px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-bearbeitung-neu{position: static;
  z-index: auto;
  width: 100%;
  padding: 0;
  margin: 16px 0;
  background: transparent;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-add{min-height: var(--a-action,48px);
  border: 1px dashed #b9cadc;
  background: #f7faff !important;
  color: #154e8a;
  padding: 12px;
  font-size: 12px;
  line-height: 1.4;}
main.wb-seite #glas-konfigurator #gc-holes .gc-gegenmasse{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin: 16px 0;}
main.wb-seite #glas-konfigurator #gc-holes .gc-gegenmasse > .gc-group-label{grid-column: 1 / -1; font-size: 12px;}
main.wb-seite #glas-konfigurator #gc-holes .gc-gegenmasse > button{min-width: 0; padding: 12px; font-size: 12px; border: 1px solid var(--a-control-border,#8b9db2); background: #f3f6fa; color: #154e8a;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types{display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  width: 100%;
  max-width: none;
  gap: 12px;
  margin: 16px 0;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-tile{min-width: 0; border-radius: var(--a-radius,8px);}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-label{min-height: var(--a-action,48px); padding: 12px 8px; font-size: 12px; line-height: 1.4;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-symbol{border-radius: var(--a-radius,8px);}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-picker{grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 8px; margin: 16px 0;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-picker button{min-height: 64px;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-mode{width: 100%; margin-top: 16px; font-size: 12px;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edges{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: 12px;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edges > button{border: 1px solid #d0dce7; border-radius: var(--a-radius,8px); overflow: hidden;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edge-image{height: 102px; object-fit: cover;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edge-label{padding: 12px; font-size: 13px; line-height: 1.4; overflow-wrap: break-word;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edge-label small{font-size: 11px; line-height: 1.5; margin-top: 8px;}
main.wb-seite #glas-konfigurator #gc-edges .gc-edge-more{min-height: 70px;}
@container a-processing (max-width: 475px){main.wb-seite #glas-konfigurator #gc-cutouts .gc-field:has(:is([data-cutout-field="xMm"],[data-cutout-field="yMm"],[data-cutout-field="offsetMm"])){grid-column: 1 / -1;}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-foto{grid-template-columns: minmax(0,1fr); grid-template-areas: "text" "bild";}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-foto-knopf{width: 100%;}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-field:has(.gc-error:not(:empty)){grid-column: 1 / -1;}}
@container a-processing (max-width: 275px){main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-grid{grid-template-columns: minmax(0,1fr);}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopf{grid-template-columns: 28px minmax(0,1fr) 44px; gap: 8px;}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-marke{min-width: 28px; width: 28px; height: 28px;}main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopftext strong{font-size: 13px;}}
@container a-processing (max-width: 419px){main.wb-seite #glas-konfigurator #gc-corners .gc-foto{grid-template-columns: minmax(0,1fr); grid-template-areas: "text" "bild";}main.wb-seite #glas-konfigurator #gc-corners .gc-grid{grid-template-columns: minmax(0,1fr);}main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types{grid-template-columns: minmax(0,1fr); gap: 8px;}main.wb-seite #glas-konfigurator #gc-corners button.gc-corner-tile{display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; text-align: left;}main.wb-seite #glas-konfigurator #gc-corners .gc-corner-symbol{min-height: 64px; height: 64px;}main.wb-seite #glas-konfigurator #gc-corners .gc-corner-label{padding: 12px; min-height: 0; font-size: 13px;}}
@container a-processing (max-width: 309px){main.wb-seite #glas-konfigurator #gc-edges .gc-edges{grid-template-columns: minmax(0,1fr);}main.wb-seite #glas-konfigurator #gc-edges .gc-edges > button:is([data-edge],[data-edge-facette]){display: grid; grid-template-columns: 96px minmax(0,1fr); align-items: stretch;}main.wb-seite #glas-konfigurator #gc-edges .gc-edge-image{width: 96px; height: 100%; min-height: 100px; object-fit: cover;}main.wb-seite #glas-konfigurator #gc-edges .gc-edge-label{align-content: center;}main.wb-seite #glas-konfigurator #gc-cutouts .gc-options > button{flex-basis: 100%;}}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-kopftext strong{text-wrap: balance;}
@container a-processing (max-width: 365px){main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten{grid-template-columns: minmax(0,1fr); gap: 8px;}main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten button{min-height: var(--a-action,48px); overflow-wrap: normal; white-space: nowrap;}main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten button:last-child:nth-child(odd){grid-column: auto;}}
main.wb-seite #glas-konfigurator #gc-holes .gc-einheit:has(input[list]) .gc-einheit-mm{right: 36px;}
main.wb-seite #glas-konfigurator #gc-holes .gc-einheit input[list]{padding-right: 70px;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-grid label{margin: 0;}
main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten button{border: 1px solid #d5e0ea; background: #fff; color: #142846;}
main.wb-seite #glas-konfigurator #gc-holes .gc-hole-arten button[aria-pressed="true"]{border-color: #154e8a; background: #154e8a; color: #fff;}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) .gc-begriff>summary{width: 44px;
  height: 44px;
  min-height: 44px;
  border-radius: var(--a-radius,8px);}
main.wb-seite #glas-konfigurator :is(#gc-cutouts,#gc-holes) .gc-hole-karte>.gc-foto{margin-top: 0;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types{grid-auto-rows: 1fr;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-mode{min-height: var(--a-action,48px);
  padding: 12px;
  border: 1px solid var(--a-control-border,#8b9db2);
  background: #f3f6fa;
  text-decoration: none;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-kinds{display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin: 16px 0;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-kinds>.gc-flaechen-formen{grid-column: 1 / -1;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-kinds>button{border: 1px solid var(--a-control-border,#8b9db2);
  background: #f3f6fa;
  color: #154e8a;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-shapes{grid-template-columns: repeat(2,minmax(0,1fr));
  grid-auto-rows: 1fr;
  gap: 8px;
  margin: 12px 0 16px;}
main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-shapes>button{min-height: 96px; padding: 12px 8px;}
@container a-processing (min-width: 480px){main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-shapes{grid-template-columns: repeat(3,minmax(0,1fr));}}
@container a-processing (max-width: 309px){main.wb-seite #glas-konfigurator #gc-cutouts .gc-cutout-kinds{grid-template-columns: minmax(0,1fr);}main.wb-seite #glas-konfigurator #gc-holes .gc-gegenmasse{grid-template-columns: minmax(0,1fr);}}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-picker button{padding: 12px;
  border: 1px solid var(--a-control-border,#8b9db2);
  background: #f3f6fa;
  color: #142846;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-picker button[aria-pressed="true"]{border-color: #154e8a;
  background: #154e8a;
  color: #fff;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types button.gc-corner-tile{border: 1px solid var(--a-control-border,#8b9db2);
  background: #f3f6fa;
  color: #142846;
  overflow: hidden;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types button.gc-corner-tile[aria-pressed="true"]{border-color: #154e8a;
  background: #154e8a;
  color: #fff;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types .gc-corner-symbol{height: 80px;
  min-height: 80px;
  aspect-ratio: auto;
  border: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-symbol svg{width: 52px; height: 52px;}
@container a-processing (max-width: 419px){main.wb-seite #glas-konfigurator #gc-corners .gc-corner-types .gc-corner-symbol{height: 64px; min-height: 64px;}}
main.wb-seite #glas-konfigurator :is(#gc-format,#gc-cutouts,#gc-holes,#gc-corners,#gc-edges) #gc-zeichnung-ansehen{min-height: var(--a-action,48px);
  margin: 16px 0;
  padding: 12px;
  border: 1px solid var(--a-control-border,#8b9db2);
  border-radius: var(--a-radius,8px);
  background: #f3f6fa;
  color: #154e8a;
  font: 600 12px/1.4 Manrope,Arial,sans-serif;}
main.wb-seite #glas-konfigurator #gc-corners .gc-corner-mode::before{line-height: 1;}

/* finish.css */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview[data-a-finish="true"]{margin:24px 0 0!important;padding:0!important;background:transparent!important;border:0!important;min-width:0;font-size:13px;line-height:1.55}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-head{background:transparent!important;padding:0!important;margin:0 0 16px!important;border:0!important;display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-kicker{font-size:10px!important;letter-spacing:.1em;text-transform:uppercase;color:#627185;margin:0 0 8px!important;font-weight:750}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-head h3{font-size:22px!important;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px!important;color:#142846}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-state{display:inline-flex;align-items:center;gap:8px;background:#fff4e9;color:#814718;font-size:12px!important;font-weight:700;padding:8px 12px;margin:0 0 12px!important;border-radius:8px;min-height:32px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-state::before{content:'○';font-size:14px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview[data-a-finish-status="ready"] .a-finish-state{background:#eaf2fa;color:#154e8a}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview[data-a-finish-status="ready"] .a-finish-state::before{content:'✓'}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-intro]{font-size:13px!important;line-height:1.55;margin:0!important;color:#586b81}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-issues{border:1px solid #e9d8c8;border-left:3px solid #ae6e3b;border-radius:8px;padding:16px!important;background:#fffaf5;margin:0 0 16px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-issues h4{margin:0 0 8px!important;font-size:13px;font-weight:750;color:#6a411e}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-reasons]{display:grid;gap:8px;margin:0!important;font-size:12px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-open{display:block!important;padding:12px!important;margin:0!important;border:1px solid #e9d8c8;border-radius:8px;background:#fff!important;color:#724619!important;min-height:48px;font-size:12px!important;line-height:1.5;overflow-wrap:break-word;text-decoration:underline;text-underline-offset:3px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-unavailable]{font-size:12px!important;margin:12px 0 0!important;color:#6c5b49}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-order{padding:16px!important;border:1px solid #dce3eb;border-radius:8px;margin:0 0 16px!important;background:#f7f9fb}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-price]{font-size:14px!important;line-height:1.5;font-weight:750;margin:0 0 12px!important;color:#142846}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-details{padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price>summary,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-details>summary{min-height:48px;align-content:center;font-size:12px;color:#154e8a;font-weight:650;cursor:pointer}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price[data-a-empty="true"]{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-custom-made{padding:12px 0 0!important;margin:0 0 16px!important;border:0!important;border-top:1px solid #dce3eb!important;background:transparent!important;font-size:11px!important;line-height:1.55!important;color:#596a7e}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-custom-made a{display:inline!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important;font:inherit!important;font-weight:600!important;color:#154e8a!important;text-decoration:underline;text-underline-offset:2px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-complete="cart"]{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;padding:12px 16px!important;border:0!important;border-radius:8px!important;background:#154e8a!important;color:#fff!important;font-size:14px!important;line-height:1.4!important;font-weight:750;white-space:normal;overflow-wrap:break-word}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-cart-status{margin:12px 0 0!important;font-size:12px;line-height:1.5}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-cart-status:empty{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry{padding:0!important;margin:0!important;border:0!important;border-top:1px solid #dce3eb!important;background:transparent!important;border-radius:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry>summary{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:0;list-style:none;cursor:pointer;min-height:72px;padding:16px 0!important;font-size:13px!important;font-weight:750;color:#142846}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary::before,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry>summary::before{content:'+';color:#154e8a;font-size:18px;font-weight:500;flex:0 0 14px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads[open]>summary::before,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry[open]>summary::before{content:'−'}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview :is(.a-finish-downloads,.gc-direct-inquiry)>summary::-webkit-details-marker{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-hint{display:block;width:100%;padding-left:22px;font-size:11px;font-weight:400;color:#627185}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-completion-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0 0 12px!important;padding:0!important;border:1px solid #dce3eb;border-radius:8px;overflow:hidden;background:#fff}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-aktion{display:grid!important;grid-template-columns:clamp(112px,36%,160px) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:12px!important;border:0!important;border-bottom:1px solid #e7edf2!important;background:transparent!important;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-aktion:last-of-type{border-bottom:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-aktion>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:56px!important;height:56px!important;padding:8px 12px!important;margin:0!important;border:1px solid #c6d4e1!important;border-radius:8px!important;background:#f4f8fc!important;color:#154e8a!important;font-size:12px!important;line-height:1.4!important;text-align:center!important;font-weight:700;white-space:normal;overflow-wrap:break-word}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-zweck{font-size:12px!important;line-height:1.45!important;color:#596d84!important;padding:0!important;margin:0!important;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-aktion>button[aria-disabled="true"]{opacity:1!important;color:#627185!important;background:#f8fafc!important;border-color:#dce3eb!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-sperre{grid-column:1/-1!important;margin:0!important;padding:12px!important;border:0!important;border-top:1px solid #e2d0c1!important;background:#fff6ed!important;display:block}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-sperre p{font-size:12px!important;line-height:1.5;margin:0 0 8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-sperre button{min-height:48px!important;border:1px solid #b98760;border-radius:8px;background:#fff;font-size:12px;padding:8px 12px;color:#76431e}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;background:#f4f7fa;border:1px solid #dce3eb;border-radius:8px;padding:12px!important;margin:12px 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box] :is(button,a){display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;height:48px!important;width:100%!important;margin:0!important;padding:8px 12px!important;border:1px solid #c6d4e1!important;border-radius:8px!important;background:#fff!important;color:#154e8a!important;font-size:12px!important;line-height:1.3!important;text-align:center!important;white-space:normal;box-sizing:border-box}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box] input{width:100%;font-size:16px!important;min-height:48px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-completion-status],main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-export-status,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-inquiry-result]{font-size:12px!important;line-height:1.55;margin:12px 0!important;overflow-wrap:break-word}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview :is([data-completion-status],#gc-export-status,[data-inquiry-result]):empty{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry>p{margin:0 0 16px!important;font-size:12px!important;color:#627185}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;min-width:0;margin:0 0 16px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>label{display:block!important;margin:0!important;padding:0!important;font-size:12px!important;line-height:1.5}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry :is(input,textarea){width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;min-height:48px!important;margin:8px 0 0!important;border:1px solid #bac8d7;border-radius:8px;padding:12px!important;background:#fff}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry textarea{min-height:120px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>button{min-height:48px!important;height:auto!important;font-size:13px!important;line-height:1.4;padding:12px!important;border:1px solid #154e8a;border-radius:8px;background:#fff;color:#154e8a;white-space:normal}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry .gc-help,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry .privacy-note{font-size:11px!important;line-height:1.6}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>.privacy-note{margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry .privacy-note a{display:inline!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;min-height:0!important;height:auto!important;font:inherit!important;font-weight:600!important;color:#154e8a!important;text-decoration:underline;text-underline-offset:2px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-a-finish-ready="true"][data-current-step="extras"] .ui-tools .gc-neben,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-current-step="extras"] #gc-error[data-a-error-duplicate="true"]{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-current-step="extras"] .ui-tools .gc-downloads:empty{display:none!important}
@media(max-width:374px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-order{padding:12px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-aktion{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important;padding:12px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-head h3{font-size:20px!important}}
@media(min-width:700px) and (max-width:850px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>label:has(textarea),main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>button,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview #gc-inquiry>p{grid-column:1/-1}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [hidden]{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-extras [data-extras-mehr]{min-height:48px!important;padding:12px!important;border:1px solid #cbd7e3!important;border-radius:8px!important;background:#f8fafc!important;color:#154e8a!important;font-size:12px!important;line-height:1.4}
@media(max-width:350px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator [data-accordion-section="extras"] .gc-a-heading h2{font-size:21px!important;line-height:1.25!important}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads{container-type:inline-size}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary{display:grid!important;grid-template-columns:16px minmax(0,1fr);column-gap:8px;row-gap:0;height:72px;align-content:center}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary::before{grid-column:1;grid-row:1}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary>span:first-of-type{grid-column:2;grid-row:1}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads .a-finish-hint{grid-column:2;grid-row:2;padding:0!important;width:auto}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry>summary{height:72px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]>label,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]>.gc-help{grid-column:1/-1;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]>label{margin-bottom:8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]>.gc-help{margin-top:8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price>summary,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-details>summary{padding:12px 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-abschluss-sperre button{display:flex;align-items:center;justify-content:center;padding:12px 16px!important;line-height:1.3!important}
@container (min-width:480px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-bookmark-box]{grid-template-columns:repeat(3,minmax(0,1fr))}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-kicker,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-price],main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-custom-made{font-size:13px!important;line-height:1.6!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .a-finish-downloads>summary,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-direct-inquiry>summary{min-height:56px;height:auto}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview .gc-summary-price:not([hidden]){display:block!important}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-overview [data-summary-details]{display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator[data-current-step=extras] .design-selection{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-summary-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid #d6e0e8!important;font-size:13px!important;line-height:1.5!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-summary-row a{display:flex!important;align-items:center!important;min-height:44px!important;font-size:12px!important;padding:4px!important}

/* plus.css */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator{display:grid!important;grid-template-columns:224px minmax(0,1fr)!important;grid-template-areas:'nav content'!important;gap:20px!important;align-items:start!important}
:where(main.wb-seite #glas-konfigurator) .plus-content{grid-area:content;min-width:0;display:flex;flex-direction:column;gap:20px}
:where(main.wb-seite #glas-konfigurator) .plus-workspace{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:20px;align-items:start;min-width:0}
:where(main.wb-seite #glas-konfigurator) .plus-workspace>*{min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav{grid-area:nav;position:sticky!important;top:16px!important;display:block!important;align-self:start;max-height:calc(100dvh - var(--plus-purchase-height) - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b0c3ce transparent;padding:12px!important;background:#e8eef2;border:1px solid #d6e0e6;border-radius:16px}
main.wb-seite .design-nav-title{margin:4px 6px 16px;letter-spacing:0;text-transform:none;color:var(--ink)}
:where(main.wb-seite #glas-konfigurator) .design-nav-title>span{font-size:10px;letter-spacing:.12em;color:#5c6d7d}
:where(main.wb-seite #glas-konfigurator) .design-nav-title h2{font-size:19px;line-height:1.3;margin:4px 0}
:where(main.wb-seite #glas-konfigurator) .design-nav-title p{font-size:11px;font-weight:400;color:#53677d;margin:4px 0 14px}
:where(main.wb-seite #glas-konfigurator) .plus-progress{height:4px;background:#cfdce5;border-radius:4px;overflow:hidden}
:where(main.wb-seite #glas-konfigurator) .plus-progress>span{display:block;height:100%;background:#2d785a;border-radius:4px;transition:width 450ms var(--plus-ease)}
:where(main.wb-seite #glas-konfigurator) .plus-progress-text{display:block;font-size:10px;font-weight:500;margin:8px 0 0;color:#4f6579}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step]{position:relative;display:flex!important;align-items:flex-start!important;gap:9px!important;padding:10px 8px!important;min-height:62px!important;border:1px solid transparent!important;border-radius:10px!important;transition:background .2s,border-color .2s;color:var(--ink)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step].active{background:white!important;border-color:#9fb8c9!important;box-shadow:0 3px 10px #263f5610}
main.wb-seite .design-nav button[data-design-step] i{width:22px;height:22px;margin-top:1px;display:flex;align-items:center;justify-content:center;background:#dce5eb;color:#4a6277;border-radius:7px;font-size:10px}
main.wb-seite .design-nav button.plus-done i{background:#d3e8da;color:#235e43}
main.wb-seite .design-nav button.active i{background:#154e8a;color:#fff}
main.wb-seite .design-nav button[data-design-step] span{flex:1;min-width:0}
main.wb-seite .design-nav button[data-design-step] strong{font-size:12px;line-height:1.4}
main.wb-seite .design-nav button[data-design-step] small{display:block!important;font-size:11px;line-height:1.5;color:#4b6075;margin-top:3px;overflow-wrap:anywhere;white-space:normal}
main.wb-seite .design-nav button[data-design-step] b{font-size:15px;color:#7690a6;margin-top:2px}
:where(main.wb-seite #glas-konfigurator) .plus-nav-foot{border-top:1px solid #c9d7e0;padding:12px 4px 0;margin-top:10px;font-size:11px;color:#445d71;display:flex;flex-direction:column;gap:8px;overflow-wrap:anywhere}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot button{min-height:44px!important;padding:8px!important;border:1px solid #afc1cf!important;background:#fff!important;color:#154e8a!important;font-size:11px!important;font-weight:700;border-radius:8px!important;text-align:center!important;display:block!important;margin:0!important;width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-preview{grid-area:auto;border-radius:16px;box-shadow:0 3px 14px #20395204!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-controls{grid-area:auto;padding:22px!important;border-radius:16px;scroll-margin-top:90px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:clamp(310px,calc(100dvh - 380px),520px)!important;background:radial-gradient(ellipse at center,#f5f9f7,#fff 75%)!important}
main.wb-seite .design-drawhead{padding:18px 20px 8px;align-items:center;flex-wrap:nowrap;gap:8px}
:where(main.wb-seite #glas-konfigurator) .design-drawhead h2{font-size:16px!important}
main.wb-seite .design-drawhead button{min-height:44px;font-size:12px;padding:9px 12px}
main.wb-seite .design-gallery{padding:12px 16px!important;gap:10px;order:3}
main.wb-seite .design-gallery .design-photo-copy{display:block!important;min-width:0;flex:1}
:where(main.wb-seite #glas-konfigurator) .design-photo-copy strong{font-size:12px}
:where(main.wb-seite #glas-konfigurator) .design-photo-copy span{font-size:11px}
main.wb-seite .design-gallery button{width:82px;flex:none;border-radius:9px;min-height:72px}
main.wb-seite .design-gallery img{height:44px;transition:transform .25s var(--plus-ease)}
main.wb-seite .design-gallery button:hover img{transform:scale(1.04)}
main.wb-seite .design-technical{order:4;padding:0 16px}
:where(main.wb-seite #glas-konfigurator) .design-technical>summary{min-height:48px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical #gc-measurements-details{display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-stephead{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
main.wb-seite .design-stephead>span{display:block!important;font-size:10px;letter-spacing:.12em;color:#526d80;font-weight:700;margin-right:auto}
main.wb-seite .design-stephead>strong,main.wb-seite .design-mobile-drawing{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-tip-button{min-height:44px!important;background:#f0f5f8!important;color:#154e8a!important;border:1px solid #ccd9e3!important;border-radius:8px;padding:8px 12px!important;font-size:12px!important;font-weight:600}
main.wb-seite .plus-drawing-button{display:none}
:where(main.wb-seite #glas-konfigurator) .plus-coach{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;gap:8px;background:#edf5f9;border:1px solid #c8dee9;border-radius:10px;padding:12px 8px 12px 12px;margin:0 0 18px;font-size:12px;line-height:1.5;color:#314f64}
:where(main.wb-seite #glas-konfigurator) .plus-coach-icon{width:21px;height:21px;border:1px solid #6f96ac;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700}
:where(main.wb-seite #glas-konfigurator) .plus-coach strong{font-size:12px;display:block;margin-bottom:4px}
:where(main.wb-seite #glas-konfigurator) .plus-coach p{margin:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-coach button{min-height:44px!important;min-width:30px!important;width:30px!important;align-self:start;background:transparent!important;border:0!important;padding:0!important;font-size:20px!important;color:#47667c!important;margin:-10px 0 0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-a-heading h2{font-size:25px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shapes{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shapes>button{border-radius:10px;min-height:108px!important;transition:background .18s,border-color .18s,box-shadow .18s}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shapes>button.gc-shape-more{min-height:48px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(button[data-quality],button[data-edge]){border-radius:10px!important;transition:background .18s,border-color .18s,box-shadow .18s}
main.wb-seite .design-upsells{border-radius:16px;padding:22px;background:#eaf0f4;grid-area:auto}
main.wb-seite .design-upsells header{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
:where(main.wb-seite #glas-konfigurator) .design-upsells header>div{flex:1}
:where(main.wb-seite #glas-konfigurator) .design-upsells header>span{display:none}
main.wb-seite .design-upsells h2{font-size:20px}
:where(main.wb-seite #glas-konfigurator) .design-upsells header p{font-size:10px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-replay{background:#fff!important;border:1px solid #b6c9d6!important;border-radius:8px;min-height:44px!important;padding:9px 12px!important;color:var(--blue)!important;font-size:12px!important}
:where(main.wb-seite #glas-konfigurator) .plus-offer{order:2;position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) 32px;gap:14px;margin:8px 16px 14px;padding:16px 8px 16px 16px;border:1px solid #dfc1a3;background:#fff7ed;border-radius:12px;color:#473c31}
:where(main.wb-seite #glas-konfigurator) .plus-offer small{font-size:9px;letter-spacing:.08em;font-weight:700;color:#8b592c}
:where(main.wb-seite #glas-konfigurator) .plus-offer h3{font-size:18px;line-height:1.3;margin:6px 0}
:where(main.wb-seite #glas-konfigurator) .plus-offer p{font-size:12px;line-height:1.5;margin:0 0 10px}
:where(main.wb-seite #glas-konfigurator) .plus-offer-art{position:relative;align-self:center;height:80px;border-radius:12px;background:#f1e5d5;display:flex;align-items:center;justify-content:center;overflow:hidden}
:where(main.wb-seite #glas-konfigurator) .plus-offer-art>span{width:44px;height:55px;background:linear-gradient(120deg,#ffffffb0,#c4dfd0a0);border:2px solid #77998c;transform:rotate(-12deg);box-shadow:5px 5px 0 #a7c8bd80;position:relative}
:where(main.wb-seite #glas-konfigurator) .plus-offer-art>span:after{content:'';position:absolute;inset:4px;background:linear-gradient(120deg,transparent 20%,#ffffffb0 21%,#ffffffb0 27%,transparent 28%)}
:where(main.wb-seite #glas-konfigurator) .plus-offer-art>i{font-style:normal;position:absolute;right:6px;bottom:4px;border-radius:50%;background:#fff;color:#27634b;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-offer-open{display:inline-block;min-height:44px!important;background:#fff!important;border:1px solid #b89a7c!important;color:#624324!important;font-size:12px!important;font-weight:700;border-radius:8px!important;padding:8px 12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-offer-close{width:32px!important;min-width:32px!important;min-height:44px!important;align-self:start;border:0!important;background:transparent!important;color:#785a40!important;font-size:22px!important;padding:0!important;margin:-8px 0 0}
:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar{display:none}
:where(main.wb-seite #glas-konfigurator) .plus-toast{position:fixed;z-index:65;bottom:calc(var(--plus-purchase-height) + 12px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #bfd8ca;background:#f0f8f3;border-radius:10px;box-shadow:0 6px 24px #193a2815;font-size:13px;color:#24543e;pointer-events:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{gap:20px!important;padding:12px 28px!important;grid-template-columns:300px minmax(0,1fr) auto!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-next{min-height:52px!important;width:200px!important;min-width:200px!important;max-width:200px!important;border-radius:10px!important;font-size:13px!important;padding:10px 16px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-prev{width:48px!important;min-width:48px!important;min-height:52px!important;border-radius:10px!important}
main.wb-seite .design-delivery{font-size:12px}
main.wb-seite .plus-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid #c9d8e3;border-radius:20px;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 32px 90px #152c4b35}
main.wb-seite .plus-dialog[open]{display:block!important}
:where(main.wb-seite #glas-konfigurator) .plus-dialog::backdrop{background:#132d4677;backdrop-filter:blur(4px)}
main.wb-seite .plus-dialog header{position:static;display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:12px;padding:0;border:0;background:none}
:where(main.wb-seite #glas-konfigurator) .plus-dialog header small{font-size:10px;font-weight:700;letter-spacing:.12em;color:#567084}
:where(main.wb-seite #glas-konfigurator) .plus-dialog header h2{font-size:25px;margin:6px 0 0;line-height:1.25}
:where(main.wb-seite #glas-konfigurator) .plus-dialog-intro{font-size:14px;color:#536b7d;line-height:1.6}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-close{width:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid #c3d1dc!important;border-radius:10px!important;background:#f5f8fa!important;color:#37576e!important;font-size:24px!important;padding:0!important}
:where(main.wb-seite #glas-konfigurator) .plus-dialog-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-dialog-steps button{width:100%;min-height:44px!important;padding:8px 12px!important;border:1px solid #c2d1dd!important;background:#f5f8fa!important;border-radius:8px!important;font-size:12px!important;text-align:left!important;color:var(--ink)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-dialog-steps button[aria-current=step]{background:#154e8a!important;color:white!important;border-color:#154e8a!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-selection{display:block!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;padding:0!important;background:white!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-selection>h2{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-gewicht-gross{display:flex!important;position:static!important;margin-top:16px;padding:12px!important;font-size:14px!important;background:#edf3f6}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-options{display:grid;gap:10px;margin:20px 0 12px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-upgrade-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:88px!important;padding:16px 16px 16px 48px!important;border:1px solid #a8bfce!important;border-radius:12px!important;background:#f7fafb!important;color:var(--ink)!important;text-align:left!important;white-space:normal!important;font-size:14px!important;line-height:1.5!important;width:100%}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-choice:before{content:'';position:absolute;left:16px;top:20px;border:2px solid #7d98ab;width:17px;height:17px;border-radius:50%;background:white}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-upgrade-choice[aria-pressed=true]{background:#eaf3f9!important;border:2px solid #154e8a!important;padding:15px 15px 15px 47px!important}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-choice[aria-pressed=true]:before{background:#154e8a;box-shadow:inset 0 0 0 3px #fff;border-color:#154e8a}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-choice span{font-size:12px;font-weight:400;color:#526c7d}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-status{font-size:12px;color:#345b72;min-height:20px}
:where(main.wb-seite #glas-konfigurator) .plus-dialog footer{border-top:1px solid #d7e0e7;padding-top:12px;display:flex;flex-direction:column;gap:8px}
:where(main.wb-seite #glas-konfigurator) .plus-dialog footer p{font-size:12px;line-height:1.6;color:#5c7283;margin:0 0 8px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.plus-apply,.plus-keep){min-height:48px!important;padding:12px 16px!important;border:1px solid #154e8a!important;background:#154e8a!important;color:#fff!important;border-radius:10px!important;font-size:14px!important;font-weight:600;width:100%}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-keep{background:#fff!important;color:#154e8a!important;border-color:#bccedb!important}
@media(min-width:1600px){:where(main.wb-seite #glas-konfigurator) .plus-workspace{grid-template-columns:minmax(0,1fr) 424px;gap:24px}}
@media(max-width:1330px) and (min-width:1200px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator{grid-template-columns:206px minmax(0,1fr)!important;gap:16px!important}:where(main.wb-seite #glas-konfigurator) .plus-workspace{grid-template-columns:minmax(0,1fr) 358px;gap:16px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-controls{padding:18px!important}:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:minmax(0,1fr) 30px}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:none}}
@media(max-width:1199px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'toolbar' 'content'!important;gap:14px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator>.design-nav{display:none!important}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar{grid-area:toolbar;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1px solid #cfdae3;border-radius:12px;box-shadow:0 3px 10px #19354b08}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar small{font-size:9px;letter-spacing:.1em;color:#567184;font-weight:700;display:block}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar strong{font-size:14px;line-height:1.4;display:block;margin-top:2px}:where(main.wb-seite #glas-konfigurator) .plus-workspace{grid-template-columns:minmax(0,1fr) minmax(330px,1fr);gap:16px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-button{min-height:44px!important;background:#edf3f7!important;border:1px solid #bdcfdd!important;border-radius:8px;padding:9px 12px!important;font-size:12px!important;color:#154e8a!important;font-weight:700;white-space:nowrap}:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:minmax(0,1fr) 30px}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:none}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-controls{padding:20px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{grid-template-columns:260px minmax(0,1fr) auto!important}}
@media(max-width:899px){:where(main.wb-seite #glas-konfigurator) .plus-content{gap:16px}:where(main.wb-seite #glas-konfigurator) .plus-workspace{display:flex;flex-direction:column;gap:16px}:where(main.wb-seite #glas-konfigurator) .plus-workspace>.gc-controls{order:0;width:100%!important}:where(main.wb-seite #glas-konfigurator) .plus-workspace>.gc-preview{order:1;width:100%!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-stage{height:340px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-drawing-button{display:block;min-height:44px!important;background:#fff!important;border:1px solid #9fb9cc!important;border-radius:8px;padding:8px 12px!important;font-size:12px!important;color:#154e8a!important}:where(main.wb-seite #glas-konfigurator) .plus-coach{grid-template-columns:22px minmax(0,1fr) 36px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-coach button{width:36px!important;min-width:36px!important}:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:64px minmax(0,1fr) 32px}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:flex;height:72px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{grid-template-columns:minmax(0,1fr) auto!important;gap:6px 12px!important;padding:10px 16px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nextbar{grid-column:2!important;grid-row:1!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-delivery{grid-column:1/-1!important;grid-row:2!important;font-size:10px;max-width:none;justify-self:start}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-next{width:168px!important;min-width:168px!important;max-width:168px!important}:where(main.wb-seite #glas-konfigurator) .plus-toast{font-size:12px}main.wb-seite .design-upsells{padding:20px}:where(main.wb-seite #glas-konfigurator) .plus-dialog-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar{padding:9px 10px;gap:8px;border-radius:10px}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar strong{font-size:12px;max-width:135px;line-height:1.35}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-button{font-size:11px!important;padding:8px 10px!important}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar small{font-size:8px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-controls{padding:16px!important}main.wb-seite .design-stephead>span{font-size:9px;flex:1}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-drawing-button{order:2;width:100%;min-height:44px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shapes{grid-template-columns:repeat(2,minmax(0,1fr))!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-shapes>button{min-height:96px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-prev{display:none!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-next{width:142px!important;min-width:142px!important;max-width:142px!important;min-height:52px!important;padding:9px!important;font-size:12px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase{padding:10px 12px!important;gap:4px 8px!important}main.wb-seite .design-delivery{font-size:9px!important}main.wb-seite .design-drawhead{padding:16px 14px 6px}main.wb-seite .design-drawhead h2{font-size:14px!important}main.wb-seite .design-gallery{padding:12px!important;flex-wrap:wrap}main.wb-seite .design-gallery .design-photo-copy{flex-basis:100%}main.wb-seite .design-gallery button{flex:1;width:auto}main.wb-seite .design-gallery img{height:68px}:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:minmax(0,1fr) 32px;margin:8px 12px 12px;padding:14px 6px 14px 14px}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:none}:where(main.wb-seite #glas-konfigurator) .plus-offer h3{font-size:17px}main.wb-seite .plus-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:18px 14px;border-radius:16px}main.wb-seite .plus-dialog header h2{font-size:22px}:where(main.wb-seite #glas-konfigurator) .plus-dialog-intro{font-size:13px}:where(main.wb-seite #glas-konfigurator) .plus-dialog-steps{gap:6px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-dialog-steps button{font-size:11px!important;padding:8px!important}:where(main.wb-seite #glas-konfigurator) .plus-coach p{font-size:12px}:where(main.wb-seite #glas-konfigurator) .plus-toast{font-size:11px;padding:10px 14px}:where(main.wb-seite #glas-konfigurator) .plus-selection-dialog .gc-selection-row{gap:12px!important}main.wb-seite .design-upsells{padding:16px}main.wb-seite .design-upsells h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){main.wb-seite *,main.wb-seite *:before,main.wb-seite *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator{display:block!important}:where(main.wb-seite #glas-konfigurator) .plus-mobile-bar,:where(main.wb-seite #glas-konfigurator) .plus-coach,:where(main.wb-seite #glas-konfigurator) .plus-offer,:where(main.wb-seite #glas-konfigurator) .plus-toast{display:none!important}:where(main.wb-seite #glas-konfigurator) .plus-workspace{display:block}:where(main.wb-seite #glas-konfigurator) .plus-content{display:block}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav{max-height:calc(100dvh - var(--plus-purchase-height) - 100px)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-preview:has(>.plus-offer:not([hidden])) .gc-stage{height:clamp(250px,calc(100dvh - 520px),380px)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-drawing-dialog[open] .gc-stage{height:min(70vh,620px)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-price-button{min-height:44px!important;border:0!important;background:none!important;font-size:11px!important;color:#154e8a!important;text-decoration:underline!important;padding:4px 0!important;display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-price-dialog .gc-breakdown-content{position:static!important;display:block!important;inset:auto!important;max-height:none!important;width:100%!important;box-shadow:none!important;border:0!important;padding:0!important;overflow:visible!important}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-visual{display:flex;align-items:center;gap:14px;padding:12px;background:#f2f6f8;border-radius:10px;margin:16px 0;font-size:12px;color:#526b7d}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-visual img{width:86px;height:68px;object-fit:cover;border-radius:6px}
:where(main.wb-seite #glas-konfigurator) .plus-upgrade-visual p{margin:0;line-height:1.6}
@media(min-width:1200px) and (max-height:820px){main.wb-seite .design-nav-title{margin-bottom:8px}:where(main.wb-seite #glas-konfigurator) .design-nav-title p{display:none}:where(main.wb-seite #glas-konfigurator) .design-nav-title h2{font-size:17px;margin-bottom:12px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step]{min-height:50px!important;padding:7px 6px!important;margin-bottom:2px}:where(main.wb-seite #glas-konfigurator) .plus-nav-foot{padding-top:8px}:where(main.wb-seite #glas-konfigurator) .design-nav-title>span{display:none}main.wb-seite .design-nav button[data-design-step] small{font-size:10px}}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-stephead{flex-wrap:nowrap}:where(main.wb-seite #glas-konfigurator) .design-stephead>span{display:none!important}main.wb-seite .design-stephead>span{display:none!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-drawing-button{order:0;flex:1;width:auto}:where(main.wb-seite #glas-konfigurator) .plus-tip-button{order:1}:where(main.wb-seite #glas-konfigurator) .plus-offer{margin:0 0 18px}:where(main.wb-seite #glas-konfigurator) .plus-coach:has(+.plus-offer:not([hidden])){display:none}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:none}:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:minmax(0,1fr) 32px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-price-button{display:inline-block}:where(main.wb-seite #glas-konfigurator) .plus-price-button{position:absolute;top:0;right:0}main.wb-seite .gc-price{position:relative}:where(main.wb-seite #glas-konfigurator) .gc-price>div{position:relative}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-a-heading h2[tabindex="-1"]:focus{outline:0!important}
:where(main.wb-seite #glas-konfigurator) .plus-coach{grid-template-columns:22px minmax(0,1fr) 44px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.plus-offer-close,.plus-coach button){width:44px!important;min-width:44px!important;min-height:44px!important}
:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:70px minmax(0,1fr) 44px}
@media(max-width:1330px){:where(main.wb-seite #glas-konfigurator) .plus-offer{grid-template-columns:minmax(0,1fr) 44px}:where(main.wb-seite #glas-konfigurator) .plus-offer-art{display:none}:where(main.wb-seite #glas-konfigurator) .plus-coach{grid-template-columns:22px minmax(0,1fr) 44px}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>.gc-controls{width:100%!important;min-width:0!important;max-width:100%!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .drawing-dialog-body #gc-view-hint:not([hidden]){display:block!important;position:relative!important;inset:auto!important;z-index:1;margin:12px 0 0!important;padding:12px!important;border:1px solid #c4d8e3;border-radius:8px;background:#edf5f9;color:#314f64;font-size:12px!important;line-height:1.6;pointer-events:auto}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-drawing-dialog[open] .gc-stage{height:clamp(300px,55dvh,450px)!important}}
@media(max-width:540px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator[data-price-pending=true] #gc-total{font-size:15px!important;line-height:1.3!important;white-space:normal!important;max-width:100%}}
@media(min-width:1200px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav{display:flex!important;flex-direction:column!important;overflow:visible!important}:where(main.wb-seite #glas-konfigurator) .design-nav-title,:where(main.wb-seite #glas-konfigurator) .plus-nav-foot{flex:none}:where(main.wb-seite #glas-konfigurator) .plus-nav-items{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b0c3ce transparent;padding-right:2px}:where(main.wb-seite #glas-konfigurator) .plus-nav-foot{margin-top:8px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav{flex-wrap:nowrap!important;align-items:stretch!important}:where(main.wb-seite #glas-konfigurator) .plus-nav-items,:where(main.wb-seite #glas-konfigurator) .plus-nav-foot,:where(main.wb-seite #glas-konfigurator) .design-nav-title{width:100%;min-width:0}:where(main.wb-seite #glas-konfigurator) .plus-nav-items{flex-basis:auto}:where(main.wb-seite #glas-konfigurator) .design-nav-title{width:auto}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff-wahl>.gc-begriff{grid-column:2!important;grid-row:1!important;align-self:center!important;width:44px!important;min-width:44px!important;margin:0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff-wahl>button{grid-column:1!important;grid-row:1!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff-wahl>.gc-begriff{height:44px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff-wahl>.gc-begriff>summary{position:static!important;inset:auto!important;margin:0!important;width:44px!important;height:44px!important;transform:none!important}

/* surfaces.css */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot{display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin: 12px 0 0 !important;
  padding: 12px 4px 0 !important;
  border: 0 !important;
  border-top: 1px solid #c9d7e0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #445d71;
  font-size: 11px;
  line-height: 1.5;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot .plus-weight{display: block;
  padding: 0 4px;
  color: #334f65;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot .plus-accessory-count{padding: 0 4px;
  color: #536b7d;
  font-size: 11px;
  line-height: 1.5;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot .plus-all-selection{display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #b4c6d4 !important;
  border-radius: 10px !important;
  background: #f4f8fb !important;
  color: #154e8a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  text-align: center !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot .plus-all-selection:hover{background: #e0ebf4 !important;
  border-color: #8faac1 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl:not([hidden]){display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  align-content: center !important;
  align-self: stretch !important;
  gap: 8px 16px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 12px 16px !important;
  padding: 10px 12px !important;
  border: 1px solid #d3dfe8 !important;
  border-radius: 10px !important;
  background: #f3f7fa !important;
  box-shadow: none !important;
  overflow: visible !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl > h3{grid-column: 1 !important;
  grid-row: 1 !important;
  flex-basis: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #5d7284;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl > p{display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 6px 12px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl .gc-ia-was{flex: 1 1 140px;
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  color: #354f65;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl .gc-ia-wert{flex: 0 0 auto;
  min-width: 0 !important;
  margin-left: auto;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-toolbar{gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px;
  box-shadow: none !important;
  background: transparent !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-toolbar > button{display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 8px !important;
  margin: 0 !important;
  border: 1px solid #c5d4e0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #154e8a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  box-shadow: 0 2px 5px #14284605;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-toolbar > button:is(:hover, [aria-expanded="true"]){background: #e8f0f7 !important;
  border-color: #9bb4c9 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(#gc-close-hole, #gc-close-edge){min-height: 44px !important;
  max-width: calc(100% - 184px) !important;
  padding: 8px 10px !important;
  border: 1px solid #bdcedc !important;
  border-radius: 10px !important;
  background: #f7fafc !important;
  color: #154e8a !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  white-space: normal;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(#gc-edge-info, #gc-view-hint){border: 1px solid #cbdce7 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  background: #eef5f9 !important;
  color: #314f64;
  font-size: 12px !important;
  line-height: 1.6 !important;
  box-shadow: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-edge-info strong{font-size: 16px !important;
  line-height: 1.35 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator #gc-edge-info span{margin: 8px 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(#gc-edge-fallback, #gc-hole-detail, .gc-detail){border-radius: 10px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical{padding: 0 16px !important;
  border: 0 !important;
  border-top: 1px solid #d7e2e9 !important;
  border-radius: 0 0 16px 16px !important;
  background: #f7fafc !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical > summary{min-height: 48px !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.5 !important;
  color: #405d73;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical > summary > span{flex: 0 0 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 6px;
  background: #e8f0f5;
  color: #154e8a;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical-content{min-width: 0;
  padding: 0 0 16px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical-content .gc-facts{gap: 8px 16px !important;
  font-size: 12px !important;
  color: #536b7d;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical .gc-measurements-disclosure{margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #d9e3eb !important;
  border-radius: 10px !important;
  background: #fff !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical .gc-measurements-disclosure > summary{min-height: 44px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #405d73;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical :is(.gc-measurements, .gc-masstexte){padding: 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #e2e9ef !important;
  border-radius: 0 0 10px 10px !important;
  background: #fff !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  scrollbar-width: thin;
  scrollbar-color: #b5c7d5 transparent;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical :is(th, td){padding: 10px 12px !important;
  border-color: #e0e8ef !important;
  font-size: 12px !important;
  line-height: 1.5 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical .gc-measurements button{min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog{padding: 24px !important;
  border: 1px solid #cbd9e4 !important;
  border-radius: 16px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog > header{gap: 16px !important;
  margin: 0 0 12px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog > header h2{margin: 8px 0 0 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog .plus-dialog-intro{margin: 0 0 16px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog .plus-dialog-steps{gap: 8px !important;
  margin: 0 0 16px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog .plus-dialog-steps button{min-height: 48px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: normal !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-selection-row{grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important;
  gap: 12px !important;
  padding: 8px 0 !important;
  border-color: #e0e8ee !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-selection-row dt{color: #5a7082;
  font-size: 12px !important;
  line-height: 1.5 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-selection-row button{min-height: 44px !important;
  padding: 8px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  white-space: normal !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-body .gc-gewicht-gross{justify-content: space-between !important;
  gap: 12px !important;
  margin: 16px 0 0 !important;
  padding: 12px !important;
  border: 1px solid #d7e2ea !important;
  border-radius: 10px !important;
  background: #f0f5f8 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;}
@media (max-width: 899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl:not([hidden]){grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl > p{grid-column: 1 !important;
    grid-row: 2 !important;}}
@media (max-width: 540px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl:not([hidden]){margin: 12px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical{padding: 0 12px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog{padding: 20px 16px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog > header h2{font-size: 21px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog .plus-dialog-steps button{padding: 8px !important;
    font-size: 11px !important;}}
@media (max-width: 374px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-ihre-auswahl .gc-ia-was{flex-basis: 120px;
    font-size: 11px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog > header{gap: 12px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-selection-dialog > header h2{font-size: 20px !important;}}
@media (min-width: 1200px) and (max-height: 820px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-nav-foot{margin-top: 8px !important;
    padding-top: 8px !important;}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog{--gc-paper: #fff;
  --gc-ink: #172e48;
  --gc-line: #c9d8e3;
  --gc-muted: #536b7d;
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: min(440px, calc(100vw - 32px));
  min-width: 0;
  max-width: none;
  height: fit-content;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 24px;
  border: 1px solid #c9d8e3;
  border-radius: 16px;
  background: #fff;
  color: #172e48;
  box-shadow: 0 24px 80px #12294140;
  overflow: auto;
  overscroll-behavior: contain;
  text-align: left;}
main.wb-seite #glas-konfigurator .gc-mass-dialog[open]{display: block;}
main.wb-seite #glas-konfigurator .gc-mass-dialog::backdrop{background: #12273c70;
  backdrop-filter: blur(3px);}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog form{display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog h2{margin: 0 0 6px;
  color: #172e48;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -.3px;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog p{margin: 0 0 20px;
  color: #536b7d;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog [data-mass-fields]{display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog label{display: block;
  min-width: 0;
  margin: 0 !important;
  color: #172e48;
  font-size: 13px !important;
  line-height: 1.45;
  font-weight: 650;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog input{display: block;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  min-width: 0;
  min-height: 48px !important;
  margin: 7px 0 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #8da7bd !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #172e48 !important;
  font-size: 16px !important;
  line-height: 1.4;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog [data-mass-error]:empty{display: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog [data-mass-error]:not(:empty){margin: 16px 0 0;
  padding: 10px 12px;
  border-left: 3px solid #a34b29;
  border-radius: 0 8px 8px 0;
  background: #fff4ec;
  color: #914020;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog .gc-mass-actions{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0 0;
  padding: 16px 0 0;
  border-top: 1px solid #d7e0e7;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog button{display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #9fb5c7 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #154e8a !important;
  font-size: 13px !important;
  line-height: 1.4;
  font-weight: 750;
  white-space: normal;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog button:hover{background: #edf4f9 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog button[type=submit]{border-color: #154e8a !important;
  background: #154e8a !important;
  color: #fff !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog button[type=submit]:hover{background: #103d6d !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog :is(input,button):focus-visible{outline: 3px solid #154e8a !important;
  outline-offset: 3px;}
@media(max-width: 540px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog{width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 20px;
    border-radius: 14px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .gc-mass-dialog h2{font-size: 20px;}}

/* editor.css */
body.fe-modal-open{overflow:hidden}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-parked{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact{background:white;border:1px solid var(--fe-line);border-radius:16px;padding:24px;align-self:start;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator [hidden]{display:none!important}
:where(main.wb-seite #glas-konfigurator) .fe-eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--fe-muted)}
:where(main.wb-seite #glas-konfigurator) .fe-compact h2{font-size:23px;line-height:1.2;margin:10px 0 12px}
:where(main.wb-seite #glas-konfigurator) .fe-compact>p{color:var(--fe-muted);font-size:13px;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .fe-list{display:grid;gap:12px;margin:22px 0 16px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-item{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:start;gap:10px;text-align:left;width:100%;padding:16px 12px;background:#fff;border:1px solid #aabed1;border-radius:10px;color:var(--fe-ink);min-height:88px;line-height:1.45;white-space:normal}
:where(main.wb-seite #glas-konfigurator) .fe-item-code{display:grid;place-items:center;min-height:32px;background:#e8f1f8;border-radius:6px;font-size:11px;font-weight:800}
:where(main.wb-seite #glas-konfigurator) .fe-item strong{display:block;font-size:13px}
:where(main.wb-seite #glas-konfigurator) .fe-item small{display:block;font-size:11px;color:var(--fe-muted);margin:6px 0}
:where(main.wb-seite #glas-konfigurator) .fe-item em{display:block;font-size:11px;color:var(--fe-blue);font-style:normal;font-weight:750}
:where(main.wb-seite #glas-konfigurator) .fe-warning{color:#a0401a!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.fe-add,.fe-other){display:block;width:100%;min-height:48px;padding:12px;border-radius:8px;white-space:normal;font-size:13px;font-weight:750;background:var(--fe-blue);color:white;border:1px solid var(--fe-blue)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-other{background:#fff;color:var(--fe-blue);border-color:var(--fe-line)}
:where(main.wb-seite #glas-konfigurator) .fe-compact-note{font-size:11px!important;padding:14px 0;border-top:1px solid #e2e9ef;margin-top:22px!important}
:where(main.wb-seite #glas-konfigurator) .fe-empty{padding:24px 16px;border:1px dashed var(--fe-line);border-radius:10px;font-size:13px;line-height:1.7;background:#f7fafc;color:var(--fe-muted)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1180px,calc(100vw - 64px));max-width:none;height:min(820px,calc(100dvh - 48px));max-height:none;border:1px solid #afc5d7;border-radius:20px;background:#fff;color:var(--fe-ink);box-shadow:0 25px 100px #12294140;overflow:hidden}
:where(main.wb-seite #glas-konfigurator) .fe-dialog::backdrop{background:#12273c70;backdrop-filter:blur(3px)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[open]{display:flex;flex-direction:column}
:where(main.wb-seite #glas-konfigurator) .fe-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-bottom:1px solid var(--fe-line);flex-shrink:0}
:where(main.wb-seite #glas-konfigurator) .fe-head h2{font-size:25px;line-height:1.2;margin:7px 0}
:where(main.wb-seite #glas-konfigurator) .fe-glass-context{font-size:12px;color:var(--fe-muted);margin:0}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.fe-close,.fe-viewtabs button,.fe-phases button,.fe-foot button){min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--fe-line);border-radius:8px;background:white;color:var(--fe-blue);font-size:12px;line-height:1.35;white-space:normal;font-weight:750}
:where(main.wb-seite #glas-konfigurator) .fe-close{flex-shrink:0}
:where(main.wb-seite #glas-konfigurator) .fe-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);flex:1;min-height:0}
:where(main.wb-seite #glas-konfigurator) .fe-visual{padding:24px 28px;overflow:auto;background:#f3f7fa;border-right:1px solid var(--fe-line);min-width:0}
:where(main.wb-seite #glas-konfigurator) .fe-visual-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:16px}
:where(main.wb-seite #glas-konfigurator) .fe-mark{background:#174f88;color:white;border-radius:6px;padding:7px 10px;font-size:11px}
:where(main.wb-seite #glas-konfigurator) .fe-viewtabs{display:flex;gap:8px;margin:0 0 18px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-viewtabs button[aria-pressed=true]{background:#e1edf7;border-color:#174f88;color:#174f88}
:where(main.wb-seite #glas-konfigurator) .fe-drawing{background:#f4f6f9;border:1px solid #d6e0e8;border-radius:12px;overflow:hidden;display:grid;place-items:center;min-height:230px}
:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{display:block;width:100%;height:auto;max-height:360px}
:where(main.wb-seite #glas-konfigurator) .fe-drawing-note{font-size:11px;color:var(--fe-muted);line-height:1.5;margin:12px 0 18px}
:where(main.wb-seite #glas-konfigurator) .fe-live-values{padding:16px 0;border-top:1px solid #d6e0e8;font-size:12px;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .fe-live-values p{margin:5px 0;color:var(--fe-muted)}
:where(main.wb-seite #glas-konfigurator) .fe-tech{border-top:1px solid #d6e0e8;padding-top:8px}
:where(main.wb-seite #glas-konfigurator) .fe-tech>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:750;color:var(--fe-blue)}
:where(main.wb-seite #glas-konfigurator) .fe-tech>summary::after{content:'+';margin-left:auto;font-size:20px}
:where(main.wb-seite #glas-konfigurator) .fe-tech[open]>summary::after{content:'−'}
:where(main.wb-seite #glas-konfigurator) .fe-info{font-size:12px;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .fe-edit{padding:24px 28px;overflow:auto;min-width:0}
:where(main.wb-seite #glas-konfigurator) .fe-phases{display:none}
:where(main.wb-seite #glas-konfigurator) .fe-part{margin:0 0 24px;padding:0 0 20px;border-bottom:1px solid #e1e8ee;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:where(main.wb-seite #glas-konfigurator) .fe-part>h3{grid-column:1/-1;font-size:15px;line-height:1.4;margin:0;color:var(--fe-ink)}
:where(main.wb-seite #glas-konfigurator) .fe-part>.gc-field{min-width:0}
:where(main.wb-seite #glas-konfigurator) .fe-part>:not(.gc-field){grid-column:1/-1}
:where(main.wb-seite #glas-konfigurator) .fe-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid var(--fe-line);flex-shrink:0;background:white}
:where(main.wb-seite #glas-konfigurator) .fe-foot p{font-size:11px;color:var(--fe-muted);margin:0}
:where(main.wb-seite #glas-konfigurator) .fe-foot>div{display:flex;gap:8px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-foot .fe-done{background:var(--fe-blue);color:#fff;border-color:var(--fe-blue);min-width:142px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-controls{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;position:static!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.design-stephead,.plus-coach,.plus-offer,.design-selection,.gc-storage,.gc-downloads,.gc-neben,.gc-quote,#gc-error,#gc-open-issues,#gc-view-hint,.gc-jump>a){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.gc-accordion-head,.gc-question-head,.gc-question-tools,[data-weiter],.gc-bearbeitung-neu){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(#gc-form,.gc-jump,.gc-question,.gc-answer,fieldset){min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;container-type:normal!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog fieldset{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind=hole] #gc-holes,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind=cutout] #gc-cutouts{display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.gc-hole-karte,fieldset>legend){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .fe-current{display:block!important;border:0!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;width:100%!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-hole-kopf{display:flex!important;justify-content:flex-end!important;gap:0!important;margin:0 0 12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-hole-kopf>:not(.gc-hole-weg){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-hole-weg{width:44px!important;height:44px!important;min-width:44px!important;background:white!important;color:#914020!important;border:1px solid #dacbc3!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(label,.gc-group-label){display:block;font-size:12px!important;line-height:1.5!important;margin:0!important;font-weight:650;white-space:normal;overflow-wrap:break-word}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(input,select){width:100%!important;min-width:0!important;min-height:48px!important;max-width:100%!important;font-size:16px!important;border:1px solid #8da7bd!important;background:#fff!important;border-radius:8px!important;margin:7px 0 0!important;padding:11px 12px!important;color:#172e48!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog input[aria-invalid=true]{border-color:#a34b29!important;background:#fff9f4!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-einheit input{padding-right:58px!important;margin-top:0!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-einheit{margin-top:7px!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-einheit-mm{font-size:12px!important;right:12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.gc-options>button,.gc-add,.gc-gegenmasse button){min-height:48px!important;min-width:0!important;padding:10px 8px!important;border:1px solid #9db3c7!important;border-radius:8px!important;background:#fff!important;color:var(--fe-ink)!important;font-size:12px!important;line-height:1.4!important;white-space:normal!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-options>button[aria-pressed=true]{background:var(--fe-blue)!important;border-color:var(--fe-blue)!important;color:white!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.gc-help,.gc-note,.gc-error){font-size:12px!important;line-height:1.55!important;margin:8px 0!important;overflow-wrap:break-word;white-space:normal!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-error:not(:empty){padding:10px 12px!important;border-left:3px solid #aa4f27!important;background:#fff4ec!important;color:#914020!important;border-radius:0 6px 6px 0!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .fe-duplicate{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-foto{display:block!important;padding:12px!important;margin:0!important;background:white!important;border-radius:10px}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-foto img{height:140px!important;width:100%!important;object-fit:contain!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-foto-knopf{width:100%!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-foto figcaption{font-size:12px!important;margin-bottom:10px!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-gegenmasse{margin:0!important;display:grid!important;gap:8px!important;grid-template-columns:1fr!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-begriff>summary{min-height:44px!important;min-width:44px!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog .gc-begriff{position:relative!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog:not(.fe-choosing) #gc-cutout-kinds{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog.fe-choosing #gc-cutout-kinds{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-cutout-shapes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog.fe-choosing .fe-phases{display:none}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact{order:-1;padding:20px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);inset:0;margin:auto;border-radius:14px}:where(main.wb-seite #glas-konfigurator) .fe-head{padding:16px 20px}:where(main.wb-seite #glas-konfigurator) .fe-head h2{font-size:21px}:where(main.wb-seite #glas-konfigurator) .fe-layout{grid-template-columns:minmax(0,1fr)!important;overflow:auto;display:block}:where(main.wb-seite #glas-konfigurator) .fe-visual{padding:20px;border-right:0;border-bottom:1px solid #ccd9e4;overflow:visible}:where(main.wb-seite #glas-konfigurator) .fe-edit{padding:20px;overflow:visible}:where(main.wb-seite #glas-konfigurator) .fe-visual-head{margin-bottom:12px}:where(main.wb-seite #glas-konfigurator) .fe-drawing{min-height:0}:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{max-height:250px}:where(main.wb-seite #glas-konfigurator) .fe-drawing-note{margin:8px 0;font-size:10px}:where(main.wb-seite #glas-konfigurator) .fe-live-values{padding:10px 0}:where(main.wb-seite #glas-konfigurator) .fe-foot{padding:12px 20px}:where(main.wb-seite #glas-konfigurator) .fe-foot p{max-width:190px}:where(main.wb-seite #glas-konfigurator) .fe-info .gc-foto img{height:110px!important}}
@media(max-width:480px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{inset:0;width:100vw;height:100dvh;margin:0;border-radius:0;border:0}:where(main.wb-seite #glas-konfigurator) .fe-head{padding:14px 16px;gap:8px}:where(main.wb-seite #glas-konfigurator) .fe-head h2{font-size:19px}:where(main.wb-seite #glas-konfigurator) .fe-eyebrow{font-size:9px}:where(main.wb-seite #glas-konfigurator) .fe-glass-context{font-size:11px}:where(main.wb-seite #glas-konfigurator) .fe-visual,:where(main.wb-seite #glas-konfigurator) .fe-edit{padding:16px}:where(main.wb-seite #glas-konfigurator) .fe-close{max-width:95px}:where(main.wb-seite #glas-konfigurator) .fe-viewtabs{margin-bottom:12px}:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{max-height:230px}:where(main.wb-seite #glas-konfigurator) .fe-foot{padding:12px 16px;align-items:center}:where(main.wb-seite #glas-konfigurator) .fe-foot p{max-width:110px;font-size:10px}:where(main.wb-seite #glas-konfigurator) .fe-foot>div{gap:4px}:where(main.wb-seite #glas-konfigurator) .fe-foot .fe-back{padding:9px!important}:where(main.wb-seite #glas-konfigurator) .fe-part{gap:14px 10px}:where(main.wb-seite #glas-konfigurator) .fe-phases{gap:4px!important}:where(main.wb-seite #glas-konfigurator) .fe-phases button{padding:8px 5px!important;font-size:11px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-foot .fe-done{min-width:116px;max-width:148px}:where(main.wb-seite #glas-konfigurator) .fe-compact h2{font-size:21px}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-hole-arten{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){:where(main.wb-seite #glas-konfigurator) .fe-dialog,:where(main.wb-seite #glas-konfigurator) .fe-item{animation:none!important;transition:none!important}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog [data-section-feedback]:has(button,a){display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-hole-kopf{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .fe-remove{position:static!important;width:auto!important;min-height:44px!important;padding:10px!important;color:#914020!important;background:#fff!important;border:1px solid #dacbc3!important;border-radius:8px!important;font-size:12px!important;line-height:1.4!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact .fe-demo{width:100%;min-height:62px;padding:12px;border:1px solid #a9bfd3;background:#edf4fa;color:#174f88;border-radius:8px;font-size:13px;font-weight:750;margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .fe-demo small{font-size:11px;font-weight:500}
:where(main.wb-seite #glas-konfigurator) .fe-compact-feedback:empty{display:none}
:where(main.wb-seite #glas-konfigurator) .fe-compact-feedback{padding:12px;background:#fff4ec;color:#914020!important;border-radius:8px;font-size:12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-error-link{display:block;min-height:44px;border:1px solid #dcb49e;border-radius:8px;background:#fff8f2;color:#914020;font-size:12px;padding:10px 12px;width:100%;text-align:left;white-space:normal;margin-top:8px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .fe-foot button.fe-done{background:#174f88!important;color:white!important;border-color:#174f88!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .gc-a-heading{display:none!important}
:where(main.wb-seite #glas-konfigurator) .fe-mobile-tabs{display:none}
:where(main.wb-seite #glas-konfigurator) .fe-info .gc-a-help{display:block!important;margin:12px 0!important}
:where(main.wb-seite #glas-konfigurator) .fe-info .gc-a-help>summary{min-height:44px;cursor:pointer}
:where(main.wb-seite #glas-konfigurator) .fe-info .gc-a-help>summary::after{content:' Hinweise zur Bearbeitung';font-size:12px;color:#174f88}
@media(max-width:899px){:where(main.wb-seite #glas-konfigurator) .fe-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px;border-bottom:1px solid #ccd9e4;flex-shrink:0}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-mobile-tabs button{min-height:44px;padding:10px;border:1px solid #a9bfd3;border-radius:8px;background:#fff;color:#174f88;font-size:12px;font-weight:750}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-mobile-tabs button[aria-pressed=true]{background:#174f88;color:white;border-color:#174f88}:where(main.wb-seite #glas-konfigurator) .fe-dialog[data-mobile-panel=inputs] .fe-visual{display:none}:where(main.wb-seite #glas-konfigurator) .fe-dialog[data-mobile-panel=drawing] .fe-edit{display:none}:where(main.wb-seite #glas-konfigurator) .fe-dialog[data-mobile-panel=drawing] .fe-visual{border-bottom:0}:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{max-height:330px}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog #gc-why{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog button.fe-close{white-space:nowrap!important;padding:10px!important}
:where(main.wb-seite #glas-konfigurator) .fe-dialog[data-mode=drawer]::backdrop{background:#12273c20;backdrop-filter:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-issue-next{display:none;min-height:48px;padding:12px 18px;border:1px solid #174f88;border-radius:8px;background:#174f88;color:#fff;font-size:13px;font-weight:750}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator.fe-review-required .design-next{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator.fe-review-required .fe-issue-next{display:block!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{width:min(1380px,calc(100vw - 48px));
  height:min(900px,calc(100dvh - 40px));}
main.wb-seite .fe-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr)}
:where(main.wb-seite #glas-konfigurator) .fe-visual{padding:22px;}
:where(main.wb-seite #glas-konfigurator) .fe-visual-head{margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .fe-viewtabs{margin-bottom:14px}
:where(main.wb-seite #glas-konfigurator) .fe-drawing-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px;color:#405e74;font-size:12px;line-height:1.5}
:where(main.wb-seite #glas-konfigurator) .fe-drawing-meta span+span{padding-left:14px;border-left:1px solid #c8d7e2}
:where(main.wb-seite #glas-konfigurator) .fe-drawing{min-height:280px;background:#f4f6f9;border-radius:12px;padding:12px}
:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{display:block;width:100%;height:auto;max-height:440px;min-width:0}
:where(main.wb-seite #glas-konfigurator) .fe-drawing-note{margin:10px 0 16px;font-size:12px;line-height:1.6;color:#506b80}
:where(main.wb-seite #glas-konfigurator) .fe-drawing-data{font-size:13px;line-height:1.6;min-width:0}
:where(main.wb-seite #glas-konfigurator) .fe-measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
:where(main.wb-seite #glas-konfigurator) .fe-measure-card{min-width:0;padding:14px 16px;background:#fff;border:1px solid #d4e0e9;border-radius:10px;overflow-wrap:anywhere}
:where(main.wb-seite #glas-konfigurator) .fe-measure-card:only-child{grid-column:1/-1}
:where(main.wb-seite #glas-konfigurator) .fe-measure-card strong{display:block;font-size:13px;color:#17324e;line-height:1.5}
:where(main.wb-seite #glas-konfigurator) .fe-measure-card ul{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none;color:#435d72}
:where(main.wb-seite #glas-konfigurator) .fe-measure-card li{margin:0;padding-left:12px;border-left:2px solid #d9e6f0}
:where(main.wb-seite #glas-konfigurator) .fe-reference{margin:12px 0;padding:12px 14px;border-left:3px solid #99b7cc;background:#eaf1f6;border-radius:0 8px 8px 0;overflow-wrap:anywhere}
:where(main.wb-seite #glas-konfigurator) .fe-reference strong{font-size:12px;color:#294a65}
:where(main.wb-seite #glas-konfigurator) .fe-reference p{font-size:13px;line-height:1.65;color:#435d72;margin:5px 0 0}
:where(main.wb-seite #glas-konfigurator) .fe-reference.fe-warning{border-color:#ad542a;background:#fff3e8}
:where(main.wb-seite #glas-konfigurator) .fe-reference.fe-warning p{color:#914020}
:where(main.wb-seite #glas-konfigurator) .fe-other-measures{margin:12px 0;border:1px solid #c9d9e5;border-radius:10px;background:#fff;overflow:hidden}
:where(main.wb-seite #glas-konfigurator) .fe-other-measures>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 14px;cursor:pointer;color:#174f88;font-weight:650;font-size:13px;list-style:none}
:where(main.wb-seite #glas-konfigurator) .fe-other-measures>summary::after{content:'+';font-size:20px}
:where(main.wb-seite #glas-konfigurator) .fe-other-measures[open]>summary::after{content:'−'}
:where(main.wb-seite #glas-konfigurator) .fe-other-measures>.fe-measure-grid{padding:0 10px 10px;margin:0}
:where(main.wb-seite #glas-konfigurator) .fe-live-values:empty,:where(main.wb-seite #glas-konfigurator) .fe-drawing-data:empty,:where(main.wb-seite #glas-konfigurator) .fe-drawing-meta:empty{display:none}
:where(main.wb-seite #glas-konfigurator) .fe-live-values{border:0;padding:0;margin:14px 0}
:where(main.wb-seite #glas-konfigurator) .fe-next-hint{padding:14px 16px;border:1px dashed #adc4d6;border-radius:10px;background:#fff;font-size:13px;line-height:1.6}
:where(main.wb-seite #glas-konfigurator) .fe-next-hint p{font-size:13px;margin:5px 0 0}
:where(main.wb-seite #glas-konfigurator) .fe-tech{margin-top:14px;padding-top:4px}
:where(main.wb-seite #glas-konfigurator) .fe-tech>summary{font-size:13px;line-height:1.5;gap:12px}
:where(main.wb-seite #glas-konfigurator) .fe-info{font-size:13px;line-height:1.65;display:grid;gap:12px;padding:4px 0 12px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog :is(.gc-help,.gc-note,.gc-error){font-size:13px!important;line-height:1.65!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-info>p.gc-help{padding:12px 14px!important;margin:0!important;background:#fff;border:1px solid #d7e2ea;border-radius:8px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog .fe-foot p{font-size:12px;line-height:1.5}
@media(max-width:1100px) and (min-width:900px){:where(main.wb-seite #glas-konfigurator) .fe-visual,:where(main.wb-seite #glas-konfigurator) .fe-edit{padding:18px}:where(main.wb-seite #glas-konfigurator) .fe-measure-grid{grid-template-columns:1fr}}
@media(max-width:899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px)}:where(main.wb-seite #glas-konfigurator) .fe-visual{padding:20px}:where(main.wb-seite #glas-konfigurator) .fe-drawing{min-height:240px;padding:8px}:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{max-height:460px}:where(main.wb-seite #glas-konfigurator) .fe-drawing-note{font-size:12px}:where(main.wb-seite #glas-konfigurator) .fe-reference p,:where(main.wb-seite #glas-konfigurator) .fe-measure-card strong,:where(main.wb-seite #glas-konfigurator) .fe-drawing-data{font-size:13px}}
@media(max-width:480px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog{width:100vw;height:100dvh}:where(main.wb-seite #glas-konfigurator) .fe-visual{padding:16px}:where(main.wb-seite #glas-konfigurator) .fe-drawing{min-height:220px;padding:6px}:where(main.wb-seite #glas-konfigurator) .fe-drawing svg{max-height:380px}:where(main.wb-seite #glas-konfigurator) .fe-measure-grid{grid-template-columns:1fr}:where(main.wb-seite #glas-konfigurator) .fe-measure-card{padding:12px 14px}:where(main.wb-seite #glas-konfigurator) .fe-drawing-meta{font-size:12px;gap:5px 10px}:where(main.wb-seite #glas-konfigurator) .fe-drawing-meta span+span{padding-left:10px}:where(main.wb-seite #glas-konfigurator) .fe-drawing-note{font-size:12px}:where(main.wb-seite #glas-konfigurator) .fe-foot p{max-width:130px}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-info .gc-a-help{position:static!important;inset:auto!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-info .gc-a-help>summary{position:static!important;display:flex!important;justify-content:flex-start!important;gap:10px;width:100%!important;height:auto!important;min-height:44px;padding:10px 12px!important;margin:0!important;white-space:normal!important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-info .gc-a-help>summary::after{font-size:13px;line-height:1.5}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact[data-kind="corner"] .fe-corner-list{display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  grid-auto-rows: 1fr;
  gap: 8px;
  margin: 20px 0 16px;
  min-width: 0;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-corner-entry{display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-corner-entry > .fe-item{flex: 1;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact[data-kind="corner"] .fe-item{min-height: 88px;
  min-width: 0;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  gap: 10px;
  padding: 14px 12px;
  border-radius: 8px;
  overflow-wrap: anywhere;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item-code{min-height: 30px;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item small{margin: 4px 0; line-height: 1.45;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item em{line-height: 1.5;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact[data-kind="corner"] .fe-item:disabled{opacity: 1 !important;
  background: #f1f4f6 !important;
  border: 1px dashed #b8c5d0 !important;
  color: #4d6273 !important;
  cursor: not-allowed;
  box-shadow: none;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item:disabled .fe-item-code{background: #e2e8ed; color: #506474;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item:disabled :is(small, em){color: #516676;}
main.wb-seite .fe-compact[data-kind="corner"] .fe-item:disabled > [aria-hidden="true"]:last-child:not(.fe-item-code){visibility: hidden;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.fe-compact[data-kind="corner"], .fe-dialog[data-kind="corner"]) :is(.fe-corner-all, .fe-corner-reset):not([hidden]){display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px !important;
  width: 100%;
  min-width: 0 !important;
  max-width: 100%;
  margin: 12px 0 0 !important;
  padding: 12px !important;
  border: 1px solid #a9bfd1 !important;
  border-radius: 8px !important;
  background: #edf4fa !important;
  color: #174f88 !important;
  font-size: 13px !important;
  font-weight: 650;
  line-height: 1.45 !important;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-decoration: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.fe-compact[data-kind="corner"], .fe-dialog[data-kind="corner"]) .fe-corner-reset:not([hidden]){border-color: #d7b69f !important;
  background: #fff6ee !important;
  color: #87431e !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact[data-kind="corner"] .fe-corner-entry > .fe-corner-reset:not([hidden]){margin-top: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners{display: block !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] :is(.fe-phases, .fe-back){display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-part:not([hidden]){display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  margin: 0 0 24px;
  padding: 0 0 24px;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-part > *{min-width: 0; max-width: 100%;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-part[data-fe-part="details"]{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corner-title{display: block;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.45;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-corner-picker-slot{min-width: 0;
  margin: 0 0 24px;
  padding: 0 0 20px;
  border-bottom: 1px solid #dce5ed;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-corner-picker-slot:empty{display: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .gc-corner-picker{display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr;
  gap: 8px !important;
  width: 100%;
  min-width: 0;
  margin: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-select-corner]{display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-width: 0 !important;
  min-height: 56px !important;
  height: auto;
  padding: 10px 12px !important;
  border: 1px solid #a9bfd1 !important;
  border-radius: 8px !important;
  background: #f4f8fb !important;
  color: #17324e !important;
  text-align: left;
  font-size: 13px !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-select-corner] small{font-size: 11px; line-height: 1.45; font-weight: 500; color: inherit;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-select-corner][aria-pressed="true"]{background: #174f88 !important; border-color: #174f88 !important; color: #fff !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-select-corner]:disabled{opacity: 1 !important; background: #f1f4f6 !important; border-color: #b8c5d0 !important; border-style: dashed !important; color: #516676 !important; cursor: not-allowed;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-options.gc-corner-types{display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr;
  gap: 8px !important;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types > button{display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center;
  gap: 4px;
  min-width: 0 !important;
  width: 100%;
  min-height: 108px !important;
  height: auto;
  padding: 8px !important;
  border: 1px solid #a9bfd1 !important;
  border-radius: 8px !important;
  background: #f4f8fb !important;
  color: #17324e !important;
  white-space: normal !important;
  text-align: center;
  overflow: visible;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types .gc-corner-symbol{display: grid !important;
  place-items: center;
  width: 100%;
  height: 48px !important;
  min-height: 48px !important;
  aspect-ratio: auto !important;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-symbol svg{position: static !important;
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  max-width: 100% !important;
  max-height: 42px !important;
  flex: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-label{display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  white-space: normal;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types > button[aria-pressed="true"]{border-color: #174f88 !important; background: #174f88 !important; color: #fff !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types > button:disabled{opacity: 1 !important; border-style: dashed !important; border-color: #b8c5d0 !important; background: #f1f4f6 !important; color: #516676 !important; cursor: not-allowed;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-grid{display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 12px !important;
  margin: 0 !important;
  min-width: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-field{min-width: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners :is(label, .gc-error, .gc-note){min-width: 0; max-width: 100%; overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners input{min-height: 48px !important; font-size: 16px !important; border-radius: 8px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-note{margin: 0 !important; padding: 12px !important; border-radius: 0 8px 8px 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-corner-einzeln]{display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  min-height: 48px !important;
  width: 100%;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #a9bfd1 !important;
  border-radius: 8px !important;
  background: #f4f8fb !important;
  color: #174f88 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-decoration: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] [data-corner-einzeln]::before{flex: none; line-height: 1; margin-right: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.fe-compact[data-kind="corner"], .fe-dialog[data-kind="corner"]) button:focus-visible{outline: 2px solid #154e8a !important; outline-offset: 2px;}
@media (max-width: 540px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-compact[data-kind="corner"] .fe-corner-list{grid-template-columns: minmax(0, 1fr);}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners :is(.gc-options.gc-corner-types, .gc-grid){grid-template-columns: minmax(0, 1fr) !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types > button{flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start;
    gap: 12px;
    min-height: 48px !important;
    padding: 8px 12px !important;
    text-align: left;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-types .gc-corner-symbol{width: 32px !important; height: 32px !important; min-height: 32px !important; flex: 0 0 32px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-symbol svg{width: 30px !important; height: 30px !important; max-height: 30px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] #gc-corners .gc-corner-label{justify-content: flex-start; flex: 1; font-size: 13px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .fe-dialog[data-kind="corner"] .fe-part:not([hidden]){gap: 16px; margin-bottom: 20px; padding-bottom: 20px;}}

/* bar.css */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]{--bar-ink: #142a4c;
  --bar-blue: #154e8a;
  --bar-line: #c7d4df;
  --bar-warm: #fff3e8;
  --bar-warm-line: #e8b98f;
  display: grid !important;
  grid-template-columns: minmax(222px, 1fr) minmax(0, 2fr) minmax(222px, 1fr) !important;
  grid-template-rows: auto !important;
  justify-content: stretch !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 10px 24px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  border-top: 1px solid #c7d4df !important;
  background: #fff !important;
  box-shadow: 0 -4px 18px #142a4c0a !important;
  color: var(--bar-ink);
  box-sizing: border-box;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] > .gc-quote{grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-quote-inner{display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-quote:has(.plus-price-button) .gc-summary{display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price{width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div{display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 8px !important;
  align-items: center !important;
  position: static !important;
  min-width: 0 !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-label{grid-column: 1;
  grid-row: 1;
  font-size: 10px !important;
  line-height: 1.3 !important;
  color: #53657a !important;
  letter-spacing: 0 !important;
  text-transform: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(#gc-total, .design-combined-price){grid-column: 1;
  grid-row: 2;
  width: auto !important;
  min-width: 0 !important;
  margin: 2px 0 !important;
  color: #142a4c;
  font-size: 27px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator[data-price-pending="true"] .design-purchase[data-bar-ready="true"] #gc-total{font-size: 17px !important;
  line-height: 1.25 !important;
  letter-spacing: -.15px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div > small{grid-column: 1 / -1;
  grid-row: 3;
  display: block;
  min-width: 0;
  margin: 1px 0 0 !important;
  color: #53657a !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  white-space: normal !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button:not([hidden]){grid-column: 2;
  grid-row: 1 / 3;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center;
  width: auto !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 6px 2px !important;
  color: #154e8a !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-underline-offset: 3px;
  white-space: normal !important;
  border-radius: 6px !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-context{grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-self: stretch;
  width: 100%;
  min-width: 0;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-hint{display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;}
main.wb-seite .design-purchase[data-bar-ready="true"] :is(.bar-hint, .bar-quiet-options)[hidden]{display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-open, .bar-options, .bar-quiet-options){display: flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 7px;
  min-height: 44px !important;
  min-width: 44px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #c7d4df !important;
  border-radius: 8px !important;
  background: #f6f8fa !important;
  color: #142a4c !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  cursor: pointer;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open{min-width: 0 !important;
  gap: 9px;
  padding: 7px 10px !important;
  border-color: #e8b98f !important;
  background: var(--bar-surface, #fff3e8) !important;
  color: #5d391f !important;
  text-align: left !important;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-icon{flex: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #efc9a8;
  border-radius: 7px;
  background: #fffaf5;
  color: #a2511d;
  font-size: 20px;
  line-height: 1;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-icon svg{display: block; width: 20px; height: 20px; max-width: 100%;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy{display: block;
  flex: 1;
  min-width: 0;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy small{display: block;
  color: #805131;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: .025em;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy strong{display: block;
  color: #50321d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  overflow-wrap: anywhere;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy strong::before{content: none;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-benefit{display: block;
  margin-top: 2px;
  color: #614126;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-arrow{flex: none;
  font-size: 17px;
  line-height: 1;
  color: #a2511d;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-count{display: inline-grid;
  place-items: center;
  flex: none;
  min-width: 21px;
  height: 21px;
  padding: 0 4px;
  border-radius: 6px;
  background: #e3ebf2;
  color: #154e8a;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
  box-sizing: border-box;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-meta{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery{grid-column: auto !important;
  grid-row: auto !important;
  position: static !important;
  flex: 1;
  gap: 5px;
  min-width: 0;
  width: auto;
  max-width: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #53657a;
  font-size: 10px !important;
  line-height: 1.4;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery svg{width: 14px; height: 14px; flex: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-quiet-options{flex: none;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-quiet-options[hidden]{display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-nextbar{grid-column: 3 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 44px minmax(170px, 200px) !important;
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
  justify-content: end !important;
  gap: 5px 8px !important;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;}
main.wb-seite .design-purchase[data-bar-ready="true"] .bar-step{grid-column: 1 / -1;
  grid-row: 1;
  color: #53657a;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.35;
  text-align: right;
  overflow-wrap: anywhere;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.design-next, .fe-issue-next){grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 200px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 9px 14px !important;
  border: 1px solid #154e8a !important;
  border-radius: 8px !important;
  background: #154e8a !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: center !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-prev{grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #c7d4df !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #154e8a !important;
  font-size: 18px !important;}
main.wb-seite .design-purchase[data-bar-ready="true"] .design-prev:disabled{opacity: .4; cursor: default;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] button:focus-visible,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog :is(button, input):focus-visible{outline: 2px solid #154e8a !important;
  outline-offset: 2px;}
main.wb-seite .plus-dialog.bar-dialog{width: min(800px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  border: 1px solid #c7d4df;
  border-radius: 16px;
  background: #fff;
  color: #142a4c;}
main.wb-seite .bar-dialog::backdrop{background: #142a4c80; backdrop-filter: none;}
main.wb-seite .bar-dialog > header{gap: 16px; margin: 0 0 12px;}
main.wb-seite .bar-dialog > header > div{min-width: 0;}
main.wb-seite .bar-dialog header small{color: #926039; font-size: 10px; letter-spacing: .07em;}
main.wb-seite .bar-dialog header h2{margin: 5px 0 0; font-size: 26px; line-height: 1.25; overflow-wrap: anywhere;}
main.wb-seite .bar-dialog .bar-intro{max-width: 620px; margin: 0 0 20px; color: #50657a; font-size: 14px; line-height: 1.55;}
main.wb-seite .bar-dialog .bar-offer-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-offer-card{display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 14px !important;
  align-items: start !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 132px !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  border: 1px solid #c7d4df !important;
  border-radius: 10px !important;
  background: #f6f9fb !important;
  color: #142a4c !important;
  font-family: inherit !important;
  white-space: normal !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer;}
main.wb-seite .bar-dialog .bar-card-icon{display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #efc9a8; border-radius: 8px; background: #fff3e8; color: #995121; font-size: 24px; line-height: 1;}
main.wb-seite .bar-dialog .bar-card-copy{display: block; min-width: 0;}
main.wb-seite .bar-dialog .bar-card-copy small{display: block; margin-bottom: 4px; color: #41617b; font-size: 11px; font-weight: 650; line-height: 1.35;}
main.wb-seite .bar-dialog .bar-card-copy strong{display: block; color: #142a4c; font-size: 16px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere;}
main.wb-seite .bar-dialog .bar-card-copy p{margin: 7px 0 0; color: #425d74; font-size: 13px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere;}
main.wb-seite .bar-dialog .bar-card-copy > span{display: block; margin-top: 8px; color: #154e8a; font-size: 12px; font-weight: 750; line-height: 1.4; overflow-wrap: anywhere;}
main.wb-seite .bar-dialog .bar-card-arrow{align-self: center; color: #154e8a; font-size: 20px; line-height: 1;}
main.wb-seite .bar-dialog .bar-empty{margin: 0; padding: 20px; border: 1px solid #d4e1da; border-radius: 10px; background: #f1f7f3; color: #355e48; font-size: 14px; line-height: 1.55;}
main.wb-seite .bar-dialog .bar-empty[hidden],main.wb-seite .bar-dialog .bar-current-selection[hidden]{display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-current-selection:not([hidden]){display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 12px 0 0 !important;
  padding: 10px 16px !important;
  border: 1px solid #b6c9d8 !important;
  border-radius: 8px !important;
  background: #f4f8fb !important;
  color: #154e8a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  white-space: normal !important;}
main.wb-seite .bar-dialog .bar-dialog-foot{display: flex; gap: 4px; margin-top: 20px; padding-top: 12px; border-top: 1px solid #d7e1e8;}
main.wb-seite .bar-dialog .bar-dialog-foot label{display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; color: #243f5b; font-size: 13px; font-weight: 600; line-height: 1.45; cursor: pointer;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog #bar-hints-enabled{appearance: auto !important; flex: none; width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; accent-color: #154e8a; cursor: pointer;}
main.wb-seite .bar-dialog .bar-dialog-foot p{margin: 0; padding-left: 30px; color: #586c7e; font-size: 12px; line-height: 1.5;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-price{display: grid; gap: 5px; padding: 14px 16px; margin: 16px 0; border: 1px solid #bdcfe0; border-radius: 10px; background: #edf4fa; color: #142a4c; font-size: 16px; font-weight: 700; line-height: 1.45; font-variant-numeric: tabular-nums; overflow-wrap: anywhere;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-price strong{display: block; font-size: 24px; font-weight: 750; line-height: 1.25;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-price :is(small, span, p){margin: 0; color: #315677; font-size: 13px; font-weight: 600; line-height: 1.5;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-price[hidden]{display: none !important;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-choice strong{color: #142a4c; font-size: 16px; line-height: 1.4;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-choice > span{font-size: 13px; line-height: 1.5; color: #425d74;}
main.wb-seite .plus-upgrade-dialog .plus-upgrade-choice .plus-upgrade-delta{display: block; color: #154e8a; font-size: 14px; font-weight: 750; line-height: 1.45; font-variant-numeric: tabular-nums;}
@media (hover: hover){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open:hover{background: #ffe9d6 !important; border-color: #dba777 !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-options, .bar-quiet-options):hover,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-offer-card:hover{background: #eaf2f8 !important; border-color: #9eb8ce !important;}}
@media (max-width: 1050px) and (min-width: 900px){main.wb-seite .design-purchase[data-bar-ready="true"] .bar-icon{display: none;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-options{padding: 8px !important; gap: 4px;}}
@media (min-width: 900px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]{--bar-side: clamp(222px, 22vw, 320px);
    grid-template-columns: var(--bar-side) minmax(0, 1fr) var(--bar-side) !important;
    grid-template-rows: minmax(20px, auto) minmax(44px, auto) auto !important;
    align-items: stretch !important;
    gap: 0 16px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] > .gc-quote,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-quote-inner,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-context,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-nextbar{display: grid !important;
    grid-row: 1 / -1 !important;
    grid-template-rows: subgrid !important;
    row-gap: 0 !important;
    align-self: stretch !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-quote-inner,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price{grid-template-columns: minmax(0, 1fr) !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div{align-items: start !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-label{align-self: end;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(#gc-total, .design-combined-price){align-self: start;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button:not([hidden]){align-self: stretch;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-context{grid-template-columns: minmax(0, 1fr);}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-hint{grid-column: 1;
    grid-row: 1 / 3;
    gap: 8px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta{display: contents;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery{grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: start;
    justify-self: stretch;
    width: 100%;
    align-items: baseline;}main.wb-seite .design-purchase[data-bar-ready="true"] .design-delivery > span:first-child{flex: none;
    font-size: 12px;
    line-height: 14px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-quiet-options{grid-column: 1;
    grid-row: 1 / 3;
    width: 100% !important;
    justify-content: center;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-nextbar{grid-template-columns: clamp(44px, 4.4vw, 64px) minmax(0, 1fr) !important;
    column-gap: 8px !important;
    width: 100% !important;
    justify-self: stretch !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.design-prev, .design-next, .fe-issue-next){grid-row: 1 / 3 !important;
    width: 100% !important;
    max-width: none !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-open, .bar-options, .bar-quiet-options, .design-prev, .design-next, .fe-issue-next){min-height: 64px !important;
    height: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-step{grid-row: 3;
    align-self: start;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div > small,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery,main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-step{margin: 0 !important;
    padding-top: 6px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;}}
@media (max-width: 899px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]{grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px 16px !important; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] > .gc-quote{max-width: 320px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-context{grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100%; gap: 4px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-nextbar{grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: 44px 170px !important;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy{display: flex; align-items: baseline; flex-wrap: wrap; gap: 1px 8px;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy small{display: none;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-benefit{margin: 0;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery{font-size: 10px;}}
@media (max-width: 540px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]{gap: 6px 8px !important; padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-nextbar{grid-template-columns: 44px minmax(0, 1fr) !important; width: clamp(138px, 43vw, 188px) !important; gap: 4px 6px !important;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-step{font-size: 9px; line-height: 1.3;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.design-next, .fe-issue-next){min-height: 44px !important; padding: 6px !important; font-size: 11px !important; line-height: 1.3 !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .design-prev{min-height: 44px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div{column-gap: 3px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-label{font-size: 9px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(#gc-total, .design-combined-price){font-size: 23px !important; letter-spacing: -.6px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator[data-price-pending="true"] .design-purchase[data-bar-ready="true"] #gc-total{font-size: 14px !important; line-height: 1.25 !important; letter-spacing: -.1px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price > div > small{font-size: 9px !important; line-height: 1.35 !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button{font-size: 10px !important; padding: 4px 0 !important;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-icon{width: 22px; height: 22px; font-size: 17px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open{padding: 6px 8px !important; gap: 7px;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy{display: block;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-copy strong{font-size: 11px; line-height: 1.3;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-benefit{margin-top: 1px; font-size: 10px; line-height: 1.3;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-arrow{font-size: 15px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-options{flex-direction: column; gap: 3px; min-width: 51px !important; padding: 5px 7px !important; font-size: 10px !important;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery{font-size: 9px !important; line-height: 1.3;}main.wb-seite .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery svg{display: none;}main.wb-seite .plus-dialog.bar-dialog{width: calc(100vw - 20px); max-height: calc(100dvh - 20px); padding: 18px 14px; border-radius: 12px;}main.wb-seite .bar-dialog header h2{font-size: 22px;}main.wb-seite .bar-dialog .bar-intro{margin-bottom: 16px; font-size: 13px;}main.wb-seite .bar-dialog .bar-offer-grid{grid-template-columns: minmax(0, 1fr); gap: 10px;}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-offer-card{min-height: 104px !important; padding: 14px 12px !important; gap: 10px !important;}main.wb-seite .bar-dialog .bar-card-copy strong{font-size: 15px;}main.wb-seite .bar-dialog .bar-card-copy p{margin-top: 5px; font-size: 12px;}main.wb-seite .bar-dialog .bar-dialog-foot{margin-top: 16px;}main.wb-seite .bar-dialog .bar-dialog-foot label{font-size: 12px;}main.wb-seite .bar-dialog .bar-dialog-foot p{font-size: 11px;}main.wb-seite .plus-upgrade-dialog .plus-upgrade-price{padding: 12px;}main.wb-seite .plus-upgrade-dialog .plus-upgrade-price strong{font-size: 22px;}}
@media (prefers-reduced-motion: reduce){main.wb-seite .design-purchase[data-bar-ready="true"],main.wb-seite .design-purchase[data-bar-ready="true"] *,main.wb-seite .bar-dialog,main.wb-seite .bar-dialog *{animation: none !important; transition: none !important; scroll-behavior: auto !important;}}
@media print{main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"],main.wb-seite .bar-dialog,main.wb-seite .plus-upgrade-dialog{display: none !important;}}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] [hidden],main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog [hidden]{display: none !important;}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator:has(.design-purchase[data-bar-ready="true"]) .plus-offer{display: none !important;}

/* ===== Shop-Hülle (29.10.2026): Was die Vorschauhülle des Pakets selbst mitbrachte, kommt hier aus der Shopseite. ===== */
/* Am Rechner blendet glass-sheet.css Hauptzeile und Krümelpfad aus (body:has(.gc-layout-49)); Produktname, ab-Preis und
   "Zurück zum Shop" stehen in .gc-shop-return. Die Werkbank holt die Zeile aus der ausgeblendeten Schrittleiste (design.mjs). */
@media(min-width:851px){
 main.wb-seite.wb-seite>.gc-shop-return{display:flex;align-items:center;gap:20px;min-height:52px;margin:0 0 8px;padding:0 4px;color:#162c4b;font-size:12px}
 main.wb-seite.wb-seite>.gc-shop-return>span{font-size:16px;font-weight:700;letter-spacing:-.2px}
 main.wb-seite.wb-seite>.gc-shop-return>a:last-child{margin-left:auto}
 /* 03.11.2026 (Variante A): "Startseite" steht rechts vor "Zurück zum Shop", beide zusammen. */
 main.wb-seite.wb-seite>.gc-shop-return>a.gc-zur-startseite{margin-left:auto;white-space:nowrap}
 main.wb-seite.wb-seite>.gc-shop-return>a.gc-zur-startseite~a:last-child{margin-left:0}
 /* Unter 1100 px reicht der Platz neben der Suche nicht (899 px: 59 px zu breit), dort führt das Logo zur Startseite. */
 @media(max-width:1099px){main.wb-seite.wb-seite>.gc-shop-return>a.gc-zur-startseite{display:none}main.wb-seite.wb-seite>.gc-shop-return>a:last-child{margin-left:auto}main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche~a:last-child{margin-left:0}}
}
/* Handy und Tablet: kein großer Produkt-Introblock vor der Aufgabe (Codex-Auftrag P001), wie Variante A (konfigurator-a.css). */
@media(max-width:850px){
 main.wb-seite .gc-seitenkopf{display:block;padding:0;margin:0 0 12px}
 main.wb-seite .gc-seitenkopf .t-eyebrow{display:none}
 main.wb-seite .gc-seitenkopf h1,main.wb-seite .gc-seitenkopf h1.gc-titel-lang{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0}
 main.wb-seite .gc-seitenkopf .gc-seitenkopf-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
}

/* ===== Orange für Tipps, Empfehlungen und Hilfen (Entscheidung 29.10.2026, docs/konfiguratoren/glas-nach-mass.md). Vorwärts-Knöpfe und Auswahl bleiben Leitblau #154e8a. Kontrast WCAG AA:
   Text #a64b0d auf Weiß 5,78:1 und auf #fff3e8 5,29:1; Dunkelblau #162c4b auf Orange #f2884b 5,61:1; Linien und Symbole
   #d9661f auf Weiß 3,58:1 (Bedienelemente mindestens 3:1). Orange #f2884b selbst nur als Fläche, Strich oder Markierung. ===== */
main.wb-seite #glas-konfigurator{--wb-orange:#f2884b;--wb-orange-text:#a64b0d;--wb-orange-linie:#d9661f;--wb-orange-flaeche:#fff3e8;--wb-orange-rand:#f5c3a0;--wb-fokus:#c45a12}

/* Kurzer Tipp im Schrittkopf und der Tipp selbst: dezentes Blau statt Orange (10.11.2026, Orange wirkte wie eine Fehlermeldung) */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-tip-button{background:#eef4fb!important;color:#154e8a!important;border-color:#c5d8ee!important;font-weight:700}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-tip-button::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#154e8a;vertical-align:1px}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-tip-button:hover{background:#dfeaf7!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-tip-button[aria-expanded="true"]{background:#dfeaf7!important}
main.wb-seite #glas-konfigurator .plus-coach{background:#eef4fb;border:1px solid #c5d8ee;border-left:4px solid #154e8a;color:#1d2a44}
main.wb-seite #glas-konfigurator .plus-coach strong{color:#154e8a}
main.wb-seite #glas-konfigurator .plus-coach-icon{background:#154e8a;border-color:#154e8a;color:#fff}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-coach button{color:#154e8a!important}

/* Empfehlung in der Kaufleiste, Extras und Zähler */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open{border:1px solid var(--wb-orange-linie)!important;border-left-width:4px!important;color:#4a2c14!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open:hover{background:#ffe6d2!important;border-color:var(--wb-orange-linie)!important}
main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-copy small{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-copy strong{color:#4a2c14}
main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-icon,.bar-arrow){color:var(--wb-orange-text);border-color:var(--wb-orange-rand)}
main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-count{background:var(--wb-orange);color:#162c4b}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-options,.bar-quiet-options){border-color:var(--wb-orange-rand)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-options,.bar-quiet-options):hover{background:var(--wb-orange-flaeche)!important;border-color:var(--wb-orange-linie)!important}

/* Extras-Dialog und Vergleich: Kennzeile, Symbole und Kartenrand orange, Auswahl und Übernehmen bleiben blau */
main.wb-seite #glas-konfigurator .bar-dialog header small,main.wb-seite #glas-konfigurator .plus-upgrade-dialog header small{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .bar-dialog .bar-card-icon{background:var(--wb-orange-flaeche);border-color:var(--wb-orange-rand);color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .bar-dialog .bar-card-copy small{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-offer-card{border-left:4px solid var(--wb-orange)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .bar-dialog .bar-offer-card:hover{background:var(--wb-orange-flaeche)!important;border-color:var(--wb-orange-linie)!important}

/* Empfehlungskarte neben der Zeichnung und Bereich "Mehr aus deinem Zuschnitt machen" */
main.wb-seite #glas-konfigurator .plus-offer{background:var(--wb-orange-flaeche);border-color:var(--wb-orange-rand);border-left:4px solid var(--wb-orange);color:#4a2c14}
main.wb-seite #glas-konfigurator .plus-offer small{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .plus-offer-art{background:#ffe6d2}
main.wb-seite #glas-konfigurator .design-upsells{background:#fff8f2;border-color:var(--wb-orange-rand)}
main.wb-seite #glas-konfigurator .design-upsells header p{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .design-upgrade-grid .upgrade-icon{background:var(--wb-orange-flaeche);color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .design-upgrade-grid button:hover{border-color:var(--wb-orange-linie);background:var(--wb-orange-flaeche)}
main.wb-seite #glas-konfigurator .design-upgrade-grid b{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-replay{border-color:var(--wb-orange-linie)!important;color:var(--wb-orange-text)!important;font-weight:700}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-replay:hover{background:var(--wb-orange-flaeche)!important}

/* Hilfestellungen: Hinweise zum Messen und zur Vorlage, Messhinweise im Fokusdialog, Bedienhilfe der Zeichnung, Info-Knöpfe */
main.wb-seite #glas-konfigurator .gc-vb-hilfe{background:var(--wb-orange-flaeche);border-left:3px solid var(--wb-orange);color:#162c4b}
main.wb-seite #glas-konfigurator .fe-reference:not(.fe-warning){border-left-color:var(--wb-orange);background:var(--wb-orange-flaeche)}
main.wb-seite #glas-konfigurator .fe-reference:not(.fe-warning) strong{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .fe-compact-note{border-top-color:var(--wb-orange-rand)}
main.wb-seite #glas-konfigurator #gc-view-hint:not([hidden]){border-left:3px solid var(--wb-orange);background:var(--wb-orange-flaeche)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help summary:hover,main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help[open]>summary{border-color:var(--wb-orange-linie)!important;background:var(--wb-orange-flaeche)}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-a-help[open]>:not(summary){border-left:3px solid var(--wb-orange);background:var(--wb-orange-flaeche)}

/* Handy: Die Paket-Regel versteckt den Tipp, sobald eine Empfehlungskarte folgt. Bei fertiger Kaufleiste ist diese Karte aber
   immer ausgeblendet (Empfehlung steht in der Leiste), der Tipp blieb dann trotz "Kurzer Tipp" geöffnet unsichtbar. */
@media(max-width:899px){main.wb-seite #glas-konfigurator:has(.design-purchase[data-bar-ready="true"]) .plus-coach:not([hidden]){display:grid}}

/* ===== Rückmeldung 29.10.2026 (glas-nach-mass.md): Produktbilder oben neben der Zeichnung, Tipps und Empfehlungen mit X,
   Empfehlung im Bohrungsfenster, links kurze Auswahl mit Hinweisen in Orange, Suche in der Shop-Zeile, am Rechner ohne Scrollen. ===== */
main.wb-seite #glas-konfigurator .design-drawhead{display:flex;align-items:center;justify-content:flex-start;gap:12px}
main.wb-seite #glas-konfigurator .design-drawhead .design-drawtitle{flex:1 1 auto;min-width:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery{order:0;display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;margin:0;padding:0!important;border:0;border-radius:0;background:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery[hidden]{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy{flex:0 1 auto;min-width:0;text-align:right}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy strong{display:block;font-size:12px;letter-spacing:0;color:var(--ink)}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy span{display:block;margin-top:2px;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button{width:72px;min-height:58px;padding:3px 4px;border:1px solid #c9d5df;border-radius:8px;background:#fff;font-size:10px}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery img{height:34px}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button>span{margin:3px 0 0;font-size:10px;font-weight:600;letter-spacing:0;color:var(--ink)}
@media(max-width:640px){
 main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead{flex-wrap:wrap}
 main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy{display:none!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery{order:3;flex-basis:100%}
}

/* Tipps: das X blendet alle Tipps aus; "Tipps einblenden" holt sie zurück (plus.mjs). */
main.wb-seite #glas-konfigurator[data-tipps="aus"] .plus-coach{display:none!important}

/* Empfehlung in der Kaufleiste mit X (bar.mjs). */
main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-hint{grid-template-columns:minmax(0,1fr) 44px auto}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-weg{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0!important;border:1px solid var(--wb-orange-rand)!important;border-radius:8px!important;background:#fff!important;color:var(--wb-orange-text)!important;font-size:20px!important;line-height:1}

/* Links: kurze Auswahl in einer Zeile, offene Punkte in Orange darunter. */
@media(min-width:1200px){
 main.wb-seite #glas-konfigurator .design-nav-title{margin:2px 6px 10px}
 main.wb-seite #glas-konfigurator .design-nav-title>span{display:none}
 main.wb-seite #glas-konfigurator .design-nav-title h2{font-size:17px;margin:0 0 2px}
 main.wb-seite #glas-konfigurator .design-nav-title p{margin:0 0 10px}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step]{min-height:46px!important;padding:6px 8px!important;margin-bottom:1px!important}
 main.wb-seite #glas-konfigurator .design-nav button[data-design-step] :is(small,.plus-nav-hint){margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 /* Der ganze Eintrag ist klickbar; ohne den Pfeil passen Kurzangaben wie "1 Bohrung · 1 Senkbohrung" in eine Zeile. */
 main.wb-seite #glas-konfigurator .design-nav button[data-design-step]>b{display:none}
 main.wb-seite #glas-konfigurator .plus-nav-foot{padding-top:8px;margin-top:4px;gap:6px}
}
/* Der Hinweis ersetzt die Kurzangabe, damit die Liste nicht wächst (plus.mjs). */
main.wb-seite #glas-konfigurator .design-nav .plus-nav-hint{display:block;margin-top:2px;font-size:11px;font-style:normal;font-weight:600;line-height:1.5;color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-nav :is(.plus-nav-hint,button[data-design-step] small)[hidden]{display:none!important}

/* Ecken: "1 von 2 Ecken gewählt. Noch offen: Ecke 2." (editor.mjs) */
main.wb-seite #glas-konfigurator .fe-ecken-stand{margin:0 0 12px;padding:10px 12px;border:1px solid #bfdccb;border-radius:10px;background:#eef6f1;color:#1f5a40;font-size:13px;font-weight:600;line-height:1.45}
main.wb-seite #glas-konfigurator .fe-ecken-stand.ist-offen{border-color:var(--wb-orange-rand);border-left:4px solid var(--wb-orange-linie);background:var(--wb-orange-flaeche);color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .fe-ecke-offen{display:block;margin-top:2px;font-size:11px;font-weight:600;color:var(--wb-orange-text)}

/* Empfehlung im Bohrungsfenster: fliegt unten herein, sobald die Bohrung passt (editor.mjs). Die Kurzkarte der Engine an der Bohrung
   entfällt im Fenster, sie zeigt denselben Artikel. */
main.wb-seite #glas-konfigurator .fe-dialog .gc-zubehoer-nah,main.wb-seite #glas-konfigurator .fe-dialog:has(.fe-upsell:not([hidden])) .gc-zubehoer-hinweis{display:none!important}
main.wb-seite #glas-konfigurator .fe-upsell{flex-shrink:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto 44px;align-items:center;gap:12px;margin:0 28px 12px;padding:10px 6px 10px 12px;border:1px solid var(--wb-orange-rand);border-left:4px solid var(--wb-orange-linie);border-radius:12px;background:var(--wb-orange-flaeche);color:#4a2c14;box-shadow:0 10px 26px #a64b0d24}
main.wb-seite #glas-konfigurator .fe-upsell[hidden]{display:none}
main.wb-seite #glas-konfigurator .fe-upsell-bild{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid var(--wb-orange-rand);border-radius:8px;background:#fff}
main.wb-seite #glas-konfigurator .fe-upsell-bild img{display:block;width:100%;height:100%;object-fit:contain}
main.wb-seite #glas-konfigurator .fe-upsell-text{min-width:0}
main.wb-seite #glas-konfigurator .fe-upsell-text small{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .fe-upsell-text strong{display:block;margin:2px 0;font-size:14px;line-height:1.35;color:#162c4b}
main.wb-seite #glas-konfigurator .fe-upsell-preis{display:block;font-size:12px;color:#4a2c14}
main.wb-seite #glas-konfigurator .fe-upsell-aktion{display:flex;align-items:center;gap:6px}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-dazu{min-height:44px;padding:8px 14px;border:1px solid var(--wb-orange-linie);border-radius:8px;background:#fff;color:var(--wb-orange-text);font-size:13px;font-weight:700}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-dazu[aria-pressed="true"]{border-color:#2d785a;background:#e8f3ec;color:#1f5a40}
main.wb-seite #glas-konfigurator#glas-konfigurator :is(.fe-upsell-mehr,.fe-upsell-link){display:inline-flex;align-items:center;min-height:44px;padding:0 8px;border:0;background:none;color:#154e8a;font-size:12px;font-weight:600;text-decoration:underline}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-link[hidden],main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-dazu[hidden]{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-weg{width:44px;height:44px;padding:0;border:0;background:none;color:var(--wb-orange-text);font-size:22px;line-height:1}
@media(max-width:640px){
 main.wb-seite #glas-konfigurator .fe-upsell{grid-template-columns:48px minmax(0,1fr) 44px;margin:0 12px 10px;gap:8px 10px}
 main.wb-seite #glas-konfigurator .fe-upsell-bild{width:48px;height:48px}
 main.wb-seite #glas-konfigurator .fe-upsell-aktion{grid-column:1/-1;grid-row:2;flex-wrap:wrap}
}

/* Zubehör als Fenster (plus.mjs) und "Speichern, herunterladen und anfragen" unter "Alle Angaben ansehen" am Rechner. */
main.wb-seite #glas-konfigurator .plus-zubehoer-dialog{width:min(860px,calc(100vw - 32px))}
main.wb-seite #glas-konfigurator .plus-zubehoer-dialog small{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .plus-zubehoer-body .design-accessories{margin:0;padding:0;border:0}
main.wb-seite #glas-konfigurator .plus-zubehoer-dialog footer{margin-top:16px}
main.wb-seite #glas-konfigurator .plus-selection-tools:not(:empty){margin-top:16px}

/* Suche in der Shop-Zeile (design.mjs): am Rechner ist die Kopfzeile mit dem Suchfeld ausgeblendet. */
@media(min-width:851px){
 main.wb-seite.wb-seite>.gc-shop-return>small{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche{flex:0 1 340px;min-width:200px;margin-left:auto}
 main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche~a:last-child,main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche~a.gc-zur-startseite{margin-left:0}
 main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche .t-suchfeld{height:40px;padding:0 14px;border:1px solid #c9d5df;border-radius:8px;background:#fff}
 main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche .t-suche-q{height:38px;font-size:14px}
 main.wb-seite.wb-seite>.gc-shop-return>form.wb-suche .t-vorschlaege{z-index:60}
}
@media(min-width:851px){main.wb-seite.wb-seite>.gc-shop-return>:is(span,a){white-space:nowrap}}
@media(min-width:851px) and (max-width:1299px){main.wb-seite.wb-seite>.gc-shop-return>small{display:none}}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead :is(h2,.design-large){white-space:nowrap}
@media(max-width:1439px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy span{display:none}}
@media(max-width:1199px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy{display:none!important}}

/* Rechner ab 1200 × 600 px: Auswahl, Zeichnung und Eingabe passen zwischen Shop-Zeile und Kaufleiste (--wb-hoehe misst plus.mjs).
   Lange Schritte scrollen nur rechts in ihrer Spalte; "Optionen für dein Glas" steht dann nur in "Optionen" der Kaufleiste. */
@media(min-width:1200px) and (min-height:600px){
 body:has(>main.wb-seite){padding-bottom:calc(var(--plus-purchase-height) + 8px)}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator{align-items:stretch!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav{position:relative!important;top:auto!important;display:flex!important;flex-direction:column;height:var(--wb-hoehe,auto);max-height:none;overflow:hidden;padding:10px!important}
 main.wb-seite #glas-konfigurator .design-nav .plus-nav-items{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 main.wb-seite #glas-konfigurator .plus-content{height:var(--wb-hoehe,auto);min-height:0}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-content>.design-upsells{display:none!important}
 main.wb-seite #glas-konfigurator .plus-workspace{height:100%;min-height:0;align-items:stretch;grid-template-rows:minmax(0,1fr)}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>.gc-preview{display:flex!important;flex-direction:column;align-self:stretch!important;height:100%!important;max-height:100%!important;min-height:0;overflow:hidden auto!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>.gc-preview>.gc-workview{flex:1 1 auto!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column}
 /* :is(...) überbietet die Paketregel .gc-preview:has(>.plus-offer:not([hidden])) .gc-stage (250 bis 380 px), die mit der Kaufleiste nie greifen soll. */
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace :is(.gc-preview,.gc-preview:has(>.plus-offer:not([hidden]))) .gc-stage{flex:1 1 auto!important;height:auto!important;min-height:200px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>:is(.gc-controls,.fe-compact){position:relative!important;align-self:stretch!important;max-height:100%!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
 /* Absolut gesetzte Teile der Spalten (Vorlesetexte, Hilfen) hingen sonst am Konfigurator und verlängerten die Seite. */
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>.gc-preview{position:relative!important}
}
@media(min-width:1200px) and (min-height:600px) and (max-height:920px){main.wb-seite #glas-konfigurator .design-nav-title p{display:none}}
@media(min-width:1200px) and (min-height:600px) and (max-height:820px){
 main.wb-seite #glas-konfigurator :is(.plus-weight,.plus-progress-text){display:none!important}
 main.wb-seite #glas-konfigurator .design-nav-title h2{margin-bottom:8px}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step]{min-height:38px!important;padding:4px 8px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator .design-nav button[data-design-step] :is(strong,small,.plus-nav-hint){margin-top:0;line-height:1.25}
 main.wb-seite #glas-konfigurator .design-nav button[data-design-step] i{width:20px;height:20px}
 main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead{padding-top:10px;padding-bottom:4px}
}

/* ===== Prüfung 30.10.2026 (glas-nach-mass.md, Entscheidungen): Schwachstellen bei 375 bis 1440 px ===== */
/* Ausgeblendete Schritte (etwa Ecken bei Formen ohne Ecken) blieben links stehen, mit der Nummer 0. */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-nav button[data-design-step][hidden]{display:none!important}
/* Urteil des Shops vor dem Warenkorb (form-anfrage.mjs): Hinweis in der Übersicht der Ausschnitte und über "In den Warenkorb". */
main.wb-seite #glas-konfigurator .fe-anfrage{margin:0 0 14px;padding:10px 12px;border:1px solid var(--wb-orange-rand);border-left:4px solid var(--wb-orange-linie);border-radius:10px;background:var(--wb-orange-flaeche);color:#4a2c14;font-size:13px;line-height:1.45}
main.wb-seite #glas-konfigurator .fe-anfrage strong{color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-step.bar-anfrage{color:var(--wb-orange-text);font-size:11px;font-weight:700}
/* Lesbarkeit: nichts unter 11 px in der Werkbank. */
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-choice-reason{font-size:11px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(.design-gallery button>span,.gc-zb-eyebrow,.fe-eyebrow,.design-drawtitle>span,.design-stephead>span,.fe-upsell-text small,.design-upsells header p,.gc-price>div>small,.gc-price>div>small a){font-size:11px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-step,.bar-benefit){font-size:11px}
@media(min-width:1200px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-nav button[data-design-step] small,main.wb-seite #glas-konfigurator .plus-progress-text{font-size:11px}}
/* Handy: die feste Leiste unten nimmt weniger Platz; die Empfehlung zeigt nur ihre Überschrift. */
@media(max-width:540px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-benefit{display:none}}
/* Handy: die Empfehlung im Bohrungsfenster ist eine schmale Zeile, die Eingaben bleiben sichtbar; alle Details stehen unter "Optionen". */
@media(max-width:640px){
 main.wb-seite #glas-konfigurator .fe-upsell{grid-template-columns:40px minmax(0,1fr) auto 44px;gap:8px;padding:6px 4px 6px 10px;margin:0 10px 8px}
 main.wb-seite #glas-konfigurator .fe-upsell-bild{width:40px;height:40px}
 main.wb-seite #glas-konfigurator .fe-upsell-aktion{grid-column:auto;grid-row:auto;flex-wrap:nowrap}
 main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-mehr{display:none}
 main.wb-seite #glas-konfigurator .fe-upsell-text strong{font-size:13px}
 main.wb-seite #glas-konfigurator .fe-upsell-text>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 main.wb-seite #glas-konfigurator .fe-upsell-preis{font-size:11px}
 main.wb-seite #glas-konfigurator#glas-konfigurator .fe-upsell-dazu{padding:8px 10px;font-size:12px}
}
/* Tablet quer und kleine Laptops (900 bis 1199 px): die Zeichnung bleibt beim Scrollen der Eingabe stehen und nutzt die Höhe. */
@media(min-width:900px) and (max-width:1199px){
 main.wb-seite #glas-konfigurator .plus-workspace{align-items:start}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace>.gc-preview{position:sticky!important;top:92px!important;align-self:start!important;max-height:calc(100dvh - var(--plus-purchase-height) - 108px)!important;overflow:hidden auto!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-workspace :is(.gc-preview,.gc-preview:has(>.plus-offer:not([hidden]))) .gc-stage{height:clamp(240px,calc(100dvh - var(--plus-purchase-height) - 260px),560px)!important}
}
/* Kaufleiste und "Du bist hier": Lieferzeit, MwSt.-Hinweis, Preiswort und Kennzeilen nicht unter 11 px (vorher bis 8 px am Handy). */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.gc-label,.gc-price small,.gc-price small a,.design-delivery,.design-delivery *,.bar-step,.bar-copy small,.bar-options>span:not(.bar-count),.bar-quiet-options){font-size:11px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .plus-mobile-bar small{font-size:11px!important}
@media(max-width:640px){main.wb-seite #glas-konfigurator .fe-upsell-optional{display:none}}
/* Frage "Menge erhöhen?" des Live-Stands (doppelt.mjs): Abstand, damit der Fokusrahmen des ersten Knopfs die Frage nicht verdeckt. */
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-korb-wege{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

/* ===== Rückmeldung 29.10.2026 auf der Testadresse (glas-nach-mass.md, Entscheidungen): Glasmaß im Fenster, Zeichnung ruhig,
   Knöpfe unter der Zeichnung beschriftet, Produktbilder größer, "Unterschied ansehen", Technische Daten offen. ===== */
/* Glasmaß im Bearbeitungsfenster gut sichtbar, Startmaße in Orange; in der Übersicht der Hinweis auf die Startmaße. */
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-dialog .fe-glass-context{display:inline-block;margin:6px 0 0;padding:4px 10px;border:1px solid #c9d5df;border-radius:8px;background:#f3f7fa;color:#162c4b;font-size:14px;font-weight:700}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-dialog .fe-glass-context.fe-masse-offen{border-color:var(--wb-orange-rand);background:var(--wb-orange-flaeche);color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .fe-start-masse{margin:0 0 14px;padding:10px 12px;border:1px solid var(--wb-orange-rand);border-left:4px solid var(--wb-orange-linie);border-radius:10px;background:var(--wb-orange-flaeche);color:#4a2c14;font-size:13px;line-height:1.45}
main.wb-seite #glas-konfigurator .fe-start-masse p{margin:0 0 8px}
main.wb-seite #glas-konfigurator .fe-start-masse strong{color:var(--wb-orange-text)}
/* Knöpfe unter der Zeichnung mit kurzem Text. */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(#gc-reset-view,#gc-fullscreen,#gc-help):has(.wb-knopf-text){display:inline-flex!important;align-items:center;gap:6px;flex:0 0 auto!important;width:auto!important;min-width:44px;padding:0 12px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .gc-toolbar:has(.wb-knopf-text){width:auto!important}
@media(max-width:640px){main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator :is(#gc-reset-view,#gc-fullscreen,#gc-help):has(.wb-knopf-text){flex-direction:column;gap:2px;min-height:52px!important;height:auto!important;padding:4px 8px!important}main.wb-seite #glas-konfigurator .wb-knopf-text{font-size:11px}}
main.wb-seite #glas-konfigurator .wb-knopf-text{font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
/* Produktbilder deutlich größer im Zeichnungskopf. */
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button{width:124px;min-height:96px;padding:4px}
main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery img{height:70px}
@media(min-width:1200px) and (max-height:820px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button{width:104px;min-height:78px}main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery img{height:54px}}
@media(max-width:1599px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-photo-copy{display:none!important}}
@media(min-width:1200px) and (max-width:1330px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button{width:104px}main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery img{height:60px}}
@media(max-width:640px){main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery button{flex:1;width:auto}main.wb-seite #glas-konfigurator#glas-konfigurator .design-drawhead .design-gallery img{height:110px}}
/* Ausführung: "Unterschied ansehen" statt kleiner Info-Symbole. */
main.wb-seite #glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator [aria-labelledby=gc-quality-label] .gc-begriff-wahl{grid-template-columns:minmax(0,1fr)!important}
main.wb-seite #glas-konfigurator#glas-konfigurator .plus-unterschied{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 10px;padding:8px 14px;border:1px solid var(--wb-orange-rand);border-radius:8px;background:var(--wb-orange-flaeche);color:var(--wb-orange-text);font-size:13px;font-weight:700}
main.wb-seite #glas-konfigurator .plus-unterschied-zeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px}
main.wb-seite #glas-konfigurator#glas-konfigurator .plus-unterschied-zeile>.gc-group-label{margin:0}
main.wb-seite #glas-konfigurator#glas-konfigurator .plus-unterschied-zeile>.plus-unterschied{margin:0}
main.wb-seite #glas-konfigurator .plus-unterschied>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--wb-orange);color:#162c4b;font-family:Georgia,serif;font-size:13px}
/* Tablet: "Du bist hier" einzeilig, sonst springt die Zeichnung beim Schrittwechsel um einige Pixel. */
@media(min-width:541px) and (max-width:1199px){main.wb-seite #glas-konfigurator .plus-mobile-bar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
/* Technische Daten offen, aber kompakt: Kopfzeile niedriger, Maße zur Zeichnung als schmale Zeile. */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical[open]>summary{min-height:36px!important;padding-block:6px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical[open] .design-technical-content{padding-bottom:8px!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical[open] #gc-measurements-details{margin-top:6px!important}main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-technical[open] #gc-measurements-details>summary{min-height:36px!important;padding-block:6px!important}

/* Empfehlung und Tipp unter der Liste der Bohrungen und Ausschnitte (Nachtrag Runde 2): Orange wie das Zubehör im Fenster, Text dunkel,
   Dazulegen weiß mit dunklem Orange, X 44 px. Tipps folgen dem Schalter "Alle Tipps ausblenden". */
main.wb-seite #glas-konfigurator .fe-rat{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:12px 0 0;padding:8px 2px 8px 12px;border:1px solid var(--wb-orange-rand);border-left:4px solid var(--wb-orange-linie);border-radius:10px;background:var(--wb-orange-flaeche);color:#4a2c14}
main.wb-seite #glas-konfigurator .fe-rat:not(:has(.fe-rat-bild)){grid-template-columns:minmax(0,1fr) 44px}
main.wb-seite #glas-konfigurator .fe-rat>:is(.fe-rat-dazu,.fe-rat-link){grid-column:2;grid-row:2;justify-self:start;margin-top:-4px}
main.wb-seite #glas-konfigurator .fe-rat:not(:has(.fe-rat-bild))>:is(.fe-rat-dazu,.fe-rat-link){grid-column:1}
main.wb-seite #glas-konfigurator .fe-rat-tipp{grid-template-columns:minmax(0,1fr) 44px!important;align-items:start}
main.wb-seite #glas-konfigurator .fe-rat-bild{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid var(--wb-orange-rand);border-radius:8px;background:#fff}
main.wb-seite #glas-konfigurator .fe-rat-bild img{display:block;width:100%;height:100%;object-fit:contain}
main.wb-seite #glas-konfigurator .fe-rat-text{min-width:0}
main.wb-seite #glas-konfigurator .fe-rat-text small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--wb-orange-text)}
main.wb-seite #glas-konfigurator .fe-rat-text strong{display:block;margin:2px 0;font-size:14px;line-height:1.35;color:#162c4b}
main.wb-seite #glas-konfigurator .fe-rat-text>span{display:block;font-size:13px;line-height:1.45;color:#4a2c14}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-rat-dazu{display:inline-flex;align-items:center;min-height:44px;width:auto;padding:8px 14px;border:1px solid var(--wb-orange-linie);border-radius:8px;background:#fff;color:var(--wb-orange-text);font-size:13px;font-weight:700;white-space:nowrap}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-rat-dazu[aria-pressed="true"]{border-color:#2d785a;background:#e8f3ec;color:#1f5a40}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-rat-link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#154e8a;font-size:13px;font-weight:600;text-decoration:underline;white-space:nowrap}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-rat-text .fe-other{margin-top:4px}
main.wb-seite #glas-konfigurator#glas-konfigurator .fe-rat-weg{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;color:var(--wb-orange-text);font-size:22px;line-height:1}
main.wb-seite #glas-konfigurator[data-tipps="aus"] .fe-rat-tipp{display:none}
@media(max-width:640px){
 main.wb-seite #glas-konfigurator .fe-rat{grid-template-columns:40px minmax(0,1fr) 44px}
 main.wb-seite #glas-konfigurator .fe-rat-bild{width:40px;height:40px}
}

main.wb-seite #glas-konfigurator .plus-price-button .bar-preis-kurz{display:none}
/* Kaufleiste am Handy kompakt (Auftrag 30.10.2026: bei 375 × 667 rund 120 statt 154 px): Preis und Weiter in einer Zeile, darunter die
   Empfehlung als eine Zeile ohne Symbol mit X und "Optionen" als flache Kachel, darunter die Lieferzeit. Die Schrittzeile steht schon in
   "Du bist hier" und fällt weg; geht die Scheibe als Anfrage, bleibt dieser Satz stehen. */
@media(max-width:640px){
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]{gap:4px 8px!important;padding:4px 10px calc(4px + env(safe-area-inset-bottom,0px))!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-step:not(.bar-anfrage),
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-label,
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-icon,.bar-benefit,.bar-copy small){display:none!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-open{min-height:44px!important;padding:4px 8px 4px 10px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-copy{min-width:0}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] :is(.bar-options,.bar-quiet-options){flex-direction:row!important;gap:6px!important;min-height:44px!important;padding:4px 8px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-context{gap:4px!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"]:not(:has(.bar-anfrage)) .design-nextbar{row-gap:0!important;grid-template-rows:auto!important;align-self:center!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-meta .design-delivery{line-height:1.25!important}
 /* Preis links, darunter MwSt. und Versand; "Im Preis enthalten" rechts daneben über beide Zeilen (44 px hoch, ohne die Zeile zu strecken). */
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price>div{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;row-gap:0!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] #gc-total{grid-column:1;grid-row:1;margin:0!important;line-height:1.1!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .gc-price>div>small{grid-column:1/-1;grid-row:2;margin:0!important}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button:not([hidden]){grid-area:1/2!important;justify-self:start;min-width:44px!important;min-height:32px!important;padding:2px 0!important;line-height:1.2!important;white-space:nowrap!important}
 main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button .bar-preis-lang{display:none}
 main.wb-seite #glas-konfigurator .design-purchase[data-bar-ready="true"] .plus-price-button .bar-preis-kurz{display:inline}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator[data-price-pending="true"] .design-purchase[data-bar-ready="true"] .plus-price-button{display:none!important}
}

/* Liegt diese Scheibe schon im Warenkorb und hat sich nichts geändert, heißt der Hauptknopf "Zum Warenkorb" (bar.mjs), Leitblau wie Weiter. */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase.bar-im-korb .design-nextbar .design-next:not(.bar-zum-korb){display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .bar-zum-korb[hidden]{display:none!important}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase .bar-zum-korb:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;background:#154e8a!important;border-color:#154e8a!important;color:#fff!important;text-decoration:none!important}

/* Alle 40 Glasarten in der Werkbank (01.11.2026): lange Namen ("ESG Motive Sandstrahlen · mit Streifen oder Linien") enden in der
   Shop-Zeile mit "…" statt über den ab-Preis zu laufen. */
@media(min-width:851px){main.wb-seite.wb-seite>.gc-shop-return>span{flex:0 1 auto;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis}}

/* Fehlersuche 06.11.2026 (Paket Konfiguratoren). C1: Am Handy und Tablet landete der Tastaturfokus unter der festen Kaufleiste
   (WCAG 2.4.11); der Browser hält jetzt deren Höhe frei (--plus-purchase-height misst plus.mjs). */
html:has(main.wb-seite){scroll-padding-bottom:calc(var(--plus-purchase-height,0px) + 16px)}
/* C2: Bei 1440 px endeten Produktname und ab-Preis mit "…". Der Name steht ganz da (lange Namen zweizeilig), der ab-Preis-Satz bricht
   in höchstens zwei Zeilen um. */
@media(min-width:851px){
 main.wb-seite.wb-seite>.gc-shop-return>span{flex:0 1 auto;max-width:34%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
 main.wb-seite.wb-seite>.gc-shop-return>small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35}
}
/* C4: Bei 320 px stand die Empfehlung als "Weißglas vergle…"; unter 360 px bricht sie in zwei Zeilen um. */
@media(max-width:359px){
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .design-purchase[data-bar-ready="true"] .bar-copy strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:clip;line-height:1.2}
}
/* E22: Meldungen, die schon am Feld stehen, nicht noch einmal im Abschnitt und in der Sprungliste (design.mjs). Die Fehlerzeile bleibt
   für Screenreader lesbar. */
main.wb-seite #glas-konfigurator .wb-doppelt{display:none!important}
/* Rückmeldung 09.11.2026: "Angaben prüfen" und die Sprungliste markieren die offene Stelle kurz orange (design.mjs markiereOffen). Ohne
   Bewegung bei prefers-reduced-motion (Regel oben), der Rahmen bleibt dann für die Dauer der Markierung stehen. */
main.wb-seite #glas-konfigurator .wb-offen-ziel{outline:3px solid var(--wb-orange-linie);outline-offset:4px;border-radius:8px;background:var(--wb-orange-flaeche);animation:wb-offen-puls .6s ease-out 3}
@keyframes wb-offen-puls{0%{outline-offset:12px}100%{outline-offset:4px}}
main.wb-seite #glas-konfigurator .wb-nur-vorlesen{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* Versand unter dem Preis (09.11.2026, public/shop/glas/versand-preis.mjs): Die Kaufleiste der Werkbank ist auf allen Breiten schmal
   (höchstens 125 px am Handy, Seite ohne Scrollen ab 1280 px, Zeichnung ab 300 px am Tablet). Hier nur Betrag und Verweis auf /versand,
   unter 400 px dazu "inkl. MwSt." ohne den Satz. */
main.wb-seite #glas-konfigurator .gc-versand-mehr{display:none}
@media(max-width:399px){main.wb-seite #glas-konfigurator .gc-mwst-satz{display:none}}
/* Führung (fuehrung.mjs, 10.11.2026): die Gruppe, die gerade dran ist, in dezentem Blau wie der Tippkasten; gleiche Regel wie in
   werkbank-geruest.css. Fläche hinter der Gruppe, damit beim Weiterwandern nichts springt. */
main.wb-seite #glas-konfigurator .wb-dran{position:relative;isolation:isolate}
main.wb-seite #glas-konfigurator .wb-dran::before{content:'';position:absolute;inset:-8px -10px;z-index:-1;border:1px solid #c5d8ee;border-left:4px solid #154e8a;border-radius:10px;background:#eef4fb;pointer-events:none}
/* fieldset: die Fläche beginnt unter der Legende (21 px und 8 px Abstand), deshalb eine oder zwei Zeilen höher. */
main.wb-seite #glas-konfigurator fieldset.wb-dran::before{top:-37px}
main.wb-seite #glas-konfigurator fieldset.wb-dran.wb-dran-zwei::before{top:-58px}

/* Führung, Merkmale aus dem Glasvordach (10.11.2026, fuehrung.mjs Optionen pfeil, feldKnopf, puls; Regel docs/konfiguratoren/REGEL-aufbau.md):
   oranger Pfeil links an der Gruppe, die dran ist; blauer Knopf "Weiter" im Maßfeld, der Pfeil springt dann an diesen Knopf; ist der
   Schritt fertig, Satz über dem großen Knopf, oranger Rand und Puls (ohne Bewegung bei prefers-reduced-motion). */
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-dran.wb-dran-pfeil::after{content:"";position:absolute;left:-22px;top:2px;width:0;height:0;border-left:11px solid var(--wb-orange,#f2884b);border-top:8px solid transparent;border-bottom:8px solid transparent;pointer-events:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-dran.wb-dran-pfeil:has(.wb-feld-weiter)::after{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-feld-mit-knopf{position:relative}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-feld-weiter{position:absolute;right:4px;bottom:4px;z-index:2;display:inline-flex;align-items:center;min-height:36px;width:auto;padding:0 12px;border:0;border-radius:6px;background:var(--wb-blau,#154e8a);color:#fff;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-feld-mit-knopf::after{content:"";position:absolute;z-index:3;right:-9px;bottom:13px;width:0;height:0;border-right:11px solid var(--wb-orange,#f2884b);border-top:8px solid transparent;border-bottom:8px solid transparent;pointer-events:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-fertig{position:sticky;bottom:0;z-index:5;margin:18px 0 0;padding:11px 14px;border:1px solid #c5d8ee;border-radius:10px;background:#eef4fb;color:#12365f;font-size:14px;font-weight:600;line-height:1.35;box-shadow:0 -6px 16px rgba(255,255,255,.9),0 6px 18px rgba(18,54,95,.14)}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-fertig[hidden]{display:none}
main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-puls{outline:3px solid #ed8d43;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-dran.wb-dran-pfeil::after{animation:wb-pfeil 1.4s ease-in-out 2}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-feld-mit-knopf::after{animation:wb-pfeil-links 1.1s ease-in-out infinite}
 main.wb-seite #glas-konfigurator#glas-konfigurator#glas-konfigurator#glas-konfigurator .wb-puls{animation:wb-puls 1.5s ease-out infinite}
 @keyframes wb-pfeil{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
 @keyframes wb-pfeil-links{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
 @keyframes wb-puls{0%{box-shadow:0 0 0 0 rgba(237,141,67,.75)}70%{box-shadow:0 0 0 12px rgba(237,141,67,0)}100%{box-shadow:0 0 0 0 rgba(237,141,67,0)}}
}