.wpk-configurator-wrap{--wpk-red:#d71920;--wpk-dark:#121619;--wpk-ink:#20262b;--wpk-muted:#69727a;--wpk-line:#dfe3e6;--wpk-soft:#f4f6f7;--wpk-white:#fff;max-width:1220px;margin:2rem auto;color:var(--wpk-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wpk-configurator{background:transparent}.wpk-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);overflow:hidden;border-radius:22px;background:var(--wpk-dark);color:#fff;min-height:430px}.wpk-hero-copy{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.wpk-kicker,.wpk-modal-kicker{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#ef6b70}.wpk-hero h2{margin:.8rem 0 1rem;max-width:760px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.035em;color:#fff}.wpk-hero p{max-width:700px;margin:0;color:#c5cbd0;font-size:1.06rem;line-height:1.7}.wpk-hero-points{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}.wpk-hero-points span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.5rem .75rem;font-size:.76rem;color:#d8dde1}.wpk-product-preview{position:relative;min-height:360px;background:radial-gradient(circle at 52% 42%,#41494e 0,#252b2f 38%,#171b1e 72%);display:flex;align-items:center;justify-content:center;overflow:hidden}.wpk-product-preview:before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.09);border-radius:50%}.wpk-preview-stage{position:relative;width:100%;height:100%;min-height:360px;display:flex;align-items:center;justify-content:center}.wpk-screw{position:relative;width:290px;height:92px;transform:rotate(-18deg);filter:drop-shadow(0 22px 16px rgba(0,0,0,.45))}.wpk-screw-head{position:absolute;left:0;top:8px;width:74px;height:76px;border-radius:14px 7px 7px 14px;background:linear-gradient(145deg,#f4f5f5,#8f979c 40%,#d9dddf 66%,#6e777c);box-shadow:inset -8px -6px 12px rgba(0,0,0,.22)}.wpk-screw-head:after{content:"✦";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#555e63;font-size:30px;text-shadow:0 1px #fff}.wpk-screw-shaft{position:absolute;left:68px;top:25px;width:210px;height:42px;border-radius:4px 20px 20px 4px;background:repeating-linear-gradient(110deg,#bcc3c7 0 6px,#7f898e 6px 9px,#dce0e2 9px 14px)}.wpk-screw-shaft:after{content:"";position:absolute;right:-10px;top:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:18px solid #9ca5aa}.wpk-preview-plus .wpk-screw-head{background:linear-gradient(145deg,#f7f8f8,#9ca4a9 35%,#e9ebec 66%,#737d82)}.wpk-preview-label{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column}.wpk-preview-label span{font-size:.66rem;letter-spacing:.14em;color:#90999f;font-weight:800}.wpk-preview-label strong{font-size:1.2rem;color:#fff;margin-top:.18rem}.wpk-preview-label small{color:#adb5ba;margin-top:.15rem}.wpk-fast-panel{margin-top:18px;border:1px solid var(--wpk-line);border-radius:18px;background:#fff;padding:clamp(1.25rem,3vw,2rem)}.wpk-step-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.35rem}.wpk-step-head>span{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--wpk-dark);color:#fff;display:grid;place-items:center;font-weight:800}.wpk-step-head small{display:block;color:var(--wpk-red);font-size:.68rem;letter-spacing:.13em;font-weight:800}.wpk-step-head h3{margin:.15rem 0 0;font-size:1.35rem}.wpk-product-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wpk-tech-card{min-height:105px;border:1px solid #ced3d7;border-radius:14px;background:#fff;padding:17px;text-align:left;display:flex;align-items:flex-start;gap:13px;cursor:pointer;transition:.18s}.wpk-tech-card:hover,.wpk-tech-card.is-selected{border-color:var(--wpk-red);box-shadow:0 0 0 2px rgba(215,25,32,.08)}.wpk-radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid #9aa2a8;flex:0 0 20px;margin-top:2px;box-shadow:inset 0 0 0 4px #fff}.wpk-tech-card.is-selected .wpk-radio-dot{background:var(--wpk-red);border-color:var(--wpk-red)}.wpk-tech-card strong{display:block;font-size:1.08rem}.wpk-tech-card small{display:block;color:var(--wpk-muted);line-height:1.45;margin-top:.28rem}.wpk-geometry-grid{display:grid;grid-template-columns:1.35fr .82fr .82fr;gap:16px}.wpk-field{display:flex;flex-direction:column;gap:.45rem}.wpk-field label,.wpk-surface-wrap>label,.wpk-quantity-box>label{font-weight:750;font-size:.9rem}.wpk-field select,.wpk-field input,.wpk-field textarea,.wpk-qty-input input{box-sizing:border-box;width:100%;min-height:50px;border:1px solid #bfc6cb;border-radius:9px;background:#fff;padding:.75rem .9rem;color:inherit;font:inherit}.wpk-field select:focus,.wpk-field input:focus,.wpk-qty-input input:focus{outline:3px solid rgba(215,25,32,.12);border-color:var(--wpk-red)}.wpk-field small{font-size:.73rem;color:#90979d}.wpk-auto-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.wpk-auto-meta>div{display:flex;gap:8px;align-items:center;background:var(--wpk-soft);border-radius:8px;padding:8px 11px;font-size:.78rem}.wpk-auto-meta span{color:var(--wpk-muted)}.wpk-info{font-weight:700}.wpk-finish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.wpk-finish-tile{min-height:135px;border:1px solid #d2d7da;border-radius:13px;background:#fff;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.18s}.wpk-finish-tile:hover,.wpk-finish-tile.is-selected{border-color:var(--wpk-red);box-shadow:0 0 0 2px rgba(215,25,32,.08)}.wpk-finish-swatch{display:block;height:66px;border-radius:8px;background:linear-gradient(135deg,#e3e7e9,#9ca5aa)}.finish-nickel .wpk-finish-swatch{background:linear-gradient(135deg,#333a40,#adb5ba 44%,#4f5960)}.finish-lamelle .wpk-finish-swatch{background:linear-gradient(135deg,#d8dde0,#818b91 52%,#c7cdd0)}.finish-black .wpk-finish-swatch{background:linear-gradient(135deg,#0d0f10,#565c60)}.finish-blank .wpk-finish-swatch{background:linear-gradient(135deg,#f4f5f6,#b9c0c4)}.wpk-finish-tile strong{margin-top:4px}.wpk-finish-tile small{color:var(--wpk-muted)}.wpk-surface-wrap{margin-top:18px}.wpk-surface-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.wpk-surface-chip{border:1px solid #cdd2d6;background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.wpk-surface-chip.is-selected{background:var(--wpk-dark);border-color:var(--wpk-dark);color:#fff}.wpk-finish-copy{margin:18px 0 0;background:#f7f8f8;border-left:3px solid var(--wpk-red);padding:12px 14px;color:#525b62;font-size:.9rem}.wpk-quantity-box{border-radius:14px;background:var(--wpk-soft);padding:18px}.wpk-range{width:100%;accent-color:var(--wpk-red);margin:18px 0 2px}.wpk-range-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--wpk-muted)}.wpk-qty-input{margin-top:18px;display:grid;grid-template-columns:auto minmax(120px,190px) auto;align-items:center;gap:10px}.wpk-qty-input span{font-size:.82rem;color:var(--wpk-muted)}.wpk-qty-input input{text-align:right;font-weight:800}.wpk-delivery-card{margin-top:12px;display:flex;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid #e0e4e6;border-radius:10px}.wpk-delivery-card>span{color:var(--wpk-muted)}.wpk-cta-zone{text-align:center;padding:26px 10px 10px}.wpk-submit{min-height:56px;border:0;border-radius:8px;background:var(--wpk-red);color:#fff;padding:0 26px;font-weight:850;letter-spacing:.02em;cursor:pointer;transition:.18s}.wpk-submit:hover{background:#bd151b;transform:translateY(-1px)}.wpk-submit span{margin-left:6px}.wpk-submit:disabled{opacity:.55;cursor:wait;transform:none}.wpk-cta-zone>p{font-size:.76rem;color:var(--wpk-muted);margin:.7rem auto 0;max-width:640px}.wpk-status{margin-top:10px}.wpk-status.is-error,.wpk-modal-status.is-error{color:#b42318;font-weight:700}.wpk-status.is-success,.wpk-modal-status.is-success{color:#16794c;font-weight:700}.wpk-modal[hidden]{display:none!important}.wpk-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.wpk-modal-backdrop{position:absolute;inset:0;background:rgba(13,17,20,.72);backdrop-filter:blur(4px)}.wpk-modal-dialog{position:relative;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:18px;padding:clamp(1.5rem,4vw,2.6rem);box-shadow:0 26px 80px rgba(0,0,0,.34)}.wpk-modal-close{position:absolute;right:16px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:#f0f2f3;font-size:26px;cursor:pointer}.wpk-modal-dialog h3{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;margin:.55rem 2.4rem .8rem 0}.wpk-modal-dialog>p{color:var(--wpk-muted);line-height:1.65}.wpk-modal-fields{display:grid;gap:13px;margin:20px 0}.wpk-consent{margin:14px 0}.wpk-consent label{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#596168;line-height:1.5}.wpk-modal-submit{width:100%;margin-top:8px}.wpk-modal-status{margin-top:12px;text-align:center}.wpk-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wpk-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.wpk-modal-open{overflow:hidden}.wpk-delivery-row{display:block} @media(max-width:900px){.wpk-hero{grid-template-columns:1fr}.wpk-product-preview{min-height:300px}.wpk-geometry-grid{grid-template-columns:1fr 1fr}.wpk-geometry-grid .wpk-field:first-child{grid-column:1/-1}} @media(max-width:620px){.wpk-configurator-wrap{margin:1rem auto}.wpk-hero{border-radius:14px}.wpk-hero-copy{padding:1.5rem}.wpk-hero h2{font-size:2rem}.wpk-product-choice,.wpk-geometry-grid{grid-template-columns:1fr}.wpk-geometry-grid .wpk-field:first-child{grid-column:auto}.wpk-fast-panel{border-radius:13px;padding:1.1rem}.wpk-finish-grid{grid-template-columns:1fr 1fr}.wpk-qty-input{grid-template-columns:1fr auto}.wpk-qty-input span{grid-column:1/-1}.wpk-submit{width:100%;padding:0 14px}.wpk-delivery-card{flex-direction:column}.wpk-modal{padding:10px}.wpk-modal-dialog{border-radius:14px}.wpk-screw{transform:scale(.82) rotate(-18deg)}} /* TOC V3 2.26 */ .wpk-configurator-wrap{--wpk-red:#d71920;--wpk-dark:#171b1e;--wpk-soft:#f5f6f7;--wpk-line:#dfe3e6;--wpk-muted:#6e777d;--wpk-radius:18px;--wpk-field-radius:9px;--wpk-panel-bg:#fff;--wpk-text:#171b1e;color:var(--wpk-text)} .wpk-live-hero{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);background:#f3f4f5;color:var(--wpk-text);border:1px solid var(--wpk-line);border-radius:var(--wpk-radius)} .wpk-live-hero .wpk-product-preview{background:#fff;min-height:520px}.wpk-konfi-image{width:min(92%,760px);height:auto;object-fit:contain;mix-blend-mode:multiply}.wpk-live-config-card{padding:clamp(1.6rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;background:var(--wpk-dark);color:#fff}.wpk-live-config-card h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:.5rem 0}.wpk-live-config-card>p{color:#c7cdd1;line-height:1.6}.wpk-live-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.wpk-live-values>div{border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:12px}.wpk-live-values span{display:block;color:#8f999f;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.wpk-live-values strong{display:block;margin-top:4px;font-size:.92rem}.wpk-dimension{position:absolute;background:rgba(255,255,255,.95);border:1px solid #d9dde0;border-left:3px solid var(--wpk-red);padding:7px 10px;box-shadow:0 8px 24px rgba(0,0,0,.08);font-size:.72rem;z-index:3}.wpk-dimension span{color:var(--wpk-muted);display:block}.wpk-dimension strong{font-size:.88rem}.wpk-dim-head{left:8%;top:16%}.wpk-dim-diameter{right:8%;top:27%}.wpk-dim-length{right:10%;bottom:23%}.wpk-preview-label{background:rgba(23,27,30,.9);padding:10px 12px;border-radius:8px;left:18px;bottom:18px}.wpk-fast-panel{background:var(--wpk-panel-bg);border-radius:var(--wpk-radius)} .wpk-field select:hover,.wpk-field input:hover,.wpk-field textarea:hover,.wpk-qty-input input:hover,.wpk-tech-card:hover,.wpk-finish-tile:hover,.wpk-surface-chip:hover,.wpk-modal-close:hover{border-color:var(--wpk-red)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--wpk-red) 12%,transparent)} .wpk-field select:focus,.wpk-field input:focus,.wpk-field textarea:focus,.wpk-qty-input input:focus{border-color:var(--wpk-red)!important;outline:3px solid color-mix(in srgb,var(--wpk-red) 14%,transparent)} .wpk-head-preview{margin-top:8px;border:1px solid var(--wpk-line);border-radius:12px;overflow:hidden;background:#fff;position:relative}.wpk-head-preview img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:contain;background:#fff}.wpk-head-preview strong{position:absolute;left:9px;bottom:9px;background:rgba(23,27,30,.88);color:#fff;border-radius:6px;padding:5px 8px;font-size:.72rem}.wpk-geometry-grid{align-items:start}.wpk-range{accent-color:var(--wpk-red)} @media(max-width:850px){.wpk-live-hero{grid-template-columns:1fr}.wpk-live-hero .wpk-product-preview{min-height:390px}.wpk-live-values{grid-template-columns:1fr 1fr}} @media(max-width:620px){.wpk-live-values{grid-template-columns:1fr}.wpk-geometry-grid{grid-template-columns:1fr}.wpk-product-choice{grid-template-columns:1fr}.wpk-dimension{font-size:.65rem}.wpk-live-hero .wpk-product-preview{min-height:330px}} /* TOC V3 2.27 – direct preview + configurator layout */ .wpk-main-layout{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.38fr);gap:22px;align-items:start} .wpk-main-layout>.wpk-product-preview{position:sticky;top:24px;min-height:620px;border:1px solid var(--wpk-line);border-radius:var(--wpk-radius,18px);background:#fff;color:var(--wpk-ink);overflow:hidden} .wpk-main-layout .wpk-preview-stage{min-height:620px} .wpk-config-steps{min-width:0} .wpk-config-steps .wpk-fast-panel-first{margin-top:0} .wpk-tech-card:hover,.wpk-finish-tile:hover{background:var(--wpk-red);border-color:var(--wpk-red);color:#fff;box-shadow:0 0 0 2px rgba(215,25,32,.12)} .wpk-tech-card:hover strong,.wpk-tech-card:hover small,.wpk-finish-tile:hover strong,.wpk-finish-tile:hover small{color:#fff} .wpk-tech-card:hover .wpk-radio-dot{border-color:#fff;box-shadow:inset 0 0 0 4px var(--wpk-red)} .wpk-finish-tile:hover .wpk-finish-swatch{outline:2px solid rgba(255,255,255,.72);outline-offset:-2px} .wpk-qty-input input[data-qty-number]{font-variant-numeric:tabular-nums} @media(max-width:900px){.wpk-main-layout{grid-template-columns:1fr}.wpk-main-layout>.wpk-product-preview{position:relative;top:auto;min-height:420px}.wpk-main-layout .wpk-preview-stage{min-height:420px}} /* V2.28 visual refinements */ .wpk-konfi-image{display:block;margin:auto;max-width:88%;max-height:500px;width:auto;height:auto;object-fit:contain;object-position:center;mix-blend-mode:multiply} .wpk-tech-card strong{color:var(--wpk-red)!important} .wpk-tech-card:hover{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff!important} .wpk-tech-card:hover strong,.wpk-tech-card:hover small{color:#fff!important} .wpk-tech-card:hover .wpk-radio-dot{border-color:#fff!important} .wpk-finish-tile:hover{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff!important} .wpk-finish-tile:hover strong,.wpk-finish-tile:hover small{color:#fff!important} .wpk-surface-chip{color:var(--wpk-red)!important;border-color:color-mix(in srgb,var(--wpk-red) 38%,#cdd2d6)!important} .wpk-surface-chip:hover,.wpk-surface-chip.is-selected{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--wpk-red) 12%,transparent)!important} /* TOC V3 2.29 – persistent technology choice */ .wpk-tech-card{min-width:0;overflow:hidden} .wpk-tech-card .wpk-tech-copy{min-width:0;max-width:100%;display:block} .wpk-tech-card strong{white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.18;max-width:100%} .wpk-tech-card small{white-space:normal;overflow-wrap:break-word;word-break:normal} @media(max-width:1120px) and (min-width:621px){.wpk-tech-card strong{font-size:1rem}.wpk-tech-card{padding:14px;gap:10px}} /* TOC V3 2.31 – SCHRIEVER Landingpage System Design reference: SCHRIEVER website concept – white/red/anthracite, uppercase technical headings, rectangular CTAs. */ .wpk-configurator-wrap,.wpk-schriever-section{--wpk-red:#ed1c24;--wpk-red-dark:#c9141b;--wpk-dark:#292929;--wpk-dark-2:#373737;--wpk-panel-bg:#fff;--wpk-soft:#f2f2f2;--wpk-line:#dedede;--wpk-text:#303030;--wpk-muted:#777;--wpk-radius:0;font-family:Arial,Helvetica,sans-serif;color:var(--wpk-text)} .wpk-configurator-wrap{max-width:1240px;margin:0 auto;background:#fff} .wpk-main-layout{gap:0;grid-template-columns:minmax(330px,.92fr) minmax(0,1.35fr);align-items:stretch;border-top:5px solid var(--wpk-red)} .wpk-main-layout>.wpk-product-preview{position:sticky;top:20px;align-self:start;min-height:760px;border:0;border-radius:0;background:#f0f0f0;box-shadow:none;display:flex;flex-direction:column} .wpk-main-layout .wpk-preview-stage{min-height:650px;background:linear-gradient(180deg,#f7f7f7 0,#e7e7e7 100%)} .wpk-konfi-image{max-width:90%;max-height:560px;filter:drop-shadow(0 22px 28px rgba(0,0,0,.13));mix-blend-mode:multiply} .wpk-preview-label{left:0;bottom:0;border-radius:0;background:var(--wpk-dark);padding:14px 18px;min-width:58%;border-left:6px solid var(--wpk-red)} .wpk-preview-label span{color:#aaa}.wpk-preview-label strong{font-size:1.08rem}.wpk-preview-label small{color:#d2d2d2} .wpk-dimension{border:0;border-left:4px solid var(--wpk-red);border-radius:0;box-shadow:0 8px 18px rgba(0,0,0,.08);font-family:Arial,Helvetica,sans-serif} .wpk-trust-badge{margin-top:auto;background:var(--wpk-red);color:#fff;padding:20px 22px;display:flex;gap:12px;align-items:flex-start;font-size:.88rem;font-weight:700;line-height:1.45;text-transform:none} .wpk-trust-icon{display:grid;place-items:center;flex:0 0 29px;height:29px;border:2px solid #fff;border-radius:50%;font-size:.88rem} .wpk-config-steps{background:#fff;min-width:0;padding:0 0 30px} .wpk-schriever-intro{background:var(--wpk-dark);color:#fff;padding:clamp(28px,4vw,52px);border-bottom:8px solid var(--wpk-red)} .wpk-schriever-kicker,.wpk-section-kicker{font-size:.72rem;letter-spacing:.12em;font-weight:700;color:var(--wpk-red);text-transform:uppercase;margin-bottom:10px} .wpk-schriever-intro h1{margin:0 0 18px;color:#fff;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.03;text-transform:uppercase;letter-spacing:-.025em;font-weight:800} .wpk-schriever-intro p{margin:0;max-width:760px;color:#d1d1d1;font-size:.98rem;line-height:1.6} .wpk-fast-panel{margin:0;border:0;border-bottom:1px solid #e4e4e4;border-radius:0;padding:30px clamp(24px,4vw,46px);box-shadow:none;background:#fff} .wpk-fast-panel:nth-of-type(even){background:#f6f6f6} .wpk-step-head{margin-bottom:22px;align-items:flex-start}.wpk-step-head>span{border-radius:0;background:var(--wpk-red);font-size:.85rem;width:42px;height:42px;flex-basis:42px}.wpk-step-head small{color:#777;font-size:.65rem;letter-spacing:.1em}.wpk-step-head h3{font-size:1.55rem;text-transform:uppercase;color:var(--wpk-red);line-height:1.08;margin-top:4px} .wpk-product-choice{gap:10px}.wpk-tech-card{border:1px solid #d1d1d1;border-radius:0;min-height:132px;padding:18px;background:#fff}.wpk-tech-card strong{font-size:1.16rem;text-transform:uppercase;color:var(--wpk-red)!important}.wpk-tech-card small{font-size:.78rem;line-height:1.4;color:#555}.wpk-tech-card em{display:block;margin-top:10px;font-size:.72rem;line-height:1.35;font-style:normal;font-weight:700;color:#303030}.wpk-tech-card.is-selected{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff!important}.wpk-tech-card.is-selected strong,.wpk-tech-card.is-selected small,.wpk-tech-card.is-selected em{color:#fff!important}.wpk-radio-dot{border-radius:0;width:18px;height:18px;flex-basis:18px;box-shadow:none}.wpk-tech-card.is-selected .wpk-radio-dot{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 4px var(--wpk-red)} .wpk-geometry-grid{gap:12px}.wpk-field label,.wpk-surface-wrap>label,.wpk-quantity-box>label{text-transform:uppercase;font-size:.72rem;letter-spacing:.045em;color:#555}.wpk-field select,.wpk-field input,.wpk-field textarea,.wpk-qty-input input{border:1px solid #bdbdbd;border-radius:0;min-height:48px;background:#fff}.wpk-field select:focus,.wpk-field input:focus,.wpk-qty-input input:focus{outline:2px solid rgba(237,28,36,.13);border-color:var(--wpk-red)!important}.wpk-head-preview{border-radius:0} .wpk-auto-meta>div{border-radius:0;background:#ededed;border-left:3px solid var(--wpk-red)} .wpk-finish-grid{gap:10px}.wpk-finish-tile{border-radius:0;border:1px solid #d2d2d2;min-height:155px;padding:10px}.wpk-finish-swatch{border-radius:0;height:72px}.wpk-finish-tile strong{text-transform:uppercase;color:var(--wpk-red);font-size:.86rem}.wpk-finish-tile small{line-height:1.3;font-size:.69rem}.wpk-finish-tile.is-selected{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff}.wpk-finish-tile.is-selected strong,.wpk-finish-tile.is-selected small{color:#fff!important}.wpk-surface-chip{border-radius:0;text-transform:uppercase;font-size:.72rem;font-weight:700;padding:9px 13px}.wpk-finish-copy{border:0;border-left:5px solid var(--wpk-red);background:#eaeaea;border-radius:0;padding:14px 16px} .wpk-quantity-box{border-radius:0;background:#eee;border-left:5px solid var(--wpk-red);padding:22px}.wpk-range{accent-color:var(--wpk-red)}.wpk-qty-input input{font-weight:800}.wpk-delivery-card{border-radius:0;border-left:5px solid var(--wpk-red)} .wpk-cta-zone{padding:28px 42px 10px}.wpk-submit{border-radius:0;background:var(--wpk-red);min-height:52px;padding:0 24px;text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.035em}.wpk-submit:hover{background:var(--wpk-red-dark);transform:none}.wpk-cta-zone>p{font-size:.72rem;color:#777} .wpk-modal-backdrop{background:rgba(25,25,25,.82)}.wpk-modal-dialog{border-radius:0;border-top:7px solid var(--wpk-red);box-shadow:0 28px 80px rgba(0,0,0,.32)}.wpk-modal-kicker{color:var(--wpk-red);text-transform:uppercase;font-weight:800;letter-spacing:.1em}.wpk-modal-dialog h3{text-transform:uppercase;color:var(--wpk-red);font-size:2rem}.wpk-modal-close{border-radius:0;background:#eee}.wpk-instant-guarantee{background:#efefef;border-left:4px solid var(--wpk-red);padding:12px 14px;font-size:.78rem;line-height:1.45} /* Standalone Elementor sections */ .wpk-schriever-section{width:100%}.wpk-section-inner{max-width:1180px;margin:0 auto;padding:58px 34px}.wpk-schriever-section h2{margin:0 0 14px;color:var(--wpk-red);font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.08;text-transform:uppercase}.wpk-section-lead{max-width:760px;color:#666;line-height:1.55;margin-bottom:30px} .wpk-benefits-section{background:#fff;border-top:1px solid #eee}.wpk-benefit-table{border-top:5px solid var(--wpk-red)}.wpk-benefit-head,.wpk-benefit-row{display:grid;grid-template-columns:1fr 1.15fr 1.2fr}.wpk-benefit-head{background:var(--wpk-red);color:#fff;text-transform:uppercase;font-weight:800;font-size:.71rem;letter-spacing:.04em}.wpk-benefit-head span,.wpk-benefit-row>div{padding:15px 17px}.wpk-benefit-row{border-bottom:1px solid #ddd}.wpk-benefit-row:nth-child(odd){background:#f4f4f4}.wpk-benefit-row strong{display:block;color:#2d2d2d}.wpk-benefit-row small{display:block;color:#888;margin-top:4px;line-height:1.35} .wpk-trust-section{background:var(--wpk-dark);color:#fff}.wpk-trust-section .wpk-section-kicker{color:#fff}.wpk-trust-section h2{color:#fff}.wpk-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#555;margin-top:28px}.wpk-trust-grid article{background:var(--wpk-dark);padding:28px}.wpk-trust-grid h3{color:#fff;text-transform:uppercase;margin:12px 0 8px;font-size:1.05rem}.wpk-trust-grid p{color:#c9c9c9;line-height:1.55;font-size:.88rem}.wpk-trust-number{display:inline-block;color:var(--wpk-red);font-size:1.8rem;font-weight:800} .wpk-legal-footer{background:#4b4b4b;color:#fff}.wpk-legal-footer .wpk-section-inner{padding-top:28px;padding-bottom:28px}.wpk-footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:16px;border-bottom:1px solid #676767}.wpk-footer-top strong{color:#fff;text-transform:uppercase}.wpk-footer-top a{color:#fff;text-decoration:none}.wpk-legal-footer p{margin:16px 0 0;color:#d4d4d4;font-size:.7rem;line-height:1.55} @media(max-width:900px){.wpk-main-layout{grid-template-columns:1fr}.wpk-main-layout>.wpk-product-preview{position:relative;top:auto;min-height:520px}.wpk-main-layout .wpk-preview-stage{min-height:440px}.wpk-benefit-head{display:none}.wpk-benefit-row{grid-template-columns:1fr}.wpk-benefit-row>div{border-bottom:1px solid #ddd}.wpk-trust-grid{grid-template-columns:1fr}.wpk-footer-top{align-items:flex-start;flex-direction:column}} @media(max-width:620px){.wpk-schriever-intro{padding:28px 22px}.wpk-schriever-intro h1{font-size:1.85rem}.wpk-fast-panel{padding:25px 20px}.wpk-main-layout>.wpk-product-preview{min-height:430px}.wpk-main-layout .wpk-preview-stage{min-height:350px}.wpk-product-choice,.wpk-geometry-grid,.wpk-finish-grid{grid-template-columns:1fr}.wpk-section-inner{padding:42px 20px}.wpk-cta-zone{padding:24px 20px 8px}.wpk-dimension{display:none}} /* TOC V3.0.1: robuste Gewindetechnologie-Karten */ .wpk-product-choice{align-items:stretch} .wpk-tech-card{min-width:0;width:100%;height:auto;min-height:132px;overflow:hidden;box-sizing:border-box} .wpk-tech-card>span:last-child,.wpk-tech-copy{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal} .wpk-tech-copy{display:flex;flex-direction:column;gap:.28rem;line-height:1.35} .wpk-tech-card strong,.wpk-tech-card small,.wpk-tech-card em{max-width:100%;white-space:normal;overflow-wrap:anywhere} .wpk-tech-card strong{font-size:clamp(.98rem,1.6vw,1.08rem);line-height:1.2} .wpk-tech-card small{font-size:clamp(.76rem,1.3vw,.86rem);line-height:1.4} .wpk-tech-card em{display:block;margin-top:.18rem;font-size:clamp(.7rem,1.15vw,.78rem);line-height:1.35;font-style:normal;font-weight:700;color:var(--wpk-red)} .wpk-tech-card:hover em,.wpk-tech-card.is-selected em{color:inherit} @media(max-width:760px){.wpk-product-choice{grid-template-columns:1fr}.wpk-tech-card{min-height:0}} /* TOC V3.1 – Geometrie-first, 3D STEP preview, Korrosionsschutz */ .wpk-model-stage{min-height:520px;padding:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f4f4f4 0,#e6e6e6 100%)} .wpk-model-viewer{width:100%;height:430px;background:transparent;--poster-color:transparent;display:none} .wpk-model-placeholder{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;color:#666;min-height:330px} .wpk-model-placeholder strong{font-size:1.35rem;color:#ed1c24;text-transform:uppercase}.wpk-model-placeholder span{font-size:.82rem} .wpk-thread-info{margin:0;background:#ed1c24;color:#fff;padding:18px 20px;display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.18)} .wpk-thread-info>span{font-size:.68rem;letter-spacing:.11em;font-weight:800;opacity:.82}.wpk-thread-info>strong{font-size:1.2rem;line-height:1.15}.wpk-thread-info>small{font-size:.78rem;line-height:1.45;color:#fff} .wpk-head-field small{display:block;margin-top:7px;color:#777;line-height:1.45} .wpk-finish-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.25fr);gap:18px;align-items:start}.wpk-finish-controls .wpk-surface-wrap{margin-top:0} .wpk-finish-preview{margin-top:18px;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;background:#efefef;border-left:5px solid #ed1c24;padding:14px}.wpk-finish-preview-swatch{display:block;height:78px;border:1px solid rgba(0,0,0,.12);background:linear-gradient(135deg,#e2e5e6,#9da4a8)}.wpk-finish-preview small{display:block;color:#777;font-size:.64rem;letter-spacing:.1em;font-weight:800}.wpk-finish-preview strong{display:block;margin-top:5px;font-size:1rem}.wpk-finish-preview.finish-black .wpk-finish-preview-swatch{background:linear-gradient(135deg,#0d0e0f,#555b5f)}.wpk-finish-preview.finish-nickel .wpk-finish-preview-swatch{background:linear-gradient(135deg,#c9ced0,#5b6469 48%,#e3e6e7)}.wpk-finish-preview.finish-lamelle .wpk-finish-preview-swatch{background:linear-gradient(135deg,#d8dcde,#7d878c 52%,#c8ced1)}.wpk-finish-preview.finish-blank .wpk-finish-preview-swatch{background:linear-gradient(135deg,#fbfbfb,#b8bfc2)}.wpk-finish-preview.finish-zinc .wpk-finish-preview-swatch{background:linear-gradient(135deg,#e2e7ea,#94a0a7 45%,#cdd4d8)} .wpk-note-field{margin-top:20px}.wpk-note-field label span{font-weight:500;text-transform:none;letter-spacing:0;color:#777}.wpk-note-field textarea{min-height:105px;resize:vertical} .wpk-modal-fields{grid-template-columns:1fr 1fr;gap:14px}.wpk-modal-fields .wpk-field select{width:100%;min-height:50px;border:1px solid #bdbdbd;border-radius:0;background:#fff;padding:.7rem .9rem}.wpk-instant-guarantee span{display:block;margin-top:5px;color:#555;font-weight:500} @media(max-width:900px){.wpk-model-stage{min-height:420px}.wpk-model-viewer{height:340px}.wpk-finish-controls{grid-template-columns:1fr}} @media(max-width:620px){.wpk-model-stage{min-height:350px;padding:12px}.wpk-model-viewer{height:290px}.wpk-finish-preview{grid-template-columns:85px 1fr}.wpk-finish-preview-swatch{height:62px}.wpk-modal-fields{grid-template-columns:1fr}} .wpk-label-with-info{display:flex;align-items:center;gap:8px;min-height:22px}.wpk-label-with-info label{margin:0}.wpk-info-trigger{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;padding:0;border:1.5px solid var(--wpk-red);border-radius:50%;background:#fff;color:var(--wpk-red);font:800 14px/1 Georgia,serif;cursor:pointer;transition:.16s}.wpk-info-trigger:hover,.wpk-info-trigger:focus-visible{background:var(--wpk-red);color:#fff;outline:none;box-shadow:0 0 0 3px rgba(215,25,32,.14)}.wpk-finish-info-dialog{width:min(900px,100%);text-align:left}.wpk-finish-info-content{color:#343b40;font-size:.94rem;line-height:1.58}.wpk-finish-info-content h4{margin:1.5rem 0 .55rem;color:var(--wpk-red);font-size:1.08rem}.wpk-finish-info-content h4:first-child{margin-top:.4rem}.wpk-finish-info-content ul{margin:.35rem 0 .85rem 1.2rem;padding:0}.wpk-finish-info-content li{margin:.34rem 0}.wpk-finish-info-content p{margin:.9rem 0}.wpk-finish-info-content>p:last-child{margin-top:1.35rem;padding-top:.85rem;border-top:1px solid var(--wpk-line);color:#606970;font-size:.82rem}.wpk-finish-info-content a{color:var(--wpk-red)} @media(max-width:620px){.wpk-info-trigger{width:28px;height:28px;flex-basis:28px}.wpk-finish-info-dialog{padding:1.25rem}.wpk-finish-info-dialog h3{font-size:1.45rem}.wpk-finish-info-content{font-size:.88rem}} /* TOC V3.1.1 UI refinements */ .wpk-configurator-wrap .wpk-field select:hover,.wpk-configurator-wrap .wpk-field input:hover,.wpk-configurator-wrap .wpk-field textarea:hover,.wpk-configurator-wrap .wpk-qty-input input:hover,.wpk-configurator-wrap .wpk-surface-chip:hover,.wpk-configurator-wrap .wpk-modal-close:hover{border-color:var(--wpk-red)!important;color:var(--wpk-red)} .wpk-configurator-wrap .wpk-modal-close{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;text-align:center!important;font-family:Arial,sans-serif;font-weight:400} .wpk-configurator-wrap .wpk-modal-close:hover{background:var(--wpk-red)!important;color:#fff!important} .wpk-configurator-wrap .wpk-finish-controls{align-items:stretch!important} .wpk-configurator-wrap .wpk-finish-controls>.wpk-field,.wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap{min-height:112px;box-sizing:border-box;display:flex;flex-direction:column} .wpk-configurator-wrap .wpk-finish-controls>.wpk-field select{margin-top:auto} .wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap .wpk-surface-chips{align-content:flex-start;flex:1} .wpk-configurator-wrap .wpk-surface-chip:hover{background:var(--wpk-red)!important;border-color:var(--wpk-red)!important;color:#fff!important} /* TOC V3.1.2 – 3D view controls */ .wpk-model-controls{position:absolute;z-index:7;top:16px;right:16px;display:flex;gap:8px;align-items:center}.wpk-model-control{width:42px;height:42px;min-width:42px;padding:0;border:1px solid rgba(255,255,255,.42);background:rgba(18,22,25,.82);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.wpk-model-control svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wpk-model-control:hover,.wpk-model-control:focus-visible,.wpk-model-control.is-active{background:var(--wpk-red,#d71920);border-color:var(--wpk-red,#d71920);color:#fff}.wpk-model-control:focus-visible{outline:3px solid rgba(215,25,32,.25);outline-offset:2px}.wpk-model-control:active{transform:scale(.96)} @media(max-width:620px){.wpk-model-controls{top:10px;right:10px;gap:6px}.wpk-model-control{width:40px;height:40px;min-width:40px}} /* TOC V3.1.3 – separate zoom controls, wider thread info, larger active 3D stage */ .wpk-thread-info{width:100%!important;max-width:none!important;box-sizing:border-box!important;align-self:stretch!important} .wpk-model-placeholder[hidden]{display:none!important} .wpk-model-stage.wpk-has-model{padding:10px 14px;min-height:590px} .wpk-model-stage.wpk-has-model .wpk-model-viewer{height:540px} .wpk-model-stage.wpk-has-model .wpk-preview-label{bottom:12px} .wpk-model-stage.wpk-has-model .wpk-dimension{z-index:6} .wpk-note-field label{display:block} @media(max-width:900px){.wpk-model-stage.wpk-has-model{min-height:500px}.wpk-model-stage.wpk-has-model .wpk-model-viewer{height:450px}} @media(max-width:620px){.wpk-model-stage.wpk-has-model{min-height:400px;padding:8px}.wpk-model-stage.wpk-has-model .wpk-model-viewer{height:360px}.wpk-model-controls{flex-wrap:wrap;max-width:94px;justify-content:flex-end}} /* TOC V3.1.5 – performance, geometry reset, finish alignment */ .wpk-configurator-wrap .wpk-finish-controls{align-items:start!important} .wpk-configurator-wrap .wpk-finish-controls>.wpk-field,.wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap{min-height:0!important;height:auto!important} .wpk-configurator-wrap .wpk-finish-controls>.wpk-field select{margin-top:8px!important} .wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap .wpk-surface-chips{margin-top:8px!important;flex:0 1 auto!important} .wpk-configurator-wrap .wpk-finish-controls>.wpk-field>label,.wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap>label{display:block;line-height:1.2;min-height:18px} /* TOC V3.1.6 – trust badge, aligned finish controls, persistent 3D controls, stronger CTA */ .wpk-configurator-wrap .wpk-trust-badge{ background:#262b2f!important; color:#fff!important; border-top:1px solid rgba(255,255,255,.08); } .wpk-configurator-wrap .wpk-trust-badge .wpk-trust-icon{color:var(--wpk-red)!important} .wpk-configurator-wrap .wpk-finish-controls{ align-items:start!important; } .wpk-configurator-wrap .wpk-finish-controls>.wpk-field, .wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap{ min-height:0!important; height:auto!important; } .wpk-configurator-wrap .wpk-finish-controls>.wpk-field>label, .wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap>label{ display:block; min-height:18px; line-height:18px; margin:0 0 8px!important; } .wpk-configurator-wrap .wpk-finish-controls>.wpk-field select{ margin:0!important; height:48px!important; min-height:48px!important; padding-top:0!important; padding-bottom:0!important; } .wpk-configurator-wrap .wpk-finish-controls>.wpk-surface-wrap .wpk-surface-chips{ margin:0!important; min-height:48px!important; display:flex!important; align-items:stretch!important; gap:8px!important; } .wpk-configurator-wrap .wpk-finish-controls .wpk-surface-chip{ min-height:48px!important; height:48px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0 14px!important; } /* TOC V3.3.0 – einheitlicher Seitenfluss, Startmodell und präzisierte Farbgebung */ .wpk-configurator-wrap>.wpk-configurator>.wpk-schriever-intro{ width:100%; box-sizing:border-box; border-top:5px solid var(--wpk-red); } .wpk-configurator-wrap .wpk-main-layout{ border-top:0; align-items:start; } .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{ position:relative; top:auto; align-self:start; min-height:720px; } .wpk-configurator-wrap .wpk-main-layout .wpk-preview-stage{min-height:590px} .wpk-configurator-wrap .wpk-config-steps{overflow:visible;max-height:none} .wpk-configurator-wrap .wpk-finish-controls{grid-template-columns:minmax(220px,.8fr) minmax(360px,1.4fr)} .wpk-configurator-wrap .wpk-finish-controls .wpk-surface-chip{ height:auto!important; min-height:48px!important; max-width:230px; white-space:normal; line-height:1.25; padding:9px 14px!important; } .wpk-configurator-wrap .wpk-note-field textarea{min-height:145px} @media(max-width:900px){ .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{min-height:520px} .wpk-configurator-wrap .wpk-main-layout .wpk-preview-stage{min-height:440px} .wpk-configurator-wrap .wpk-finish-controls{grid-template-columns:1fr} } .wpk-configurator-wrap .wpk-model-control.is-active{ background:var(--wpk-red)!important; border-color:var(--wpk-red)!important; color:#fff!important; } .wpk-configurator-wrap .wpk-cta-zone{ padding:38px 42px 18px!important; } .wpk-configurator-wrap .wpk-open-gate{ min-height:72px!important; min-width:min(100%,520px)!important; padding:0 42px!important; font-size:1.02rem!important; line-height:1.2!important; font-weight:900!important; letter-spacing:.045em!important; box-shadow:0 12px 28px rgba(215,25,32,.22)!important; border:2px solid var(--wpk-red)!important; transition:background .18s ease,box-shadow .18s ease,transform .18s ease!important; } .wpk-configurator-wrap .wpk-open-gate:hover, .wpk-configurator-wrap .wpk-open-gate:focus-visible{ background:#bd151b!important; border-color:#bd151b!important; box-shadow:0 16px 34px rgba(215,25,32,.30)!important; transform:translateY(-2px)!important; } .wpk-configurator-wrap .wpk-cta-zone>p{ margin-top:12px!important; font-size:.78rem!important; } @media(max-width:620px){ .wpk-configurator-wrap .wpk-cta-zone{padding:28px 20px 12px!important} .wpk-configurator-wrap .wpk-open-gate{min-width:100%!important;min-height:66px!important;padding:0 18px!important;font-size:.92rem!important} } /* TOC V3.1.7 – referenzierte Oberflächenfarben + Telefonfeld */ .wpk-field-phone label span{font-weight:500;color:#777;font-size:.78rem} .wpk-finish-preview.finish-nickel-black .wpk-finish-preview-swatch{background:linear-gradient(135deg,#171a1b,#303536 48%,#101213)} .wpk-finish-preview.finish-lamelle-black .wpk-finish-preview-swatch{background:linear-gradient(135deg,#121515,#272b2b 48%,#0b0d0d)} .wpk-finish-preview.finish-yellow .wpk-finish-preview-swatch{background:linear-gradient(135deg,#817452,#5f5638 48%,#958762)} .wpk-finish-preview.finish-thick-zinc .wpk-finish-preview-swatch{background:linear-gradient(135deg,#c7cecd,#9ea9a9 50%,#d8dddc)} .wpk-finish-preview.finish-blue-zinc .wpk-finish-preview-swatch{background:linear-gradient(135deg,#bdc9ca,#8fa2a5 48%,#d5dddd)} .wpk-finish-preview.finish-lamelle-silver .wpk-finish-preview-swatch{background:linear-gradient(135deg,#a1a9a8,#6f7877 50%,#bdc3c2)} /* TOC V3.2.0 – matte Referenzoberflächen nach Originalfotos */ .wpk-cad-download{position:absolute;z-index:8;right:16px;bottom:16px;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:11px 14px;background:#fff;border:1px solid #d8dcdf;border-left:4px solid var(--wpk-red);color:var(--wpk-dark);text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:.18s ease}.wpk-cad-download[hidden]{display:none!important}.wpk-cad-download strong{font-size:.68rem;letter-spacing:.12em;color:var(--wpk-red)}.wpk-cad-download span{font-size:.8rem;font-weight:750}.wpk-cad-download:hover,.wpk-cad-download:focus-visible{background:var(--wpk-dark);color:#fff;border-color:var(--wpk-dark);border-left-color:var(--wpk-red);transform:translateY(-1px)}.wpk-cad-download:focus-visible{outline:3px solid rgba(215,25,32,.22);outline-offset:2px}@media(max-width:620px){.wpk-cad-download{right:8px;bottom:64px;left:8px;min-width:0}} /* v3.2.2: CAD-Download direkt unter Gewinde-Ø und Länge */ .wpk-cad-download-inline{position:static;right:auto;bottom:auto;margin:14px 0 4px;width:100%;box-sizing:border-box;min-width:0;box-shadow:none} @media(max-width:620px){.wpk-cad-download-inline{position:static;left:auto;right:auto;bottom:auto;margin:12px 0 2px}} .wpk-model-example-note{position:absolute;left:18px;right:18px;bottom:86px;z-index:6;background:rgba(255,255,255,.94);border-left:4px solid #ed1c24;padding:9px 12px;box-shadow:0 4px 18px rgba(0,0,0,.10);font-size:12px;line-height:1.35}.wpk-model-example-note strong{display:block;color:#ed1c24;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.wpk-model-example-note span{display:block;color:#292929;margin-top:2px}.wpk-model-example-note[hidden]{display:none!important} /* V3.3.4 – Korrekturen */ .wpk-configurator-wrap [hidden]{display:none!important} .wpk-configurator-wrap .wpk-has-error select,.wpk-configurator-wrap .wpk-has-error input{border-color:var(--wpk-red,#d71920)!important;box-shadow:0 0 0 2px rgba(215,25,32,.15)} .wpk-configurator-wrap .wpk-has-error.wpk-surface-wrap .wpk-surface-chips{outline:2px solid rgba(215,25,32,.35);outline-offset:4px} .wpk-configurator-wrap .wpk-inline-error{margin-top:6px;color:var(--wpk-red,#d71920);font-size:.8rem;font-weight:600;line-height:1.35} .wpk-configurator-wrap .wpk-geo-hint{margin:10px 0 0;padding:9px 12px;border-left:4px solid var(--wpk-red,#d71920);background:#fff5f5;color:#20262b;font-size:.82rem;line-height:1.4} .wpk-configurator-wrap .wpk-qty-hint{margin:10px 0 0;color:var(--wpk-red,#d71920);font-size:.8rem;font-weight:600;line-height:1.4} .wpk-configurator-wrap .wpk-modal-summary{margin:0 0 16px;padding:12px 14px;background:#f4f6f7;border-left:4px solid var(--wpk-red,#d71920);font-size:.85rem;line-height:1.4} .wpk-configurator-wrap .wpk-modal-summary:empty{display:none} .wpk-configurator-wrap .wpk-modal-summary>strong{display:block;margin-bottom:6px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#555} .wpk-configurator-wrap .wpk-modal-summary dl{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:0} .wpk-configurator-wrap .wpk-modal-summary dt{color:#69727a} .wpk-configurator-wrap .wpk-modal-summary dd{margin:0;font-weight:600;color:#20262b} /* Schwebende Kontakt-/Chat-Buttons anderer Plugins dürfen den geöffneten Dialog nicht überdecken */ body.wpk-modal-open .ecsh-wrap,body.wpk-modal-open .expchat-premium__launcher{visibility:hidden!important} /* Seitliche Kontakt-Buttons (rechts mittig, ab 768 px) überdecken sonst die Auswahlfelder */ @media (min-width:768px) and (max-width:1379px){.wpk-configurator-wrap .wpk-config-steps{padding-right:72px}} /* V3.6.0 – Erstmusterprüfbericht, Bemerkungen, Durchmesser-Hinweis */ .wpk-configurator-wrap .wpk-empb-field,.wpk-configurator-wrap .wpk-remarks-field{margin-top:18px} .wpk-configurator-wrap .wpk-remarks-field textarea{width:100%;box-sizing:border-box;min-height:110px} .wpk-configurator-wrap .wpk-remarks-hint,.wpk-configurator-wrap .wpk-coating-hint{display:block;margin-top:6px;font-size:.8rem;line-height:1.4;color:#69727a} .wpk-configurator-wrap .wpk-coating-hint{color:#20262b} .wpk-field-customer-number label span{font-weight:500;color:#777;font-size:.78rem} /* ===================================================================== V3.7.0 – Hinweis, Erklärung, Kontaktbox, Downloads, Erfolg, Popup, Landingpage ===================================================================== */ .wpk-configurator-wrap .wpk-intro-logo{display:block;width:min(320px,70%);height:auto;margin:0 0 22px} .wpk-configurator-wrap .wpk-notice{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between} .wpk-configurator-wrap .wpk-notice p{margin:0;font-size:1rem;font-weight:700;color:#fff} .wpk-configurator-wrap .wpk-notice-link{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;background:#fff;color:#121619!important;text-decoration:none!important;font-weight:700;font-size:.92rem;line-height:1.3;min-height:44px;transition:background .15s,color .15s} .wpk-configurator-wrap .wpk-notice-link img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0} .wpk-configurator-wrap .wpk-notice-link:hover,.wpk-configurator-wrap .wpk-notice-link:focus-visible{background:var(--wpk-red,#d71920);color:#fff!important} .wpk-configurator-wrap .wpk-explainer{background:#fff;border-bottom:1px solid var(--wpk-line,#dfe3e6);padding:34px clamp(18px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px 48px;align-items:start} .wpk-configurator-wrap .wpk-explainer-head small{display:block;color:var(--wpk-red,#d71920);font-size:.72rem;font-weight:800;letter-spacing:.12em} .wpk-configurator-wrap .wpk-explainer-head h2{margin:.4rem 0 .7rem;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.15;text-transform:uppercase;color:#121619} .wpk-configurator-wrap .wpk-explainer-head p{margin:0;color:#4b5358;line-height:1.6;font-size:.95rem} .wpk-configurator-wrap .wpk-explainer-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .wpk-configurator-wrap .wpk-explainer-steps li{display:flex;flex-direction:column;gap:8px;padding:18px 16px;background:#f4f6f7;border-top:4px solid var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-explainer-steps li span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#121619;color:#fff;font-weight:800} .wpk-configurator-wrap .wpk-explainer-steps li strong{font-size:.95rem;text-transform:uppercase;color:#121619} .wpk-configurator-wrap .wpk-explainer-steps li p{margin:0;font-size:.86rem;line-height:1.45;color:#4b5358} @media(max-width:1100px){.wpk-configurator-wrap .wpk-explainer{grid-template-columns:1fr}} @media(max-width:700px){.wpk-configurator-wrap .wpk-explainer-steps{grid-template-columns:1fr 1fr}} @media(max-width:420px){.wpk-configurator-wrap .wpk-explainer-steps{grid-template-columns:1fr}} .wpk-configurator-wrap .wpk-contact-card{background:#fff;border:1px solid var(--wpk-line,#dfe3e6);border-top:5px solid var(--wpk-red,#d71920);padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px;outline:none;transition:box-shadow .3s} .wpk-configurator-wrap .wpk-contact-card small{color:var(--wpk-red,#d71920);font-size:.72rem;font-weight:800;letter-spacing:.12em} .wpk-configurator-wrap .wpk-contact-card h3{margin:0;font-size:1.3rem;line-height:1.2;text-transform:uppercase;color:#121619} .wpk-configurator-wrap .wpk-contact-card>p{margin:0;color:#4b5358;line-height:1.55;font-size:.92rem} .wpk-configurator-wrap .wpk-contact-person{display:flex;align-items:center;gap:16px;margin-top:6px} .wpk-configurator-wrap .wpk-contact-person img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex-shrink:0} .wpk-configurator-wrap .wpk-contact-person strong{display:block;font-size:1.1rem;color:#121619} .wpk-configurator-wrap .wpk-contact-person span{display:block;color:#69727a;font-size:.88rem;margin-top:2px} .wpk-configurator-wrap .wpk-contact-lines{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:4px 0 0;font-size:.92rem} .wpk-configurator-wrap .wpk-contact-lines dt{color:#69727a} .wpk-configurator-wrap .wpk-contact-lines dd{margin:0;font-weight:700;word-break:break-word} .wpk-configurator-wrap .wpk-contact-lines a{color:#121619;text-decoration:none} .wpk-configurator-wrap .wpk-contact-lines a:hover{color:var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-contact-cta{align-self:flex-start;margin-top:6px;background:#121619;color:#fff!important;padding:13px 18px;font-weight:800;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none!important} .wpk-configurator-wrap .wpk-contact-cta:hover{background:var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-contact-card.is-highlight{animation:wpkHighlight 1.8s ease-out} @keyframes wpkHighlight{0%{box-shadow:0 0 0 0 rgba(215,25,32,.55)}30%{box-shadow:0 0 0 10px rgba(215,25,32,.25)}100%{box-shadow:0 0 0 0 rgba(215,25,32,0)}} /* Downloads */ .wpk-configurator-wrap .wpk-downloads{margin-top:18px;border:1px solid var(--wpk-line,#dfe3e6);background:#fff;padding:16px 18px} .wpk-configurator-wrap .wpk-downloads-kicker{display:block;color:var(--wpk-red,#d71920);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:12px} .wpk-configurator-wrap .wpk-downloads-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px} .wpk-configurator-wrap .wpk-dl{position:static!important;display:flex!important;align-items:center;gap:12px;min-width:0!important;padding:10px 12px!important;margin:0!important;border:1px solid var(--wpk-line,#dfe3e6)!important;border-left:4px solid var(--wpk-red,#d71920)!important;background:#f7f8f8!important;color:#121619!important;text-decoration:none!important;box-shadow:none!important} .wpk-configurator-wrap .wpk-dl:hover{background:#fff!important;border-color:var(--wpk-red,#d71920)!important} .wpk-configurator-wrap .wpk-dl-type{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#121619;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em} .wpk-configurator-wrap .wpk-dl-text{display:flex;flex-direction:column;min-width:0} .wpk-configurator-wrap .wpk-dl-text strong{font-size:.86rem;line-height:1.25} .wpk-configurator-wrap .wpk-dl-text span{font-size:.76rem;color:#69727a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Erfolgsansicht */ .wpk-configurator-wrap .wpk-modal-dialog.wpk-is-success>*:not(.wpk-modal-success):not(.wpk-modal-close){display:none!important} .wpk-configurator-wrap .wpk-modal-success{text-align:center;padding:12px 0 4px;outline:none} .wpk-configurator-wrap .wpk-success-icon{display:inline-flex;color:#1e8a3c;margin-bottom:10px;animation:wpkPop .45s ease-out} @keyframes wpkPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}} .wpk-configurator-wrap .wpk-modal-success h3{margin:.4rem auto .8rem!important;max-width:720px;color:#121619!important;font-size:clamp(1.5rem,3vw,2.2rem)!important} .wpk-configurator-wrap .wpk-modal-success>p{max-width:640px;margin:0 auto 18px;font-size:1.05rem;line-height:1.6;color:#30373b} .wpk-configurator-wrap .wpk-modal-success .wpk-modal-summary{text-align:left;max-width:560px;margin:0 auto 22px} .wpk-configurator-wrap .wpk-success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} .wpk-configurator-wrap .wpk-success-actions .wpk-submit{width:auto;padding-left:28px;padding-right:28px} .wpk-configurator-wrap .wpk-success-close{min-height:52px;padding:0 24px;background:#fff;border:1px solid #121619;color:#121619;font-weight:700;cursor:pointer} .wpk-configurator-wrap .wpk-success-close:hover{background:#121619;color:#fff} .wpk-configurator-wrap .wpk-status.is-success{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;background:#e8f5ec;border-left:5px solid #1e8a3c;color:#14532d;font-weight:700} /* Landingpage-Template */ body.wpk-landing-page{margin:0;background:#f4f6f7} .wpk-landing-header{background:#fff;border-bottom:1px solid #e3e6e8;position:sticky;top:0;z-index:50} .wpk-landing-header-inner{max-width:1220px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap} .wpk-landing-logo img{display:block;height:34px;width:auto} .wpk-landing-logo span{font:800 1.3rem/1 sans-serif;color:#e3000f} .wpk-landing-brand{font-size:.85rem;color:#4d4d4d;text-decoration:none} .wpk-landing-brand:hover{color:#e3000f} .wpk-landing-main{min-height:60vh} .wpk-landing-footer{background:#121619;color:#c9ced1;font-size:.85rem} .wpk-landing-footer-inner{max-width:1220px;margin:0 auto;padding:22px 20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap} .wpk-landing-footer a{color:#fff} /* ===================================================================== V3.8.0 – Vollbild-Landingpage, Kontakt rechts mitlaufend, Popup ohne Scrollen ===================================================================== */ /* Vollbild im Landingpage-Template */ body.wpk-landing-fullscreen .wpk-landing-main .elementor-section.elementor-section-boxed>.elementor-container, body.wpk-landing-fullscreen .wpk-landing-main .e-con-boxed>.e-con-inner{max-width:none!important} body.wpk-landing-fullscreen .wpk-landing-main .e-con,body.wpk-landing-fullscreen .wpk-landing-main .elementor-widget-wrap{padding-left:0!important;padding-right:0!important} body.wpk-landing-fullscreen .wpk-configurator-wrap{max-width:none!important;margin:0!important;width:100%} body.wpk-landing-fullscreen .wpk-landing-header-inner,body.wpk-landing-fullscreen .wpk-landing-footer-inner{max-width:none;padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-schriever-intro,body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-explainer{padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)} @media(min-width:901px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{top:84px;height:calc(100vh - 104px);min-height:560px}} /* Kontakt: ab 1400 px als mitlaufende rechte Spalte */ .wpk-configurator-wrap .wpk-contact-tab,.wpk-configurator-wrap .wpk-contact-close{display:none} @media(min-width:1400px){ body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout{grid-template-columns:minmax(330px,.9fr) minmax(0,1.3fr) minmax(300px,340px)!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{grid-column:3;grid-row:1;position:sticky;top:24px;align-self:start;margin:24px 24px 24px 0} body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{top:96px} } /* Unter 1400 px: Lasche am rechten Rand, Karte fährt seitlich herein */ @media(max-width:1399px){ body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab{display:flex;position:fixed;right:0;top:38%;z-index:9990;flex-direction:column;align-items:center;gap:8px;padding:10px 8px 14px;background:#121619;color:#fff;border:0;border-left:4px solid var(--wpk-red,#d71920);cursor:pointer;box-shadow:-6px 8px 24px rgba(0,0,0,.22);min-width:44px} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab img{width:40px;height:40px;border-radius:50%;object-fit:cover} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab:hover,body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab:focus-visible{background:var(--wpk-red,#d71920)} body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{position:fixed;right:0;top:50%;z-index:9991;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;transform:translate(110%,-50%);transition:transform .28s ease;box-shadow:-12px 0 40px rgba(0,0,0,.25);margin:0} body.wpk-landing-page .wpk-configurator-wrap.wpk-contact-open .wpk-main-layout>.wpk-contact-card{transform:translate(0,-50%)} body.wpk-landing-page .wpk-configurator-wrap.wpk-contact-open .wpk-contact-tab{opacity:0;pointer-events:none} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-close{display:flex;position:absolute;top:8px;right:8px;width:40px;height:40px;align-items:center;justify-content:center;border:0;background:#f1f3f4;font-size:22px;cursor:pointer;color:#121619} } @media(prefers-reduced-motion:reduce){.wpk-configurator-wrap .wpk-contact-card{transition:none!important}} /* Downloads: alle Kacheln gleich groß */ .wpk-configurator-wrap .wpk-dl{height:100%;box-sizing:border-box} @media(max-width:560px){.wpk-configurator-wrap .wpk-downloads-list{grid-template-columns:1fr}} /* Anfrage-Popup: zweispaltig, ohne Scrollen */ .wpk-configurator-wrap .wpk-modal{padding:16px!important;box-sizing:border-box} .wpk-configurator-wrap .wpk-modal-dialog{width:min(1180px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;padding:0!important;overflow:auto} .wpk-configurator-wrap .wpk-modal-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)} .wpk-configurator-wrap .wpk-modal-aside{background:#121619;color:#e4e7e9;padding:clamp(22px,2.6vw,36px);display:flex;flex-direction:column;gap:14px} .wpk-configurator-wrap .wpk-modal-aside .wpk-modal-kicker{color:#ff5a60} .wpk-configurator-wrap .wpk-modal-aside h3{color:#fff!important;margin:0!important;font-size:clamp(1.25rem,2vw,1.7rem)!important;line-height:1.15} .wpk-configurator-wrap .wpk-modal-aside>p{margin:0;color:#c9ced1!important;font-size:.9rem;line-height:1.5} .wpk-configurator-wrap .wpk-modal-aside .wpk-modal-summary{margin:0;background:rgba(255,255,255,.07);border-left-color:var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-modal-aside .wpk-modal-summary>strong{color:#aeb5b9} .wpk-configurator-wrap .wpk-modal-aside .wpk-modal-summary dt{color:#aeb5b9} .wpk-configurator-wrap .wpk-modal-aside .wpk-modal-summary dd{color:#fff} .wpk-configurator-wrap .wpk-modal-aside .wpk-instant-guarantee{margin:auto 0 0;background:rgba(255,255,255,.07)!important;color:#c9ced1!important;font-size:.8rem;line-height:1.45;padding:12px 14px;border-left:4px solid var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-modal-aside .wpk-instant-guarantee strong{color:#fff} .wpk-configurator-wrap .wpk-modal-aside .wpk-instant-guarantee span{color:#aeb5b9} .wpk-configurator-wrap .wpk-modal-form{padding:clamp(22px,2.6vw,36px);padding-top:clamp(48px,4vw,56px);display:flex;flex-direction:column;gap:14px;background:#fff} .wpk-configurator-wrap .wpk-modal-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 18px!important;margin:0!important} .wpk-configurator-wrap .wpk-modal-fields .wpk-field-email,.wpk-configurator-wrap .wpk-modal-fields .wpk-field-company{grid-column:1 / -1} .wpk-configurator-wrap .wpk-modal-fields .wpk-field label{font-size:.74rem;margin-bottom:5px;display:block} .wpk-configurator-wrap .wpk-modal-fields .wpk-field input,.wpk-configurator-wrap .wpk-modal-fields .wpk-field select{width:100%;box-sizing:border-box;min-height:52px!important;height:52px;font-size:1.05rem!important;padding:.65rem .95rem!important} .wpk-configurator-wrap .wpk-modal-form .wpk-consent{margin:0;font-size:.85rem} .wpk-configurator-wrap .wpk-modal-form .wpk-modal-submit{margin:0;min-height:56px} .wpk-configurator-wrap .wpk-modal-dialog>.wpk-modal-close{z-index:2} @media(max-height:760px) and (min-width:861px){ .wpk-configurator-wrap .wpk-modal-fields .wpk-field input,.wpk-configurator-wrap .wpk-modal-fields .wpk-field select{min-height:46px!important;height:46px} .wpk-configurator-wrap .wpk-modal-aside>p{display:none} .wpk-configurator-wrap .wpk-modal-form{gap:10px;padding-top:44px} } @media(max-width:860px){ .wpk-configurator-wrap .wpk-modal-grid{grid-template-columns:1fr} .wpk-configurator-wrap .wpk-modal-aside .wpk-instant-guarantee{margin-top:4px} } @media(max-width:560px){.wpk-configurator-wrap .wpk-modal-fields{grid-template-columns:1fr!important}} .wpk-configurator-wrap .wpk-modal-dialog.wpk-is-success{padding:clamp(1.5rem,3.5vw,3rem)!important;width:min(900px,calc(100vw - 32px))!important} .wpk-configurator-wrap .wpk-dl[hidden],.wpk-configurator-wrap .wpk-downloads[hidden]{display:none!important} /* ===================================================================== V3.9.0 – Fullscreen-Landingpage: ohne Sticky-Menü/Chatbot, Kontakt ab 1200 px als Spalte ===================================================================== */ body.wpk-landing-page .ecsh-wrap,body.wpk-landing-page .expchat-premium,body.wpk-landing-page [class^="expchat-premium"],body.wpk-landing-page [class*=" expchat-premium"]{display:none!important} body.wpk-landing-page{min-height:100vh;display:flex;flex-direction:column} body.wpk-landing-page .wpk-landing-main{flex:1 0 auto} @media(min-width:1400px){ body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr) minmax(290px,330px)!important} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{grid-column:3;grid-row:1;position:sticky!important;top:96px;right:auto;align-self:start;transform:none!important;width:auto;max-height:calc(100vh - 116px);overflow:auto;margin:24px clamp(16px,2vw,32px) 24px 0;box-shadow:none;z-index:auto} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-contact-tab,body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-contact-close{display:none!important} } body.wpk-landing-page .wpk-configurator-wrap .wpk-intro-logo{display:none} @media(min-width:901px){ body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{position:sticky!important;top:88px!important;align-self:start;height:calc(100vh - 104px);min-height:520px!important;display:flex;flex-direction:column} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview .wpk-preview-stage{flex:1 1 auto;min-height:0!important} } /* ===================================================================== V3.10.0 – Randabstände Landingpage, Info-Button, Info-Popup, Kontakt-Platzierung ===================================================================== */ /* Landingpage: überall Abstand zum Rand */ body.wpk-landing-page{--wpk-edge:clamp(16px,2.6vw,44px)} body.wpk-landing-page .wpk-landing-header-inner,body.wpk-landing-page .wpk-landing-footer-inner{max-width:none;padding-left:var(--wpk-edge);padding-right:var(--wpk-edge)} body.wpk-landing-page .wpk-landing-main{padding:var(--wpk-edge) var(--wpk-edge) calc(var(--wpk-edge) * 1.5)} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-schriever-intro,body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-explainer{padding-left:clamp(20px,3vw,48px);padding-right:clamp(20px,3vw,48px)} body.wpk-landing-page .wpk-configurator-wrap .wpk-explainer{margin-top:var(--wpk-edge);border:1px solid var(--wpk-line,#dfe3e6)} @media(min-width:1400px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{margin:24px 0 24px 24px}} @media(min-width:901px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{top:calc(70px + var(--wpk-edge))!important;height:calc(100vh - 70px - 2 * var(--wpk-edge))}} /* Überschrift in zwei Zeilen */ .wpk-configurator-wrap .wpk-schriever-intro h1{text-wrap:balance} /* Info-Button: quadratisch, i mittig */ .wpk-configurator-wrap .wpk-info-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;padding:0!important;margin:0!important;border:1.5px solid var(--wpk-red,#d71920)!important;border-radius:0!important;background:#fff!important;color:var(--wpk-red,#d71920)!important;font:800 15px/1 Georgia,"Times New Roman",serif!important;text-align:center!important;box-shadow:none!important;min-height:0!important} .wpk-configurator-wrap .wpk-info-trigger:hover,.wpk-configurator-wrap .wpk-info-trigger:focus-visible{background:var(--wpk-red,#d71920)!important;color:#fff!important;border-color:var(--wpk-red,#d71920)!important;outline:none} /* Schließen-Buttons: größer, quadratisch, × mittig, Hover rot */ .wpk-configurator-wrap .wpk-modal-close{position:absolute!important;top:14px!important;right:14px!important;width:52px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:#f1f3f4!important;color:#121619!important;font:300 34px/1 Arial,sans-serif!important;text-align:center!important;box-shadow:none!important;min-height:0!important;cursor:pointer;transition:background .15s,color .15s} .wpk-configurator-wrap .wpk-modal-close:hover,.wpk-configurator-wrap .wpk-modal-close:focus-visible,.wpk-configurator-wrap .wpk-modal-close:active{background:var(--wpk-red,#d71920)!important;color:#fff!important;border-color:var(--wpk-red,#d71920)!important;outline:none} .wpk-configurator-wrap .wpk-contact-close:hover,.wpk-configurator-wrap .wpk-model-control:hover,.wpk-configurator-wrap .wpk-success-close:hover{background:var(--wpk-red,#d71920)!important;color:#fff!important;border-color:var(--wpk-red,#d71920)!important} /* Popup Korrosionsschutz: Abstand und Gestaltung wie das Anfrage-Popup */ .wpk-configurator-wrap .wpk-finish-info-modal .wpk-modal-dialog.wpk-finish-info-dialog{width:min(880px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto;padding:clamp(28px,4vw,52px)!important;padding-top:clamp(36px,4vw,56px)!important;border-top:7px solid var(--wpk-red,#d71920);background:#fff;box-sizing:border-box} .wpk-configurator-wrap .wpk-finish-info-dialog .wpk-modal-kicker{color:var(--wpk-red,#d71920);font-size:.75rem;font-weight:800;letter-spacing:.12em;margin-right:64px} .wpk-configurator-wrap .wpk-finish-info-dialog h3{margin:.5rem 64px 1.4rem 0!important;color:var(--wpk-red,#d71920)!important;text-transform:uppercase;font-size:clamp(1.4rem,2.6vw,2rem)!important;line-height:1.15} .wpk-configurator-wrap .wpk-finish-info-content{font-size:.92rem;line-height:1.55;color:#30373b} .wpk-configurator-wrap .wpk-finish-info-content h4{margin:0!important;padding:14px 16px 0;background:#f4f6f7;border-top:4px solid var(--wpk-red,#d71920);color:#121619!important;font-size:1rem;text-transform:uppercase;letter-spacing:.02em} .wpk-configurator-wrap .wpk-finish-info-content h4+ul{margin:0!important;padding:8px 16px 16px 34px;background:#f4f6f7} .wpk-configurator-wrap .wpk-finish-info-content>*{min-width:0} .wpk-configurator-wrap .wpk-finish-info-content h4{margin-top:18px!important} .wpk-configurator-wrap .wpk-finish-info-content h4:first-child{margin-top:0!important} .wpk-configurator-wrap .wpk-finish-info-content ul ul{margin:.3rem 0 .2rem 1.1rem!important;padding:0!important;background:none} .wpk-configurator-wrap .wpk-finish-info-content>p:last-child{margin-top:20px;padding-top:12px;border-top:1px solid var(--wpk-line,#dfe3e6);font-size:.8rem;color:#5d656a} /* Kontakt auf normalen Seiten: unter dem Konfigurator, volle Breite */ body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{grid-column:1 / -1;grid-row:auto;position:static;transform:none;margin:28px 0 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"kicker kicker kicker" "person lines cta";align-items:center;gap:14px 36px;padding:26px clamp(20px,3vw,40px)} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-kicker{grid-area:kicker} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-person{grid-area:person;margin:0} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-lines{grid-area:lines;margin:0} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-cta{grid-area:cta;margin:0;align-self:center} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-subtitle,body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card>p{grid-column:1 / -1} @media(max-width:760px){body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{grid-template-columns:1fr;grid-template-areas:"kicker" "person" "lines" "cta"}} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-tab{display:none!important} /* Kontaktkarte: neue Überschrift */ .wpk-configurator-wrap .wpk-contact-card .wpk-contact-kicker{margin:0;color:#121619;font-size:1.05rem;font-weight:800;line-height:1.3;text-transform:none;letter-spacing:0} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-subtitle{display:block;font-size:1rem;color:#121619;text-transform:uppercase} .wpk-configurator-wrap .wpk-contact-cta{background:var(--wpk-red,#d71920)!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;font-size:.98rem!important;padding:14px 22px!important} .wpk-configurator-wrap .wpk-contact-cta:hover{background:#121619!important} /* Headline: zwei Zeilen auf Desktop */ .wpk-configurator-wrap .wpk-schriever-intro h1{font-size:clamp(1.45rem,2.45vw,2.1rem)!important;line-height:1.08!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-schriever-intro h1{font-size:clamp(1.45rem,2.45vw,3.2rem)!important} /* ===================================================================== V3.11.0 – Landingpage: Header-Bereich durchgehend, Inhalt bündig zur Überschrift ===================================================================== */ body.wpk-landing-page{--wpk-inset:calc(var(--wpk-edge) + clamp(20px,3vw,48px))} /* Hauptbereich ohne seitlichen Rand – der dunkle Intro-Bereich läuft von Kante zu Kante */ body.wpk-landing-page .wpk-landing-main{padding:0 0 calc(var(--wpk-edge) * 1.5)!important} body.wpk-landing-page .wpk-configurator-wrap{max-width:none!important;margin:0!important;width:100%;padding:0!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-schriever-intro{margin:0 0 var(--wpk-edge)!important;padding-left:var(--wpk-inset)!important;padding-right:var(--wpk-inset)!important;border-left:0!important;border-right:0!important;border-radius:0!important;width:auto} /* Logo-Leiste und Footer auf dieselbe Flucht */ body.wpk-landing-page .wpk-landing-header-inner,body.wpk-landing-page .wpk-landing-footer-inner{padding-left:var(--wpk-inset)!important;padding-right:var(--wpk-inset)!important} /* 3D-Konfigurator, Schritte, Kontakt (sticky) und Erklärung eingerückt: links bündig mit der Überschrift, rechts gleicher Abstand */ body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout,body.wpk-landing-page .wpk-configurator-wrap .wpk-explainer{margin-left:var(--wpk-inset)!important;margin-right:var(--wpk-inset)!important;width:auto!important;max-width:none!important;box-sizing:border-box} body.wpk-landing-page .wpk-configurator-wrap .wpk-explainer{padding-left:clamp(20px,3vw,48px)!important;padding-right:clamp(20px,3vw,48px)!important} @media(min-width:1400px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{margin:0 0 0 24px!important;top:calc(70px + var(--wpk-edge))!important}} @media(min-width:901px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{margin-left:0!important}} /* ===================================================================== V3.12.0 – Kontaktaufnahme im Stil der SCHRIEVER-Produktseiten (rundes Foto, roter Kicker, Name, Funktion, Icon-Liste Telefon / „Schreiben Sie mir!“) ===================================================================== */ .wpk-configurator-wrap{--wpk-contact-red:#e40f1b;--wpk-contact-grey:#504f4e} .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{background:#fff;border:0!important;border-radius:0;box-shadow:none;padding:0;gap:0;color:var(--wpk-contact-grey)} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo{flex:0 0 auto;line-height:0} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo img{display:block;width:220px;height:220px;max-width:100%;border-radius:50%;object-fit:cover;margin:0} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-body{display:flex;flex-direction:column;min-width:0} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-kicker{margin:0 0 20px!important;color:var(--wpk-contact-red)!important;font-size:22px!important;font-weight:300!important;line-height:28px!important;text-transform:none!important;letter-spacing:0!important} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-subtitle{display:block;margin:0 0 6px;color:var(--wpk-contact-grey);font-size:18px;font-weight:700} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-text{margin:0 0 14px;color:var(--wpk-contact-grey);font-size:16px;font-weight:300;line-height:1.45} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-name{margin:0 0 4px!important;color:var(--wpk-contact-grey)!important;font-size:28px!important;font-weight:700!important;line-height:28px!important;text-transform:none!important;letter-spacing:0!important} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-role{margin:0 0 16px!important;color:var(--wpk-contact-grey);font-size:18px;font-weight:300;line-height:28px;letter-spacing:-.5px} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list li{margin:0!important;padding:0!important;list-style:none!important} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list li::before,.wpk-configurator-wrap .wpk-contact-card .wpk-contact-list li::marker{content:none!important} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list a{display:inline-flex;align-items:center;gap:12px;color:var(--wpk-contact-grey)!important;text-decoration:none!important;font-size:18px;font-weight:300;line-height:28px;letter-spacing:-.2px;background:none!important;border:0!important;padding:0!important;min-height:28px} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list svg{flex:0 0 22px;width:22px;height:22px;color:var(--wpk-contact-red)} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list a:hover span,.wpk-configurator-wrap .wpk-contact-card .wpk-contact-list a:focus-visible span{color:var(--wpk-contact-red);text-decoration:underline;text-underline-offset:3px} .wpk-configurator-wrap .wpk-contact-card .wpk-contact-list a:focus-visible{outline:2px solid var(--wpk-contact-red);outline-offset:3px} /* Normale Seiten: unter dem Konfigurator, Foto links – Text rechts (wie auf /schrauben/) */ body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{grid-column:1 / -1;display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:clamp(24px,3vw,44px);margin:clamp(32px,4vw,56px) 0 0!important;padding:clamp(24px,3vw,40px) 0!important;grid-template-areas:none} @media(max-width:600px){body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{flex-direction:column;align-items:flex-start} body:not(.wpk-landing-page) .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo img{width:160px;height:160px}} /* Landingpage, breit (ab 1400 px): Sticky-Spalte rechts – Foto oben, Text darunter */ @media(min-width:1400px){ body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{display:flex!important;flex-direction:column;align-items:flex-start;gap:22px;padding:0 0 0 8px!important} body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo img{width:180px;height:180px} } /* Landingpage, schmal: ausfahrbares Panel behält Hintergrund, Schatten und Innenabstand */ @media(max-width:1399px){ body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{display:flex!important;flex-direction:column;gap:20px;padding:56px 28px 32px!important;box-shadow:-12px 0 40px rgba(0,0,0,.25)!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo img{width:150px;height:150px} } /* V3.13.0 – Markenzeichen ® hochgestellt */ sup.wpk-reg{font-size:.55em!important;line-height:0!important;vertical-align:super!important;position:relative;top:-.05em;margin-left:.02em;font-weight:inherit;letter-spacing:0} .wpk-schriever-intro h1 sup.wpk-reg{font-size:.45em!important;top:-.25em} /* V3.14.0 – Kontakt-Überschrift zweizeilig, Diagnose-Ausgabe (?toc-debug=1) */ .wpk-configurator-wrap .wpk-contact-card .wpk-contact-kicker br{display:block} .wpk-configurator-wrap .wpk-debug{position:relative;z-index:5;margin:0 0 12px;padding:12px 14px;background:#111;color:#9fe870;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto} /* Tablets / schmale Notebooks: Bühne nie breiter als der Container, 3D-Viewer füllt die Bühne */ .wpk-configurator-wrap .wpk-model-stage{box-sizing:border-box;max-width:100%} @media(min-width:901px){body.wpk-landing-fullscreen .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview .wpk-model-stage.wpk-has-model .wpk-model-viewer{height:100%!important;min-height:280px}} .wpk-configurator-wrap .wpk-dl .wpk-dl-text [data-doc-name]{white-space:normal!important;overflow:visible!important;text-overflow:clip!important} /* ===================================================================== V3.15.0 – Produktdaten aus /offer/data, Zink-Lamelle in Schichten, Mobile ===================================================================== */ .wpk-configurator-wrap .wpk-product-facts{margin:14px 0 0;padding:14px 16px;background:#f4f6f7;border-left:4px solid var(--wpk-red,#d71920);display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 22px} .wpk-configurator-wrap .wpk-product-facts[hidden],.wpk-configurator-wrap .wpk-product-facts>div[hidden]{display:none!important} .wpk-configurator-wrap .wpk-product-facts>div{min-width:0;margin:0} .wpk-configurator-wrap .wpk-product-facts>div[data-fact="bezeichnung"]{grid-column:1 / -1} .wpk-configurator-wrap .wpk-product-facts dt{margin:0 0 2px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d656a} .wpk-configurator-wrap .wpk-product-facts dd{margin:0;font-size:.95rem;font-weight:700;color:#121619;line-height:1.35;overflow-wrap:anywhere} .wpk-configurator-wrap .wpk-product-facts>div[data-fact="bezeichnung"] dd{font-size:1.02rem} /* Zink-Lamelle: Reihe 1 Basecoat, Reihe 2 Topcoats */ .wpk-configurator-wrap .wpk-surface-chips.wpk-surface-chips--layered{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;flex-wrap:nowrap!important} .wpk-configurator-wrap .wpk-surface-layer{display:flex;flex-direction:column;gap:6px;min-width:0} .wpk-configurator-wrap .wpk-surface-layer-label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d656a} .wpk-configurator-wrap .wpk-surface-layer-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .wpk-configurator-wrap .wpk-surface-layer:first-child .wpk-surface-layer-chips{grid-template-columns:minmax(0,1fr)} @media(min-width:621px){.wpk-configurator-wrap .wpk-surface-layer:first-child .wpk-surface-layer-chips{grid-template-columns:repeat(2,minmax(0,1fr))}} .wpk-configurator-wrap .wpk-surface-layer-chips .wpk-surface-chip{width:100%;margin:0!important;justify-content:center;text-align:center} /* ---------- Mobile-Optimierung (Smartphone / kleine Tablets) ---------- */ @media(max-width:760px){ /* Landingpage: schmalere Ränder, kompakter Kopf */ body.wpk-landing-page{--wpk-edge:0px;--wpk-inset:16px} body.wpk-landing-page .wpk-landing-header{position:sticky;top:0} body.wpk-landing-page .wpk-landing-header-inner{padding-top:10px!important;padding-bottom:10px!important;gap:4px 12px} body.wpk-landing-page .wpk-landing-logo img{height:24px!important;width:auto!important} body.wpk-landing-page .wpk-landing-brand{font-size:.72rem;line-height:1.3;flex-basis:100%} body.wpk-landing-page .wpk-configurator-wrap .wpk-schriever-intro{padding-top:26px!important;padding-bottom:26px!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-schriever-intro h1{font-size:clamp(1.3rem,6.4vw,1.7rem)!important;line-height:1.1!important;hyphens:auto;overflow-wrap:break-word} body.wpk-landing-page .wpk-configurator-wrap .wpk-explainer{padding-left:16px!important;padding-right:16px!important} /* Kontakt-Lasche: statt senkrechter Lasche ein runder Button unten rechts (verdeckt keinen Text) */ body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab{top:auto!important;bottom:16px;right:16px!important;width:60px;height:60px;padding:0!important;border:3px solid var(--wpk-red,#d71920)!important;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.28)} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab img{width:100%!important;height:100%!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-tab span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} body.wpk-landing-page .wpk-configurator-wrap .wpk-main-layout>.wpk-contact-card{top:auto!important;bottom:0!important;right:0!important;left:0!important;width:100%!important;max-height:85vh!important;transform:translateY(105%)!important;padding:52px 20px 24px!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:16px!important} body.wpk-landing-page .wpk-configurator-wrap.wpk-contact-open .wpk-main-layout>.wpk-contact-card{transform:translateY(0)!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-card .wpk-contact-photo img{width:96px!important;height:96px!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-card .wpk-contact-body{flex:1 1 200px} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-card .wpk-contact-kicker{font-size:19px!important;line-height:24px!important;margin-bottom:12px!important} body.wpk-landing-page .wpk-configurator-wrap .wpk-contact-card .wpk-contact-name{font-size:24px!important} /* 3D-Bühne kompakter, Bedienknöpfe in einer Reihe */ .wpk-configurator-wrap .wpk-model-stage.wpk-has-model{min-height:340px!important} .wpk-configurator-wrap .wpk-model-stage.wpk-has-model .wpk-model-viewer{height:300px!important} .wpk-configurator-wrap .wpk-main-layout>.wpk-product-preview{min-height:0!important} .wpk-configurator-wrap .wpk-main-layout .wpk-preview-stage{min-height:340px!important} .wpk-configurator-wrap .wpk-model-controls{flex-wrap:nowrap!important;max-width:none!important;gap:6px!important} .wpk-configurator-wrap .wpk-model-control{width:40px!important;height:40px!important} .wpk-configurator-wrap .wpk-dimension{transform:scale(.88);transform-origin:left top} /* Bedienung: größere Tippflächen, 16 px gegen Auto-Zoom (iOS) */ .wpk-configurator-wrap select,.wpk-configurator-wrap input[type="text"],.wpk-configurator-wrap input[type="email"],.wpk-configurator-wrap input[type="tel"],.wpk-configurator-wrap input[type="number"],.wpk-configurator-wrap input[inputmode],.wpk-configurator-wrap textarea{font-size:16px!important} .wpk-configurator-wrap .wpk-surface-chip{min-height:48px!important;font-size:.82rem!important;padding:8px 10px!important;line-height:1.2} .wpk-configurator-wrap .wpk-info-trigger{width:40px!important;height:40px!important;flex-basis:40px!important;font-size:18px!important} .wpk-configurator-wrap .wpk-range{height:32px!important} .wpk-configurator-wrap .wpk-auto-meta{display:flex;flex-wrap:wrap;gap:8px} .wpk-configurator-wrap .wpk-auto-meta>div{margin:0!important} .wpk-configurator-wrap .wpk-product-facts{grid-template-columns:1fr 1fr;padding:12px 14px} .wpk-configurator-wrap .wpk-downloads-list{grid-template-columns:1fr!important} .wpk-configurator-wrap .wpk-submit{width:100%;min-height:56px} /* Anfrage-Popup als Vollbild-Ansicht */ .wpk-configurator-wrap .wpk-modal-dialog:not(.wpk-finish-info-dialog){width:100vw!important;max-width:100vw!important;height:100%!important;max-height:100%!important;margin:0!important;border-top-width:5px} .wpk-configurator-wrap .wpk-modal-close{position:sticky!important;top:8px!important;right:8px!important;margin:8px 8px -60px auto!important;z-index:5;width:48px!important;height:48px!important} .wpk-configurator-wrap .wpk-finish-info-modal .wpk-modal-dialog.wpk-finish-info-dialog{width:100vw!important;max-height:100%!important;height:100%;padding:24px 18px!important} } @media(max-width:380px){.wpk-configurator-wrap .wpk-product-facts{grid-template-columns:1fr}} @media(max-width:760px){ .wpk-configurator-wrap .wpk-modal{padding:0!important;align-items:stretch!important;justify-content:stretch!important} .wpk-configurator-wrap .wpk-modal-dialog:not(.wpk-finish-info-dialog){left:0!important;right:0!important;transform:none!important;box-sizing:border-box} .wpk-configurator-wrap .wpk-modal-close{margin-right:10px!important} } /* V3.19.0 – Info-Popup: QM-Hinweis und Schlussbemerkung */ .wpk-configurator-wrap .wpk-finish-info-content .wpk-finish-qm{margin:10px 0 0;padding:12px 16px;background:#fff6e5;border-left:4px solid #e3a008;font-size:.86rem} .wpk-configurator-wrap .wpk-finish-info-content .wpk-finish-closing{margin:20px 0 0;padding:14px 16px;background:#f4f6f7;border-left:4px solid var(--wpk-red,#d71920);font-size:.88rem} .wpk-configurator-wrap .wpk-finish-info-content ul ul li{margin:.15rem 0} .wpk-configurator-wrap .wpk-finish-info-content .wpk-nocaps{text-transform:none} /* ===================================================================== V3.20.0 – Erweiterter offerRequest: Kundenstatus, Lieferadresse, Zeugnisse, Sortierqualität ===================================================================== */ .wpk-configurator-wrap .wpk-ctype-field{grid-column:1 / -1;border:0;margin:0;padding:0;min-width:0} .wpk-configurator-wrap .wpk-ctype-switch{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #c9cfd3} .wpk-configurator-wrap .wpk-ctype-switch label{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;margin:0!important;cursor:pointer;text-align:center;font-weight:700;font-size:.9rem;color:#30373b;background:#fff;text-transform:none!important;letter-spacing:0!important} .wpk-configurator-wrap .wpk-ctype-switch label+label{border-left:1px solid #c9cfd3} .wpk-configurator-wrap .wpk-ctype-switch input{position:absolute;opacity:0;pointer-events:none} .wpk-configurator-wrap .wpk-ctype-switch label:has(input:checked){background:var(--wpk-red,#d71920);color:#fff} .wpk-configurator-wrap .wpk-ctype-switch label:has(input:focus-visible){outline:2px solid var(--wpk-red,#d71920);outline-offset:2px} .wpk-configurator-wrap [data-new-customer-only][hidden]{display:none!important} .wpk-configurator-wrap .wpk-certs-field{border:0;margin:18px 0 0;padding:0;min-width:0} .wpk-configurator-wrap .wpk-certs-field legend{padding:0;margin:0 0 8px;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#30373b} .wpk-configurator-wrap .wpk-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px} .wpk-configurator-wrap .wpk-check{display:flex!important;align-items:center;gap:10px;min-height:46px;padding:10px 12px;margin:0!important;background:#fff;border:1px solid #c9cfd3;cursor:pointer;font-weight:600;font-size:.92rem;color:#20262b;text-transform:none!important;letter-spacing:0!important} .wpk-configurator-wrap .wpk-check input{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-check:has(input:checked){border-color:var(--wpk-red,#d71920);box-shadow:inset 3px 0 0 var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-sort-field{margin-top:18px} .wpk-configurator-wrap .wpk-proposal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px;align-items:end} .wpk-configurator-wrap .wpk-modal-fields .wpk-ctype-field{margin-top:40px} .wpk-configurator-wrap .wpk-modal-fields .wpk-ctype-switch label{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;height:auto!important} @media(max-width:760px){.wpk-configurator-wrap .wpk-modal-fields .wpk-ctype-field{margin-top:8px}.wpk-configurator-wrap .wpk-ctype-switch label{font-size:.82rem;padding:8px}} /* V3.21.0 – Firmenanschrift (Gäste), Sortier-Info, Bemerkung in Zusammenfassung */ .wpk-configurator-wrap .wpk-company-address{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:14px 16px 4px;background:#f4f6f7;border-left:4px solid var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-company-address[hidden]{display:none!important} .wpk-configurator-wrap .wpk-company-address-title{grid-column:1 / -1;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#30373b} .wpk-configurator-wrap .wpk-company-address .wpk-span-2{grid-column:1 / -1} .wpk-configurator-wrap .wpk-company-address .wpk-field{margin:0} .wpk-configurator-wrap [data-plz-field] small{display:block;margin-top:4px;font-size:.78rem;color:#5d656a} .wpk-configurator-wrap [data-plz-field] small[hidden],.wpk-configurator-wrap [data-plz-field] [hidden]{display:none!important} .wpk-configurator-wrap .wpk-sort-field .wpk-label-with-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px} .wpk-configurator-wrap .wpk-finish-info-content .wpk-info-block{margin:0 0 14px;padding:14px 16px;background:#f4f6f7;border-top:4px solid var(--wpk-red,#d71920)} .wpk-configurator-wrap .wpk-finish-info-content .wpk-info-block h4{margin:0 0 6px!important;padding:0!important;background:none!important;border:0!important} .wpk-configurator-wrap .wpk-finish-info-content .wpk-info-block p{margin:0 0 6px} .wpk-configurator-wrap .wpk-finish-info-content .wpk-info-block p:last-child{margin-bottom:0} .wpk-configurator-wrap .wpk-modal-summary dd{white-space:pre-line;overflow-wrap:anywhere} @media(max-width:760px){.wpk-configurator-wrap .wpk-company-address{grid-template-columns:1fr}}