/* ============================================================
   LexMart — Musterschreiben-Konfigurator
   Ergänzt lexmart.css + lexmart-blog.css.
   Orange · Schwarz · Weiß · Instrument Sans
   ============================================================ */

/* ---------- Hero ---------- */
.ms-hero{padding:clamp(30px,4vw,54px) 0 clamp(26px,3.4vw,42px);background:var(--white);border-bottom:1px solid var(--line);}
.ms-hero__grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4vw,56px);align-items:center;}
@media(max-width:900px){.ms-hero__grid{grid-template-columns:1fr;}}
.ms-hero h1{font-size:clamp(27px,3.6vw,42px);max-width:17ch;}
.ms-hero .lead{margin-top:18px;max-width:54ch;}
.ms-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;font-size:13.5px;}
.ms-hero__meta .m{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:var(--orange-50);border:1px solid var(--orange-100);border-radius:999px;color:var(--ink-2);font-weight:600;}
.ms-hero__meta .m .ico{width:16px;height:16px;color:var(--orange);}
.ms-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}

/* branded "Schreiben" visual (the professional image) */
.ms-visual{position:relative;aspect-ratio:5/4.3;border-radius:var(--radius-lg);background:
  radial-gradient(120% 120% at 80% 0%, var(--orange-50) 0%, rgba(253,241,230,0) 55%),
  var(--paper-2);
  border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;display:grid;place-items:center;}
.ms-visual::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(135deg,rgba(10,93,180,.06) 0 2px,transparent 2px 22px);pointer-events:none;}
.ms-sheet{position:relative;width:78%;background:var(--white);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 24px 60px rgba(22,19,15,.16),0 6px 18px rgba(22,19,15,.08);padding:26px 26px 30px;transform:rotate(-1.4deg);}
.ms-sheet__head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;}
.ms-sheet__brand{display:flex;align-items:center;gap:8px;color:var(--orange);font-weight:700;font-size:14px;letter-spacing:-.01em;text-transform:uppercase;}
.ms-sheet__brand svg{width:18px;height:18px;}
.ms-sheet__seal{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--orange-100);background:var(--orange-50);display:grid;place-items:center;color:var(--orange);}
.ms-sheet__seal svg{width:22px;height:22px;}
.ms-sheet__addr{display:flex;flex-direction:column;gap:6px;margin:18px 0 16px;}
.ms-sheet__addr i{display:block;height:7px;border-radius:4px;background:var(--grey);}
.ms-sheet__addr i:nth-child(1){width:54%;}
.ms-sheet__addr i:nth-child(2){width:40%;}
.ms-sheet__betreff{display:inline-block;font-weight:700;font-size:12.5px;color:var(--orange-700);background:var(--orange-50);
  border:1px solid var(--orange-100);border-radius:6px;padding:5px 11px;letter-spacing:-.01em;}
.ms-sheet__lines{display:flex;flex-direction:column;gap:9px;margin:16px 0 18px;}
.ms-sheet__lines i{display:block;height:6px;border-radius:4px;background:var(--line-2);}
.ms-sheet__lines i:nth-child(3){width:88%;}
.ms-sheet__lines i:nth-child(5){width:72%;}
.ms-sheet__lines i.acc{background:var(--orange-100);width:46%;}
.ms-sheet__sign{display:flex;align-items:flex-end;justify-content:space-between;margin-top:6px;}
.ms-sheet__sign b{display:block;width:34%;height:7px;border-radius:4px;background:var(--ink-4);opacity:.5;}
.ms-sheet__para{font-family:"Brush Script MT","Segoe Script",cursive;font-size:22px;color:var(--ink-3);line-height:1;}
.ms-chip-float{position:absolute;font-weight:700;font-size:12px;letter-spacing:.02em;background:var(--orange);color:#fff;
  border-radius:999px;padding:8px 14px;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:7px;}
