/* Brand refine v3 - targeted adjustments based on review */
:root {
  --kpp-blue: #176F9F;
  --kpp-blue-hover: #1F8FC8;
  --kpp-blue-deep: #0E2F43;
  --kpp-footer: #082A3A;
  --kpp-olive: #8FAE4D;
  --kpp-olive-dark: #5F7B2A;
  --kpp-olive-soft: #E7EFD4;
  --kpp-cream: #F8F6EF;
  --kpp-line: #D8DEC8;
}

/* shared brand treatment */
.logo-symbol-ai {
  background: var(--kpp-blue-deep);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.logo-symbol-ai i {
  background: var(--kpp-blue);
  box-shadow: 0 0 18px rgba(23,111,159,.42);
}
.logo-symbol-ai i:nth-child(2),
.logo-symbol-ai i:nth-child(3) {
  background: #D6B85A;
}
.logo-copy strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0B1017, #0E2F43);
  color: #fff;
  line-height: 1;
}
.logo-copy .brand-ki { color: var(--kpp-blue-hover); }
.logo-copy .brand-pilot { color: #fff; }
.logo-copy small { margin-top: 6px; }

.nav-brand-link {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 10px 16px !important;
  border-radius: 999px;
  background: linear-gradient(135deg, #0B1017, #0E2F43);
  color: #fff !important;
  font-weight: 800 !important;
}
.nav-brand-link .brand-ki { color: var(--kpp-blue-hover); }
.nav-brand-link .brand-pilot { color: #fff; }
.nav-brand-link:hover,
.nav-brand-link:focus-visible { color: #fff !important; background: linear-gradient(135deg, #10202d, #154967); }

/* blue checkout buttons */
a.button.button-primary[data-event="checkout_click"],
.product-card-links .button.button-primary,
.mobile-purchase-bar .button.button-primary[data-event="checkout_click"] {
  background: var(--kpp-blue);
  color: #fff;
  box-shadow: 0 12px 30px rgba(23,111,159,.24);
}
a.button.button-primary[data-event="checkout_click"]:hover,
a.button.button-primary[data-event="checkout_click"]:focus-visible,
.product-card-links .button.button-primary:hover,
.product-card-links .button.button-primary:focus-visible,
.mobile-purchase-bar .button.button-primary[data-event="checkout_click"]:hover {
  background: var(--kpp-blue-hover);
  box-shadow: 0 16px 36px rgba(23,111,159,.30);
}

/* green data chips */
.card-stats span,
.compact-facts span {
  background: var(--kpp-olive-dark);
  color: #fff;
  border-color: transparent;
}
.card-stats strong,
.compact-facts strong { color: #fff; }

/* stronger footer like version 2 */
.site-footer {
  background: var(--kpp-footer) !important;
  color: rgba(255,255,255,.76) !important;
}
.footer-brand .logo-copy small,
.footer-brand p,
.footer-grid > div:not(.footer-brand) a,
.footer-bottom { color: rgba(255,255,255,.74) !important; }
.footer-grid h3,
.footer-brand .logo-copy strong { color: #fff !important; }
.footer-grid a:hover,
.footer-grid a:focus-visible { color: var(--kpp-blue-hover) !important; }
.footer-bottom { border-top-color: rgba(255,255,255,.10) !important; }

.final-cta {
  background: linear-gradient(110deg, #0E2F43, #123B4E) !important;
}
.final-cta h2,
.final-cta p { color: #fff !important; }
.final-cta .eyebrow { color: var(--kpp-blue-hover) !important; }

/* home overview adjustments */
body.page-home .split-cta {
  align-items: stretch;
  gap: 28px;
}
body.page-home .split-cta > div:first-child {
  padding: 34px 38px;
  background: linear-gradient(135deg, rgba(143,174,77,.12), rgba(23,111,159,.08));
  border: 1px solid var(--kpp-line);
  border-radius: 28px;
  box-shadow: 0 18px 46px rgba(18,40,50,.06);
}
body.page-home .split-cta > div:first-child h2 { max-width: 780px; }
body.page-home .split-cta aside {
  padding: 32px 32px 30px;
  background: #fff;
  border: 1px solid var(--kpp-line);
  border-radius: 24px;
}
body.page-home .split-cta aside span {
  color: var(--kpp-olive-dark);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  font-size: .74rem;
}
body.page-home .split-cta > div:first-child .button.button-primary {
  background: var(--kpp-blue-deep);
}
body.page-home .split-cta > div:first-child .button.button-primary:hover {
  background: var(--kpp-blue);
}

/* KI-Inventar page targeted section colors */
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-intent-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .product-sidebox,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-fact,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .citation-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .benefit-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .package-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen .license-grid article,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #faq .faq-list summary span {
  border-color: var(--kpp-line) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-intent-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #faq { background: #fff !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-intent-card .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #faq .eyebrow,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .product-sidebox .eyebrow {
  color: var(--kpp-blue) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-intent-card h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #faq h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .product-sidebox a,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-fact strong,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .citation-card h3,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .benefit-card h3,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .package-copy h3 { color: var(--kpp-blue-deep) !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .seo-fact,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .package-card,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen .license-grid article,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #faq .faq-list summary span { background: var(--kpp-cream) !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .citation-card { background: var(--kpp-olive-soft) !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .problem-result article:first-child { background: var(--kpp-cream) !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .problem-result article:nth-child(2) { background: var(--kpp-olive-soft) !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .benefit-card { background: #fff !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #nutzen .benefit-card > span,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .package-icon,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #kaufen .license-grid article > span {
  background: #D6B85A !important;
  color: var(--kpp-blue-deep) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #paketinhalt .package-head span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fff !important;
  border: 1px solid var(--kpp-line);
  color: var(--kpp-blue-deep) !important;
  font-weight: 700;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .product-sidebox {
  background: #fff !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) .product-sidebox a:hover { color: var(--kpp-blue) !important; }

/* keep process module from version 1; do not recolor to blue */
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess { background: transparent !important; }

/* clean, fully clickable next-step cards */
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card {
  display: block;
  padding: 28px 24px;
  border: 1px solid var(--kpp-line);
  border-radius: 18px;
  background: linear-gradient(135deg, var(--kpp-olive-soft), #F5F2EA);
  color: var(--kpp-blue-deep) !important;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(18,40,50,.05);
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card:hover,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(18,40,50,.08);
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card *,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card h3,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card p,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card span {
  color: inherit !important;
  text-decoration: none !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card h3 {
  margin-bottom: 10px;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-card p {
  margin-bottom: 16px;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
}

@media (max-width: 900px) {
  :is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #weitere-praxiskits .cross-sell-grid { grid-template-columns: 1fr; }
}


/* v4 refinement */
/* Dark header area, logo text without pill background */
.site-header {
  background: linear-gradient(135deg, #091018, #0E2F43) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: blur(14px);
}
.site-header .nav { min-height: 78px; }
.site-header .brand-logo,
.site-header .logo-copy,
.site-header .logo-copy small,
.site-header .nav-links a,
.site-header .nav-toggle > span:not(.sr-only) {
  color: rgba(255,255,255,.92) !important;
}
.site-header .logo-copy strong {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.site-header .logo-copy .brand-ki,
.site-header .nav-brand-link .brand-ki { color: var(--kpp-blue-hover) !important; }
.site-header .logo-copy .brand-pilot,
.site-header .nav-brand-link .brand-pilot { color: #fff !important; }
.site-header .logo-copy small {
  color: rgba(255,255,255,.88) !important;
}
.site-header .nav-links a:not(.nav-cross):hover,
.site-header .nav-links a:not(.nav-cross):focus-visible {
  color: #fff !important;
}
.site-header .nav-cross {
  color: #9EBC56 !important;
  border-left-color: rgba(255,255,255,.18) !important;
}
.site-header .nav-cross:hover,
.site-header .nav-cross:focus-visible {
  color: #C6D879 !important;
}
.site-header .nav-brand-link {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  gap: 6px;
}

/* Home support decision section */
body.page-home .split-cta {
  grid-template-columns: minmax(0,1.5fr) minmax(250px,.48fr) !important;
  gap: 28px !important;
  align-items: start !important;
}
body.page-home .split-cta > div:first-child .button.button-primary {
  background: var(--kpp-blue) !important;
}
body.page-home .split-cta > div:first-child .button.button-primary:hover,
body.page-home .split-cta > div:first-child .button.button-primary:focus-visible {
  background: var(--kpp-blue-hover) !important;
}
body.page-home .split-cta aside {
  width: 100% !important;
  max-width: 340px !important;
  align-self: start !important;
  padding: 26px 24px 24px !important;
}
body.page-home .split-cta aside h3 { font-size: 1.25rem !important; }

/* Restore process module exactly as dark highlighted module */
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess.process-module {
  background: linear-gradient(145deg, #1E2915, #384A20) !important;
  color: #fff !important;
  border: 0 !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess.process-module:after {
  content: "" !important;
  position: absolute !important;
  width: 300px !important;
  height: 300px !important;
  right: -150px !important;
  top: -160px !important;
  border-radius: 50% !important;
  background: rgba(143,174,77,.16) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .eyebrow {
  color: #C6D879 !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess h2,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess h3,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess strong {
  color: #fff !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess p,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .phase-task span,
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .process-assurance {
  color: rgba(255,255,255,.74) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .process-assurance {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .process-assurance svg { color: #D6B85A !important; }
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .process-phase {
  background: rgba(255,255,255,.075) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .process-phase:not(:last-child):after {
  background: #8FAE4D !important;
  box-shadow: 7px 0 0 -1px #8FAE4D !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .phase-symbol {
  background: #C6D879 !important;
  color: #1E2915 !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .phase-task {
  background: rgba(0,0,0,.17) !important;
}
:is(body.page-ki-inventar, body.page-ki-einsatzrichtlinie, body.page-ai-act-betreiber, body.product-page-ai-act-transparenz, body.product-page-ai-literacy) #prozess .phase-result {
  color: #DCE7AE !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
}

@media (max-width: 760px) {
  body.page-home .split-cta {
    grid-template-columns: 1fr !important;
  }
  body.page-home .split-cta aside {
    max-width: none !important;
  }
}


/* v5 fixes */
/* Keep the navigation header visible while the service strip scrolls away. */
.service-strip {
  position: static !important;
  z-index: auto !important;
}
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 70 !important;
}

/* Remove pill background from KI PraxisPilot text everywhere */
.logo-copy strong,
.nav-brand-link {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.logo-copy .brand-ki,
.nav-brand-link .brand-ki { color: var(--kpp-blue-hover) !important; }
.logo-copy .brand-pilot,
.nav-brand-link .brand-pilot { color: inherit !important; }
.site-header .logo-copy .brand-pilot,
.site-header .nav-brand-link .brand-pilot,
.site-footer .logo-copy .brand-pilot { color: #fff !important; }
.site-footer .logo-copy .brand-ki { color: var(--kpp-blue-hover) !important; }

/* Product card visuals larger and cleaner */
.product-card-image {
  padding: 6px !important;
  background: #F8F6EF !important;
}
.product-card-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  border: 1px solid #DED8C8 !important;
  box-shadow: 0 14px 28px rgba(40,51,31,.10) !important;
}

/* Ensure right support card does not create excessive whitespace */
body.page-home .split-cta aside {
  max-width: 320px !important;
  padding: 24px 22px 22px !important;
}


/* KI PraxisPilot Shop V2 – scalable shop architecture.
   Extends the existing live brand palette without changing product landing-page design. */
body.shop-v2,
body.shop-shell-v2 { background:#fff; }

body.shop-v2 .nav-links,
body.shop-shell-v2 .nav-links { gap:18px; }
body.shop-v2 .nav-links > a:not(.nav-cross),
body.shop-shell-v2 .nav-links > a:not(.nav-cross) { font-weight:700; }
.nav-products-menu-wide { min-width:330px; padding:9px; }
.nav-products-menu-wide a { display:grid; gap:2px; padding:12px 13px; border-radius:10px; }
.nav-products-menu-wide a strong { color:var(--ink); font-size:.83rem; }
.nav-products-menu-wide a small { color:var(--muted); font-size:.68rem; font-weight:600; }
.nav-products-menu-wide a { white-space:normal; }
.nav-products-menu-wide a small { line-height:1.35; }
.nav-products-menu-wide a:hover,
.nav-products-menu-wide a:focus-visible { background:var(--kpp-cream); }
.nav-search-link { display:inline-flex !important; align-items:center; gap:7px; }
.nav-search-link .icon { width:18px; height:18px; }
body.shop-v2 .nav-cross,
body.shop-shell-v2 .nav-cross {
  padding:10px 14px;
  border:1px solid rgba(14,47,67,.18);
  border-radius:999px;
  color:var(--kpp-blue-deep);
  background:#fff;
  font-weight:800;
}
body.shop-v2 .nav-cross:hover,
body.shop-shell-v2 .nav-cross:hover {
  color:#fff;
  border-color:var(--kpp-blue-deep);
  background:var(--kpp-blue-deep);
}

.shop-hero { overflow:hidden; background:
  radial-gradient(circle at 84% 12%,rgba(214,184,90,.20),transparent 27%),
  radial-gradient(circle at 70% 88%,rgba(143,174,77,.15),transparent 31%),
  linear-gradient(135deg,#fbfaf5 0%,#f8f6ef 56%,#fff 100%);
}
.shop-hero-grid { min-height:620px; display:grid; grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr); gap:68px; align-items:center; padding:74px 0 76px; }
.shop-hero .home-hero-copy { max-width:760px; }
.shop-hero .home-hero-copy h1 { max-width:820px; margin:12px 0 21px; font-size:clamp(3rem,5.3vw,5.2rem); line-height:.98; letter-spacing:-.045em; }
.shop-hero .lead { max-width:740px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:30px; }
.shop-search { min-height:54px; display:flex; align-items:center; gap:10px; padding:6px 7px 6px 15px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 13px 32px rgba(40,51,31,.07); }
.shop-search .icon { width:20px; height:20px; flex:0 0 auto; color:var(--kpp-olive-dark); }
.shop-search input { width:100%; min-width:0; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:.87rem; }
.shop-search input::placeholder { color:#858879; }
.shop-search button { min-height:42px; padding:9px 17px; border:0; border-radius:10px; color:#fff; background:var(--kpp-olive-dark); font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.shop-search-hero { max-width:720px; margin-top:25px; }

.kpp-hero-products { position:relative; height:470px; }
.kpp-hero-products a { position:absolute; display:block; width:65%; overflow:hidden; background:#fff; border:1px solid rgba(40,51,31,.12); border-radius:18px; box-shadow:0 28px 60px rgba(40,51,31,.15); transition:transform .2s ease,box-shadow .2s ease; }
.kpp-hero-products a:hover,.kpp-hero-products a:focus-visible { z-index:5; transform:translateY(-7px) rotate(0deg) !important; box-shadow:0 34px 74px rgba(40,51,31,.21); outline:none; }
.kpp-hero-products img { width:100%; display:block; aspect-ratio:4 / 3; object-fit:cover; }
.kpp-hero-products a:nth-child(1) { left:0; top:72px; transform:rotate(-5deg); z-index:1; }
.kpp-hero-products a:nth-child(2) { right:0; top:0; transform:rotate(4deg); z-index:2; }
.kpp-hero-products a:nth-child(3) { right:7%; bottom:0; transform:rotate(-1deg); z-index:3; }

.shop-quicknav { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.shop-quicknav-inner { min-height:58px; display:flex; align-items:center; justify-content:center; gap:36px; }
.shop-quicknav a { color:var(--dark); font-size:.78rem; font-weight:800; text-decoration:none; }
.shop-quicknav a::after { content:"→"; margin-left:8px; color:var(--accent); }

.section-heading { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.7fr); gap:56px; align-items:end; margin-bottom:38px; }
.section-heading h2 { margin:8px 0 0; }
.section-heading > p { margin:0; color:var(--muted); }
.shop-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.shop-topic-card { min-height:315px; position:relative; padding:0 28px 28px; display:flex; flex-direction:column; overflow:hidden; text-decoration:none; background:linear-gradient(180deg,var(--dark) 0 7px,#fff 7px 100%); border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-soft); transition:transform .18s,box-shadow .18s,border-color .18s; }
.shop-topic-card::before { content:""; position:absolute; width:190px; height:190px; right:-95px; top:24px; border-radius:50%; background:radial-gradient(circle,rgba(214,184,90,.19),rgba(214,184,90,0) 68%); }
.shop-topic-card:hover,.shop-topic-card:focus-visible { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#cfd6b9; outline:none; }
.topic-icon { width:54px; height:54px; margin-top:30px; display:grid; place-items:center; color:#fff; background:var(--dark); border-radius:14px; box-shadow:0 10px 24px rgba(40,51,31,.17); }
.topic-icon .icon { width:25px; height:25px; color:var(--accent); }
.shop-topic-card small { margin-top:23px; color:var(--kpp-olive-dark); font-size:.66rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.shop-topic-card h3 { margin:7px 0 10px; font-size:1.45rem; }
.shop-topic-card p { max-width:94%; color:var(--muted); }
.topic-link { margin-top:auto; display:inline-flex; align-items:center; gap:8px; color:var(--dark); font-size:.84rem; font-weight:820; z-index:1; }
.topic-link .icon { width:16px; height:16px; color:var(--kpp-olive-dark); transition:transform .18s ease; }
a:hover > .topic-link .icon, a:focus-visible > .topic-link .icon { transform:translateX(4px); }
.section-after-link { margin-top:34px; display:flex; justify-content:center; }

.job-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.job-card { min-height:260px; position:relative; padding:25px; display:flex; flex-direction:column; overflow:hidden; text-decoration:none; background:linear-gradient(145deg,#fff,var(--surface)); border:1px solid var(--line); border-radius:16px; transition:transform .18s,border-color .18s,box-shadow .18s; }
.job-card::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:linear-gradient(90deg,var(--kpp-olive-dark),var(--accent)); transform:scaleX(.28); transform-origin:left; transition:transform .18s ease; }
.job-card:hover,.job-card:focus-visible { transform:translateY(-3px); border-color:#cad2b6; box-shadow:var(--shadow-soft); outline:none; }
.job-card:hover::after,.job-card:focus-visible::after { transform:scaleX(1); }
.job-icon,.task-icon { width:46px; height:46px; display:grid; place-items:center; color:var(--dark); background:var(--kpp-olive-soft); border:1px solid #d7dec6; border-radius:12px; }
.job-icon .icon,.task-icon .icon { width:23px; height:23px; color:var(--dark); }
.job-card h3 { margin:28px 0 10px; font-size:1.2rem; }
.job-card p { margin-bottom:18px; color:var(--muted); font-size:.88rem; }
.job-link { margin-top:auto; display:inline-flex; align-items:center; gap:7px; color:var(--dark); font-size:.78rem; font-weight:820; }
.job-link .icon { width:15px; height:15px; color:var(--kpp-olive-dark); }

.catalog-home-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.catalog-format-tags { display:flex; flex-wrap:wrap; gap:6px; margin:15px 0 2px; }
.catalog-format-tags span { padding:5px 8px; color:#435125; background:var(--kpp-olive-soft); border:1px solid #d7dec6; border-radius:999px; font-size:.68rem; font-weight:760; }
.catalog-product-card .card-stats,.catalog-product-card .status-dot,.catalog-product-card .product-card-links { display:none; }
.catalog-product-card .product-card-price { margin-top:15px; }
.catalog-product-card.product-card--clickable { transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.catalog-product-card.product-card--clickable:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#cbd3b5; }
.catalog-card-arrow { width:32px; height:32px; display:grid; place-items:center; flex:0 0 auto; color:var(--dark); background:var(--kpp-olive-soft); border:1px solid #d7dec6; border-radius:50%; transition:background .18s ease,color .18s ease,transform .18s ease; }
.catalog-card-arrow .icon { width:14px; height:14px; }
.catalog-product-card:hover .catalog-card-arrow { color:#fff; background:var(--dark); transform:translateX(2px); }

.shop-value-section { padding:92px 0; background:linear-gradient(118deg,var(--dark),var(--kpp-blue-deep)); }
.value-intro { max-width:850px; }
.value-intro h2 { color:#fff; }
.value-intro p { max-width:770px; color:rgba(255,255,255,.72); }
.value-intro .eyebrow { color:var(--accent); }
.process-flow { margin:48px 0 40px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:42px; }
.process-flow article { position:relative; min-height:190px; padding:70px 4px 10px 0; background:transparent; border:0; border-radius:0; }
.process-flow article:not(:last-child)::after { content:"→"; position:absolute; right:-31px; top:52px; color:var(--accent); font-size:2.05rem; font-weight:300; line-height:1; }
.process-flow .flow-icon { position:absolute; left:0; top:0; width:50px; height:50px; display:grid; place-items:center; color:var(--dark); background:var(--accent); border-radius:14px; box-shadow:0 12px 28px rgba(0,0,0,.16); }
.process-flow .flow-icon .icon { width:24px; height:24px; }
.process-flow h3 { margin:0 0 10px; color:#fff; }
.process-flow p { margin:0; color:rgba(255,255,255,.70); font-size:.88rem; }
.process-flow-light article { color:var(--ink); }
.process-flow-light .flow-icon { color:var(--dark); background:var(--kpp-olive-soft); border:1px solid #d7dec6; box-shadow:none; }
.process-flow-light article:not(:last-child)::after { color:var(--kpp-olive-dark); }
.process-flow-light h3 { color:var(--dark); }
.process-flow-light p { color:var(--muted); }
.purchase-steps.process-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
.button-light { background:#fff; color:var(--dark); box-shadow:none; }

.shop-feature-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:60px; align-items:start; }
.shop-feature-grid > div > p { max-width:780px; color:var(--muted); }
.feature-chips { margin-top:25px; display:flex; flex-wrap:wrap; gap:8px; }
.feature-chips span { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:#4d552f; background:#fff; font-size:.76rem; font-weight:750; }
.shop-info-card,.support-link-card { display:block; padding:28px; color:var(--ink); text-decoration:none; background:linear-gradient(145deg,var(--surface),#fff); border:1px solid var(--line); border-radius:17px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.shop-info-card:hover,.shop-info-card:focus-visible,.support-link-card:hover,.support-link-card:focus-visible { transform:translateY(-3px); box-shadow:var(--shadow-soft); border-color:#cad2b6; outline:none; }
.shop-info-card > span:first-child,.support-link-card > span:first-child { color:var(--kpp-olive-dark); text-transform:uppercase; letter-spacing:.1em; font-size:.68rem; font-weight:850; }
.shop-info-card h3,.support-link-card h3 { margin:9px 0 10px; font-size:1.35rem; }
.shop-info-card p,.support-link-card p { color:var(--muted); }
.shop-split-cta { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:24px; align-items:stretch; }
.shop-split-cta > div { padding:34px 36px; background:#fff; border:1px solid var(--line); border-radius:20px; }
.shop-split-cta > div p { color:var(--muted); }

.shop-page-hero { position:relative; padding:42px 0 62px; background:radial-gradient(circle at 85% 15%,rgba(214,184,90,.21),transparent 26%),linear-gradient(135deg,var(--soft),#fff 68%); border-bottom:1px solid var(--line); }
.shop-page-hero::after { content:""; position:absolute; left:0; bottom:0; width:min(34%,430px); height:4px; background:linear-gradient(90deg,var(--kpp-olive-dark),var(--accent)); }
.shop-page-hero .breadcrumbs { margin-bottom:34px; }
.shop-page-hero h1 { max-width:980px; margin:12px 0 20px; font-size:clamp(2.55rem,5vw,4.6rem); }
.shop-page-hero .lead { max-width:890px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--muted); font-size:.74rem; }
.breadcrumbs a { color:var(--dark); text-decoration:none; font-weight:750; }

.catalog-section { padding:54px 0 92px; }
.catalog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.catalog-search { flex:1; max-width:760px; box-shadow:none; }
.catalog-search button { width:40px; min-height:40px; padding:0; color:var(--muted); background:var(--surface); border:1px solid var(--line); font-size:1.3rem; }
.catalog-count { color:var(--muted); font-size:.83rem; white-space:nowrap; }
.catalog-count strong { color:var(--dark); }
.filter-block { display:grid; grid-template-columns:110px 1fr; gap:16px; align-items:start; margin:12px 0; }
.filter-label { min-height:38px; display:flex; align-items:center; gap:7px; color:var(--dark); font-size:.76rem; font-weight:800; }
.filter-pills { display:flex; flex-wrap:wrap; gap:7px; }
.filter-pills button { min-height:38px; padding:8px 13px; border:1px solid var(--line); border-radius:999px; color:#545947; background:#fff; font-size:.75rem; font-weight:720; cursor:pointer; }
.filter-pills button:hover { border-color:#c7cfb2; }
.filter-pills button.is-active { color:#fff; background:var(--dark); border-color:var(--dark); }
.catalog-grid { margin-top:28px; }
.catalog-product-card[hidden] { display:none !important; }
.catalog-empty { margin-top:40px; padding:50px 30px; text-align:center; border:1px dashed #c7c8bd; border-radius:18px; background:var(--surface); }
.catalog-empty h2 { font-size:1.7rem; }
.catalog-empty p { color:var(--muted); }

.topic-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.topic-detail-card { position:relative; min-height:350px; padding:30px; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow-soft); }
a.topic-detail-card { display:flex; flex-direction:column; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
a.topic-detail-card:hover,a.topic-detail-card:focus-visible { transform:translateY(-4px); box-shadow:var(--shadow); border-color:#c9d0b6; outline:none; }
.topic-detail-accent { position:absolute; inset:0 auto 0 0; width:6px; background:linear-gradient(180deg,var(--kpp-olive-dark),var(--accent)); }
.topic-detail-head { display:flex; align-items:flex-start; gap:15px; }
.topic-detail-head > span { width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; color:var(--dark); background:var(--kpp-olive-soft); border-radius:12px; }
.topic-detail-head > span .icon { color:var(--dark); }
.topic-detail-head small { color:var(--kpp-olive-dark); text-transform:uppercase; letter-spacing:.09em; font-size:.63rem; font-weight:850; }
.topic-detail-head h2 { margin:5px 0 0; font-size:1.35rem; }
.topic-detail-card > p { margin:24px 0 18px; color:var(--muted); }
.topic-product-pill { align-self:flex-start; margin-bottom:22px; padding:7px 10px; color:#505735; background:var(--kpp-olive-soft); border:1px solid #d7dec6; border-radius:9px; font-size:.73rem; font-weight:760; }
.topic-detail-card > .topic-link { margin-top:auto; }

.task-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.task-detail-card { min-height:275px; position:relative; padding:28px; display:grid; grid-template-columns:54px 1fr; gap:20px; overflow:hidden; text-decoration:none; background:linear-gradient(145deg,#fff,var(--surface)); border:1px solid var(--line); border-radius:18px; transition:transform .18s,box-shadow .18s,border-color .18s; }
.task-detail-card::after { content:""; position:absolute; right:-45px; bottom:-45px; width:120px; height:120px; border-radius:50%; background:rgba(214,184,90,.13); }
.task-detail-card:hover,.task-detail-card:focus-visible { transform:translateY(-3px); box-shadow:var(--shadow-soft); border-color:#cbd2b8; outline:none; }
.task-detail-card h2 { margin:4px 0 10px; font-size:1.45rem; }
.task-detail-card p { color:var(--muted); }
.task-detail-card strong { display:inline-flex; align-items:center; gap:7px; color:var(--dark); font-size:.82rem; }
.task-detail-card strong .icon { width:15px; height:15px; color:var(--kpp-olive-dark); }

.kit-definition { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:64px; align-items:center; }
.kit-definition > div:first-child > p { color:var(--muted); }
.kit-definition-card { position:relative; overflow:hidden; padding:32px; color:#fff; background:linear-gradient(145deg,var(--dark),var(--kpp-blue-deep)); border-radius:20px; box-shadow:var(--shadow); }
.kit-definition-card::after { content:""; position:absolute; right:-70px; top:-70px; width:190px; height:190px; border-radius:50%; border:28px solid rgba(214,184,90,.13); }
.kit-definition-card > span { width:52px; height:52px; display:grid; place-items:center; color:var(--dark); background:var(--accent); border-radius:14px; }
.kit-definition-card > strong { display:block; margin:28px 0 8px; font-size:1.45rem; }
.kit-definition-card p { margin:0; color:rgba(255,255,255,.74); }
.principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.principle-grid article { position:relative; padding:28px 26px 26px 30px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.principle-grid article::before { content:""; position:absolute; left:0; top:24px; bottom:24px; width:4px; border-radius:4px; background:var(--accent); }
.principle-grid article > span { width:44px; height:44px; display:grid; place-items:center; color:var(--dark); background:var(--kpp-olive-soft); border-radius:12px; }
.principle-grid article > span .icon { width:22px; height:22px; }
.principle-grid h3 { margin:24px 0 8px; }
.principle-grid p { margin:0; color:var(--muted); font-size:.88rem; }
.shop-faq-grid { display:grid; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); gap:56px; }
.footer-grid-v2 { grid-template-columns:1.4fr repeat(3,1fr); }
.footer-brand-name { margin-bottom:16px; color:#fff; font-size:1.3rem; font-weight:850; }
.footer-brand-name .brand-ki { color:var(--kpp-blue-hover); }

/* Compact catalog: scalable for a larger product portfolio. */
.catalog-page .catalog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.catalog-page .catalog-product-card { min-height:0; border-radius:15px; box-shadow:0 8px 24px rgba(40,51,31,.075); overflow:hidden; }
.catalog-page .catalog-product-card:hover,.catalog-page .catalog-product-card:focus-visible { transform:translateY(-2px); box-shadow:0 15px 34px rgba(40,51,31,.13); }
.catalog-page .catalog-product-card .product-card-visual { padding:0; background:#f2f3e9; }
.catalog-page .catalog-product-card .product-card-image { border-radius:14px 14px 0 0; box-shadow:none; background:#f2f3e9; }
.catalog-page .catalog-product-card .product-card-image img { width:100%; aspect-ratio:16 / 10; min-height:0; max-height:none; object-fit:cover; }
.catalog-page .catalog-product-card .product-card-body { padding:16px 16px 15px; }
.catalog-page .catalog-product-card .product-card-meta { display:block; margin:0 0 7px; color:var(--kpp-olive-dark); font-size:.62rem; line-height:1.35; letter-spacing:.085em; text-transform:uppercase; }
.catalog-page .catalog-product-card h3 { margin:0 0 7px; font-size:1.04rem; line-height:1.24; }
.catalog-page .catalog-product-card p { display:-webkit-box; margin:0; overflow:hidden; color:#5e6255; font-size:.79rem; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.catalog-page .catalog-format-tags { margin:11px 0 0; gap:5px; }
.catalog-page .catalog-format-tags span { padding:4px 7px; border-radius:7px; font-size:.61rem; }
.catalog-page .catalog-product-card .product-card-price { margin:13px 0 0; padding:12px 0 0; border-top:1px solid var(--line); border-bottom:0; align-items:end; }
.catalog-page .catalog-product-card .product-card-price small { font-size:.58rem; }
.catalog-page .catalog-product-card .product-card-price strong { font-size:.96rem; }

@media (max-width:1220px) {
  .catalog-page .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1100px) {
  .shop-hero-grid { grid-template-columns:1fr; gap:30px; }
  .kpp-hero-products { height:390px; max-width:650px; margin:0 auto; width:100%; }
}
@media (max-width:1000px) {
  .shop-topic-grid,.topic-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .job-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .process-flow { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:40px; }
  .process-flow article:nth-child(2)::after { display:none; }
  .purchase-steps.process-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .purchase-steps.process-flow article:nth-child(2)::after { display:block; }
  .footer-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shop-split-cta { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  body.shop-v2 .nav-products,body.shop-shell-v2 .nav-products { width:100%; border-bottom:1px solid var(--line); }
  body.shop-v2 .nav-products-toggle,body.shop-shell-v2 .nav-products-toggle { width:100%; padding:16px 0; justify-content:space-between; font-size:1rem; }
  body.shop-v2 .nav-products-menu,body.shop-shell-v2 .nav-products-menu { position:static; width:100%; min-width:0; margin:0 0 12px; padding:0 0 4px 14px; border:0; border-left:2px solid var(--kpp-olive-soft); border-radius:0; box-shadow:none; display:none; opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  body.shop-v2 .nav-products.is-open .nav-products-menu,body.shop-shell-v2 .nav-products.is-open .nav-products-menu { display:grid; }
  body.shop-v2 .nav-products-menu a,body.shop-shell-v2 .nav-products-menu a { padding:10px 12px; border:0; font-size:.87rem; }
  .nav-search-text { display:inline; }
  .shop-feature-grid,.kit-definition,.shop-faq-grid { grid-template-columns:1fr; gap:34px; }
}
@media (max-width:880px) {
  .catalog-page .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .shop-hero-grid { min-height:0; padding:60px 0 58px; }
  .shop-hero .home-hero-copy h1 { font-size:clamp(2.5rem,12vw,3.55rem); }
  .kpp-hero-products { height:310px; }
  .shop-search-hero { display:grid; grid-template-columns:24px minmax(0,1fr); padding:12px 13px; }
  .shop-search-hero button { grid-column:1 / -1; width:100%; }
  .shop-quicknav-inner { gap:17px; justify-content:flex-start; overflow-x:auto; padding-top:4px; padding-bottom:4px; }
  .section-heading { grid-template-columns:1fr; gap:14px; }
  .shop-topic-grid,.topic-detail-grid,.task-detail-grid,.principle-grid { grid-template-columns:1fr; }
  .job-grid { grid-template-columns:1fr; }
  .process-flow,.purchase-steps.process-flow { grid-template-columns:1fr; gap:20px; }
  .process-flow article { min-height:0; padding:68px 0 32px; }
  .process-flow article:not(:last-child)::after,.process-flow article:nth-child(2)::after { display:block; content:"↓"; right:auto; left:15px; top:auto; bottom:-2px; font-size:1.7rem; }
  .catalog-toolbar { align-items:stretch; flex-direction:column; }
  .catalog-search { width:100%; max-width:none; }
  .filter-block { grid-template-columns:1fr; gap:7px; }
  .catalog-count { align-self:flex-start; }
  .footer-grid-v2 { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .catalog-page .catalog-grid { grid-template-columns:1fr; gap:10px; margin-top:22px; }
  .catalog-page .catalog-product-card { display:grid !important; grid-template-columns:104px minmax(0,1fr); align-items:stretch; overflow:hidden; border-radius:13px; }
  .catalog-page .catalog-product-card .product-card-visual { min-width:0; height:100%; }
  .catalog-page .catalog-product-card .product-card-image { height:100%; min-height:136px; border-radius:0; }
  .catalog-page .catalog-product-card .product-card-image img { width:100%; height:100%; min-height:136px; aspect-ratio:auto; object-fit:cover; }
  .catalog-page .catalog-product-card .product-card-body { min-width:0; padding:12px 12px 11px; }
  .catalog-page .catalog-product-card .product-card-meta { margin-bottom:5px; font-size:.56rem; }
  .catalog-page .catalog-product-card h3 { margin-bottom:5px; font-size:.92rem; }
  .catalog-page .catalog-product-card p { font-size:.7rem; line-height:1.4; -webkit-line-clamp:1; }
  .catalog-page .catalog-format-tags { margin-top:8px; }
  .catalog-page .catalog-format-tags span { padding:3px 6px; font-size:.55rem; }
  .catalog-page .catalog-product-card .product-card-price { margin-top:9px; padding-top:8px; }
  .catalog-page .catalog-product-card .product-card-price small { display:none; }
  .catalog-page .catalog-product-card .product-card-price strong { font-size:.86rem; }
  .catalog-card-arrow { width:26px; height:26px; }
}
@media (max-width:520px) {
  .shop-page-hero { padding:30px 0 48px; }
  .shop-page-hero h1 { font-size:clamp(2.25rem,12vw,3.2rem); }
  .task-detail-card { grid-template-columns:1fr; }
  .filter-pills { gap:6px; }
  .filter-pills button { width:100%; text-align:left; border-radius:10px; }
  .kpp-hero-products { height:240px; }
}
@media (max-width:390px) {
  .catalog-page .catalog-product-card { grid-template-columns:88px minmax(0,1fr); }
  .catalog-page .catalog-product-card .product-card-image,.catalog-page .catalog-product-card .product-card-image img { min-height:128px; }
  .catalog-page .catalog-product-card p { display:none; }
}


/* KI PraxisPilot V2.0.2 – desktop refinement & product-page visual continuity */
/* Structural analogue to SP Digital Produkte V2.2.2, rendered in the approved KI PraxisPilot palette. */

/* Wider desktop shell for the discovery pages and shared header shell. */
body.shop-v2 .container { width:min(calc(100% - 56px),1360px); }
body.shop-shell-v2 .site-header .container.nav,
body.shop-shell-v2 .service-strip .container,
body.shop-v2 .site-header .container.nav,
body.shop-v2 .service-strip .container { width:min(calc(100% - 56px),1360px); }

/* Header: compact, one-line and consistent with the product pages. */
body.shop-v2 .nav,
body.shop-shell-v2 .nav { gap:26px; }
body.shop-v2 .nav-links,
body.shop-shell-v2 .nav-links { gap:20px; }
body.shop-v2 .nav-products-toggle,
body.shop-shell-v2 .nav-products-toggle { white-space:nowrap; font-size:.88rem; }
body.shop-v2 .nav-links > a:not(.nav-cross),
body.shop-shell-v2 .nav-links > a:not(.nav-cross) { white-space:nowrap; }
body.shop-v2 .nav-cross,
body.shop-shell-v2 .nav-cross {
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 15px;
  border:1px solid var(--kpp-blue-deep);
  border-radius:999px;
  color:#fff;
  background:var(--kpp-blue-deep);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(14,47,67,.12);
}
body.shop-v2 .nav-cross:hover,
body.shop-v2 .nav-cross:focus-visible,
body.shop-shell-v2 .nav-cross:hover,
body.shop-shell-v2 .nav-cross:focus-visible { color:#fff; background:var(--kpp-blue); border-color:var(--kpp-blue); }
.sp-wordmark { display:inline-flex; align-items:baseline; gap:4px; font-weight:850; letter-spacing:-.015em; }
.sp-wordmark-sp { color:var(--kpp-blue-hover); }
.sp-wordmark-products { color:#fff; }

body.shop-v2 .service-strip-inner,
body.shop-shell-v2 .service-strip-inner { min-height:32px; font-size:.76rem; }

/* Home hero: retain the KI product montage, but remove unnecessary vertical and horizontal air. */
body.shop-v2.shop-home .shop-hero-grid {
  min-height:0;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr);
  gap:48px;
  padding:52px 0 50px;
}
body.shop-v2.shop-home .shop-hero .home-hero-copy { max-width:900px; }
body.shop-v2.shop-home .shop-hero .home-hero-copy h1 {
  max-width:900px;
  margin:10px 0 18px;
  font-size:clamp(2.85rem,4.25vw,4.45rem);
  line-height:1.01;
}
body.shop-v2.shop-home .shop-hero .lead { max-width:820px; font-size:1.06rem; line-height:1.62; }
body.shop-v2.shop-home .shop-search-hero { max-width:810px; margin-top:23px; }
body.shop-v2.shop-home .hero-actions { margin-top:24px; }
body.shop-v2.shop-home .kpp-hero-products { height:395px; }
body.shop-v2.shop-home .kpp-hero-products a { width:69%; }
body.shop-v2.shop-home .kpp-hero-products a:nth-child(1) { top:56px; }
body.shop-v2.shop-home .kpp-hero-products a:nth-child(2) { top:12px; }
body.shop-v2.shop-home .kpp-hero-products a:nth-child(3) { top:112px; }

/* Product-page accent language: olive eyebrow with controlled gold marker. */
body.shop-v2 .shop-hero .eyebrow,
body.shop-v2 .shop-page-hero .eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
}
body.shop-v2 .shop-hero .eyebrow::before,
body.shop-v2 .shop-page-hero .eyebrow::before {
  content:"";
  width:24px;
  height:5px;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 0 1px rgba(214,184,90,.18);
}

/* Compact page heroes – no oversized empty band on desktop. */
body.shop-v2 .shop-page-hero {
  padding:28px 0 38px;
  background:
    radial-gradient(circle at 87% 22%,rgba(214,184,90,.19),transparent 18%),
    radial-gradient(circle at 78% 16%,rgba(143,174,77,.18),transparent 28%),
    linear-gradient(135deg,#F8F3E5,#fff 70%);
}
body.shop-v2 .shop-page-hero::after {
  width:min(25%,340px);
  height:4px;
  background:linear-gradient(90deg,var(--kpp-blue-deep) 0 58%,var(--kpp-olive-dark) 58% 78%,var(--accent) 78% 100%);
}
body.shop-v2 .shop-page-hero .breadcrumbs { margin-bottom:20px; }
body.shop-v2 .shop-page-hero h1 {
  max-width:1140px;
  margin:8px 0 12px;
  font-size:clamp(2.55rem,4.15vw,4rem);
  line-height:1.04;
}
body.shop-v2 .shop-page-hero .lead { max-width:980px; margin:0; font-size:1.04rem; line-height:1.6; }

/* Readable benefits below the home search – inspired by the product-page fact cards. */
body.shop-v2.shop-home .trust-row {
  max-width:900px;
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  font-size:.85rem;
}
body.shop-v2.shop-home .trust-row span {
  min-height:48px;
  padding:11px 13px;
  border:1px solid var(--kpp-line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 8px 20px rgba(40,51,31,.045);
}
body.shop-v2.shop-home .trust-row span:nth-child(1),
body.shop-v2.shop-home .trust-row span:nth-child(3) {
  background:color-mix(in srgb,var(--accent) 14%,white);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--kpp-line));
}
body.shop-v2.shop-home .trust-row span:nth-child(2) { background:var(--kpp-olive-soft); }
body.shop-v2.shop-home .trust-row .icon { color:var(--kpp-blue-deep); }

/* Schnell-Einstieg: readable, card-like and visibly part of the shop UX. */
body.shop-v2 .shop-quicknav {
  padding:14px 0;
  border-top:0;
  border-bottom:1px solid var(--kpp-line);
  background:#fff;
}
body.shop-v2 .shop-quicknav-inner {
  min-height:0;
  justify-content:flex-start;
  padding:11px 14px;
  gap:10px;
  overflow-x:auto;
  border:1px solid var(--kpp-line);
  border-radius:14px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 15%,white),#fff 30%,var(--kpp-olive-soft) 100%);
  box-shadow:0 10px 26px rgba(40,51,31,.055);
}
body.shop-v2 .shop-quicknav-inner > span {
  padding:8px 10px;
  color:#29341E;
  background:var(--accent);
  border-radius:9px;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}
body.shop-v2 .shop-quicknav a {
  padding:8px 11px;
  border-radius:9px;
  font-size:.87rem;
  background:rgba(255,255,255,.76);
}
body.shop-v2 .shop-quicknav a:hover,
body.shop-v2 .shop-quicknav a:focus-visible { background:#fff; box-shadow:0 5px 16px rgba(40,51,31,.07); outline:none; }
body.shop-v2 .shop-quicknav a::after { display:none; }

/* Stronger differentiation of the NEW shop cards using the existing product-page palette. */
body.shop-v2 .shop-topic-card small,
body.shop-v2 .topic-detail-head small {
  align-self:flex-start;
  padding:5px 8px;
  border-radius:7px;
  color:#29341E;
  background:color-mix(in srgb,var(--accent) 28%,white);
}
body.shop-v2 .shop-topic-card { background:linear-gradient(180deg,var(--kpp-blue-deep) 0 7px,#fff 7px 100%); }
body.shop-v2 .shop-topic-card:nth-child(2) { background:linear-gradient(180deg,var(--accent) 0 7px,#fff 7px 100%); }
body.shop-v2 .shop-topic-card:nth-child(3) { background:linear-gradient(180deg,var(--kpp-olive-dark) 0 7px,#fff 7px 100%); }
body.shop-v2 .topic-icon,
body.shop-v2 .job-icon,
body.shop-v2 .task-icon,
body.shop-v2 .topic-detail-head > span,
body.shop-v2 .principle-grid article > span {
  background:color-mix(in srgb,var(--accent) 21%,white);
  border:1px solid color-mix(in srgb,var(--accent) 43%,var(--kpp-line));
  color:var(--kpp-blue-deep);
  box-shadow:none;
}
body.shop-v2 .topic-icon .icon,
body.shop-v2 .job-icon .icon,
body.shop-v2 .task-icon .icon,
body.shop-v2 .topic-detail-head > span .icon { color:var(--kpp-blue-deep); }
body.shop-v2 .job-card,
body.shop-v2 .task-detail-card,
body.shop-v2 .topic-detail-card,
body.shop-v2 .shop-info-card,
body.shop-v2 .principle-grid article { box-shadow:0 10px 28px rgba(40,51,31,.065); }
body.shop-v2 .job-card::after { background:linear-gradient(90deg,var(--accent),var(--kpp-olive),var(--kpp-blue)); }
body.shop-v2 .topic-detail-accent { background:linear-gradient(180deg,var(--accent),var(--kpp-olive-dark)); }
body.shop-v2 .task-detail-card { position:relative; overflow:hidden; }
body.shop-v2 .task-detail-card::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--accent),var(--kpp-olive));
}
body.shop-v2 .principle-grid article::before { background:var(--accent); }
body.shop-v2 .shop-info-card { background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 11%,white),#fff 52%,var(--kpp-olive-soft)); }

/* Catalog/filter area: product-page-like treatment with a warm active accent. */
body.shop-v2.catalog-page .catalog-section { padding-top:38px; }
body.shop-v2.catalog-page .catalog-toolbar {
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--kpp-line);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent) 9%,white));
  box-shadow:0 10px 28px rgba(40,51,31,.055);
}
body.shop-v2.catalog-page .filter-block {
  margin:10px 0;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--accent) 25%,var(--kpp-line));
  border-radius:12px;
  background:color-mix(in srgb,var(--accent) 7%,white);
}
body.shop-v2.catalog-page .filter-pills button.is-active {
  color:#fff;
  background:var(--kpp-blue-deep);
  border-color:var(--kpp-blue-deep);
  box-shadow:0 6px 16px rgba(14,47,67,.10);
}
body.shop-v2.catalog-page .filter-pills button:not(.is-active):hover {
  border-color:color-mix(in srgb,var(--accent) 65%,var(--kpp-line));
  background:color-mix(in srgb,var(--accent) 13%,white);
}
body.shop-v2.catalog-page .catalog-product-card { border-top:4px solid var(--accent); }
body.shop-v2.catalog-page .catalog-product-card:nth-child(2) { border-top-color:var(--kpp-olive); }
body.shop-v2.catalog-page .catalog-product-card:nth-child(3) { border-top-color:var(--kpp-blue); }

/* FAQ gains the warm highlight already familiar from product detail cards. */
body.shop-v2 .faq-list details { border-left:4px solid color-mix(in srgb,var(--accent) 80%,white); }
body.shop-v2 .faq-list details[open] { border-left-color:var(--accent); }

@media (max-width:1180px) {
  body.shop-v2 .container,
  body.shop-shell-v2 .site-header .container.nav,
  body.shop-shell-v2 .service-strip .container,
  body.shop-v2 .site-header .container.nav,
  body.shop-v2 .service-strip .container { width:min(calc(100% - 40px),1180px); }
  body.shop-v2 .nav-links,
  body.shop-shell-v2 .nav-links { gap:13px; }
  body.shop-v2 .nav-links a,
  body.shop-shell-v2 .nav-links a,
  body.shop-v2 .nav-products-toggle,
  body.shop-shell-v2 .nav-products-toggle { font-size:.79rem; }
  body.shop-v2.shop-home .shop-hero-grid { grid-template-columns:minmax(0,1fr) 360px; gap:32px; }
}
@media (max-width:1000px) {
  body.shop-v2.shop-home .trust-row { grid-template-columns:1fr; }
  body.shop-v2.shop-home .shop-hero-grid { grid-template-columns:1fr; padding:48px 0 44px; }
  body.shop-v2.shop-home .kpp-hero-products { max-width:720px; width:100%; height:390px; margin-inline:auto; }
}
@media (max-width:760px) {
  body.shop-v2 .container,
  body.shop-shell-v2 .site-header .container.nav,
  body.shop-shell-v2 .service-strip .container,
  body.shop-v2 .site-header .container.nav,
  body.shop-v2 .service-strip .container { width:min(calc(100% - 28px),1180px); }
  body.shop-v2 .shop-page-hero { padding:24px 0 32px; }
  body.shop-v2 .shop-page-hero .breadcrumbs { margin-bottom:15px; }
  body.shop-v2 .shop-page-hero h1 { font-size:clamp(2.15rem,11vw,3rem); }
  body.shop-v2 .shop-quicknav { padding:10px 0; }
  body.shop-v2 .shop-quicknav-inner { padding:9px 10px; }
  body.shop-v2.shop-home .kpp-hero-products { height:310px; }
}