/* ==========================================================================
   materialwissen.de (mw) — "Werkstatt"-Nachschlagewerk
   Voll-Custom-Theme im .mw-Wrapper. Erbt NICHT das Magazin-CSS.
   Navy #1f242b · Orange #e8590c · Grün #2f7d4f · IBM Plex Sans + Mono (lokal).
   1:1 aus der Design-Vorlage (Claude-Design-Prototyp) übersetzt.
   ========================================================================== */

/* ---------- Fonts (self-hosted, DSGVO) ---------- */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/css/fonts/ibm-plex-sans-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/css/fonts/ibm-plex-sans-500.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/css/fonts/ibm-plex-sans-600.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/css/fonts/ibm-plex-sans-700.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/css/fonts/ibm-plex-mono-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/css/fonts/ibm-plex-mono-500.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/css/fonts/ibm-plex-mono-600.woff2') format('woff2');}

/* ---------- Tokens ---------- */
.mw{
  --mw-bg:#f3f3f0; --mw-ink:#15181c; --mw-navy:#1f242b; --mw-navy-2:#2a313b;
  --mw-accent:#e8590c; --mw-accent-2:#ff9a5c; --mw-green:#2f7d4f;
  --mw-accent-ink:#c2410c; --mw-accent-on-dark:#ff7a30; --mw-on-dark:#9aa3ae;
  --mw-muted:#5b626b; --mw-muted-2:#5c636c; --mw-faint:#606770;
  --mw-line:#e2e2dc; --mw-line-2:#ecece6; --mw-card:#fff; --mw-soft:#f6f6f3; --mw-soft-2:#f6f6f3;
  --mw-sans:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,sans-serif;
  --mw-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --mw-max:1180px;
  background:var(--mw-bg); color:var(--mw-ink);
  font-family:var(--mw-sans); line-height:1.5;
  min-height:100vh; display:flex; flex-direction:column;
  -webkit-font-smoothing:antialiased;
}
.mw *{box-sizing:border-box;}
.mw img{max-width:100%; height:auto; display:block;}
.mw a{color:inherit;}
.mw ::selection{background:var(--mw-accent-ink); color:#fff;}
.mw :focus-visible{outline:3px solid var(--mw-accent); outline-offset:2px;}
.mw main{flex:1;}
.mw-wrap{max-width:var(--mw-max); margin:0 auto; padding:0 20px;}
.mw-wrap--narrow{max-width:840px;}
.mw-wrap--mid{max-width:1080px;}

/* ---------- Header ---------- */
.mw-header{position:sticky; top:0; z-index:50; background:var(--mw-navy); border-bottom:1px solid #2c333d;}
.mw-header__inner{max-width:var(--mw-max); margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:18px; min-height:64px; flex-wrap:wrap;}
.mw-logo{display:flex; align-items:center; gap:11px; text-decoration:none; padding:8px 0;}
.mw-logo__mark{width:30px; height:30px; background:var(--mw-accent); display:flex; align-items:center; justify-content:center; flex:none;
  clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);}
.mw-logo__mark span{width:11px; height:11px; background:var(--mw-navy); display:block;
  clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);}