.ms-chip-float svg{width:15px;height:15px;color:#fff;}
.ms-chip-float--tl{top:6%;left:4%;}
.ms-chip-float--br{bottom:7%;right:4%;background:var(--orange);color:#fff;}
.ms-chip-float--br svg{color:#fff;}

/* Foto-Variante: gerahmtes SW-Bild statt Dokument-Mockup */
.ms-visual--photo{padding:0;display:block;}
.ms-visual--photo::before{display:none;}
.ms-visual__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(1) contrast(1.03);}

/* ---------- numbered section heads ---------- */
.ms-section{margin-top:clamp(44px,5vw,68px);}
.ms-section:first-child{margin-top:0;}
.ms-section > .eyebrow{margin-bottom:8px;}
.ms-h2{font-size:clamp(20px,2vw,27px);letter-spacing:-.025em;scroll-margin-top:96px;display:flex;align-items:baseline;gap:12px;}
.ms-h2 .nr{color:var(--orange);font-variant-numeric:tabular-nums;}
.ms-section__sub{color:var(--ink-2);font-size:15px;line-height:1.6;margin-top:12px;max-width:74ch;}

/* ---------- configurator (full-width tool) ---------- */
.ms-config{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.ms-config__head{max-width:760px;margin-bottom:26px;}
.ms-cfg{display:grid;grid-template-columns:264px 1fr;gap:clamp(18px,2.4vw,26px);align-items:start;}
@media(max-width:920px){.ms-cfg{grid-template-columns:1fr;}}

/* template picker */
.ms-pick{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;position:sticky;top:90px;}
@media(max-width:920px){.ms-pick{position:static;display:grid;grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.ms-pick{grid-template-columns:1fr;}}
.ms-pick__cap{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);padding:15px 16px 9px;grid-column:1/-1;}
.ms-pick button{width:100%;text-align:left;padding:12px 15px;border:0;border-top:1px solid var(--line-2);background:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:11px;transition:.12s;line-height:1.3;}
.ms-pick button .nr{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-4);width:20px;flex:none;}
.ms-pick button:hover{background:var(--orange-50);color:var(--orange-700);}
.ms-pick button:hover .nr{color:var(--orange);}
.ms-pick button.on{background:var(--blue);color:#fff;}
.ms-pick button.on .nr{color:var(--orange);}
/* picker as navigation links (detail/topic pages) */
.ms-pick a{width:100%;text-align:left;padding:12px 15px;border:0;border-top:1px solid var(--line-2);background:none;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:11px;transition:.12s;line-height:1.3;text-decoration:none;}
.ms-pick a:first-of-type{border-top:0;}
.ms-pick a .nr{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-4);width:20px;flex:none;}
.ms-pick a:hover{background:var(--orange-50);color:var(--orange-700);}
.ms-pick a:hover .nr{color:var(--orange);}
.ms-pick a.on{background:var(--blue);color:#fff;}
.ms-pick a.on .nr{color:var(--orange);}

/* CTA from rubrik einordnung -> topic detail page */
.ms-detail-cta{display:flex;align-items:center;gap:13px;margin-top:16px;padding:15px 17px;border:1px solid var(--orange-100);background:var(--orange-50);border-radius:var(--radius);text-decoration:none;transition:.16s;}
.ms-detail-cta:hover{border-color:var(--orange);box-shadow:var(--shadow-sm);}
.ms-detail-cta > svg:first-child{width:24px;height:24px;flex:none;color:var(--orange);}
.ms-detail-cta .t{flex:1;display:flex;flex-direction:column;gap:2px;}
.ms-detail-cta .t b{font-size:14.5px;color:var(--ink);letter-spacing:-.01em;}
.ms-detail-cta .t span{font-size:13px;color:var(--ink-3);line-height:1.45;}
.ms-detail-cta > svg:last-child{width:18px;height:18px;flex:none;color:var(--orange);transition:transform .16s;}
.ms-detail-cta:hover > svg:last-child{transform:translateX(4px);}

/* numbered "So gehen Sie vor" steps */
.ms-steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:12px;padding:0;margin:0;}
.ms-steps li{counter-increment:step;display:flex;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);}
.ms-steps li::before{content:counter(step) ".";flex:none;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;}
.ms-steps .ms-step__b b{display:block;font-size:16px;letter-spacing:-.01em;margin-bottom:3px;color:var(--ink);}
.ms-steps .ms-step__b p{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0;}

/* config card */
.ms-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:clamp(20px,2.6vw,30px);box-shadow:var(--shadow-sm);}
.ms-card__top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;justify-content:space-between;}
.ms-card h3{font-size:18px;letter-spacing:-.02em;}
.ms-card .purpose{color:var(--ink-3);font-size:15px;margin-top:6px;max-width:62ch;line-height:1.55;}
.ms-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);background:var(--orange-50);border:1px solid var(--orange-100);padding:6px 12px;border-radius:999px;white-space:nowrap;}
.ms-badge svg{width:14px;height:14px;}
.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;}
@media(max-width:560px){.cfg-grid{grid-template-columns:1fr;}}
.cfg-grid .full{grid-column:1/-1;}

