/* oopbuyqc.de · inspection catalogue · 2026-11-06 */
:root{--bg:#f4f6f7;--surface:#fff;--surface-2:#edf1f2;--ink:#18282e;--muted:#51646c;--muted-2:#60727a;--green-900:#142b31;--green-800:#164b50;--green-700:#176268;--green-600:#176268;--green-050:#e9f3f1;--amber-700:#80520d;--amber-bg:#fff7e8;--amber-border:#ead6aa;--border:#dce4e7;--border-strong:#aabcc2;--focus:#007b85;--wrap:1280px;--prose:76ch;--radius:14px;--radius-sm:8px;--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--sp-section:52px;--sp-block:24px;--header-height:78px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--green-700);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#103d43}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:4px}h1,h2,h3,h4{margin:0;color:var(--ink);overflow-wrap:break-word}h1{font-size:44px;font-weight:800;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}h2{font-size:28px;font-weight:750;line-height:1.28;letter-spacing:-.025em;text-wrap:balance}h3{font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.01em}p{margin:0}main{display:block}section[id],h2[id]{scroll-margin-top:110px}.container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:32px}.skip-link{position:fixed;left:16px;top:-100px;padding:12px 18px;background:#fff;color:#142b31;z-index:110;border-radius:8px}.skip-link:focus{top:12px}
/* One calm, compact navigation row. */
.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:32px;min-height:78px;padding:13px max(32px,calc((100% - 1216px)/2));background:#142b31;color:#fff;box-shadow:0 1px 0 #ffffff16}
.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#111b21 0 33.333%,#ad3343 33.333% 66.666%,#dfb85e 66.666%)}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:0;gap:16px}.brand{display:grid;gap:1px;width:max-content;color:#fff;text-decoration:none;font-size:25px;font-weight:800;line-height:1.1;letter-spacing:-.04em}.brand:hover{color:#fff}.brand-qc{color:#efc978}.brand-tag{font-size:11px;font-weight:500;letter-spacing:.045em;color:#c0d3d7;line-height:1.6}.header-actions{display:flex;align-items:center}.main-nav-inner{padding:0}.main-nav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}.main-nav a{display:block;padding:11px 12px;color:#e6eff0;text-decoration:none;font-size:14px;font-weight:550;white-space:nowrap;border-radius:7px;transition:background .16s,color .16s}.main-nav a:hover,.main-nav a[aria-current=page]{background:#29444b;color:#fff}.main-nav .nav-accent a{color:#efc978}.site-header :focus-visible{outline-color:#efc978}.nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:44px;border:1px solid #61797e;border-radius:8px;background:transparent;color:#fff;font-size:14px;font-weight:650;cursor:pointer}.nav-toggle:after{content:"";width:13px;height:8px;border-block:2px solid currentColor}.nav-toggle[aria-expanded=true]{background:#29444b}.independence{background:#eaf0f2;border-bottom:1px solid var(--border);font-size:12px;line-height:1.55;color:#435c65}.independence .container{padding-block:9px}
/* Shared controls. */
.searchform{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.searchform input[type=search]{flex:1 1 200px;min-width:0;min-height:50px;padding:12px 16px;padding-right:32px;font-size:15px;border:1px solid #aabfc6;border-radius:9px;background:#fff;color:var(--ink);box-shadow:0 2px 3px #152e3603}.searchform input::placeholder{color:#667b83;opacity:1}.searchform input:hover{border-color:#658a91}.searchform input:focus-visible{outline-offset:3px}.searchform .btn{flex:0 0 auto}.search-hint{font-size:12px;line-height:1.6;color:var(--muted);margin-top:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:650;line-height:1.45;text-align:center;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s}.btn-primary{background:var(--green-700);color:#fff;border-color:var(--green-700)}.btn-primary:hover{background:#10484d;border-color:#10484d;color:#fff;box-shadow:0 4px 12px #163a3d20}.btn-outline{background:#fff;color:var(--green-700);border-color:#a7bec2}.btn-outline:hover{background:#eff6f5;border-color:var(--green-700);color:#123c42}.btn-block{width:100%}select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23176268' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 18px center;padding:12px 50px 12px 14px;min-height:46px;border:1px solid var(--border-strong);border-radius:8px}
/* Introduction and section rhythm. */
.page-wrap{padding-block:36px 56px}.stack{display:flex;flex-direction:column;gap:var(--sp-section)}.stack>*{margin:0;min-width:0}.section-head{max-width:80ch;margin-bottom:var(--sp-block)}.section-head p{color:var(--muted);margin-top:10px}.eyebrow{margin-bottom:10px;color:var(--green-700);font-size:11px;font-weight:750;letter-spacing:.115em;text-transform:uppercase}.hero{background:linear-gradient(115deg,#fff 0%,#f8faf9 55%,#e9f0ef 100%);border-bottom:1px solid var(--border)}.hero .container{padding-block:40px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px}.hero-grid>*{min-width:0}.hero h1{max-width:13.5ch;font-size:48px}.hero p.lede{font-size:16px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:59ch}.hero-search{margin-top:24px}.hero-search h2{font-size:14px!important;margin-bottom:12px!important;letter-spacing:0}.hero-checklist{position:relative;background:#fff;border:1px solid #ccdbde;border-top:4px solid #176268;border-radius:14px;padding:25px 28px;box-shadow:0 12px 32px #203f4510}.hero-checklist h2{font-size:19px;line-height:1.4;letter-spacing:-.01em}.hero-checklist ol{counter-reset:check;list-style:none;padding:0;margin:19px 0 0}.hero-checklist li{counter-increment:check;position:relative;padding:12px 0 12px 38px;border-top:1px solid #e6ecee;font-size:14px;line-height:1.6}.hero-checklist li:first-child{border:0;padding-top:0}.hero-checklist li:last-child{padding-bottom:0}.hero-checklist li:before{content:counter(check,decimal-leading-zero);position:absolute;left:0;top:12px;color:#176268;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}.hero-checklist li:first-child:before{top:0}
body[data-layout=home] .stack>section+section{padding-top:36px;border-top:1px solid var(--border)}body[data-layout=home] .stack{gap:36px}body[data-layout=home] .stack>section:has(.cat-tiles) .section-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}body[data-layout=home] .stack>section:has(.cat-tiles) .section-head .eyebrow{grid-column:1/-1}body[data-layout=home] .stack>section:has(.cat-tiles) .section-head p{margin:0;font-size:14px}body[data-layout=home] .stack>section:has(.card-grid) .section-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}body[data-layout=home] .stack>section:has(.card-grid) .section-head .eyebrow{grid-column:1/-1}body[data-layout=home] .stack>section:has(.card-grid) .section-head p{margin:0;font-size:14px}
/* Full photographs and aligned product information. */
.card-grid{--columns:4;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:20px;align-items:stretch}.card-grid.balanced{grid-template-columns:repeat(60,minmax(0,1fr));column-gap:0;row-gap:20px;margin-inline:-10px}.card-grid.balanced>.product-card{grid-column:span var(--card-span);margin-inline:10px}.card-grid>*{min-width:0}.product-card{background:#fff;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;position:relative;box-shadow:0 3px 10px #233d4605;transition:border-color .18s,box-shadow .18s,transform .18s}.product-card:hover{border-color:#7ea4ab;box-shadow:0 8px 24px #203f4512;transform:translateY(-3px)}.card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;border-radius:12px}.card-link:focus-visible{outline-offset:4px}.thumb{display:block;aspect-ratio:1;background:#f5f7f7;margin:9px 9px 0;overflow:hidden;border-radius:7px}.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.card-body{display:flex;flex-direction:column;flex:1;padding:15px 15px 17px;gap:14px}.card-title{font-size:14px;line-height:1.55;font-weight:650;color:var(--ink);overflow-wrap:anywhere}.card-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.card-body>.card-meta:first-of-type{margin-top:auto;padding-top:2px}.card-body>.card-meta:last-child{margin-top:0;padding-top:10px;border-top:1px solid #edf1f2;align-items:flex-start}.price{display:flex;flex-wrap:wrap;gap:3px 9px;align-items:baseline;color:#162e35;font-size:16px;font-weight:750;line-height:1.5}.price-eur{font-size:12px;font-weight:450;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:600;line-height:1.5}.badge-qc{background:#e9f4f0;border-color:#d5e8df;color:#235641}.badge-noqc{background:var(--amber-bg);border-color:#f0e3c8;color:#80520d}.badge-cat{background:#f1f4f5;border-color:#e0e7e9;color:#526871}a.badge{min-height:36px;align-items:center;padding:7px 11px}body[data-layout=category] .card-grid{--columns:5}
/* Guide/category cards. */
.cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cat-tiles>*{min-width:0}.cat-tile{position:relative;display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--border);border-top:3px solid #176268;padding:21px 21px 23px;border-radius:11px;color:inherit;text-decoration:none;transition:background .16s,border-color .16s,transform .16s}.cat-tile:after{content:"↗";position:absolute;right:19px;top:18px;color:#176268;font-size:20px}.cat-tile:nth-child(2){border-top-color:#c49532}.cat-tile:nth-child(3){border-top-color:#a84a54}.cat-tile:nth-child(4){border-top-color:#537489}.cat-tile:hover{background:#f9fcfc;border-color:#91afb5;transform:translateY(-2px)}.cat-name{padding-right:24px;font-size:18px;font-weight:750;line-height:1.4;letter-spacing:-.015em}.cat-count{font-size:12px;color:#45606b;line-height:1.5}.cat-desc{font-size:13px;color:var(--muted);line-height:1.65;padding-top:5px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.two-col>*{min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:25px 26px}.panel h2{font-size:22px}.panel h3+p,.panel h2+p{margin-top:12px}.panel p{line-height:1.7}.panel:has(>.btn){display:flex;flex-direction:column;align-items:start}.panel .btn{margin-top:18px}.qc-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.qc-columns>*{min-width:0}.qc-col{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.qc-col h3{font-size:16px}.qc-col ul{padding-left:18px;margin:15px 0 0}.qc-col li{margin-top:9px;font-size:14px;line-height:1.7;padding-left:2px}.qc-col.is-visible{border-top:3px solid #276c58}.qc-col.is-uncertain{border-top:3px solid #80949c}.qc-col.is-request{border-top:3px solid #d7ae58}.qc-tag{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.075em}.qc-tag.v{color:#256048}.qc-tag.u{color:#50636d}.qc-tag.r{color:#80520d}.callout{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px 26px}.callout h3{margin-bottom:9px}.callout p+p{margin-top:12px}.callout-amber{background:var(--amber-bg);border-color:#e9d5ad;color:#594217}.callout-amber a{color:#77500d}.callout-green{background:#eaf3f1;border-color:#c8ded9}.callout .btn{margin-top:6px}.empty-state{background:var(--amber-bg);border:1px solid #e9d5ad;border-radius:12px;padding:24px;color:#594217}.empty-state h3{color:#594217;margin-bottom:12px}.empty-state p+p{margin-top:12px}
.linklist{list-style:none;margin:18px 0 0;padding:0}.linklist li{border-top:1px solid var(--border)}.linklist li:first-child{border:0}.linklist a{display:block;padding:16px 0;color:var(--ink);font-weight:650;text-decoration:none;line-height:1.45}.linklist a:hover{color:var(--green-700)}.linklist .desc{display:block;font-size:14px;font-weight:400;line-height:1.65;color:var(--muted);margin-top:8px}body[data-layout=directory] .linklist{max-width:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body[data-layout=directory] .linklist li{border:1px solid var(--border);background:#fff;border-radius:11px;min-width:0}body[data-layout=directory] .linklist a{height:100%;padding:23px 25px;border-radius:11px}body[data-layout=directory] .linklist a:hover{background:#eef5f4}
/* Category introduction keeps explanatory text readable beside the title. */
body[data-layout=category] .stack>section:first-child{display:grid;grid-template-columns:.9fr 1.1fr;column-gap:48px;row-gap:18px;padding:28px 30px;background:#fff;border:1px solid var(--border);border-radius:14px}body[data-layout=category] .stack>section:first-child .section-head{margin:0;align-self:start}body[data-layout=category] h1{font-size:36px}body[data-layout=category] .stack>section:first-child>.prose{max-width:none!important;font-size:14px;line-height:1.75}body[data-layout=category] .stack>section:first-child>.pill-row{grid-column:1/-1;margin-top:0!important;padding-top:18px;border-top:1px solid var(--border)}
/* Breadcrumbs and long-form reading. */
.breadcrumb{font-size:12px;line-height:1.7;color:var(--muted);padding-block:20px 0}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}.breadcrumb li{overflow-wrap:anywhere}.breadcrumb li:after{content:"/";margin-inline:8px 4px;color:#899ba2}.breadcrumb li:last-child:after{content:none}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline;color:#176268}.breadcrumb [aria-current=page]{color:#243f49}.prose{max-width:var(--prose)}.prose>*+*{margin-top:18px}.prose h2{font-size:26px;margin-top:36px;padding-top:30px;border-top:1px solid var(--border)}.prose h3{font-size:18px;margin-top:26px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-top:9px;padding-left:3px}.prose .lede{font-size:18px;line-height:1.7;color:var(--muted)}.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65}.prose th,.prose td{padding:13px 15px;border:1px solid var(--border);text-align:left;vertical-align:top}.prose th{background:#eaf0f2;color:#243f49;font-weight:650}.prose tr:nth-child(even) td{background:#f7f9f9}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.prose .callout,.prose .toc{margin-block:28px}.toc{background:#f0f5f5;border:1px solid #d6e3e4;border-radius:10px;padding:22px 24px}.toc strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.toc ul{margin:0;padding:0;list-style:none}.toc a{display:inline-block;padding:3px 0}.toc li{margin-top:4px}body[data-layout=article] article.prose{margin-inline:auto;max-width:880px;background:#fff;padding:40px 48px 44px;border:1px solid var(--border);border-top:4px solid #176268;border-radius:14px}body[data-layout=article] h1{font-size:38px;max-width:22ch}body[data-layout=article] .prose .lede{font-size:17px}body[data-layout=faq] .page-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start}body[data-layout=faq] .page-wrap>.section-head{position:sticky;top:110px;margin:0;max-width:none!important}body[data-layout=faq] .page-wrap>.section-head h1{font-size:38px}body[data-layout=faq] .page-wrap>div:not(.section-head){max-width:none!important}body[data-layout=faq] .panel{padding:24px 28px}body[data-layout=faq] .panel:first-child{margin-top:0!important}body[data-layout=faq] .panel h2{font-size:19px!important;line-height:1.45;letter-spacing:-.015em}body[data-layout=faq] .panel p{font-size:15px}
/* Detail page and genuine QC photos, never cropped. */
.product-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:44px;align-items:start}.product-hero>*{min-width:0}.product-media{border:1px solid var(--border);border-radius:14px;background:#fff;padding:16px;position:sticky;top:108px}.product-media img{width:100%;height:auto;max-height:510px;object-fit:contain;aspect-ratio:1}.product-info{padding:4px 0}.product-info h1{font-size:32px;line-height:1.25;letter-spacing:-.025em;text-wrap:pretty}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.product-info .pill-row{margin-bottom:16px!important}.product-meta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.price-block{margin-top:22px;padding:19px 21px;background:#fff;border:1px solid var(--border);border-radius:10px}.price-main{font-size:28px;font-weight:800;line-height:1.25;letter-spacing:-.02em}.price-approx{font-size:16px;color:#435f68;margin-top:3px}.price-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:62ch}.cta-block{margin-top:20px}.cta-block .btn{margin-bottom:13px;min-height:50px}.cta-explain{font-size:13px;line-height:1.7;color:var(--muted);max-width:68ch}.img-credit{font-size:11px;line-height:1.7;color:var(--muted-2);margin-top:12px}.qc-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;align-items:start}.qc-gallery>*{min-width:0}.qc-shot{display:block;aspect-ratio:1;background:#fff;padding:5px;border:1px solid var(--border);border-radius:9px;transition:border-color .16s,box-shadow .16s}.qc-shot:hover{border-color:#68949b;box-shadow:0 4px 14px #203f4512}.qc-shot img{width:100%;height:100%;object-fit:contain;border-radius:5px}.qc-gallery>.qc-shot:only-child{max-width:300px}body[data-layout=product] .stack>section+section{padding-top:32px;border-top:1px solid var(--border)}body[data-layout=product] .stack{gap:32px}.data-list{list-style:none;margin:0;padding:0}.data-list li{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--border);font-size:14px}.data-list li:first-child{border:0}.data-list .dt{color:var(--muted)}.data-list .dd{font-weight:650;text-align:right;overflow-wrap:anywhere}
.source-action-bar{position:fixed;bottom:0;inset-inline:0;z-index:35;background:#fff;box-shadow:0 -5px 24px #142b3114;border-top:1px solid #bfd1d5;padding:12px 0 max(12px,env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .18s,visibility .18s}.source-action-bar.is-visible{transform:translateY(0);visibility:visible}.source-action-bar .container{display:flex;align-items:center;gap:28px}.source-action-context{flex:1;min-width:0;display:flex;align-items:center;gap:15px}.source-action-title{max-width:600px;font-size:13px;font-weight:650;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.source-action-price{font-weight:750;font-size:15px;white-space:nowrap}.source-action-bar .btn{flex:0 0 auto;max-width:48%;min-height:44px;font-size:13px}.has-source-action{padding-bottom:96px}
/* A single closing section, without a redundant empty band. */
.site-footer{background:#142b31;color:#d3e0e2;border-top:3px solid #b89343;margin-top:0;font-size:13px}.site-footer .container{padding-block:40px 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr .9fr 1.1fr;gap:38px}.footer-grid>*{min-width:0}.site-footer h4{color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer a{color:#c3d4d8;display:inline-block;padding:5px 0;text-decoration:none;line-height:1.55}.site-footer a:hover{color:#efc978;text-decoration:underline}.site-footer :focus-visible{outline-color:#efc978}.footer-about p{color:#afc5ca;max-width:37ch;line-height:1.8}.footer-bottom{display:flex;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid #355057;color:#a9c1c7;font-size:11px;line-height:1.7}.text-muted{color:var(--muted)}.small{font-size:14px}.mt-0{margin-top:0}.lead-note{max-width:78ch;color:var(--muted);font-size:14px}.divider{height:1px;border:0;background:var(--border);margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){:root{--wrap:1380px}.site-header{padding-inline:max(32px,calc((100% - 1316px)/2))}}
@media(max-width:1179px){body[data-layout=category] .card-grid{--columns:4}.site-header{gap:20px}.main-nav a{padding-inline:9px}.hero-grid{gap:32px}.hero h1{font-size:43px}.cat-tile{padding:20px 17px}.cat-count{font-size:11px}.product-hero{gap:30px}body[data-layout=category] .stack>section:first-child{column-gap:30px}}
@media(max-width:1000px){.site-header{display:block;padding:11px 28px;min-height:72px}.nav-toggle{display:inline-flex}.main-nav{display:none;border-top:1px solid #3b555d;margin-top:14px;max-height:calc(100dvh - 100px);overflow:auto;padding:10px 4px}.main-nav.open{display:block}.main-nav ul{display:grid;grid-template-columns:1fr 1fr;gap:5px}.main-nav a{padding:12px 14px}.container{padding-inline:28px}.brand{font-size:23px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:38px}.hero .container{padding-block:32px}.hero p.lede{font-size:15px}.hero-checklist{padding:22px}.hero-checklist h2{font-size:17px}.hero-checklist li{font-size:13px;padding-left:30px}.hero-search .btn{font-size:13px;padding-inline:14px}.searchform{gap:9px}.searchform input[type=search]{flex-basis:180px}.searchform .btn{flex-grow:1}.cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-count{font-size:12px}.card-grid,body[data-layout=category] .card-grid{--columns:3}.qc-columns{grid-template-columns:1fr}.qc-col{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.qc-col ul{margin:0}.qc-col li:first-child{margin-top:0}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.product-info h1{font-size:27px}.product-hero{gap:24px}.product-media{padding:10px;top:94px}body[data-layout=faq] .page-wrap{grid-template-columns:230px minmax(0,1fr);gap:28px}body[data-layout=faq] .page-wrap>.section-head h1{font-size:32px}.source-action-title{max-width:350px}.source-action-context{gap:10px;flex-wrap:wrap}.source-action-bar .container{gap:20px}.source-action-bar .btn{max-width:48%}}
@media(max-width:760px){:root{--sp-section:36px;--sp-block:20px}h1{font-size:34px}h2{font-size:25px}.container{padding-inline:24px}.site-header{padding-inline:24px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:40px;max-width:18ch}.hero p.lede{max-width:none}.hero-search{margin-top:20px}.hero-checklist{padding:22px 24px}.hero-checklist ol{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.hero-checklist li{font-size:13px;padding-top:12px}.hero-checklist li:first-child{padding-top:12px;border-top:1px solid #e6ecee}.hero-checklist li:first-child:before{top:12px}.hero-checklist li:last-child{grid-column:1/-1;padding-bottom:0}.two-col{gap:18px}.panel{padding:22px}.product-hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px}.product-info h1{font-size:25px}.price-block{padding:16px}.price-main{font-size:25px}.price-note,.cta-explain{font-size:12px}body[data-layout=category] .stack>section:first-child{grid-template-columns:1fr;gap:18px;padding:25px}body[data-layout=category] h1{font-size:34px}body[data-layout=category] .stack>section:first-child .section-head{max-width:none}body[data-layout=home] .stack>section:has(.cat-tiles) .section-head,body[data-layout=home] .stack>section:has(.card-grid) .section-head{display:block}body[data-layout=home] .stack>section:has(.cat-tiles) .section-head p,body[data-layout=home] .stack>section:has(.card-grid) .section-head p{margin-top:10px}.card-grid,body[data-layout=category] .card-grid{--columns:2}.card-grid{gap:16px}.card-grid.balanced{row-gap:16px;margin-inline:-8px}.card-grid.balanced>.product-card{margin-inline:8px}.card-title{font-size:14px}.qc-gallery{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}body[data-layout=article] article.prose{padding:30px}body[data-layout=article] h1{font-size:34px}body[data-layout=faq] .page-wrap{display:block}body[data-layout=faq] .page-wrap>.section-head{position:static;margin-bottom:24px}.source-action-context{gap:3px;display:block}.source-action-price{font-size:13px}.source-action-title{font-size:12px;max-width:none}.source-action-bar .btn{font-size:12px;padding:10px 14px}.prose .lede{font-size:16px}.page-wrap{padding-block:28px 40px}}
@media(max-width:560px){body{font-size:15px;line-height:1.65}.container{padding-inline:18px}.site-header{padding:11px 18px;min-height:68px}.brand{font-size:22px}.brand-tag{font-size:10px}.main-nav ul{grid-template-columns:1fr}.main-nav a{white-space:normal}.independence{font-size:11px}.independence .container{padding-block:9px}.hero .container{padding-block:28px}.hero h1{font-size:34px;max-width:16ch}.hero p.lede{line-height:1.7;margin-top:16px}.hero-search{margin-top:22px}.searchform input[type=search]{flex-basis:100%;min-height:48px}.searchform .btn{min-height:46px;width:100%}.hero-checklist{padding:21px 22px}.hero-checklist ol{display:block;margin-top:14px}.hero-checklist li{font-size:13px;padding-block:10px;padding-left:31px}.hero-checklist li:before,.hero-checklist li:first-child:before{top:10px}.hero-checklist li:first-child{padding-top:10px}.hero-checklist h2{font-size:18px}h1{font-size:32px}h2{font-size:24px}h3{font-size:17px}.section-head p{font-size:14px}.eyebrow{font-size:10px;margin-bottom:8px}.cat-tiles{gap:12px}.cat-tile{padding:18px 14px;border-radius:10px;gap:8px}.cat-tile:after{right:13px;top:17px;font-size:17px}.cat-name{font-size:16px}.cat-count{font-size:11px}.cat-desc{font-size:12px;line-height:1.6}.card-grid{gap:12px}.card-grid.balanced{margin-inline:-6px;row-gap:12px}.card-grid.balanced>.product-card{margin-inline:6px}.product-card{border-radius:10px}.thumb{margin:6px 6px 0;border-radius:5px}.card-body{padding:12px 11px 13px;gap:12px}.card-title{font-size:13px;line-height:1.55}.price{font-size:15px;display:block}.price-eur{font-size:11px;display:block;margin-top:2px}.badge{font-size:10px;padding:3px 6px;line-height:1.5}.card-body>.card-meta:last-child{padding-top:9px;gap:5px}.two-col{grid-template-columns:1fr;gap:16px}.panel{padding:22px}.panel h2{font-size:21px}.qc-columns{gap:14px}.qc-col{display:block;padding:20px}.qc-col ul{margin-top:13px}.callout,.empty-state{padding:21px}.qc-col li{font-size:14px}.breadcrumb{font-size:11px;padding-top:16px}.breadcrumb li:after{margin-inline:5px 2px}body[data-layout=category] .stack>section:first-child{padding:22px 20px}body[data-layout=category] h1{font-size:31px}.product-hero{display:flex;flex-direction:column;gap:23px}.product-media{position:static;width:100%;padding:10px}.product-media img{max-height:360px}.product-info h1{font-size:27px}.product-info{width:100%;padding:0}.price-block{margin-top:18px;padding:18px}.price-main{font-size:27px}.price-approx{font-size:15px}.price-note,.cta-explain{font-size:12px}.cta-block .btn{font-size:13px}.qc-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.qc-shot{padding:3px}.img-credit{font-size:11px}body[data-layout=product] .stack{gap:28px}body[data-layout=product] .stack>section+section{padding-top:28px}body[data-layout=article] article.prose{padding:26px 22px;border-radius:11px}body[data-layout=article] h1{font-size:30px}body[data-layout=article] .prose .lede{font-size:15px}.prose h2{font-size:23px;margin-top:30px;padding-top:26px}.prose h3{font-size:17px}.prose>*+*{margin-top:16px}.prose ul,.prose ol{padding-left:20px}.prose th,.prose td{padding:10px;font-size:13px}.toc{padding:18px}.prose .callout{padding:18px}.source-action-bar{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.source-action-bar .container{gap:13px}.source-action-bar .btn{max-width:50%;font-size:11px;line-height:1.4;padding:10px 12px}.source-action-title{font-size:11px;line-height:1.45}.source-action-price{font-size:12px}.has-source-action{padding-bottom:100px}body[data-layout=directory] .linklist{grid-template-columns:1fr;gap:12px}body[data-layout=directory] .linklist a{padding:21px}body[data-layout=faq] .panel{padding:22px}body[data-layout=faq] .panel h2{font-size:18px!important}body[data-layout=faq] .panel p{font-size:14px}.footer-grid{gap:28px 22px}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.site-footer .container{padding-block:32px 24px}.site-footer h4{margin-bottom:10px}.site-footer a{padding:7px 0}.footer-bottom{gap:10px;margin-top:24px;padding-top:18px;font-size:11px}body[data-layout=home] .stack>section+section{padding-top:28px}body[data-layout=home] .stack{gap:28px}}
@media(max-width:359px){.container{padding-inline:16px}.site-header{padding-inline:16px}.cat-tiles{grid-template-columns:1fr}.card-grid,body[data-layout=category] .card-grid{--columns:1}.card-body{padding:15px}.card-title{font-size:14px}.badge{font-size:11px}.price{display:flex}.price-eur{margin:0;display:inline}.hero h1{font-size:31px}.hero-checklist{padding:20px}.qc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-layout=article] article.prose{padding:23px 18px}.source-action-bar .btn{max-width:54%;padding-inline:10px}.source-action-title{font-size:10px}}
/* Corrections verified against long German labels and unequal card titles. */
.site-header .container{padding-inline:0;max-width:none}
@media(max-width:1000px){.enhanced .main-nav{position:absolute;inset-inline:0;top:100%;margin:0;padding:14px 28px 18px;background:#142b31;border-bottom:3px solid #dfb85e;box-shadow:0 12px 20px #142b3120}.enhanced .main-nav-inner{padding:0}html:not(.enhanced) .main-nav{display:block}html:not(.enhanced) .nav-toggle{display:none}html:not(.enhanced) .site-header{position:relative}}
.hero h1{max-width:100%}
.card-title+.card-meta{margin-top:auto;padding-top:2px}
.product-card{container-type:inline-size}
.card-body>.card-meta:last-child{min-height:38px;align-content:start}
.has-source-action{padding-bottom:0}
.prose .qc-columns{grid-template-columns:1fr;gap:14px}.prose .qc-col{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px}.prose .qc-col ul{margin:0}.prose .qc-col li:first-child{margin-top:0}.site-footer a{min-height:36px}
@container(max-width:260px){.card-body>.card-meta:last-child{min-height:70px;flex-direction:column;align-items:flex-start}}
@media(min-width:761px){body[data-layout=category] .stack>section:first-child{grid-template-rows:auto 1fr;align-items:start}body[data-layout=category] .stack>section:first-child>.prose{grid-column:2;grid-row:1/span 2}body[data-layout=category] .stack>section:first-child>.pill-row{grid-column:1;grid-row:2;border:0;padding-top:0;align-self:start}}
@media(min-width:761px) and (max-width:1000px){.hero-search .searchform input[type=search]{flex-basis:100%}.hero-search .searchform .btn{flex-basis:100%}.hero h1{font-size:36px}}
@media(max-width:560px){.card-body>.card-meta:last-child{min-height:62px}.hero h1{max-width:17ch}.prose .qc-col{display:block}.prose .qc-col ul{margin-top:14px}.site-footer a{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.product-card:hover,.cat-tile:hover{transform:none}}