/* ContactXpert Wissen: Vertriebsglossar, Blog-Übersicht und Blogartikel.
   Nutzt die Tokens aus .cx-home (site.*.css): --ho Akzent, --hink Text, --hmut Nebentext, --hc1/--hw Flächen.
   Präfix wx- verhindert Überschneidungen mit bestehenden Klassen. */

/* Köpfe im Wissensbereich: gleiche Abstände wie die übrigen Seitenköpfe (64 px oben und unten, mobil 44/48 px) */
.hx .wx-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 26px;padding:0;list-style:none;font:500 13px/1.3 "CX Inter",Inter,sans-serif;color:var(--hmut)}
.hx .wx-crumbs li{display:flex;align-items:center;gap:10px}
.hx .wx-crumbs li+li::before{content:"";width:5px;height:5px;border-top:1.4px solid #a9ab9c;border-right:1.4px solid #a9ab9c;transform:rotate(45deg)}
.hx .wx-crumbs a{color:var(--hmut);text-decoration:none;transition:color .18s}
.hx .wx-crumbs a:hover{color:var(--ho)}
.hx .wx-crumbs [aria-current]{color:var(--hink)}

/* Suche und Kategorie-Chips */
.hx .wx-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-bottom:40px}
.hx .wx-search{position:relative;flex:0 1 360px}
.hx .wx-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--hmut);pointer-events:none}
.hx .wx-search input{width:100%;height:50px;padding:0 18px 0 46px;border:1.5px solid #d6d5c8;border-radius:10px;background:#fff;font:500 15px/1 "CX Inter",Inter,sans-serif;color:var(--hink);transition:border-color .18s,box-shadow .18s}
.hx .wx-search input::placeholder{color:#8a907f}
.hx .wx-search input:focus{outline:none;border-color:var(--ho);box-shadow:0 0 0 3px rgba(251,106,29,.15)}
.hx .wx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hx .wx-chip{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1.5px solid #d6d5c8;border-radius:999px;background:#fff;font:600 14px/1 "CX Inter",Inter,sans-serif;color:var(--hink);text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.hx .wx-chip small{font-size:12px;font-weight:600;color:var(--hmut)}
.hx .wx-chip:hover{border-color:var(--hink)}
.hx .wx-chip[aria-pressed="true"],.hx .wx-chip[aria-current]{background:var(--hink);border-color:var(--hink);color:#fff}
.hx .wx-chip[aria-pressed="true"] small,.hx .wx-chip[aria-current] small{color:rgba(255,255,255,.7)}
.hx .wx-chip:focus-visible,.hx .wx-card a:focus-visible,.hx .wx-az a:focus-visible,.hx .wx-terms a:focus-visible,.hx .wx-share__btns a:focus-visible,.hx .wx-share__btns button:focus-visible,.hx .wx-toc a:focus-visible{outline:2px solid var(--ho);outline-offset:2px}

/* Blog: Karten */
.hx .wx-tag{display:inline-flex;align-self:flex-start;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:#fbeee6;font:700 11.5px/1 "CX Inter",Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#b84b0e}
.hx .wx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:22px;font:500 13.5px/1.3 "CX Inter",Inter,sans-serif;color:var(--hmut)}
.hx .wx-meta span+span::before{content:"";display:inline-block;width:3px;height:3px;margin:0 12px 2px 0;border-radius:50%;background:#a9ab9c;vertical-align:middle}
.hx .wx-more{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font:700 14.5px/1 "CX Inter",Inter,sans-serif;color:var(--ho)}
.hx .wx-more svg{transition:transform .2s}

.hx .wx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.hx .wx-card[hidden]{display:none}
.hx .wx-empty{margin:24px 0 0;font-size:15px;color:var(--hmut)}

/* Teaser-Box (Glossar im Blog und umgekehrt) */
.hx .wx-cross{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px 28px;margin-top:56px;padding:30px 34px;border-radius:16px;background:var(--hg,#23301f);color:#f4f2ea}
.hx .wx-cross__i{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:rgba(255,255,255,.08);color:#ff8a4c}
.hx .wx-cross h2{margin:0;font:700 22px/1.25 "CX Inter",Inter,sans-serif;color:#fff}
.hx .wx-cross p{margin:6px 0 0;font-size:15px;line-height:1.55;color:rgba(244,242,234,.78)}
.hx .wx-cross .hx-btn{white-space:nowrap}

/* Glossar */
.hx .wx-az{position:sticky;top:0;z-index:20;margin:0 0 44px;padding:14px 0;background:var(--hw);border-bottom:1px solid #e7e5da}
.hx .wx-az ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.hx .wx-az a,.hx .wx-az span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;font:700 14px/1 "CX Inter",Inter,sans-serif;text-decoration:none}
.hx .wx-az a{border:1.5px solid #dcdbcf;background:#fff;color:var(--hink);transition:border-color .18s,background .18s,color .18s}
.hx .wx-az a:hover,.hx .wx-az a[aria-current]{border-color:var(--ho);background:var(--ho);color:#fff}
.hx .wx-az span{color:#c3c5b8}
.hx .wx-letter{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:30px 0;border-top:1px solid #e7e5da;scroll-margin-top:90px}
.hx .wx-letter:first-child{border-top:0;padding-top:0}
.hx .wx-letter[hidden]{display:none}
.hx .wx-letter h2{margin:0;font:700 44px/1 "CX Inter",Inter,sans-serif;color:var(--ho)}
.hx .wx-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;margin:0;padding:0;list-style:none}
.hx .wx-terms li[hidden]{display:none}
.hx .wx-terms a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;margin:0 -14px;border-radius:10px;font:600 16px/1.35 "CX Inter",Inter,sans-serif;color:var(--hink);text-decoration:none;transition:background .18s,color .18s}
.hx .wx-terms a::after{content:"";flex:none;width:7px;height:7px;border-top:1.6px solid currentColor;border-right:1.6px solid currentColor;transform:rotate(45deg);opacity:.3;transition:opacity .18s,transform .18s}
.hx .wx-terms a:hover{background:#fff;color:var(--ho)}
.hx .wx-terms a:hover::after{opacity:.9;transform:translateX(2px) rotate(45deg)}

/* Artikel */
.hx .wx-ahead{padding:56px 0 0;background:var(--hc1)}
.hx .wx-ahead__in{max-width:880px}
.hx .wx-ahead h1{margin:16px 0 0;font:700 clamp(2.1rem,3.6vw,3.1rem)/1.1 "CX Inter",Inter,sans-serif;letter-spacing:-.025em;color:var(--hink)}
.hx .wx-lead{margin:22px 0 0;max-width:46em;font-size:18.5px;line-height:1.65;color:#465042}
.hx .wx-byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:28px}
.hx .wx-byline img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.hx .wx-byline b{display:block;font:700 15px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-byline .wx-meta{margin-top:2px}
.hx .wx-abody{padding:176px 0 96px;background:var(--hw)}
.hx .wx-alay{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"main side";gap:72px;align-items:start}
.hx .wx-alay>article{grid-area:main;min-width:0}
.hx .wx-aside{grid-area:side;display:flex;flex-direction:column;gap:18px;height:100%}
.hx .wx-sticky{position:sticky;top:32px;display:grid;gap:18px}

.hx .wx-prose{max-width:720px;font-size:17px;line-height:1.75;color:#3d4639}
.hx .wx-prose>*+*{margin-top:20px}
.hx .wx-prose h2{margin-top:56px;font:700 clamp(1.55rem,2.3vw,1.95rem)/1.2 "CX Inter",Inter,sans-serif;letter-spacing:-.02em;color:var(--hink);scroll-margin-top:28px}
.hx .wx-prose h3{margin-top:34px;font:700 20px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink);scroll-margin-top:28px}
.hx .wx-prose h2+*,.hx .wx-prose h3+*{margin-top:14px}
.hx .wx-prose p{margin-bottom:0}
.hx .wx-prose a:not(.hx-btn){color:var(--hink);text-decoration:underline;text-decoration-color:rgba(251,106,29,.6);text-decoration-thickness:1.5px;text-underline-offset:4px;transition:color .18s,text-decoration-color .18s}
.hx .wx-prose a:not(.hx-btn):hover{color:var(--ho);text-decoration-color:var(--ho)}
.hx .wx-prose ul,.hx .wx-prose ol{padding-left:0;list-style:none;display:grid;gap:10px}
.hx .wx-prose ul:not(.sx-ticks):not(.wx-chiplist) li{position:relative;padding-left:24px}
.hx .wx-prose ul:not(.sx-ticks):not(.wx-chiplist) li::before{content:"";position:absolute;left:2px;top:.72em;width:10px;height:2px;border-radius:2px;background:var(--ho)}
.hx .wx-prose ol{counter-reset:wx}
.hx .wx-prose ol li{position:relative;padding-left:46px;counter-increment:wx}
.hx .wx-prose ol li::before{content:counter(wx,decimal-leading-zero);position:absolute;left:0;top:.1em;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#fbeee6;font:700 13px/1 "CX Inter",Inter,sans-serif;color:#b84b0e}
.hx .wx-prose ol li b{display:block;color:var(--hink)}
.hx .wx-prose strong,.hx .wx-prose b{color:var(--hink)}
.hx .wx-key{padding:28px 30px;border-radius:14px;background:var(--hc1);border:1px solid #e7e5da}
.hx .wx-key>p:first-child{margin:0 0 12px;font:700 12px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-key ul{gap:8px;font-size:16px}
.hx .wx-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:24px 26px;border-left:3px solid var(--ho);border-radius:0 12px 12px 0;background:#fdf3ec}
.hx .wx-tip svg{color:var(--ho);margin-top:3px}
.hx .wx-tip b{display:block;margin-bottom:4px;font-size:15px;letter-spacing:.02em;color:#b84b0e}
.hx .wx-tip p{margin:0;font-size:16px;line-height:1.65}
.hx .wx-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.55;border:1px solid #e7e5da;border-radius:12px;overflow:hidden}
.hx .wx-tablewrap{overflow-x:auto;border-radius:12px}
.hx .wx-table th{padding:14px 18px;background:var(--hc1);text-align:left;font:700 13px/1.3 "CX Inter",Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-table td{padding:16px 18px;border-top:1px solid #e7e5da;vertical-align:top;background:#fff}
.hx .wx-table td:first-child{font-weight:700;color:var(--hink);width:34%}
.hx .wx-check{padding:28px 30px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-check>p:first-child{margin:0 0 14px;font:700 18px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-check .sx-ticks li{font-size:16px}
.hx .wx-faq{display:grid;gap:0}
.hx .wx-faq details{border-bottom:1px solid #e7e5da}
.hx .wx-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;font:700 17px/1.4 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-faq summary::-webkit-details-marker{display:none}
.hx .wx-faq summary i{flex:none;position:relative;width:30px;height:30px;border:1.5px solid #cfcfc1;border-radius:50%}
.hx .wx-faq summary i::before,.hx .wx-faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--hink);transform:translate(-50%,-50%);transition:transform .2s}
.hx .wx-faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.hx .wx-faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.hx .wx-faq details p{margin:0 0 22px;font-size:16px;line-height:1.7}
.hx .wx-endcta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:48px!important;padding:30px 32px;border-radius:16px;background:var(--hg,#23301f);color:#f4f2ea}
.hx .wx-endcta b{display:block;font:700 20px/1.3 "CX Inter",Inter,sans-serif;color:#fff}
.hx .wx-endcta span{display:block;margin-top:6px;font-size:15px;line-height:1.55;color:rgba(244,242,234,.78)}
.hx .wx-updated{margin-top:40px!important;padding-top:20px;border-top:1px solid #e7e5da;font-size:14px!important;color:var(--hmut)}

/* Sidebar: Autor, Inhaltsverzeichnis, Teilen */
.hx .wx-author{padding:26px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-author__k{margin:0 0 16px;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-author__p{display:flex;align-items:center;gap:14px}
.hx .wx-author__p img{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover}
.hx .wx-author__p b{display:block;font:700 16.5px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-author__p span{display:block;margin-top:3px;font-size:13.5px;color:var(--hmut)}
.hx .wx-author>p{margin:16px 0 0;font-size:14.5px;line-height:1.6;color:#5a6455}
.hx .wx-author__l{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}
.hx .wx-author__l a{display:inline-flex;align-items:center;gap:7px;font:700 13.5px/1 "CX Inter",Inter,sans-serif;color:var(--hink);text-decoration:none}
.hx .wx-author__l a:hover{color:var(--ho)}
.hx .wx-author__l svg{color:var(--ho)}
.hx .wx-toc{padding:22px 22px 18px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut);cursor:default}
.hx .wx-toc summary::-webkit-details-marker{display:none}
.hx .wx-toc summary svg{display:none}
.hx .wx-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:2px;max-height:calc(100vh - 330px);overflow:auto}
.hx .wx-toc a{position:relative;display:block;padding:8px 10px 8px 16px;border-radius:8px;font:500 14.5px/1.4 "CX Inter",Inter,sans-serif;color:#5a6455;text-decoration:none;transition:background .18s,color .18s}
.hx .wx-toc a::before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:2px;border-radius:2px;background:transparent;transition:background .18s}
.hx .wx-toc a:hover{background:var(--hc1);color:var(--hink)}
.hx .wx-toc a[aria-current]{background:#fdf3ec;color:var(--hink);font-weight:600}
.hx .wx-toc a[aria-current]::before{background:var(--ho)}
.hx .wx-progress{height:3px;margin:12px 0 0;border-radius:3px;background:#efeee6;overflow:hidden}
.hx .wx-progress i{display:block;height:100%;width:0;background:var(--ho);transition:width .1s linear}
.hx .wx-share{padding:20px 22px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-share p{margin:0 0 12px;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-share__btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hx .wx-share__btns a,.hx .wx-share__btns button{display:grid;place-items:center;height:44px;border:1.5px solid #dcdbcf;border-radius:10px;background:#fff;color:var(--hink);cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.hx .wx-share__btns a:hover,.hx .wx-share__btns button:hover{border-color:var(--ho);background:var(--ho);color:#fff}
.hx .wx-share__btns button.is-done{border-color:#3f7a3a;background:#3f7a3a;color:#fff}
.hx .wx-share__msg:empty{display:block;min-height:0;margin:0!important}
.hx .wx-share__msg{min-height:18px;margin:10px 0 0!important;font:500 13px/1.3 "CX Inter",Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#3f7a3a!important}

.hx .wx-related{border-top:1px solid #e7e5da}

/* Tablet */
@media (max-width:1100px){
  .hx .wx-alay{grid-template-columns:minmax(0,1fr) 280px;gap:44px}
}
@media (max-width:1023px){
  .hx .wx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .hx .wx-alay{grid-template-columns:1fr;grid-template-areas:"toc" "main" "end";gap:28px}
  .hx .wx-aside{display:contents}
  .hx .wx-aside>.wx-author{display:none}
  .hx .wx-sticky{grid-area:toc;position:static;display:block}
  .hx .wx-sticky>.wx-share{display:none}
  .hx .wx-aside-end{grid-area:end;display:grid;gap:18px;margin-top:20px}
  .hx .wx-toc{padding:0}
  .hx .wx-toc summary{margin:0;padding:18px 20px;cursor:pointer;font-size:12px}
  .hx .wx-toc summary svg{display:block;transition:transform .2s}
  .hx .wx-toc[open] summary svg{transform:rotate(180deg)}
  .hx .wx-toc ol{max-height:none;padding:0 12px 14px}
  .hx .wx-progress{display:none}
  .hx .wx-abody{padding-top:100px}
  .hx .wx-cross{grid-template-columns:auto minmax(0,1fr)}
  .hx .wx-cross .hx-btn{grid-column:1/-1;justify-self:start}
}
@media (min-width:1024px){.hx .wx-aside-end{display:none}}
/* Mobil */
@media (max-width:767px){
  .hx .wx-grid{grid-template-columns:1fr}
  .hx .wx-tools{flex-direction:column;align-items:stretch;margin-bottom:28px}
  .hx .wx-search{flex:1 1 auto}
  .hx .wx-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none}
  .hx .wx-chips::-webkit-scrollbar{display:none}
  .hx .wx-chip{flex:none}
  .hx .wx-az{margin-bottom:28px;padding:10px 0}
  .hx .wx-az ul{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .hx .wx-az ul::-webkit-scrollbar{display:none}
  .hx .wx-az li{flex:none}
  .hx .wx-letter{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .hx .wx-letter h2{font-size:34px}
  .hx .wx-terms{grid-template-columns:1fr}
  .hx .wx-ahead{padding-top:36px}
  .hx .wx-lead{font-size:17px}
  .hx .wx-abody{padding:72px 0 64px}
  .hx .wx-prose{font-size:16.5px}
  .hx .wx-prose h2{margin-top:44px}
  .hx .wx-key,.hx .wx-check{padding:22px 20px}
  .hx .wx-tip{padding:20px}
  .hx .wx-endcta{grid-template-columns:1fr;padding:26px 22px}
  .hx .wx-cross{grid-template-columns:1fr;padding:26px 22px}
  .hx .wx-table th,.hx .wx-table td{padding:12px 14px}
}
.hx .wx-tools>nav{min-width:0;max-width:100%}

/* ---------- Autor-Links */
.hx .wx-byline b a,.hx .wx-author__p b a{color:inherit;text-decoration:none;transition:color .18s}
.hx .wx-byline b a:hover,.hx .wx-author__p b a:hover{color:var(--ho)}

/* ---------- Glossar-Einzelseite */
.hx .wx-ahead--term{padding-bottom:56px;border-bottom:1px solid #e7e5da}
.hx .wx-alias{margin:12px 0 0;font-size:15px;color:var(--hmut)}
.hx .wx-def{max-width:42em;margin:22px 0 0}
.hx .wx-def__t{margin:0;font-size:20px;line-height:1.6;color:var(--hink)}
.hx .wx-abody--term{padding-top:64px}
.hx .wx-key #kurz-gesagt{scroll-margin-top:28px}
.hx .wx-formula{padding:24px 28px;border:1px solid #e7e5da;border-radius:14px;background:var(--hc1)}
.hx .wx-formula__k,.hx .wx-calc__k,.hx .wx-relterms>p{margin:0 0 14px;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-formula__f{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0;font:700 19px/1.4 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-frac{display:inline-flex;flex-direction:column;align-items:center;text-align:center;font-size:15.5px;font-weight:600}
.hx .wx-frac span+span{margin-top:6px;padding-top:6px;border-top:2px solid var(--hink)}
.hx .wx-calc{padding:22px 28px 18px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-calc dl{margin:0}
.hx .wx-calc dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid #efeee6}
.hx .wx-calc dl>div:first-child{border-top:0;padding-top:0}
.hx .wx-calc dt{font-size:15.5px;color:#5a6455}
.hx .wx-calc dd{margin:0;text-align:right;font:600 15.5px/1.4 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-calc dd small{display:block;font-size:12.5px;font-weight:500;color:var(--hmut)}
.hx .wx-calc .is-result{margin-top:4px;padding:14px 16px!important;border:0!important;border-radius:10px;background:#fdf3ec}
.hx .wx-calc .is-result dt,.hx .wx-calc .is-result dd{font-weight:700;color:#b84b0e}
.hx .wx-calc__n{margin:12px 0 0!important;font-size:13px!important;color:var(--hmut)}
.hx .wx-relterms{margin-top:48px!important}
.hx .wx-chiplist{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0;padding:0;list-style:none}
.hx .wx-chiplist a,.hx .wx-prose .wx-chiplist a{display:inline-flex;align-items:center;height:38px;padding:0 15px;border:1.5px solid #d6d5c8;border-radius:999px;background:#fff;font:600 14px/1 "CX Inter",Inter,sans-serif;color:var(--hink);text-decoration:none;transition:border-color .18s,color .18s}
.hx .wx-chiplist a:hover,.hx .wx-prose .wx-chiplist a:hover{border-color:var(--ho);color:var(--ho)}
.hx .wx-endcta .hx-btn{white-space:nowrap}
.hx .wx-pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.hx .wx-pn a{display:block;padding:22px 26px;border:1px solid #e7e5da;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .18s,box-shadow .2s}
.hx .wx-pn a[rel=next]{text-align:right}
.hx .wx-pn a:hover{border-color:var(--ho);box-shadow:0 18px 36px -28px rgba(31,42,28,.4)}
.hx .wx-pn small{display:block;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-pn b{display:block;margin-top:8px;font:700 19px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-pn a[rel=prev] b::before{content:"\2190\00a0";color:var(--ho)}
.hx .wx-pn a[rel=next] b::after{content:"\00a0\2192";color:var(--ho)}
.hx .wx-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- Autorenseite */
.hx .wx-phero{padding:56px 0 72px;background:var(--hc1);border-bottom:1px solid #e7e5da}
.hx .wx-phero__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}
.hx .wx-phero h1{margin:0;font:700 clamp(2.4rem,4.2vw,3.5rem)/1.05 "CX Inter",Inter,sans-serif;letter-spacing:-.028em;color:var(--hink)}
.hx .wx-prole{margin:14px 0 0;font:600 18px/1.4 "CX Inter",Inter,sans-serif;color:#b84b0e}
.hx .wx-pbio{margin:22px 0 0;max-width:36em;font-size:17.5px;line-height:1.7;color:#465042}
.hx .wx-pcta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 32px;margin-top:32px}
.hx .wx-pcta .hx-ring{color:var(--hink)}
.hx .wx-pfig{position:relative;margin:0}
.hx .wx-pfig img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:18px;background:#e9e7dd}
.hx .wx-pfig figcaption{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:rgba(255,254,251,.94);box-shadow:0 14px 30px -18px rgba(31,42,28,.4);font:500 14px/1.4 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-pfig figcaption i{flex:none;width:10px;height:10px;border-radius:50%;background:#3f7a3a;box-shadow:0 0 0 4px rgba(63,122,58,.15)}
.hx .wx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0}
.hx .wx-facts>div{padding:22px 24px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-facts dt{font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-facts dd{margin:10px 0 0;font:600 16.5px/1.45 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-facts dd a{color:var(--hink);text-decoration:underline;text-decoration-color:rgba(251,106,29,.6);text-underline-offset:4px}
.hx .wx-tl{position:relative;margin:40px 0 0;padding:0;list-style:none;max-width:820px}
.hx .wx-tl::before{content:"";position:absolute;left:131px;top:8px;bottom:8px;width:2px;background:#e1dfd3}
.hx .wx-tl li{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:44px;padding:0 0 32px}
.hx .wx-tl li:last-child{padding-bottom:0}
.hx .wx-tl li::before{content:"";position:absolute;left:125px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--ho)}
.hx .wx-tl li.is-now::before{background:var(--ho)}
.hx .wx-tl time,.hx .wx-tl .wx-tl__y{font:700 15px/1.4 "CX Inter",Inter,sans-serif;color:#b84b0e;text-align:right}
.hx .wx-tl h3{margin:0;font:700 18px/1.35 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-tl p{margin:6px 0 0;font-size:15.5px;line-height:1.65;color:#5a6455}
.hx .wx-tl p a{color:var(--hink);text-decoration:underline;text-decoration-color:rgba(251,106,29,.6);text-underline-offset:4px}
.hx .wx-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none}
.hx .wx-topics a{display:flex;flex-direction:column;height:100%;padding:24px 26px;border:1px solid #e7e5da;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .18s,box-shadow .2s}
.hx .wx-topics a:hover{border-color:var(--ho);box-shadow:0 18px 36px -28px rgba(31,42,28,.4)}
.hx .wx-topics h3{margin:0;font:700 18px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-topics p{margin:8px 0 0;font-size:15px;line-height:1.6;color:#5a6455}
.hx .wx-topics .wx-more{margin-top:auto;padding-top:16px}
.hx .wx-princ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;margin:40px 0 0;padding:0;list-style:none;counter-reset:wxp}
.hx .wx-princ li{position:relative;padding:4px 0 0 56px;counter-increment:wxp}
.hx .wx-princ li::before{content:counter(wxp,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fbeee6;font:700 13px/1 "CX Inter",Inter,sans-serif;color:#b84b0e}
.hx .wx-princ b{display:block;font:700 16.5px/1.35 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-princ span{display:block;margin-top:4px;font-size:15px;line-height:1.6;color:#5a6455}
@media (max-width:1023px){
  .hx .wx-phero__in{grid-template-columns:1fr;gap:36px}
  .hx .wx-pfig{max-width:420px}
  .hx .wx-facts,.hx .wx-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .hx .wx-def__t{font-size:18px}
  .hx .wx-formula,.hx .wx-calc{padding:20px}
  .hx .wx-formula__f{font-size:17px}
  .hx .wx-calc dl>div{flex-direction:column;gap:2px}
  .hx .wx-calc dd{text-align:left}
  .hx .wx-pn{grid-template-columns:1fr}
  .hx .wx-pn a[rel=next]{text-align:left}
  .hx .wx-grid--2{grid-template-columns:1fr}
  .hx .wx-phero{padding:36px 0 52px}
  .hx .wx-pbio{font-size:16.5px}
  .hx .wx-facts,.hx .wx-topics,.hx .wx-princ{grid-template-columns:1fr}
  .hx .wx-tl::before{left:7px}
  .hx .wx-tl li{grid-template-columns:1fr;gap:4px;padding-left:34px}
  .hx .wx-tl li::before{left:1px}
  .hx .wx-tl time,.hx .wx-tl .wx-tl__y{text-align:left}
}
.hx .wx-byline{flex-wrap:nowrap}
.hx .wx-byline>div{min-width:0}
.hx .wx-byline img{flex:none}

/* ---------- Kompakte Beiträge ohne Bilder, Löwe als Wasserzeichen */
.hx .wx-wm{position:relative;overflow:hidden;isolation:isolate}
.hx .wx-wm::after{content:"";position:absolute;z-index:-1;right:-70px;top:50%;width:min(500px,44vw);aspect-ratio:992/1008;transform:translateY(-50%);background:var(--ho);-webkit-mask:url(/assets/img/cx-mark.svg) no-repeat center/contain;mask:url(/assets/img/cx-mark.svg) no-repeat center/contain;opacity:.07;pointer-events:none}
@media (max-width:767px){
  .hx .wx-wm::after{right:-90px;top:38%;width:300px;opacity:.06}
}

/* ---------- Überarbeitung 5. Nov.: weiße Lesebereiche, kompaktes Glossar, eine Seitenkarte */
.hx .wx-white,.hx .wx-abody{background:#fff}
.hx .wx-key,.hx .wx-formula{background:#f7f7f6;border-color:#ececea}
.hx .wx-toc a:hover{background:#f5f5f3}
/* Glossar-Index */
.hx .wx-glsec{padding-top:48px}
.hx .wx-glbar{position:sticky;top:0;z-index:20;margin:0 0 36px;padding:14px 0 12px;background:#fff;border-bottom:1px solid #ecebe4}
.hx .wx-glbar__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:12px}
.hx .wx-glbar .wx-search{flex:0 1 340px}
.hx .wx-glbar .wx-search input{height:44px;font-size:14.5px}
.hx .wx-glcount{margin:0;font-size:14px;color:var(--hmut)}
.hx .wx-glcount b{color:var(--hink)}
.hx .wx-glbar .wx-az{position:static;margin:0;padding:0;border:0;background:none}
.hx .wx-glbar .wx-az ul{gap:4px}
.hx .wx-glbar .wx-az a,.hx .wx-glbar .wx-az span{width:30px;height:30px;border-radius:7px;font-size:13px}
.hx .wx-glbar .wx-az a{border-width:1px}
.hx .wx-index{columns:4 210px;column-gap:40px}
.hx .wx-index .wx-letter{display:block;break-inside:avoid;margin:0 0 26px;padding:0;border:0;scroll-margin-top:150px}
.hx .wx-index .wx-letter h2{margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid #ecebe4;font:700 20px/1.2 "CX Inter",Inter,sans-serif;color:var(--ho)}
.hx .wx-index .wx-terms{display:block;margin:0}
.hx .wx-index .wx-terms a{display:block;min-height:0;margin:0;padding:5px 0;border-radius:0;font:500 15px/1.4 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-index .wx-terms a::after{display:none}
.hx .wx-index .wx-terms a:hover{background:none;color:var(--ho)}
.hx .wx-glsec .wx-cross{margin-top:40px}
.hx .wx-cross p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Eine Karte rechts: Inhalt + Teilen */
.hx .wx-sidecard{border:1px solid #e7e5da;border-radius:14px;background:#fff;overflow:hidden}
.hx .wx-sidecard .wx-toc{border:0;border-radius:0;padding:20px 20px 12px}
.hx .wx-sidecard .wx-toc ol{max-height:calc(100vh - 230px)}
.hx .wx-sidecard .wx-share{display:flex;align-items:center;gap:10px;padding:12px 20px 14px;border:0;border-top:1px solid #efeee6;border-radius:0;flex-wrap:wrap}
.hx .wx-sidecard .wx-share>p:first-child{margin:0;flex:1}
.hx .wx-sidecard .wx-share__btns{display:flex;gap:6px}
.hx .wx-sidecard .wx-share__btns a,.hx .wx-sidecard .wx-share__btns button{width:36px;height:36px;border-width:1px;border-radius:9px}
.hx .wx-sidecard .wx-share__btns svg{width:16px;height:16px}
.hx .wx-sidecard .wx-share__msg{flex-basis:100%;margin:0!important}
.hx .wx-sidecard .wx-share__msg:empty{display:none}
/* Autor am Ende des Artikels */
.hx .wx-prose .wx-author{margin-top:44px!important;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 20px;padding:26px 28px;background:#fff}
.hx .wx-prose .wx-author .wx-author__k{grid-column:1/-1;margin:0 0 10px}
.hx .wx-prose .wx-author .wx-author__p{grid-column:1/-1}
.hx .wx-prose .wx-author>p:not(.wx-author__k){grid-column:1/-1;margin-top:12px!important;font-size:15px}
.hx .wx-prose .wx-author__l{grid-column:1/-1;margin-top:12px!important}
.hx .wx-prose .wx-author a{text-decoration:none}
.hx .wx-prose .wx-author__p b{font-size:17px}
@media (min-width:1024px){.hx .wx-sticky{top:24px}}
@media (max-width:1023px){
  .hx .wx-sidecard .wx-share{display:none}
  .hx .wx-sidecard .wx-toc{padding:0}
  .hx .wx-index{columns:3 180px}
}
@media (max-width:767px){
  .hx .wx-glbar{margin-bottom:24px}
  .hx .wx-glcount{display:none}
  .hx .wx-glbar .wx-search{flex:1 1 auto}
  .hx .wx-index{columns:2 140px;column-gap:24px}
  .hx .wx-prose .wx-author{padding:22px 20px}
}
/* Artikelgrafiken (werkzeuge/artikelgrafiken) */
.hx .wx-prose .wx-fig{margin:30px 0 6px!important}
.hx .wx-prose .wx-fig+*{margin-top:26px}
.hx .wx-fig img{display:block;width:100%;height:auto;border-radius:14px}
.hx .wx-fig--rand img{box-shadow:0 0 0 1px #e7e5da}
.hx .wx-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--hmut)}
@media (max-width:767px){.hx .wx-fig img{border-radius:10px}.hx .wx-prose .wx-fig{margin:24px -4px 4px!important}}
.hx .wx-index .wx-terms a{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
.hx .wx-table th{background:#f7f7f6}

/* Einheitliche Seitenköpfe im Wissensbereich */
.hx .wx-hero .sx-hero__in{padding-bottom:64px}
.hx .wx-hero .sx-hero__sub{margin-bottom:0}
.hx .wx-ahead,.hx .wx-ahead--term{padding:64px 0 64px}
.hx .wx-phero{padding:64px 0 64px}
@media (max-width:767px){
  .hx .wx-hero .sx-hero__in{padding-bottom:48px}
  .hx .wx-ahead,.hx .wx-ahead--term{padding:44px 0 48px}
  .hx .wx-phero{padding:44px 0 48px}
}

/* Artikel-Bausteine (Stand November 2026): Gesprächsbeispiel, Hinweis, Quellen */
.hx .wx-dialog{padding:24px 26px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-dialog>p:first-child{margin:0 0 16px;font:700 12px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-dialog dl{display:grid;gap:14px;margin:0}
.hx .wx-dialog dl>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:baseline}
.hx .wx-dialog dt{font:700 13px/1.5 "CX Inter",Inter,sans-serif;color:var(--hmut)}
.hx .wx-dialog dt.is-wir{color:#b84b0e}
.hx .wx-dialog dd{margin:0;font-size:16px;line-height:1.65;color:#3d4639}
.hx .wx-dialog .wx-dialog__n{margin:16px 0 0;padding-top:14px;border-top:1px solid #efeee6;font-size:14.5px;line-height:1.6;color:var(--hmut)}
.hx .wx-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px 24px;border:1px solid #e4e4e0;border-radius:12px;background:#f7f7f6}
.hx .wx-note svg{color:var(--hmut);margin-top:3px}
.hx .wx-note b{display:block;margin-bottom:4px;font-size:15px;color:var(--hink)}
.hx .wx-note p{margin:0;font-size:15.5px;line-height:1.65}
.hx .wx-sources{padding-top:18px;border-top:1px solid #e7e5da;font-size:14.5px;line-height:1.6;color:var(--hmut)}
.hx .wx-sources>p:first-child{margin:0 0 8px;font:700 12px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hx .wx-sources ul{gap:6px}
.hx .wx-sources a:not(.hx-btn){color:var(--hmut)}
@media (max-width:560px){
  .hx .wx-dialog{padding:20px}
  .hx .wx-dialog dl>div{grid-template-columns:1fr;gap:2px}
  .hx .wx-note{padding:18px}
}

/* Beitragskarten (Stand 5. November 2026): Rand wie die Fallstudien-Karten, kein Schatten, Löwe beim Hovern */
/* Karten im Stil der Fallstudien-Karten (Rand, kein Schatten, Löwe beim Hovern) */
.hx .wx-card a{position:relative;display:flex;flex-direction:column;height:100%;padding:26px 26px 24px;border:1px solid #dddccd;border-radius:12px;background:#fff;overflow:hidden;isolation:isolate;text-decoration:none;color:inherit;box-shadow:none!important;transform:none!important;transition:border-color .3s ease}
.hx .wx-card a:hover{border-color:#cfd0c2}
.hx .wx-card a::after{content:"";position:absolute;z-index:-1;right:-46px;bottom:-58px;width:230px;height:234px;background:url(/assets/img/cx-mark.svg) center/contain no-repeat;opacity:0;transform:rotate(-8deg) scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.25,.8,.3,1);pointer-events:none}
.hx .wx-card a:hover::after{opacity:.07;transform:rotate(-8deg) scale(1)}
.hx .wx-card__m{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hmut)}
.hx .wx-card h3{margin:12px 0 0;font:700 18px/1.35 "CX Inter",Inter,sans-serif;letter-spacing:-.005em;color:var(--hink)}
.hx .wx-card__d{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:#5a6455;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hx .wx-card__l{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-style:normal;font-size:14px;font-weight:700;color:#b84b0e}
.hx .wx-card__l svg{transition:transform .2s}
.hx .wx-card a:hover .wx-card__l svg{transform:translateX(3px)}
.hx .wx-grid{gap:16px}
.hx .wx-grid--2{gap:16px}
@media (prefers-reduced-motion:reduce){.hx .wx-card a::after{transition:opacity .3s ease;transform:rotate(-8deg)}}
/* Blog-Übersicht: der neueste Beitrag doppelt breit (Variante C, gewählt am 5. November 2026) */
.hx .wx-grid{margin-top:32px}
.hx .wx-grid--lead>.is-lead{grid-column:span 2}
.hx .wx-card.is-lead a{padding:34px 36px 30px;justify-content:flex-start}
.hx .wx-card.is-lead h3{margin-top:14px;font-size:clamp(1.45rem,2.1vw,1.85rem);line-height:1.2;letter-spacing:-.02em;max-width:620px}
.hx .wx-card.is-lead .wx-card__d{font-size:16px;-webkit-line-clamp:3;max-width:620px}
.hx .wx-card.is-lead a::after{width:300px;height:305px;right:-50px;bottom:-80px}
@media (max-width:1023px){.hx .wx-grid--lead>.is-lead{grid-column:1/-1}}

.hx .wx-related .wx-grid,.hx .wx-related .wx-grid--2{margin-top:32px}
@media (max-width:767px){.hx .wx-card a{padding:22px 20px 20px}.hx .wx-card.is-lead a{padding:26px 22px 24px}}

.wx-morechips{margin-top:14px}.wx-morechips>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:600 14px/1 "CX Inter",Inter,sans-serif;color:var(--ho);padding:10px 0}.wx-morechips>summary::-webkit-details-marker{display:none}.wx-morechips>summary::after{content:"+";font-size:18px;line-height:1}.wx-morechips[open]>summary{margin-bottom:10px}.wx-morechips[open]>summary::after{content:"\2212"}
/* Formel und Rechenbeispiel in einem Kasten (ab 07.11.2026), statt zwei Kästen direkt übereinander */
.wx-calc__formel{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #efeee6}
/* Arbeitshilfe als PDF (ab 07.11.2026), als Zeile im Kasten "Das Wichtigste in Kürze" und unter der Checkliste, kein eigener Kasten */
.hx .wx-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:20px 0 0;padding-top:16px;border-top:1px solid #e4e3dc;font-size:15px;line-height:1.4}
.hx .wx-prose .wx-pdf a{display:inline-flex;align-items:center;gap:9px;font-weight:600;text-decoration:none}
.hx .wx-pdf a svg{flex:none;color:#e65c12}
.hx .wx-pdf a span{text-decoration:underline;text-decoration-color:rgba(251,106,29,.6);text-decoration-thickness:1.5px;text-underline-offset:4px}
.hx .wx-pdf a:hover span{text-decoration-color:var(--ho)}
.hx .wx-pdf small{font-size:14px;color:var(--hmut)}
@media (max-width:600px){.hx .wx-pdf{flex-direction:column;align-items:flex-start}.hx .wx-pdf small{padding-left:27px}}
/* Weitere Praxisbeispiele als Absatz mit hochgestellter Belegnummer, Belegliste am Ende des Artikels */
.hx .wx-fn{margin-left:2px;font-size:.7em;line-height:1;vertical-align:super}
.hx .wx-prose .wx-fn a:not(.hx-btn){display:inline-block;min-width:1.5em;padding:.1em .3em;line-height:1.25;border-radius:5px;background:#fdf3ec;font-weight:700;color:#b84b0e;text-align:center;text-decoration:none;transition:background .18s,color .18s}
.hx .wx-prose .wx-fn a:not(.hx-btn):hover,.hx .wx-prose .wx-fn a:not(.hx-btn):focus-visible{background:var(--ho);color:#fff}
.hx .wx-belege ol{display:grid;gap:8px;counter-reset:none}
.hx .wx-prose .wx-belege ol li{padding-left:30px;counter-increment:none;scroll-margin-top:28px}
.hx .wx-prose .wx-belege ol li::before{content:attr(data-nr);top:.15em;width:22px;height:22px;border-radius:6px;font-size:11.5px}
.hx .wx-prose .wx-belege ol li:target{color:var(--hink)}
.hx .wx-prose .wx-belege ol li:target::before{background:var(--ho);color:#fff}
.hx .wx-belege a:not(.hx-btn){font-weight:600}

/* Blog: zwei Bereiche wie im Hauptmenü (ab 09.11.2026). Umschalter über den Kategorien.
   Stil wie das Hauptmenü, ohne Kästen und ohne Anzahl. Der orange Unterstrich ist nur so breit wie der Text (Wunsch vom 09.11.2026). */
.hx .wx-ber{max-width:660px;margin:0 0 24px;border-bottom:1px solid #e2e0d4}
.hx .wx-ber ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;list-style:none}
.hx .wx-ber__a{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;padding:4px 14px 14px 4px;color:var(--hmut);text-decoration:none;transition:color .18s}
.hx .wx-ber__a b{position:relative;font:700 15px/1.3 "CX Inter",Inter,sans-serif}
.hx .wx-ber__a:hover{color:var(--hink)}
.hx .wx-ber__a.is-on{color:var(--hink)}
.hx .wx-ber__a.is-on b::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;border-radius:2px;background:var(--ho)}
.hx .wx-ber__a:focus-visible{outline:2px solid var(--ho);outline-offset:2px}
.hx .wx-ber__br{display:none}
@media (max-width:767px){
  .hx .wx-ber{max-width:none}
  .hx .wx-ber__a{padding:4px 12px 12px 4px}
  .hx .wx-ber__a b{font-size:14px}
  .hx .wx-ber__a.is-on b::after{bottom:-13px}
  .hx .wx-ber__br{display:inline}
}
/* Glossar: Bereichsfilter */
.hx .wx-glber{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hx .wx-glber button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border:1.5px solid #d6d5c8;border-radius:999px;background:#fff;font:600 13px/1 "CX Inter",Inter,sans-serif;color:var(--hink);cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.hx .wx-glber button small{font-size:11.5px;font-weight:600;color:var(--hmut)}
.hx .wx-glber button:hover{border-color:var(--hink)}
.hx .wx-glber button[aria-pressed="true"]{background:var(--hink);border-color:var(--hink);color:#fff}
.hx .wx-glber button[aria-pressed="true"] small{color:rgba(255,255,255,.7)}
.hx .wx-glber button:focus-visible{outline:2px solid var(--ho);outline-offset:2px}
@media (max-width:767px){.hx .wx-glber{flex-wrap:nowrap;overflow-x:auto;margin:10px -20px 0;padding:0 20px 2px;scrollbar-width:none}.hx .wx-glber button{flex:0 0 auto}}

.hx [data-wx-letter][hidden]{display:none!important}

/* Rechner in Blogbeiträgen (ab 09.11.2026) */
.hx .wx-rechner{margin:36px 0;border:1.5px solid #e6e1d4;border-radius:18px;background:#fbfaf6;overflow:hidden}
.hx .wx-rechner__kopf{padding:22px 26px 18px;background:#1e291a;color:#fff}
.hx .wx-prose .wx-rechner__k{margin:0 0 6px;font:800 12.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff9a57}
.hx .wx-prose .wx-rechner__t{margin:0;font:800 22px/1.25 "CX Inter",Inter,sans-serif;color:#fff}
.hx .wx-prose .wx-rechner__d{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.hx .wx-rechner__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.hx .wx-rechner__ein{display:grid;gap:14px;padding:22px 26px;border-right:1px solid #ebe6da}
.hx .wx-rechner__feld{display:grid;gap:5px}
.hx .wx-rechner__l{font:700 14.5px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-rechner__i{position:relative;display:flex;align-items:center}
.hx .wx-rechner__i input{width:100%;height:46px;padding:0 44px 0 14px;border:1.5px solid #d6d5c8;border-radius:10px;background:#fff;font:600 17px/1 "CX Inter",Inter,sans-serif;color:var(--hink);font-variant-numeric:tabular-nums}
.hx .wx-rechner__i input:focus{outline:none;border-color:var(--ho);box-shadow:0 0 0 3px rgba(255,116,31,.18)}
.hx .wx-rechner__i input[aria-invalid="true"]{border-color:#c4401a}
.hx .wx-rechner__i i{position:absolute;right:14px;font-style:normal;font-weight:700;color:var(--hmut)}
.hx .wx-rechner__feld small{font-size:13px;line-height:1.4;color:var(--hmut)}
.hx .wx-rechner__aus{display:grid;align-content:start;gap:0;margin:0;padding:14px 26px 18px;background:#fff}
.hx .wx-rechner__aus>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid #f0ece2}
.hx .wx-rechner__aus>div:last-child{border-bottom:0}
.hx .wx-rechner__aus dt{font-size:15px;line-height:1.35;color:var(--hmut);font-weight:600}
.hx .wx-rechner__aus dd{margin:0;font:700 17px/1.2 "CX Inter",Inter,sans-serif;color:var(--hink);white-space:nowrap;font-variant-numeric:tabular-nums}
.hx .wx-rechner__aus .is-key dt{color:var(--hink);font-weight:700}
.hx .wx-rechner__aus .is-key dd{font-size:22px;font-weight:800;color:#d35a17}
.hx .wx-prose .wx-rechner__n{margin:0;padding:12px 26px 14px;border-top:1px solid #ebe6da;font-size:13px;line-height:1.5;color:var(--hmut)}
@media (max-width:767px){
  .hx .wx-rechner{margin:28px -4px}
  .hx .wx-rechner__grid{grid-template-columns:1fr}
  .hx .wx-rechner__ein{border-right:0;border-bottom:1px solid #ebe6da;padding:18px}
  .hx .wx-rechner__kopf,.hx .wx-rechner__aus{padding-left:18px;padding-right:18px}
  .hx .wx-prose .wx-rechner__n{padding-left:18px;padding-right:18px}
}

/* Vorlagen zum Herunterladen (ab 9. November 2026) */
.hx .wx-vorlage{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 22px;margin:34px 0;padding:24px 26px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-vorlage__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px;height:72px;border-radius:12px;background:#1e291a;color:#fff}
.hx .wx-vorlage__icon span{font:800 11px/1 "CX Inter",Inter,sans-serif;letter-spacing:.1em;color:#ff9a57}
.hx .wx-prose .wx-vorlage__k{margin:0 0 5px;font:800 12px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b84a0c}
.hx .wx-prose .wx-vorlage__t{margin:0;font:800 19px/1.3 "CX Inter",Inter,sans-serif;color:#1e291a}
.hx .wx-prose .wx-vorlage__d{margin:6px 0 0;font-size:15.5px;line-height:1.55;color:var(--hmut)}
.hx .wx-vorlage__dl{display:flex;flex-direction:column;align-items:center;gap:7px}
.hx .wx-prose a.wx-vorlage__btn{gap:9px;height:48px;padding:0 22px;text-decoration:none}
.hx .wx-vorlage__dl small{font-size:13.5px;color:var(--hmut)}
@media (max-width:700px){
  .hx .wx-vorlage{grid-template-columns:auto 1fr;padding:20px 18px}
  .hx .wx-vorlage__icon{width:52px;height:60px}
  .hx .wx-vorlage__dl{grid-column:1/-1;align-items:stretch}
  .hx .wx-prose a.wx-vorlage__btn{width:100%}
  .hx .wx-vorlage__dl small{text-align:center}
}
@media (max-width:700px){.hx .wx-vorlage{align-items:start}}
/* UTM-Builder (ab 9. November 2026) */
.hx .wx-rechner[data-wx-werkzeug="utm"] .wx-rechner__i input{padding-right:14px;font-weight:500;font-size:16px}
.hx .wx-rechner__l em{font-style:normal;font-weight:600;color:var(--hmut);font-size:13px;margin-left:4px}
.hx .wx-utm{display:flex;flex-direction:column;gap:12px;padding-top:22px}
.hx .wx-prose .wx-utm__l{margin:0;font:800 12px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b84a0c}
.hx .wx-utm__link{display:block;padding:14px 16px;border:1px solid #e7e5da;border-radius:10px;background:#fbfaf6;font:500 14.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--hink);word-break:break-all}
.hx .wx-utm__copy{align-self:flex-start;height:44px;padding:0 20px;border:0;cursor:pointer}
.hx .wx-utm__copy:disabled{opacity:.5;cursor:default}
.hx .wx-prose .wx-utm__hinweis{margin:0;font-size:14px;line-height:1.5;color:var(--hmut)}