/* live preview */
.ms-preview{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);
  padding:clamp(22px,3vw,40px);font-size:15px;line-height:1.72;color:var(--ink);white-space:pre-wrap;
  font-family:var(--font);min-height:280px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);}
.ms-preview .disc{display:block;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);color:var(--ink-4);font-size:13px;}
.ms-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}

/* ---------- Textbaustein-Auswahl (Fachanwalts-Bausteine) ---------- */
.ms-baust{margin-top:22px;border:1px solid var(--orange-100);border-radius:var(--radius);background:linear-gradient(180deg,var(--orange-50),var(--white) 62%);padding:clamp(16px,2vw,22px);}
.ms-baust__head{display:flex;gap:13px;align-items:flex-start;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--orange-100);}
.ms-baust__ico{width:34px;height:34px;flex:none;border-radius:9px;background:var(--white);border:1px solid var(--orange-100);color:var(--orange);display:grid;place-items:center;}
.ms-baust__ico svg{width:19px;height:19px;}
.ms-baust__head b{display:block;font-size:15.5px;letter-spacing:-.015em;color:var(--ink);}
.ms-baust__head span{display:block;font-size:13px;color:var(--ink-3);line-height:1.5;margin-top:3px;max-width:70ch;}
.ms-bgroup{margin-top:16px;}
.ms-bgroup__h{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);}
.ms-bgroup__nr{color:var(--orange);font-variant-numeric:tabular-nums;}
.ms-bgroup__tag{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--orange);background:var(--white);border:1px solid var(--orange-100);border-radius:999px;padding:2px 9px;}
.ms-bgroup__tag svg{width:11px;height:11px;}
.ms-bgroup__hint{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin:6px 0 0;}
.ms-bgroup__items{display:flex;flex-direction:column;gap:9px;margin-top:11px;}
.ms-bx{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:.14s;}
.ms-bx:hover{border-color:var(--orange);}
.ms-bx.on{border-color:var(--orange);box-shadow:0 0 0 3px rgba(217,98,12,.10);}
.ms-bx input{position:absolute;opacity:0;width:0;height:0;}
.ms-bx__mark{width:22px;height:22px;flex:none;border-radius:6px;border:2px solid var(--line);background:var(--white);display:grid;place-items:center;color:#fff;transition:.14s;margin-top:1px;}
.ms-bx__mark svg{width:13px;height:13px;opacity:0;transform:scale(.5);transition:.14s;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.ms-bx.on .ms-bx__mark{background:var(--orange);border-color:var(--orange);}
.ms-bx.on .ms-bx__mark svg{opacity:1;transform:scale(1);}
.ms-bx__b{min-width:0;}
.ms-bx__b b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.4;}
.ms-bx__b span{display:block;font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:2px;}
.ms-baust__empty{margin-top:14px;padding:11px 14px;border:1px dashed var(--orange-100);border-radius:var(--radius-sm);background:var(--white);color:var(--ink-3);font-size:12.5px;}

/* per-template legal panel */
.ms-einordnung{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;}
.ms-einordnung__h{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:16px 20px 0;}
.ms-einordnung__h .ico{width:18px;height:18px;color:var(--orange);}
.ms-einordnung__body{padding:12px 20px 20px;}
.ms-einordnung__body p{font-size:15px;line-height:1.62;color:var(--ink-2);margin:0 0 12px;}
.ms-einordnung__body strong{color:var(--ink);font-weight:600;}
.ms-cite{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line-2);}
.ms-cite:first-of-type{border-top:1px solid var(--line);margin-top:4px;}
.ms-cite__ico{width:30px;height:30px;flex:none;border-radius:7px;background:var(--orange-50);border:1px solid var(--orange-100);display:grid;place-items:center;color:var(--orange);}
.ms-cite__ico svg{width:16px;height:16px;}
.ms-cite__b{font-size:14px;line-height:1.55;color:var(--ink-2);}
.ms-cite__b .src{font-weight:600;color:var(--ink);}
.ms-cite__b .az{font-variant-numeric:tabular-nums;color:var(--orange-700);font-weight:600;}

