/* HEIMKINOWELTEN Wissensdatenbank – v3.2.1 Premium Width & Quick Actions
   Ziel: sauberes Premium-Layout ohne Theme-/Header-Eingriffe, ohne technische Frontend-Texte. */

.hkw-kb-app,
.hkw-kb-login,
.hkw-kb-article-wrap{
  --hkwkb-blue:#0b63f6;
  --hkwkb-blue-dark:#074ec7;
  --hkwkb-blue-soft:#eaf3ff;
  --hkwkb-navy:#071a3d;
  --hkwkb-ink:#111827;
  --hkwkb-text:#27364a;
  --hkwkb-muted:#64748b;
  --hkwkb-line:#dbe7f6;
  --hkwkb-line-strong:#c8d9ee;
  --hkwkb-bg:#f5f9ff;
  --hkwkb-card:#ffffff;
  --hkwkb-radius-xl:28px;
  --hkwkb-radius-lg:22px;
  --hkwkb-radius-md:16px;
  --hkwkb-shadow:0 18px 46px rgba(7,26,61,.085);
  --hkwkb-shadow-strong:0 26px 70px rgba(7,26,61,.14);
  width:100%;
  max-width:100%;
  box-sizing:border-box!important;
  color:var(--hkwkb-text)!important;
  font-family:inherit!important;
  text-align:left!important;
  line-height:1.5!important;
  isolation:isolate;
}

.hkw-kb-app *,
.hkw-kb-app *::before,
.hkw-kb-app *::after,
.hkw-kb-login *,
.hkw-kb-login *::before,
.hkw-kb-login *::after,
.hkw-kb-article-wrap *,
.hkw-kb-article-wrap *::before,
.hkw-kb-article-wrap *::after{
  box-sizing:border-box!important;
  min-width:0!important;
}