.mw-logo__text{display:flex; flex-direction:column; line-height:1;}
.mw-logo__text b{font-weight:700; font-size:18px; letter-spacing:.01em; color:#fff;}
.mw-logo__text span{font-family:var(--mw-mono); font-weight:500; font-size:10px; color:var(--mw-on-dark); letter-spacing:.04em; margin-top:4px;}
.mw-nav{display:flex; gap:2px; flex-wrap:wrap; margin-left:auto;}
.mw-nav a{background:none; border:none; padding:10px 13px; font-weight:600; font-size:14px; line-height:1; text-decoration:none;
  border-bottom:2px solid transparent; color:#9aa3ae; cursor:pointer; transition:color .12s;}
.mw-nav a:hover{color:#cdd3da;}
.mw-nav a.is-active{color:#fff; border-bottom-color:var(--mw-accent-ink);}
.mw-burger{display:none; background:none; border:none; color:#cdd3da; cursor:pointer; padding:8px; margin-left:auto;}
.mw-mobnav{display:none; flex-direction:column; background:#191d23; border-top:1px solid #2c333d;}
.mw-mobnav a{padding:13px 20px; color:#cdd3da; text-decoration:none; font-weight:600; font-size:15px; border-bottom:1px solid #2c333d;}
.mw-mobnav.is-open{display:flex;}

/* ---------- Hero (Home) ---------- */
.mw-hero{background:var(--mw-navy); color:#fff; padding:56px 20px 60px; border-bottom:3px solid var(--mw-accent);}
.mw-hero__inner{max-width:760px; margin:0 auto; text-align:center;}
.mw-eyebrow{font-family:var(--mw-mono); font-weight:600; font-size:12px; line-height:1; letter-spacing:.16em; color:var(--mw-accent-2); text-transform:uppercase;}
.mw-hero h1{font-weight:700; font-size:clamp(28px,5vw,46px); line-height:1.08; margin:16px 0 14px; letter-spacing:-.015em; color:#fff;}
.mw-hero__lead{font-size:clamp(16px,2.2vw,19px); line-height:1.5; color:#b9c0c9; margin:0 auto 28px; max-width:540px;}
.mw-search{display:flex; gap:8px; background:#fff; padding:8px; border-radius:5px; box-shadow:0 14px 40px rgba(0,0,0,.32); max-width:560px; margin:0 auto;}
.mw-search input{flex:1; border:none; outline:none; font-family:var(--mw-sans); font-size:16px; color:var(--mw-ink); padding:11px 12px; min-width:0; background:none;}
.mw-search button{background:var(--mw-accent-ink); color:#fff; border:none; border-radius:3px; padding:0 24px; font-weight:600; font-size:16px; cursor:pointer; white-space:nowrap;}
.mw-search button:hover{background:#a8380a;}
.mw-chips{display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-top:18px;}
.mw-chip{background:rgba(255,255,255,.07); border:1px solid #3a424d; color:#cdd3da; padding:7px 13px; border-radius:999px; font-weight:500; font-size:13px; text-decoration:none; cursor:pointer; transition:.12s;}
.mw-chip:hover{border-color:var(--mw-accent-ink); color:#fff;}

/* ---------- Sections ---------- */
.mw-section{max-width:var(--mw-max); margin:0 auto; padding:48px 20px 8px;}
.mw-section--tight{padding:40px 20px 8px;}
.mw-section--last{padding-bottom:56px;}
.mw-sec-head{display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap;}
.mw-h2{font-weight:700; font-size:22px; line-height:1.1; margin:0; letter-spacing:-.01em; color:var(--mw-ink);}
.mw-sec-meta{font-family:var(--mw-mono); font-weight:500; font-size:13px; color:#5c636c;}

/* ---------- Generic grids ---------- */
.mw-grid{display:grid; gap:14px;}
.mw-grid--clusters{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));}
.mw-grid--tools{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.mw-grid--areas{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.mw-grid--opts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px;}

/* ---------- Cards ---------- */
.mw-card{background:var(--mw-card); border:1px solid var(--mw-line); border-radius:6px; text-decoration:none; color:inherit; display:block;}

.mw-cluster{background:var(--mw-card); border:1px solid var(--mw-line); border-radius:6px; padding:18px; text-decoration:none; color:inherit;
  display:flex; flex-direction:column; gap:12px; transition:border-color .12s, box-shadow .12s;}
.mw-cluster:hover{border-color:var(--mw-navy); box-shadow:0 6px 18px rgba(0,0,0,.07);}
.mw-cluster__icon{width:38px; height:38px; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.mw-cluster__icon span{width:16px; height:16px; border-radius:3px; display:block;}
.mw-cluster__t{font-weight:700; font-size:17px; line-height:1.1; color:var(--mw-ink);}
.mw-cluster__s{font-size:13px; line-height:1.3; color:var(--mw-muted);}
.mw-cluster__soon{font-family:var(--mw-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mw-faint); margin-top:2px;}

.mw-toolcard{background:var(--mw-card); border:1px solid var(--mw-line); border-left:4px solid var(--mw-accent); border-radius:6px; padding:20px;
  text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:10px; transition:box-shadow .12s;}
.mw-toolcard:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);}
.mw-tag{font-family:var(--mw-mono); font-weight:600; font-size:11px; line-height:1; letter-spacing:.1em; text-transform:uppercase; color:var(--mw-accent-ink);}
.mw-toolcard__t{font-weight:700; font-size:18px; line-height:1.2; color:var(--mw-ink);}
.mw-toolcard__s{font-size:14px; line-height:1.45; color:var(--mw-muted);}
.mw-toolcard__cta{font-weight:600; font-size:14px; color:var(--mw-navy); margin-top:2px;}

.mw-tablecard{background:var(--mw-card); border:1px solid var(--mw-line); border-radius:6px; padding:20px; text-decoration:none; color:inherit;
  display:flex; align-items:flex-start; gap:14px; transition:box-shadow .12s;}
.mw-tablecard:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);}
.mw-tablecard__ico{width:40px; height:40px; flex:none; border-radius:6px; background:#eef0f2; display:flex; flex-direction:column; gap:3px; align-items:center; justify-content:center; padding:9px;}
.mw-tablecard__ico i{width:100%; height:3px; border-radius:2px; background:#c6cad0; display:block;}
.mw-tablecard__ico i:first-child{background:#9aa3ae;}
.mw-tablecard__t{font-weight:700; font-size:17px; line-height:1.2; color:var(--mw-ink);}
.mw-tablecard__s{font-size:13px; line-height:1.4; color:var(--mw-muted);}

.mw-areacard{background:var(--mw-card); border:1px solid var(--mw-line); border-radius:8px; padding:18px; text-decoration:none; color:inherit;
  display:flex; flex-direction:column; gap:8px; transition:border-color .12s, box-shadow .12s;}
.mw-areacard:hover{border-color:var(--mw-navy); box-shadow:0 6px 18px rgba(0,0,0,.07);}
.mw-areacard__t{font-weight:700; font-size:18px; line-height:1.2; color:var(--mw-ink);}
.mw-areacard__s{font-size:14px; line-height:1.45; color:var(--mw-muted);}

/* ---------- Trust band ---------- */
.mw-trust{max-width:var(--mw-max); margin:0 auto; padding:40px 20px 56px;}
.mw-trust__box{background:#fff; border:1px solid var(--mw-line); border-radius:8px; padding:28px;}
.mw-trust__grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px;}
.mw-trust__t{font-weight:700; font-size:15px; color:var(--mw-ink); margin-bottom:8px;}
.mw-trust__d{font-size:14px; line-height:1.5; color:var(--mw-muted);}

/* ---------- Breadcrumbs ---------- */
.mw-crumbs{font-family:var(--mw-mono); font-weight:500; font-size:13px; color:var(--mw-muted); display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:22px 0 0;}
.mw-crumbs a{color:var(--mw-muted); text-decoration:none;}
.mw-crumbs a:hover{color:var(--mw-accent-ink);}
.mw-crumbs__cur{color:var(--mw-ink);}

/* ---------- Page header (subpages) ---------- */
.mw-page-h1{font-weight:700; font-size:clamp(26px,4vw,34px); line-height:1.1; margin:8px 0 8px; letter-spacing:-.015em; color:var(--mw-ink);}
.mw-lead{font-size:17px; line-height:1.5; color:var(--mw-muted-2); margin:0 0 22px; max-width:620px;}

/* ---------- Buttons ---------- */
.mw-btn{display:inline-block; border:none; border-radius:4px; padding:11px 20px; font-family:var(--mw-sans); font-weight:600; font-size:14px; cursor:pointer; text-decoration:none; white-space:nowrap;}
.mw-btn--primary{background:var(--mw-accent-ink); color:#fff;}
.mw-btn--primary:hover{background:#a8380a;}
.mw-btn--dark{background:var(--mw-navy); color:#fff;}
.mw-btn--dark:hover{background:#2a313b;}
.mw-btn--ghost{background:#fff; color:var(--mw-navy); border:1px solid #d4d4ce;}
.mw-link{background:none; border:none; color:var(--mw-muted-2); font-weight:600; font-size:14px; cursor:pointer; padding:6px 0; text-decoration:none;}
.mw-link:hover{color:var(--mw-accent-ink);}

/* ---------- Info / source notes ---------- */
.mw-info{display:flex; gap:11px; background:var(--mw-soft); border:1px solid #e8e8e3; border-radius:8px; padding:15px 17px; margin-top:18px;}
.mw-info__ico{width:18px; height:18px; flex:none; border-radius:999px; background:var(--mw-muted); color:#fff; font-family:var(--mw-mono); font-weight:700; font-size:12px; line-height:18px; text-align:center;}
.mw-info__t{font-size:14px; line-height:1.55; color:var(--mw-muted-2);}
.mw-info__t strong{color:var(--mw-ink);}
.mw-note{font-family:var(--mw-mono); font-size:13px; line-height:1.5; color:var(--mw-faint); margin:10px 2px 0;}

/* ---------- Data table (Holzhärte) ---------- */
.mw-table-tools{display:flex; gap:12px; align-items:center; margin-bottom:14px; flex-wrap:wrap;}
.mw-search-inline{display:flex; align-items:center; gap:8px; background:#fff; border:1px solid #d4d4ce; border-radius:6px; padding:0 14px; flex:1; min-width:200px; max-width:380px;}
.mw-search-inline span{width:14px; height:14px; border:2px solid #9aa3ae; border-radius:999px; display:block; flex:none;}
.mw-search-inline input{border:none; outline:none; font-family:var(--mw-sans); font-size:16px; padding:11px 0; flex:1; min-width:0; background:none; color:var(--mw-ink);}
.mw-count{font-family:var(--mw-mono); font-weight:500; font-size:13px; color:var(--mw-muted);}
.mw-table-wrap{overflow-x:auto; border:1px solid var(--mw-line); border-radius:8px; background:#fff;}
/* Echte semantische Tabelle (Snippet-fähig) */
.mw-dtable{width:100%; min-width:720px; border-collapse:collapse; text-align:left;}
.mw-dtable__cap{caption-side:bottom; padding:10px 16px; font-family:var(--mw-mono); font-size:12px; line-height:1.5; color:var(--mw-faint); text-align:left;}
.mw-dtable thead th{position:sticky; top:0; background:var(--mw-navy); color:#fff; font-family:var(--mw-sans); font-weight:600; font-size:13px; line-height:1.3; padding:14px 16px; white-space:nowrap; border-bottom:2px solid var(--mw-accent); vertical-align:bottom; z-index:1;}
.mw-dtable thead th.num{text-align:right;}
.mw-dtable thead th[aria-sort] .mw-th-btn{color:var(--mw-accent-2);}
/* Sortier-Button füllt die Zelle randlos (negative Margins heben das th-Padding
   auf) → einheitliche Header-Höhe für sortierbare UND statische Spalten, volle Klickfläche. */
.mw-th-btn{background:none; border:none; color:inherit; font:inherit; cursor:pointer; padding:14px 16px; margin:-14px -16px; width:calc(100% + 32px); text-align:inherit; display:block;}
.mw-th-btn:hover{color:var(--mw-accent-2);}
.mw-th__unit{display:block; font-family:var(--mw-mono); font-weight:400; font-size:11px; color:#8a9099; margin-top:2px;}
.mw-dtable tbody tr{cursor:pointer; background:#fff; border-bottom:1px solid var(--mw-line-2);}
.mw-dtable tbody tr:nth-child(even){background:#faf9f6;}
.mw-dtable tbody tr:hover{background:#fff4ee;}
.mw-dtable td, .mw-dtable tbody th{padding:13px 16px; font-size:15px; font-weight:400; color:var(--mw-muted-2); vertical-align:middle;}
.mw-dtable td.num{text-align:right;}
.mw-cell--name{font-weight:600 !important; color:var(--mw-ink);}
.mw-cell--name a{color:var(--mw-ink); text-decoration:none;}
.mw-cell--name a:hover{color:var(--mw-accent-ink); text-decoration:underline;}
.mw-cell--num{font-family:var(--mw-mono); font-weight:600 !important; color:var(--mw-ink) !important; font-variant-numeric:tabular-nums;}
.mw-cell--num2{font-family:var(--mw-mono); font-weight:500; color:#3a414a !important; font-variant-numeric:tabular-nums;}
.mw-pill{display:inline-flex; align-items:center; gap:7px; padding:4px 10px; border-radius:999px; font-weight:600; font-size:12px; white-space:nowrap;}
.mw-pill__dot{width:8px; height:8px; border-radius:999px; display:block;}
/* Steckbrief: 2-spaltige Eigenschaft-/Wert-Tabelle (echtes <table>, kein min-width-Scroll) */
.mw-steckbrief{min-width:0;}
.mw-steckbrief tbody tr{cursor:default;}
.mw-steckbrief tbody tr:hover{background:#faf9f6;}
.mw-steckbrief th[scope="row"]{width:46%; text-align:left; font-weight:500; color:var(--mw-muted-2);}
.mw-steckbrief td{font-family:var(--mw-mono); font-weight:600; color:var(--mw-ink);}

/* ---------- FAQ ---------- */
.mw-faq details{background:#fff; border:1px solid var(--mw-line); border-radius:6px; margin-bottom:8px;}
.mw-faq summary{padding:15px 17px; font-weight:600; font-size:15px; color:var(--mw-ink); display:flex; justify-content:space-between; gap:12px; align-items:center; cursor:pointer; list-style:none;}
.mw-faq summary::-webkit-details-marker{display:none;}
.mw-faq summary::after{content:'+'; color:var(--mw-accent-ink); font-family:var(--mw-mono); font-weight:700; font-size:18px;}
.mw-faq details[open] summary::after{content:'–';}
.mw-faq__a{padding:0 17px 16px; font-size:14px; line-height:1.6; color:var(--mw-muted-2);}
.mw-faq__a p{margin:0 0 .6em;}
.mw-faq__a p:last-child{margin-bottom:0;}

/* ---------- Advisor (Dübel / Lack) ---------- */
.mw-steps{display:flex; gap:8px; margin-bottom:26px; flex-wrap:wrap;}
.mw-step{display:flex; align-items:center; gap:9px;}
.mw-step__n{width:26px; height:26px; border-radius:999px; font-family:var(--mw-mono); font-weight:700; font-size:13px; line-height:1; display:flex; align-items:center; justify-content:center; background:#e8e8e3; color:var(--mw-muted);}
.mw-step__l{font-weight:600; font-size:14px; color:var(--mw-muted);}
.mw-step.is-active .mw-step__n{background:var(--mw-accent-ink); color:#fff;}
.mw-step.is-active .mw-step__l{color:var(--mw-ink);}
.mw-step.is-done .mw-step__n{background:var(--mw-green); color:#fff;}
.mw-step-q{font-weight:600; font-size:16px; margin:0 0 14px; color:var(--mw-ink);}
.mw-opt{text-align:left; background:#fff; border:2px solid var(--mw-line); border-radius:8px; padding:18px; cursor:pointer; display:flex; flex-direction:column; gap:5px; min-height:84px; font-family:var(--mw-sans);}
.mw-opt:hover{border-color:var(--mw-navy);}
.mw-opt__l{font-weight:700; font-size:17px; line-height:1.2; color:var(--mw-ink);}
.mw-opt__s{font-size:13px; line-height:1.4; color:var(--mw-muted);}
.mw-advstep{display:none;}
.mw-advstep.is-active{display:block;}

/* ---------- Result block ---------- */
.mw-result{background:#fff; border:1px solid var(--mw-line); border-radius:10px; overflow:hidden;}
.mw-result__head{padding:16px 22px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--mw-line-2);}
.mw-result__dot{width:14px; height:14px; border-radius:999px; display:block;}
.mw-result__amp{font-weight:700; font-size:16px;}
.mw-result__ctx{font-family:var(--mw-mono); font-weight:500; font-size:14px; opacity:.8; margin-left:auto;}
.mw-result__body{padding:24px 22px;}
.mw-result__eyebrow{font-family:var(--mw-mono); font-weight:600; font-size:12px; line-height:1; letter-spacing:.1em; text-transform:uppercase; color:var(--mw-muted);}
.mw-result__h{font-weight:700; font-size:24px; line-height:1.15; margin:8px 0 16px; color:var(--mw-ink);}
.mw-stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; margin-bottom:20px;}
.mw-stat{background:var(--mw-soft); border:1px solid #e8e8e3; border-radius:6px; padding:13px 15px;}
.mw-stat__k{font-size:12px; color:var(--mw-muted); margin-bottom:5px;}
.mw-stat__v{font-family:var(--mw-mono); font-weight:600; font-size:18px; color:var(--mw-ink);}
.mw-result__why{font-size:15px; line-height:1.55; color:#3a414a; margin:0 0 20px;}
.mw-result__foot{border-top:1px solid #e8e8e3; padding:14px 22px; display:flex; gap:10px; flex-wrap:wrap;}
.mw-disclaimer{display:flex; gap:11px; background:#fbf3e0; border:1px solid #ecdcae; border-radius:6px; padding:13px 15px; margin-bottom:20px;}
.mw-disclaimer__ico{width:18px; height:18px; flex:none; border-radius:999px; background:#90640d; color:#fff; font-family:var(--mw-mono); font-weight:700; font-size:12px; line-height:18px; text-align:center;}
.mw-disclaimer__t{font-size:14px; line-height:1.5; color:#6b5212;}

/* ---------- Affiliate / Ad ---------- */
.mw-affiliate{border:1px dashed #cfcfc8; border-radius:8px; padding:15px; display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
.mw-affiliate__img{width:52px; height:52px; flex:none; border-radius:6px; background:repeating-linear-gradient(135deg,#eceae4 0 7px,#f6f5f1 7px 14px); border:1px solid var(--mw-line);}
.mw-affiliate__body{flex:1; min-width:140px;}
.mw-affiliate__tag{font-family:var(--mw-mono); font-weight:600; font-size:11px; line-height:1; letter-spacing:.08em; text-transform:uppercase; color:var(--mw-faint); margin-bottom:5px;}
.mw-affiliate__t{font-weight:600; font-size:15px; color:var(--mw-ink);}
.mw-affiliate--empty{opacity:.85;}
.mw-affiliate--empty .mw-affiliate__t{color:var(--mw-muted); font-weight:500;}
.mw-ad{border:1px dashed #cfcfc8; border-radius:8px; background:#f0efea; min-height:90px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:14px;}
.mw-ad span:first-child{font-family:var(--mw-mono); font-weight:600; font-size:10px; line-height:1; letter-spacing:.14em; text-transform:uppercase; color:var(--mw-faint);}
.mw-ad span:last-child{font-family:var(--mw-mono); font-weight:500; font-size:13px; color:var(--mw-faint);}

/* ---------- Holzart-Detail ---------- */
.mw-dhead{display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-bottom:6px;}
.mw-dhead h1{font-weight:700; font-size:clamp(28px,4.4vw,38px); line-height:1.05; margin:6px 0; letter-spacing:-.02em;}
.mw-badge{font-weight:600; font-size:12px; background:#eceef0; color:#3a414a; padding:6px 12px; border-radius:999px; margin-top:14px;}
.mw-badge--ok{display:inline-flex; align-items:center; gap:7px; background:#e8f3ec; border:1px solid #bfe0cb; color:#1f6b43;}
.mw-badge--ok span{width:8px; height:8px; border-radius:999px; background:var(--mw-green); display:block;}
.mw-botanical{font-family:var(--mw-mono); font-size:13px; color:var(--mw-faint); margin:0 0 24px; font-style:italic;}
.mw-detail-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-bottom:8px;}
.mw-maserung{border:1px solid #d8cdb8; border-radius:8px; min-height:230px; display:flex; align-items:flex-end; padding:14px; background:repeating-linear-gradient(96deg,#e7decf 0 9px,#ddd1bd 9px 18px,#e3d9c6 18px 23px); overflow:hidden;}
.mw-maserung img{width:100%; height:100%; object-fit:cover; border-radius:6px;}
.mw-maserung__cap{font-family:var(--mw-mono); font-size:12px; color:#6b5e44; background:rgba(255,255,255,.7); padding:5px 9px; border-radius:4px;}
.mw-scales{display:flex; flex-direction:column; gap:16px; justify-content:center;}
.mw-scale__top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;}
.mw-scale__l{font-weight:600; font-size:14px; color:var(--mw-ink);}
.mw-scale__n{font-family:var(--mw-mono); font-weight:500; font-size:13px; color:var(--mw-muted);}
.mw-scale__bar{height:9px; background:#eceae4; border-radius:999px; overflow:hidden;}
.mw-scale__fill{height:100%; background:var(--mw-accent); border-radius:999px;}
.mw-h2-sub{font-weight:700; font-size:20px; margin:34px 0 12px; color:var(--mw-ink);}
.mw-sheet{border:1px solid var(--mw-line); border-radius:8px; overflow:hidden; background:#fff;}
.mw-sheet__row{display:grid; grid-template-columns:46% 1fr; border-bottom:1px solid var(--mw-line-2);}
.mw-sheet__row:nth-child(even){background:#faf9f6;}
.mw-sheet__k{padding:12px 16px; font-weight:500; font-size:14px; color:var(--mw-muted-2);}
.mw-sheet__v{padding:12px 16px; font-family:var(--mw-mono); font-weight:600; font-size:14px; color:var(--mw-ink);}
.mw-tags{display:flex; gap:9px; flex-wrap:wrap;}
.mw-tag-pill{background:#fff; border:1px solid #d4d4ce; border-radius:999px; padding:8px 15px; font-weight:500; font-size:14px; color:#3a414a;}
.mw-bef{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px;}
.mw-bef__card{background:#fff; border:1px solid var(--mw-line); border-radius:8px; padding:18px;}
.mw-bef__card p{font-size:14px; line-height:1.55; color:#3a414a; margin:9px 0 0;}
.mw-bef__card strong{color:var(--mw-ink);}
.mw-procon{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px;}
.mw-procon__col{background:#fff; border:1px solid var(--mw-line); border-radius:8px; padding:18px 20px;}
.mw-procon__col--pro{border-left:4px solid var(--mw-green);}
.mw-procon__col--con{border-left:4px solid #b3402e;}
.mw-procon__h{font-weight:700; font-size:15px; color:var(--mw-ink); margin-bottom:10px;}
.mw-procon__col ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px;}
.mw-procon__col li{position:relative; padding-left:24px; font-size:14px; line-height:1.5; color:#3a414a;}
.mw-procon__col--pro li::before{content:'✓'; position:absolute; left:0; color:var(--mw-green); font-weight:700;}
.mw-procon__col--con li::before{content:'✕'; position:absolute; left:0; color:#b3402e; font-weight:700;}
/* Ratgeber-HowTo: nummerierte Schritte */
.mw-howto-meta{display:flex; gap:18px; flex-wrap:wrap; font-family:var(--mw-mono); font-size:13px; color:var(--mw-muted-2); margin-top:14px;}
.mw-howto-meta strong{color:var(--mw-ink); font-weight:600;}
.mw-howto{list-style:none; counter-reset:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px;}
.mw-howto__step{display:flex; gap:14px; background:#fff; border:1px solid var(--mw-line); border-left:4px solid var(--mw-accent); border-radius:8px; padding:16px 18px;}
.mw-howto__num{flex:none; width:30px; height:30px; border-radius:999px; background:var(--mw-navy); color:#fff; font-family:var(--mw-mono); font-weight:700; font-size:15px; display:flex; align-items:center; justify-content:center;}
.mw-howto__title{font-weight:700; font-size:16px; color:var(--mw-ink); margin-bottom:4px;}
.mw-howto__body p{margin:0; font-size:15px; line-height:1.6; color:#3a414a;}
.mw-howto__body a{color:var(--mw-accent-ink); text-decoration:underline; text-underline-offset:2px;}
/* Typ-Produktfoto */
.mw-typimg{border:1px solid var(--mw-line); border-radius:8px; overflow:hidden; background:#fff; margin:0 0 18px; max-width:520px;}
.mw-typimg img{width:100%; height:auto; display:block;}

/* ---------- Holz-Hub Grid ---------- */
.mw-woodgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px;}
.mw-woodcard{background:#fff; border:1px solid var(--mw-line); border-radius:8px; padding:16px 18px; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:8px; transition:border-color .12s, box-shadow .12s;}
.mw-woodcard:hover{border-color:var(--mw-navy); box-shadow:0 6px 18px rgba(0,0,0,.07);}
.mw-woodcard__top{display:flex; align-items:center; justify-content:space-between; gap:10px;}
.mw-woodcard__n{font-weight:700; font-size:18px; color:var(--mw-ink);}
.mw-woodcard__meta{font-family:var(--mw-mono); font-size:12px; color:var(--mw-muted);}
.mw-woodcard__use{font-size:13px; line-height:1.4; color:var(--mw-muted);}

/* ---------- RAL Palette ---------- */
.mw-swatch-strip{border:1px solid var(--mw-line); border-radius:8px; overflow:hidden; margin-bottom:28px; background:#fff;}
.mw-swatch-strip__row{display:flex;}
.mw-swatch-strip__row a{flex:1; height:60px; display:block; padding:0;}
.mw-swatch-strip__more{display:block; width:100%; text-align:left; background:#fff; border:none; border-top:1px solid var(--mw-line-2); padding:13px 16px; font-weight:600; font-size:14px; color:var(--mw-navy); text-decoration:none;}
.mw-palfilter{position:sticky; top:64px; z-index:20; background:var(--mw-bg); padding:10px 0 12px; margin-bottom:6px; border-bottom:1px solid var(--mw-line);}
.mw-palfilter__row{display:flex; gap:12px; align-items:center; margin-bottom:11px; flex-wrap:wrap;}
.mw-groups{display:flex; gap:7px; flex-wrap:wrap;}
.mw-group-btn{background:#fff; color:#3a414a; border:1px solid #d4d4ce; padding:7px 13px; border-radius:999px; font-weight:600; font-size:13px; cursor:pointer;}
.mw-group-btn.is-active{background:var(--mw-navy); color:#fff; border-color:var(--mw-navy);}
.mw-palgrid{display:grid; grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); gap:12px; margin-top:16px;}
.mw-swcard{background:#fff; border:1px solid var(--mw-line); border-radius:8px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:border-color .12s, box-shadow .12s;}
.mw-swcard:hover{border-color:var(--mw-navy); box-shadow:0 6px 16px rgba(0,0,0,.08);}
.mw-swcard__swatch{height:92px; display:block;}
.mw-swcard__body{padding:10px 12px 12px; display:flex; flex-direction:column; gap:3px;}
.mw-swcard__n{font-weight:600; font-size:14px; line-height:1.2; color:var(--mw-ink);}
.mw-swcard__ral{font-family:var(--mw-mono); font-weight:500; font-size:12px; color:var(--mw-muted);}
.mw-swcard__hex{font-family:var(--mw-mono); font-weight:500; font-size:12px; color:var(--mw-faint);}
.mw-pal-empty{padding:30px 4px; color:var(--mw-muted); font-size:15px;}

/* ---------- Color detail ---------- */
.mw-color-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; align-items:start;}
.mw-color-big{border-radius:10px; overflow:hidden; border:1px solid #dcdcd6;}
.mw-color-big__swatch{height:260px;}
.mw-color-big__cap{padding:12px 15px; background:#fff; border-top:1px solid var(--mw-line-2); font-family:var(--mw-mono); font-weight:500; font-size:12px; color:var(--mw-faint);}
.mw-color-head{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:4px;}
.mw-color-head h1{font-weight:700; font-size:clamp(26px,4vw,32px); line-height:1.1; margin:0; letter-spacing:-.015em;}
.mw-copyrow{display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid var(--mw-line); border-radius:6px; padding:11px 14px; background:#fff;}
.mw-copyrow__k{font-family:var(--mw-mono); font-weight:600; font-size:11px; line-height:1; letter-spacing:.08em; text-transform:uppercase; color:var(--mw-faint);}
.mw-copyrow__v{font-family:var(--mw-mono); font-weight:600; font-size:16px; color:var(--mw-ink);}
.mw-copy-btn{background:var(--mw-soft); border:1px solid #d4d4ce; color:#3a414a; border-radius:5px; padding:8px 14px; font-weight:600; font-size:13px; cursor:pointer; white-space:nowrap;}
.mw-copy-btn.is-copied{background:#e8f3ec; border-color:#bfe0cb; color:#1f6b43;}
.mw-similar{display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:11px;}
.mw-simcard{background:#fff; border:1px solid var(--mw-line); border-radius:7px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column;}
.mw-simcard:hover{border-color:var(--mw-navy);}
.mw-simcard__sw{height:62px; display:block;}
.mw-simcard__b{padding:8px 10px; display:flex; flex-direction:column; gap:2px;}
.mw-simcard__n{font-weight:600; font-size:12px; color:var(--mw-ink);}
.mw-simcard__r{font-family:var(--mw-mono); font-weight:500; font-size:11px; color:var(--mw-faint);}

/* ---------- Farbmengen-Rechner ---------- */
.mw-calc-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; background:#fff; border:1px solid var(--mw-line); border-radius:10px; padding:20px;}
.mw-field{display:flex; flex-direction:column; gap:6px;}
.mw-field__l{font-weight:600; font-size:13px; color:var(--mw-muted-2);}
.mw-field input,.mw-field select{border:1px solid #d4d4ce; border-radius:6px; padding:11px 13px; font-family:var(--mw-mono); font-weight:600; font-size:16px; color:var(--mw-ink); outline:none; min-width:0; background:#fff;}
.mw-field select{font-family:var(--mw-sans); font-size:15px;}
.mw-resultdark{background:var(--mw-navy); border-radius:10px; padding:24px; margin-top:16px; color:#fff;}
.mw-resultdark__eyebrow{font-family:var(--mw-mono); font-weight:600; font-size:12px; line-height:1; letter-spacing:.1em; text-transform:uppercase; color:var(--mw-accent-2);}
.mw-resultdark__big{font-weight:700; font-size:30px; line-height:1.1; margin:10px 0 4px;}
.mw-resultdark__sub{font-size:14px; color:#b9c0c9; margin-bottom:20px;}
.mw-resultdark__stats{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px;}
.mw-dstat{background:var(--mw-navy-2); border-radius:6px; padding:13px 15px;}
.mw-dstat__k{font-size:12px; color:#9aa3ae; margin-bottom:5px;}
.mw-dstat__v{font-family:var(--mw-mono); font-weight:600; font-size:18px; color:#fff;}
.mw-gebinde{background:var(--mw-accent-ink); border-radius:6px; padding:14px 16px; margin-top:12px; display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap;}
.mw-gebinde span:first-child{font-weight:600; font-size:14px; color:#fff;}
.mw-gebinde span:last-child{font-family:var(--mw-mono); font-weight:700; font-size:17px; color:#fff;}

/* ---------- Soon / Search / 404 / Static ---------- */
.mw-soon{max-width:680px; margin:0 auto; padding:60px 20px 72px; text-align:center;}
.mw-soon__badge{display:inline-block; font-family:var(--mw-mono); font-weight:600; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#a83708; border:1px solid #f0d3c2; background:#fbe7da; padding:6px 12px; border-radius:999px;}
.mw-searchlist{display:flex; flex-direction:column; gap:10px; margin:18px 0;}
.mw-searchlist a{background:#fff; border:1px solid var(--mw-line); border-radius:8px; padding:16px 18px; text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:4px;}
.mw-searchlist a:hover{border-color:var(--mw-navy); box-shadow:0 4px 14px rgba(0,0,0,.06);}
.mw-searchlist__type{font-family:var(--mw-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--mw-accent-ink);}
.mw-searchlist__t{font-weight:700; font-size:16px; color:var(--mw-ink);}
.mw-searchlist__s{font-size:14px; color:var(--mw-muted);}
.mw-prose{max-width:720px;}
.mw-prose h2{font-weight:700; font-size:20px; margin:30px 0 10px; color:var(--mw-ink);}
.mw-prose h3{font-weight:700; font-size:16px; margin:22px 0 8px; color:var(--mw-ink);}
.mw-prose p{font-size:16px; line-height:1.65; color:#3a414a; margin:0 0 1em;}
.mw-prose ul{margin:0 0 1em; padding-left:1.2em;}
.mw-prose li{font-size:16px; line-height:1.6; color:#3a414a; margin-bottom:.4em;}
.mw-prose a{color:var(--mw-accent-ink); text-decoration:underline; text-underline-offset:2px;}

/* ---------- Footer ---------- */
.mw-footer{background:var(--mw-navy); color:#9aa3ae; margin-top:auto;}
.mw-footer__grid{max-width:var(--mw-max); margin:0 auto; padding:44px 20px 32px; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:28px;}
.mw-footer__brand b{font-weight:700; font-size:17px; letter-spacing:.01em; color:#fff; display:block; margin-bottom:8px;}
.mw-footer__brand .mw-footer__dom{font-family:var(--mw-mono); font-weight:500; font-size:12px; color:var(--mw-accent-on-dark); margin-bottom:10px;}
.mw-footer__brand p{font-size:13px; line-height:1.6; color:var(--mw-on-dark); margin:0; max-width:200px;}
.mw-footer__col-t{font-family:var(--mw-mono); font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:#fff; margin-bottom:12px;}
.mw-footer__links{display:flex; flex-direction:column; gap:9px;}
.mw-footer__links a{font-size:14px; color:#9aa3ae; text-decoration:none;}
.mw-footer__links a:hover{color:#fff;}
.mw-footer__bottom{border-top:1px solid #2c333d;}
.mw-footer__bottom-inner{max-width:var(--mw-max); margin:0 auto; padding:16px 20px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-family:var(--mw-mono); font-size:12px; color:var(--mw-on-dark);}
.mw-footer__bottom-inner a{color:var(--mw-on-dark); text-decoration:none;}
.mw-footer__bottom-inner a:hover{color:#fff;}

/* ==========================================================================
   CMP / Consent-Banner (liegt AUSSERHALB des .mw-Wrappers — daher body-scoped
   und mit literalen Hex-Werten, NIE --mw-Vars). Ohne Override erbt der Banner
   die Magazin-Defaults: --equal = ink-BG + yellow-Text, was bei mw orange-auf-
   navy ergab (4,36:1 — unter AA). Hier: weisser Text auf Navy (15,6:1), Ghost
   navy-auf-weiss (15,6:1), Links dunkles Orange #b54309 (>5:1 auf weiss/cream).
   Alle Werte WCAG-AA. Die echten Button-Klassen sind --equal (beide Haupt-
   aktionen gleichgestellt nach DSK/CNIL) und --ghost (Einstellungen/Speichern). */
/* cmp.css nutzt durchgehend font-family:inherit → erbt vom <body>. mw lädt das
   Magazin-CSS NICHT, daher hatte der Body keine Schrift (Fallback Times New Roman).
   Body-Schrift setzen (betrifft nur Chrome ausserhalb .mw = der Consent-Banner;
   .mw überschreibt für seinen Teilbaum ohnehin mit derselben IBM Plex Sans). */
body.site-materialwissen { font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; }
/* Skip-Link: globaler Default (gelb/ink) ergibt auf mw nur 4,36:1 — Navy/Weiss = 15,6:1 (AA). */
body.site-materialwissen .skip-link { background: #1f242b; color: #fff; }

/* Reihenfolge + verkettete Klassen: --equal/--primary tragen auch .cmp-btn,
   daher .cmp-btn.cmp-btn--equal (Spezifität 0,3,1) damit der Navy-Stil die
   .cmp-btn-Basis (Ghost-Weiss) sicher schlägt. */
body.site-materialwissen .cmp-btn,
body.site-materialwissen .cmp-btn--ghost {
  background: #fff; color: #1f242b; border: 1px solid #d4d4ce;
}
body.site-materialwissen .cmp-btn--ghost:hover {
  background: #f3f3f0; color: #1f242b; border-color: #1f242b;
}
body.site-materialwissen .cmp-btn.cmp-btn--equal,
body.site-materialwissen .cmp-btn.cmp-btn--primary {
  background: #1f242b; color: #fff; border: 1px solid #16191e;
}
body.site-materialwissen .cmp-btn.cmp-btn--equal:hover,
body.site-materialwissen .cmp-btn.cmp-btn--primary:hover {
  background: #2a313b; color: #fff;
}
body.site-materialwissen .cmp-btn:focus-visible {
  outline: 2px solid #e8590c; outline-offset: 2px;
}
/* Banner-/Modal-Links: dunkles Orange statt Magazin-Pink (--link) */
body.site-materialwissen .cmp-banner__links a,
body.site-materialwissen .cmp-banner__text a,
body.site-materialwissen .cmp-modal__links a,
body.site-materialwissen .cmp-kv a { color: #b54309; }
/* Aktiv-Zustaende: Schalter-Track Orange, Tabs/Filter Navy (Text trägt 15:1) */
body.site-materialwissen .cmp-switch input:checked ~ .cmp-switch__track { background: #e8590c; }
body.site-materialwissen .cmp-tab.is-active { color: #1f242b; border-bottom-color: #e8590c; }
body.site-materialwissen .cmp-filter__btn.is-active { border-color: #1f242b; color: #1f242b; }

/* ---------- Responsive ---------- */
@media (max-width:760px){
  .mw-nav{display:none;}
  .mw-burger{display:block;}
  .mw-calc-grid{grid-template-columns:1fr;}
  .mw-hero{padding:42px 20px 46px;}
  .mw-section{padding:36px 20px 8px;}
  .mw-sec-meta{display:none;}
}
@media (max-width:520px){
  .mw-result__ctx{margin-left:0; width:100%;}
  .mw-footer__bottom-inner{flex-direction:column; gap:6px;}
}