/* ---------- Rechtsprechung cards (rubrik level) ---------- */
.ms-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);margin-top:6px;}
@media(max-width:720px){.ms-case-grid{grid-template-columns:1fr;}}
.ms-case{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:22px 24px;box-shadow:var(--shadow-sm);transition:.16s;}
.ms-case:hover{border-color:var(--orange);box-shadow:var(--shadow);}
.ms-case__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.ms-case__court{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--orange);}
.ms-case__court .ico{width:17px;height:17px;}
.ms-case__date{font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums;}
.ms-case__az{font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;background:var(--paper-2);border:1px solid var(--line);padding:3px 9px;border-radius:6px;display:inline-block;margin-bottom:10px;}
.ms-case h4{font-size:16px;letter-spacing:-.01em;margin-bottom:7px;line-height:1.3;}
.ms-case p{font-size:14.5px;line-height:1.6;color:var(--ink-2);}

/* ---------- Schlagworte ---------- */
.ms-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;}
.ms-tags .chip{cursor:default;}
.ms-tags .chip:hover{border-color:var(--orange);color:var(--orange);}

/* ---------- related content (reuse post-card grid) ---------- */
.ms-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:6px;}
@media(max-width:820px){.ms-related-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:540px){.ms-related-grid{grid-template-columns:1fr;}}

/* quicklink tiles (cross links) */
.ms-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;}
@media(max-width:760px){.ms-quick{grid-template-columns:1fr;}}
/* Items dürfen unter ihre Inhaltsbreite schrumpfen, Linktexte umbrechen –
   sonst sprengt die enge 3-Spalten-Reihe im schmalen Artikel-Body (≤980px) */
.ms-quick>*,.ms-quick a *{min-width:0;}
.ms-quick b,.ms-quick span{overflow-wrap:anywhere;}
.ms-quick a{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:.16s;}
.ms-quick a:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px);}
.ms-quick .ico-circle{width:44px;height:44px;flex:none;}
.ms-quick .ico-circle svg{width:21px;height:21px;}
/* trailing arrow: bare svg injected via ic('arrow') – Größe absichern, sonst XXL */
.ms-quick a>svg{width:20px;height:20px;flex:none;margin-left:auto;color:var(--ink);}
.ms-quick a>span:nth-of-type(2){flex:1;}
.ms-quick b{display:block;font-size:15px;letter-spacing:-.01em;color:var(--ink);}
.ms-quick span{font-size:13px;color:var(--ink-4);}