.hkw-kb-app :where(h1,h2,h3,h4,p,span,strong,small,label,div,article,section,nav,a,button,input,select,textarea),
.hkw-kb-login :where(h1,h2,h3,h4,p,span,strong,small,label,div,article,section,nav,a,button,input,select,textarea),
.hkw-kb-article-wrap :where(h1,h2,h3,h4,p,span,strong,small,label,div,article,section,nav,a,button,input,select,textarea){
  font-family:inherit!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

.hkw-kb-app :where(a,a:visited,a:hover,a:focus),
.hkw-kb-login :where(a,a:visited,a:hover,a:focus),
.hkw-kb-article-wrap :where(a,a:visited,a:hover,a:focus){
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.hkw-kb-app{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:24px clamp(16px,2vw,32px) 42px;
  background:#fff!important;
  overflow-x:clip;
}

.hkw-kb-shell{
  width:min(100%,1680px);
  max-width:1680px;
  margin:0 auto;
  display:grid;
  gap:20px;
}

@supports not (width:min(100%,1680px)){
  .hkw-kb-shell{width:100%;max-width:1680px}
}

.hkw-kb-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:28px;
  align-items:end;
  min-height:290px;
  padding:clamp(30px,4vw,54px);
  border:1px solid rgba(210,228,247,.9);
  border-radius:var(--hkwkb-radius-xl);
  color:#fff!important;
  background:
    radial-gradient(circle at 12% 12%, rgba(70,163,255,.38), transparent 32%),
    linear-gradient(135deg,#071a3d 0%,#0a3479 54%,#0b63f6 100%);
  box-shadow:var(--hkwkb-shadow-strong);
}

.hkw-kb-hero::after{
  content:"";
  position:absolute;
  inset:auto -120px -190px auto;
  width:420px;
  height:420px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  pointer-events:none;
}

.hkw-kb-hero__copy,
.hkw-kb-hero__stats{
  position:relative;
  z-index:1;
}

.hkw-kb-eyebrow,
.hkw-kb-kicker{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:7px 11px!important;
  border:1px solid rgba(11,99,246,.16)!important;
  border-radius:999px!important;
  background:rgba(11,99,246,.09)!important;
  color:var(--hkwkb-blue)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.hkw-kb-hero .hkw-kb-eyebrow{
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.13)!important;
  color:#e8f3ff!important;
}

.hkw-kb-hero h1{
  margin:14px 0 12px!important;
  color:#fff!important;
  font-size:clamp(42px,5vw,70px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

.hkw-kb-hero p{
  max-width:790px;
  margin:0!important;
  color:#eaf3ff!important;
  font-size:clamp(16px,1.2vw,19px)!important;
  line-height:1.65!important;
}

.hkw-kb-hero__stats{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.hkw-kb-hero__stats a{
  display:grid!important;
  gap:3px;
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.12)!important;
  backdrop-filter:blur(14px);
}

.hkw-kb-hero__stats strong{
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}

.hkw-kb-hero__stats span{
  color:#dbeafe!important;
  font-size:14px!important;
}

.hkw-kb-tools{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.hkw-kb-tool{
  display:grid!important;
  gap:5px!important;
  min-height:94px;
  padding:20px 22px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:var(--hkwkb-radius-lg)!important;
  background:linear-gradient(180deg,#fff,#f9fbff)!important;
  color:var(--hkwkb-ink)!important;
  box-shadow:var(--hkwkb-shadow);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.hkw-kb-tool:hover{
  transform:translateY(-2px);
  border-color:#aac8ed!important;
  box-shadow:0 22px 54px rgba(7,26,61,.12);
}

.hkw-kb-tool span{
  color:var(--hkwkb-ink)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.18!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.hkw-kb-tool small{
  color:var(--hkwkb-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.hkw-kb-finder,
.hkw-kb-results-panel,
.hkw-kb-support,
.hkw-kb-my-products,
.hkw-kb-section,
.hkw-kb-summary,
.hkw-kb-article-content,
.hkw-kb-product-box,
.hkw-kb-login__panel{
  width:100%;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:var(--hkwkb-radius-xl)!important;
  background:#fff!important;
  box-shadow:var(--hkwkb-shadow);
}

.hkw-kb-finder,
.hkw-kb-results-panel,
.hkw-kb-support,
.hkw-kb-my-products,
.hkw-kb-section,
.hkw-kb-summary,
.hkw-kb-article-content{
  padding:clamp(22px,2.5vw,34px)!important;
}

.hkw-kb-finder__top,
.hkw-kb-results-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.hkw-kb-finder__top h2,
.hkw-kb-results-head h2,
.hkw-kb-support h2,
.hkw-kb-section h2{
  margin:10px 0 0!important;
  color:var(--hkwkb-ink)!important;
  font-size:clamp(24px,2.1vw,34px)!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

.hkw-kb-finder__top p,
.hkw-kb-support p,
.hkw-kb-my-products p{
  max-width:520px;
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:15px!important;
  line-height:1.6!important;
}

.hkw-kb-searchrow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:12px;
  align-items:stretch;
}

.hkw-kb-searchfield,
.hkw-kb-support-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  color:var(--hkwkb-muted)!important;
}

.hkw-kb-searchfield input,
.hkw-kb-support-row input{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:60px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--hkwkb-ink)!important;
  font-size:16px!important;
  line-height:1.2!important;
}

.hkw-kb-primary,
.hkw-kb-btn,
.hkw-kb-support button,
.hkw-kb-feedback button,
.hkw-kb-product-chips button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px!important;
  margin:0!important;
  padding:0 22px!important;
  border:1px solid var(--hkwkb-blue)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,var(--hkwkb-blue),var(--hkwkb-blue-dark))!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 14px 28px rgba(11,99,246,.22)!important;
  cursor:pointer!important;
}

.hkw-kb-btn-secondary{
  border-color:var(--hkwkb-line-strong)!important;
  background:#fff!important;
  color:var(--hkwkb-blue)!important;
  box-shadow:none!important;
}

.hkw-kb-filterbar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}

.hkw-kb-filter{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
}

.hkw-kb-filter span{
  color:#51657c!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}

.hkw-kb-filter select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  box-shadow:none!important;
  font-size:15px!important;
}

.hkw-kb-support{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);
  gap:22px;
  align-items:center;
  background:linear-gradient(135deg,#ffffff,#f4f9ff)!important;
}

.hkw-kb-support__box{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:12px;
  align-items:stretch;
}

.hkw-kb-my-products{
  display:grid;
  gap:14px;
}

.hkw-kb-product-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.hkw-kb-product-chips button{
  min-height:42px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--hkwkb-blue)!important;
  box-shadow:none!important;
}

.hkw-kb-count,
.hkw-kb-result-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:999px!important;
  background:#f8fbff!important;
  color:var(--hkwkb-blue)!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.hkw-kb-results{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));
  gap:16px;
}

.hkw-kb-result{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-height:220px;
  padding:22px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:var(--hkwkb-radius-lg)!important;
  background:linear-gradient(180deg,#fff,#f9fbff)!important;
  color:var(--hkwkb-ink)!important;
  box-shadow:0 12px 32px rgba(7,26,61,.065)!important;
}

.hkw-kb-result:hover{
  border-color:#aac8ed!important;
  box-shadow:0 18px 44px rgba(7,26,61,.11)!important;
}

.hkw-kb-result__type{
  align-self:flex-start;
  padding:6px 10px!important;
  border:1px solid rgba(11,99,246,.13)!important;
  border-radius:999px!important;
  background:rgba(11,99,246,.08)!important;
  color:var(--hkwkb-blue)!important;
  font-size:12px!important;
  font-weight:900!important;
}

.hkw-kb-result h3{
  margin:0!important;
  color:var(--hkwkb-ink)!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.24!important;
  overflow-wrap:anywhere!important;
}

.hkw-kb-result p{
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.hkw-kb-result__meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
}

.hkw-kb-result__meta-item{
  padding:5px 8px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#51657c!important;
  font-size:12px!important;
  font-weight:800!important;
}

.hkw-kb-loading,
.hkw-kb-empty{
  grid-column:1 / -1;
  padding:22px!important;
  border:1px dashed var(--hkwkb-line-strong)!important;
  border-radius:20px!important;
  background:#f8fbff!important;
  color:var(--hkwkb-muted)!important;
  text-align:center!important;
}

.hkw-kb-login{
  padding:36px 0;
  background:linear-gradient(180deg,#f7fbff,#fff);
}

.hkw-kb-login__panel{
  max-width:1120px;
  margin:0 auto;
  padding:clamp(34px,4vw,62px)!important;
  background:radial-gradient(circle at 84% 12%,rgba(11,99,246,.15),transparent 35%),#fff!important;
}

.hkw-kb-login h1{
  margin:12px 0!important;
  color:var(--hkwkb-ink)!important;
  font-size:clamp(38px,4vw,62px)!important;
  line-height:1!important;
  font-weight:900!important;
}

.hkw-kb-login p{
  max-width:720px;
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:17px!important;
  line-height:1.6!important;
}

.hkw-kb-login__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.hkw-kb-article-wrap{
  display:grid;
  gap:20px;
  max-width:1180px;
  margin:0 auto;
  padding:28px 0;
}

.hkw-kb-article-content{
  overflow:hidden;
}

.hkw-kb-article-content > :first-child{margin-top:0!important}
.hkw-kb-article-content > :last-child{margin-bottom:0!important}
.hkw-kb-article-content img,
.hkw-kb-section img{max-width:100%!important;height:auto!important}

.hkw-kb-downloads,
.hkw-kb-toolgrid,
.hkw-kb-videos{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:12px;
}

.hkw-kb-downloads a,
.hkw-kb-toolgrid a,
.hkw-kb-videos a{
  display:grid!important;
  gap:7px!important;
  padding:18px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  color:var(--hkwkb-ink)!important;
}

.hkw-kb-downloads strong,
.hkw-kb-toolgrid strong,
.hkw-kb-videos strong{color:var(--hkwkb-ink)!important;font-weight:900!important}
.hkw-kb-downloads span,
.hkw-kb-toolgrid span,
.hkw-kb-videos span{color:var(--hkwkb-muted)!important;font-size:13px!important}

.hkw-kb-product-box{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:18px;
  padding:20px!important;
  align-items:center;
}

.hkw-kb-product-box__media,
.hkw-kb-product-box > div:first-child{
  display:flex;
  align-items:center;
  justify-content:center;
  width:130px;
  height:110px;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:18px;
  background:#f8fbff;
}

.hkw-kb-product-box img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.hkw-kb-product-box__body{display:grid;gap:8px}
.hkw-kb-product-box__title,.hkw-kb-product-box strong{color:var(--hkwkb-ink)!important;font-size:21px!important;font-weight:900!important;line-height:1.22!important}
.hkw-kb-product-box p{margin:0!important;color:var(--hkwkb-muted)!important;font-size:14px!important;line-height:1.55!important}
.hkw-kb-product-box__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.hkw-kb-btn--compact{min-height:44px!important;padding:0 16px!important;border-radius:14px!important}
.hkw-kb-eol{background:linear-gradient(135deg,#fffaf2,#fff)!important;border-color:#edd9b7!important}
.hkw-kb-eol .hkw-kb-kicker{background:#fff1d7!important;color:#815200!important;border-color:#ecd19e!important}

.hkw-kb-feedback{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:18px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:20px!important;
  background:#fff!important;
}

.hkw-kb-feedback strong{margin-right:auto;color:var(--hkwkb-ink)!important}
.hkw-kb-feedback button{min-height:40px!important;padding:0 14px!important;border-radius:999px!important}
.hkw-kb-feedback span{color:var(--hkwkb-muted)!important;font-size:13px!important}
.hkw-kb-source{color:var(--hkwkb-muted)!important;font-size:14px!important;line-height:1.55!important}
.hkw-kb-source a{color:var(--hkwkb-blue)!important;font-weight:900!important}

/* Theme-Farb-Fallback: Bootstrap/WooCommerce-Pink im KB-Bereich neutralisieren. */
.hkw-kb-app :where(.text-danger,.text-pink,.badge,.label,.meta,.count),
.hkw-kb-login :where(.text-danger,.text-pink,.badge,.label,.meta,.count),
.hkw-kb-article-wrap :where(.text-danger,.text-pink,.badge,.label,.meta,.count){
  color:inherit!important;
}

@media (max-width:1180px){
  .hkw-kb-shell{max-width:100%}
  .hkw-kb-hero{grid-template-columns:1fr}
  .hkw-kb-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkw-kb-support{grid-template-columns:1fr}
}

@media (max-width:980px){
  .hkw-kb-tools,
  .hkw-kb-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkw-kb-searchrow,
  .hkw-kb-support__box{grid-template-columns:1fr}
}

@media (max-width:640px){
  .hkw-kb-app{padding:18px 0 28px}
  .hkw-kb-shell{gap:16px}
  .hkw-kb-hero,
  .hkw-kb-finder,
  .hkw-kb-results-panel,
  .hkw-kb-support,
  .hkw-kb-my-products,
  .hkw-kb-section,
  .hkw-kb-summary,
  .hkw-kb-article-content{padding:20px!important;border-radius:22px!important}
  .hkw-kb-hero h1{font-size:42px!important}
  .hkw-kb-hero__stats,
  .hkw-kb-tools,
  .hkw-kb-filterbar{grid-template-columns:1fr}
  .hkw-kb-finder__top,
  .hkw-kb-results-head{display:grid;align-items:start}
  .hkw-kb-primary,.hkw-kb-btn,.hkw-kb-support button{width:100%}
  .hkw-kb-product-box{grid-template-columns:1fr}
  .hkw-kb-product-box__media,.hkw-kb-product-box > div:first-child{width:100%;height:140px}
}

@media (prefers-reduced-motion:reduce){
  .hkw-kb-app *,.hkw-kb-login *,.hkw-kb-article-wrap *{transition:none!important;scroll-behavior:auto!important}
}


/* v3.2.1 – Premium Breite, weiße Seitenfläche, Schnellzugriffe als echte Buttons */
.hkw-kb-app{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:24px clamp(16px,2vw,32px) 42px!important;
  background:#fff!important;
  overflow-x:clip!important;
}
.hkw-kb-shell{
  width:min(100%,1680px)!important;
  max-width:1680px!important;
  margin:0 auto!important;
  gap:20px!important;
}
.hkw-kb-hero{
  min-height:0!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,430px)!important;
  align-items:center!important;
  padding:clamp(28px,3vw,44px)!important;
  border:1px solid var(--hkwkb-line)!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  box-shadow:var(--hkwkb-shadow)!important;
}
.hkw-kb-hero::after{display:none!important}
.hkw-kb-hero .hkw-kb-eyebrow{
  border-color:rgba(11,99,246,.16)!important;
  background:rgba(11,99,246,.08)!important;
  color:var(--hkwkb-blue)!important;
}
.hkw-kb-hero h1{
  color:var(--hkwkb-ink)!important;
  font-size:clamp(38px,4vw,62px)!important;
  letter-spacing:-.04em!important;
}
.hkw-kb-hero p{
  max-width:850px!important;
  color:var(--hkwkb-muted)!important;
}
.hkw-kb-hero__stats a{
  border-color:var(--hkwkb-line)!important;
  background:#f8fbff!important;
  backdrop-filter:none!important;
}
.hkw-kb-hero__stats strong{color:var(--hkwkb-ink)!important}
.hkw-kb-hero__stats span{color:var(--hkwkb-muted)!important}
.hkw-kb-tools{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.hkw-kb-tool{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:86px!important;
  padding:17px 18px!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  border-color:var(--hkwkb-line)!important;
  border-radius:22px!important;
}
.hkw-kb-tool__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
.hkw-kb-tool__body{
  display:block!important;
  min-width:0!important;
}
.hkw-kb-tool strong{
  display:block!important;
  color:inherit!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.hkw-kb-tool small{
  display:block!important;
  margin-top:4px!important;
  color:var(--hkwkb-muted)!important;
  font-size:13px!important;
  line-height:1.3!important;
}
.hkw-kb-tool--distance{
  background:linear-gradient(135deg,var(--hkwkb-blue),var(--hkwkb-blue-dark))!important;
  border-color:var(--hkwkb-blue)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(11,99,246,.22)!important;
}
.hkw-kb-tool--distance small{color:#dbeafe!important}
.hkw-kb-tool--distance .hkw-kb-tool__icon{background:rgba(255,255,255,.18)!important;color:#fff!important}
.hkw-kb-tool--cinema{
  background:linear-gradient(135deg,#101418,#28313a)!important;
  border-color:#101418!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(16,20,24,.18)!important;
}
.hkw-kb-tool--cinema small{color:#d1d5db!important}
.hkw-kb-tool--cinema .hkw-kb-tool__icon{background:rgba(255,255,255,.15)!important;color:#fff!important}
.hkw-kb-tool--magazine,
.hkw-kb-tool--video{
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
}
.hkw-kb-tool--magazine .hkw-kb-tool__icon,
.hkw-kb-tool--video .hkw-kb-tool__icon{
  background:#eef5ff!important;
  color:var(--hkwkb-blue)!important;
}
.hkw-kb-searchfield,
.hkw-kb-support-row{background:#fff!important}
.hkw-kb-support{background:#fff!important}
.hkw-kb-login{background:#fff!important}
@media (max-width:1180px){
  .hkw-kb-hero{grid-template-columns:1fr!important}
  .hkw-kb-tools{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .hkw-kb-app{padding-inline:14px!important}
  .hkw-kb-tools{grid-template-columns:1fr!important}
  .hkw-kb-tool strong{white-space:normal!important}
}

/* v3.3.1 – Kundenfreundliche Dokument-Einzelansicht */
.hkw-kb-document-wrap{
  max-width:1680px!important;
  width:min(100%,1680px)!important;
}

.hkw-kb-document-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,440px);
  gap:22px;
  align-items:stretch;
  padding:clamp(24px,3vw,42px)!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:var(--hkwkb-shadow)!important;
}

.hkw-kb-document-hero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}

.hkw-kb-document-hero h1{
  margin:14px 0 12px!important;
  color:var(--hkwkb-ink)!important;
  font-size:clamp(34px,4vw,58px)!important;
  font-weight:900!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}

.hkw-kb-document-hero p{
  max-width:820px;
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:17px!important;
  line-height:1.62!important;
}

.hkw-kb-document-card{
  display:grid;
  align-content:start;
  gap:12px;
  padding:22px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:24px!important;
  background:#f8fbff!important;
}

.hkw-kb-document-card__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
  background:var(--hkwkb-blue)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}

.hkw-kb-document-card strong{
  color:var(--hkwkb-ink)!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.24!important;
  overflow-wrap:anywhere;
}

.hkw-kb-document-card small{
  color:var(--hkwkb-muted)!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.hkw-kb-document-status{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:#eaf7ef!important;
  color:#126d33!important;
  font-size:12px!important;
  font-weight:900!important;
}

.hkw-kb-document-status--outdated{
  background:#fff4df!important;
  color:#8a5a00!important;
}

.hkw-kb-document-status--internal{
  background:#eef2f7!important;
  color:#334155!important;
}

.hkw-kb-document-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:6px;
}

.hkw-kb-document-actions .hkw-kb-btn{
  min-height:52px!important;
  justify-content:center!important;
  text-align:center!important;
}

.hkw-kb-document-missing{
  margin:4px 0 0!important;
  color:#8a5a00!important;
  font-weight:800!important;
}

.hkw-kb-document-meta{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}

.hkw-kb-document-meta > div{
  padding:16px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(7,26,61,.045)!important;
}

.hkw-kb-document-meta span{
  display:block!important;
  margin-bottom:5px!important;
  color:var(--hkwkb-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
}

.hkw-kb-document-meta strong{
  display:block!important;
  color:var(--hkwkb-ink)!important;
  font-size:15px!important;
  font-weight:900!important;
  overflow-wrap:anywhere;
}

@media(max-width:920px){
  .hkw-kb-document-hero{grid-template-columns:1fr!important}
}

@media(max-width:640px){
  .hkw-kb-document-actions{grid-template-columns:1fr!important}
}


/* v3.3.5 – Quick-Action-Kontrast, Hover-Zustände und Theme-Farbschutz
   Alle Schnellzugriffe haben jetzt explizite Farben für normal, visited, hover, focus und active. */
.hkw-kb-app{
  --hkwkb-action-blue:#0b63f6;
  --hkwkb-action-blue-hover:#074ec7;
  --hkwkb-action-black:#111827;
  --hkwkb-action-black-hover:#020617;
  --hkwkb-action-white:#ffffff;
  --hkwkb-action-soft:#f8fbff;
  --hkwkb-action-border:#d8e6f7;
}

.hkw-kb-app .hkw-kb-tools{
  align-items:stretch!important;
}

.hkw-kb-app a.hkw-kb-tool,
.hkw-kb-app a.hkw-kb-tool:visited,
.hkw-kb-app a.hkw-kb-tool:hover,
.hkw-kb-app a.hkw-kb-tool:focus,
.hkw-kb-app a.hkw-kb-tool:active{
  text-decoration:none!important;
  outline:none!important;
  box-shadow:var(--hkwkb-shadow)!important;
}

.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__icon,
.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body,
.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body strong,
.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body small{
  position:relative!important;
  z-index:1!important;
  text-decoration:none!important;
}

.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  color:inherit!important;
}

.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body strong{
  display:block!important;
  margin:0!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.01em!important;
  color:inherit!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.hkw-kb-app .hkw-kb-tool .hkw-kb-tool__body small{
  display:block!important;
  margin-top:4px!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

.hkw-kb-app a.hkw-kb-tool--distance,
.hkw-kb-app a.hkw-kb-tool--distance:visited{
  border-color:var(--hkwkb-action-blue)!important;
  background:linear-gradient(135deg,var(--hkwkb-action-blue),var(--hkwkb-action-blue-hover))!important;
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--distance:hover,
.hkw-kb-app a.hkw-kb-tool--distance:focus{
  border-color:var(--hkwkb-action-blue-hover)!important;
  background:linear-gradient(135deg,#0a58dd,#063f9e)!important;
  color:#ffffff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 20px 44px rgba(11,99,246,.28)!important;
}

.hkw-kb-app a.hkw-kb-tool--distance .hkw-kb-tool__icon{
  background:rgba(255,255,255,.18)!important;
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--distance .hkw-kb-tool__body strong{
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--distance .hkw-kb-tool__body small{
  color:#e8f3ff!important;
}

.hkw-kb-app a.hkw-kb-tool--cinema,
.hkw-kb-app a.hkw-kb-tool--cinema:visited{
  border-color:var(--hkwkb-action-black)!important;
  background:linear-gradient(135deg,var(--hkwkb-action-black),#273241)!important;
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--cinema:hover,
.hkw-kb-app a.hkw-kb-tool--cinema:focus{
  border-color:var(--hkwkb-action-black-hover)!important;
  background:linear-gradient(135deg,#020617,#111827)!important;
  color:#ffffff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 20px 44px rgba(2,6,23,.22)!important;
}

.hkw-kb-app a.hkw-kb-tool--cinema .hkw-kb-tool__icon{
  background:rgba(255,255,255,.16)!important;
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--cinema .hkw-kb-tool__body strong{
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--cinema .hkw-kb-tool__body small{
  color:#dbe3ef!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine,
.hkw-kb-app a.hkw-kb-tool--video,
.hkw-kb-app a.hkw-kb-tool--magazine:visited,
.hkw-kb-app a.hkw-kb-tool--video:visited{
  border-color:var(--hkwkb-action-border)!important;
  background:#ffffff!important;
  color:var(--hkwkb-ink)!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine:hover,
.hkw-kb-app a.hkw-kb-tool--magazine:focus,
.hkw-kb-app a.hkw-kb-tool--video:hover,
.hkw-kb-app a.hkw-kb-tool--video:focus{
  border-color:#aac8ed!important;
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  color:var(--hkwkb-navy)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 20px 44px rgba(7,26,61,.12)!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine .hkw-kb-tool__icon,
.hkw-kb-app a.hkw-kb-tool--video .hkw-kb-tool__icon{
  background:#eef5ff!important;
  color:var(--hkwkb-action-blue)!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine:hover .hkw-kb-tool__icon,
.hkw-kb-app a.hkw-kb-tool--magazine:focus .hkw-kb-tool__icon,
.hkw-kb-app a.hkw-kb-tool--video:hover .hkw-kb-tool__icon,
.hkw-kb-app a.hkw-kb-tool--video:focus .hkw-kb-tool__icon{
  background:var(--hkwkb-action-blue)!important;
  color:#ffffff!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine .hkw-kb-tool__body strong,
.hkw-kb-app a.hkw-kb-tool--video .hkw-kb-tool__body strong{
  color:var(--hkwkb-ink)!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine:hover .hkw-kb-tool__body strong,
.hkw-kb-app a.hkw-kb-tool--magazine:focus .hkw-kb-tool__body strong,
.hkw-kb-app a.hkw-kb-tool--video:hover .hkw-kb-tool__body strong,
.hkw-kb-app a.hkw-kb-tool--video:focus .hkw-kb-tool__body strong{
  color:var(--hkwkb-navy)!important;
}

.hkw-kb-app a.hkw-kb-tool--magazine .hkw-kb-tool__body small,
.hkw-kb-app a.hkw-kb-tool--video .hkw-kb-tool__body small{
  color:#64748b!important;
}

.hkw-kb-app a.hkw-kb-tool:focus-visible,
.hkw-kb-app .hkw-kb-primary:focus-visible,
.hkw-kb-app .hkw-kb-btn:focus-visible,
.hkw-kb-login .hkw-kb-btn:focus-visible,
.hkw-kb-article-wrap .hkw-kb-btn:focus-visible{
  outline:3px solid rgba(11,99,246,.28)!important;
  outline-offset:3px!important;
}

.hkw-kb-app .hkw-kb-primary,
.hkw-kb-app .hkw-kb-primary:visited,
.hkw-kb-app .hkw-kb-btn:not(.hkw-kb-btn-secondary),
.hkw-kb-app .hkw-kb-btn:not(.hkw-kb-btn-secondary):visited,
.hkw-kb-login .hkw-kb-btn:not(.hkw-kb-btn-secondary),
.hkw-kb-login .hkw-kb-btn:not(.hkw-kb-btn-secondary):visited,
.hkw-kb-article-wrap .hkw-kb-btn:not(.hkw-kb-btn-secondary),
.hkw-kb-article-wrap .hkw-kb-btn:not(.hkw-kb-btn-secondary):visited{
  background:linear-gradient(135deg,var(--hkwkb-action-blue),var(--hkwkb-action-blue-hover))!important;
  border-color:var(--hkwkb-action-blue)!important;
  color:#ffffff!important;
}

.hkw-kb-app .hkw-kb-primary:hover,
.hkw-kb-app .hkw-kb-primary:focus,
.hkw-kb-app .hkw-kb-btn:not(.hkw-kb-btn-secondary):hover,
.hkw-kb-app .hkw-kb-btn:not(.hkw-kb-btn-secondary):focus,
.hkw-kb-login .hkw-kb-btn:not(.hkw-kb-btn-secondary):hover,
.hkw-kb-login .hkw-kb-btn:not(.hkw-kb-btn-secondary):focus,
.hkw-kb-article-wrap .hkw-kb-btn:not(.hkw-kb-btn-secondary):hover,
.hkw-kb-article-wrap .hkw-kb-btn:not(.hkw-kb-btn-secondary):focus{
  background:linear-gradient(135deg,#0a58dd,#063f9e)!important;
  color:#ffffff!important;
}

.hkw-kb-app .hkw-kb-btn-secondary,
.hkw-kb-app .hkw-kb-btn-secondary:visited,
.hkw-kb-login .hkw-kb-btn-secondary,
.hkw-kb-login .hkw-kb-btn-secondary:visited,
.hkw-kb-article-wrap .hkw-kb-btn-secondary,
.hkw-kb-article-wrap .hkw-kb-btn-secondary:visited{
  background:#ffffff!important;
  border-color:var(--hkwkb-action-border)!important;
  color:var(--hkwkb-action-blue)!important;
}

.hkw-kb-app .hkw-kb-btn-secondary:hover,
.hkw-kb-app .hkw-kb-btn-secondary:focus,
.hkw-kb-login .hkw-kb-btn-secondary:hover,
.hkw-kb-login .hkw-kb-btn-secondary:focus,
.hkw-kb-article-wrap .hkw-kb-btn-secondary:hover,
.hkw-kb-article-wrap .hkw-kb-btn-secondary:focus{
  background:#f8fbff!important;
  border-color:#aac8ed!important;
  color:var(--hkwkb-action-blue-hover)!important;
}

.hkw-kb-app :where(.text-danger,.text-pink,.badge,.label,.meta,.count,[style*="#d63384"],[style*="rgb(214, 51, 132)"]){
  color:inherit!important;
}

/* v3.3.6 – Login-Gate an 1680px Premium-Canvas angepasst, weißer Hintergrund, keine blaue Vollfläche */
.hkw-kb-login.hkw-kb-login--customer-gate{
  position:relative!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:24px clamp(16px,2vw,32px) 42px!important;
  background:#ffffff!important;
  color:var(--hkwkb-text)!important;
  overflow-x:clip!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__shell{
  width:min(100%,1680px)!important;
  max-width:1680px!important;
  margin:0 auto!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__panel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(26px,3.2vw,46px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px)!important;
  gap:clamp(22px,3vw,44px)!important;
  align-items:center!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:var(--hkwkb-radius-xl)!important;
  background:#ffffff!important;
  box-shadow:var(--hkwkb-shadow)!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__copy{
  min-width:0!important;
}
.hkw-kb-login--customer-gate h1{
  margin:12px 0!important;
  color:var(--hkwkb-ink)!important;
  font-size:clamp(36px,3.4vw,58px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.hkw-kb-login--customer-gate p{
  max-width:760px!important;
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:17px!important;
  line-height:1.6!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:24px!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__benefits{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__benefits > div{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon text"!important;
  column-gap:14px!important;
  align-items:center!important;
  min-height:78px!important;
  padding:16px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:20px!important;
  background:#f8fbff!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__benefits span{
  grid-area:icon!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  background:#eef5ff!important;
  color:var(--hkwkb-blue)!important;
  font-weight:900!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__benefits strong{
  grid-area:title!important;
  color:var(--hkwkb-ink)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.hkw-kb-login--customer-gate .hkw-kb-login__benefits small{
  grid-area:text!important;
  margin-top:3px!important;
  color:var(--hkwkb-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.hkw-kb-login--customer-gate .hkw-kb-btn,
.hkw-kb-login--customer-gate .hkw-kb-btn:visited{
  min-height:56px!important;
  border-radius:16px!important;
  color:#ffffff!important;
}
.hkw-kb-login--customer-gate .hkw-kb-btn-secondary,
.hkw-kb-login--customer-gate .hkw-kb-btn-secondary:visited{
  background:#ffffff!important;
  border-color:var(--hkwkb-line-strong)!important;
  color:var(--hkwkb-blue)!important;
}
.hkw-kb-login--customer-gate .hkw-kb-btn-secondary:hover,
.hkw-kb-login--customer-gate .hkw-kb-btn-secondary:focus{
  background:#f8fbff!important;
  color:var(--hkwkb-blue-dark)!important;
}
@media (max-width:980px){
  .hkw-kb-login--customer-gate .hkw-kb-login__panel{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  .hkw-kb-login.hkw-kb-login--customer-gate{
    padding:18px 14px 30px!important;
  }
  .hkw-kb-login--customer-gate .hkw-kb-login__panel{
    padding:22px!important;
    border-radius:22px!important;
  }
  .hkw-kb-login--customer-gate .hkw-kb-login__actions{
    display:grid!important;
  }
  .hkw-kb-login--customer-gate .hkw-kb-btn{
    width:100%!important;
  }
}


/* v3.3.7 – Dokument-Einzelansicht: Weitere Hilfe mit Tidio Live Chat + Icon-Karten */
.hkw-kb-article-wrap .hkw-kb-help-section{
  padding:clamp(22px,2.4vw,34px)!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:24px!important;
  background:#ffffff!important;
  box-shadow:var(--hkwkb-shadow)!important;
}

.hkw-kb-article-wrap .hkw-kb-help-section__head{
  display:grid!important;
  gap:5px!important;
  margin-bottom:16px!important;
}

.hkw-kb-article-wrap .hkw-kb-help-section__head h2{
  margin:0!important;
  color:var(--hkwkb-ink)!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.15!important;
  font-weight:900!important;
}

.hkw-kb-article-wrap .hkw-kb-help-section__head p{
  margin:0!important;
  max-width:780px!important;
  color:var(--hkwkb-muted)!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.hkw-kb-article-wrap .hkw-kb-help-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card,
.hkw-kb-article-wrap button.hkw-kb-help-card,
.hkw-kb-article-wrap a.hkw-kb-help-card,
.hkw-kb-article-wrap a.hkw-kb-help-card:visited{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:92px!important;
  width:100%!important;
  padding:18px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:20px!important;
  background:#ffffff!important;
  color:var(--hkwkb-ink)!important;
  text-align:left!important;
  text-decoration:none!important;
  box-shadow:0 14px 34px rgba(7,26,61,.055)!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card:hover,
.hkw-kb-article-wrap .hkw-kb-help-card:focus{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 46px rgba(7,26,61,.11)!important;
  outline:none!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card:focus-visible{
  outline:3px solid rgba(11,99,246,.25)!important;
  outline-offset:3px!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  background:#eef5ff!important;
  color:var(--hkwkb-blue)!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card__icon svg{
  width:24px!important;
  height:24px!important;
  display:block!important;
  fill:currentColor!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card__body{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card__body strong{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card__body small{
  display:block!important;
  margin:0!important;
  color:var(--hkwkb-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--chat,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat,
.hkw-kb-article-wrap .hkw-kb-help-card--chat:visited{
  background:linear-gradient(135deg,#16a34a,#0f7f39)!important;
  border-color:#16a34a!important;
  color:#ffffff!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--chat .hkw-kb-help-card__icon{
  background:rgba(255,255,255,.18)!important;
  color:#ffffff!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--chat .hkw-kb-help-card__body strong,
.hkw-kb-article-wrap .hkw-kb-help-card--chat .hkw-kb-help-card__body small{
  color:#ffffff!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--chat:hover,
.hkw-kb-article-wrap .hkw-kb-help-card--chat:focus{
  background:linear-gradient(135deg,#15803d,#0d6b31)!important;
  border-color:#15803d!important;
  color:#ffffff!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--chat.is-loading .hkw-kb-help-card__icon{
  animation:hkw-kb-chat-pulse 1s ease-in-out infinite!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--knowledge:hover,
.hkw-kb-article-wrap .hkw-kb-help-card--knowledge:focus,
.hkw-kb-article-wrap .hkw-kb-help-card--account:hover,
.hkw-kb-article-wrap .hkw-kb-help-card--account:focus{
  border-color:#aac8ed!important;
  background:#f8fbff!important;
  color:var(--hkwkb-navy)!important;
}

.hkw-kb-article-wrap .hkw-kb-help-card--knowledge:hover .hkw-kb-help-card__icon,
.hkw-kb-article-wrap .hkw-kb-help-card--knowledge:focus .hkw-kb-help-card__icon,
.hkw-kb-article-wrap .hkw-kb-help-card--account:hover .hkw-kb-help-card__icon,
.hkw-kb-article-wrap .hkw-kb-help-card--account:focus .hkw-kb-help-card__icon{
  background:var(--hkwkb-blue)!important;
  color:#ffffff!important;
}

@keyframes hkw-kb-chat-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}

@media(max-width:980px){
  .hkw-kb-article-wrap .hkw-kb-help-actions{grid-template-columns:1fr!important}
}


/* v3.7 Premium UX & Integrationen */
.hkw-kb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.hkw-kb-section-head h2{margin:8px 0 0!important;color:var(--hkwkb-ink)!important;font-size:clamp(24px,2vw,34px)!important;font-weight:900!important;letter-spacing:-.025em!important}.hkw-kb-section-head p{max-width:760px;margin:0!important;color:var(--hkwkb-muted)!important;font-size:15px!important;line-height:1.55!important}.hkw-kb-customer-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.hkw-kb-customer-product{display:grid!important;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center;width:100%;min-height:92px;padding:14px 16px!important;border:1px solid var(--hkwkb-line)!important;border-radius:20px!important;background:#fff!important;color:var(--hkwkb-ink)!important;text-align:left!important;cursor:pointer;box-shadow:0 12px 28px rgba(7,26,61,.055)}.hkw-kb-customer-product:hover{border-color:#aac8ed!important;transform:translateY(-1px)}.hkw-kb-customer-product img,.hkw-kb-customer-product__placeholder{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#eef5ff;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-weight:900}.hkw-kb-customer-product strong{display:block;color:var(--hkwkb-ink)!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important}.hkw-kb-customer-product small{display:block;margin-top:4px;color:var(--hkwkb-muted)!important;font-size:12px!important}.hkw-kb-customer-product em{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-style:normal}.hkw-kb-product-badge{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.hkw-kb-product-badge--ultimate{background:#101418;color:#fff}.hkw-kb-product-badge--video{background:#eaf3ff;color:#0b63f6}.hkw-kb-integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.hkw-kb-integration-card{display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:16px!important;border:1px solid var(--hkwkb-line)!important;border-radius:20px!important;background:#fff!important;color:var(--hkwkb-ink)!important;box-shadow:0 12px 28px rgba(7,26,61,.055)}.hkw-kb-integration-card:hover{transform:translateY(-1px);border-color:#aac8ed!important}.hkw-kb-integration-card__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#eef5ff;color:#0b63f6;font-weight:900}.hkw-kb-integration-card--ultimate .hkw-kb-integration-card__icon{background:#101418;color:#fff}.hkw-kb-integration-card--video .hkw-kb-integration-card__icon{background:#0b63f6;color:#fff}.hkw-kb-integration-card strong{display:block;color:var(--hkwkb-ink)!important;font-size:16px!important;font-weight:900!important}.hkw-kb-integration-card small{display:block;margin-top:4px;color:var(--hkwkb-muted)!important;font-size:13px!important;line-height:1.35!important}@media(max-width:760px){.hkw-kb-section-head{display:grid}.hkw-kb-customer-product-grid,.hkw-kb-integration-grid{grid-template-columns:1fr}}


/* v3.8+ Premium Search */
.hkw-kb-searchfield{position:relative;}
.hkw-kb-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:6px;padding:10px;border:1px solid #dbe7f6;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(7,26,61,.16)}
.hkw-kb-suggestions[hidden]{display:none!important;}
.hkw-kb-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:12px;background:#f8fbff;color:#111827;text-align:left;cursor:pointer;}
.hkw-kb-suggestions button:hover,.hkw-kb-suggestions button:focus{background:#eef5ff;color:#0b63f6;outline:none;}
.hkw-kb-suggestions strong{font-size:14px;font-weight:900;color:inherit;line-height:1.25;}
.hkw-kb-suggestions small{font-size:12px;font-weight:800;color:#64748b;white-space:nowrap;}
.hkw-kb-result__meta-item--match{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important;}
.hkw-kb-empty--premium{display:grid;gap:8px;justify-items:start;padding:26px!important;border:1px dashed #cbd5e1!important;border-radius:18px!important;background:#f8fbff!important;color:#27364a!important;}
.hkw-kb-empty--premium strong{color:#111827;font-size:18px;}
.hkw-kb-empty-chat{min-height:44px;padding:0 16px;border:0;border-radius:14px;background:#15a66a;color:#fff;font-weight:900;cursor:pointer;}
.hkw-kb-empty-chat:hover,.hkw-kb-empty-chat:focus{background:#0f8b59;color:#fff;}


/* v3.9 Meine Produkte Pro */
.hkw-kb-customer-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.hkw-kb-customer-product{display:grid!important;grid-template-columns:74px minmax(0,1fr);gap:14px;align-items:center;width:100%;padding:16px!important;border:1px solid #dbe7f6!important;border-radius:22px!important;background:#fff!important;text-align:left!important;color:#111827!important;box-shadow:0 12px 30px rgba(7,26,61,.055);cursor:pointer;}
.hkw-kb-customer-product:hover{border-color:#0b63f6!important;box-shadow:0 16px 36px rgba(11,99,246,.12);}
.hkw-kb-customer-product img,.hkw-kb-customer-product__placeholder{width:74px;height:74px;object-fit:contain;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0b63f6;}
.hkw-kb-customer-product strong{display:block;color:#111827!important;font-size:15px!important;font-weight:900!important;line-height:1.25!important;}
.hkw-kb-customer-product small{display:block;margin-top:4px;color:#64748b!important;font-size:12px!important;line-height:1.35!important;}
.hkw-kb-customer-product__resources{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
.hkw-kb-resource-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef5ff;color:#0b63f6;font-size:11px;font-weight:900;}
.hkw-kb-product-badge{display:inline-flex;margin:8px 5px 0 0;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;background:#eef5ff;color:#0b63f6;}
.hkw-kb-product-badge--ultimate{background:#111827;color:#fff;}
.hkw-kb-product-badge--video{background:#fff7ed;color:#c2410c;}
@media(max-width:1180px){.hkw-kb-customer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.hkw-kb-customer-product-grid{grid-template-columns:1fr;}.hkw-kb-customer-product{grid-template-columns:58px minmax(0,1fr)}.hkw-kb-customer-product img,.hkw-kb-customer-product__placeholder{width:58px;height:58px;}}


/* v4.4.0 Live-Magazin-Verknüpfung */
.hkw-kb-article-wrap .hkw-kb-source--live{display:grid;gap:6px;padding:18px 20px;border:1px solid #b9d4ff;border-radius:18px;background:#f6faff;color:#1e3a5f;box-shadow:0 12px 32px rgba(11,99,246,.08)}
.hkw-kb-article-wrap .hkw-kb-source--live strong{color:#0b63f6!important;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.hkw-kb-article-wrap .hkw-kb-source--live span{color:#334155!important;font-size:15px;line-height:1.5}
.hkw-kb-article-wrap .hkw-kb-source--live small{color:#64748b!important;font-size:13px}

/* v4.5.6 Frontend Help & Feedback Fix */
.hkw-kb-toolgrid--help{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card,
.hkw-kb-toolgrid--help a.hkw-kb-toolgrid-card,
.hkw-kb-toolgrid--help button.hkw-kb-toolgrid-card{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-height:82px!important;
  padding:16px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 10px 26px rgba(7,26,61,.055)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card:hover,
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card:focus{
  transform:translateY(-1px)!important;
  border-color:#aac8ed!important;
  box-shadow:0 14px 34px rgba(7,26,61,.09)!important;
  outline:none!important;
}
.hkw-kb-toolgrid-card__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:#eef5ff!important;
  color:#0b63f6!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}
.hkw-kb-toolgrid-card__icon svg{width:22px!important;height:22px!important;fill:currentColor!important;display:block!important}
.hkw-kb-toolgrid-card__body{display:grid!important;gap:3px!important;min-width:0!important}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card strong{color:var(--hkwkb-ink)!important;font-size:15px!important;font-weight:900!important;line-height:1.22!important;margin:0!important}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card small,
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card span:not(.hkw-kb-toolgrid-card__icon):not(.hkw-kb-toolgrid-card__body){color:var(--hkwkb-muted)!important;font-size:12.5px!important;line-height:1.35!important;margin:0!important}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat{
  border-color:#12a66a!important;
  background:linear-gradient(135deg,#16a66a,#0e8a58)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(18,166,106,.18)!important;
}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat .hkw-kb-toolgrid-card__icon{background:rgba(255,255,255,.16)!important;color:#fff!important}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat strong,
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat small{color:#fff!important}
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat:hover,
.hkw-kb-toolgrid--help .hkw-kb-toolgrid-card--chat:focus{background:linear-gradient(135deg,#11935d,#0a7449)!important;border-color:#0a7449!important;color:#fff!important}
.hkw-kb-feedback button:disabled{opacity:.68!important;cursor:progress!important}
.hkw-kb-feedback button.is-active{background:#0b63f6!important;border-color:#0b63f6!important;color:#fff!important}
.hkw-kb-feedback.is-saved{border-color:#bbf7d0!important;background:#f0fdf4!important}
.hkw-kb-feedback.is-saved span{color:#047857!important;font-weight:800!important}


/* v4.5.7 – Magazin-/Beitragsnavigation */
.hkw-kb-article-wrap .hkw-kb-context-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(7, 26, 61, .055);
}
.hkw-kb-article-wrap .hkw-kb-context-nav a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
}
.hkw-kb-article-wrap .hkw-kb-context-nav__back {
    background: #f8fbff !important;
    border: 1px solid #cfe0f5 !important;
    color: #0b63f6 !important;
}
.hkw-kb-article-wrap .hkw-kb-context-nav__back--magazine {
    background: #fff !important;
    border-color: #d8e6f7 !important;
    color: #111827 !important;
}
.hkw-kb-article-wrap .hkw-kb-context-nav__source {
    background: linear-gradient(135deg, #0b63f6, #074ec7) !important;
    border: 1px solid #0b63f6 !important;
    color: #fff !important;
}
.hkw-kb-article-wrap .hkw-kb-context-nav a:hover,
.hkw-kb-article-wrap .hkw-kb-context-nav a:focus {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(7, 26, 61, .12);
}
.hkw-kb-article-wrap .hkw-kb-context-nav__back:hover,
.hkw-kb-article-wrap .hkw-kb-context-nav__back:focus,
.hkw-kb-article-wrap .hkw-kb-context-nav__back--magazine:hover,
.hkw-kb-article-wrap .hkw-kb-context-nav__back--magazine:focus {
    background: #eef5ff !important;
    color: #074ec7 !important;
}
.hkw-kb-article-wrap .hkw-kb-source--actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
}
.hkw-kb-article-wrap .hkw-kb-source__text {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.hkw-kb-article-wrap .hkw-kb-source__text small {
    color: #64748b !important;
    font-size: 13px;
    line-height: 1.35;
}
.hkw-kb-article-wrap .hkw-kb-source__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.hkw-kb-article-wrap .hkw-kb-source-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 13px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none !important;
}
.hkw-kb-article-wrap .hkw-kb-source-btn--overview {
    background: #fff !important;
    border: 1px solid #d8e6f7 !important;
    color: #111827 !important;
}
.hkw-kb-article-wrap .hkw-kb-source-btn--original {
    background: #0b63f6 !important;
    border: 1px solid #0b63f6 !important;
    color: #fff !important;
}
.hkw-kb-article-wrap .hkw-kb-source-btn--overview:hover,
.hkw-kb-article-wrap .hkw-kb-source-btn--overview:focus {
    background: #eef5ff !important;
    color: #074ec7 !important;
}
.hkw-kb-article-wrap .hkw-kb-source-btn--original:hover,
.hkw-kb-article-wrap .hkw-kb-source-btn--original:focus {
    background: #074ec7 !important;
    color: #fff !important;
}
@media (max-width: 760px) {
    .hkw-kb-article-wrap .hkw-kb-context-nav,
    .hkw-kb-article-wrap .hkw-kb-source--actions {
        align-items: stretch;
        flex-direction: column;
    }
    .hkw-kb-article-wrap .hkw-kb-context-nav a,
    .hkw-kb-article-wrap .hkw-kb-source-btn {
        width: 100%;
    }
    .hkw-kb-article-wrap .hkw-kb-source__actions {
        width: 100%;
        justify-content: stretch;
    }
}

/* v4.5.8 – Artikel-/Magazin-Layout: 1680px, Sidebar, Hilfe & Chat-Fix */
.hkw-kb-article-wrap.hkw-kb-article-wrap--wide{
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1680px, calc(100vw - 32px))!important;
  max-width:1680px!important;
  margin:0!important;
  padding:28px 0 44px!important;
  display:grid!important;
  gap:20px!important;
}
.hkw-kb-article-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,380px)!important;
  gap:clamp(18px,2vw,30px)!important;
  align-items:start!important;
  width:100%!important;
}
.hkw-kb-article-main{
  display:grid!important;
  gap:20px!important;
  min-width:0!important;
}
.hkw-kb-article-sidebar{
  display:grid!important;
  gap:16px!important;
  align-self:start!important;
  position:sticky!important;
  top:22px!important;
  min-width:0!important;
}
.hkw-kb-sidebar-card{
  width:100%!important;
  padding:18px!important;
  border:1px solid var(--hkwkb-line)!important;
  border-radius:24px!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  box-shadow:0 14px 36px rgba(7,26,61,.07)!important;
}
.hkw-kb-sidebar-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  margin:0 0 10px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#0b63f6!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.hkw-kb-sidebar-card h2{
  margin:0 0 14px!important;
  color:var(--hkwkb-ink)!important;
  font-size:20px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.hkw-kb-sidebar-actions,
.hkw-kb-sidebar-related{
  display:grid!important;
  gap:10px!important;
}
.hkw-kb-sidebar-action,
.hkw-kb-sidebar-action:visited,
.hkw-kb-sidebar-action:hover,
.hkw-kb-sidebar-action:focus{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  min-height:74px!important;
  padding:13px!important;
  border:1px solid #dbe7f6!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  color:var(--hkwkb-ink)!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.hkw-kb-sidebar-action:hover,
.hkw-kb-sidebar-action:focus{
  background:#eef5ff!important;
  border-color:#aac8ed!important;
  transform:translateY(-1px)!important;
}
.hkw-kb-sidebar-action__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:#eef5ff!important;
  color:#0b63f6!important;
  font-size:18px!important;
  font-weight:900!important;
}
.hkw-kb-sidebar-action__icon svg{display:block!important;width:22px!important;height:22px!important;fill:currentColor!important}
.hkw-kb-sidebar-action strong{display:block!important;color:var(--hkwkb-ink)!important;font-size:14px!important;font-weight:950!important;line-height:1.2!important;margin:0!important}
.hkw-kb-sidebar-action small{display:block!important;margin-top:3px!important;color:var(--hkwkb-muted)!important;font-size:12px!important;line-height:1.35!important}
.hkw-kb-sidebar-action--chat,
.hkw-kb-sidebar-action--chat:visited,
.hkw-kb-sidebar-action--chat:hover,
.hkw-kb-sidebar-action--chat:focus,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat:visited,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat:hover,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat:focus,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat:hover,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat:focus{
  border-color:#0f9f65!important;
  background:linear-gradient(135deg,#17a66a,#0d8052)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(18,166,106,.18)!important;
}
.hkw-kb-sidebar-action--chat .hkw-kb-sidebar-action__icon,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat .hkw-kb-toolgrid-card__icon,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat .hkw-kb-help-card__icon{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.hkw-kb-sidebar-action--chat strong,
.hkw-kb-sidebar-action--chat small,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat strong,
.hkw-kb-article-wrap button.hkw-kb-toolgrid-card--chat small,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat strong,
.hkw-kb-article-wrap button.hkw-kb-help-card--chat small{
  color:#fff!important;
}
.hkw-kb-related-link,
.hkw-kb-related-link:visited{
  display:grid!important;
  gap:4px!important;
  padding:13px!important;
  border:1px solid #e1eaf6!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--hkwkb-ink)!important;
  text-decoration:none!important;
}
.hkw-kb-related-link:hover,
.hkw-kb-related-link:focus{
  background:#f8fbff!important;
  border-color:#aac8ed!important;
}
.hkw-kb-related-link small{color:#0b63f6!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.hkw-kb-related-link strong{color:var(--hkwkb-ink)!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important}
.hkw-kb-toolgrid--sidebar{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.hkw-kb-toolgrid--sidebar .hkw-kb-toolgrid-card,
.hkw-kb-toolgrid--sidebar a.hkw-kb-toolgrid-card,
.hkw-kb-toolgrid--sidebar button.hkw-kb-toolgrid-card{
  min-height:70px!important;
  padding:13px!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.hkw-kb-toolgrid--sidebar .hkw-kb-toolgrid-card__icon{width:40px!important;height:40px!important;border-radius:13px!important}
.hkw-kb-toolgrid--sidebar .hkw-kb-toolgrid-card strong{font-size:14px!important}
.hkw-kb-toolgrid--sidebar .hkw-kb-toolgrid-card small{font-size:12px!important}
.hkw-kb-source--actions .hkw-kb-source-btn--overview{color:#0b63f6!important;background:#f8fbff!important}
@media(max-width:1180px){
  .hkw-kb-article-layout{grid-template-columns:1fr!important;}
  .hkw-kb-article-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hkw-kb-sidebar-card--tools{grid-column:1 / -1!important;}
}
@media(max-width:760px){
  .hkw-kb-article-wrap.hkw-kb-article-wrap--wide{width:calc(100vw - 24px)!important;padding-top:18px!important;}
  .hkw-kb-article-sidebar{grid-template-columns:1fr!important;}
}

/* v4.5.9 – Bereinigte Artikel-Sidebar: Hilfe, Tools und relevante Produktinhalte */
.hkw-kb-article-sidebar--product-context{
  gap:18px!important;
}
.hkw-kb-sidebar-card--hub{
  padding:20px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
.hkw-kb-sidebar-card--hub .hkw-kb-sidebar-actions--primary{
  display:grid!important;
  gap:10px!important;
}
.hkw-kb-sidebar-tools{
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid #e1eaf6!important;
}
.hkw-kb-sidebar-tools > span{
  display:block!important;
  margin:0 0 10px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.hkw-kb-sidebar-tool-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.hkw-kb-sidebar-tool,
.hkw-kb-sidebar-tool:visited{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  gap:6px!important;
  min-height:78px!important;
  padding:10px 8px!important;
  border:1px solid #dbe7f6!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111827!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.hkw-kb-sidebar-tool:hover,
.hkw-kb-sidebar-tool:focus{
  background:#eef5ff!important;
  border-color:#aac8ed!important;
  color:#0b63f6!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}
.hkw-kb-sidebar-tool span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  background:#eef5ff!important;
  color:#0b63f6!important;
  font-size:16px!important;
  font-weight:950!important;
}
.hkw-kb-sidebar-tool strong{
  color:inherit!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.15!important;
  margin:0!important;
}
.hkw-kb-sidebar-note{
  margin:-6px 0 14px!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.hkw-kb-sidebar-card--product-related{
  background:#fff!important;
}
.hkw-kb-sidebar-card--product-related .hkw-kb-sidebar-related{
  gap:9px!important;
}
.hkw-kb-related-link,
.hkw-kb-related-link:visited{
  grid-template-columns:minmax(0,1fr)!important;
  padding:14px!important;
  border-radius:17px!important;
  background:#fff!important;
}
.hkw-kb-related-link__type{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#eef5ff!important;
  color:#0b63f6!important;
  font-size:10.5px!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.hkw-kb-related-link--document .hkw-kb-related-link__type{
  background:#ecfdf5!important;
  color:#047857!important;
}
.hkw-kb-related-link small{
  color:#64748b!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:12px!important;
  font-weight:800!important;
}
@media(max-width:1180px){
  .hkw-kb-sidebar-tool-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .hkw-kb-sidebar-tool-list{grid-template-columns:1fr!important;}
  .hkw-kb-sidebar-tool{grid-template-columns:38px minmax(0,1fr)!important;justify-items:start!important;text-align:left!important;min-height:58px!important;}
}

/* v4.7.0 Produktseiten-Integration: Service & Downloads Tab */
.hkw-kb-product-tab,
.hkw-kb-product-tab *{
  box-sizing:border-box;
}
.hkw-kb-product-tab{
  width:100%;
  max-width:1680px;
  margin:0 auto;
  padding:clamp(20px,3vw,38px);
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:#fff;
  color:#162033;
  box-shadow:0 18px 55px rgba(15,23,42,.08);
}
.hkw-kb-product-tab__head{
  display:grid;
  gap:8px;
  margin-bottom:22px;
}
.hkw-kb-product-tab__head h2{
  margin:0!important;
  color:#101827!important;
  font-size:clamp(24px,2.4vw,36px)!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.03em;
}
.hkw-kb-product-tab__head p{
  margin:0!important;
  color:#536173!important;
  max-width:820px;
  font-size:16px!important;
  line-height:1.6!important;
}
.hkw-kb-product-tab__loading,
.hkw-kb-product-tab-empty,
.hkw-kb-product-tab-error{
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  border-radius:18px;
  padding:18px 20px;
  color:#475569;
  font-weight:750;
}
.hkw-kb-product-tab-error{
  display:grid;
  gap:8px;
  border-color:rgba(220,38,38,.18);
  background:#fff7f7;
  color:#7f1d1d;
}
.hkw-kb-product-tab-error a{
  color:#0057b8!important;
  font-weight:800;
}
.hkw-kb-product-tab-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}
.hkw-kb-product-tab-summary span{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:14px 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  color:#536173!important;
  font-size:14px;
  font-weight:750;
}
.hkw-kb-product-tab-summary strong{
  color:#0057b8!important;
  font-size:22px;
  line-height:1;
}
.hkw-kb-product-tab-login{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 22px;
  padding:16px 18px;
  border:1px solid rgba(0,87,184,.16);
  background:#f3f8ff;
  border-radius:20px;
}
.hkw-kb-product-tab-login strong{
  color:#0f2746!important;
  white-space:nowrap;
}
.hkw-kb-product-tab-login span{
  color:#42526a!important;
  font-size:14px;
  line-height:1.45;
}
.hkw-kb-product-tab-login a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  background:#0057b8!important;
  color:#fff!important;
  font-weight:850;
  text-decoration:none!important;
  white-space:nowrap;
}
.hkw-kb-product-tab-section{
  margin-top:24px;
}
.hkw-kb-product-tab-section h3{
  margin:0 0 12px!important;
  color:#101827!important;
  font-size:18px!important;
  font-weight:850!important;
}
.hkw-kb-product-tab-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.hkw-kb-product-resource,
.hkw-kb-product-resource:visited{
  display:grid;
  align-content:start;
  gap:8px;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:22px;
  background:#fff;
  color:#142033!important;
  text-decoration:none!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  overflow:hidden;
}
.hkw-kb-product-resource:hover,
.hkw-kb-product-resource:focus{
  transform:translateY(-2px);
  border-color:rgba(0,87,184,.24);
  box-shadow:0 18px 42px rgba(0,87,184,.11);
  color:#142033!important;
}
.hkw-kb-product-resource__label{
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:#eef5ff;
  color:#0057b8!important;
  font-size:12px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hkw-kb-product-resource--document .hkw-kb-product-resource__label{
  background:#ecfdf5;
  color:#047857!important;
}
.hkw-kb-product-resource--video .hkw-kb-product-resource__label{
  background:#fff7ed;
  color:#c2410c!important;
}
.hkw-kb-product-resource--ultimate .hkw-kb-product-resource__label{
  background:#eff6ff;
  color:#1d4ed8!important;
}
.hkw-kb-product-resource strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#101827!important;
  font-size:16px;
  line-height:1.28;
  font-weight:850;
}
.hkw-kb-product-resource small{
  display:block;
  color:#64748b!important;
  font-size:13px;
  line-height:1.45;
}
.hkw-kb-product-tab-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(15,23,42,.08);
}
.hkw-kb-product-tab-action,
.hkw-kb-product-tab-action:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  color:#122033!important;
  text-decoration:none!important;
  font-weight:850;
  cursor:pointer;
}
.hkw-kb-product-tab-action--primary,
.hkw-kb-product-tab-action--primary:visited{
  background:#0057b8!important;
  border-color:#0057b8!important;
  color:#fff!important;
}
.hkw-kb-product-tab-action--chat{
  background:#0f9f6e!important;
  border-color:#0f9f6e!important;
  color:#fff!important;
}
.hkw-kb-product-tab-action:hover,
.hkw-kb-product-tab-action:focus{
  filter:brightness(.98);
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}
@media (max-width:980px){
  .hkw-kb-product-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hkw-kb-product-tab-login{align-items:flex-start; flex-direction:column;}
}
@media (max-width:640px){
  .hkw-kb-product-tab{border-radius:20px; padding:18px;}
  .hkw-kb-product-tab-summary{grid-template-columns:1fr;}
  .hkw-kb-product-tab-grid{grid-template-columns:1fr;}
  .hkw-kb-product-tab-actions{flex-direction:column;}
  .hkw-kb-product-tab-action{width:100%;}
}

/* v4.7.1: Startansicht wird serverseitig gerendert; Suche aktualisiert nur noch bei Nutzeraktion. */
.hkw-kb-results.is-searching{
  opacity:.72;
  transition:opacity .16s ease;
}
.hkw-kb-empty--inline{
  grid-column:1 / -1!important;
  margin-bottom:12px!important;
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#9a3412!important;
}

/* v4.8.1 – Manuelle Kundengeräte */
.hkw-kb-manual-device-empty{display:grid;gap:6px;margin:0 0 16px;padding:18px 20px;border:1px dashed #b7cce6;border-radius:20px;background:#f8fbff;color:#111827!important}.hkw-kb-manual-device-empty strong{font-size:17px!important;font-weight:900!important;color:#111827!important}.hkw-kb-manual-device-empty span{color:#64748b!important;font-size:14px!important;line-height:1.5!important}.hkw-kb-manual-device-panel{display:grid;grid-template-columns:minmax(260px,420px) minmax(300px,1fr);gap:18px;align-items:start;margin-top:18px;padding:18px;border:1px solid #dbe7f6;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(7,26,61,.055)}.hkw-kb-manual-device-panel>div:first-child{display:grid;gap:5px}.hkw-kb-manual-device-panel strong{color:#111827!important;font-size:16px!important;font-weight:900!important}.hkw-kb-manual-device-panel span{color:#64748b!important;font-size:13px!important;line-height:1.45!important}.hkw-kb-manual-device-search{position:relative}.hkw-kb-manual-device-search input{width:100%!important;min-height:52px!important;border:1px solid #c8d9ee!important;border-radius:16px!important;background:#f8fbff!important;color:#111827!important;padding:0 16px!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important}.hkw-kb-manual-device-search input:focus{outline:none!important;border-color:#0b63f6!important;background:#fff!important;box-shadow:0 0 0 4px rgba(11,99,246,.10)!important}.hkw-kb-manual-device-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:8px;max-height:360px;overflow:auto;padding:10px;border:1px solid #dbe7f6;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(7,26,61,.16)}.hkw-kb-manual-device-result{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px!important;border:1px solid #e3edf9!important;border-radius:14px!important;background:#fff!important;color:#111827!important;text-align:left!important;cursor:pointer}.hkw-kb-manual-device-result:hover,.hkw-kb-manual-device-result:focus{border-color:#0b63f6!important;background:#f8fbff!important}.hkw-kb-manual-device-result img,.hkw-kb-manual-device-result>span:first-child{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#eef5ff;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-weight:900}.hkw-kb-manual-device-result strong{display:block;font-size:14px!important;line-height:1.25!important;color:#111827!important}.hkw-kb-manual-device-result small{display:block;margin-top:3px;color:#64748b!important;font-size:12px!important}.hkw-kb-manual-device-result em{font-style:normal;padding:8px 10px;border-radius:999px;background:#0b63f6;color:#fff;font-size:12px;font-weight:900}.hkw-kb-manual-device-result--empty{display:block!important;color:#64748b!important;font-weight:800!important;background:#f8fbff!important}.hkw-kb-manual-device-status{min-height:20px;margin:8px 0 0!important;color:#0b63f6!important;font-size:13px!important;font-weight:800!important}.hkw-kb-customer-product-wrap{position:relative;min-width:0}.hkw-kb-customer-product__remove{position:absolute;right:10px;top:10px;z-index:2;width:30px;height:30px;border:1px solid #dbe7f6!important;border-radius:999px!important;background:#fff!important;color:#64748b!important;font-size:20px!important;line-height:1!important;font-weight:900!important;cursor:pointer;box-shadow:0 8px 20px rgba(7,26,61,.08)}.hkw-kb-customer-product__remove:hover,.hkw-kb-customer-product__remove:focus{background:#fee2e2!important;border-color:#fecaca!important;color:#991b1b!important}.hkw-kb-resource-pill--manual{background:#ecfdf5!important;color:#047857!important;border:1px solid #bbf7d0!important}@media(max-width:900px){.hkw-kb-manual-device-panel{grid-template-columns:1fr}.hkw-kb-manual-device-results{position:static;margin-top:8px}}

/* v4.8.2 Instant customer device resources */
.hkw-kb-device-resource-output{margin-top:22px!important}
.hkw-kb-device-hub{display:grid;gap:18px;padding:22px;border:1px solid #dbe7f6;border-radius:28px;background:#fff;box-shadow:0 18px 48px rgba(7,26,61,.08)}
.hkw-kb-device-hub__head{display:grid;gap:5px}.hkw-kb-device-hub__head h3{margin:0!important;font-size:26px!important;line-height:1.15!important;color:#111827!important;font-weight:950!important}.hkw-kb-device-hub__head p{margin:0!important;color:#64748b!important;font-size:15px!important;line-height:1.5!important}.hkw-kb-device-hub__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hkw-kb-device-hub-action{display:grid!important;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:center;min-height:84px;padding:14px!important;border:1px solid #dbe7f6!important;border-radius:20px!important;background:#f8fbff!important;color:#111827!important;text-decoration:none!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important}.hkw-kb-device-hub-action span:first-child{width:36px;height:36px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eaf2ff;color:#0b63f6;font-weight:900}.hkw-kb-device-hub-action strong{display:block;color:#111827!important;font-size:14px!important;line-height:1.2!important;font-weight:950!important}.hkw-kb-device-hub-action small{display:block;margin-top:3px;color:#64748b!important;font-size:12px!important;line-height:1.3!important}.hkw-kb-device-hub-action:hover,.hkw-kb-device-hub-action:focus{border-color:#0b63f6!important;background:#fff!important;transform:translateY(-1px)}.hkw-kb-device-hub-action--primary{background:#0b63f6!important;border-color:#0b63f6!important}.hkw-kb-device-hub-action--primary span:first-child{background:rgba(255,255,255,.16)!important;color:#fff!important}.hkw-kb-device-hub-action--primary strong,.hkw-kb-device-hub-action--primary small{color:#fff!important}.hkw-kb-device-hub-action--chat{background:#16a34a!important;border-color:#16a34a!important}.hkw-kb-device-hub-action--chat span:first-child{background:rgba(255,255,255,.18)!important;color:#fff!important}.hkw-kb-device-hub-action--chat strong,.hkw-kb-device-hub-action--chat small{color:#fff!important}.hkw-kb-device-hub-action--ultimate{background:#111827!important;border-color:#111827!important}.hkw-kb-device-hub-action--ultimate span:first-child{background:rgba(255,255,255,.15)!important;color:#fff!important}.hkw-kb-device-hub-action--ultimate strong,.hkw-kb-device-hub-action--ultimate small{color:#fff!important}.hkw-kb-device-hub-section{display:grid;gap:12px}.hkw-kb-device-hub-section h4{margin:0!important;color:#111827!important;font-size:18px!important;font-weight:950!important}.hkw-kb-device-hub-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hkw-kb-device-hub-item{display:grid!important;gap:5px;min-height:96px;padding:14px!important;border:1px solid #e3edf9!important;border-radius:18px!important;background:#fff!important;text-decoration:none!important;color:#111827!important}.hkw-kb-device-hub-item:hover,.hkw-kb-device-hub-item:focus{border-color:#0b63f6!important;background:#f8fbff!important}.hkw-kb-device-hub-item span{width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#eef5ff;color:#0b63f6;font-size:11px;font-weight:950;line-height:1}.hkw-kb-device-hub-item strong{color:#111827!important;font-size:15px!important;line-height:1.25!important;font-weight:900!important}.hkw-kb-device-hub-item small{color:#64748b!important;font-size:12px!important;line-height:1.3!important}.hkw-kb-device-hub-empty,.hkw-kb-device-hub-video-cta{display:block;padding:14px;border:1px dashed #c8d9ee;border-radius:16px;background:#f8fbff;color:#64748b!important;text-decoration:none!important;font-weight:800!important}.hkw-kb-device-hub-video-cta:hover,.hkw-kb-device-hub-video-cta:focus{border-color:#0b63f6;color:#0b63f6!important;background:#fff}.hkw-kb-manual-device-status{color:#0f172a!important}.hkw-kb-manual-device-results{overscroll-behavior:contain}.hkw-kb-manual-device-result span:first-child:not(:has(img)){background:#eef5ff;color:#0b63f6}
@media(max-width:1100px){.hkw-kb-device-hub__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hkw-kb-device-hub-list{grid-template-columns:1fr}}
@media(max-width:640px){.hkw-kb-device-hub{padding:16px;border-radius:22px}.hkw-kb-device-hub__actions{grid-template-columns:1fr}.hkw-kb-device-hub__head h3{font-size:22px!important}}

/* v4.9.2 – Geräte-Hub: breite Premium-Action-Leiste, stabile Hover-Zustände */
.hkw-kb-my-products{
  max-width:none!important;
  width:100%!important;
}
.hkw-kb-my-products .hkw-kb-section-head,
.hkw-kb-my-products .hkw-kb-customer-product-grid,
.hkw-kb-my-products .hkw-kb-device-resource-output,
.hkw-kb-my-products .hkw-kb-manual-device-panel{
  width:100%!important;
  max-width:none!important;
}
.hkw-kb-device-resource-output{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-top:24px!important;
}
.hkw-kb-device-resource-output[hidden]{display:none!important}
.hkw-kb-device-hub{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:22px!important;
  padding:clamp(20px,2vw,34px)!important;
  border:1px solid #d8e6f6!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 22px 60px rgba(7,26,61,.09)!important;
  overflow:hidden!important;
}
.hkw-kb-device-hub__top{
  display:grid!important;
  grid-template-columns:minmax(280px,.92fr) minmax(520px,1.7fr)!important;
  gap:clamp(18px,2vw,30px)!important;
  align-items:stretch!important;
  width:100%!important;
}
.hkw-kb-device-hub__head{
  align-content:center!important;
  padding:6px 0!important;
}
.hkw-kb-device-hub__head h3{
  margin:0!important;
  font-size:clamp(24px,2vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  color:#0f172a!important;
  font-weight:950!important;
}
.hkw-kb-device-hub__head p{
  max-width:620px!important;
  margin:8px 0 0!important;
  color:#52637a!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.hkw-kb-device-hub__actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
}
.hkw-kb-device-hub-action,
.hkw-kb-device-hub-action:visited{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  min-height:86px!important;
  width:100%!important;
  padding:16px!important;
  border:1px solid #dbe7f6!important;
  border-radius:22px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  text-decoration:none!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:0 12px 30px rgba(7,26,61,.055)!important;
  transform:none!important;
  filter:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.hkw-kb-device-hub-action span:first-child{
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eaf2ff!important;
  color:#0b63f6!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
}
.hkw-kb-device-hub-action strong,
.hkw-kb-device-hub-action:visited strong{
  display:block!important;
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:950!important;
}
.hkw-kb-device-hub-action small,
.hkw-kb-device-hub-action:visited small{
  display:block!important;
  margin-top:4px!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.32!important;
  font-weight:800!important;
}
.hkw-kb-device-hub-action:hover,
.hkw-kb-device-hub-action:focus,
.hkw-kb-device-hub-action:active{
  background:#f8fbff!important;
  border-color:#9fc3f2!important;
  color:#0f172a!important;
  box-shadow:0 18px 42px rgba(7,26,61,.105)!important;
  transform:translateY(-1px)!important;
  filter:none!important;
}
.hkw-kb-device-hub-action:hover strong,
.hkw-kb-device-hub-action:focus strong,
.hkw-kb-device-hub-action:hover small,
.hkw-kb-device-hub-action:focus small{
  color:inherit!important;
}
.hkw-kb-device-hub-action--primary,
.hkw-kb-device-hub-action--primary:visited{
  background:#0b63f6!important;
  border-color:#0b63f6!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--primary span:first-child{
  background:rgba(255,255,255,.17)!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--primary strong,
.hkw-kb-device-hub-action--primary small,
.hkw-kb-device-hub-action--primary:visited strong,
.hkw-kb-device-hub-action--primary:visited small{
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--primary:hover,
.hkw-kb-device-hub-action--primary:focus,
.hkw-kb-device-hub-action--primary:active{
  background:#074ec7!important;
  border-color:#074ec7!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--video,
.hkw-kb-device-hub-action--video:visited{
  background:#ffffff!important;
  border-color:#dbe7f6!important;
  color:#0f172a!important;
}
.hkw-kb-device-hub-action--video span:first-child{
  background:#eef5ff!important;
  color:#0b63f6!important;
}
.hkw-kb-device-hub-action--video:hover,
.hkw-kb-device-hub-action--video:focus{
  background:#eef5ff!important;
  border-color:#0b63f6!important;
  color:#0f172a!important;
}
.hkw-kb-device-hub-action--chat,
.hkw-kb-device-hub-action--chat:visited{
  background:#16a34a!important;
  border-color:#16a34a!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--chat span:first-child{
  background:rgba(255,255,255,.18)!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--chat strong,
.hkw-kb-device-hub-action--chat small,
.hkw-kb-device-hub-action--chat:visited strong,
.hkw-kb-device-hub-action--chat:visited small{
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--chat:hover,
.hkw-kb-device-hub-action--chat:focus,
.hkw-kb-device-hub-action--chat:active{
  background:#0f8a3d!important;
  border-color:#0f8a3d!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--ultimate,
.hkw-kb-device-hub-action--ultimate:visited{
  background:#111827!important;
  border-color:#111827!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--ultimate span:first-child{
  background:rgba(255,255,255,.15)!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--ultimate strong,
.hkw-kb-device-hub-action--ultimate small,
.hkw-kb-device-hub-action--ultimate:visited strong,
.hkw-kb-device-hub-action--ultimate:visited small{
  color:#ffffff!important;
}
.hkw-kb-device-hub-action--ultimate:hover,
.hkw-kb-device-hub-action--ultimate:focus{
  background:#020617!important;
  border-color:#020617!important;
  color:#ffffff!important;
}
.hkw-kb-device-hub__resources{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
.hkw-kb-device-hub-section{
  display:grid!important;
  align-content:start!important;
  gap:12px!important;
  min-width:0!important;
  padding:18px!important;
  border:1px solid #e4edf8!important;
  border-radius:22px!important;
  background:#ffffff!important;
  box-shadow:0 12px 32px rgba(7,26,61,.045)!important;
}
.hkw-kb-device-hub-section h4{
  margin:0!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
.hkw-kb-device-hub-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
.hkw-kb-device-hub-item,
.hkw-kb-device-hub-item:visited{
  min-height:86px!important;
  padding:14px!important;
  border:1px solid #e3edf9!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.hkw-kb-device-hub-item:hover,
.hkw-kb-device-hub-item:focus{
  border-color:#0b63f6!important;
  background:#f8fbff!important;
  color:#0f172a!important;
}
.hkw-kb-device-hub-item:hover strong,
.hkw-kb-device-hub-item:focus strong{color:#0f172a!important}
.hkw-kb-device-hub-item:hover small,
.hkw-kb-device-hub-item:focus small{color:#52637a!important}
.hkw-kb-device-hub-empty,
.hkw-kb-device-hub-video-cta,
.hkw-kb-device-hub-video-cta:visited{
  display:block!important;
  padding:14px!important;
  border:1px dashed #c8d9ee!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  color:#52637a!important;
  text-decoration:none!important;
  font-weight:850!important;
}
.hkw-kb-device-hub-video-cta:hover,
.hkw-kb-device-hub-video-cta:focus{
  background:#ffffff!important;
  border-color:#0b63f6!important;
  color:#0b63f6!important;
}
@media(max-width:1280px){
  .hkw-kb-device-hub__top{grid-template-columns:1fr!important}
  .hkw-kb-device-hub__resources{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .hkw-kb-device-hub{padding:16px!important;border-radius:22px!important}
  .hkw-kb-device-hub__actions{grid-template-columns:1fr!important}
  .hkw-kb-device-hub__resources{grid-template-columns:1fr!important}
  .hkw-kb-device-hub__head h3{font-size:23px!important}
}

/* v5.4 Premium UX */
.hkw-kb-card--ok{border-left:4px solid #0a8f50}.hkw-kb-card--warning{border-left:4px solid #f59e0b}.hkw-kb-card--critical{border-left:4px solid #dc2626}.hkw-kb-card--notice{border-left:4px solid #2563eb}.hkw-kb-performance-pro pre{white-space:pre-wrap;background:#0f172a;color:#e5efff;padding:16px;border-radius:14px;}

/* v5.4.0 Step 4 – Frontend-Reihenfolge, Modellfilter und leere Suchboxen */
.hkw-kb-shell > .hkw-kb-my-products{order:10!important}
.hkw-kb-shell > .hkw-kb-finder{order:20!important}
.hkw-kb-shell > .hkw-kb-results-panel{order:30!important}
.hkw-kb-shell > .hkw-kb-support{order:40!important}
.hkw-kb-manual-device-results[hidden],
.hkw-kb-manual-device-results:empty,
.hkw-kb-device-resource-output[hidden],
.hkw-kb-device-resource-output:empty,
.hkw-kb-is-empty{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.hkw-kb-manual-device-search{isolation:isolate}
.hkw-kb-manual-device-results{background:#fff!important}
.hkw-kb-filter select:disabled{opacity:.68;cursor:not-allowed;background:#f8fbff!important}
@media(max-width:900px){.hkw-kb-manual-device-results[hidden],.hkw-kb-manual-device-results:empty{display:none!important}}

/* v5.4.3 – Login-Gate Button-Kontrast-Hotfix
   Buttons bleiben auch ohne Hover sichtbar, selbst wenn Theme-/Shop-CSS globale Linkfarben setzt. */
.hkw-kb-login,
.hkw-kb-login.hkw-kb-login--customer-gate{
  --hkwkb-action-blue:#0b63f6;
  --hkwkb-action-blue-hover:#074ec7;
  --hkwkb-action-white:#ffffff;
  --hkwkb-action-border:#c8d9ee;
}
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary),
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary):link,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary):visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:56px!important;
  padding:0 22px!important;
  border:1px solid #0b63f6!important;
  border-radius:16px!important;
  background-color:#0b63f6!important;
  background-image:linear-gradient(135deg,#0b63f6,#074ec7)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
  box-shadow:0 14px 28px rgba(11,99,246,.20)!important;
}
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary):hover,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary):focus,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary):active{
  background-color:#074ec7!important;
  background-image:linear-gradient(135deg,#0a58dd,#063f9e)!important;
  border-color:#074ec7!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary:link,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:56px!important;
  padding:0 22px!important;
  border:1px solid #c8d9ee!important;
  border-radius:16px!important;
  background:#ffffff!important;
  color:#0b63f6!important;
  -webkit-text-fill-color:#0b63f6!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary:hover,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary:focus,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn.hkw-kb-btn-secondary:active{
  background:#f8fbff!important;
  border-color:#aac8ed!important;
  color:#074ec7!important;
  -webkit-text-fill-color:#074ec7!important;
}
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn *,
.hkw-kb-login.hkw-kb-login--customer-gate .hkw-kb-login__actions a.hkw-kb-btn:not(.hkw-kb-btn-secondary) *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
