/* Approved wholesale/customer-focus preview, scoped to commerce views. */

.tpw{color:var(--tp-color-ink);background:#fff;margin:0!important;padding:0!important;--tpw-blue:var(--tp-color-blue);--tpw-muted:var(--tp-color-muted);--tpw-line:var(--tp-color-line);--tpw-surface:var(--tp-color-surface)}
.tpw *{box-sizing:border-box}.tpw a{color:var(--tpw-blue);text-decoration:none}.tpw a:hover{text-decoration:underline}.tpw a:focus-visible,.tpw summary:focus-visible{outline:3px solid var(--tpw-blue);outline-offset:4px}
.tpw .tw-frame{width:calc(100% - 48px);max-width:1200px;margin-inline:auto}.tpw h1,.tpw h2,.tpw h3{color:var(--tp-color-ink);letter-spacing:-.035em;font-family:inherit;font-weight:var(--tp-weight-heading);word-break:normal;overflow-wrap:normal;hyphens:none}
.tpw h1{font-size:var(--tp-text-title);line-height:1.08;margin:19px 0 23px}.tpw h2{font-size:var(--tp-text-section);line-height:1.16;margin:0 0 14px}.tpw h3{font-size:1.5rem;line-height:1.2;margin:0 0 12px}.tpw p{font-size:1.0625rem;line-height:1.6;margin:0;color:var(--tpw-muted)}
.tpw .tw-breadcrumb{display:flex;gap:13px;align-items:center;font-size:.875rem;color:var(--tpw-muted);padding:30px 0 20px;min-height:82px}.tpw .tw-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.tpw .tw-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:54px;padding-bottom:38px}.tpw .tw-eyebrow{font-size:.8125rem;font-weight:650;letter-spacing:.11em;color:var(--tpw-blue)}.tpw .tw-lead{font-size:var(--tp-text-lead);line-height:1.55;max-width:540px}.tpw .tw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:26px}.tpw .tw-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:12px 23px;border-radius:999px;background:var(--tpw-blue);color:white;font-size:1rem;font-weight:600;text-decoration:none}.tpw .tw-button:hover{background:var(--tp-color-blue-hover);text-decoration:none}.tpw .tw-link{display:inline-flex;gap:12px;align-items:center;min-height:48px;font-size:1rem;font-weight:600}.tpw .tw-hero figure{margin:0}.tpw .tw-hero figure img{display:block;width:100%;height:358px;object-fit:cover;border-radius:20px}.tpw figcaption{font-size:.75rem;color:var(--tp-color-muted);line-height:1.5;margin-top:10px;text-align:center}
.tpw .tw-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--tpw-line);border-bottom:1px solid var(--tpw-line);padding:20px 0;gap:20px}.tpw .tw-fact{display:flex;gap:15px;align-items:center;justify-content:center;color:var(--tpw-blue);font-weight:600;font-size:1rem}.tpw .tw-fact+.tw-fact{border-left:1px solid var(--tpw-line)}
.tpw .tw-audience{padding-top:51px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tpw .tw-audience article{border:1px solid var(--tpw-line);border-radius:20px;padding:28px 31px}.tpw .tw-audience-heading{display:flex;gap:15px;align-items:center;margin-bottom:14px}.tpw .tw-audience-heading svg{color:var(--tpw-blue)}.tpw .tw-audience h2{font-size:1.75rem;margin:0}.tpw .tw-audience .tw-link{margin-top:12px}.tpw .tw-audience p{max-width:490px}
.tpw .tw-products{padding-top:57px}.tpw .tw-section-heading{display:flex;gap:32px;align-items:end;justify-content:space-between;margin-bottom:23px}.tpw .tw-section-heading h2{margin-bottom:8px}.tpw .tw-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tpw .tw-product{display:flex;flex-direction:column;border-radius:20px;background:var(--tpw-surface);padding:20px 25px 19px;color:var(--tp-color-ink);min-width:0;transition:background .15s}.tpw .tw-product:hover{background:#eaf2f9;text-decoration:none}.tpw .tw-product-visual{height:155px;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.tpw .tw-product img{object-fit:contain;max-height:155px;max-width:100%;mix-blend-mode:multiply}.tpw .tw-product h3{margin-bottom:7px}.tpw .tw-product p{font-size:.9375rem}.tpw .tw-product-link{display:flex;align-items:center;gap:12px;font-size:.9375rem;font-weight:600;color:var(--tpw-blue);min-height:44px;margin-top:8px}
.tpw .tw-faq{padding-top:57px;padding-bottom:41px;display:grid;grid-template-columns:.8fr 1.2fr;gap:68px}.tpw .tw-faq h2{max-width:330px}.tpw .tw-faq details{border-bottom:1px solid var(--tpw-line)}.tpw .tw-faq details:first-child{border-top:1px solid var(--tpw-line)}.tpw .tw-faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;list-style:none;padding:19px 0;cursor:pointer;font-size:1rem;font-weight:600;min-height:62px}.tpw .tw-faq summary:after{content:'+';font-size:1.375rem;color:var(--tpw-blue);font-weight:400}.tpw .tw-faq summary::-webkit-details-marker{display:none}.tpw .tw-faq details[open] summary:after{content:'−'}.tpw .tw-faq details p{font-size:1rem;padding:0 0 19px}
.tpw .tw-contact{background:#edf3f9;border-radius:22px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:55px}.tpw .tw-contact h2{font-size:var(--tp-text-section);margin-bottom:8px}.tpw .tw-contact .tw-actions{flex-shrink:0;margin:0;gap:20px}.tpw .tw-contact p{font-size:1rem}
@media(max-width:1000px){.tpw h1{font-size:var(--tp-text-title)}.tpw .tw-hero{gap:30px}.tpw .tw-hero figure img{height:310px}.tpw .tw-contact{flex-direction:column;align-items:start}.tpw .tw-faq{gap:32px}.tpw .tw-product h3{font-size:1.25rem}}
@media(max-width:700px){.tpw .tw-frame{width:calc(100% - 44px)}.tpw .tw-breadcrumb{font-size:.8125rem;padding-top:17px;padding-bottom:18px;min-height:72px;gap:10px}.tpw .tw-hero{grid-template-columns:1fr;gap:26px;padding-bottom:28px}.tpw h1{font-size:var(--tp-text-title);line-height:1.1;margin-top:14px;margin-bottom:18px}.tpw h2{font-size:var(--tp-text-section)}.tpw .tw-lead{font-size:var(--tp-text-lead)}.tpw .tw-hero figure img{height:235px}.tpw .tw-actions{gap:16px}.tpw .tw-eyebrow{font-size:.6875rem}.tpw .tw-facts{grid-template-columns:1fr;padding:16px 0;gap:14px}.tpw .tw-fact{justify-content:start}.tpw .tw-fact+.tw-fact{border-left:0}.tpw .tw-audience{grid-template-columns:1fr;padding-top:30px;gap:16px}.tpw .tw-audience article{padding:24px}.tpw .tw-audience h2{font-size:1.5rem}.tpw .tw-products{padding-top:36px}.tpw .tw-section-heading{display:block}.tpw .tw-products-grid{grid-template-columns:1fr;gap:16px}.tpw .tw-product{padding:22px 24px 18px}.tpw .tw-product h3{font-size:1.5rem}.tpw .tw-product-visual{height:160px}.tpw .tw-product img{max-height:160px}.tpw .tw-faq{grid-template-columns:1fr;padding-top:36px;gap:22px;padding-bottom:30px}.tpw .tw-contact{padding:25px 24px;gap:20px;margin-bottom:35px}.tpw .tw-contact h2{font-size:1.625rem}.tpw .tw-contact .tw-actions{flex-wrap:wrap}.tpw .tw-contact .tw-button{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.tpw .tw-product{transition:none}}

.tpw .tw-hero-detail{font-size:.9375rem;line-height:1.6;margin-top:15px;max-width:530px}
.tpw .tw-personal-note{display:flex;align-items:center;gap:10px;font-size:.875rem;line-height:1.5;margin-top:17px;color:var(--tp-color-muted)}
.tpw .tw-personal-note svg{width:19px;height:19px;color:var(--tpw-blue);flex-shrink:0}
.tpw .tw-contact>div:first-child{min-width:0}.tpw .tw-contact p{max-width:650px}
@media(max-width:700px){.tpw .tw-personal-note{font-size:.8125rem}.tpw .tw-hero-detail{font-size:.9375rem}}

/* Native editable blocks retain the exact approved frame and spacing. */
.tp-commerce-view .wp-site-blocks>header{position:relative;inset:auto;background:#142f42}
.tp-commerce-view .tp-header{background:#142f42}.tp-commerce-view .tp-header:before{display:none}.tp-commerce-view .tp-header-inner{border-bottom:0}
.tp-commerce-view .wp-site-blocks{padding-top:0}.tpw>.wp-block-post-content{max-width:none!important;margin:0!important}
.tpw :where(.wp-block-group)>*{margin-block-start:0;margin-block-end:0}
.tpw h1,.tpw h2,.tpw h3{overflow-wrap:anywhere}
.tpw .tw-actions>p{margin:0}.tpw .tw-button{max-width:100%;text-align:center}.tpw .tw-button:active{background:#123c70}
.tpw .tw-hero figure img{width:100%;max-width:100%}
.tpw .tw-fact:before,.tpw .tw-audience-heading h2:before,.tpw .tw-personal-note:before{content:'';display:inline-block;flex-shrink:0;width:25px;height:25px;background-color:currentColor;mask:var(--tw-icon) center/contain no-repeat}
.tpw .tw-fact-box{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 7 9-5 9 5v10l-9 5-9-5ZM3 7l9 5 9-5M12 12v10M7.5 4.5l9 5'/%3E%3C/svg%3E")}
.tpw .tw-fact-pallet{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20h18M5 20v-3m7 3v-3m7 3v-3M3 14h18v3H3zM5 4h6v10H5zM13 4h6v10h-6z'/%3E%3C/svg%3E")}
.tpw .tw-fact-pickup,.tpw .tw-personal-note{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18M4 10V6l8-4 8 4v4M5 10v11m14-11v11M3 21h18M9 21v-7h6v7'/%3E%3C/svg%3E")}
.tpw .tw-audience-heading h2{display:flex;align-items:center;gap:15px}.tpw .tw-audience-heading h2:before{color:var(--tpw-blue)}
.tpw #gewerbe .tw-audience-heading h2,.tpw #fachpartnerschaft .tw-audience-heading h2{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V3h11v18M15 10h5v11M2 21h20M8 7h3m-3 4h3m-3 4h3m-3 4h3'/%3E%3C/svg%3E")}
.tpw #privatkunden .tw-audience-heading h2{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8M5 9v12h14V9M9 21v-7h6v7'/%3E%3C/svg%3E")}
.tpw .tw-personal-note:before{width:19px;height:19px;color:var(--tpw-blue)}
.tpw .tw-products-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.tpw .tw-product{position:relative}.tpw .tw-product h3 a{color:inherit;text-decoration:none}
.tpw .tw-product h3 a:after{content:'';position:absolute;inset:0;border-radius:20px}
.tpw .tw-product:has(a:focus-visible){outline:3px solid var(--tpw-blue);outline-offset:4px}.tpw .tw-product h3 a:focus-visible{outline:0}
.tpw .tw-product-visual{margin:0 0 13px}.tpw .tw-product-visual img{width:auto;height:155px;max-width:100%;object-fit:contain}
.tpw .tw-product-link{color:var(--tpw-blue)}.tpw .tw-contact{flex-wrap:wrap}
.tpw .tw-contact .tw-actions{margin:0}.tpw .tw-contact>div:first-child{flex:1 1 30rem}
.tpw .tw-catalog-section{padding:45px 0 35px;scroll-margin-top:28px}.tpw .tw-catalog-section>h2{margin-bottom:22px}
.tpw .tw-catalog-section .tp-catalog-start-note{font-size:1rem;line-height:1.65;margin-bottom:24px}
.tpw .tw-hub-intro{padding:0 0 8px}.tpw .tw-hub-intro h1{margin-top:0}.tpw .tw-hub-intro .tw-lead{max-width:780px}
.tpw .tw-hub-products{padding-top:35px}.tpw .tw-products-overview-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.9375rem;font-weight:600}
.tpw .tp-catalog-content .tp-search-line button{max-width:100%;white-space:normal}
.tpw .tw-faq summary:active{color:var(--tpw-blue)}
@media(max-width:700px){.tpw .tw-product-visual img{height:160px}.tpw .tw-contact>div:first-child{flex-basis:auto}.tpw .tw-catalog-section{padding-top:32px}.tpw .tw-products-grid{grid-template-columns:1fr}}

/* The approved assortment photograph must show every product family at all widths. */
.tpw .tw-hero .tw-hero-art img{height:auto;aspect-ratio:3/2;object-fit:contain}

/* Audience-specific copy uses the same cards and disclosure controls. */
.tpw .tw-fact-advice{--tw-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 3H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h3v4l5-4h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1ZM7 7h10M7 11h7'/%3E%3C/svg%3E")}
.tpw .tw-audience-switch{padding:0 0 38px;text-align:center}.tpw .tw-audience-switch p{font-size:.9375rem;line-height:1.65}
.tpw .tw-audience-switch a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600}
.tpw p,.tpw .tw-faq summary{overflow-wrap:anywhere}
.tpw .tw-faq details p a,.tpw .tw-audience-switch a{text-decoration:underline;text-underline-offset:3px}
.tp-commerce-view .tp-header .wp-block-navigation .wp-block-navigation-item a.wp-block-navigation-item__content[aria-current=page]{font-weight:650;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}