:root{color-scheme:light dark;--prod-img-max-w: 92vw;--prod-img-max-h: 70vh}@media (min-width:480px){:root{--prod-img-max-w: 85vw}}@media (min-width:768px){:root{--prod-img-max-w: min(500px, 46vw)}}@media (min-width:1200px){:root{--prod-img-max-w: min(580px, 42vw)}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0;padding:0}.site-header,.site-footer{padding:1rem;background:#f5f5f5}.main-nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.main-nav a{color:inherit;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem}.main-nav a:hover,.main-nav a:focus{text-decoration:underline}.main-nav a.active{font-weight:600;text-decoration:underline}.container{max-width:1000px;margin:0 auto;padding:1rem}.btn{display:inline-block;background:#333;color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem}.hero{padding:2rem 0}.icon{width:var(--icon-size,1em);height:var(--icon-size,1em);fill:currentColor;vertical-align:-.125em}.btn .icon{margin-right:.35em}.products-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (min-width:480px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.product-card.tile{max-width:250px;width:100%;margin:0 auto}.tile-media{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #00000014;background:#fff;z-index:1}.tile-media .img{width:100%;aspect-ratio:1/1;background:#f5f5f5;object-fit:cover;display:block}.tile-band{position:absolute;left:0;right:0;bottom:0;background:#ffffffd1;backdrop-filter:saturate(120%) blur(2px);padding:8px 10px;display:flex;flex-direction:column;gap:4px}.tile-line.name{font-size:.95rem;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-line.price{display:flex;gap:8px;align-items:baseline}.price-old{text-decoration:line-through;opacity:.6}.price-sale{color:#c00;font-weight:700}.price-regular{color:#222;font-weight:600}.tile-line.manufacturer{font-size:.85rem;color:#555}.card-link{display:block;color:inherit;text-decoration:none}.card-link:focus-visible{outline:2px solid #222;outline-offset:2px}.breadcrumbs{padding:8px 0}.breadcrumbs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs-list .crumb{display:inline-flex;align-items:center}.breadcrumbs-list .crumb+.crumb:before{content:"\203a";color:#999;margin:0 4px}.filters-bar{display:flex;justify-content:flex-end;margin:8px 0}.btn-filters{padding:6px 10px;border:1px solid #ddd;background:#fafafa;border-radius:6px}.filters-offcanvas{position:fixed;inset:0;background:#00000059;display:none;z-index:1000}.filters-offcanvas[aria-hidden=false]{display:block}.filters-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:12px 12px 0 0;padding:16px;max-height:85vh;overflow:auto;z-index:1001}.filters-panel .btn-close{position:absolute;right:8px;top:8px;border:0;background:none;font-size:22px;cursor:pointer}.filters-form,.filters-form-inline{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (min-width:768px){.filters-offcanvas{display:none!important}.filters-inline{display:block}}@media (max-width:767px){.filters-inline{display:none}}.product-page .product-head{margin:8px 0 12px}.product-head{display:grid;gap:12px}@media (min-width:768px){.product-head{grid-template-columns:1fr 1fr;align-items:baseline}.product-head .product-title,.product-head .price-block{justify-self:start}}.product-head .description{color:#222;line-height:1.5}.product-page .price-block{display:flex;gap:8px;align-items:baseline}.product-title-row{display:flex;gap:12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.product-title{margin:0}.description-textarea{width:100%;min-height:240px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fafafa;color:inherit;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre-wrap}.gallery-and-buy{display:grid;gap:16px}@media (min-width:768px){.gallery-and-buy{grid-template-columns:1fr 1fr;align-items:start}.buy-box{max-width:100%}}.gallery .main-img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 2px 10px #0000000f;max-width:var(--prod-img-max-w);max-height:var(--prod-img-max-h);object-fit:contain;aspect-ratio:1/1}.gallery .main-img.ph{background:#f5f5f5;aspect-ratio:1/1;border-radius:10px}.thumbs{display:flex;gap:8px;margin-top:8px;overflow:auto}.thumb{width:64px;height:64px;object-fit:cover;border-radius:6px}.product-publication .main-img.ph{aspect-ratio:3/4}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0}@media (min-width:480px){.swatches{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.swatches{grid-template-columns:repeat(5,1fr)}}@media (min-width:1200px){.swatches{grid-template-columns:repeat(6,1fr)}}.swatch{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.swatch-box{width:72px;height:72px;border-radius:10px;background:#f5f5f5;overflow:hidden;box-shadow:0 1px 6px #00000014;display:flex;align-items:center;justify-content:center;transition:border-color .12s ease,box-shadow .12s ease}.swatch-box img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;display:block}.swatch-box .noimg{width:100%;height:100%;background:linear-gradient(135deg,#eee,#f8f8f8)}.swatch-num{font-size:.8rem;color:#444;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1,1);white-space:nowrap;border:0}.swatch input:focus-visible+.swatch-box{outline:2px solid #333;outline-offset:2px}.swatch:hover .swatch-box{transform:translateY(-1px);transition:transform .12s ease}.swatch.selected .swatch-box{box-shadow:0 0 0 2px #333 inset,0 2px 10px #0000001f}.details-table{width:100%;border-collapse:collapse;margin-top:8px}.details-table th,.details-table td{padding:8px 10px;vertical-align:top}.details-table th{text-align:left;color:#555;font-weight:600;width:40%;white-space:nowrap}.details-table td{color:#222}.details-table tr+tr td,.details-table tr+tr th{border-top:1px solid #eee}.product-tabs{margin-top:16px}.product-tabs .tab-radio{position:absolute;opacity:0;pointer-events:none}.tab-nav{display:flex;gap:10px;border-bottom:1px solid #eee;margin-bottom:8px}.tab-link{display:inline-block;padding:8px 10px;text-decoration:none;color:inherit;border-bottom:2px solid transparent;cursor:pointer}.tab-link:focus-visible{outline:2px solid #333;outline-offset:2px}.tab-panels{position:relative}.tab-panel{display:none}#tab-beschreibung:checked~.tab-panels #panel-beschreibung{display:block}#tab-angaben:checked~.tab-panels #panel-angaben{display:block}#tab-beschreibung:checked~.tab-nav label[for=tab-beschreibung],#tab-angaben:checked~.tab-nav label[for=tab-angaben]{border-bottom-color:#333;font-weight:600}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1,1);white-space:nowrap;border:0}.pos_row{display:flex;flex-wrap:wrap;align-items:center;width:100%}.pos_cell{display:block}.w-1-12{flex:0 0 calc(100%/12);max-width:calc(100%/12)}.w-2-12{flex:0 0 calc(100%/6);max-width:calc(100%/6)}.w-3-12{flex:0 0 25%;max-width:25%}.w-4-12{flex:0 0 calc(100%/3);max-width:calc(100%/3)}.w-5-12{flex:0 0 calc(100%*5/12);max-width:calc(100%*5/12)}.w-6-12{flex:0 0 50%;max-width:50%}.w-7-12{flex:0 0 calc(100%*7/12);max-width:calc(100%*7/12)}.w-8-12{flex:0 0 calc(100%*2/3);max-width:calc(100%*2/3)}.w-9-12{flex:0 0 75%;max-width:75%}.w-10-12{flex:0 0 calc(100%*5/6);max-width:calc(100%*5/6)}.w-11-12{flex:0 0 calc(100%*11/12);max-width:calc(100%*11/12)}.pos_cell{padding:8px 0}.pos_row+.pos_row{border-top:1px solid #eee}.address-page{display:grid;gap:16px}@media (min-width:768px){.address-page{grid-template-columns:2fr 1fr;align-items:start}}.address-form .address-grid{display:grid;gap:16px}.address-form .address-block{border:1px solid #eee;border-radius:8px;padding:12px}.address-form .address-block legend{font-weight:600}.address-form label{display:block;margin:8px 0}.address-form input,.address-form select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;box-sizing:border-box}.address-form .row{display:flex;gap:8px}.address-form .row .col{flex:1}.address-form .row .col.small{flex:0 0 140px}.address-form .same-line{display:flex;align-items:center;gap:8px;margin:8px 0}.address-form .address-toggle{grid-column:1/-1;order:2;margin-top:-4px}.address-form .below-billing{margin-top:-4px}.address-form .left-align{justify-self:start}.address-form .one-line span{white-space:nowrap}@media (min-width:768px){.pos_image{order:1}.pos_name{order:2}.pos_quantity{order:3}.pos_price{order:4}.pos_total_price{order:5}.pos_delete{order:6}.pos_image{flex:0 0 8.333%;max-width:8.333%}.pos_name{flex:0 0 33.333%;max-width:33.333%}.pos_quantity{flex:0 0 16.666%;max-width:16.666%}.pos_price,.pos_total_price{flex:0 0 16.666%;max-width:16.666%;text-align:right}.pos_delete{flex:0 0 8.333%;max-width:8.333%;text-align:right}}@media (max-width:767px){.cart-table thead{display:none}.pos_row{align-items:flex-start;flex-wrap:wrap;width:100%}.pos_image{order:1;flex:0 0 calc(100%/6);max-width:calc(100%/6)}.pos_name{order:2;flex:0 0 75%;max-width:75%}.pos_delete{order:3;flex:0 0 calc(100%/12);max-width:calc(100%/12);text-align:right}.pos_quantity{order:4;flex:0 0 calc(100%/3);max-width:calc(100%/3)}.pos_price{order:5;flex:0 0 calc(100%/3);max-width:calc(100%/3);text-align:right}.pos_total_price{order:6;flex:0 0 calc(100%/3);max-width:calc(100%/3);text-align:right}}