/* ---------- HUB (muster.html overview) ---------- */
.hub-hero{padding:clamp(34px,5vw,58px) 0;background:var(--white);border-bottom:1px solid var(--line);}
.hub-stats{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:26px;}
.hub-stat{display:flex;flex-direction:column;}
.hub-stat b{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;}
.hub-stat span{font-size:13px;color:var(--ink-4);font-weight:500;}
.hub-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);}
@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hub-grid{grid-template-columns:1fr;}}
.rub-card{display:flex;flex-direction:column;gap:13px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:.18s;position:relative;min-height:148px;}
.rub-card--live:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-3px);}
.rub-card--soon{opacity:.66;}
.rub-card__top{display:flex;align-items:center;justify-content:space-between;}
.rub-card .ico-circle{width:48px;height:48px;}
.rub-card .ico-circle svg{width:23px;height:23px;}
.rub-card__cnt{font-size:12px;font-weight:600;color:var(--ink-4);background:var(--paper-2);border:1px solid var(--line);padding:4px 10px;border-radius:999px;white-space:nowrap;}
.rub-card h3{font-size:16px;letter-spacing:-.015em;}
.rub-card p{font-size:13.5px;color:var(--ink-3);line-height:1.5;flex:1;}
.rub-card__go{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--orange);margin-top:2px;}
.rub-card__go svg{width:15px;height:15px;transition:transform .16s;}
.rub-card--live:hover .rub-card__go svg{transform:translateX(4px);}
.soon-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--grey);padding:4px 9px;border-radius:999px;}

/* rub-card als Button (Filter-Navigation) */
.rub-card{font-family:inherit;text-align:left;cursor:default;}
button.rub-card{width:100%;background:var(--white);}
button.rub-card--live{cursor:pointer;}

/* ---------- HUB: Filterleiste (wie Rechtsprechung) ---------- */
.hub-filter-label{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);margin-bottom:13px;}
.hub-filter-label .ico{width:15px;height:15px;color:var(--orange);}
.hub-filter{display:flex;flex-wrap:wrap;gap:9px;}
.hub-filter .chip{cursor:pointer;}
.hub-filter .chip svg{width:16px;height:16px;flex:none;}
.hub-filter .chip .n{font-size:12px;font-weight:600;color:var(--ink-4);font-variant-numeric:tabular-nums;margin-left:1px;}
.hub-filter .chip--on .n{color:rgba(255,255,255,.85);}
.hub-filter .chip--empty{color:var(--ink-4);}
.hub-filter .chip--empty svg{opacity:.6;}
.hub-filter .chip--empty .n{color:var(--ink-4);opacity:.8;}

/* ---------- HUB: Themenansicht je Rechtsgebiet ---------- */
.hub-area__head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,32px);padding-bottom:clamp(20px,2.6vw,28px);border-bottom:1px solid var(--line);}
.hub-area__ico{width:62px;height:62px;flex:none;}
.hub-area__ico svg{width:30px;height:30px;}
.hub-area__txt{flex:1;min-width:260px;}
.hub-area__head .btn{flex:none;}
@media(max-width:620px){.hub-area__head .btn{width:100%;justify-content:center;}}

