:root{--navy:#1b2a3a;--navy2:#24384d;--accent:#f7cf00;--accent-d:#e8be00;--accent-t:#7d6300;--on-accent:#1b2a3a;--accent-l:#fff8d1;--ink:#1f2328;--muted:#5b6670;--line:#dfe3e8;--bg:#f4f5f7;--card:#fff;--ok:#2e8b3a;--radius:6px;--wrap:1320px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:#174f86;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;margin:0 0 .6em}
h1{font-size:clamp(1.45rem,2.6vw,2rem)}
h2{font-size:1.35rem}
h3{font-size:1.08rem}
ul{padding-left:1.2em}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.small{font-size:.85rem;color:var(--muted)}
.note{background:#fff7e6;border-left:4px solid #f0a020;padding:10px 14px;font-size:.9rem}

/* Topbar */
.topbar{background:#eef0f3;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:16px}
.usp-top{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.usp-top li{display:flex;align-items:center;gap:5px}.usp-top svg{color:var(--ok)}
.topbar-r{display:flex;align-items:center;gap:16px}.topbar-r a{color:var(--muted)}
.vat{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.vat button{border:0;background:none;padding:3px 12px;cursor:pointer;font-size:.8rem}
.vat button[aria-pressed=true]{background:var(--navy);color:#fff}

/* Mainbar */
.mainbar{background:#fff}
.mainbar .wrap{display:flex;align-items:center;gap:28px;min-height:84px}
.logo{display:flex;align-items:center;gap:9px;color:var(--navy);flex:none}
.logo:hover{text-decoration:none}
.logo-t{font-size:1.55rem;letter-spacing:-.02em}.logo-t b{font-weight:800}.logo-t em{font-style:normal;color:var(--accent-t);font-weight:700}
.search{flex:1;display:flex;max-width:640px;border:2px solid var(--navy);border-radius:var(--radius);overflow:hidden;background:#fff}
.search input{flex:1;border:0;padding:11px 14px;min-width:0;outline:none}
.search button{border:0;background:var(--navy);color:#fff;padding:0 18px;cursor:pointer}
.hd-act{display:flex;align-items:center;gap:22px;margin-left:auto}
.hd-ink,.hd-phone,.hd-cart{display:flex;align-items:center;gap:8px;color:var(--ink);position:relative}
.hd-phone:hover,.hd-cart:hover{text-decoration:none;color:var(--accent-t)}
.hd-phone small,.hd-cart small{display:block;font-size:.75rem;color:var(--muted)}
.hd-phone b,.hd-cart b{font-size:.92rem}
.cart-n{position:absolute;left:16px;top:-6px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;border-radius:10px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.nav-btn{display:none;border:0;background:none;padding:6px;cursor:pointer;color:var(--navy)}

/* Navigation + Mega menu */
.nav{background:var(--navy);position:relative;z-index:40}
.nav-l1{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.nav-l1>li>.l1{display:block;color:#fff;padding:11px 14px;font-weight:600;font-size:.9rem;white-space:nowrap}
.nav-l1>li:first-child>.l1{padding-left:0}
.pd-main img,.tile-img img,.mt img,.st img{object-fit:contain;background:#f3f4f6}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{background:var(--navy2);text-decoration:none;box-shadow:inset 0 -3px 0 var(--accent)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--accent);box-shadow:0 18px 30px rgba(0,0,0,.14);padding:22px 0;visibility:hidden;opacity:0;transition:opacity .12s,visibility .12s}
.has-mega:hover .mega,.has-mega:focus-within .mega{visibility:visible;opacity:1}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0 0 12px;padding:0}
.mega-grid a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius);color:var(--ink);font-weight:600}
.mega-grid a:hover{background:var(--bg);text-decoration:none;color:var(--accent-t)}
.mega-grid img{width:64px;height:64px;border-radius:4px}
.mega-all{font-weight:600}

/* Breadcrumb */
.bc ol{display:flex;flex-wrap:wrap;list-style:none;padding:14px 0 6px;margin:0;font-size:.84rem;color:var(--muted)}
.bc li+li::before{content:"›";margin:0 7px;color:#9aa3ab}
.bc a{color:var(--muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius);padding:11px 20px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s}
.btn:hover{text-decoration:none}
.btn-cart{background:var(--accent);color:#fff}.btn-cart:hover{background:var(--accent-d)}
.btn-light{background:#fff;color:var(--navy)}
.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}
.btn-block{width:100%;margin-top:10px}
.btn.added{background:var(--ok)}

/* Hero */
.hero{background:linear-gradient(110deg,var(--navy) 0%,#2c4560 100%);color:#fff;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding-top:36px;padding-bottom:36px}
.hero h1{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.hero p{font-size:1.08rem;color:#d7e0ea;max-width:560px}
.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem!important;color:#ffb38a!important;font-weight:700}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.hero-img img{border-radius:10px;max-width:360px;margin-left:auto;box-shadow:0 20px 40px rgba(0,0,0,.25)}

/* Sections */
.sec{margin:34px 0}
.sec-h{font-size:1.4rem;margin:30px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--line);position:relative}
.sec-h::after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:2px;background:var(--accent)}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}

/* Category cards (home) */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat-card{display:grid;grid-template-columns:120px 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;align-items:start}
.cat-card img{border-radius:4px}
.cat-card h3 a{color:var(--ink)}
.cat-card ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.cat-card li{padding:2px 0}.cat-card li a::before{content:"› ";color:var(--accent-t)}
.usp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.usp-grid>div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);padding:20px}
.usp-grid p{margin:0;color:var(--muted)}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.art-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.art-card h2,.art-card h3{font-size:1.08rem}.art-card h2 a,.art-card h3 a{color:var(--ink)}
.art-card p{color:var(--muted);margin:0 0 10px}.more{font-weight:600}

/* Category page */
.cat-head{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin:8px 0 18px}
.cat-head h1{margin-bottom:.3em}
.lead{color:var(--muted);font-size:1.03rem;margin:0}
.subcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:14px}
.sub-tile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:7px 10px 7px 7px;color:var(--ink);transition:border-color .15s,box-shadow .15s;min-width:0}
.sub-tile:hover{border-color:var(--accent);box-shadow:0 3px 10px rgba(0,0,0,.06);text-decoration:none}
.sub-tile img{width:60px;height:60px;flex:0 0 60px;object-fit:contain;border-radius:4px;background:#fff}
.sub-tile span{min-width:0;line-height:1.3}.sub-tile b{display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sub-tile small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.sub-tile:hover b{color:var(--accent-t)}

.listing{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.filters{position:sticky;top:10px}
.f-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}
.f-box summary,.f-h{font-weight:700;cursor:pointer;margin:0 0 6px}
.f-nav ul,.f-colors{list-style:none;padding:0;margin:0}
.f-nav li a{display:block;padding:5px 0;color:var(--ink);font-size:.92rem}
.f-nav li.on a{color:var(--accent-t);font-weight:700}
.f-nav small{color:var(--muted)}
.f-colors label{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:.9rem}
.f-colors i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.f-price{display:flex;gap:8px}.f-price label{font-size:.85rem;color:var(--muted)}
.f-price input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:4px}
.f-reset{width:100%}
.toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;margin-bottom:12px}
.toolbar p{margin:0}.toolbar select{padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}

/* Product tiles */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.tile:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:#c9d0d6}
.tile-img img{aspect-ratio:1;width:100%}
.tile-b{padding:12px 14px 16px;display:flex;flex-direction:column;flex:1}
.tile-t{font-size:.95rem;font-weight:700;margin:6px 0 2px;line-height:1.35}
.tile-t a{color:var(--ink)}
.sku{font-size:.78rem;color:var(--muted);margin:0 0 6px}
.tile-specs{list-style:none;padding:0;margin:0 0 10px;font-size:.82rem;color:var(--muted)}
.tile-specs li::before{content:"• "}
.tile .price{margin-top:auto}
.dots{display:flex;gap:5px;list-style:none;padding:0;margin:0}
.dots li{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.price{line-height:1.3;margin:4px 0}
.p-main{font-size:1.3rem;font-weight:800;color:var(--ink)}
.p-tax{font-size:.78rem;color:var(--muted)}
.p-alt{display:block;font-size:.8rem;color:var(--muted)}
.price-lg .p-main{font-size:2rem}
.stock{font-size:.82rem;color:var(--ok);margin:4px 0 10px;display:flex;align-items:center;gap:6px}
.ok{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block}
.no-res{background:#fff;padding:20px;border-radius:var(--radius)}

/* SEO text + FAQ */
.seo-text{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;margin:30px 0}
.seo-text h2{font-size:1.2rem;margin-top:1em}.seo-text h2:first-child{margin-top:0}
.seo-text p{color:#3a434c}
.inline-links{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.inline-links a{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:4px 12px;font-size:.88rem}
.faq{margin:30px 0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}
.faq summary{padding:14px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:40px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:10px;font-size:1.4rem;color:var(--accent-t)}
.faq details[open] summary::after{content:"−"}
.faq details div{padding:0 18px 14px;color:#3a434c}.faq details p{margin:0}

/* Product detail */
.pdp{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:8px}
.pdp-media img{width:100%;max-width:560px;margin:0 auto;border-radius:6px}
.pdp h1{font-size:1.6rem}
.keyf{list-style:none;padding:0;margin:0 0 16px}
.keyf li{display:flex;gap:7px;align-items:center;padding:2px 0}.keyf svg{color:var(--ok);flex:none}
.sw-l{margin:0 0 6px}
.sws{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.sw{width:38px;height:38px;border-radius:50%;border:2px solid transparent;padding:3px;background:none;cursor:pointer}
.sw i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.sw.on{border-color:var(--accent)}
.buybox{background:var(--bg);border-radius:var(--radius);padding:18px}
.staffel{border-collapse:collapse;font-size:.86rem;margin:10px 0;width:100%;max-width:340px}
.staffel caption{text-align:left;font-weight:700;margin-bottom:4px}
.staffel th,.staffel td{border-bottom:1px solid var(--line);padding:4px 6px;text-align:left;font-weight:400}
.staffel td{text-align:right;font-weight:700}
.add-form{display:flex;gap:10px;margin:10px 0}
.qty input{width:80px;height:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius);text-align:center}
.add-form .btn{flex:1;font-size:1.05rem}
.buy-usp{list-style:none;padding:0;margin:12px 0 0;font-size:.88rem}
.buy-usp li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:2px 0}.buy-usp svg{color:var(--ok)}
.offer-link{margin:10px 0 0;font-size:.9rem;font-weight:600}
.jump{display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:18px 0;padding:0 8px;overflow-x:auto;position:sticky;top:0;z-index:5}
.jump a{padding:12px 14px;font-weight:700;color:var(--ink);white-space:nowrap}
.jump a:hover{color:var(--accent-t);text-decoration:none;box-shadow:inset 0 -3px 0 var(--accent)}
.pdp-info{display:grid;gap:16px}
.pdp-info section{scroll-margin-top:60px}
.checks{list-style:none;padding:0}.checks li{padding:3px 0 3px 22px;position:relative}
.checks li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.tech{border-collapse:collapse;width:100%;max-width:760px}
.tech th,.tech td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tech th{width:40%;font-weight:600;color:var(--muted);background:#fafbfc}

/* Article + forms */
.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;margin:8px 0 20px;max-width:900px}
.article h2{margin-top:1.3em}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin-top:20px}
.form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:12px}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #cdd3d9;border-radius:var(--radius);background:#fff;font-weight:400}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);border-color:transparent}
.form .chk{display:flex;gap:8px;align-items:flex-start;font-weight:400}.form .chk input{width:auto;margin-top:4px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-ok{background:#e8f6ea;border:1px solid #b8e0be;padding:14px;border-radius:var(--radius)}

/* Cart */
.cart-page{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;margin-bottom:30px}
.cart-items{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px 20px}
.ci{display:grid;grid-template-columns:90px 1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.ci:last-child{border:0}
.ci a{color:var(--ink);font-weight:700}
.ci small{display:block;color:var(--muted)}
.ci input{width:70px;padding:7px;border:1px solid var(--line);border-radius:4px;text-align:center}
.ci .rm{border:0;background:none;color:var(--muted);cursor:pointer;font-size:.85rem;text-decoration:underline}
.ci-p{text-align:right;font-weight:700;min-width:110px}
.sum{width:100%;border-collapse:collapse}.sum th{text-align:left;font-weight:400}.sum td{text-align:right}
.sum th,.sum td{padding:6px 0}.sum .total{font-size:1.15rem;font-weight:800;border-top:2px solid var(--ink)}
.sum .total th{font-weight:800}
.cart-sum-box{position:sticky;top:10px}
#mini-items .mi{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;padding:5px 0;border-bottom:1px solid var(--line)}
.empty{padding:20px 0}

/* Trustbar + Footer */
.trustbar{background:#fff;border-top:1px solid var(--line);margin-top:40px}
.trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:22px;padding-bottom:22px}
.trustbar .wrap>div{display:flex;gap:12px;align-items:center;color:var(--navy)}
.trustbar p{margin:0}.trustbar b{display:block}.trustbar span{font-size:.85rem;color:var(--muted)}
.ft{background:var(--navy);color:#c8d3de}
.ft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:36px;padding-bottom:30px}
.ft-h{color:#fff;font-weight:700;margin:0 0 10px}
.ft ul{list-style:none;padding:0;margin:0 0 16px}.ft li{padding:3px 0}
.ft a{color:#c8d3de}.ft a:hover{color:#fff}
.ft-c{margin:0 0 16px;line-height:1.8}
.pay{display:flex;flex-wrap:wrap;gap:6px}.pay li{background:#fff;color:var(--navy);font-size:.78rem;font-weight:700;border-radius:4px;padding:4px 8px}
.ft-bottom{background:#132030;font-size:.82rem}
.ft-bottom .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}
.ft-bottom p{margin:0}.ft-bottom ul{display:flex;gap:16px;margin:0}

.toast{position:fixed;right:16px;bottom:16px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:100;max-width:340px;transform:translateY(20px);opacity:0;transition:.2s}
.toast.show{transform:none;opacity:1}.toast a{color:#ffb38a;font-weight:700}

/* Responsive */
@media (max-width:1100px){
  .hd-phone{display:none}
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .mega-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .usp-top li:nth-child(n+2){display:none}
  .mainbar .wrap{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px;min-height:0}
  .nav-btn{display:block}
  .search{order:5;flex-basis:100%;max-width:none}
  .hd-cart-t{display:none}
  .nav{display:none}
  .nav.open{display:block}
  .nav-l1{flex-direction:column}
  .nav-l1>li>.l1,.nav-l1>li:first-child>.l1{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .mega{position:static;visibility:visible;opacity:1;background:none;box-shadow:none;border:0;padding:0 0 8px}
  .mega .wrap{padding:0}
  .mega-grid{grid-template-columns:1fr;gap:0;margin:0}
  .mega-grid a{color:#c8d3de;font-weight:400;padding:6px 0 6px 14px}
  .mega-grid img,.mega-all{display:none}
  .hero-in{grid-template-columns:1fr}
  .hero-img{display:none}
  .listing{grid-template-columns:minmax(0,1fr)}
  .results,.filters,.f-box,.tile{min-width:0}
  .vat button{padding:3px 8px}
  .filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .filters .f-nav,.f-reset{grid-column:1/-1}
  .f-box{margin:0}
  .pdp{grid-template-columns:1fr;padding:16px}
  .cart-page,.contact-grid{grid-template-columns:1fr}
  .usp-grid,.art-grid{grid-template-columns:1fr}
  .trustbar .wrap,.ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .topbar-r>a{display:none}
  .grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .subcats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sub-tile img{width:48px;height:48px;flex-basis:48px}
  .toolbar{flex-wrap:wrap;gap:6px}
  .tile-t{font-size:.86rem;word-break:break-word;hyphens:auto}
  .tile-b{padding:10px}
  .tile-specs{display:none}
  .tile .btn{padding:9px 8px;font-size:.85rem}
  .p-main{font-size:1.1rem}
  .cat-grid{grid-template-columns:1fr}
  .cat-card{grid-template-columns:90px 1fr}
  .logo-t{font-size:1.3rem}
  .seo-text,.article{padding:18px}
  .ci{grid-template-columns:64px 1fr;gap:10px}
  .ci-p{text-align:left}
  .row2{grid-template-columns:1fr}
  .trustbar .wrap,.ft-grid{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
}

/* ===== Produktdetailseite (Böttcher-Aufbau) ===== */
body.pg-pdp{background:#fff}
.pd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid #c9cfd5;padding-bottom:8px;margin:2px 0 18px}
.pd-head h1{font-size:1.45rem;margin:0}
.pd-brand{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;max-width:170px;flex:none;color:var(--navy)}
.pd-brand:hover{text-decoration:none}
.pd-brand svg{width:24px;height:24px}.pd-brand .logo-t{font-size:1.05rem}
.pd-brand small{flex-basis:100%;text-align:right;text-decoration:underline;color:var(--ink)}
.pd-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 300px;gap:28px;align-items:start}
.pd-gal{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}
.pd-thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.th{display:block;padding:2px;border:1px solid var(--line);background:#fff;cursor:pointer;border-radius:3px;width:72px;height:72px}
.th:hover{border-color:#9aa3ab}.th.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.pd-main img{width:100%;max-width:460px}
.vl{margin:0 0 6px;font-size:.92rem}
.vbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.vb{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfd5db;border-radius:3px;padding:7px 12px;font-size:.86rem;color:var(--ink);background:#fff;cursor:pointer;line-height:1.2}
.vb:hover{border-color:var(--navy);text-decoration:none}
.vb.on{background:#fff3b8;border-color:var(--accent);font-weight:700}
.vb i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none}
.pd-sum{font-weight:700;margin:4px 0 8px}
.pd-bul{margin:0 0 12px;padding-left:1.2em}.pd-bul li{padding:1px 0}
.pd-merk{border-top:1px dashed #b9c0c7;padding-top:10px;max-height:160px;overflow:hidden;position:relative;font-size:.92rem}
.pd-merk p{margin:0}.pd-merk ul{list-style:none;padding:0;margin:0}
.pd-merk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.pd-more{display:inline-block;margin-top:6px;font-size:.92rem}
.pd-box{background:#f3f4f6;border-radius:4px;padding:16px;text-align:right}
.pd-price .p-main{display:inline-block;background:var(--accent);color:#fff;font-size:1.9rem;font-weight:800;padding:3px 12px;border-radius:3px}
.pd-price .p-tax{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}
.pd-price .p-alt{font-size:.8rem}
.pd-ship{font-size:.8rem;margin:2px 0 6px;color:var(--muted)}.pd-ship a{text-decoration:underline}
.pd-staffel{list-style:none;padding:0;margin:0 0 8px;font-size:.8rem;color:var(--muted)}
.pd-stock{color:var(--ok);margin:6px 0 10px;display:flex;justify-content:flex-end;align-items:center;gap:6px}
.pd-stock small{color:var(--muted)}
.pdp2 .add-form{display:flex;gap:8px;margin:0}
.stepper{display:flex;border:1px solid #cfd5db;border-radius:3px;background:#fff;flex:none}
.stepper button{width:30px;border:0;background:#fff;cursor:pointer;font-size:1rem;color:var(--muted)}
.stepper input{width:44px;border:0;border-left:1px solid #cfd5db;border-right:1px solid #cfd5db;text-align:center;-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pdp2 .add-form .btn{flex:1;padding:9px 10px;font-size:.95rem}
.pd-best{font-size:.78rem;color:var(--muted);margin:6px 0 0}
.pd-note{font-size:.82rem;margin:10px 0}.pd-note a{text-decoration:underline}
.pd-row{display:flex;justify-content:space-between;align-items:center;width:100%;background:#f3f4f6;border:0;border-radius:4px;padding:10px 14px;margin-bottom:6px;color:var(--ink);font-size:.9rem;cursor:pointer;text-align:left}
.pd-row:hover{background:#e7eaee;text-decoration:none}.pd-row span{color:var(--muted)}
.sh{display:flex;align-items:center;gap:12px;margin:36px 0 14px}
.sh h2{font-size:1.2rem;margin:0}
.sh-line{flex:1;height:1px;background:#c9cfd5;min-width:20px}
.car-pg{font-size:.85rem;color:var(--muted);white-space:nowrap}
.chip{background:#eef0f3;border-radius:3px;padding:3px 10px;font-size:.85rem;color:var(--ink);white-space:nowrap}
.chip:hover{background:#e2e6ea;text-decoration:none}
.car-w{display:flex;align-items:center;gap:8px}
.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6 * 14px) / 7);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;flex:1;min-width:0}
.car-track::-webkit-scrollbar{display:none}
.mt,.st{scroll-snap-align:start;text-align:center;color:var(--ink);font-size:.86rem}
.mt img,.st img{width:100%;aspect-ratio:1;border-radius:3px}
.mt-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 2px;line-height:1.3}
.mt-p{display:block;font-size:.95rem}
.mt:hover,.st:hover{text-decoration:none}.mt:hover .mt-n,.st:hover .mt-n{color:var(--accent-t)}
.car-b{flex:none;width:34px;height:52px;border:1px solid var(--line);background:#fff;border-radius:3px;font-size:1.6rem;line-height:1;color:#8a949d;cursor:pointer}
.car-b:hover{color:var(--ink)}.car-b:disabled{opacity:.3;cursor:default}
.st-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 14px}
.pd-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}
.pd-details h3{margin:1.1em 0 .4em}.pd-details h3:first-child{margin-top:0}
.pdp2 .tech{max-width:none}.pdp2 .tech th{background:#f3f4f6;width:45%}
.pdp2 .faq h2{font-size:1.2rem}.pdp2 .faq details{background:#f8f9fa}
@media (max-width:1100px){
  .pd-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pd-right{grid-column:2}
  .car-track{grid-auto-columns:calc((100% - 4 * 14px) / 5)}
  .st-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:900px){
  .pd-top,.pd-cols{grid-template-columns:minmax(0,1fr)}
  .pd-right{grid-column:auto}
  .pd-gal{grid-template-columns:minmax(0,1fr)}
  .pd-thumbs{flex-direction:row;order:2;overflow-x:auto}
  .th{width:60px;height:60px;flex:none}
  .pd-head h1{font-size:1.25rem}.pd-brand{display:none}
  .car-track{grid-auto-columns:calc((100% - 2 * 14px) / 3)}
  .st-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:600px){
  .car-track{grid-auto-columns:42%}.car-b{display:none}
  .st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sh{flex-wrap:wrap}.sh-line{display:none}
}
@media print{
  .hd,.ft,.trustbar,.car,.pd-row,.pd-note,.add-form,.pd-thumbs,.bc,.pd-more{display:none!important}
  .pd-merk{max-height:none}.pd-merk::after{display:none}
  .pd-top{grid-template-columns:1fr 1fr}
}

/* Einklappbare Bereiche (z. B. Artikeldetails) – nur mit JS aktiv, ohne JS bleibt alles sichtbar */
.collapse.is-collapsible{position:relative;overflow:hidden;transition:max-height .35s ease}
.collapse.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);pointer-events:none}
.collapse-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font-weight:600;cursor:pointer}
.collapse-btn:hover{background:#f3f4f6}
.collapse-btn::after{content:"⌄";font-size:1.1rem;line-height:1;transition:transform .2s}
.collapse-btn[aria-expanded=true]::after{transform:rotate(180deg)}
@media print{.collapse.is-collapsible{max-height:none!important}.collapse.is-collapsed::after,.collapse-btn{display:none}}

/* ===== Kopf: Kundenkonto (nur Symbol) ===== */
.hd-acc{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink);transition:background .15s,color .15s}
.hd-acc:hover{background:#f1f3f5;color:var(--accent-t);text-decoration:none}
.hd-acc svg{width:26px;height:26px}
.acc-dot{position:absolute;right:7px;bottom:8px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid #fff}
.hd-act{gap:14px}

/* ===== Schnell-Warenkorb (Seitenleiste) ===== */
.mc-overlay{position:fixed;inset:0;background:rgba(15,23,32,.45);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:200}
.mc{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:201;display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-12px 0 40px rgba(0,0,0,.18)}
.mc-open .mc-overlay{opacity:1;visibility:visible}.mc-open .mc{transform:none}
.mc:focus{outline:none}
body.mc-open{overflow:hidden}
.mc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.mc-head h2{font-size:1.15rem;margin:0}.mc-head h2 small{color:var(--muted);font-weight:400;font-size:.9rem}
.mc-x{border:0;background:none;width:38px;height:38px;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted)}
.mc-x:hover{background:#f1f3f5;color:var(--ink)}
.mc-added{display:flex;align-items:center;gap:8px;margin:0;padding:10px 20px;background:#e8f6ea;color:#22702e;font-size:.9rem;font-weight:600}
.mc-body{flex:1;overflow-y:auto;padding:4px 20px}
.mc-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.mc-item:last-child{border-bottom:0}
.mc-item img{width:64px;height:64px;object-fit:contain;background:#f3f4f6;border-radius:4px}
.mc-item a{color:var(--ink);font-weight:600;font-size:.9rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-item small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.mc-item.flash{animation:mcflash 1.2s ease}
@keyframes mcflash{0%{background:#fffbe6}100%{background:transparent}}
.mc-qty{display:inline-flex;align-items:center;border:1px solid #cfd5db;border-radius:4px;margin-top:8px}
.mc-qty button{width:28px;height:28px;border:0;background:none;cursor:pointer;font-size:1rem;color:var(--muted)}
.mc-qty span{min-width:28px;text-align:center;font-weight:600;font-size:.9rem}
.mc-price{text-align:right;font-weight:700;font-size:.95rem;white-space:nowrap}
.mc-rm{display:block;margin:8px 0 0 auto;border:0;background:none;color:var(--muted);font-size:.78rem;text-decoration:underline;cursor:pointer}
.mc-foot{border-top:1px solid var(--line);padding:16px 20px;background:#fafbfc}
.mc-row{display:flex;justify-content:space-between;margin:0 0 4px}.mc-row b{font-size:1.15rem}
.mc-hint{font-size:.82rem;color:var(--muted);margin:6px 0 0}
.mc-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden;margin:6px 0 2px}.mc-bar i{display:block;height:100%;background:var(--ok);transition:width .3s}
.mc-foot .btn{width:100%;margin-top:10px}
.mc-empty{text-align:center;padding:50px 10px;color:var(--muted)}
.mc-empty svg{width:48px;height:48px;color:#c9cfd5;margin-bottom:10px}
@media (max-width:480px){.mc{width:100%}}

/* ===== Kasse: 3 Schritte ===== */
.steps{display:flex;list-style:none;padding:0;margin:8px 0 18px;counter-reset:s;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;color:var(--muted);font-weight:600;position:relative;font-size:.92rem}
.steps li+li::before{content:"";position:absolute;left:0;top:20%;bottom:20%;border-left:1px solid var(--line)}
.steps li b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9ecef;color:var(--muted);font-size:.85rem}
.steps li.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.steps li.on b{background:var(--accent);color:#fff}
.steps li.done{color:var(--ok);cursor:pointer}.steps li.done b{background:var(--ok);color:#fff}
.step{border:0;padding:0;margin:0;min-width:0}.step legend{padding:0;width:100%}
.step h3{font-size:1rem;margin:18px 0 8px}
.step-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;flex-wrap:wrap}
.acc-box{background:#f3f6fa;border:1px solid #dbe4ee;border-radius:var(--radius);padding:10px 14px;margin-bottom:14px}.acc-box p{margin:0}
.opts{display:grid;gap:8px}
.opt{display:flex!important;align-items:center;gap:12px;border:1px solid #cdd3d9;border-radius:var(--radius);padding:12px 14px;cursor:pointer;margin:0!important;font-weight:400!important}
.opt:has(input:checked){border-color:var(--accent);background:#fffbe6;box-shadow:0 0 0 1px var(--accent)}
.opt input{width:auto!important;margin:0!important}.opt span{flex:1}.opt small{display:block;color:var(--muted)}.opt em{font-style:normal;font-weight:700}
.rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:12px}.rv-grid h3{margin:6px 0 4px;font-size:.95rem}.rv-grid p{margin:0;color:#3a434c}
.link{border:0;background:none;color:#174f86;cursor:pointer;font-size:.82rem;font-weight:400;padding:0 0 0 6px;text-decoration:underline}
.rv-items th{font-weight:400}.rv-items small{color:var(--muted)}
@media (max-width:600px){.steps li{font-size:.75rem;flex-direction:column;gap:2px}.rv-grid{grid-template-columns:1fr}}

/* ===== Mein Konto ===== */
.acc-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;margin:8px 0 30px;align-items:start}
.acc-nav{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.acc-nav a,.acc-nav button{display:block;width:100%;text-align:left;padding:12px 16px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:none;font:inherit;cursor:pointer}
.acc-nav a.on{background:#fffbe6;box-shadow:inset 3px 0 0 var(--accent);font-weight:700}.acc-nav a:hover,.acc-nav button:hover{background:#f3f4f6;text-decoration:none}
.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 30px;align-items:start}
.status{display:inline-block;padding:2px 9px;border-radius:12px;font-size:.78rem;font-weight:600;background:#eef0f3}
.st-neu{background:#fff3b8;color:#a3410a}.st-versendet,.st-in-bearbeitung{background:#e3ecfb;color:#1d4f9a}.st-abgeschlossen{background:#e5f4e7;color:#22702e}.st-storniert{background:#f3e3e3;color:#9b2c2c}
.form-err{background:#fdecea;border:1px solid #f3c1bb;color:#9b2c2c;padding:10px 14px;border-radius:var(--radius);margin-bottom:12px}
@media (max-width:900px){.acc-grid{grid-template-columns:1fr}}
@media (max-width:700px){.login-grid{grid-template-columns:1fr}}


/* ===== Große Sortimente: Seitennavigation, Filter, alle Kategorien ===== */
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:22px 0 6px}
.pager a,.pager span{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);font-weight:600}
.pager a:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}
.pager .pg-on{background:var(--navy);border-color:var(--navy);color:#fff}.pager .pg-gap{border:0;background:none;min-width:auto}
.toolbar .sort-form{margin:0}
.f-form .f-chk{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;margin:4px 0}
.f-brands{list-style:none;padding:0;margin:0;max-height:300px;overflow:auto}.f-brands label{display:flex;gap:6px;align-items:center;font-size:.88rem;padding:3px 0;cursor:pointer}
.f-brands small,.f-nav small{color:var(--muted)}
.f-nav .f-h a{color:var(--ink)}
.nav-all>.l1{background:rgba(255,255,255,.08)}
.mega-list{columns:4 220px;column-gap:24px;list-style:none;margin:0;padding:0}
.mega-list li{break-inside:avoid;padding:3px 0}.mega-list a{color:var(--ink);font-weight:600}.mega-list small{color:var(--muted);font-weight:400}
.allcat-grid{columns:3 300px;column-gap:20px}
.allcat{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:0 0 20px}
.allcat h2{font-size:1.05rem;margin:0 0 8px}.allcat h2 a{color:var(--ink)}.allcat small{color:var(--muted);font-weight:400}
.allcat ul{list-style:none;padding:0;margin:0;font-size:.9rem;columns:2}.allcat li{padding:2px 0;break-inside:avoid}
.cat-card h3 small{font-size:.8rem}
@media (max-width:900px){.mega-list{columns:1}.mega-list a{color:#c8d3de;font-weight:400}}

/* ===== Mega-Menü 3 Ebenen (Gruppe → Typen → Alle anzeigen) ===== */
.mega-cols{columns:5 200px;column-gap:28px;margin-bottom:12px}
.mg{break-inside:avoid;margin:0 0 16px;display:flex;flex-direction:column;gap:3px}
.mg-h{font-weight:700;color:var(--ink);margin-bottom:2px}.mg a{color:#3a434c;font-size:.9rem}.mg a:hover{color:var(--accent-t)}
.mg .mg-all{color:#174f86;font-size:.82rem;font-weight:600}
.mega{max-height:75vh;overflow-y:auto}
.l1-brand{color:#ffb38a!important}
.f-up{display:block;font-size:.82rem;margin-bottom:6px}
@media (max-width:900px){.mega-cols{columns:1}.mg{margin:0 0 6px}.mg a:not(.mg-h){display:none}.mg-h{color:#c8d3de;font-weight:400}}

.car-logo{width:60px;height:auto;flex:0 0 auto;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.opt-ship{padding:14px!important}.opt-ship em{white-space:nowrap}
.mc-car{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 10px;font-size:12px;color:var(--muted)}.mc-car .car-logo{width:44px}
.car-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.car-row .car-logo{width:52px}

.opt-pay{align-items:flex-start!important}.opt-pay>input{margin-top:4px!important}
.pay-ico-row{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.pay-ico-row img{width:32px;height:24px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:1px}
.opt .pay-badge{flex:0 0 auto}.pay-ico-row{flex:0 0 auto!important}.pay-badge{background:#eef6ef;color:var(--ok);font-weight:700;font-size:12px;border-radius:999px;padding:3px 9px;white-space:nowrap}
.mollie-methods{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mollie-methods:empty{display:none}
.pm{display:inline-flex!important;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:5px 9px;background:#fff;font-size:13px;font-weight:600!important;cursor:pointer;margin:0!important}
.pm input{position:absolute;opacity:0;width:1px!important;height:1px}.pm img{width:28px;height:20px}.pm:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.opt-pay:not(:has(input[name=payment]:checked)) .mollie-methods{opacity:.55}
.pm-test{flex-basis:100%;font-style:normal;font-size:12px;color:#a35a00}
.pay-wait{text-align:center;padding:40px 10px}.spin{display:inline-block;width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pay-result{max-width:640px;margin:10px auto 40px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;text-align:center}
.pay-ico{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff;background:var(--ok)}
.pay-st-wait .pay-ico{background:#f0ad4e}.pay-st-err .pay-ico{background:#c0392b}
.pay-sum{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;background:var(--bg);border-radius:8px;padding:12px;margin:16px 0;font-size:14px}
.pay-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}
.doc-dl{white-space:nowrap}

/* Kachel-/Listenansicht */
.tb-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.view-sw{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.vs-btn{border:0;background:#fff;color:var(--muted);padding:7px 9px;cursor:pointer;display:flex;align-items:center}
.vs-btn+.vs-btn{border-left:1px solid var(--line)}.vs-btn:hover{color:var(--ink)}.vs-btn.on{background:var(--navy);color:#fff}
.grid.is-list{grid-template-columns:1fr;gap:10px}
.is-list .tile{flex-direction:row;align-items:stretch}
.is-list .tile-img{flex:0 0 170px;display:flex;align-items:center;justify-content:center;padding:10px;border-right:1px solid var(--line)}
.is-list .tile-img img{width:150px;height:150px;object-fit:contain}
.is-list .tile-b{display:grid;grid-template-columns:minmax(0,1fr) 230px;column-gap:24px;align-content:start;padding:14px 18px;flex:1}
.is-list .tile-b>*{grid-column:1}
.is-list .tile-t{font-size:1.02rem;margin-top:0}
.is-list .tile-specs{margin-bottom:0;columns:2;column-gap:20px}
.is-list .tile-b>.price,.is-list .tile-b>.stock,.is-list .tile-b>.add-cart{grid-column:2;text-align:right}
.is-list .tile-b>.price{grid-row:1/span 2;margin-top:0;align-self:start}
.is-list .tile-b>.stock{grid-row:3;justify-content:flex-end}
.is-list .tile-b>.add-cart{grid-row:4;align-self:end;margin-top:8px;width:100%}
@media(max-width:760px){
  .is-list .tile-img{flex-basis:96px;padding:6px}.is-list .tile-img img{width:84px;height:84px}
  .is-list .tile-b{grid-template-columns:1fr;padding:10px 12px}
  .is-list .tile-b>.price,.is-list .tile-b>.stock,.is-list .tile-b>.add-cart{grid-column:1;grid-row:auto;text-align:left}
  .is-list .tile-specs{columns:1}.is-list .tile-specs li:nth-child(n+3){display:none}
}

/* Kreditkartenformular (Mollie Components) */
.card-form{border:1px solid var(--accent);border-top:0;border-radius:0 0 var(--radius) var(--radius);margin-top:-9px;padding:16px 14px 12px;background:#fff}
.cf-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;flex-wrap:wrap}.cf-lock{font-size:12px;color:var(--ok);font-weight:600}
.cf{display:block;margin-bottom:10px}.cf>span{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.cf-in{height:44px;border:1px solid #cdd3d9;border-radius:var(--radius);padding:11px 12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.cf-in.focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,207,0,.35)}.cf-in.bad{border-color:#c0392b}.cf-in.okk{border-color:var(--ok)}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-err{color:#c0392b;font-size:12px;min-height:0}
.cf-note{background:#fdecea;color:#a12a1d;border-radius:6px;padding:8px 10px;font-size:13px;margin:4px 0 8px}
.cf-hint{font-size:12px;color:var(--muted);margin:6px 0 0}

/* Markenshop */
.br-head .lead{max-width:860px}
.br-search{display:block;max-width:460px;margin-top:14px}.br-search input{width:100%;padding:11px 14px;border:1px solid #cdd3d9;border-radius:var(--radius);font:inherit}
.br-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,207,0,.35)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.br-top h2,.br-group h2{font-size:1.15rem;margin:22px 0 10px}
.br-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.br-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.br-tile:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.07);text-decoration:none}.br-tile img{width:80px;height:80px;object-fit:contain}
.br-tile b{font-size:14px}.br-tile small{color:var(--muted);font-size:12px}
.br-mono{width:80px;height:80px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800}
.br-az{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:4px;background:var(--bg);padding:12px 0;margin-top:18px;border-bottom:1px solid var(--line)}
.br-az a{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:6px;font-weight:700;color:var(--ink);padding:0 6px}
.br-az a:hover{background:var(--navy);color:#fff;text-decoration:none}
.br-group{scroll-margin-top:70px}.br-group h2{color:var(--accent-t);border-bottom:2px solid var(--line);padding-bottom:4px}
.br-group ul{list-style:none;margin:0;padding:0;columns:4 200px;column-gap:24px}.br-group li{padding:3px 0;break-inside:avoid}
.br-group a{color:var(--ink)}.br-group small{color:var(--muted)}.br-none{padding:20px 0;color:var(--muted)}
.br-hero{display:flex;gap:22px;align-items:center}.br-logo{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;flex:0 0 96px}
.br-mono-l{width:96px;height:96px;flex:0 0 96px;font-size:40px}.br-kicker{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.br-hero h1{margin:2px 0 6px}.br-portrait{margin:8px 0 0;color:var(--muted);max-width:900px}
.br-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.br-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--ink)}
.br-chips a:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}.br-chips small{color:var(--muted)}
.br-toolbar{margin-bottom:6px}
.br-sec{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px;scroll-margin-top:16px}
.br-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.br-sec-h h2{margin:0;font-size:1.2rem}.br-sec-h small{color:var(--muted);font-weight:400;font-size:.85rem}
.br-sec-h a{font-weight:600;white-space:nowrap}
.br-cats{list-style:none;padding:0;margin:10px 0 14px;display:flex;flex-wrap:wrap;gap:6px}.br-cats a{display:inline-block;background:var(--bg);border-radius:6px;padding:4px 10px;font-size:13px;color:var(--ink)}
.br-cats a:hover{background:var(--navy);color:#fff;text-decoration:none}.br-cats small{opacity:.7}
@media(max-width:760px){.br-hero{flex-direction:column;align-items:flex-start}.br-group ul{columns:2}}

/* Header: Tinte & Toner */
.hd-ink{display:flex;align-items:center;gap:8px;color:var(--ink);border:0;padding:0;background:none;margin-right:14px}
.hd-ink:hover{text-decoration:none;color:var(--accent-t)}.hd-ink svg{width:24px;height:24px;color:var(--ink)}.hd-ink:hover svg{color:var(--accent-t)}
.hd-ink small{display:block;font-size:.75rem;color:var(--muted)}.hd-ink b{font-size:.92rem;white-space:nowrap}
@media(max-width:1180px){.hd-ink span{display:none}}
/* Live-Suche */
.search{position:relative;overflow:visible!important}.search input{border-radius:var(--radius) 0 0 var(--radius)}.search button{border-radius:0 3px 3px 0}
.ac{position:absolute;left:-2px;width:max(calc(100% + 4px),820px);max-width:calc(100vw - 32px);max-height:min(640px,calc(100vh - 140px));overflow:auto;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(15,25,40,.22);overflow:hidden;font-size:14px}
.ac[hidden]{display:none}
.ac-cols{display:grid;grid-template-columns:250px 1fr;min-height:120px}.ac-cols.ac-noside{grid-template-columns:1fr}
.ac-side{background:#f7f8fa;border-right:1px solid var(--line);padding:10px 0}
.ac-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 14px 4px;margin:0}
.ac-side a{display:block;padding:6px 14px;color:var(--ink);line-height:1.3}.ac-side a small{display:block;color:var(--muted);font-size:12px}
.ac-prods{padding:6px 0}
.ac-p{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:7px 14px;color:var(--ink)}
.ac-p img{width:52px;height:52px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}
.ac-p .t{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ac-p .m{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-p>span:nth-child(2){min-width:0}.ac-p .pr{text-align:right;font-weight:700;white-space:nowrap}.ac-p .pr small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.ac a:hover,.ac a.on{background:#fff8d6;text-decoration:none}.ac-side a.on,.ac-side a:hover{background:#fff3b8}
.ac mark{background:none;color:var(--accent-t);font-weight:700;padding:0}
.ac-all{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border-top:1px solid var(--line);font-weight:700;color:var(--accent-t)!important;background:#fff}
.ac-empty{padding:18px 14px;color:var(--muted)}.ac-load{padding:16px 14px;color:var(--muted)}
.ac-ink a{font-weight:600}.ac-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:4px}
@media(max-width:760px){.ac-cols{grid-template-columns:1fr}.ac-side{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;padding:6px}
  .ac-side .ac-h{display:none}.ac-side a{padding:4px 10px;margin:2px;border:1px solid var(--line);border-radius:999px;background:#fff}.ac-side a small{display:none}
  .ac{position:fixed;left:8px;right:8px;width:auto;top:auto;max-height:75vh;overflow:auto}}
/* Tinte & Toner Finder */
.ink-hero{background:linear-gradient(135deg,var(--navy),#2a4560);color:#fff;border-radius:10px;padding:28px;margin-bottom:22px}
.ink-hero h1{color:#fff;margin:4px 0 8px}.ink-hero .lead{color:#d6dee7;max-width:820px}.ink-hero .br-kicker,.ink-hero .br-kicker a{color:#ffe066}
.ink-steps{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:18px;align-items:end}
.ink-step{position:relative;background:#fff;border-radius:8px;padding:10px 12px 12px 48px;color:var(--ink)}
.ink-step label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.ink-step select{width:100%;padding:9px 10px;border:1px solid #cdd3d9;border-radius:6px;font:inherit;background:#fff}
.ink-n{position:absolute;left:12px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px}
.ink-go{padding:10px 12px 12px 48px}.ink-go .btn{width:100%;white-space:nowrap}.ink-go .btn:disabled{opacity:.5;cursor:not-allowed}
.ink-or{margin:16px 0 6px;color:#d6dee7;font-size:14px}
.ink-search{display:flex;gap:8px;max-width:720px}.ink-search input{flex:1;padding:12px 14px;border:0;border-radius:8px;font:inherit;min-width:0}
.ink-h2{font-size:1.2rem;margin:24px 0 12px}
.ink-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.ink-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:96px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ink-brand:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.07);text-decoration:none}
.ink-logo{font-size:22px;font-weight:800;letter-spacing:-.01em}.ink-brand small{color:var(--muted);font-size:12px}
.ink-pop{display:flex;flex-wrap:wrap;gap:8px}.ink-pop a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:var(--ink);font-weight:600;font-size:14px}
.ink-pop a:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}.ink-pop small{color:var(--muted);font-weight:400}.ink-pop a.more{border-style:dashed}
.ink-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}.ink-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-weight:600;cursor:pointer}
.ink-tabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}.ink-tabs small{opacity:.7;font-weight:400}
.ink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.ink-ser{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ink-ser:hover{border-color:var(--accent);box-shadow:0 3px 10px rgba(0,0,0,.06);text-decoration:none}
.ink-ser b{display:block;font-size:17px}.ink-ser span{display:block;font-size:13px;color:var(--accent-t);font-weight:600}.ink-ser small{color:var(--muted);font-size:12px}
.ink-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ink-facts span{background:#eef6ef;color:var(--ok);border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}
@media(max-width:760px){.ink-steps{grid-template-columns:1fr}.ink-hero{padding:18px}}

/* Header im Stil Böttcher: schlanke Suche, zweizeilige Einträge mit Trennlinien */
.mainbar .wrap{gap:24px;min-height:80px}
.search{border:1px solid #c3cad2!important;border-radius:6px!important;background:#fff;max-width:620px;height:46px;transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(27,42,58,.12)}
.search input{padding:0 14px!important;font-size:15px;background:transparent;border-radius:6px 0 0 6px}
.search input::placeholder{color:#8a949e}
.search button{background:#fff!important;color:var(--navy)!important;padding:0 16px!important;position:relative;border-radius:0 6px 6px 0!important}
.search button::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:1px;background:#d5dae0}
.search button:hover{color:var(--accent-t)!important}.search button svg{width:22px;height:22px}
.hd-act{gap:0!important;align-items:stretch}
.hd-it{display:flex;align-items:center;gap:9px;padding:4px 16px;color:var(--ink);position:relative;line-height:1.2}
.hd-it+.hd-it::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:#e1e5ea}
.hd-it:last-child{padding-right:0}
.hd-it small{display:block;font-size:12.5px;color:var(--ink);font-weight:400;margin:0}
.hd-it b{display:block;font-size:14px;font-weight:700;white-space:nowrap}
a.hd-it:hover,.hd-acc:hover{text-decoration:none;color:var(--accent-t)}
.hd-ink{margin:0!important}.hd-ink .drops{flex:none}
.hd-phone svg{width:22px;height:22px}
.hd-acc{display:flex!important;align-items:center;gap:9px;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:var(--ink)}
.hd-acc svg{width:24px;height:24px;flex:none}.hd-acc .acc-dot{right:auto;left:16px;bottom:2px}
.caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:3px;vertical-align:2px}
.acc-menu{position:absolute;right:0;top:100%;z-index:70;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 40px rgba(15,25,40,.18);padding:14px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.hd-acc-w:hover .acc-menu,.hd-acc-w:focus-within .acc-menu{opacity:1;visibility:visible;transform:none}
.acc-menu .btn{width:100%;text-align:center}.acc-menu p{font-size:13px;margin:10px 0 0;color:var(--muted)}
.acc-in a{display:block;padding:7px 8px;border-radius:5px;color:var(--ink)}.acc-in a:hover{background:#f4f5f7;text-decoration:none;color:var(--accent-t)}
.hd-cart svg{width:28px;height:28px}.cart-n{left:30px!important;top:-2px!important}
@media(max-width:1250px){.hd-phone{display:none!important}}
@media(max-width:1050px){.hd-it span:not(.cart-n):not(.acc-dot){display:none}.hd-it{padding:4px 10px}.hd-acc-t{display:none}}
@media(max-width:900px){.search{height:42px}.hd-it+.hd-it::before{display:none}.acc-menu{display:none}}

/* Service-Dropdown in der Topbar */
.topbar{position:relative;z-index:80}
.svc{position:relative}.svc-btn{color:var(--muted);display:inline-flex;align-items:center;gap:2px;padding:8px 0}
.svc-btn:hover{color:var(--ink);text-decoration:none}
.svc-menu{position:absolute;right:-10px;top:100%;width:560px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(15,25,40,.2);padding:12px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s}
.svc:hover .svc-menu,.svc:focus-within .svc-menu{opacity:1;visibility:visible;transform:none}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.svc-grid a{display:flex;gap:11px;align-items:flex-start;padding:10px;border-radius:7px;color:var(--ink)!important}
.svc-grid a:hover{background:#f4f5f7;text-decoration:none}.svc-grid svg{color:var(--accent-t);flex:none;margin-top:1px}
.svc-grid b{display:block;font-size:14px}.svc-grid small{display:block;font-size:12.5px;color:var(--muted);line-height:1.35;margin-top:1px}
.svc-all{display:block;text-align:right;padding:8px 10px 2px;border-top:1px solid var(--line);margin-top:6px;font-weight:700;color:var(--accent-t)!important;font-size:13.5px}
@media(max-width:900px){.svc{display:none}}
/* Serviceseiten */
.check-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.check-list li{position:relative;padding-left:28px}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#eef6ef;color:var(--ok);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.steps-list{padding-left:20px;display:grid;gap:8px;margin-bottom:20px}
.svc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--navy);color:#fff;border-radius:10px;padding:18px 20px;margin:24px 0 8px}
.svc-cta>div{flex:1;min-width:220px}.svc-cta b{display:block;font-size:1.05rem}.svc-cta span{color:#c9d3dd;font-size:14px}
.svc-cta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.svc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:18px 0}
.svc-tile{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--ink)}
.svc-tile:hover{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,.07);text-decoration:none}.svc-tile svg{color:var(--accent-t)}
.svc-tile b{font-size:1.02rem}.svc-tile span{color:var(--muted);font-size:14px}

.b2b{display:inline-block;background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;border-radius:3px;padding:1px 5px;margin-left:3px;vertical-align:1px}

.seo-text h3{font-size:1.05rem;margin:18px 0 8px}
.seo-links{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:6px}
.seo-links a{display:inline-block;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:14px;color:var(--ink)}
.seo-links a:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}.seo-links small{color:var(--muted)}

/* Kaufratgeber */
.guide{padding:28px 32px}.guide h2{font-size:1.35rem;margin:30px 0 10px;scroll-margin-top:20px}.guide h3{font-size:1.08rem;margin:20px 0 8px}
.guide p,.guide li{line-height:1.7}.guide-kicker{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-t)}
.guide-title{font-size:1.6rem;font-weight:800;margin:4px 0 14px;line-height:1.25}
.toc{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:0 0 20px}
.toc p{margin:0 0 6px;font-weight:700}.toc ol{margin:0;padding-left:20px;columns:2 260px;column-gap:28px}.toc li{padding:2px 0;break-inside:avoid}
.guide-table{overflow-x:auto;margin:10px 0 16px}.guide-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.guide-table th{background:var(--navy);color:#fff;text-align:left;padding:9px 12px;font-weight:600}
.guide-table td{border-bottom:1px solid var(--line);padding:9px 12px;vertical-align:top}.guide-table tr:nth-child(even) td{background:#fafbfc}
@media(max-width:760px){.guide{padding:18px}.guide-title{font-size:1.3rem}}

/* Rechtstexte & B2B-Hinweis */
mark.ph{background:#fff3bf;color:#7a5a00;padding:0 4px;border-radius:3px;font-weight:600}
.legal-box{background:#eef3f8;border-left:4px solid var(--navy);border-radius:6px;padding:14px 18px;margin:6px 0 18px}.legal-box p{margin:6px 0 0}
.article h2{font-size:1.2rem;margin:26px 0 8px}.article h3{font-size:1.02rem;margin:18px 0 6px}
.ft-b2b{background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#c3ccd6;padding:12px 0;line-height:1.5}
.ft-b2b .b2b{background:var(--accent);margin:0 6px 0 0}

/* ================= Startseite im Böttcher-Stil ================= */
.home-hero{background:var(--bg);padding:18px 0 6px}
.hh{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.slider{position:relative;border-radius:10px;overflow:hidden;background:var(--navy);min-height:330px}
.sl-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.sl{flex:0 0 100%;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:20px;padding:40px 70px 52px 56px;color:#fff;min-height:330px}
.sl-k{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffe066}
.sl-h{font-size:2rem;line-height:1.18;margin:0 0 12px;color:#fff;font-weight:800}
.sl-p{margin:0 0 22px;color:#d6dee7;font-size:1.02rem;max-width:520px}
.sl-v{display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.9)}
.sl-v svg{width:170px;height:170px;stroke-width:1.1}
.s-ink{background:linear-gradient(120deg,#1b2a3a 0%,#25405a 100%)}
.s-b2b{background:linear-gradient(120deg,#f4f5f7 0%,#e6e9ed 100%)}.s-b2b .sl-k{color:#fff3b8}.s-b2b .btn-cart{background:#fff;color:#1b2a3a;border-color:#fff}
.s-office{background:linear-gradient(120deg,#2b3f52 0%,#3d5a74 100%)}
.s-brands{background:linear-gradient(120deg,#13202e 0%,#1f3448 100%)}
.s-lager{background:linear-gradient(120deg,#33424f 0%,#4b5d6d 100%)}
.sl-drops{display:flex;gap:22px;padding-top:14px}.sl-drops i{width:56px;height:56px;border-radius:0 50% 50% 50%;transform:rotate(45deg);box-shadow:inset -7px -7px 0 rgba(0,0,0,.13)}
.sl-drops i:nth-child(1){background:#1fb3e6}.sl-drops i:nth-child(2){background:#e5197e}.sl-drops i:nth-child(3){background:#ffd400}.sl-drops i:nth-child(4){background:#0d1117;box-shadow:inset -6px -8px 0 rgba(255,255,255,.08)}
.sl-drops.sm{gap:9px;padding-top:6px}.sl-drops.sm i{width:18px;height:18px;box-shadow:inset -3px -3px 0 rgba(0,0,0,.13)}
.sl-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:background .15s}
.sl-nav:hover{background:rgba(255,255,255,.3)}.sl-prev{left:12px}.sl-next{right:12px}
.sl-dots{position:absolute;left:56px;bottom:18px;display:flex;gap:8px}
.sl-dots button{width:26px;height:4px;border-radius:2px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .2s,width .2s}
.sl-dots button.on{background:#fff;width:40px}
.hh-side{display:grid;grid-template-rows:1fr 1fr auto;gap:16px}
.tz{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
a.tz:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.07);text-decoration:none}
.tz svg{color:var(--accent-t);flex:none}.tz span{flex:1}.tz b{display:block;font-size:1rem}.tz small{display:block;color:var(--muted);font-size:13px}.tz i{font-style:normal;font-size:22px;color:var(--muted)}
.tz-call{background:var(--navy);border-color:var(--navy);color:#fff}.tz-call small{color:#c3ccd6}.tz-call b a{color:#fff;font-size:1.1rem}
.home-usp{background:var(--bg);padding:10px 0 4px}.home-usp .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.home-usp .wrap>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px}
.home-usp svg{color:var(--accent-t);flex:none}.home-usp b{display:block;font-size:14.5px}.home-usp small{color:var(--muted);font-size:12.5px}
.sec-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:30px 0 14px;border-bottom:2px solid var(--line);padding-bottom:8px}
.sec-hd h2{margin:0;font-size:1.35rem;position:relative}.sec-hd h2::after{content:"";position:absolute;left:0;bottom:-10px;width:56px;height:2px;background:var(--accent)}
.sec-hd a{font-weight:600;white-space:nowrap}
.kt-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.kt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 8px 14px;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.kt:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-2px);text-decoration:none}
.kt-i{width:62px;height:62px;border-radius:50%;background:#fff8d6;color:var(--accent-t);display:flex;align-items:center;justify-content:center}
.kt b{font-size:13.5px;line-height:1.25}.kt small{color:var(--muted);font-size:11.5px}
.bl-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.bl{display:flex;align-items:center;justify-content:center;height:64px;background:#fff;border:1px solid var(--line);border-radius:8px;font-weight:800;font-size:15px;letter-spacing:.02em;color:#3b4652;text-align:center;padding:0 8px;filter:grayscale(1);transition:all .15s}
.bl:hover{border-color:var(--accent);color:var(--accent-t);text-decoration:none}
.home-ink{margin-top:30px;background:linear-gradient(120deg,var(--navy),#2a4560);border-radius:10px;padding:22px 24px;color:#fff;display:grid;grid-template-columns:minmax(260px,.8fr) 2fr;gap:20px;align-items:center}
.home-ink h2{color:#fff;margin:0 0 4px;font-size:1.3rem}.home-ink p{margin:0;color:#d6dee7;font-size:14px}.hi-t{display:flex;gap:14px;align-items:center}
.home-ink .ink-steps{margin:0}
.home-seo{margin:36px 0 10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px 32px}
.home-seo h2{margin:0 0 14px;font-size:1.35rem}.home-seo h3{font-size:1.02rem;margin:16px 0 6px}.home-seo p{color:#3b4652;line-height:1.7;margin:0 0 8px}
.hs-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px}
@media(max-width:1200px){.kt-grid{grid-template-columns:repeat(4,1fr)}.bl-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.hh{grid-template-columns:1fr}.hh-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.hh-side .tz-call{grid-column:1/-1}
  .home-usp .wrap{grid-template-columns:1fr 1fr}.home-ink{grid-template-columns:1fr}.hs-cols{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.sl{grid-template-columns:1fr;padding:28px 22px 46px;min-height:300px}.sl-v{display:none}.sl-h{font-size:1.45rem}.sl-dots{left:22px}.sl-nav{display:none}
  .kt-grid{grid-template-columns:repeat(2,1fr)}.bl-row{grid-template-columns:repeat(2,1fr)}.hh-side{grid-template-columns:1fr}.home-seo{padding:20px}}

/* ================= Footer hell wie Böttcher ================= */
.trustbar{background:#fff;border-top:1px solid var(--line)}
.ft{background:#eef0f3;color:#3b4652;border-top:1px solid #dfe3e8}
.ft-h{color:var(--ink)!important;font-size:15px}
.ft a{color:#3b4652}.ft a:hover{color:var(--accent-t);text-decoration:none}
.ft .pay li{background:#fff;color:var(--ink);border:1px solid #d5dae0}
.ft-b2b{background:#e4e7eb;border-top:1px solid #d5dae0;color:#4b5663}.ft-b2b .b2b{background:var(--navy)}
.ft-bottom{background:#d9dde2;color:#3b4652}.ft-bottom a{color:#3b4652}
.ft-logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ft-logos img{width:52px;height:auto;border-radius:4px}

/* ================= Helle Navigation & heller Slider (grau statt dunkel) ================= */
.nav{background:#eef0f3;border-top:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8}
.nav-l1>li>.l1{color:var(--ink)}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{background:#fff;color:var(--accent-t);box-shadow:inset 0 -3px 0 var(--accent)}
.l1-brand{color:var(--accent-t)!important}
.mega{border-top:1px solid #dfe3e8}
@media (max-width:900px){
  .nav{background:#fff}.nav-l1>li>.l1,.nav-l1>li:first-child>.l1{border-bottom:1px solid var(--line);color:var(--ink)}
  .mg-h{color:var(--ink)!important}.mega-grid a{color:#3a434c}
}
.slider{background:#eef0f3}
.sl{color:var(--ink)}
.sl-k{color:var(--accent-t)}
.sl-h{color:var(--navy)}
.sl-p{color:#4b5663}
.sl-v{color:var(--accent-t)}
.s-ink{background:linear-gradient(120deg,#eef0f3 0%,#e2e6eb 100%)}
.s-b2b{background:linear-gradient(120deg,#f4f5f7 0%,#e6e9ed 100%)}.s-b2b .sl-k{color:var(--accent-t)}.s-b2b .btn-cart{background:var(--accent);color:#fff;border-color:var(--accent)}
.s-office{background:linear-gradient(120deg,#eceff2 0%,#dfe4e9 100%)}
.s-brands{background:linear-gradient(120deg,#f1f2f4 0%,#e4e7eb 100%)}
.s-lager{background:linear-gradient(120deg,#e9ecef 0%,#dce1e6 100%)}
.sl-drops i:nth-child(4){background:#1f2328;box-shadow:inset -7px -7px 0 rgba(255,255,255,.08)}
.sl-nav{background:rgba(27,42,58,.08);color:var(--navy)}.sl-nav:hover{background:rgba(27,42,58,.16)}
.sl-dots button{background:rgba(27,42,58,.2)}.sl-dots button.on{background:var(--accent)}
.tz-call{background:#eef0f3;border-color:#dfe3e8;color:var(--ink)}.tz-call small{color:var(--muted)}.tz-call b a{color:var(--navy)}
.home-ink{background:#eef0f3;border:1px solid #dfe3e8;color:var(--ink)}.home-ink h2{color:var(--navy)}.home-ink p{color:#4b5663}
.home-ink .ink-step{border:1px solid #dfe3e8}

/* Sendungsverfolgung im Kundenkonto */
.trk-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}.trk-row:first-of-type{border-top:0}
.trk-row img{width:60px;height:auto;border-radius:4px}.trk-row>div{flex:1;min-width:180px}.trk-row b{display:block}
.trk-row small{display:block;color:var(--muted);font-size:12px}.trk-row code{font-size:15px;font-weight:600;letter-spacing:.02em}

.pd-main{position:relative}.img-credit{margin:6px 0 0;font-size:11px;color:var(--muted);text-align:right}

/* Produktbilder 700 × 700: weißer Hintergrund, größere Hauptansicht */
.pd-main img,.tile-img img,.mt img,.st img{background:#fff}
.pd-main img{max-width:560px;border:1px solid var(--line);border-radius:8px}
.pd-thumbs img{background:#fff}

/* Menüleiste: gleiches Grau wie die Topbar, Verlauf ins Weiße */
.nav{background:linear-gradient(180deg,#eef0f3 0%,#f6f7f9 55%,#fff 100%);border-top:1px solid #e3e6ea;border-bottom:1px solid #e9ecef}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{background:rgba(255,255,255,.85)}

/* Helleres Grau: Topbar, Seitenhintergrund, Menü (Verlauf von Weiß nach unten ins Grau) */
:root{--bg:#f7f8fa}
body{background:var(--bg)}
.topbar{background:#f4f5f7;border-bottom-color:#eceef1}
.nav{background:linear-gradient(180deg,#ffffff 0%,#f8f9fa 45%,#eff1f4 100%);border-top:1px solid #eceef1;border-bottom:1px solid #e4e7eb}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{background:#fff}
.home-hero,.home-usp{background:var(--bg)}
.ft{background:#f2f4f6;border-top-color:#e6e9ec}.ft-b2b{background:#eceef1}.ft-bottom{background:#e4e7eb}
.s-ink,.s-b2b,.s-office,.s-brands,.s-lager{background:linear-gradient(120deg,#f7f8fa 0%,#eef0f3 100%)}
.slider{background:#f4f5f7;border:1px solid #e9ecef}

/* ================= Mobile Optimierung ================= */
.f-toggle{display:none}
.ft-bottom ul{flex-wrap:wrap}
img,svg,video{max-width:100%}
@media (max-width:900px){
  html,body{overflow-x:hidden}
  /* Header kompakt: ☰ Logo … Icons | darunter Suche */
  .topbar .wrap{min-height:30px}.usp-top{font-size:12px}.topbar-r>a,.svc{display:none!important}
  .vat button{padding:3px 8px;font-size:12px}
  .mainbar .wrap{flex-wrap:wrap;gap:8px 10px;padding-top:8px;padding-bottom:10px}
  .nav-btn{order:0;padding:4px}.logo{order:1}.logo svg{width:30px;height:30px}.logo-t{font-size:1.2rem}
  .hd-act{order:2;margin-left:auto;flex-wrap:nowrap}
  .hd-it{padding:4px 7px!important}.hd-it:last-child{padding-right:0!important}.hd-it+.hd-it::before{display:none}
  .hd-it span:not(.cart-n):not(.acc-dot),.hd-acc-t{display:none!important}
  .hd-phone{display:none!important}.hd-ink .drops{width:28px}
  .search{order:3;flex-basis:100%;height:44px;max-width:none}
  .search input{font-size:16px}  /* verhindert Zoom bei Fokus (iOS) */
  .cart-n{left:18px!important;top:-4px!important}
  /* Menü (Hamburger) */
  .nav.open{background:#fff;border-bottom:1px solid var(--line);max-height:75vh;overflow-y:auto}
  .nav-l1>li>.l1{padding:13px 4px!important;font-size:15px}
  .mega{display:none!important}
  /* Kategorien & Filter einklappbar */
  .listing-ssr{display:block}
  .f-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
  .f-toggle.on{border-color:var(--accent);color:var(--accent-t)}
  .listing-ssr>.filters{display:none;margin-bottom:12px}.listing-ssr>.filters.open{display:block}
  .toolbar{flex-wrap:wrap;gap:8px}.toolbar>p{flex-basis:100%;margin:0}.tb-r{width:100%;justify-content:space-between}
  .sort-form select{max-width:190px}
  /* Produktkacheln 2-spaltig, kompakt */
  .grid,.grid-4{grid-template-columns:1fr 1fr!important;gap:8px}
  .tile-b{padding:10px 10px 12px}.tile-t{font-size:.86rem}.tile-specs{display:none}.tile .sku{font-size:11px}
  .tile .btn{padding:9px 6px;font-size:.82rem}.tile .stock{font-size:11.5px}
  .is-list .tile-b{grid-template-columns:1fr!important}
  /* Kategorie-Kopf & Unterkategorien */
  .cat-head{padding:16px}.cat-head h1{font-size:1.45rem}.cat-head .lead{font-size:.95rem}
  .subcats{grid-template-columns:1fr 1fr;gap:6px}
  /* Startseite */
  .slider,.sl{min-height:250px}.sl{padding:24px 20px 44px}.sl-h{font-size:1.35rem}.sl-p{font-size:.95rem;margin-bottom:16px}
  .hh-side{grid-template-columns:1fr 1fr}.hh-side .tz{padding:12px}.hh-side .tz svg{width:30px;height:30px}.tz b{font-size:.92rem}.tz i{display:none}
  .home-usp .wrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px}
  .home-usp .wrap>div{flex:0 0 72%;scroll-snap-align:start}
  .kt-grid{grid-template-columns:repeat(3,1fr);gap:8px}.kt{padding:12px 4px 10px}.kt-i{width:46px;height:46px}.kt-i svg{width:26px;height:26px}
  .kt b{font-size:12px}.kt small{display:none}
  .sec-hd{margin:22px 0 10px}.sec-hd h2{font-size:1.15rem}
  .bl-row{grid-template-columns:repeat(3,1fr)}.bl{height:52px;font-size:12.5px}
  .home-ink{padding:16px}.home-seo{padding:18px}
  /* Produktseite */
  .pd-head h1{font-size:1.25rem}.pd-brand{display:none}
  .pd-main img{max-width:100%}
  /* Footer kompakt 2-spaltig */
  .ft-grid{grid-template-columns:1fr 1fr!important;gap:18px;padding-top:24px}
  .ft-grid>div:first-child{grid-column:1/-1}.ft-grid>div:first-child ul{columns:2}
  .trustbar .wrap{grid-template-columns:1fr 1fr!important;gap:12px}
  .ft-bottom .wrap{justify-content:center;text-align:center}.ft-bottom ul{justify-content:center;gap:6px 14px}
  /* Breadcrumb einzeilig scrollbar */
  .bc ol{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.bc ol::-webkit-scrollbar{display:none}
}
@media (max-width:380px){.logo-t{font-size:1.05rem}.hd-it{padding:4px 5px!important}}

/* Produktseite mobil: Bild → Preis/Warenkorb → Details, mitlaufende Kaufleiste */
.m-buy{display:none}
@media (max-width:900px){
  .pd-top{display:flex!important;flex-direction:column;gap:16px}
  .pd-gal{order:1}.pd-right{order:2;width:100%}.pd-mid{order:3}
  .pd-box{padding:14px}
  .m-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;align-items:center;gap:10px;background:#fff;border-top:1px solid var(--line);
    box-shadow:0 -6px 18px rgba(0,0,0,.08);padding:10px 14px calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .2s}
  .m-buy.show{transform:none}
  .m-buy .mb-p{flex:1;line-height:1.2}.m-buy .mb-p b{display:block;font-size:1.15rem;color:var(--ink)}.m-buy .mb-p small{color:var(--muted);font-size:12px}
  .m-buy .btn{padding:12px 18px;white-space:nowrap}
  body.has-mbuy .ft-bottom{padding-bottom:70px}
  .home-usp .wrap{padding-left:16px;padding-right:16px;scroll-padding-left:16px}
}

/* Anfrage-Modal */
.inq-dlg{border:0;border-radius:14px;padding:0;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 32px);box-shadow:0 30px 80px rgba(15,25,40,.35)}
.inq-dlg::backdrop{background:rgba(20,28,38,.55);backdrop-filter:blur(2px)}
.iq{padding:24px 26px 20px;position:relative}.iq h2{margin:0 0 4px;font-size:1.35rem}.iq-sub{margin:0 0 16px;color:var(--muted);font-size:14px}
.iq-x{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;background:var(--bg);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.iq-items{border:1px solid var(--line);border-radius:10px;margin:0 0 14px;max-height:230px;overflow:auto}
.iq-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.iq-item:last-child{border-bottom:0}
.iq-item img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;flex:none}
.iq-item>div{flex:1;min-width:0}.iq-item b{display:block;font-size:14px;line-height:1.3}.iq-item small{color:var(--muted);font-size:12px}
.iq-qty{display:flex!important;flex-direction:column;font-size:12px;font-weight:600;width:96px;margin:0!important}.iq-qty input{padding:8px;text-align:right;font-weight:700}
.iq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.iq label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.iq input,.iq select,.iq textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid #cdd3d9;border-radius:7px;font:inherit;font-size:15px;box-sizing:border-box}
.iq input:focus,.iq select:focus,.iq textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,207,0,.35)}
.iq .hp{position:absolute;left:-9999px;width:1px;height:1px}
.iq-note{font-size:12px;color:var(--muted);margin:2px 0 10px}.iq-err{background:#fdecea;color:#a12a1d;border-radius:7px;padding:9px 12px;font-size:14px;margin-bottom:10px}
.iq-act{display:flex;justify-content:flex-end;gap:10px}.iq-ok{text-align:center;padding:16px 4px}.iq-ok .pay-ico{background:var(--ok)}
.pd-row-hi{background:#fff8d6!important;border:1px solid #ffeb8a!important}.pd-row-hi b{display:block;color:var(--accent-t)}.pd-row-hi small{display:block;font-size:12px;color:var(--muted);font-weight:400}
button.pd-row{width:100%;text-align:left;font:inherit;cursor:pointer}
@media(max-width:600px){.iq{padding:20px 16px 16px}.iq-grid{grid-template-columns:1fr}.iq-act .btn{flex:1}.inq-dlg{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}}

/* Aktionszeilen Produktseite: clean & neutral */
.pd-row-hi{background:var(--bg)!important;border:0!important}
.pd-row-2{align-items:center}.pd-row-2 b{display:block;color:var(--ink);font-weight:600}.pd-row-2 small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:1px}
.btn-sm{padding:6px 12px!important;font-size:13px!important}.nowrap{white-space:nowrap}

/* Produktseite: Aktionen als Kachelreihe unter Bild & Beschreibung */
@media (min-width:901px){
  .pd-top{grid-template-rows:auto 1fr}
  .pd-gal{grid-column:1;grid-row:1}.pd-mid{grid-column:2;grid-row:1}.pd-right{grid-column:3;grid-row:1/span 2}
  .pd-actions{grid-column:1/3;grid-row:2;align-self:start}
}
.pd-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}
.pa{display:flex;align-items:center;gap:11px;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font:inherit;text-align:left;cursor:pointer;color:var(--ink);
  transition:border-color .15s,box-shadow .15s,transform .15s}
.pa:hover{border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,.06);transform:translateY(-1px)}
.pa svg{color:var(--accent-t);flex:none}.pa span{min-width:0}.pa b{display:block;font-size:13.5px;line-height:1.3}.pa small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media (max-width:900px){.pd-actions{order:3;grid-template-columns:1fr 1fr}.pd-mid{order:4}.pa{padding:11px}}
@media print{.pd-actions{display:none!important}}
/* Aktionskacheln über die volle Breite */
@media (min-width:901px){
  .pd-top{grid-template-rows:auto auto}
  .pd-right{grid-row:1}
  .pd-actions{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(5,1fr)}
}

/* Kasse: Bestellübersicht mit Bildern */
.co-sum{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.cs-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 12px}
.cs-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.cs-head h2{margin:0;font-size:1.2rem}.cs-head small{color:var(--muted);font-weight:400;font-size:.85rem}
.cs-head a{font-size:13.5px;font-weight:600}
#mini-items{max-height:360px;overflow-y:auto;margin:0 -4px;padding:0 4px}
#mini-items .mi{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:inherit}
.mi-img{position:relative;display:block}.mi-img img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#fff;display:block}
.mi-q{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--navy);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mi-t a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.3}
.mi-t small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.mi-t em{font-style:normal;color:var(--ok);font-weight:600}
.mi-p{font-size:14px;white-space:nowrap}
.cs-free{margin:10px 0 2px;font-size:13px;color:var(--muted)}.cs-free p{margin:6px 0 0}.cs-ok{color:var(--ok)!important;font-weight:600}
.co-sum .sum{margin-top:8px}.cs-vat-note{font-size:11.5px;color:var(--muted);margin:6px 0 0;text-align:right}
.cs-trust{list-style:none;margin:12px 0 0;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:10px;display:grid;gap:12px}
.cs-trust li{display:flex;gap:11px;align-items:flex-start}.cs-trust svg{color:var(--accent-t);flex:none;margin-top:1px}
.cs-trust b{display:block;font-size:13.5px}.cs-trust small{display:block;font-size:12px;color:var(--muted)}
@media (max-width:900px){.co-sum{position:static}.cs-trust{grid-template-columns:1fr 1fr}}

/* Zahlarten einzeln wählbar */
.opt-pay{align-items:center!important}.opt-pay>input{margin-top:0!important}
.pay-logo{width:48px;height:34px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;padding:3px;flex:none}
.pay-logo-inv{display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:var(--ok);background:#eef6ef;border-color:#cfe6d2;text-align:center;line-height:1.1}
.pm-test,.pm-load{font-size:12.5px;color:#a35a00;margin:4px 2px 0}.pm-load{color:var(--muted)}
.card-form{margin-top:-9px}
.opt .pay-logo{flex:0 0 48px!important;width:48px}

/* Cross-Selling */
.xsell{margin:26px 0 8px}.xs-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.xs-head h2{margin:0;font-size:1.25rem}.xs-head span{color:var(--muted);font-size:14px}
.xs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.xs{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.xs:hover{border-color:#c9d0d6;box-shadow:0 6px 18px rgba(0,0,0,.07)}
.xs-img{display:flex;justify-content:center;padding:10px;background:#fff}.xs-img img{width:150px;height:150px;object-fit:contain}
.xs-b{display:flex;flex-direction:column;gap:5px;padding:0 12px 12px;flex:1}
.xs-n{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.xs-p{font-weight:800;font-size:1.02rem}.xs-p small{font-weight:400;font-size:11.5px;color:var(--muted)}.xs-st{font-size:12px;color:var(--ok)}
.xs-add{margin-top:auto;padding:9px 10px!important;font-size:13.5px!important}
/* Kasse: kompakt in der Seitenleiste */
.xsell-side{margin:12px 0 0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.xsell-side .xs-head{margin-bottom:6px}.xsell-side h2{font-size:1rem}
.xsell-side .xs-list{grid-template-columns:1fr;gap:0}
.xsell-side .xs{flex-direction:row;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 0;gap:10px}.xsell-side .xs:last-child{border-bottom:0}
.xsell-side .xs:hover{box-shadow:none}
.xsell-side .xs-img{padding:0;flex:none}.xsell-side .xs-img img{width:52px;height:52px;border:1px solid var(--line);border-radius:6px}
.xsell-side .xs-b{padding:0;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
.xsell-side .xs-n{grid-column:1/-1;min-height:0;font-size:13px}.xsell-side .xs-p{font-size:.92rem}.xsell-side .xs-st{display:none}
.xsell-side .xs-add{margin:0;padding:5px 10px!important;font-size:12.5px!important}
@media (max-width:900px){.xs-list{grid-template-columns:repeat(2,1fr)}.xs-img img{width:120px;height:120px}}

@media (min-width:901px){.xsell:not(.xsell-side) .xs-list{grid-template-columns:repeat(6,1fr)}}

/* ================= Kasse: clean & neutral ================= */
.co-sec{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:22px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
#order-form .step[data-step="1"] .co-sec:first-of-type{border-top:0;padding-top:0;margin-top:6px}
.opt-l{font-weight:400;color:var(--muted);font-size:12px}
.row3{display:grid;grid-template-columns:140px 1fr 1fr;gap:12px}.row3 .span2{grid-column:span 2}
.row3:has(.span2){grid-template-columns:140px 1fr 1fr}
.co-more{margin:6px 0 14px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fafbfc}
.co-more summary{cursor:pointer;font-weight:600;font-size:14px}.co-more summary small{font-weight:400;color:var(--muted)}.co-more[open] summary{margin-bottom:10px}
/* Auswahl-Boxen neutral */
.opt{background:#fff;border:1px solid #d5dae0!important;border-radius:8px!important;transition:border-color .12s,box-shadow .12s}
.opt:hover{border-color:#aab3bd!important}
.opt:has(input:checked){background:#fff!important;border-color:var(--navy)!important;box-shadow:0 0 0 1px var(--navy)!important}
.opt input[type=radio]{accent-color:var(--navy)}
.opt-ship em{font-weight:700;color:var(--ink)}
.car-logo{width:64px!important;height:24px;object-fit:contain;box-shadow:none!important;border-radius:0!important;flex:0 0 64px}
.opt-pay>span:first-of-type{flex:1}
.pay-logos{display:flex;gap:6px;align-items:center;flex:none}.pay-logos img{height:22px;width:auto;max-width:70px}
.card-form{border:1px solid var(--navy)!important;border-top:0!important;box-shadow:0 0 0 1px var(--navy)}
.pm-test{color:var(--muted)!important}
.mc-car .car-logo{width:44px!important;flex-basis:44px}
@media (max-width:600px){.row3{grid-template-columns:1fr 1fr}.row3>label:first-child{grid-column:1/-1}.row3 .span2{grid-column:auto}.pay-logos img{height:18px}}
.ft-logos{gap:10px;align-items:center;margin-bottom:12px}.ft-logos img{width:auto!important;background:#fff;border:1px solid #e1e5ea;border-radius:5px;padding:5px 8px;box-sizing:content-box}

.row-street{display:grid;grid-template-columns:1fr 150px;gap:12px}
.ft-logos img{height:20px!important;width:auto!important;max-width:90px}

/* ================= Fokus-Kasse: eigener Header & Footer ================= */
.hd-co{background:#fff;border-bottom:1px solid var(--line);position:static}
.co-hd{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.co-secure{display:flex;align-items:center;gap:9px;color:var(--ok)}.co-secure b{display:block;color:var(--ink);font-size:14.5px}.co-secure small{display:block;color:var(--muted);font-size:12px}
.co-help{display:flex;align-items:center;gap:9px;color:var(--ink)}.co-help:hover{text-decoration:none;color:var(--accent-t)}
.co-help small{display:block;font-size:12px;color:var(--muted)}.co-help b{display:block;font-size:14px}
body.checkout{background:#f7f8fa}
.ft-co{border-top:1px solid var(--line);background:#fff;margin-top:40px;padding:22px 0;font-size:13px;color:var(--muted)}
.ft-co .wrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.ft-co nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.ft-co nav a{color:var(--muted)}.ft-co nav a:hover{color:var(--ink)}
.ft-co p{margin:0;font-size:12px}
.ft-co-pay{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.ft-co-pay img{width:auto}.ft-co-pay span{font-size:12px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:2px 7px}
.checkout .steps{margin-top:18px}
.opt .pay-logos{flex:0 0 auto!important;margin-left:auto}
@media (max-width:700px){.co-hd{min-height:60px}.co-secure small,.co-help small{display:none}.co-help b{font-size:13px}.co-secure{display:none}}
.ft-co-pay img{height:18px!important;width:auto!important;max-width:70px}
.ft-co-pay img[alt=Visa]{height:13px!important}
.checkout .bc{display:none}

/* SEPA-Lastschrift & Vorkasse */
.sepa-form .row2{margin-bottom:4px}.sepa-chk{align-items:flex-start!important;font-size:12.5px!important;font-weight:400!important;color:#4b5663;line-height:1.5}
.sepa-chk input{margin-top:3px!important}
.bank-box{background:#f7f8fa;border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:12px 0}.bank-box h3{margin:0 0 10px;font-size:1.05rem}
.bank-box dl{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;margin:0 0 8px}.bank-box dt{color:var(--muted)}.bank-box dd{margin:0}

/* Hauptmenü etwas feiner */
.nav-l1>li>.l1{font-size:.855rem;font-weight:500;padding:10px 13px;letter-spacing:.005em}
.nav-l1>li:first-child>.l1{padding-left:0}
@media (max-width:900px){.nav-l1>li>.l1{font-size:15px!important;font-weight:500}}

/* ================= Bestellbestätigung ================= */
.cart-page.co-done{grid-template-columns:1fr!important;max-width:900px;margin:0 auto}.cart-page.co-done>.co-sum{display:none}
.cf{color:var(--ink)}
.cf-head{display:flex;gap:18px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.cf-check{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--ok);color:var(--ok);display:flex;align-items:center;justify-content:center}
.cf-kicker{margin:0 0 2px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.cf-head h2{margin:0 0 6px;font-size:1.6rem}.cf-lead{margin:0;color:#4b5663}
.cf-facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:10px;margin:20px 0;overflow:hidden}
.cf-facts>div{padding:12px 14px;border-left:1px solid var(--line)}.cf-facts>div:first-child{border-left:0}
.cf-facts small{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.cf-facts b{font-size:14.5px;word-break:break-word}
.cf-sec{padding:18px 0;border-top:1px solid var(--line)}.cf-sec h3{margin:0 0 12px;font-size:1.05rem}
.cf-pay{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:6px;background:#fafbfc}.cf-pay p{margin:0;color:#3b4652}
.cf-dl{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:0}.cf-dl dt{color:var(--muted)}.cf-dl dd{margin:0}
.cf-note{margin:10px 0 0!important;font-size:13px;color:var(--muted)!important}
.cf-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:s}
.cf-steps li{position:relative;padding:0 0 16px 38px;counter-increment:s}.cf-steps li:last-child{padding-bottom:0}
.cf-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;border:1.5px solid #c3cad2;color:var(--muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#fff}
.cf-steps li::after{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:1.5px;background:#e1e5ea}.cf-steps li:last-child::after{display:none}
.cf-steps li.done::before{content:"✓";border-color:var(--ok);color:var(--ok)}
.cf-steps b{display:block;font-size:14.5px}.cf-steps span{display:block;font-size:13.5px;color:var(--muted)}
.cf-items{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cf-item{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line)}.cf-item:first-child{border-top:0}
.cf-item img{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff}
.cf-item b{display:block;font-size:14px;font-weight:600}.cf-item small{display:block;color:var(--muted);font-size:12.5px}.cf-item>span{font-weight:700;white-space:nowrap}
.cf-sum{width:100%;max-width:360px;margin:12px 0 0 auto;border-collapse:collapse;font-size:14px}.cf-sum th{text-align:left;font-weight:400;color:#4b5663;padding:4px 0}.cf-sum td{text-align:right;padding:4px 0}
.cf-sum .total th,.cf-sum .total td{font-weight:800;font-size:1.1rem;color:var(--ink);border-top:1px solid var(--ink);padding-top:8px}
.cf-addr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cf-addr p{margin:0;line-height:1.6;color:#3b4652}.cf-addr h3{margin-bottom:6px}
.cf-acc{margin:0 0 10px;color:#3b4652}
.cf-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.cf-actions .btn-cart{margin-left:auto}
.cf-help{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
@media (max-width:760px){.cf-facts{grid-template-columns:1fr 1fr}.cf-facts>div{border-left:0;border-top:1px solid var(--line)}.cf-facts>div:nth-child(-n+2){border-top:0}
  .cf-addr{grid-template-columns:1fr}.cf-dl{grid-template-columns:120px 1fr}.cf-actions .btn{flex:1}.cf-actions .btn-cart{margin-left:0}.cf-head h2{font-size:1.3rem}}
@media print{.hd-co,.ft-co,.steps,.cf-actions,.cf-help{display:none!important}.cart-page.co-done{max-width:none}}
.cf .cf-note{background:none!important;padding:0!important;border-radius:0}

/* Menü & Slider noch heller */
.nav{background:linear-gradient(180deg,#ffffff 0%,#fbfbfc 55%,#f5f6f8 100%)!important;border-bottom-color:#eceef1!important}
.s-ink,.s-b2b,.s-office,.s-brands,.s-lager{background:linear-gradient(120deg,#fcfcfd 0%,#f4f5f7 100%)!important}
.slider{background:#f8f9fa!important;border-color:#eef0f2!important}
.od-act{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}

/* Mein Konto: Kennzahlen, Listen, Kostenstellen */
.acc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.acc-tiles a{display:block;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--ink);background:#fafbfc}
.acc-tiles a:hover{border-color:var(--navy);text-decoration:none}.acc-tiles b{display:block;font-size:1.5rem;line-height:1.1}.acc-tiles span{font-size:13px;color:var(--muted)}
.acc-list{list-style:none;margin:0 0 8px;padding:0}.acc-list li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}
.cc-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.cc-form h2{font-size:1.05rem}
button.link{background:none;border:0;color:#1d5fa8;cursor:pointer;padding:0;font:inherit}
@media (max-width:700px){.acc-tiles{grid-template-columns:1fr 1fr}}

/* ================= Weiße Boxen ohne Rahmen ================= */
.box,.cs-box,.cs-trust,.xsell-side,.tz,.kt,.sub-tile,.tile,.br-sec,.cat-head,.seo-text,.home-seo,.home-usp .wrap>div,.pa,.xs,.ink-brand,.ink-ser,
.svc-tile,.br-tile,.bl,.steps,.f-box,.filters .f-box,.toolbar,.faq details,.acc-nav,.article,.cart-items .ci,.cart-page .box,.pd-box,.mt,.st,
.slider,.cf-facts,.cf-items,.cf-pay,.iq-items,.tile-img,.pd-main img,.pd-thumbs img,.br-logo,.br-tiles a,.acc-tiles a,.co-more,.bank-box,
.legal-box,.toc,.guide-table,.trk-row,.ac,.mc,.ink-step,.home-ink,.pd-row,.cs-trust li,.inq-list{border:0!important}
/* Hover: Schatten statt Rahmen */
.kt:hover,.sub-tile:hover,.tile:hover,.pa:hover,.xs:hover,.ink-brand:hover,.ink-ser:hover,.svc-tile:hover,.br-tile:hover,.bl:hover,a.tz:hover,.acc-tiles a:hover{
  border:0!important;box-shadow:0 8px 24px rgba(20,30,45,.09)!important}
/* Auswahl-Optionen (Versand/Zahlung) ohne Rahmen: hellgrau, gewählt = weiß mit dunklem Ring */
.opt{border:0!important;background:#f4f5f7!important;box-shadow:none!important}
.opt:hover{background:#eef0f3!important}
.opt:has(input:checked){background:#fff!important;box-shadow:0 0 0 2px var(--navy)!important}
.card-form{border:0!important;box-shadow:0 0 0 2px var(--navy)!important;border-radius:0 0 8px 8px}
/* Karten-Elemente innerhalb weißer Boxen bekommen eine zarte Fläche statt Rahmen */
.cf-facts,.cf-items,.cf-pay,.iq-items,.co-more,.acc-tiles a,.bank-box,.toc{background:#f6f7f9!important}
.cf-facts>div,.cf-item{border-color:#ebedf0!important}
.pd-main img{border-radius:10px}
.pd-thumbs .th{border-color:transparent}
.pd-thumbs .th.on{border-color:var(--navy)}

/* Menüleiste: ganz feiner Rahmen oben, oben links/rechts abgerundet */
@media (min-width:901px){
  .nav{background:#fff!important;border-top:0!important;border-bottom:1px solid #e9ecef!important;padding-top:0}
  .nav>.wrap{border:1px solid #e9ecef;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#ffffff 0%,#f9fafb 100%);padding-left:14px;padding-right:14px;margin-bottom:-1px}
  .nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{border-radius:8px 8px 0 0}
}

/* Menü-Hover: ruhig statt bunt */
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{color:var(--ink)!important;background:#f1f3f5!important;box-shadow:inset 0 -1px 0 #aeb6bf!important}
.l1-brand:hover{color:var(--accent-t)!important}
.mega{border-top:1px solid #e9ecef!important;border-bottom:1px solid #e9ecef!important;box-shadow:0 14px 28px rgba(20,30,45,.08)!important}

/* Menü: kein Innenabstand links/rechts, weicherer Hover */
@media (min-width:901px){
  .nav>.wrap{padding-left:0!important;padding-right:0!important;overflow:hidden}
  .nav-l1>li:first-child>.l1{padding-left:13px!important}
}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{background:#f7f8fa!important;box-shadow:inset 0 -1px 0 #d9dee3!important}

/* Mega-Menü: per JS gesteuert (Hover-Verzögerung) */
.nav.mm-js .has-mega:hover .mega,.nav.mm-js .has-mega:focus-within .mega{visibility:hidden;opacity:0}
.nav.mm-js .has-mega.mm-open .mega{visibility:visible!important;opacity:1!important}
.nav.mm-js .nav-l1>li:hover>.l1{background:transparent!important;box-shadow:none!important}
.nav.mm-js .nav-l1>li.mm-open>.l1,.nav.mm-js .nav-l1>li>.l1:hover{background:#f7f8fa!important;box-shadow:inset 0 -1px 0 #d9dee3!important;border-radius:8px 8px 0 0}
.mega{transition:opacity .12s,visibility .12s}

/* ================= Filter Kategorieseiten ================= */
.f-form{padding:16px!important}
.f-grp{padding:12px 0;border-top:1px solid #eef0f3}.f-grp:first-of-type{border-top:0}
.f-t{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.f-chk{display:flex!important;align-items:center;gap:8px;font-size:14px;padding:4px 0;cursor:pointer}.f-chk small,.f-brands small{color:var(--muted)}
.f-chk input,.f-brands input,.f-col input{accent-color:var(--navy);width:16px;height:16px;margin:0}
.f-price{display:flex;align-items:center;gap:6px}.f-price input{width:100%;min-width:0;padding:8px 9px;border:1px solid #d5dae0;border-radius:6px;font:inherit;font-size:14px}
.f-price span{color:var(--muted)}.f-go{flex:none;width:36px;height:36px;border:0;border-radius:6px;background:var(--navy);color:#fff;font-size:18px;cursor:pointer}
.f-cols{display:flex;flex-wrap:wrap;gap:6px}
.f-col{position:relative;display:flex!important;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:#f4f5f7;font-size:12.5px;cursor:pointer}
.f-col input{position:absolute;opacity:0}.f-col i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.f-col small{color:var(--muted)}.f-col:has(input:checked){background:#fff;box-shadow:0 0 0 1.5px var(--navy)}
.f-bsearch{width:100%;padding:7px 10px;border:1px solid #d5dae0;border-radius:6px;font:inherit;font-size:13.5px;margin-bottom:6px}
.f-brands{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}.f-brands li{padding:3px 0}.f-brands label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.f-active{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.f-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:5px 10px 5px 12px;font-size:13px;color:var(--ink);box-shadow:0 0 0 1px #dfe3e8}
.f-chip:hover{text-decoration:none;box-shadow:0 0 0 1px var(--navy)}.f-chip span{font-size:15px;line-height:1;color:var(--muted)}
.f-clear{font-size:13px;margin-left:4px}
.f-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--navy);color:#fff;font-size:11.5px;margin-left:6px}
.no-res{background:#fff;border-radius:10px;padding:24px;text-align:center;grid-column:1/-1}.no-res p{margin:6px 0 0;color:var(--muted)}

/* Sidebar: Filter oben, eingeklappte Listen mit Verlauf */
.filters{display:flex;flex-direction:column;gap:14px}
.f-brands{max-height:none!important;overflow:visible!important}
.f-collapse.is-collapsed::after{height:70px!important;background:linear-gradient(rgba(255,255,255,0),#fff 90%)!important}
.f-box .collapse-btn{width:auto;margin:6px 0 0;padding:4px 0;border:0;background:none;color:#1d5fa8;font-size:13.5px;font-weight:600;justify-content:flex-start}
.f-box .collapse-btn::after{content:" ▾";font-size:11px}.f-box .collapse-btn[aria-expanded=true]::after{content:" ▴"}
.f-nav .f-h{margin-top:4px}

/* Filter als Akkordeon */
.f-form .f-h{margin-bottom:4px}
.f-acc{border-top:1px solid #eef0f3}.f-acc:last-of-type{border-bottom:1px solid #eef0f3}
.f-acc summary{display:flex;align-items:center;gap:8px;padding:12px 2px;cursor:pointer;list-style:none;font-weight:600;font-size:14.5px;color:var(--ink);user-select:none}
.f-acc summary::-webkit-details-marker{display:none}
.f-acc summary span{flex:1}
.f-acc summary::after{content:"";width:8px;height:8px;border-right:1.6px solid #6b7580;border-bottom:1.6px solid #6b7580;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .15s}
.f-acc[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.f-acc summary em{font-style:normal;min-width:20px;height:20px;border-radius:10px;background:var(--navy);color:#fff;font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.f-acc summary:hover{color:var(--navy)}
.f-acc-b{padding:0 2px 14px}
.f-acc .f-brands{max-height:240px!important;overflow-y:auto!important}
.f-nav .f-acc{border-top:0}.f-nav .f-acc-nav>summary{font-size:15px;padding-top:4px}
.f-nav .f-acc-b .f-h{font-size:14px;margin:6px 0 4px}

/* ===== Mein Konto – moderne Listen ===== */
.acc-nav{border:0;padding:6px;border-radius:12px}
.acc-nav a,.acc-nav button{display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:8px;font-size:14.5px;color:#3a4552;margin:1px 0}
.acc-nav svg{flex:0 0 18px;color:#8a949f}
.acc-nav a:hover,.acc-nav button:hover{background:#f4f6f8}
.acc-nav a.on{background:#eef2f6;box-shadow:none;color:var(--navy);font-weight:600}.acc-nav a.on svg{color:var(--navy)}
.acc-nav form{border-top:1px solid #eef0f3;margin-top:6px;padding-top:6px}
.acc-card{padding:22px 24px}
.acc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.acc-head h2{margin:0;font-size:18px}.acc-head p{margin:2px 0 0;color:#7a8490;font-size:13.5px}
.acc-search{width:260px;max-width:100%;padding:9px 12px 9px 34px;border:1px solid #dfe3e8;border-radius:8px;font:inherit;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a949f' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 11px center/15px}
.acc-search:focus{outline:0;border-color:#9aa8b6;box-shadow:0 0 0 3px #eef2f6}
.acc-tbl-wrap{overflow-x:auto}
.tech.acc-orders{max-width:none;width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.tech.acc-orders th{width:auto;background:none;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#8a949f;font-weight:600;padding:0 14px 10px;border-bottom:1px solid #e8ebef;white-space:nowrap}
.tech.acc-orders td{padding:14px;border-bottom:1px solid #f1f3f5;vertical-align:middle;color:#3a4552}
.tech.acc-orders th:first-child,.tech.acc-orders td:first-child{padding-left:4px}
.tech.acc-orders th:last-child,.tech.acc-orders td:last-child{padding-right:4px}
.tech.acc-orders tbody tr:last-child td{border-bottom:0}
.tech.acc-orders tbody tr{transition:background .12s}
.tech.acc-orders tbody tr:hover td{background:#fafbfc}
.acc-orders .r{text-align:right}
.acc-orders .c-main a{display:block;font-weight:600;color:var(--ink)}
.acc-orders .c-main a:hover{color:var(--navy)}
.acc-orders .c-main small{display:block;color:#8a949f;font-size:12.5px;margin-top:2px}
.acc-orders .c-sum{font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.acc-orders .c-act{white-space:nowrap}
.acc-orders .c-act>*+*{margin-left:6px}
.acc-btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid #dfe3e8;border-radius:7px;background:#fff;color:#3a4552;font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none}
.acc-btn:hover{border-color:#b9c2cc;background:#f7f8fa;text-decoration:none}
.acc-go{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:7px;background:#eef2f6;color:var(--navy);font-size:13px;font-weight:600}
.acc-go::after{content:"›";font-size:16px;line-height:1}
.acc-go:hover{background:#e2e8ef;text-decoration:none}
.status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#f1f3f5;color:#4a5562;white-space:nowrap}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.st-neu{background:#fff3e8;color:#b4530f}.st-versendet,.st-in-bearbeitung{background:#edf3fb;color:#24589e}.st-abgeschlossen{background:#ecf6ee;color:#2a7a37}.st-storniert{background:#f8eeee;color:#a23a3a}
.doc-kind{font-size:13px;color:#4a5562}.doc-kind.k-gutschrift{color:#2a7a37}
.acc-orders tr.is-hidden{display:none}
.acc-noresult{padding:18px 4px;color:#7a8490;font-size:14px}
@media (max-width:700px){
  .acc-card{padding:16px}
  .acc-search{width:100%}
  .tech.acc-orders thead{display:none}
  .tech.acc-orders,.tech.acc-orders tbody,.tech.acc-orders tr,.tech.acc-orders td{display:block;width:100%}
  .tech.acc-orders tr{padding:12px 0;border-bottom:1px solid #f1f3f5}
  .tech.acc-orders tbody tr:last-child{border-bottom:0}
  .tech.acc-orders td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 0!important;border:0;text-align:right}
  .tech.acc-orders td[data-label]::before{content:attr(data-label);color:#8a949f;font-size:12.5px;text-align:left}
  .tech.acc-orders td.c-main{display:block;text-align:left;padding-bottom:6px!important}
  .tech.acc-orders td.c-main::before{display:none}
  .tech.acc-orders td.c-act{justify-content:flex-end;padding-top:8px!important}
  .tech.acc-orders td.c-act::before{display:none}
  .tech.acc-orders tbody tr:hover td{background:none}
}
.status{text-transform:capitalize}

/* ===== Beschaffungsservice / Projekte ===== */
.bs{padding-bottom:40px}
.bs-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;background:#fff;border-radius:14px;padding:40px;margin:8px 0 28px;overflow:hidden}
.bs-eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a8490}
.bs-hero h1{font-size:clamp(26px,3.2vw,38px);line-height:1.15;margin:0 0 14px;letter-spacing:-.01em}
.bs-lead{font-size:17px;line-height:1.6;color:#4a5562;margin:0 0 22px}
.bs-cta{display:flex;gap:10px;flex-wrap:wrap}
.bs-facts{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:14px;color:#3a4552}
.bs-facts li{position:relative;padding-left:22px}
.bs-facts li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.bs-hero-i img{width:100%;height:100%;max-height:380px;object-fit:cover;border-radius:10px;display:block}
.bs-sec{background:#fff;border-radius:14px;padding:36px 40px;margin-bottom:24px}
.bs-alt{background:#f1f4f7}
.bs-sh{max-width:720px;margin-bottom:24px}
.bs-sh h2,.bs-split h2,.bs-final h2{font-size:clamp(21px,2.2vw,26px);margin:0 0 8px;letter-spacing:-.01em}
.bs-sh p{margin:0;color:#5a6572;font-size:15.5px;line-height:1.6}
.bs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bs-card{background:#f7f8fa;border-radius:10px;padding:22px}
.bs-ico{display:inline-flex;width:46px;height:46px;border-radius:10px;background:#fff;color:var(--navy);align-items:center;justify-content:center;margin-bottom:14px}
.bs-card h3{font-size:16px;margin:0 0 6px}.bs-card p{margin:0;color:#5a6572;font-size:14.5px;line-height:1.55}
.bs-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:s}
.bs-steps li{position:relative;background:#fff;border-radius:10px;padding:20px 18px}
.bs-steps li:not(:last-child)::after{content:"";position:absolute;top:36px;right:-14px;width:14px;height:1px;background:#c9d1da}
.bs-n{display:inline-flex;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:14px;align-items:center;justify-content:center;margin-bottom:12px}
.bs-steps b{display:block;font-size:15px;margin-bottom:4px}.bs-steps p{margin:0;font-size:13.5px;color:#5a6572;line-height:1.5}
.bs-refs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bs-ref{margin:0;display:flex;flex-direction:column;background:#f7f8fa;border-radius:12px;overflow:hidden}
.bs-img{display:block;padding:0;border:0;background:#e9edf1;cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}
.bs-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.bs-ref:hover .bs-img img{transform:scale(1.04)}
.bs-ref figcaption{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.bs-tag{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5a6572;background:#fff;border-radius:999px;padding:3px 10px;margin-bottom:10px}
.bs-ref h3{font-size:16px;margin:0 0 6px}.bs-ref p{margin:0 0 12px;font-size:14px;color:#5a6572;line-height:1.55;flex:1}
.bs-ref a{font-size:14px;font-weight:600}
.bs-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bs-area{display:block;background:#f7f8fa;border-radius:10px;padding:18px;color:var(--ink);transition:background .15s}
.bs-area:hover{background:#eef2f6;text-decoration:none}
.bs-area b{display:block;margin-bottom:4px}.bs-area b::after{content:" ›";color:#8a949f}
.bs-area span{font-size:13.5px;color:#5a6572;line-height:1.5}
.bs-split{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.bs-split p{color:#4a5562;line-height:1.6}
.bs-faq .faq-i{border-bottom:1px solid #eef0f3}
.bs-faq summary{cursor:pointer;list-style:none;padding:14px 26px 14px 0;font-weight:600;position:relative}
.bs-faq summary::-webkit-details-marker{display:none}
.bs-faq summary::after{content:"";position:absolute;right:4px;top:19px;width:8px;height:8px;border-right:1.6px solid #6b7580;border-bottom:1.6px solid #6b7580;transform:rotate(45deg);transition:transform .15s}
.bs-faq details[open] summary::after{transform:rotate(-135deg);top:23px}
.bs-faq details p{margin:0 0 14px;color:#4a5562;line-height:1.6;font-size:14.5px}
.bs-final{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:14px;padding:32px 40px}
.bs-final p{margin:0;color:#c9d3dd}.bs-final h2{color:#fff}
.bs-final .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.ref-dlg{border:0;padding:0;border-radius:12px;max-width:min(1100px,94vw);background:#fff;overflow:hidden}
.ref-dlg::backdrop{background:rgba(15,23,32,.75)}
.ref-dlg img{display:block;max-width:100%;max-height:80vh;margin:0 auto}
.ref-dlg p{margin:0;padding:12px 18px;font-size:14px;color:#3a4552}
.ref-dlg .iq-x{position:absolute;top:8px;right:8px;background:#fff;border-radius:50%;width:34px;height:34px}
@media (max-width:1000px){.bs-grid,.bs-refs{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bs-steps li::after{display:none}.bs-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .bs-hero{grid-template-columns:1fr;padding:22px;gap:20px}.bs-hero-i{order:-1}.bs-hero-i img{max-height:220px}
  .bs-sec{padding:24px 18px}.bs-final{padding:24px 20px}
  .bs-grid,.bs-refs,.bs-areas,.bs-split,.bs-steps{grid-template-columns:1fr}.bs-split{gap:10px}
  .bs-facts{grid-template-columns:1fr}.bs-cta .btn{flex:1}
}
@media (max-width:760px){.bs-cta{flex-direction:column}.bs-cta .btn{width:100%}}

/* Haftungshinweis Preisfehler */
.ft-note{flex:1 0 100%;margin:4px 0 0!important;font-size:11.5px;line-height:1.5;color:#6b7580;max-width:none}
.ft-note b{font-weight:600;color:#4a5562}.ft-note a{color:inherit;text-decoration:underline}
.ft-co .ft-note{margin-top:10px!important;text-align:center}
@media (max-width:700px){.ft-note{text-align:center}}

/* ===== Primärfarbe Gelb #f7cf00 – dunkle Schrift auf Gelb ===== */
.btn-cart,.btn-cart:hover,.cart-n,.pd-price .p-main,.steps li.on b,.ink-n,.ft-b2b .b2b,.s-b2b .btn-cart,.sl-dots button.on{color:var(--on-accent)!important}
.btn-cart{border-color:var(--accent)}.btn-cart:hover{background:var(--accent-d);border-color:var(--accent-d)}
.btn-cart:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.logo-t{color:var(--navy)}.logo-t b{font-weight:800}.logo-t em{font-weight:600;color:#8a949f;font-size:.62em;margin-left:1px}
.nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1{color:var(--navy)}
.l1-brand,.l1-brand:hover{color:var(--navy)!important}
.mega-grid a:hover,.pager a:hover,.mg a:hover,.ft a:hover,a.hd-it:hover,.hd-acc:hover,.hd-phone:hover,.hd-cart:hover,.hd-ink:hover,.acc-in a:hover,.co-help:hover{color:var(--navy);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.hd-ink:hover svg,.search button:hover{color:var(--navy)!important}
.ac mark{background:var(--accent-l);color:inherit}
.opt:has(input:checked),.pm:has(input:checked){background:#fffcea}
.form input:focus,.form select:focus,.form textarea:focus{outline-color:var(--accent-d)}

/* ===== Logo: Wortmarke nach Art Schäfer Shop – B2BEINKAUF. + Slogan ===== */
.logo{gap:0;align-items:center}
.logo-t{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;color:var(--navy);padding:0;font-size:1rem;letter-spacing:0;text-transform:none}
.logo-t::after{display:none}
.logo-w{font-size:27px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;text-transform:uppercase}
.logo-w b{font-weight:900;letter-spacing:-.02em}
.logo-w i{font-style:normal;font-weight:900;color:var(--accent);margin-left:1px;-webkit-text-stroke:.4px #e0b800}
.logo-t small{font-size:10px;font-weight:600;color:#6b7580;margin-top:3px;letter-spacing:.01em;white-space:nowrap}
.pd-brand .logo-w{font-size:16px}.pd-brand .logo-t small{display:none}
@media (max-width:900px){.logo-w{font-size:21px}.logo-t small{font-size:8.5px;margin-top:2px}}
@media (max-width:380px){.logo-w{font-size:18px}.logo-t small{display:none}}

@media (max-width:700px){.co-hd .logo{order:0}.co-help{order:1}.co-help span{display:none}.co-help{width:40px;height:40px;justify-content:center;border:1px solid var(--line);border-radius:50%}}
.logo-t small{font-weight:400;color:#7a8490;letter-spacing:.03em}

/* Kostenstellen-Auswahl im Checkout */
#kst-sel{width:100%}
#kst-sel+input:not([hidden]){margin-top:8px}
.kst-manage{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:400}
/* Lupe in der Suchleiste exakt mittig */
.search button{display:flex;align-items:center;justify-content:center;align-self:stretch}
.search button svg{display:block;flex:none}

/* Kauf auf Rechnung – Info-Modal & Abschnitt Versand & Zahlung */
.rk{padding:28px 30px 22px}
.rk-kicker{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12.5px;font-weight:600;color:#6b7580;letter-spacing:.02em}
.rk h2{margin:0 0 10px;font-size:22px;padding-right:40px}
.rk h3,.rk-sec h3{font-size:15px;margin:20px 0 10px}
.rk-lead{margin:0;font-size:15.5px;line-height:1.6;color:#3a4552}
.rk-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:rk}
.rk-steps li{position:relative;padding:12px 14px 12px 50px;background:#f7f8fa;border-radius:10px;counter-increment:rk}
.rk-steps li::before{content:counter(rk);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rk-steps b{display:block;font-size:14.5px}.rk-steps span{display:block;font-size:13.5px;color:#5a6572;line-height:1.5;margin-top:2px}
.rk-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.rk-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.55;color:#3a4552}
.rk-list li::before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff3b8}
.rk-note{margin:18px 0 0;font-size:13.5px;color:#5a6572}
.rk .iq-act{margin-top:20px}
.rk-sec{margin-top:24px}
@media(max-width:600px){.rk{padding:22px 16px 16px}.rk h2{font-size:19px}}

/* ===== Hinweis-Banner unter dem Menü: links Aktion (gelb), rechts Service (dunkel) ===== */
.promo{position:relative;display:grid;grid-template-columns:1fr;background:var(--accent);color:var(--on-accent)}
.promo[hidden]{display:none}
.promo-2{grid-template-columns:1fr 1fr}
.promo-l,.promo-r{display:flex;align-items:center;min-height:40px;padding:8px 24px}
.promo-l{justify-content:center}
.promo-2 .promo-l{justify-content:flex-end;padding-right:28px}
.promo-r{background:var(--navy);color:#fff;justify-content:flex-start;padding-left:28px;padding-right:56px}
.promo p{margin:0;font-size:14px;line-height:1.4}
.promo b{font-weight:700}
.promo a{margin-left:8px;color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.promo-r b{color:var(--accent)}
.promo-r a{color:#fff;text-decoration-color:var(--accent)}
.promo a:hover{text-decoration-thickness:2px}
.promo-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--on-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}
.promo-2 .promo-x{color:#fff}
.promo-x:hover{background:rgba(127,127,127,.18)}
@media(max-width:900px){
  .promo-2{grid-template-columns:1fr}
  .promo-l,.promo-2 .promo-l,.promo-r{justify-content:flex-start;padding:7px 48px 7px 16px;min-height:0}
  .promo p{font-size:13px}
  .promo-2 .promo-x{top:6px;transform:none;color:var(--on-accent)}
}
.inq-dlg .iq-x:focus:not(:focus-visible){outline:none}
@media(max-width:900px){.promo-2 .promo-r .pt{display:none}.promo-l,.promo-2 .promo-l,.promo-r{padding-top:6px;padding-bottom:6px}}
.promo-l p,.promo-r p{white-space:normal}
@media(min-width:901px){.promo-r p{white-space:nowrap}}
/* Banner komplett gelb – beide Hälften, feine Trennlinie */
.promo-r{background:var(--accent);color:var(--on-accent)}
.promo-r b{color:var(--on-accent)}
.promo-r a{color:var(--on-accent);text-decoration-color:currentColor}
.promo-2 .promo-x{color:var(--on-accent)}
@media(min-width:901px){.promo-2 .promo-r{position:relative}.promo-2 .promo-r::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(27,42,58,.25)}}
@media(max-width:900px){.promo-2 .promo-r{border-top:1px solid rgba(27,42,58,.15)}}
/* Beschaffungsservice „ploppt“ von links herein (einmal pro Besuch) */
.promo-r{overflow:hidden}
.promo.anim .promo-r p{animation:promoIn .75s cubic-bezier(.34,1.56,.64,1) .45s both}
.promo.anim .promo-r b{display:inline-block;animation:promoPop .45s ease-out 1.15s both}
@keyframes promoIn{0%{opacity:0;transform:translateX(-120px)}60%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@keyframes promoPop{0%{transform:scale(1)}45%{transform:scale(1.12)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.promo.anim .promo-r p,.promo.anim .promo-r b{animation:none}}
/* Projekt-Schnellanfrage (Beschaffungsservice) */
.bs-req{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;background:linear-gradient(135deg,#fffbe6 0%,#fff 70%)}
.bs-req h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 10px}
.bs-req-t>p{color:#4a5562;line-height:1.6;margin:0}
.bs-quick{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border-radius:12px;padding:22px;box-shadow:0 10px 30px rgba(27,42,58,.08)}
.bs-quick label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:#3a4552}
.bs-quick select,.bs-quick input{height:44px;border:1px solid #d5dae0;border-radius:8px;padding:0 12px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}
.bs-quick select:focus,.bs-quick input:focus{outline:0;border-color:var(--accent-d);box-shadow:0 0 0 3px #fff3b8}
.bs-quick label:first-of-type{grid-column:1/-1}
.bs-quick .btn{grid-column:1/-1;height:48px;font-size:16px;justify-content:center}
.bs-quick-n{grid-column:1/-1;margin:0;text-align:center;font-size:13.5px;color:#5a6572}
@media(max-width:860px){.bs-req{grid-template-columns:1fr;gap:20px}.bs-quick{grid-template-columns:1fr;padding:16px}}
.bs-quick label:nth-of-type(4){grid-column:1/-1}
/* Kauf auf Rechnung – cleanere Gestaltung */
.rk{padding:32px 34px 24px}
.rk-kicker{display:block;margin:0 0 6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a949f}
.rk h2{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}
.rk-lead{font-size:15px;color:#4a5562;line-height:1.65;padding-bottom:22px;border-bottom:1px solid #eef0f3}
.rk-lead b{color:var(--ink);font-weight:600}
.rk h3,.rk-sec h3{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8a949f;margin:22px 0 14px}
.rk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rk-steps li{background:none;padding:0;border-radius:0}
.rk-steps li::before{position:static;display:flex;width:26px;height:26px;margin-bottom:10px;background:none;border:1.5px solid #c9d0d8;color:var(--navy);font-size:12.5px}
.rk-steps b{font-size:14px;font-weight:600}
.rk-steps span{font-size:13px;color:#6b7580;margin-top:4px}
.rk-list{gap:10px;padding-top:2px}
.rk-list li{padding-left:24px;font-size:14px;color:#4a5562}
.rk-list li b{font-weight:600;color:var(--ink)}
.rk-list li::before{left:2px;top:4px;width:12px;height:7px;border-radius:0;background:none;box-shadow:none;border-left:1.6px solid var(--navy);border-bottom:1.6px solid var(--navy);transform:rotate(-45deg)}
.rk-note{margin-top:22px;padding-top:16px;border-top:1px solid #eef0f3;font-size:13px;color:#6b7580}
.rk .iq-act{margin-top:18px;justify-content:flex-end}
.rk .iq-act .btn{height:42px;font-size:14px}
.rk .rk-ok{min-width:140px;justify-content:center}
@media(max-width:600px){.rk{padding:24px 18px 18px}.rk h2{font-size:21px}.rk-steps{grid-template-columns:1fr;gap:14px}
  .rk-steps li{display:grid;grid-template-columns:26px 1fr;column-gap:12px}.rk-steps li::before{grid-row:span 2;margin:0}}
.rk-kicker{padding-right:44px}
.inq-dlg .iq-x:focus-visible{outline:2px solid #c9d0d8;outline-offset:1px}
.rk-dlg .iq-x:focus{outline:2px solid #e3e7eb;outline-offset:1px}

/* ===== Cookie-Einwilligung ===== */
.ck-dlg{border:0;padding:0;border-radius:14px;width:min(600px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:0 30px 80px rgba(15,25,40,.35);color:var(--ink)}
.ck-dlg::backdrop{background:rgba(20,28,38,.6)}
.ck{padding:28px 30px 24px}
.ck-logo{margin-bottom:18px}
.ck-logo .logo-t{display:inline-flex}
.ck h2{font-size:17px;margin:0 0 10px}
.ck-txt{margin:0 0 12px;font-size:14px;line-height:1.6;color:#4a5562}
.ck-links{display:flex;gap:16px;margin:0 0 18px;font-size:13px}
.ck-links a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.ck-sw{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:22px}
.ck-t{display:inline-flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;user-select:none}
.ck-t input{position:absolute;opacity:0;width:1px;height:1px}
.ck-k{position:relative;width:38px;height:22px;border-radius:11px;background:#d5dae0;transition:background .15s;flex:none}
.ck-k::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
.ck-t input:checked+.ck-k{background:var(--navy)}
.ck-t input:checked+.ck-k::after{transform:translateX(16px)}
.ck-t input:focus-visible+.ck-k{outline:2px solid var(--accent-d);outline-offset:2px}
.ck-t.is-lock{cursor:default;color:#6b7580}.ck-t.is-lock .ck-k{opacity:.45}
.ck-act{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}
.ck-act .btn{justify-content:center;height:44px;font-size:14px;padding:0 10px}
@media(max-width:560px){.ck{padding:22px 18px 18px}.ck-act{grid-template-columns:1fr 1fr}.ck-act .ck-yes{grid-column:1/-1;order:-1}}
.ck:focus{outline:none}
.ck-dlg{border-radius:6px}.ck-act .btn{border-radius:4px}.ck-k{border-radius:11px}
/* Service-Seiten: SEO-Ratgebertext, weitere Services, 4er-Ablauf */
.bs-seo-a{max-width:820px}
.bs-seo-a h2{font-size:clamp(19px,2vw,23px);margin:30px 0 10px;letter-spacing:-.01em}
.bs-seo-a h2:first-child{margin-top:0}
.bs-seo-a p,.bs-seo-a li{font-size:15.5px;line-height:1.7;color:#3a4552}
.bs-seo-a ul{padding-left:20px;margin:0 0 14px}
.bs-seo-a li{margin-bottom:6px}
.bs-seo-a a{font-weight:500}
.bs-steps-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bs-areas-col{grid-template-columns:1fr;gap:10px}
.bs-split .bs-areas-col{margin-top:14px}
.bs-split h2{margin-bottom:6px}
.bs-hero-s h1{font-size:clamp(26px,3vw,36px)}
.bs .svc-tiles{margin:0}
@media(max-width:1000px){.bs-steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bs-steps-4{grid-template-columns:1fr}}
/* ===== Hilfe & Kontakt ===== */
.hk-hero{background:#fff;border-radius:14px;padding:36px 40px;margin:8px 0 24px}
.hk-hero h1{font-size:clamp(26px,3vw,36px);margin:0 0 10px}
.hk-hero .bs-lead{max-width:760px}
.hk-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:6px}
.hk-way{display:flex;align-items:flex-start;gap:14px;padding:18px;background:#f7f8fa;border:0;border-radius:12px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:background .15s}
.hk-way:hover{background:#eef2f6;text-decoration:none}
.hk-way .bs-ico{margin:0;flex:none}
.hk-way small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a949f}
.hk-way b{display:block;font-size:16px;margin:3px 0 2px;word-break:break-word}
.hk-way em{display:block;font-style:normal;font-size:13px;color:#6b7580}
.hk-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hk-topic{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#f7f8fa;border-radius:10px;color:var(--ink);transition:background .15s}
.hk-topic:hover{background:#eef2f6;text-decoration:none}
.hk-topic .bs-ico{width:40px;height:40px;margin:0;flex:none}
.hk-topic b{display:block;font-size:14.5px;margin-bottom:2px}
.hk-topic small{display:block;font-size:13px;color:#6b7580;line-height:1.45}
.hk-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
.hk-form{margin:0}
.hk-form h2{margin:0 0 4px}
.hk-form-p{margin:0 0 18px;color:#5a6572}
.hk-side{display:grid;gap:16px}
.hk-side-b{background:#fff;border-radius:14px;padding:22px 24px}
.hk-side-b h3{font-size:15px;margin:0 0 8px}
.hk-side-b p{margin:0 0 6px;color:#4a5562;line-height:1.6}
.hk-side-y{background:#fffbe6}
.hk-side-y .btn{margin-top:8px}
.hk-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hk-links a{font-size:14.5px}
.hk-links a::after{content:" ›"}
.hk-faq{max-width:none}
@media(max-width:1000px){.hk-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.hk-ways{grid-template-columns:1fr}.hk-main{grid-template-columns:1fr}.hk-hero{padding:24px 18px}}
@media(max-width:560px){.hk-topics{grid-template-columns:1fr}}
/* ===== 360° Beschaffungsservice ===== */
.l1-360{font-weight:600!important;white-space:nowrap}
.sr-360{display:inline-block;background:var(--accent);color:var(--on-accent);padding:0 .22em;border-radius:6px;margin-right:.12em}
.sr-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.sr-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px}
.sr-ring{width:220px;height:220px;border-radius:50%;border:2px dashed #d5dae0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:srSpin 40s linear infinite}
.sr-ring::before{content:"";position:absolute;inset:22px;border-radius:50%;background:var(--accent)}
.sr-ring b,.sr-ring span{position:relative;animation:srSpin 40s linear infinite reverse}
.sr-ring b{font-size:54px;font-weight:900;color:var(--navy);line-height:1;letter-spacing:-.03em}
.sr-ring span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin-top:4px}
.sr-orbit{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.sr-orbit li{position:absolute;background:#fff;box-shadow:0 6px 18px rgba(27,42,58,.12);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--navy)}
.sr-orbit li:nth-child(1){top:8%;left:12%}.sr-orbit li:nth-child(2){top:16%;right:6%}.sr-orbit li:nth-child(3){bottom:14%;left:6%}.sr-orbit li:nth-child(4){bottom:6%;right:14%}
@keyframes srSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sr-ring,.sr-ring b,.sr-ring span{animation:none}}
.sr-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-form{max-width:920px}
.sr-list{display:grid;gap:14px}
.sr-pos{position:relative;border:1px solid #e6e9ed;border-radius:10px;padding:18px 18px 16px;margin:0;background:#fbfcfd}
.sr-pos legend{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7580;padding:0 6px}
.sr-rm{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#eef0f3;font-size:18px;line-height:1;cursor:pointer;color:#4a5562}
.sr-rm:hover{background:#e2e6ea}
.sr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.sr-grid label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:#3a4552}
.sr-grid input,.sr-grid select,.sr-grid textarea{border:1px solid #d5dae0;border-radius:8px;padding:10px 12px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}
.sr-grid input,.sr-grid select{height:44px;padding-top:0;padding-bottom:0}
.sr-grid input:focus,.sr-grid select:focus,.sr-grid textarea:focus{outline:0;border-color:var(--accent-d);box-shadow:0 0 0 3px #fff3b8}
.sr-wide{grid-column:1/-1}
.sr-add{margin:14px 0 6px;background:none;border:1px dashed #b9c2cc;border-radius:8px;padding:11px 16px;width:100%;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}
.sr-add:hover{background:#f7f8fa;border-color:var(--navy)}
.sr-h3{font-size:16px;margin:26px 0 12px}
.sr-person{margin-bottom:12px}
.sr-send{height:48px;min-width:220px;justify-content:center;font-size:16px}
.sr-ok{text-align:center;padding:30px 10px}.sr-ok h3{font-size:20px;margin:10px 0 8px}.sr-ok p{color:#4a5562;max-width:560px;margin:0 auto}
.sr-form .iq-err{margin:0 0 12px}
@media(max-width:860px){.sr-hero{grid-template-columns:1fr}.sr-visual{min-height:250px;order:-1}.sr-ring{width:170px;height:170px}.sr-ring b{font-size:42px}
  .sr-grid{grid-template-columns:1fr 1fr}.sr-steps{grid-template-columns:1fr}}
@media(max-width:560px){.sr-grid{grid-template-columns:1fr}.sr-send{width:100%}}
.sr-form .hp{position:absolute;left:-5000px;width:1px;height:1px;opacity:0}
/* 360°: Bereiche, Beispiele, Vorteile – clean */
.sr-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#eef0f3;border:1px solid #eef0f3;border-radius:12px;overflow:hidden}
.sr-cat{display:flex;flex-direction:column;gap:4px;padding:20px 18px;background:#fff;color:var(--ink);transition:background .15s}
a.sr-cat:hover{background:#fffbe6;text-decoration:none}
.sr-cat b{font-size:15px;margin-top:8px}
a.sr-cat b::after{content:" ›";color:#8a949f;font-weight:400}
.sr-cat small{font-size:13px;color:#6b7580;line-height:1.45}
.sr-cat-i{display:inline-flex;width:42px;height:42px;border-radius:10px;background:#fff6cc;color:var(--navy);align-items:center;justify-content:center;flex:none}
.sr-ex{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:18px}
.sr-ex p{margin:0;font-size:13px;font-weight:600;color:#6b7580;white-space:nowrap}
.sr-ex ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sr-ex li{font-size:13px;padding:6px 12px;border-radius:999px;background:#f4f6f8;color:#3a4552}
.sr-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px}
.sr-ben-i{display:flex;gap:14px;align-items:flex-start}
.sr-ben-i h3{font-size:15px;margin:2px 0 4px}
.sr-ben-i p{margin:0;font-size:14px;color:#5a6572;line-height:1.55}
@media(max-width:1000px){.sr-cats{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-ben{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sr-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-cat{padding:16px 14px}.sr-ben{grid-template-columns:1fr;gap:18px}}
/* 360°: Schnellformular + Modal (wie Beschaffungsservice) */
.sr-quick{grid-template-columns:1fr 1fr}
.sr-quick label:first-of-type{grid-column:1/-1}
.sr-dlg{width:min(780px,calc(100vw - 24px))}
.sr-dlg .iq{max-height:calc(100vh - 40px);overflow:auto}
.sr-dlg .sr-pos{background:#fff;padding:14px 14px 12px}
.sr-dlg .sr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.sr-dlg .sr-grid input,.sr-dlg .sr-grid select{height:40px}
.sr-dlg .sr-add{margin:10px 0 0;padding:9px 14px}
.sr-dlg .sr-h3{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7580;margin:20px 0 10px}
.sr-dlg .iq-act{margin-top:14px}
.sr-dlg .sr-send{height:44px;min-width:0}
@media(max-width:600px){.sr-dlg .sr-grid{grid-template-columns:1fr 1fr}.sr-quick{grid-template-columns:1fr}}
/* Tinte & Toner: SEO-Ratgeber (zweispaltig) */
.ink-guide{background:#fff;border-radius:14px;padding:34px 40px;margin:30px 0}
.ink-guide-h{max-width:860px;margin-bottom:22px}
.ink-guide-h h2{font-size:clamp(21px,2.3vw,27px);margin:4px 0 10px;letter-spacing:-.01em}
.ink-guide-h p{color:#4a5562;line-height:1.7;margin:0}
.ink-guide-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px}
.ink-guide h3{font-size:17px;margin:22px 0 8px}
.ink-guide-cols>div>h3:first-child{margin-top:0}
.ink-guide p,.ink-guide li{font-size:15px;line-height:1.7;color:#3a4552}
.ink-guide ul{padding-left:20px;margin:0 0 12px}
.ink-guide-brands{columns:2;column-gap:20px;padding-left:18px}
.ink-guide-brands small{color:#8a949f}
.ink-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px;margin-top:26px;padding-top:22px;border-top:1px solid #eef0f3}
.ink-guide-links h3{margin-top:0}
.ink-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ink-chips a{font-size:13.5px;padding:6px 12px;border-radius:999px;background:#f4f6f8;color:var(--ink)}
.ink-chips a:hover{background:#fff3b8;text-decoration:none}
@media(max-width:860px){.ink-guide{padding:24px 18px}.ink-guide-cols,.ink-guide-links{grid-template-columns:1fr}.ink-guide-brands{columns:1}}
/* ===== Suchseite: Filterleiste oben ===== */
.sf-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border-radius:12px;padding:12px 14px;margin:6px 0 12px}
.sf-dds{display:flex;flex-wrap:wrap;gap:8px}
.sf-dd{position:relative}
.sf-dd summary{list-style:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid #d5dae0;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;user-select:none;background:#fff;color:var(--ink)}
.sf-dd summary::-webkit-details-marker{display:none}
.sf-dd summary::after{content:"";width:7px;height:7px;border-right:1.6px solid #6b7580;border-bottom:1.6px solid #6b7580;transform:rotate(45deg);margin:-3px 0 0 2px;transition:transform .15s}
.sf-dd[open] summary{border-color:var(--navy)}
.sf-dd[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.sf-dd summary em{font-style:normal;min-width:20px;height:20px;border-radius:10px;background:var(--navy);color:#fff;font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.sf-pan{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:300px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 16px 40px rgba(15,25,40,.18);padding:14px}
.sf-list{max-height:280px;overflow:auto;margin:0 -4px}
.sf-opt{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:14px;cursor:pointer;border-radius:6px}
.sf-opt:hover{background:#f7f8fa}
.sf-opt span{flex:1}.sf-opt small{color:#8a949f}
.sf-opt[hidden]{display:none}
.sf-find{width:100%;height:36px;border:1px solid #d5dae0;border-radius:8px;padding:0 10px;margin-bottom:8px;font:inherit;font-size:14px}
.sf-apply{width:100%;justify-content:center;margin-top:10px;height:40px}
.sf-hint{margin:0 0 8px;font-size:12.5px;color:#6b7580}
.sf-sub{margin:10px 0 2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a949f}
.sf-price{display:flex;align-items:center;gap:8px}
.sf-price input{flex:1;min-width:0;height:40px;border:1px solid #d5dae0;border-radius:8px;padding:0 10px;font:inherit}
.sf-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sf-quick a{font-size:13px;padding:5px 10px;border-radius:999px;background:#f4f6f8;color:var(--ink)}
.sf-quick a:hover{background:#fff3b8;text-decoration:none}
.sf-sort{display:flex;align-items:center;gap:8px;font-size:14px}
.sf-sort select{height:38px;border:1px solid #d5dae0;border-radius:8px;padding:0 10px;font:inherit;background:#fff}
.sf-active{margin:0 0 12px}
@media(max-width:700px){.sf-bar{padding:10px}.sf-dd summary{height:36px;padding:0 12px;font-size:13.5px}.sf-sort{width:100%}.sf-sort select{flex:1}
  .sf-pan{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-height:70vh;overflow:auto}}
.sf-active{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.sf-active .f-reset{margin-left:4px}
/* Markenlogos */
.br-logo-box{display:flex;align-items:center;justify-content:center;width:200px;height:110px;flex:none;background:#fff;border-radius:12px;padding:14px;box-shadow:inset 0 0 0 1px #eef0f3}
.br-logo-real{max-width:100%;max-height:100%;object-fit:contain;display:block}
.br-tile .br-logo-t{display:flex;align-items:center;justify-content:center;width:100%;height:80px;padding:6px 10px}
.br-tile .br-logo-t img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.br-site{margin:8px 0 0;font-size:14px}
@media(max-width:700px){.br-logo-box{width:140px;height:80px;padding:10px}}

/* ===== Produktkachel: Kachel- vs. Listenansicht ===== */
.tile-meta,.tile-props,.tile-staffel,.tile-qty{display:none}
.tile-buy{display:flex;gap:8px;margin-top:auto}
.tile-buy .add-cart{flex:1}
.tile .stock.is-in{color:var(--ok)}
.tile .stock:not(.is-in) .ok{background:#c9a400}
/* Listenansicht */
.grid.is-list{gap:12px}
.is-list .tile{display:grid;grid-template-columns:190px minmax(0,1fr);border-radius:12px;overflow:hidden}
.is-list .tile-img{flex:none;border-right:0;padding:16px;background:#fff}
.is-list .tile-img img{width:158px;height:158px}
.is-list .tile-b{display:grid!important;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto auto 1fr;column-gap:28px;row-gap:6px;padding:18px 22px 18px 4px}
.is-list .tile-b>*{grid-column:1;margin:0}
.is-list .sku,.is-list .tile-specs{display:none}
.is-list .tile-t{font-size:16px;line-height:1.35;grid-row:1}
.is-list .tile-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:#6b7580;grid-row:2}
.is-list .tile-meta b{color:var(--ink);font-weight:600}
.is-list .tile-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;list-style:none;padding:10px 0 0;margin:2px 0 0;border-top:1px solid #f0f2f4;grid-row:3;align-self:start}
.is-list .tile-props li{display:flex;flex-direction:column;font-size:13px;line-height:1.35;min-width:0}
.is-list .tile-props span{color:#8a949f;font-size:12px}
.is-list .tile-props b{font-weight:500;color:#3a4552;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.is-list .dots{grid-column:1;grid-row:2;justify-self:end}
.is-list .tile-b>.price,.is-list .tile-b>.tile-staffel,.is-list .tile-b>.stock,.is-list .tile-b>.tile-buy{grid-column:2;text-align:right;justify-self:end}
.is-list .tile-b>.price{grid-row:1;margin:0}
.is-list .tile-b>.tile-staffel{display:block;grid-row:2;font-size:12.5px;color:#6b7580}
.is-list .tile-staffel b{color:var(--ink);font-weight:600}
.is-list .tile-b>.stock{grid-row:3;align-self:start;justify-content:flex-end;font-size:13px}
.is-list .tile-b>.tile-buy{grid-row:3;align-self:end;width:100%}
.is-list .tile-qty{display:block;flex:0 0 64px}
.is-list .tile-qty input{width:100%;height:42px;border:1px solid #d5dae0;border-radius:8px;text-align:center;font:inherit}
.is-list .tile-buy .add-cart{height:42px}
@media(max-width:900px){
  .is-list .tile{grid-template-columns:110px minmax(0,1fr)}
  .is-list .tile-img{padding:10px}.is-list .tile-img img{width:92px;height:92px}
  .is-list .tile-b{grid-template-columns:1fr!important;grid-template-rows:none;padding:12px 14px 14px 2px;row-gap:6px}
  .is-list .tile-b>*{grid-column:1!important;grid-row:auto!important;text-align:left!important;justify-self:stretch!important}
  .is-list .tile-props{grid-template-columns:1fr 1fr}.is-list .tile-props li:nth-child(n+3){display:none}
  .is-list .tile-b>.stock{justify-content:flex-start}
}
/* rechte Spalte als eigener Block */
.tile-side{display:contents}
.is-list .tile-side{grid-column:2;grid-row:1/span 3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;min-width:0}
.is-list .tile-side>*{margin:0}
.is-list .tile-side .tile-staffel{display:block;font-size:12.5px;color:#6b7580}
.is-list .tile-side .stock{justify-content:flex-end;font-size:13px}
.is-list .tile-side .tile-buy{margin-top:auto;width:100%;padding-top:6px}
@media(max-width:900px){.is-list .tile-side{grid-column:1;grid-row:auto;align-items:flex-start;text-align:left}.is-list .tile-side .stock{justify-content:flex-start}}
.grid.is-list{grid-template-columns:1fr!important}
@media(max-width:900px){.is-list .tile-img{align-items:flex-start}}

/* ===== Kachelansicht (Kategorie/Suche/Marke): 3 Spalten, umfassender & clean ===== */
@media(min-width:901px){
  .grid.js-view:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
.js-view:not(.is-list) .tile{border:0;border-radius:12px;box-shadow:0 1px 2px rgba(27,42,58,.04);transition:box-shadow .2s}
.js-view:not(.is-list) .tile:hover{box-shadow:0 10px 28px rgba(27,42,58,.10)}
.js-view:not(.is-list) .tile-img{padding:18px 18px 6px;background:#fff;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3}
.js-view:not(.is-list) .tile-img img{width:100%;height:100%;object-fit:contain}
.js-view:not(.is-list) .tile-b{padding:12px 18px 18px;gap:0}
.js-view:not(.is-list) .sku,.js-view:not(.is-list) .tile-specs{display:none}
.js-view:not(.is-list) .tile-meta{display:flex;flex-wrap:wrap;gap:2px 10px;order:-1;margin:0 0 4px;font-size:12px;color:#8a949f}
.js-view:not(.is-list) .tile-meta span:nth-child(n+3){display:none}
.js-view:not(.is-list) .tile-meta b{color:#4a5562;font-weight:600;text-transform:uppercase;letter-spacing:.02em}
.js-view:not(.is-list) .tile-t{font-size:15px;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(15px*1.4*2)}
.js-view:not(.is-list) .tile-props{display:grid;gap:3px;list-style:none;padding:8px 0 0;margin:0 0 12px;border-top:1px solid #f0f2f4}
.js-view:not(.is-list) .tile-props li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;min-width:0}
.js-view:not(.is-list) .tile-props li:nth-child(n+3){display:none}
.js-view:not(.is-list) .tile-props span{color:#8a949f;white-space:nowrap}
.js-view:not(.is-list) .tile-props b{font-weight:500;color:#3a4552;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.js-view:not(.is-list) .tile-side{display:flex;flex-direction:column;gap:4px;margin-top:auto}
.js-view:not(.is-list) .tile-side .price{margin:0}
.js-view:not(.is-list) .tile-staffel{display:block;margin:0;font-size:12px;color:#6b7580}
.js-view:not(.is-list) .tile-staffel b{color:var(--ink);font-weight:600}
.js-view:not(.is-list) .tile-side .stock{margin:2px 0 0;font-size:12.5px}
.js-view:not(.is-list) .tile-buy{margin-top:10px}
.js-view:not(.is-list) .tile-qty{display:block;flex:0 0 58px}
.js-view:not(.is-list) .tile-qty input{width:100%;height:42px;border:1px solid #d5dae0;border-radius:8px;text-align:center;font:inherit}
.js-view:not(.is-list) .tile-buy .add-cart{height:42px;padding:0 10px;font-size:14px}
@media(max-width:900px){
  .js-view:not(.is-list) .tile-img{padding:10px 10px 4px}
  .js-view:not(.is-list) .tile-b{padding:8px 10px 12px}
  .js-view:not(.is-list) .tile-t{font-size:13.5px;min-height:0}
  .js-view:not(.is-list) .tile-props,.js-view:not(.is-list) .tile-staffel{display:none}
  .js-view:not(.is-list) .tile-meta span:nth-child(n+2){display:none}
  .js-view:not(.is-list) .tile-qty{display:none}
  .js-view:not(.is-list) .tile-buy .add-cart{height:38px;font-size:13px}
}

/* ===== Markenseite (neu) ===== */
.brp-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;background:#fff;border-radius:14px;padding:26px 30px;margin:8px 0 16px}
.brp-hero .br-logo-box{width:220px;height:120px;box-shadow:inset 0 0 0 1px #eef0f3}
.br-logo-mono{font-size:54px;font-weight:900;color:var(--navy);background:#f7f8fa}
.brp-t h1{font-size:clamp(26px,3vw,34px);margin:2px 0 6px;letter-spacing:-.01em}
.brp-lead{margin:0;color:#4a5562;font-size:15px;line-height:1.6;max-width:640px}
.brp-t .br-portrait{margin:8px 0 0;font-size:14px;color:#5a6572;max-width:640px;line-height:1.6}
.brp-t .br-site{margin:8px 0 0}
.brp-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(110px,auto));gap:10px}
.brp-stats li{background:#f7f8fa;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column}
.brp-stats b{font-size:17px;color:var(--ink);white-space:nowrap}
.brp-stats span{font-size:12px;color:#6b7580}
.kc-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin-bottom:4px;scrollbar-width:thin}
.kc{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;box-shadow:inset 0 0 0 1px #e3e7eb;transition:background .15s}
.kc small{color:#8a949f;font-size:12px}
.kc:hover{background:#f7f8fa;text-decoration:none}
.kc.on{background:var(--navy);color:#fff;box-shadow:none}.kc.on small{color:#c9d3dd}
.brp .sf-bar{margin-top:4px}
.brp-seo{margin-top:30px}
@media(max-width:1000px){.brp-hero{grid-template-columns:auto minmax(0,1fr)}.brp-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.brp-hero{grid-template-columns:1fr;padding:18px;gap:14px}.brp-hero .br-logo-box{width:150px;height:84px}
  .brp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Logo als SVG-Datei */
.logo-img{display:block;height:48px;width:auto;max-width:100%}
.hd-co .logo-img{height:42px}
.pd-brand .logo-img{height:22px}
.ck-logo .logo-img{height:34px}
@media(max-width:900px){.logo-img{height:34px}.hd-co .logo-img{height:30px}}
@media(max-width:380px){.logo-img{height:28px}}
@media(max-width:900px){.mainbar .logo{min-width:0;flex:0 1 auto}.mainbar .logo-img{height:auto;width:min(170px,calc(100vw - 200px))}}
/* Logo etwas kleiner */
.logo-img{height:40px}
.hd-co .logo-img{height:36px}
@media(max-width:900px){.mainbar .logo-img{width:min(150px,calc(100vw - 210px))}.hd-co .logo-img{height:26px}}
/* Neues Logo (ohne Claim, 8:1) */
.logo-img{height:32px}
.hd-co .logo-img{height:28px}
.ck-logo .logo-img{height:28px}
@media(max-width:900px){.mainbar .logo-img{height:auto;width:min(160px,calc(100vw - 210px))}.hd-co .logo-img{height:20px}}
/* Logo mit Slogan (5,4:1) */
.logo-img{height:48px}
.hd-co .logo-img{height:42px}
.ck-logo .logo-img{height:40px}
@media(max-width:900px){.mainbar .logo-img{height:auto;width:min(150px,calc(100vw - 210px))}.hd-co .logo-img{height:30px}}
/* Logo minimal tiefer setzen */
.logo .logo-img{position:relative;top:4px}
@media(max-width:900px){.logo .logo-img{top:2px}}
/* Suchfeld im Header etwas flacher */
.mainbar .search{height:40px;align-self:center}
.mainbar .search input{font-size:14.5px}
.mainbar .search button svg{width:20px;height:20px}
.mainbar .search button::before{top:8px;bottom:8px}
@media(max-width:900px){.mainbar .search{height:40px}.mainbar .search input{font-size:16px}}
/* Trusted-Shops-Siegel in der Topbar */
.ts-badge{display:inline-flex;align-items:center;gap:7px;margin-right:16px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#3a4552;white-space:nowrap}
.ts-badge:hover{text-decoration:none;color:var(--ink)}
.ts-e{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#1b2a3a;color:#fff;font:italic 700 12px/1 Georgia,serif;text-transform:none;letter-spacing:0}
@media(max-width:900px){.ts-badge{display:none}}

/* ===== IT-Beschaffung ===== */
.it-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-self:center}
.it-v-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:4/3;border-radius:14px;background:#f7f8fa;color:var(--navy);position:relative;overflow:hidden}
.it-v-i::before{content:"";position:absolute;width:64px;height:64px;border-radius:50%;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-62%);opacity:.9}
.it-v-i svg{position:relative;width:34px;height:34px}
.it-v-i small{position:relative;font-size:12.5px;font-weight:600;color:#4a5562}
.it-v-i:nth-child(2)::before,.it-v-i:nth-child(3)::before{background:#fff3b8}
.it-brands{background:#fff;border-radius:14px;padding:18px 26px;margin:0 0 24px;display:flex;align-items:center;gap:24px}
.it-brands>p{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a949f;white-space:nowrap}
.it-logos{display:flex;align-items:center;gap:30px;overflow-x:auto;scrollbar-width:none;flex:1;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.it-logos::-webkit-scrollbar{display:none}
.it-logo{flex:none;display:flex;align-items:center;height:36px}
.it-logo img{max-height:30px;max-width:110px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.it-logo:hover img{filter:none;opacity:1}
.it-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.it-pack{display:flex;flex-direction:column;background:#f7f8fa;border-radius:12px;padding:22px}
.it-pack h3{font-size:18px;margin:2px 0 12px}
.it-pack .check-list{flex:1;margin-bottom:16px}
.it-pack .check-list li{font-size:14px}
.it-pack .btn{align-self:flex-start}
@media(max-width:1000px){.it-packs{grid-template-columns:1fr}}
@media(max-width:860px){.it-hero{grid-template-columns:1fr}.it-visual{order:-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.it-v-i{aspect-ratio:1}.it-v-i::before{width:40px;height:40px}.it-v-i svg{width:24px;height:24px}.it-v-i small{font-size:11px}
  .it-brands{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.it-logos{width:100%}}
.it-v-i::before{transform:translate(-50%,-78%)}.it-v-i small{margin-top:4px}
/* IT-Beschaffung: echte Kategorien */
.itc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.itc{background:#f7f8fa;border-radius:12px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}
.itc-h{display:flex;align-items:center;gap:12px;color:var(--ink)}
.itc-h:hover{text-decoration:none}.itc-h:hover b{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.itc-img{flex:none;width:56px;height:56px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.itc-img img{width:48px;height:48px;object-fit:contain}
.itc-h b{display:block;font-size:15px}.itc-h small{display:block;font-size:12.5px;color:#6b7580;margin-top:2px}
.itc ul{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid #e8ebef;display:flex;flex-wrap:wrap;gap:6px}
.itc li a{display:inline-block;font-size:12.5px;padding:4px 10px;border-radius:999px;background:#fff;color:#3a4552}
.itc li a:hover{background:#fff3b8;text-decoration:none}
.itc-more{margin:16px 0 0;font-size:14px;color:#5a6572}
@media(max-width:1000px){.itc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.itc-grid{grid-template-columns:1fr}}
/* IT-Hero: echte Kategorie-Bilder statt Icons */
.it-v-i{background:#fff;box-shadow:inset 0 0 0 1px #eef0f3;aspect-ratio:auto;padding:14px 12px 12px;gap:8px;text-decoration:none;transition:box-shadow .2s}
.it-v-i::before{display:none}
.it-v-i img{width:100%;height:110px;object-fit:contain}
.it-v-i small{font-size:13px;color:var(--ink);margin:0}
.it-v-i:hover{box-shadow:inset 0 0 0 1px #e0e4e8,0 8px 22px rgba(27,42,58,.08);text-decoration:none}
@media(max-width:860px){.it-v-i img{height:56px}.it-v-i{padding:8px 6px}.it-v-i small{font-size:11px}}
/* IT-Beschaffung: Kennzahlen, Produkte, Zielgruppen */
.it-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}
.it-stats li{background:#f7f8fa}
.it-stats b{font-size:18px}
.it-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;max-width:none}
.it-sh>div{max-width:720px}
.grid.it-prods:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))}
.it-prods .tile{background:#f7f8fa;box-shadow:none}
.it-prods .tile-img{background:#f7f8fa}
.it-who{margin-top:28px;padding-top:22px;border-top:1px solid #eef0f3}
.it-who-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:10px}
.it-who-i{display:flex;gap:12px;align-items:flex-start}
.it-who-i b{display:block;font-size:14.5px;margin-bottom:2px}
.it-who-i small{display:block;font-size:13px;color:#6b7580;line-height:1.5}
@media(max-width:1000px){.grid.it-prods:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))}.it-who-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.it-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.it-sh{flex-direction:column;align-items:flex-start}.it-who-g{grid-template-columns:1fr}}

/* Passwortstärke */
.pwm{margin:-4px 0 14px;padding:10px 12px;border:1px solid var(--line,#e3e7ec);border-radius:6px;background:#fafbfc;font-size:12.5px;color:#56616d}
.pwm-top{display:flex;align-items:center;gap:12px}
.pwm-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;flex:0 0 160px}
.pwm-bar i{height:5px;border-radius:3px;background:#e3e7ec;transition:background .2s}
.pwm-lbl{font-weight:600;color:#1b2a3a}
.pwm.is-weak .pwm-bar i:nth-child(-n+1){background:#d64545}
.pwm.is-fair .pwm-bar i:nth-child(-n+2){background:#e8a200}
.pwm.is-good .pwm-bar i:nth-child(-n+3){background:#5aa04a}
.pwm.is-strong .pwm-bar i{background:#2e8540}
.pwm.is-weak .pwm-lbl{color:#b83232}
.pwm-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.pwm-list li{position:relative;padding:0 0 0 16px;margin:0;background:none;display:block;width:auto}
.pwm-list li:before{content:"";position:absolute;left:2px;top:50%;width:7px;height:7px;margin-top:-4px;border-radius:50%;border:1.5px solid #b5bec8}
.pwm-list li.pwm-ok{color:#2e8540}
.pwm-list li.pwm-ok:before{border:0;width:9px;height:5px;margin-top:-5px;border-radius:0;border-left:2px solid #2e8540;border-bottom:2px solid #2e8540;transform:rotate(-45deg)}
@media(max-width:600px){.pwm-bar{flex-basis:110px}}

/* Menü wie Raster (2 Reihen, volle Breite) – hell mit leichtem Verlauf */
@media(min-width:901px){
  .nav-l1{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;border:0;overflow:hidden}
  .nav{padding-bottom:0!important}
  .nav-l1>li{flex:1 1 auto;border-left:1px solid #e8ebef;border-top:1px solid #e8ebef;margin:-1px 0 0 -1px}
  .nav-l1>li>.l1,.nav-l1>li:first-child>.l1{display:flex;align-items:center;justify-content:center;gap:7px;height:100%;padding:9px 11px!important;
    border-radius:0!important;background:linear-gradient(180deg,#ffffff 0%,#fafbfc 100%)!important;color:var(--ink)!important;font-weight:500;line-height:1.25;box-shadow:none!important}
  .nav-l1>li.has-mega>.l1::after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65;transition:transform .15s}
  .nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1,
  .nav.mm-js .nav-l1>li.mm-open>.l1,.nav.mm-js .nav-l1>li>.l1:hover{background:linear-gradient(180deg,#fbfbfc 0%,#f2f4f6 100%)!important;border-radius:0!important;box-shadow:inset 0 -2px 0 var(--accent)!important}
  .nav.mm-js .nav-l1>li.mm-open>.l1::after{transform:rotate(225deg) translateY(-1px)}
  .nav-l1>li>.l1.l1-360{font-weight:600!important}
}

/* Streichpreis (niedrigster Preis der letzten 30 Tage) */
.p-was{margin:0 0 4px;font-size:12px;line-height:1.4;color:#6b7580}
.p-was .p-was-l{display:block}
.p-was .p-was-v{color:#6b7580;text-decoration:line-through;text-decoration-thickness:1px;background:none!important;border:0!important;padding:0!important;font-weight:400}
.p-was .p-off{display:inline-block!important;margin-left:6px;padding:1px 7px!important;border-radius:4px;background:#a31515!important;color:#fff!important;font-size:11.5px;font-weight:700;border:0!important}
.pd-box .p-was{font-size:13px;margin-bottom:6px}
.pd-box .p-was .p-off{font-size:12.5px}

/* Menüreiter „Aktionen“ (dunkelrot mit Rabatt-Icon) */
.nav-l1>li>.l1.l1-akt{color:#a31515!important;font-weight:700!important}
.l1-akt .l1-ico{flex:none;margin-right:6px;vertical-align:-3px}
@media(min-width:901px){
  .nav-l1>li.nav-akt>.l1.l1-akt{background:linear-gradient(180deg,#b3191b 0%,#8f1214 100%)!important;color:#fff!important;letter-spacing:.01em;gap:0}
  .nav-l1>li.nav-akt:hover>.l1.l1-akt,.nav-l1>li.nav-akt>.l1.l1-akt:hover{background:linear-gradient(180deg,#a01618 0%,#7d0f11 100%)!important;box-shadow:none!important;color:#fff!important}
}
/* Aktionsseite – schlicht */
.akt-hero{display:flex;align-items:center;gap:18px;background:#fff;border-radius:12px;padding:22px 26px;margin:6px 0 14px;border:1px solid #f1e3e3}
.akt-ico{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#fbeaea;color:#a31515}
.akt-txt h1{margin:0 0 4px;font-size:1.75rem;line-height:1.2}
.akt-txt p{margin:0;color:#56616d}
.akt-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}
.akt-pills li{font-size:13px;color:#56616d;background:#f5f6f8;border-radius:999px;padding:5px 12px}
.akt-pills b{color:#a31515}
.akt-empty{background:#fff;border-radius:12px;padding:28px;text-align:center;color:#4a5560}
.akt-empty b{display:block;font-size:1.1rem;color:var(--ink);margin-bottom:6px}
@media(max-width:700px){.akt-hero{padding:16px;gap:12px;align-items:flex-start}.akt-ico{width:44px;height:44px;border-radius:11px}.akt-txt h1{font-size:1.4rem}}

/* Rabatt-Ecke auf Kacheln mit Streichpreis */
.tile-img{position:relative}
.tile-sale{position:absolute;top:10px;left:10px;z-index:1;background:#a31515;color:#fff;font-weight:800;font-size:13px;line-height:1;padding:6px 8px;border-radius:6px;box-shadow:0 2px 6px rgba(163,21,21,.25)}
.is-list .tile-sale{top:8px;left:8px;font-size:12px;padding:5px 7px}
/* Aktionsseite: 5er-Raster, Rabatte betont */
.akt-page .grid:not(.is-list){grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.akt-page .grid:not(.is-list) .tile-props,.akt-page .grid:not(.is-list) .tile-meta,.akt-page .grid:not(.is-list) .tile-staffel{display:none}
.akt-page .grid:not(.is-list) .tile-t{font-size:14px}
.akt-page .tile{border:1px solid #f2dede}
.akt-page .tile .tile-side{background:#fdf2f2;border-radius:8px;padding:10px;margin-top:8px}
.akt-page .tile .p-was{color:#8a4a4a}
.akt-page .tile .p-was .p-was-v{color:#8a4a4a}
.akt-page .tile .price .p-main{color:#a31515}
.akt-page .grid:not(.is-list) .tile{display:flex;flex-direction:column}
.akt-page .grid:not(.is-list) .tile-b{display:flex;flex-direction:column;flex:1}
.akt-page .grid:not(.is-list) .tile-side{margin-top:auto!important}
.akt-page .grid:not(.is-list) .tile-buy{display:flex;gap:6px;flex-wrap:nowrap}
.akt-page .grid:not(.is-list) .tile-qty{flex:0 0 46px}
.akt-page .grid:not(.is-list) .tile-qty input{width:100%;padding-left:4px;padding-right:4px;text-align:center}
.akt-page .grid:not(.is-list) .tile-buy .btn-cart{flex:1;min-width:0;white-space:nowrap;font-size:13px;padding-left:6px;padding-right:6px}
@media(max-width:1250px){.akt-page .grid:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.akt-page .grid:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.akt-page .grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* ===== Kasse – edel & ruhig ===== */
body.checkout{background:#f3f4f6}
.checkout .steps{background:none!important;border:0!important;box-shadow:none!important;margin:26px auto 24px;max-width:760px;overflow:visible}
.checkout .steps li{flex:1;flex-direction:column;gap:8px;padding:0;background:none;color:#8a939d;font-size:13.5px;font-weight:600;box-shadow:none!important;position:relative}
.checkout .steps li+li::before{content:"";position:absolute;top:17px;left:calc(-50% + 22px);right:calc(50% + 22px);bottom:auto;height:2px;border:0;background:#dde1e6;border-radius:2px}
.checkout .steps li b{position:relative;z-index:1;width:36px;height:36px;font-size:14px;background:#fff!important;color:#8a939d!important;border:2px solid #dde1e6;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.checkout .steps li.on{color:var(--ink)}
.checkout .steps li.on b{background:var(--navy)!important;border-color:var(--navy);color:#fff!important;box-shadow:0 0 0 5px rgba(27,42,58,.08)}
.checkout .steps li.done{color:#2e7d4f}
.checkout .steps li.done b{background:#2e7d4f!important;border-color:#2e7d4f;color:#fff!important}
.checkout .steps li.done+li::before,.checkout .steps li.done+li.on::before{background:#2e7d4f}
.checkout .cart-page{gap:24px}
.checkout #order-form{border-radius:16px;padding:32px 36px 28px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)!important}
.checkout #order-form legend h2{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin:0 0 18px}
.checkout .co-sec{font-size:11.5px!important;font-weight:700;letter-spacing:.11em;color:#7a848e;margin:28px 0 14px!important;padding-top:22px!important;border-top:1px solid #eef0f3!important;display:flex;align-items:center;gap:9px}
.checkout .co-sec::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--accent)}
.checkout #order-form label{font-size:13px;font-weight:600;color:#38434e}
.checkout #order-form .opt-l{font-weight:400;color:#9aa3ac;font-size:11.5px}
.checkout #order-form input:not([type=checkbox]):not([type=radio]),.checkout #order-form select,.checkout #order-form textarea{
  border:1px solid #d9dee4;border-radius:10px;background:#fff;min-height:46px;padding:10px 14px;font-size:15px;color:var(--ink);
  transition:border-color .15s,box-shadow .15s;margin-top:6px}
.checkout #order-form input::placeholder,.checkout #order-form textarea::placeholder{color:#a8b0b8}
.checkout #order-form input:hover:not(:focus),.checkout #order-form select:hover:not(:focus){border-color:#bfc6ce}
.checkout #order-form input:focus,.checkout #order-form select:focus,.checkout #order-form textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(247,207,0,.28)}
.checkout .acc-box{background:#f8f9fb;border:1px solid #eceff2;border-radius:12px;padding:12px 16px;font-size:14px;color:#4a5560}
.checkout .acc-box a{font-weight:600}
.checkout .co-more{background:#f8f9fb;border:1px solid #eceff2;border-radius:12px;padding:2px 16px;margin:18px 0 6px}
.checkout .co-more summary{padding:12px 0;font-size:14px;font-weight:600;cursor:pointer}
.checkout #order-form .chk{display:flex;align-items:center;gap:10px;font-weight:500;font-size:14.5px;color:var(--ink);margin:12px 0}
.checkout #order-form .chk input{width:18px;height:18px;accent-color:var(--navy);margin:0}
#co-pw[hidden]+.pwm{display:none}
.checkout .opt{border:1px solid #d9dee4!important;border-radius:12px!important;padding:14px 16px!important;transition:border-color .15s,background .15s}
.checkout .opt:hover{border-color:#bfc6ce!important}
.checkout .opt:has(input:checked){border-color:var(--navy)!important;background:#fafbfc!important;box-shadow:0 0 0 1px var(--navy)!important}
.checkout .opt input[type=radio]{accent-color:var(--navy);width:18px!important;height:18px}
.checkout .step-nav{margin-top:26px;padding-top:22px;border-top:1px solid #eef0f3;display:flex;justify-content:space-between;gap:12px}
.checkout .step-nav .btn{border-radius:10px;min-height:50px;padding:0 22px;font-size:15px}
.checkout .step-nav .btn-cart{padding:0 28px;box-shadow:0 2px 0 rgba(0,0,0,.04),0 6px 16px rgba(247,207,0,.35)}
.checkout .step-nav .btn-ghost{border:1px solid #d9dee4;background:#fff;color:#4a5560}
.checkout .cs-box{border-radius:16px;padding:22px 22px 16px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)!important}
.checkout .cs-head h2{font-size:1.15rem;letter-spacing:-.01em}
.checkout .cs-trust{border-radius:16px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;background:#fff}
.checkout .co-sum .sum .total{font-size:1.2rem}
@media(min-width:901px){.checkout .co-sum{position:sticky;top:18px;align-self:start}}
@media(max-width:700px){.checkout #order-form{padding:20px 16px}.checkout .steps{margin:16px 0}.checkout .steps li{font-size:11.5px}
  .checkout .steps li b{width:30px;height:30px}.checkout .steps li+li::before{top:14px}.checkout .step-nav .btn{min-height:46px;padding:0 14px;font-size:14px}}

/* ===== Kasse als Akkordeon (One-Page-Checkout) ===== */
.checkout .steps{display:none!important}
.checkout .cart-page{margin-top:26px}
.checkout #order-form{background:none!important;box-shadow:none!important;padding:0!important;border:0!important}
.checkout #order-form .step{display:block;background:#fff;border:0;border-radius:16px;margin:0 0 14px;padding:0 32px 28px;min-width:0;
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05);transition:box-shadow .2s}
.checkout #order-form .step>legend{float:left;width:calc(100% + 64px);margin:0 -32px 6px;padding:22px 32px;display:flex;align-items:center;gap:14px;box-sizing:border-box}
.checkout #order-form .step>legend+*{clear:both}
.checkout #order-form .step>legend h2{margin:0!important;font-size:1.2rem!important;font-weight:700;letter-spacing:-.01em}
.checkout .st-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:14px;
  background:#fff;color:#8a939d;border:2px solid #dde1e6}
.checkout .st-h{flex:1;min-width:0}
.checkout .st-sum{display:block;font-size:13px;color:#6b7580;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.checkout .st-sum:empty{display:none}
.checkout .st-edit{display:none;flex:none;background:none;border:1px solid #d9dee4;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.checkout .st-edit:hover{border-color:var(--navy)}
/* Zustände */
.checkout #order-form .step:not(.is-open){padding-bottom:0}
.checkout #order-form .step:not(.is-open)>:not(legend){display:none!important}
.checkout #order-form .step:not(.is-open)>legend{margin-bottom:0}
.checkout .step.is-open .st-n{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 5px rgba(27,42,58,.08)}
.checkout .step.is-open>legend{border-bottom:1px solid #eef0f3;margin-bottom:18px}
.checkout .step.is-done>legend{cursor:pointer}
.checkout .step.is-done .st-n{background:#2e7d4f;border-color:#2e7d4f;color:#fff;font-size:0}
.checkout .step.is-done .st-n::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.checkout .step.is-done .st-edit{display:inline-block}
.checkout .step.is-todo{box-shadow:0 1px 2px rgba(16,24,40,.04)}
.checkout .step.is-todo>legend h2{color:#8a939d}
.checkout #order-form .step[data-step="1"]>.acc-box:first-of-type{margin-top:0}
.checkout #order-form .co-sec:first-of-type{border-top:0!important;padding-top:4px!important;margin-top:20px!important}
@media(max-width:700px){
  .checkout #order-form .step{padding:0 16px 20px}
  .checkout #order-form .step>legend{width:calc(100% + 32px);margin:0 -16px 6px;padding:16px;gap:10px}
  .checkout .st-n{width:30px;height:30px}
  .checkout .st-edit{padding:5px 10px}
}

/* ===== Kasse: Schritt-Leiste links + kompaktere Felder ===== */
@media(min-width:1101px){
  .checkout .wrap:has(>.steps){display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:24px;align-items:start}
  .checkout .wrap:has(>.steps)>*:not(.steps){grid-column:2}
  .checkout .steps{display:flex!important;flex-direction:column;grid-column:1;grid-row:1 / span 3;position:sticky;top:18px;margin:26px 0 0!important;max-width:none;
    background:#fff!important;border-radius:16px;padding:18px 16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)!important;gap:0}
  .checkout .steps li{flex:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 6px;font-size:13.5px;border-radius:10px}
  .checkout .steps li+li::before{left:22px;right:auto;top:-10px;width:2px;height:20px;bottom:auto}
  .checkout .steps li b{width:30px;height:30px;font-size:13px}
  .checkout .steps li.on{background:#f5f6f8}
  .checkout .steps li.done{cursor:pointer}
  .checkout .steps li.done:hover{background:#f5f6f8}
  .checkout .cart-page{margin-top:26px}
}
/* kompaktere Felder & Karten */
.checkout #order-form .step{padding:0 26px 22px}
.checkout #order-form .step>legend{width:calc(100% + 52px);margin:0 -26px 4px;padding:16px 26px;gap:12px}
.checkout #order-form .step>legend h2{font-size:1.05rem!important}
.checkout .st-n{width:30px;height:30px;font-size:13px}
.checkout .st-sum{font-size:12.5px}
.checkout .step.is-open>legend{margin-bottom:14px}
.checkout #order-form label{font-size:12.5px}
.checkout #order-form input:not([type=checkbox]):not([type=radio]),.checkout #order-form select,.checkout #order-form textarea{min-height:40px;padding:7px 12px;font-size:14px;border-radius:8px;margin-top:4px}
.checkout #order-form .row2,.checkout #order-form .row3,.checkout #order-form .row-street{gap:12px}
.checkout .co-sec{margin:20px 0 10px!important;padding-top:16px!important}
.checkout .acc-box{padding:10px 14px;font-size:13.5px}
.checkout .co-more summary{padding:10px 0;font-size:13.5px}
.checkout #order-form .chk{font-size:14px;margin:9px 0}
.checkout .opt{padding:11px 14px!important;border-radius:10px!important}
.checkout .step-nav{margin-top:20px;padding-top:16px}
.checkout .step-nav .btn{min-height:44px;font-size:14.5px;border-radius:9px}
.checkout .cs-box{padding:18px 18px 14px}
@media(min-width:1101px){
  .checkout .wrap:has(>.steps){grid-template-columns:220px minmax(0,1fr)}
  .checkout .steps li{white-space:nowrap;font-size:13px}
}
.checkout #order-form .chk{display:block;position:relative;padding-left:28px;line-height:1.5}
.checkout #order-form .chk input{position:absolute;left:0;top:2px}
.checkout #co-review h3 .link,.checkout #co-review .js-goto{font-size:12.5px;font-weight:600;text-decoration:none;color:#5b6670;margin-left:6px;border:1px solid #dde1e6;border-radius:999px;padding:1px 9px;background:#fff}
.checkout #co-review .js-goto:hover{border-color:var(--navy);color:var(--ink)}
.checkout #co-review h3{font-size:13.5px;margin-bottom:6px}
.checkout #co-review p{font-size:14px;line-height:1.55}
/* Schritt-Leiste links ohne Box – schlicht */
@media(min-width:1101px){
  .checkout .steps{background:none!important;box-shadow:none!important;border-radius:0;padding:6px 0 0!important}
  .checkout .steps li{padding:12px 0;background:none!important;font-size:13.5px;color:#9aa3ac}
  .checkout .steps li+li::before{left:15px;top:-12px;height:24px;background:#dde1e6}
  .checkout .steps li b{width:32px;height:32px;background:#fff!important;border:2px solid #dde1e6}
  .checkout .steps li.on{color:var(--ink);font-weight:700}
  .checkout .steps li.on b{background:var(--navy)!important;border-color:var(--navy);color:#fff!important;box-shadow:0 0 0 4px rgba(27,42,58,.08)}
  .checkout .steps li.done{color:#2e7d4f}
  .checkout .steps li.done b{background:#2e7d4f!important;border-color:#2e7d4f;color:#fff!important;font-size:0}
  .checkout .steps li.done b::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
  .checkout .steps li.done+li::before{background:#2e7d4f}
  .checkout .steps li.done:hover{color:#1f5e3a}
}

/* ===== Kategorieseite – fein & modern ===== */
.cat-head.ch2{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:22px 26px;margin:6px 0 14px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ch2 .ch-txt{flex:1 1 420px;min-width:0}
.ch2 h1{font-size:1.65rem;letter-spacing:-.015em;margin:0 0 6px;line-height:1.2}
.ch2 .lead{margin:0;font-size:14.5px;color:#5b6670;max-width:760px;line-height:1.55}
.ch-facts{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ch-facts li{font-size:12.5px;font-weight:600;color:#3a4552;background:#f4f5f7;border-radius:999px;padding:5px 11px;white-space:nowrap}
.ch-facts li.ch-ok{background:#eaf5ee;color:#2e7d4f}
.ch-facts li.ch-ok::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2e9d5a;margin-right:6px;vertical-align:1px}
/* Unterkategorien */
.subcats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 16px;position:relative}
.subcats .sub-tile{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid transparent;border-radius:12px;padding:10px 12px;min-height:64px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s,transform .15s;text-decoration:none}
.subcats .sub-tile:hover{border-color:#e3e7ec;box-shadow:0 6px 16px rgba(16,24,40,.06);transform:translateY(-1px)}
.subcats .sub-tile img{width:44px!important;height:44px!important;object-fit:contain;flex:none;mix-blend-mode:multiply}
.subcats .sub-tile b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.3}
.subcats .sub-tile small{display:block;font-size:12px;color:#8a939d;margin-top:2px}
.subcats.is-fold .sub-tile:nth-child(n+11){display:none}
.subcats-more{grid-column:1/-1;justify-self:center;margin-top:2px;background:#fff;border:1px solid #dde1e6;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}
.subcats-more:hover{border-color:var(--navy)}
@media(max-width:1100px){.subcats{grid-template-columns:repeat(3,minmax(0,1fr))}.subcats.is-fold .sub-tile:nth-child(n+7){display:none}}
@media(max-width:700px){.subcats{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-head.ch2{padding:16px}.ch2 h1{font-size:1.35rem}}
/* Schnellfilter */
.qf-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.qf{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#3a4552;background:#fff;border:1px solid #e1e5ea;border-radius:999px;padding:6px 13px;text-decoration:none;transition:border-color .15s,background .15s}
.qf:hover{border-color:#b9c1ca;text-decoration:none;color:var(--ink)}
.qf.qf-ok::before{content:"";width:6px;height:6px;border-radius:50%;background:#2e9d5a}
.qf.on{background:var(--navy);border-color:var(--navy);color:#fff}
.qf.on::after{content:"×";font-size:14px;line-height:1;opacity:.8}
.qf.qf-ok.on::before{background:#7fe0a3}
/* Werkzeugleiste */
.listing .toolbar{background:#fff;border:0;border-radius:12px;padding:8px 10px 8px 16px;box-shadow:0 1px 2px rgba(16,24,40,.04);margin-bottom:12px}
.listing .toolbar p{font-size:13.5px;color:#5b6670}.listing .toolbar p b{color:var(--ink)}
.listing .toolbar select{border:1px solid #e1e5ea;border-radius:8px;padding:6px 10px;font-size:13.5px;background:#fff;min-height:36px}
.listing .toolbar label{font-size:13px;color:#6b7580}
.view-sw{border-radius:8px!important;overflow:hidden}
.view-sw .vs-btn{width:36px;height:36px}
/* Filter-Seitenleiste */
.filters .f-box{background:#fff;border:0!important;border-radius:14px;padding:6px 16px 10px;box-shadow:0 1px 2px rgba(16,24,40,.04);margin-bottom:12px}
.filters .f-form>.f-h{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a848e;margin:12px 0 4px;padding:0;border:0}
.filters .f-acc{border-bottom:1px solid #eef0f3}
.filters .f-acc:last-of-type{border-bottom:0}
.filters .f-acc>summary{padding:12px 0;font-size:14px;font-weight:600;color:var(--ink)}
.filters .f-acc>summary em{background:var(--navy);color:#fff;font-style:normal;font-size:11px;border-radius:999px;padding:1px 7px;margin-left:6px}
.filters .f-chk,.filters .f-brands label{font-size:13.5px;color:#38434e}
.filters .f-chk small,.filters .f-brands small{color:#9aa3ac}
.filters input[type=checkbox]{accent-color:var(--navy)}
.filters .f-price input{border:1px solid #e1e5ea;border-radius:8px;min-height:36px;font-size:13.5px}
.filters .f-bsearch{border:1px solid #e1e5ea;border-radius:8px;min-height:36px;font-size:13.5px;margin-bottom:8px}
.filters .f-nav .f-acc{border:0}
.filters .f-nav ul a{font-size:13.5px;color:#38434e;border-radius:8px;padding:6px 8px;display:block}
.filters .f-nav ul a:hover{background:#f4f5f7;text-decoration:none}
.filters .f-nav li.on>a{background:#fff8d1;color:var(--ink);font-weight:600}
.filters .f-nav ul small{color:#9aa3ac}
.filters .f-up{font-size:12.5px;color:#6b7580}
/* aktive Filter */
.f-active{gap:6px}
.f-active .f-chip{border-radius:999px;font-size:12.5px}
/* Menü: weiß mit minimalem Schatten (passend zu den Karten) */
@media(min-width:901px){
  .nav-l1>li>.l1,.nav-l1>li:first-child>.l1{background:#fff!important}
  .nav-l1>li:hover>.l1,.nav-l1>li:focus-within>.l1,
  .nav.mm-js .nav-l1>li.mm-open>.l1,.nav.mm-js .nav-l1>li>.l1:hover{background:#f7f8fa!important}
  .nav>.wrap{background:#fff!important;border:0!important;border-radius:12px 12px 0 0!important;box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 12px rgba(16,24,40,.04)}
  .nav{border-bottom:0!important;position:relative;z-index:40}
}
@media(min-width:901px){.nav>.wrap{border:1px solid #e6e9ed!important;border-bottom:0!important}}
/* Kasse: breiter & ausgewogenere Proportionen */
body.checkout{--wrap:1480px}
@media(min-width:1101px){
  .checkout .wrap:has(>.steps){grid-template-columns:190px minmax(0,1fr);column-gap:32px}
  .checkout .cart-page{grid-template-columns:minmax(0,1fr) 400px;gap:28px}
}
.checkout .acc-box#co-loggedin{display:flex;align-items:center;gap:10px;background:#f3faf5;border-color:#d7eedd;color:#2b3640}
.checkout .acc-box#co-loggedin[hidden]{display:none}
.checkout .acc-box#co-loggedin::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#2e9d5a}
.checkout .acc-box#co-loggedin p{margin:0}

/* Konto-Dropdown im Kopf */
.acc-menu{min-width:270px!important;padding:8px!important;border:1px solid #e6e9ed!important;border-radius:14px!important;box-shadow:0 16px 40px rgba(16,24,40,.14),0 2px 6px rgba(16,24,40,.06)!important}
.acc-out{padding:10px 10px 8px}
.acc-out .am-t{margin:0!important;font-size:15px!important;font-weight:700;color:var(--ink)!important}
.acc-out .am-s{margin:4px 0 12px!important;font-size:12.5px!important;color:#6b7580!important;line-height:1.45}
.acc-out .btn{border-radius:10px;min-height:42px}
.am-reg{display:block;text-align:center;margin-top:8px;padding:9px;border:1px solid #e1e5ea;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ink)}
.am-reg:hover{border-color:var(--navy);text-decoration:none}
.am-who{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;border-bottom:1px solid #eef0f3;margin-bottom:6px}
.am-av{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;text-transform:uppercase}
.am-who b{display:block;font-size:14px;color:var(--ink);line-height:1.25}
.am-who small{display:block;font-size:12px;color:#7a848e;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-links a{display:flex!important;align-items:center;gap:11px;padding:9px 10px!important;border-radius:9px!important;font-size:14px;color:#2b3640!important}
.am-links a svg{color:#8a939d;flex:none}
.am-links a:hover{background:#f5f6f8!important;color:var(--ink)!important}
.am-links a:hover svg{color:var(--ink)}
.am-out{margin:6px 0 0;padding-top:6px;border-top:1px solid #eef0f3}
.am-out button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;background:none;border-radius:9px;font:inherit;font-size:14px;color:#b42318;cursor:pointer;text-align:left}
.am-out button svg{color:#b42318}
.am-out button:hover{background:#fef3f2}
/* Logo tetricon */
.logo-img{height:38px}
.hd-co .logo-img{height:34px}
@media(max-width:900px){.mainbar .logo-img{height:auto;width:min(140px,calc(100vw - 210px))}.hd-co .logo-img{height:24px}}
/* Logo kleiner & mittig */
.logo-img{height:32px!important}
.logo .logo-img{top:0!important}
.mainbar .logo{display:flex;align-items:center;align-self:center}
@media(max-width:900px){.mainbar .logo-img{height:auto!important;width:min(122px,calc(100vw - 210px))}}
/* ===== Footer – clean & modern ===== */
.ft{background:#fff!important;border-top:1px solid #eceff2!important;color:#4a5560}
.ft .ft-grid{padding:44px 16px 30px;grid-template-columns:1.1fr 1.15fr 1fr 1.25fr;gap:28px}
.ft .ft-h{font-size:11.5px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a848e!important;margin:0 0 12px!important}
.ft .ft-grid ul{margin:0 0 4px}
.ft .ft-grid ul li{margin:0}
.ft .ft-grid ul a{font-size:13.5px;color:#3f4a55;line-height:1.95}
.ft .ft-grid ul a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ft .ft-c{font-size:13.5px;line-height:1.8;color:#3f4a55;margin:0 0 18px}
.ft .ft-c a{color:var(--ink);font-weight:600}
.ft .ft-grid>div>.ft-h:not(:first-child){margin-top:18px!important}
.ft .pay{display:flex;flex-wrap:wrap;gap:6px}
.ft .pay li{font-size:12px!important;font-weight:600;color:#3f4a55;background:#f5f6f8;border:0!important;border-radius:6px;padding:4px 9px!important;line-height:1.4}
.ft .ft-logos{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ft .ft-logos img{height:15px!important;width:auto;box-sizing:content-box;padding:6px 9px;background:#fff;border:1px solid #eceff2;border-radius:6px}
.ft-b2b{background:#f7f8fa!important;border-top:1px solid #eceff2!important;font-size:12.5px!important;color:#5b6670!important;padding:11px 0!important}
.ft-b2b .b2b{background:var(--navy)!important;color:#fff!important;font-size:10.5px;font-weight:700;letter-spacing:.05em;border-radius:4px;padding:2px 6px}
.ft-bottom{background:#f7f8fa!important;border-top:1px solid #eceff2;font-size:12.5px;color:#6b7580}
.ft-bottom a{color:#5b6670}
.ft-bottom .ft-note{font-size:11.5px!important;color:#8a939d!important;line-height:1.55}
@media(max-width:900px){.ft .ft-grid{grid-template-columns:1fr 1fr;padding:32px 16px 22px}}
.mainbar .logo .logo-img{position:relative;top:-2px!important}
@media(max-width:900px){.mainbar .logo .logo-img{top:-2px!important}}

.gone-note{background:#fff8d1;border:1px solid #f1e3a0;border-radius:10px;padding:12px 16px;margin:10px 0 6px;font-size:14.5px;color:#4a3f00}

/* ===== Bestellbestätigung nach Zahlung – volle Breite ===== */
.ps-page{margin:6px 0 40px}
.ps-hero{display:flex;align-items:center;gap:20px;background:#fff;border-radius:16px;padding:26px 30px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)}
.ps-hero .pay-ico{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:28px;font-weight:700;margin:0!important}
.pay-st-ok .ps-hero .pay-ico{background:#e8f5ed;color:#2e7d4f}
.pay-st-wait .ps-hero .pay-ico{background:#fff8d1;color:#7d6300}
.pay-st-err .ps-hero .pay-ico{background:#fdecea;color:#b42318}
.ps-hero h1{margin:0 0 4px;font-size:1.55rem;letter-spacing:-.01em}
.ps-hero p{margin:0;color:#4a5560;max-width:720px;line-height:1.55}
.ps-hero-r{margin-left:auto;text-align:right;flex:none;background:#f7f8fa;border-radius:12px;padding:12px 16px}
.ps-hero-r small{display:block;font-size:12px;color:#7a848e}
.ps-hero-r b{display:block;font-size:1.25rem;color:var(--ink);margin:2px 0}
.ps-tl{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:16px 0;padding:18px 24px;background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.ps-tl li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:#8a939d}
.ps-tl li+li::before{content:"";position:absolute;left:-22%;right:auto;width:18%;top:15px;height:2px;background:#e3e7ec}
.ps-tl li.done+li::before{background:#2e7d4f}
.ps-tl .tl-dot{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid #dde1e6;background:#fff;font-weight:700;font-size:13px}
.ps-tl b{font-size:13.5px;color:inherit;line-height:1.3}
.ps-tl small{font-size:12px;color:#9aa3ac}
.ps-tl li.done{color:#2e7d4f}.ps-tl li.done .tl-dot{background:#2e7d4f;border-color:#2e7d4f;color:#fff}
.ps-tl li.now{color:var(--ink)}.ps-tl li.now .tl-dot{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 0 0 4px rgba(27,42,58,.08)}
.ps-actions{margin:0 0 16px}
.ps-actions .pay-actions{display:flex;gap:10px;flex-wrap:wrap}
.ps-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.ps-card{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.04)}
.ps-card h2{font-size:1.05rem;margin:0 0 12px}.ps-card h2 small{color:#8a939d;font-weight:500}
.ps-card h3{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#7a848e;margin:0 0 8px}
.ps-it{display:grid;grid-template-columns:64px minmax(0,1fr) 90px 100px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #eef0f3}
.ps-it:first-child{border-top:0;padding-top:4px}
.ps-img img{width:64px;height:64px;object-fit:contain;border:1px solid #eef0f3;border-radius:10px;background:#fff}
.ps-n a{color:var(--ink);font-weight:600;font-size:14px;line-height:1.35}.ps-n small{display:block;color:#8a939d;font-size:12px;margin-top:3px}
.ps-q{font-size:14px;color:#3a4552;text-align:right}.ps-q small{display:block;font-size:12px;color:#8a939d}
.ps-p{font-weight:700;text-align:right;font-size:14.5px}
.ps-addr{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ps-addr p{margin:0;font-size:14px;line-height:1.6;color:#2b3640}
.ps-refs{grid-column:1/-1}.ps-refs dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:14px}.ps-refs dt{color:#7a848e}
.ps-sum,.ps-meta{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:14px}
.ps-sum dt{color:#4a5560}.ps-sum dd{margin:0;text-align:right}
.ps-sum .ps-tot{font-size:1.15rem;font-weight:800;color:var(--ink);padding-top:10px;border-top:1px solid #e3e7ec}
.ps-meta{margin-top:16px;padding-top:14px;border-top:1px dashed #e3e7ec;font-size:13.5px}.ps-meta dt{color:#7a848e}.ps-meta dd{margin:0;text-align:right;font-weight:600}
.ps-next p{font-size:14px;color:#4a5560;line-height:1.55;margin:0 0 14px}
.ps-btns{display:grid;gap:8px}.ps-btns .btn{width:100%;text-align:center;border-radius:10px;min-height:44px}
.ps-help{font-size:12.5px!important;color:#8a939d!important;margin:12px 0 0!important;text-align:center}
@media(max-width:1000px){.ps-grid{grid-template-columns:1fr}.ps-tl{grid-template-columns:1fr 1fr;row-gap:14px}.ps-tl li::before{display:none}}
@media(max-width:640px){.ps-hero{flex-wrap:wrap;padding:20px}.ps-hero-r{margin-left:0;text-align:left;width:100%}.ps-it{grid-template-columns:52px 1fr;}
  .ps-q,.ps-p{grid-column:2;text-align:left}.ps-addr{grid-template-columns:1fr}}

/* ===== Blog & Ratgeber ===== */
.bl-head{margin-bottom:12px}
.bl-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.bl-cover{display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f1f3f5}
.bl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bl-cover-gen{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#fff8d1 0%,#f7e27a 55%,#f7cf00 100%);color:#1b2a3a}
.bl-cover-gen svg{width:34%;height:auto;opacity:.85}
.bl-cover-gen em{position:absolute;left:14px;bottom:12px;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.85);border-radius:999px;padding:4px 10px}
.bl-cover-lg{aspect-ratio:21/9;border-radius:16px}
.bl-cover-lg svg{width:16%}
.bl-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.bl-tag{font-size:11.5px;font-weight:700;letter-spacing:.03em;color:#7d6300;background:#fff8d1;border-radius:999px;padding:3px 9px;text-decoration:none}
.bl-tag:hover{background:#f7e27a;text-decoration:none;color:var(--ink)}
.bl-meta{font-size:12.5px;color:#8a939d;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px}
.bl-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;background:#fff;border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)}
.bl-lead .bl-cover{aspect-ratio:16/9;border-radius:12px}
.bl-lead h2{font-size:1.55rem;line-height:1.25;margin:0 0 10px;letter-spacing:-.01em}.bl-lead h2 a{color:var(--ink)}
.bl-lead p{color:#4a5560;line-height:1.6}
.bl-lead .btn{margin-top:14px;border-radius:10px}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.bl-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.04);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.bl-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(16,24,40,.09)}
.bl-card .bl-cover{border-radius:0}
.bl-card-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.bl-card-t{font-size:1.05rem;line-height:1.35;margin:0 0 8px}.bl-card-t a{color:var(--ink)}
.bl-card-x{font-size:13.5px;color:#5b6670;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-card .bl-meta{margin-top:auto;padding-top:10px}
/* Slider auf Kategorieseiten */
.bl-slider{margin:26px 0 18px}
.bl-sl-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.bl-sl-head h2{font-size:1.2rem;margin:0}.bl-sl-head a{font-size:13.5px;font-weight:600}
.bl-sl-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,calc((100% - 32px)/3));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px}
.bl-sl-track>*{scroll-snap-align:start}
/* Artikelseite */
.bl-post{max-width:1180px}
.bl-a-head{max-width:820px;margin:8px 0 18px}
.bl-a-head h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.02em;margin:4px 0 12px}
.bl-a-lead{font-size:1.1rem;color:#4a5560;line-height:1.6;margin:0}
.bl-a-head .bl-meta span+span::before{content:"·";margin-right:14px;color:#c3cad2}
.bl-a-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start;margin-top:24px}
.bl-a-side{position:sticky;top:18px}
.bl-toc{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.bl-toc p{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a848e;margin:0 0 8px}
.bl-toc ol{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}.bl-toc li{margin:6px 0}.bl-toc a{color:#3a4552}
.bl-a-body{background:#fff;border-radius:16px;padding:30px 36px;font-size:16px;line-height:1.75;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.bl-a-body h2{font-size:1.4rem;margin:32px 0 10px;letter-spacing:-.01em}.bl-a-body h2:first-child{margin-top:0}
.bl-a-body h3{font-size:1.1rem;margin:22px 0 8px}
.bl-a-body table{font-size:14px}
.bl-cats,.bl-related{margin-top:28px}
.bl-cats h2,.bl-related h2{font-size:1.2rem;margin:0 0 12px}
.bl-cat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bl-cat-row .sub-tile{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px 12px;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.bl-cat-row img{width:44px;height:44px;object-fit:contain}.bl-cat-row b{display:block;font-size:13.5px;color:var(--ink)}.bl-cat-row small{font-size:12px;color:#8a939d}
.bl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bl-post .faq{margin-top:28px}
@media(max-width:1000px){.bl-grid,.bl-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-lead{grid-template-columns:1fr}.bl-a-grid{grid-template-columns:1fr}.bl-a-side{position:static}.bl-cat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bl-grid,.bl-grid-3{grid-template-columns:1fr}.bl-a-head h1{font-size:1.55rem}.bl-a-body{padding:20px 18px;font-size:15.5px}.bl-sl-track{grid-auto-columns:82%}}
.bl-post .bl-cover-lg{aspect-ratio:auto;height:260px}
.bl-post .bl-cover-lg svg{width:auto;height:46%}
.bl-a-body.seo-text{margin-top:0}
/* Blog – ruhiger, weniger bunt */
.bl-cover-gen{background:linear-gradient(135deg,#f7f8fa 0%,#eceff3 100%)!important;color:#9aa3ac!important}
.bl-cover-gen svg{width:22%!important;opacity:.9}
.bl-cover-gen em{background:#fff!important;color:#5b6670;font-weight:600;font-size:11px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.bl-tag{color:#5b6670!important;background:#f1f3f5!important;font-weight:600!important;letter-spacing:0!important}
.bl-tag:hover{background:#e6e9ed!important;color:var(--ink)!important}
.bl-filter .qf.on{background:var(--navy)}
.bl-lead{box-shadow:0 1px 2px rgba(16,24,40,.04)!important;padding:14px!important}
.bl-lead .bl-cover{aspect-ratio:16/9}
.bl-lead .btn{background:#fff;border:1px solid #d9dee4;color:var(--ink);box-shadow:none}
.bl-lead .btn:hover{border-color:var(--navy)}
.bl-card{box-shadow:0 1px 2px rgba(16,24,40,.04)!important;border:1px solid #eef0f3}
.bl-card:hover{box-shadow:0 10px 24px rgba(16,24,40,.07)!important}
/* Detailseite: Lesespalte + Seitenleiste */
.bl-post{max-width:1240px}
.bl-a-head{max-width:860px;margin:10px 0 22px}
.bl-a-head h1{font-size:2.15rem}
.bl-a-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important;margin-top:0!important}
.bl-a-main{min-width:0}
.bl-post .bl-cover-lg{height:220px!important;border-radius:16px;margin-bottom:18px}
.bl-a-body{padding:34px 44px!important;font-size:16.5px!important;line-height:1.8!important}
.bl-a-body p{max-width:72ch}
.bl-a-side{position:sticky;top:18px;display:grid;gap:14px}
.bl-toc,.bl-side-box{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.04);border:1px solid #eef0f3}
.bl-toc p,.bl-side-box>p{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a848e;margin:0 0 10px}
.bl-toc ol{padding-left:18px;margin:0;font-size:13.5px;line-height:1.45}.bl-toc li{margin:7px 0}.bl-toc a{color:#3a4552}.bl-toc a:hover{color:var(--ink)}
.bl-side-box ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.bl-side-box li a{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:8px;font-size:13.5px;color:#2b3640;line-height:1.35}
.bl-side-box li a:hover{background:#f5f6f8;text-decoration:none}
.bl-side-box li small{color:#9aa3ac;white-space:nowrap}
.bl-side-cta span{display:block;font-size:13.5px;color:#4a5560;line-height:1.5;margin-bottom:12px}
.bl-side-cta .btn{width:100%;text-align:center;border-radius:10px}
.bl-tip{display:flex;align-items:center;gap:14px;margin:26px 0;padding:14px 18px;border:1px solid #eef0f3;border-left:3px solid var(--accent);border-radius:10px;background:#fafbfc}
.bl-tip span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a848e;flex:none}
.bl-tip a{display:block;text-decoration:none}.bl-tip b{display:block;color:var(--ink);font-size:15px;line-height:1.35}.bl-tip small{color:#7a848e;font-size:12.5px}
.bl-tip a:hover b{text-decoration:underline}
.bl-post .faq{margin-top:22px}
@media(max-width:1000px){.bl-a-grid{grid-template-columns:1fr!important}.bl-a-side{position:static}.bl-a-body{padding:22px 20px!important}}

/* Rabattcode */
.cp-box{margin:14px 0 2px;padding-top:14px;border-top:1px dashed #e3e7ec}
.cp-form{display:flex;gap:6px}
.cp-form input{flex:1;min-width:0;border:1px solid #d9dee4;border-radius:9px;padding:9px 12px;font-size:14px;text-transform:uppercase;letter-spacing:.04em;background:#fff}
.cp-form input::placeholder{text-transform:none;letter-spacing:0;color:#9aa3ac}
.cp-form input:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(247,207,0,.3)}
.cp-form button{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:9px;padding:0 14px;font-weight:600;font-size:13.5px;cursor:pointer}
.cp-form button:hover{background:#24384d}
.cp-on{display:flex;align-items:center;gap:10px;background:#eef8f1;border:1px solid #cfe9d8;border-radius:10px;padding:9px 12px;color:#2e7d4f}
.cp-on span{flex:1;min-width:0}.cp-on b{display:block;color:#1f5e3a;font-size:14px;letter-spacing:.04em}.cp-on small{display:block;font-size:12.5px;color:#2e7d4f}
.cp-on.cp-bad{background:#fdf3f2;border-color:#f3d2cf;color:#b42318}.cp-on.cp-bad b{color:#912018}.cp-on.cp-bad small{color:#b42318}
.cp-rm{border:0;background:none;color:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer;padding:0}
.cp-msg{font-size:12.5px;color:#b42318;margin:8px 0 0;line-height:1.45}
.s-disc-row th,.s-disc-row td{color:#2e7d4f!important}
.rv-disc th,.rv-disc td{color:#2e7d4f}

/* Live-Suche: feste Fußzeile, Handy-Darstellung */
.ac{display:flex;flex-direction:column;border-radius:14px!important;box-shadow:0 18px 44px rgba(16,24,40,.16),0 2px 6px rgba(16,24,40,.06)!important}
.ac>.ac-cols{flex:1 1 auto;min-height:0}
.ac-all{position:sticky;bottom:0;z-index:1;border-radius:0 0 14px 14px}
.ac-p .m .ac-dot{background:#2e9d5a}
@media(max-width:760px){
  .ac{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;border-radius:14px!important}
  .ac-side{gap:6px;padding:10px 10px 8px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
  .ac-side::-webkit-scrollbar{display:none}
  .ac-side a{flex:none;white-space:nowrap;font-size:13px;padding:6px 12px!important;margin:0!important}
  .ac-p{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;padding:10px 12px!important}
  .ac-p img{width:48px!important;height:48px!important}
  .ac-p .t{font-size:14px}
  .ac-p .m{white-space:normal!important;font-size:12px}
  .ac-p .pr{grid-column:2;text-align:left!important;font-weight:700;font-size:14px;margin-top:-4px}
  .ac-p .pr small{display:inline!important;margin-left:6px;font-weight:400;color:var(--muted);font-size:11.5px}
  .ac-all{padding:13px 14px!important;font-size:14px}
}
@media(max-width:760px){
  .ac-cols,.ac-cols.ac-noside{grid-template-columns:minmax(0,1fr)!important}
  .ac-side,.ac-prods{min-width:0;max-width:100%}
  .ac-side a{background:#f5f6f8!important;border-color:#e6e9ed!important;color:var(--ink)!important}
}
.ac>.ac-cols{flex:0 0 auto!important}

/* ShopVote-Widget (Warenkorb & Kasse, rechte Spalte) */
.sv-widget{margin-top:14px;display:flex;justify-content:center}
.sv-widget iframe{width:100%;max-width:340px;display:block}
.cart-sum-box .sv-widget{border-top:1px dashed #e3e7ec;padding-top:14px}

/* ShopVote als eigene weiße Box unter der Zusammenfassung, mittig */
.cart-side{min-width:0;align-self:start}
.sv-widget{margin-top:14px!important;padding:16px!important;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04);border:1px solid #eef0f3;
  display:flex!important;justify-content:center;align-items:center}
.cart-sum-box .sv-widget{border-top:1px solid #eef0f3!important}
.sv-widget iframe{width:100%;max-width:320px;margin:0 auto}
.checkout .sv-widget{border-radius:16px}

/* ShopVote-Siegel in der Topbar (vor Trusted Shops) */
.sv-badge{display:inline-flex;align-items:center;margin-right:10px;line-height:0}
.sv-badge img{width:22px;height:22px;display:block}
.sv-badge:hover{opacity:.85}
@media(max-width:900px){.sv-badge{display:none}}
/* Topbar: kein Zeilenumbruch, etwas kompakter */
.topbar .wrap>*{white-space:nowrap}
.topbar .wrap>ul,.topbar .wrap>div:first-child{display:flex;gap:18px;min-width:0;overflow:hidden}
.topbar li,.topbar span,.topbar a{white-space:nowrap}
.topbar-r{gap:12px!important;flex:none}
.topbar .ts-badge{margin-right:6px}
@media(max-width:1360px){.topbar .wrap>ul>li:nth-child(3),.topbar .wrap>div:first-child>*:nth-child(3){display:none}}

.sv-badge{gap:7px;margin-right:6px!important;font-size:12.5px;font-weight:600;color:#3a4552!important;text-transform:none;letter-spacing:0;line-height:1}
.sv-badge:hover{color:var(--ink)!important;text-decoration:none;opacity:1}

/* ===== Verkaufen auf tetricon ===== */
.pt-page{margin-bottom:40px}
.pt-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:36px;align-items:center;background:#fff;border-radius:18px;padding:40px 44px;margin:6px 0 22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)}
.pt-kick{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7d6300;margin:0 0 8px}
.pt-hero h1{font-size:2.4rem;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px}
.pt-lead{font-size:1.05rem;color:#4a5560;line-height:1.65;margin:0 0 22px}
.pt-cta{display:flex;flex-wrap:wrap;gap:10px}.pt-cta .btn{border-radius:10px;min-height:48px;padding:0 22px}
.pt-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}
.pt-stats li{background:#f7f8fa;border-radius:14px;padding:18px}
.pt-stats b{display:block;font-size:1.6rem;letter-spacing:-.01em;color:var(--ink)}.pt-stats span{font-size:13px;color:#6b7580}
.pt-sec{margin:0 0 22px}
.pt-sec>h2,.pt-two h2,.pt-form-txt h2{font-size:1.45rem;letter-spacing:-.01em;margin:0 0 14px}
.pt-bens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pt-ben{background:#fff;border-radius:16px;padding:22px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pt-ben svg{color:#7d6300;background:#fff8d1;border-radius:12px;padding:9px;width:44px;height:44px;box-sizing:border-box}
.pt-ben h3{font-size:1.02rem;margin:14px 0 6px}.pt-ben p{font-size:14px;color:#5b6670;line-height:1.55;margin:0}
.pt-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;counter-reset:none}
.pt-steps li{background:#fff;border-radius:16px;padding:22px;position:relative;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pt-n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;margin-bottom:12px}
.pt-steps b{display:block;font-size:1rem;margin-bottom:6px}.pt-steps p{font-size:14px;color:#5b6670;line-height:1.55;margin:0}
.pt-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;align-items:start}
.pt-two>div{background:#fff;border-radius:16px;padding:26px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pt-two p{color:#4a5560;line-height:1.65;font-size:14.5px}
.pt-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:10px}
.pt-table th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7a848e;padding:8px 6px;border-bottom:1px solid #e3e7ec}
.pt-table td{padding:9px 6px;border-bottom:1px solid #eef0f3;color:#3a4552}
.pt-tag{font-size:11.5px;font-weight:600;color:#5b6670;background:#f1f3f5;border-radius:999px;padding:2px 9px}
.pt-tag.pt-req{color:#7d6300;background:#fff8d1}
.pt-box{border:1px solid #eef0f3;border-radius:12px;padding:14px 16px;margin-bottom:10px}
.pt-box h3{font-size:.98rem;margin:0 0 4px}.pt-box p{margin:0;font-size:14px}
.pt-form-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;background:#fff;border-radius:18px;padding:34px 38px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 30px rgba(16,24,40,.05)}
.pt-form-txt p{color:#4a5560;line-height:1.6}
.pt-check{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px}
.pt-check li{position:relative;padding-left:26px;font-size:14.5px}
.pt-check li::before{content:"";position:absolute;left:4px;top:5px;width:10px;height:6px;border-left:2px solid #2e7d4f;border-bottom:2px solid #2e7d4f;transform:rotate(-45deg)}
.pt-form{position:relative;display:grid;gap:12px}
.pt-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pt-form label{font-size:12.5px;font-weight:600;color:#38434e;display:block}
.pt-form input:not([type=checkbox]),.pt-form select,.pt-form textarea{display:block;width:100%;margin-top:4px;border:1px solid #d9dee4;border-radius:9px;padding:9px 12px;font-size:14.5px;background:#fff;font-family:inherit}
.pt-form input:focus,.pt-form select:focus,.pt-form textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(247,207,0,.3)}
.pt-form .chk{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px}
.pt-form .chk input{width:17px;height:17px;accent-color:var(--navy)}
.pt-form .btn{min-height:48px;border-radius:10px;font-size:15px}
.pt-bad{border-color:#d64545!important;background:#fff8f8!important}
.pt-msg{margin:0;font-size:13.5px}.pt-err{color:#b42318}
.pt-done{text-align:center;padding:30px 10px}.pt-done span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8f5ed;color:#2e7d4f;font-size:26px;font-weight:700}
.pt-done h3{margin:14px 0 6px;font-size:1.3rem}.pt-done p{color:#4a5560}
@media(max-width:1000px){.pt-hero,.pt-two,.pt-form-sec{grid-template-columns:1fr}.pt-bens,.pt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pt-hero{padding:24px 20px}.pt-hero h1{font-size:1.75rem}.pt-bens,.pt-steps,.pt-row{grid-template-columns:1fr}.pt-form-sec{padding:22px 18px}}

/* Service-Dropdown: schlanke, dezente Auswahlliste */
.svc-menu{width:330px!important;right:-14px!important;padding:8px!important;border:1px solid #e6e9ed!important;border-radius:14px!important;
  box-shadow:0 16px 40px rgba(16,24,40,.13),0 2px 6px rgba(16,24,40,.05)!important;max-height:calc(100vh - 60px);overflow:auto}
.svc-menu::before{content:"";position:absolute;top:-6px;right:34px;width:10px;height:10px;background:#fff;border-left:1px solid #e6e9ed;border-top:1px solid #e6e9ed;transform:rotate(45deg)}
.svc-list{display:block}
.svc-g{margin:8px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9aa3ac}
.svc-g:first-child{margin-top:4px}
.svc-i{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:9px;color:var(--ink)!important;text-decoration:none!important;white-space:normal}
.svc-i:hover{background:#f5f6f8}
.svc-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#f5f6f8;color:#5b6670;transition:background .15s,color .15s}
.svc-i:hover .svc-ic{background:#fff8d1;color:#7d6300}
.svc-tx{min-width:0}
.svc-tx b{display:block;font-size:13.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-tx small{display:block;font-size:12px;color:#8a939d;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.svc-foot{display:flex;justify-content:space-between;gap:10px;margin:6px 2px 0;padding:9px 8px 3px;border-top:1px solid #eef0f3}
.svc-foot a{font-size:12.5px;font-weight:600;color:#5b6670!important;white-space:nowrap}
.svc-foot a:last-child{color:#7d6300!important}
.svc-foot a:hover{color:var(--ink)!important}

/* Voraussichtliches Lieferdatum (Produktseite) */
.pd-eta{display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:9px 12px;border:1px solid #d9eedf;background:#f3faf5;border-radius:9px;font-size:13.5px;color:#2b3a33}
.pd-eta svg{flex:none;color:#1f8a4c}
.pd-eta b{color:#16733f;font-weight:700}
.pd-eta{justify-content:flex-end;padding:8px 11px;font-size:13px;white-space:nowrap}
.pd-eta b{white-space:nowrap}
.pd-eta{justify-content:flex-start;gap:8px;padding:8px 10px;font-size:13px;white-space:normal;min-width:0;overflow:hidden}
.pd-eta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Passendes Zubehör (Produktseite) */
.acc{margin:34px 0 8px}
.acc-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.acc-c{scroll-snap-align:start;display:flex;gap:12px;align-items:center;padding:10px 12px 10px 10px;background:#fff;border:1px solid #e6e9ed;border-radius:12px;transition:border-color .15s,box-shadow .15s;min-width:0}
.acc-c:hover{border-color:#d3d8de;box-shadow:0 6px 18px rgba(16,24,40,.07)}
.acc-img{flex:none;width:72px;height:72px;border-radius:8px;background:#f6f7f9;display:grid;place-items:center;overflow:hidden}
.acc-img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.acc-b{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.acc-n{font-size:13px;line-height:1.35;color:var(--ink)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.acc-n:hover{text-decoration:underline!important}
.acc-f{display:flex;align-items:center;justify-content:space-between;gap:8px}
.acc-p{font-weight:700;font-size:14px;white-space:nowrap}
.acc-add{flex:none;font:600 12px/1 inherit;padding:7px 10px;border:1px solid #d9dee4;border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.acc-add:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#1b2a3a)}
.acc-add.added{background:#e9f7ee;border-color:#bfe5cc;color:#16733f}
@media(max-width:1100px){.acc-row{grid-auto-columns:calc((100% - 24px)/3)}}
@media(max-width:800px){.acc-row{grid-auto-columns:calc((100% - 12px)/2)}}
@media(max-width:560px){.acc-row{grid-auto-columns:82%}}
.acc .acc-p .pm{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;font-size:14.5px;font-weight:700;color:var(--ink)}
.acc button.acc-add{font-size:12px!important;font-weight:600;line-height:1!important;padding:7px 10px!important;min-height:0!important;height:auto!important;border-radius:8px!important;box-shadow:none!important}
.acc .acc-n{font-size:13px}

.opt-off{opacity:.55;cursor:not-allowed}.opt-off .opt-note{display:block;color:#b42318;font-size:12px;margin-top:2px}

/* Startseiten-Slider: echte Angebote rechts */
.sl-offers{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;width:100%;max-width:380px;justify-self:end;color:inherit}
.so-k{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#7a8591}
.so{position:relative;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;background:#fff;border:1px solid #e3e7eb;border-radius:12px;color:var(--ink)!important;text-decoration:none!important;
  box-shadow:0 4px 14px rgba(16,24,40,.06);transition:transform .15s,box-shadow .15s,border-color .15s}
.so:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(16,24,40,.11);border-color:#d6dbe1}
.so-img{flex:none;width:92px;height:92px;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.so-img img{width:100%;height:100%;object-fit:contain}
.so-b{min-width:0;display:flex;flex-direction:column;gap:2px}
.so-br{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7a8591}
.so-n{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.so-pr{margin-top:3px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.so-pr .pm{border:0!important;padding:0!important;background:none!important;font-size:1.15rem;font-weight:800;color:var(--navy)}
.so-pr s{font-size:12.5px;color:#8a939d}
.so-tx{font-size:11.5px;color:#8a939d}
.so-badge{position:absolute;top:8px;left:8px;z-index:1;background:#c0392b;color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px}
@media(max-width:1100px){.so-img{width:72px;height:72px}.sl-offers{max-width:320px}}
@media(max-width:700px){.sl .sl-offers{display:flex;max-width:none;justify-self:stretch;margin-top:4px}.sl-offers .so:nth-of-type(n+2),.so-k{display:none}}
.sl-offers{gap:8px;max-width:360px}.so{padding:8px 12px 8px 8px;gap:12px}.so-img{width:76px;height:76px}
.so-n{font-size:13px}.so-pr .pm{font-size:1.05rem}.so-pr{margin-top:1px}.so-br{font-size:10.5px}

/* Top-Kategorien: echte Produktfotos */
.kt{padding:12px 10px 14px;gap:4px}
.kt-img{width:100%;aspect-ratio:1/1;max-width:120px;margin-bottom:6px;display:grid;place-items:center;border-radius:10px;background:#fff;overflow:hidden;color:var(--accent-t)}
.kt-img img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
.kt:hover .kt-img img{transform:scale(1.05)}
@media(max-width:700px){.kt-img{max-width:88px}}

/* Startseite: Büro- & Betriebseinrichtung */
.big-lead{margin:-4px 0 12px;color:var(--muted);font-size:14px}
.big-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px;margin-bottom:2px}
.big-tabs::-webkit-scrollbar{display:none}
.big-tabs .bt{flex:none;font:600 13.5px/1 inherit;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.big-tabs .bt:hover{border-color:#c9cfd6}
.big-tabs .bt.on{background:var(--navy);border-color:var(--navy);color:#fff}
.big-sec .car{margin-top:0}.big-sec .car .sh{min-height:0;margin-bottom:6px}
.big-sec .car-track{grid-auto-columns:calc((100% - 4 * 14px) / 5)}
.big-sec .mt img{aspect-ratio:1/1;padding:8px}
@media(max-width:1100px){.big-sec .car-track{grid-auto-columns:calc((100% - 2 * 14px) / 3)}}
@media(max-width:700px){.big-sec .car-track{grid-auto-columns:46%}}
.big-p .car{margin:0!important;padding-top:0!important}.big-tabs{padding-bottom:8px}
/* Markenseite: Rasteransicht fest 4 Spalten */
.brp .grid.js-view:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.brp .grid.js-view:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.brp .grid.js-view:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Eigenmarke im Marken-Filter */
.own-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;background:#fdecec;color:#b00f0f;font-size:10px;font-weight:700;letter-spacing:.02em;vertical-align:1px;white-space:nowrap}
.f-brands li.own{border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px}
.sf-opt.own{border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:4px}
/* Blog-Themen */
.bl-tag.bl-topic{background:#fff4c2;color:#6b5300;border-color:#f3e08a}
.bl-tag.bl-topic:hover{background:#ffec99}
.bl-filter .qf small{margin-left:4px;color:#8a939d;font-weight:500}
.bl-filter .qf.on small{color:rgba(255,255,255,.7)}
.bl-tags a.bl-tag.bl-topic,.bl-tags .bl-topic{background:#fff4c2!important;color:#6b5300!important;border-color:#f3e08a!important}

/* Blog: generierte Titelgrafiken */
.bl-cover-svg{position:relative;background:#f4f6f8}
.bl-cover-svg svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.bl-cover-svg em{position:absolute;left:14px;bottom:12px;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.92);color:#1b2a3a;border-radius:999px;padding:4px 10px;box-shadow:0 2px 8px rgba(16,24,40,.08)}
.bl-cover-svg em{background:rgba(255,255,255,.95);color:#4f5a68;font-weight:600;letter-spacing:.08em;border:1px solid #e4e7eb;box-shadow:none}
/* Staffelrabatt: roter Hinweis */
.st-off{font-style:normal;color:#c0161b;font-weight:700;font-size:.92em;margin:0 4px 0 2px;white-space:nowrap}
.pd-staffel .st-off{background:#fdecec;border-radius:4px;padding:1px 6px;font-size:11px;letter-spacing:.01em}

/* Eigene Auswahlliste (statt Systemmenü) */
.csel{position:relative;margin-top:4px}
.csel-native{position:absolute!important;inset:0;opacity:0;pointer-events:none;width:100%!important;height:100%!important;margin:0!important}
.csel-b{display:block;width:100%;text-align:left;font:inherit;font-weight:400;color:var(--ink);background:#fff;border:1px solid #cdd3d9;border-radius:var(--radius);padding:10px 36px 10px 12px;cursor:pointer;position:relative;min-height:42px;line-height:1.35}
.csel-b::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.6px solid #6b7580;border-bottom:1.6px solid #6b7580;transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.csel.on .csel-b{border-color:#9aa5b1;box-shadow:0 0 0 3px rgba(27,42,58,.06)}
.csel.on .csel-b::after{transform:translateY(-30%) rotate(-135deg)}
.csel-b:focus-visible{outline:2px solid var(--accent-d);outline-offset:1px}
.csel-b.ph{color:#8a939d}
.csel-l{display:none;position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid #e1e5ea;border-radius:10px;box-shadow:0 12px 30px rgba(16,24,40,.12);max-height:280px;overflow:auto}
.csel.on .csel-l{display:block}
.csel-l li{padding:9px 12px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:400;color:var(--ink);position:relative}
.csel-l li.hi{background:#f3f5f7}
.csel-l li.sel{font-weight:600;padding-right:30px}
.csel-l li.sel::after{content:"";position:absolute;right:12px;top:50%;width:5px;height:10px;border-right:2px solid #1b2a3a;border-bottom:2px solid #1b2a3a;transform:translateY(-60%) rotate(45deg)}
.csel-l li.dis{color:#b0b7bf;cursor:default}

/* Kasse: Ablauf nach der Bestellung + Lieferdatum */
.checkout .steps li.post{color:#a8b0b9;font-weight:500;cursor:default;display:flex;align-items:flex-start;gap:12px}
.checkout .steps li.post span{display:flex;flex-direction:column;line-height:1.3;white-space:normal}
.checkout .steps li.post small{font-size:11.5px;color:#9aa3ac;font-weight:400;margin-top:2px}
.checkout .steps li.post b{background:#f6f7f9!important;border:2px dashed #d3d9df!important;color:#a8b0b9!important}
.checkout .steps li.post.on b{border-style:solid!important;border-color:var(--navy)!important}
.checkout .steps li.post.done b{background:#2e7d4f!important;border:2px solid #2e7d4f!important;color:#fff!important}
.checkout .steps li.post::before{background:repeating-linear-gradient(#dde1e6 0 4px,transparent 4px 8px)!important}
.checkout .steps li.post-long{margin-top:22px}
.checkout .steps li.post-long::before{top:-36px!important;height:48px!important}
.checkout .steps li.eta-box{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 12px!important;background:#f3faf5!important;border:1px solid #d9eedf;border-radius:10px;color:#1f8a4c;white-space:normal}
.checkout .steps li.eta-box::before{display:none!important}
.checkout .steps li.eta-box span{display:flex;flex-direction:column;gap:1px}
.checkout .steps li.eta-box small{font-size:11px;color:#5b6670;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.checkout .steps li.eta-box b{all:unset;font-size:14px;font-weight:700;color:#16733f}
.checkout .steps li.eta-box em{font-style:normal;font-size:11.5px;color:#5b6670;line-height:1.35}
@media(max-width:1100px){.checkout .steps li.post,.checkout .steps li.eta-box{display:none!important}}
.checkout .steps li.eta-box b.eta-date{display:block!important;width:auto!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#16733f!important;font-size:14px!important;font-weight:700;padding:0!important;margin:2px 0 1px}
.checkout .steps li.eta-box{color:#1f8a4c!important}
.checkout .steps li.eta-box small{white-space:normal}
/* Kasse: Schrittleiste breiter, leichter */
@media(min-width:1101px){
  .checkout .wrap:has(>.steps){grid-template-columns:260px minmax(0,1fr)!important;column-gap:30px!important}
  .checkout .steps li{white-space:normal!important}
}
.checkout .steps li{font-weight:500!important;font-size:13.5px!important;letter-spacing:0}
.checkout .steps li.on{font-weight:600!important}
.checkout .steps li b{font-weight:600!important;font-size:12.5px}
.checkout .steps li.post{font-weight:400!important;color:#9aa3ac}
.checkout .steps li.post span{font-size:13px}
.checkout .steps li.post small{font-size:11.5px;color:#a7afb8;font-weight:400}
.checkout .steps li.eta-box{padding:12px 14px!important;gap:12px;background:#f5faf7!important;border-color:#dcefe3}
.checkout .steps li.eta-box small{text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:11.5px!important;color:#6b7580!important}
.checkout .steps li.eta-box b.eta-date{font-weight:600!important;font-size:14px!important;color:#1e7a46!important}
.checkout .steps li.eta-box em{color:#7a848e;font-size:11.5px}

/* Kasse: Ansprechpartner einklappbar */
.co-fold{border:1px solid #e3e6ea;border-radius:8px;margin:18px 0 6px;background:#fff}
.co-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;user-select:none}
.co-fold>summary::-webkit-details-marker{display:none}
.co-fold>summary::before{content:"";width:7px;height:7px;border:solid #1b2a3a;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .15s;flex:none;margin-right:2px}
.co-fold[open]>summary::before{transform:rotate(45deg)}
.co-fold .cf-t{font-weight:700;color:#1b2a3a;font-size:15px;flex:none}
.co-fold .cf-s{flex:1;min-width:0;color:#6b7480;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-fold.is-set .cf-s{color:#1b2a3a}
.co-fold .cf-e{font-size:13px;color:#7d6300;text-decoration:underline;flex:none}
.co-fold[open] .cf-e{display:none}
.co-fold>summary:hover{background:#fafbfc}
.co-fold .cf-body{padding:4px 14px 14px;border-top:1px solid #eef0f2}
@media(max-width:600px){.co-fold .cf-s{display:none}}

/* Kasse – Prüfen & Bestellen: Liefertermin je Artikel */
.rv-items .rv-eta{display:block;margin-top:3px;font-size:12px;font-weight:400;color:#2e7d32}

/* Kundenkonto: Nachrichten zur Bestellung */
.om-thread{display:flex;flex-direction:column;gap:10px;margin:4px 0 14px;max-height:420px;overflow:auto}
.om-msg{max-width:82%;display:flex;flex-direction:column}.om-msg.me{align-self:flex-end;align-items:flex-end}
.om-b{padding:9px 12px;border-radius:12px;font-size:14px;line-height:1.45;word-wrap:break-word}
.om-msg.them .om-b{background:#eef1f4;color:#1b2a3a;border-bottom-left-radius:4px}.om-msg.me .om-b{background:#1b2a3a;color:#fff;border-bottom-right-radius:4px}
.om-msg small{font-size:11.5px;color:#8a929b;margin-top:3px}
.om textarea{min-height:80px}

/* Varianten (Länge, Farbe …) */
.pd-var{margin:2px 0 14px}
.pd-var .vl{margin:10px 0 6px}.pd-var .vl b{font-weight:600}
.vbs-var{display:flex;flex-wrap:wrap;gap:6px}
.vbs-var .vb{display:inline-flex;align-items:center;gap:6px;min-width:44px;justify-content:center}
.vbs-var .vb-alt{border-style:dashed;color:#6b7480}
.vbs-var .vb-alt:hover{color:#1b2a3a}
.vsw{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block;flex:none}
.pd-var .vl-n{font-size:12.5px;color:#6b7480;margin:8px 0 0}
.tile-var{font-size:12.5px;color:#6b7480;margin:4px 0 6px}
.price-from{font-size:12px;color:#6b7480;margin:0 0 -2px}
.tile-choose{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:100%}

/* Startseite: IT-Service unter dem IT-Slider */
.its{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.its-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.its-k{margin:0 0 3px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-t);font-weight:700}
.its-hd h3{margin:0;font-size:19px;color:var(--ink)}
.its-g{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.its-c{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);background:#fafbfc;transition:border-color .15s,background .15s}
.its-c:hover{border-color:var(--navy);background:#fff}
.its-c svg{color:var(--navy)}
.its-c b{font-size:14px}.its-c span{font-size:12.5px;line-height:1.45;color:#6b7480}
@media(max-width:1100px){.its-g{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.its-g{grid-template-columns:repeat(2,1fr)}.its{padding:16px}}

/* Dezenter Projekt-Hinweis bei IT-Kategorien und -Produkten */
.it-hint{display:flex;gap:12px;align-items:center;margin:4px 0 16px;padding:13px 18px;border:0;border-radius:0;background:#fff3bf;color:#3d3520}
.it-hint svg{flex:none;color:#1b2a3a;margin-top:0}
.it-hint p{margin:0;font-size:15px;line-height:1.5;font-weight:400}
.it-hint a{color:var(--navy);font-weight:600}.it-hint .nw{white-space:nowrap}
.pdp2 > .it-hint{margin:22px 0 6px;padding:16px 22px}.pdp2 > .it-hint p{font-size:15.5px}
.it-hint svg{width:30px;height:30px;stroke-width:1.5}

/* Produktseite: Aktionsleiste (Angebot, PDF, Frage, Rückruf, Datenblatt) – feine graue Linie oben/unten, Seiten offen */
.pdp2 .pd-actions{border-top:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed;padding:14px 0;margin:6px 0 4px}
.pdp2 .pd-actions .pa{position:relative}
@media (min-width:901px){.pdp2 .pd-actions .pa+.pa::before{content:"";position:absolute;left:-5px;top:18%;bottom:18%;width:1px;background:#eceff2}}

/* Passendes Zubehör: Pfeile statt Scrollleiste, läuft automatisch weiter */
.acc-w{position:relative}
.acc-row{scrollbar-width:none;padding-bottom:2px;scroll-behavior:smooth}
.acc-row::-webkit-scrollbar{display:none}
.acc-nb{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid #dfe3e8;background:#fff;color:var(--ink);
  font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(16,24,40,.10);display:flex;align-items:center;justify-content:center;transition:opacity .2s,border-color .15s}
.acc-nb:hover{border-color:var(--navy)}
.acc-prev{left:-16px}.acc-next{right:-16px}
.acc-nb[disabled]{opacity:0;pointer-events:none}
.acc-w.no-ov .acc-nb{display:none}
@media(max-width:700px){.acc-prev{left:-6px}.acc-next{right:-6px}.acc-nb{width:34px;height:34px}}
.pdp2 .pd-actions .pa svg{color:#1b2a3a;background:#fff3bf;width:40px;height:40px;padding:9px;box-sizing:border-box;border-radius:0;transition:background .15s}
.pdp2 .pd-actions .pa:hover svg{background:#ffe680}

/* Produktseite: Marke als Logo bzw. Name (verlinkt) */
.pd-brandlink{display:inline-flex;align-items:center;margin:0 0 10px;color:#111;font-weight:700;font-size:15px;text-decoration:none}
.pd-brandlink:hover{text-decoration:underline}
.pd-brandlink.has-logo img{display:block;height:26px;width:auto;max-width:140px;object-fit:contain}
.pd-brandlink.has-logo:hover{opacity:.8;text-decoration:none}

/* Warenkorb-Seitenleiste: breiter, ruhiger Fußbereich */
.mc{width:460px}
.mc-foot{padding:16px 22px 18px;background:#fff;border-top:1px solid #eceff2}
.mc-ship{background:#f7f8fa;border-radius:8px;padding:10px 12px;margin:0 0 14px}
.mc-ship .mc-hint{margin:0;font-size:12.5px;color:#4b5563}.mc-ship .mc-hint b{color:var(--ink)}
.mc-ship .mc-hint.is-free{color:#22702e;font-weight:600}
.mc-ship .mc-bar{height:4px;margin:8px 0 0;background:#e4e7eb;border-radius:2px}.mc-ship .mc-bar i{background:#2e7d32}
.mc-row{align-items:baseline;margin:0 0 12px}.mc-row span{font-size:14px;color:#4b5563}.mc-row small{color:#8a929b}
.mc-row b{font-size:1.25rem;color:var(--ink)}
.mc-foot .btn{margin-top:0}
.mc-view{display:block;text-align:center;margin:10px 0 0;font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.mc-view:hover{color:var(--accent-t)}
.mc-foot .mc-car{justify-content:center;margin:12px 0 0;padding-top:12px;border-top:1px solid #f0f2f4;font-size:11.5px;color:#8a929b;gap:8px}
.mc-foot .mc-car:empty{display:none}
@media(max-width:520px){.mc{width:100%}}
.mc-ship .mc-fee{margin:8px 0 0;font-size:12px;color:#6b7480;line-height:1.45}

/* Kasse: Anmeldung direkt im Formular */
.co-login-f{margin-top:12px;padding-top:12px;border-top:1px solid #dbe4ee}
.co-login-f .row2{margin-bottom:0}
.co-login-f .cl-foot{display:flex;align-items:center;gap:16px;margin-top:10px;flex-wrap:wrap}
.co-login-f .cl-err{margin:8px 0 0;color:#c80606;font-size:13px}
.pd-freight a{font-weight:700}
.co-freight{margin:0 0 10px;padding:10px 12px;background:#fff8d6;border-radius:6px;font-size:13.5px;color:#5c4a00}

/* Produktbild: runde Lupe */
.pd-main.pz-ok img{cursor:zoom-in}
.pz-lens{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .15s,transform .15s;
  background-repeat:no-repeat;background-color:#fff;border:3px solid #fff;box-shadow:0 0 0 1px rgba(27,42,58,.18),0 10px 30px rgba(16,24,40,.25);z-index:5}
.pz-lens.on{opacity:1;transform:none}
.pz-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-size:11.5px;color:#6b7480;background:rgba(255,255,255,.92);border:1px solid #e6e9ed;
  padding:3px 10px;border-radius:999px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .2s}
.pd-main.pz-ok:hover .pz-hint{opacity:1}.pd-main.pz-active .pz-hint{opacity:0}
@media(hover:none){.pd-main.pz-ok .pz-hint{opacity:.9}}
@media(max-width:700px){.pz-lens{width:150px;height:150px}}

/* Produktbild: große Ansicht (Modal) */
.pz-modal{position:fixed;inset:0;z-index:300;background:rgba(15,20,28,.88);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.pz-modal.on{opacity:1;visibility:visible}
body.pz-lock{overflow:hidden}
.pz-fig{margin:0;max-width:min(92vw,1100px);max-height:90vh;display:flex;flex-direction:column;align-items:center}
.pz-fig img{max-width:100%;max-height:82vh;object-fit:contain;background:#fff;border-radius:6px;cursor:zoom-in;transition:transform .25s;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.pz-fig img.z2{transform:scale(1.8);cursor:zoom-out}
.pz-fig figcaption{color:#cfd5dc;font-size:13px;margin-top:12px;min-height:18px}
.pz-x{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.pz-x:hover{background:rgba(255,255,255,.22)}
.pz-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.pz-nav:hover{background:rgba(255,255,255,.24)}.pz-p{left:18px}.pz-n{right:18px}
.pz-modal.single .pz-nav{display:none}
@media(max-width:700px){.pz-nav{width:42px;height:42px;font-size:24px}.pz-p{left:8px}.pz-n{right:8px}.pz-fig img.z2{transform:scale(1.5)}}

/* Hilfe & Kontakt: Ticket-System */
.hk-way-main{background:var(--accent);border-color:var(--accent)}.hk-way-main small,.hk-way-main em{color:#3d3520}
.hk-steps{list-style:none;counter-reset:s;margin:6px 0 18px;padding:0;display:grid;gap:12px}
.hk-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;align-items:start}
.hk-steps li::before{content:counter(s);grid-row:1/3;width:30px;height:30px;border-radius:50%;background:#1b2a3a;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
.hk-steps b{font-size:15px}.hk-steps span{color:#6b7480;font-size:14px;line-height:1.5}
.hk-tk-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}

/* Kundenkonto: Support-Tickets */
.tk-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.tk-intro h2{margin:0 0 4px}.tk-intro p{margin:0}
.tk-list{display:flex;flex-direction:column}
.tk-row{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.tk-row:hover{background:#fafbfc}.tk-row b{display:block}.tk-row small{color:#6b7480;font-size:12.5px}.tk-r{text-align:right;flex:none}.tk-r small{display:block;margin-top:4px}
.tk-st{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef1f4;color:#4b5563}
.tk-st.st-work{background:#fde3cf;color:#a3410a}.tk-st.st-ok{background:#e5f4e7;color:#22702e}.tk-st.st-done{background:#eef1f4;color:#6b7480}
.tk-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tk-thread{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow:auto;padding:4px 2px 12px}
.tk-msg{max-width:80%;display:flex;flex-direction:column}.tk-msg.me{align-self:flex-end;align-items:flex-end}
.tk-b{padding:10px 14px;border-radius:12px;font-size:14.5px;line-height:1.5;word-wrap:break-word}
.tk-msg.them .tk-b{background:#eef1f4;color:#1b2a3a;border-bottom-left-radius:4px}.tk-msg.me .tk-b{background:#1b2a3a;color:#fff;border-bottom-right-radius:4px}
.tk-msg small{font-size:11.5px;color:#8a929b;margin-top:3px}
.tk-reply{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.tk-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}

/* Warenkorb: Download als CSV / PDF */
.cart-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.cart-top h1{margin-right:auto}
.cart-dl{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7480}
.cart-dl .cdl{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid #dfe3e8;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.cart-dl .cdl:hover{border-color:var(--navy)}.cart-dl .cdl[disabled]{opacity:.6;cursor:wait}

/* ===== Mobil-Feinschliff: Produktseite, Warenkorb, Kasse (≤600px) ===== */
@media (max-width:600px){
  /* Produktseite: weniger Leerraum, kompakte Aktionen */
  .pd-head{margin:0 0 10px;padding-bottom:6px}.pd-head h1{font-size:1.15rem;line-height:1.3}
  .pd-top{gap:12px}
  .pd-main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:0}
  .pd-main>p{flex:0 0 100%;text-align:right;margin:6px 0 0}
  .pd-main img{width:auto;height:auto;max-width:100%;max-height:240px;border:0!important}
  .pd-thumbs .th img{width:52px;height:52px}
  .pd-box{padding:14px 14px 12px}
  .pd-actions{grid-template-columns:1fr;gap:6px}
  .pa{flex-direction:row;align-items:center;gap:12px;padding:9px 12px;text-align:left}
  .pa svg{width:22px;height:22px}
  .pa span{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
  .pa b{font-size:13.5px;line-height:1.25}.pa small{margin:0;font-size:12px}
  /* Warenkorb: Bild links, Menge und Preis in einer Zeile */
  .ci{grid-template-columns:68px minmax(0,1fr) auto;gap:8px 12px;padding:12px 0;align-items:start}
  .ci>a:first-child{grid-row:1/3;align-self:start}.ci img{width:68px;height:68px}
  .ci>div:first-of-type{grid-column:2/4}
  .ci>div:first-of-type a{font-size:14px;line-height:1.3;display:block}
  .ci .rm{padding:4px 0 0;font-size:13px}
  .ci label{grid-column:2;align-self:center}
  .ci-p{grid-column:3;align-self:center;min-width:0;font-size:15px}.ci-p small{font-size:11.5px;font-weight:400}
  .cart-items{padding:4px 14px}
  .cart-sum-box{position:static}
  /* Kasse: ohne Kästen – volle Breite, ruhiger */
  body.checkout{background:#fff}
  .checkout main>.wrap,.checkout .co-grid{padding-left:0;padding-right:0}
  .checkout .step{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 16px 22px!important;margin:0 0 6px!important;border-bottom:1px solid var(--line)!important}
  .checkout .step.is-todo{padding:14px 16px!important;margin:0!important}
  .checkout .step legend{padding:0 16px!important;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}
  .checkout .cs-box,.checkout .cs-trust{border:0;border-radius:0;box-shadow:none;background:transparent;padding:18px 16px 8px}
  .checkout .cs-trust{grid-template-columns:1fr;gap:10px;border-top:1px solid var(--line);padding-top:16px}
  .checkout .cs-trust li{align-items:center}.checkout .cs-trust b{display:inline;font-size:13.5px}.checkout .cs-trust small{display:inline;margin-left:6px}
  .checkout .co-sum{padding:0!important}
  .row3:has(input[name$="PLZ"]){grid-template-columns:104px minmax(0,1fr)}
  .row3>label:first-child:has(input[name$="PLZ"]){grid-column:auto}
  .step-nav{flex-direction:column-reverse;gap:10px;margin-top:16px}
  .step-nav .btn{width:100%;text-align:center;justify-content:center}
  .checkout .step-nav .btn-ghost{border:0!important;background:none!important;box-shadow:none!important;padding:6px 0;color:var(--muted)}
  .co-more{margin-left:0;margin-right:0}
  .acc-box{margin-left:0;margin-right:0}
}

/* Warenkorb: +/− Mengenwähler */
.ci-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.ci-qty .ci-st{width:34px;height:36px;border:0;background:#f3f4f6;color:var(--ink);font-size:18px;line-height:1;cursor:pointer;flex:none}
.ci-qty .ci-st:hover{background:#e9ecef}
.ci .ci-qty input{width:46px;height:36px;padding:0 4px;border:0;border-radius:0;-moz-appearance:textfield;font-weight:600}
.ci .ci-qty input::-webkit-outer-spin-button,.ci .ci-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Kasse: Konto-Hinweis ohne Box, Support-Icon statt Telefon auf dem Handy */
.co-acc{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.co-acc p{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.co-acc a{font-weight:600}.co-acc-sep{color:#c3c9d0}
.co-acc .co-login-f{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.co-help-sup{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--ink)}
@media (max-width:600px){
  .co-help-tel{display:none!important}
  .co-help-sup{display:flex}
  .co-acc{font-size:13.5px}.co-acc p{flex-direction:column;gap:4px}.co-acc-sep{display:none}
}