/* 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-gl{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.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)}
.hx .wx-side{position:sticky;top:96px;display:grid;gap:18px}
.hx .wx-box{padding:26px;border:1px solid #e7e5da;border-radius:14px;background:#fff}
.hx .wx-box__k{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-box h3{margin:0;font:700 18px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-box p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#5a6455}
.hx .wx-box .hx-link{margin-top:14px}
.hx .wx-count{display:flex;gap:28px;margin:0;padding:0;list-style:none}
.hx .wx-count b{display:block;font:700 30px/1 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-count span{display:block;margin-top:6px;font-size:13.5px;color:var(--hmut)}

/* 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-cover{margin:40px 0 0;border-radius:16px;overflow:hidden;background:#e9e7dd;aspect-ratio:21/9}
.hx .wx-cover img{display:block;width:100%;height:100%;object-fit:cover}
.hx .wx-cover--wrap{position:relative;z-index:1;margin-bottom:-120px}
.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;border-top:1px solid #e7e5da}
.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}
  .hx .wx-gl{grid-template-columns:minmax(0,1fr) 260px;gap:36px}
}
@media (max-width:1023px){
  .hx .wx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .hx .wx-gl{grid-template-columns:1fr}
  .hx .wx-side{position:static;grid-template-columns:1fr 1fr}
  .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-cover--wrap{margin-bottom:-60px}
  .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-side{grid-template-columns:1fr}
  .hx .wx-ahead{padding-top:36px}
  .hx .wx-lead{font-size:17px}
  .hx .wx-cover{aspect-ratio:16/10;border-radius:12px;margin-top:28px}
  .hx .wx-cover--wrap{margin-bottom:-40px}
  .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}
}
@media (prefers-reduced-motion:reduce){
}
.hx .wx-fby{display:flex;align-items:center;gap:12px;margin-top:22px}
.hx .wx-fby img{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover}
.hx .wx-fby b{display:block;font:700 14px/1.3 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-fby .wx-meta{margin-top:2px}
.hx .wx-tools>nav{min-width:0;max-width:100%}

/* ---------- Autor-Links */
.hx .wx-byline b a,.hx .wx-author__p b a,.hx .wx-fby 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-termk{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.hx .wx-tag--q{background:#ecebe2;color:var(--hmut)}
.hx .wx-alias{margin:12px 0 0;font-size:15px;color:var(--hmut)}
.hx .wx-def{max-width:46em;margin:26px 0 0;padding:24px 28px;border:1px solid #e7e5da;border-left:4px solid var(--ho);border-radius:12px;background:#fff}
.hx .wx-def__k{margin:0 0 8px;font:700 11.5px/1.2 "CX Inter",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#b84b0e}
.hx .wx-def__t{margin:0;font-size:19px;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-termcard a{display:flex;flex-direction:column;height:100%;padding:26px;border:1px solid #e7e5da;border-radius:14px;background:#fff;text-decoration:none;transition:border-color .18s,box-shadow .2s}
.hx .wx-termcard a:hover{border-color:var(--ho);box-shadow:0 22px 40px -30px rgba(31,42,28,.4)}
.hx .wx-termcard h3{margin:14px 0 0;font:700 22px/1.25 "CX Inter",Inter,sans-serif;color:var(--hink)}
.hx .wx-termcard p{margin:10px 0 0;font-size:15px;line-height:1.6;color:#5a6455}
.hx .wx-termcard .wx-meta{margin-top:auto;padding-top:20px}
.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{padding:20px}
  .hx .wx-def__t{font-size:17.5px}
  .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}}