.hub-tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:760px){.hub-tpl-grid{grid-template-columns:1fr;}}
.hub-tpl{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);transition:.16s;box-shadow:var(--shadow-sm);}
.hub-tpl:hover{border-color:var(--orange);box-shadow:var(--shadow);transform:translateY(-2px);}
.hub-tpl--rich{border-color:var(--orange-100);background:var(--orange-50);}
.hub-tpl__nr{flex:none;width:30px;height:30px;border-radius:8px;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;}
.hub-tpl--rich .hub-tpl__nr{background:var(--orange);}
.hub-tpl__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.hub-tpl__b b{font-size:15.5px;letter-spacing:-.01em;color:var(--ink);line-height:1.3;}
.hub-tpl__b > span{font-size:13px;color:var(--ink-3);line-height:1.45;}
.hub-tpl__norm{display:inline-flex;align-items:center;gap:6px;font-size:12px!important;font-weight:600;color:var(--orange-700)!important;margin-top:3px;}
.hub-tpl__norm svg{width:13px;height:13px;flex:none;}
.hub-tpl__badge{position:absolute;top:12px;right:40px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--orange-700);background:var(--white);border:1px solid var(--orange-100);padding:3px 8px;border-radius:999px;}
.hub-tpl__badge svg{width:12px;height:12px;}
.hub-tpl__go{flex:none;align-self:center;color:var(--ink-4);transition:.16s;}
.hub-tpl__go svg{width:18px;height:18px;}
.hub-tpl:hover .hub-tpl__go{color:var(--orange);transform:translateX(3px);}

/* ---------- Textbausteine (Auswahl-Engine) ---------- */
.cfg-bs{margin:20px 0 6px;}
.cfg-bs__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:16px;}
.cfg-bs__cap svg{width:17px;height:17px;flex:none;color:var(--orange);margin-right:2px;transform:translateY(2px);}
.cfg-bs__capsub{flex:1 1 100%;font-size:13px;font-weight:400;color:var(--ink-3);line-height:1.5;}
.cfg-bs__group{margin-bottom:18px;}
.cfg-bs__gh{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-bottom:11px;}
.cfg-bs__gico{width:16px;height:16px;flex:none;color:var(--orange);display:grid;place-items:center;}
.cfg-bs__gico svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.cfg-bs__gt{white-space:nowrap;}
.cfg-bs__hint{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:none;color:var(--ink-4);background:var(--paper-2);border:1px solid var(--line);padding:3px 9px;border-radius:999px;}
.cfg-bs__hint svg{width:11px;height:11px;flex:none;color:var(--orange);stroke:currentColor;stroke-width:3;fill:none;}
.cfg-bs__gnote{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin:-4px 0 11px;}
.cfg-bs__items{display:flex;flex-direction:column;gap:10px;}
.cfg-bs__i{display:flex;gap:13px;align-items:flex-start;width:100%;text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);transition:.14s;}
.cfg-bs__i:hover{border-color:var(--orange);background:var(--orange-50);}
.cfg-bs__i.on{border-color:var(--orange);background:var(--orange-50);box-shadow:0 0 0 3px rgba(0,58,90,.09);}
.cfg-bs__chk{width:23px;height:23px;flex:none;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;color:#fff;transition:.14s;margin-top:1px;}
.cfg-bs__chk svg{width:13px;height:13px;opacity:0;transform:scale(.5);transition:.14s;stroke:#fff;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.cfg-bs__i.on .cfg-bs__chk{background:var(--orange);border-color:var(--orange);}
.cfg-bs__i.on .cfg-bs__chk svg{opacity:1;transform:scale(1);}
.cfg-bs__b{min-width:0;flex:1;}
.cfg-bs__b b{display:block;font-size:14.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
.cfg-bs__inote{display:block;font-size:12px;color:var(--orange-700);font-weight:600;margin-top:2px;}
.cfg-bs__tx{display:block;font-size:13px;color:var(--ink-3);line-height:1.6;margin-top:6px;}
.cfg-bs__i.on .cfg-bs__tx{color:var(--ink-2);}

/* ---------- Interaktive Felder & Rechner ---------- */
.cfg-fld-host{margin:20px 0 6px;}
.cfg-fld__cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px;}
.cfg-fld__cap svg{width:17px;height:17px;flex:none;color:var(--orange);margin-right:2px;transform:translateY(2px);}
.cfg-fld__capsub{flex:1 1 100%;font-size:13px;font-weight:400;color:var(--ink-3);line-height:1.5;}
.cfg-fld__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.cfg-fld__cell{display:flex;flex-direction:column;gap:6px;min-width:0;}
.cfg-fld__cell--wide{grid-column:1/-1;}
.cfg-fld__cell label{font-size:13px;font-weight:600;color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;}
.cfg-fld__hint{font-size:12px;font-weight:400;color:var(--ink-4);}
.cfg-fld__inwrap{position:relative;display:flex;align-items:center;}
.cfg-fld__in{width:100%;}
.cfg-fld__suf{position:absolute;right:12px;font-size:13px;color:var(--ink-4);pointer-events:none;font-variant-numeric:tabular-nums;}
.cfg-fld__inwrap .cfg-fld__in[type="number"]{padding-right:70px;}
.cfg-fld__chips{display:flex;flex-wrap:wrap;gap:8px;}
.cfg-chip{font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-2);background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;transition:.14s;line-height:1.2;}
.cfg-chip:hover{border-color:var(--orange);background:var(--orange-50);}
.cfg-chip.on{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 0 0 3px rgba(0,58,90,.09);}
.cfg-chip--sm{font-size:12.5px;padding:6px 12px;}

.cfg-calc{margin-top:18px;border:1.5px solid var(--orange-100);background:var(--orange-50);border-radius:var(--radius-lg);padding:18px 18px 16px;}
.cfg-calc__h{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px;}
.cfg-calc__h svg{width:19px;height:19px;flex:none;color:var(--orange);}
.cfg-calc__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px 14px;}
@media(max-width:640px){.cfg-fld__grid{grid-template-columns:1fr;}.cfg-calc__grid{grid-template-columns:1fr;}}
.cfg-calc .cfg-fld__cell label{font-size:12.5px;}
.cfg-calc__presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;}
.cfg-calc__pl{font-size:12.5px;font-weight:700;color:var(--ink-3);letter-spacing:.03em;text-transform:uppercase;margin-right:2px;}
.cfg-calc__out{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 26px;min-height:24px;}
.cfg-calc__ph{font-size:13px;color:var(--ink-4);font-style:italic;}
.cfg-calc__res{display:flex;flex-direction:column;gap:1px;}
.cfg-calc__k{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);}
.cfg-calc__res b{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--orange);font-variant-numeric:tabular-nums;}
.cfg-calc__note{display:flex;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--orange-100);font-size:12.5px;line-height:1.55;color:var(--ink-3);}
.cfg-calc__note svg{width:15px;height:15px;flex:none;color:var(--orange);margin-top:2px;}
.cfg-calc__note b{color:var(--ink-2);font-weight:700;}

/* ---------- HUB: „Alles zum Thema“ Ressourcen ---------- */
.hub-res{margin-top:clamp(36px,4.5vw,56px);padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--line);}
.hub-res__head .eyebrow{margin-bottom:6px;}
.hub-res__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,28px);margin-top:26px;}
@media(max-width:760px){.hub-res__cols{grid-template-columns:1fr;}}
.hub-res__col h4{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:13px;}
.hub-res__col h4 .ico{width:17px;height:17px;color:var(--orange);}
.hub-reslist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);}
.hub-reslist a{display:flex;flex-direction:column;gap:3px;padding:13px 16px;border-top:1px solid var(--line-2);transition:.12s;}
.hub-reslist a:first-child{border-top:0;}
.hub-reslist a:hover{background:var(--orange-50);}
.hub-reslist__t{font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.35;}
.hub-reslist a:hover .hub-reslist__t{color:var(--orange-700);}
.hub-reslist__t em{font-style:normal;font-weight:500;color:var(--ink-4);font-size:.92em;}
.hub-reslist__m{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums;}
.hub-reslist__m svg{width:13px;height:13px;flex:none;}
.hub-res__more{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--orange);}
.hub-res__more svg{width:15px;height:15px;transition:transform .16s;}
.hub-res__more:hover svg{transform:translateX(4px);}