@font-face {
  font-family: "Space Grotesk";
  src: url("/wp-content/uploads/klickpfad-assets/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/wp-content/uploads/klickpfad-assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --kp-bg: #fdfbf5;
  --kp-ink: #111111;
  --kp-muted: #6b6860;
  --kp-pink: #fe90e8;
  --kp-yellow: #f7cb46;
  --kp-hi: #f7cb46;
  --kp-blue: #c0f7fe;
  --kp-green: #99e885;
  --kp-surface: #f0ede6;
  --kp-shadow: 5px 5px 0 var(--kp-ink);
  --kp-border: 3px solid var(--kp-ink);
}

/* LocalWP: Header auf "Logo links + CTA rechts" */
body.home .ast-primary-header-bar,
body.elementor-page-6 .ast-primary-header-bar {
  min-height: 78px;
  border-bottom: 3px solid var(--kp-ink);
}

body.home .ast-primary-header-bar .main-header-bar,
body.elementor-page-6 .ast-primary-header-bar .main-header-bar {
  min-height: 78px;
  padding: 0 clamp(16px, 4vw, 72px);
}

body.home .ast-primary-header-bar .site-branding .custom-logo-link,
body.elementor-page-6 .ast-primary-header-bar .site-branding .custom-logo-link {
  display: inline-flex;
  align-items: center;
}

body.home .ast-primary-header-bar .site-title a,
body.elementor-page-6 .ast-primary-header-bar .site-title a {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Alle Menüpunkte ausblenden außer letzter (CTA) */
body.home .ast-primary-header-bar .main-header-menu > .menu-item:not(:last-child),
body.elementor-page-6 .ast-primary-header-bar .main-header-menu > .menu-item:not(:last-child) {
  display: none !important;
}

/* CTA rechts im RetroUI-Stil */
body.home .ast-primary-header-bar .main-header-menu > .menu-item:last-child > a,
body.elementor-page-6 .ast-primary-header-bar .main-header-menu > .menu-item:last-child > a {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: var(--kp-ink) !important;
  background: var(--kp-hi) !important;
  border: 3px solid var(--kp-ink) !important;
  box-shadow: 4px 4px 0 var(--kp-ink) !important;
  padding: 12px 20px !important;
  text-decoration: none !important;
  transition: box-shadow 0.15s, transform 0.15s, background 0.15s;
}

body.home .ast-primary-header-bar .main-header-menu > .menu-item:last-child > a:hover,
body.elementor-page-6 .ast-primary-header-bar .main-header-menu > .menu-item:last-child > a:hover {
  box-shadow: 1px 1px 0 var(--kp-ink) !important;
  transform: translate(3px, 3px);
}

.elementor-page-6,
.elementor-page-6 .elementor-widget,
.elementor-page-6 .elementor-widget-text-editor,
.elementor-page-6 .elementor-widget-heading,
.elementor-page-6 .elementor-button {
  font-synthesis-weight: none;
}

.elementor-page-6 #hero,
.kp-hero-v3 {
  background: var(--kp-bg);
  border-bottom: 3px solid var(--kp-ink);
  min-height: 100vh;
  padding-top: 78px !important;
}

.elementor-page-6 #hero > .elementor-element-39dea44e,
.kp-hero-v3 .kp-hero-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0;
  min-height: calc(100vh - 78px);
}

.elementor-page-6 #hero .elementor-element-b5a1755,
.kp-hero-v3 .kp-hero-left {
  min-width: 0;
}

.elementor-page-6 #hero > .elementor-element-39dea44e > .elementor-element-77d59881,
.kp-hero-v3 .kp-hero-right {
  width: 420px !important;
  max-width: 420px !important;
  justify-self: stretch !important;
  min-width: 0;
}

.elementor-page-6 #hero .elementor-element-b5a1755,
.kp-hero-v3 .kp-hero-left {
  background: var(--kp-bg);
  padding: clamp(56px, 7vw, 104px) clamp(24px, 5vw, 80px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  position: relative;
  overflow: hidden;
}

.elementor-page-6 #hero .elementor-element-b5a1755::before,
.kp-hero-v3 .kp-hero-left::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(17, 17, 17, 0.065) 1px, transparent 1px);
  background-size: 26px 26px;
  pointer-events: none;
}

.elementor-page-6 #hero .elementor-element-b5a1755 > .elementor-element,
.kp-hero-v3 .kp-hero-left > .elementor-element {
  position: relative;
  z-index: 1;
}

.elementor-page-6 #hero .elementor-element-4f7693d1,
.kp-hero-v3 .kp-hero-eyebrow-wrap {
  width: fit-content !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  background: var(--kp-pink) !important;
  border: 2px solid var(--kp-ink) !important;
  padding: 6px 14px !important;
  margin: 0 0 32px !important;
  display: inline-flex !important;
}

.elementor-page-6 #hero .elementor-element-11e70479,
.kp-hero-v3 .kp-hero-eyebrow {
  width: auto !important;
}

.elementor-page-6 #hero .elementor-element-11e70479 .elementor-heading-title,
.kp-hero-v3 .kp-hero-eyebrow .elementor-heading-title {
  margin: 0 !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 3.5px !important;
  text-transform: uppercase;
  color: var(--kp-ink) !important;
}

.elementor-page-6 #hero .elementor-element-134dbe7d,
.kp-hero-v3 .kp-hero-title-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: auto !important;
  margin: 0 0 28px !important;
}

.elementor-page-6 #hero .elementor-element-e7bd5cf .elementor-heading-title,
.elementor-page-6 #hero .elementor-element-1975786a .elementor-heading-title,
.elementor-page-6 #hero .elementor-element-5890f4c .elementor-heading-title,
.kp-hero-v3 .kp-hero-title-line .elementor-heading-title {
  margin: 0 !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(38px, 5.2vw, 74px) !important;
  font-weight: 800 !important;
  line-height: 1.03 !important;
  letter-spacing: -2.5px !important;
  color: var(--kp-ink) !important;
}

.elementor-page-6 #hero .elementor-element-193d365d,
.kp-hero-v3 .kp-hero-title-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}

.elementor-page-6 #hero .elementor-element-1975786a,
.elementor-page-6 #hero .elementor-element-5890f4c,
.kp-hero-v3 .kp-hero-title-die,
.kp-hero-v3 .kp-hero-title-highlight {
  width: auto !important;
  flex: 0 0 auto !important;
}

.elementor-page-6 #hero .elementor-element-5890f4c,
.kp-hero-v3 .kp-hero-title-highlight {
  background: var(--kp-yellow) !important;
  padding: 2px 6px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.elementor-page-6 #hero .elementor-element-4e2e4f72,
.kp-hero-v3 .kp-hero-sub {
  max-width: 500px !important;
  margin: 0 0 44px !important;
}

.elementor-page-6 #hero .elementor-element-4e2e4f72 p,
.kp-hero-v3 .kp-hero-sub p {
  margin: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(16px, 1.6vw, 19px) !important;
  line-height: 1.75 !important;
  color: var(--kp-muted) !important;
}

.elementor-page-6 #hero .elementor-element-340bd36,
.kp-hero-v3 .kp-hero-buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.elementor-page-6 #hero .elementor-element-4e550198 .elementor-button,
.kp-hero-v3 .kp-button-main .elementor-button,
.elementor-page-6 #hero .elementor-element-2c586e86 .elementor-button,
.kp-hero-v3 .kp-button-secondary .elementor-button {
  border-radius: 0 !important;
  border: 3px solid var(--kp-ink) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  padding: 14px 28px !important;
}

.elementor-page-6 #hero .elementor-element-4e550198 .elementor-button,
.kp-hero-v3 .kp-button-main .elementor-button {
  background: var(--kp-yellow) !important;
  color: var(--kp-ink) !important;
  font-weight: 700 !important;
  box-shadow: 5px 5px 0 var(--kp-ink) !important;
}

.elementor-page-6 #hero .elementor-element-4e550198 .elementor-button:hover,
.kp-hero-v3 .kp-button-main .elementor-button:hover,
.elementor-page-6 #hero .elementor-element-4e550198 .elementor-button:focus,
.kp-hero-v3 .kp-button-main .elementor-button:focus {
  color: #fff !important;
}

.elementor-page-6 #hero .elementor-element-2c586e86 .elementor-button,
.kp-hero-v3 .kp-button-secondary .elementor-button {
  background: transparent !important;
  color: var(--kp-ink) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.elementor-page-6 #hero .elementor-element-2c586e86 .elementor-button:hover,
.kp-hero-v3 .kp-button-secondary .elementor-button:hover,
.elementor-page-6 #hero .elementor-element-2c586e86 .elementor-button:focus,
.kp-hero-v3 .kp-button-secondary .elementor-button:focus {
  color: #fff !important;
}

.elementor-page-6 #hero > .elementor-element-77d59881,
.kp-hero-v3 .kp-hero-right {
  background: var(--kp-blue) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 78px);
  overflow: hidden;
}

.elementor-page-6 #hero .elementor-element-444a57cb,
.kp-hero-v3 .kp-hero-right-inner {
  flex: 1 1 auto;
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 28px !important;
  background: var(--kp-blue) !important;
}

.elementor-page-6 #hero .elementor-element-444a57cb::before,
.kp-hero-v3 .kp-hero-right-inner::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 2.5px solid var(--kp-ink);
  background: #b9edf0;
  bottom: 36px;
  right: 28px;
  z-index: 1;
}

.elementor-page-6 #hero .elementor-element-444a57cb::after,
.kp-hero-v3 .kp-hero-right-inner::after {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 2.5px solid var(--kp-ink);
  background: var(--kp-pink);
  top: 44px;
  left: 28px;
  z-index: 1;
}

.elementor-page-6 #hero .elementor-element-746cfbde,
.kp-hero-v3 .kp-statue-card {
  position: relative;
  z-index: 3;
  width: 320px;
  max-width: 100%;
  background: #f5f0e8 !important;
  border: 3px solid var(--kp-ink) !important;
  box-shadow: 8px 8px 0 var(--kp-ink) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}

.elementor-page-6 #hero .elementor-element-d60f386,
.kp-hero-v3 .kp-statue-card-body {
  flex: 1 1 auto;
  min-height: 380px;
  padding: 20px 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 6px, rgba(17, 17, 17, 0.06) 6px, rgba(17, 17, 17, 0.06) 7px) !important;
}

.elementor-page-6 #hero .elementor-element-28edbea8,
.elementor-page-6 #hero .elementor-element-28edbea8 img,
.kp-hero-v3 .kp-bust-hero,
.kp-hero-v3 .kp-bust-hero img {
  display: block;
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
}

.elementor-page-6 #hero .elementor-element-13e0de7d,
.kp-hero-v3 .kp-statue-card-footer-wrap {
  background: var(--kp-ink) !important;
  border-top: 3px solid var(--kp-ink) !important;
  padding: 12px 16px !important;
}

.elementor-page-6 #hero .elementor-element-3c3b8484 .elementor-heading-title,
.kp-hero-v3 .kp-statue-card-footer .elementor-heading-title {
  margin: 0 !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
  color: var(--kp-bg) !important;
}

@media (max-width: 1279px) {
  .elementor-page-6 #hero > .elementor-element-39dea44e,
  .kp-hero-v3 .kp-hero-shell {
    grid-template-columns: minmax(0, 1fr) 360px;
  }

  .elementor-page-6 #hero > .elementor-element-39dea44e > .elementor-element-77d59881,
  .kp-hero-v3 .kp-hero-right {
    width: 360px !important;
    max-width: 360px !important;
  }

  .elementor-page-6 #hero .elementor-element-b5a1755,
  .kp-hero-v3 .kp-hero-left {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

@media (max-width: 1024px) {
  .elementor-page-6 #hero > .elementor-element-39dea44e,
  .kp-hero-v3 .kp-hero-shell {
    grid-template-columns: 1fr;
  }

  .elementor-page-6 #hero > .elementor-element-39dea44e > .elementor-element-77d59881,
  .kp-hero-v3 .kp-hero-right {
    width: 100% !important;
    max-width: none !important;
  }

  .elementor-page-6 #hero > .elementor-element-77d59881,
  .kp-hero-v3 .kp-hero-right {
    min-height: 360px;
  }
}

@media (max-width: 767px) {
  .elementor-page-6 #hero .elementor-element-b5a1755,
  .kp-hero-v3 .kp-hero-left {
    padding: 56px 20px 44px !important;
  }

  .elementor-page-6 #hero .elementor-element-e7bd5cf .elementor-heading-title,
  .elementor-page-6 #hero .elementor-element-1975786a .elementor-heading-title,
  .elementor-page-6 #hero .elementor-element-5890f4c .elementor-heading-title,
  .kp-hero-v3 .kp-hero-title-line .elementor-heading-title {
    font-size: 40px !important;
    letter-spacing: -2px !important;
  }

  .elementor-page-6 #hero .elementor-element-193d365d,
  .kp-hero-v3 .kp-hero-title-row {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .elementor-page-6 #hero .elementor-element-4e2e4f72,
  .kp-hero-v3 .kp-hero-sub {
    max-width: 100% !important;
  }

  .elementor-page-6 #hero .elementor-element-444a57cb,
  .kp-hero-v3 .kp-hero-right-inner {
    padding: 24px 20px 32px !important;
  }

  .elementor-page-6 #hero .elementor-element-d60f386,
  .kp-hero-v3 .kp-statue-card-body {
    min-height: 320px;
  }
}

.elementor-page-6 #problem,
.kp-problem {
  background: var(--kp-ink) !important;
  color: var(--kp-bg);
  padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px) !important;
}

.elementor-page-6 #problem .kp-problem-inner,
.kp-problem .kp-problem-inner {
  max-width: 1200px;
  margin-inline: auto;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-page-6 #problem .kp-sec-label,
.kp-problem .kp-sec-label {
  display: inline-block;
  width: fit-content;
  padding: 4px 10px;
  margin-bottom: 20px;
  background: var(--kp-bg);
  color: var(--kp-ink) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  line-height: 1 !important;
  text-transform: uppercase;
}

.elementor-page-6 #problem .kp-problem-h2 .elementor-heading-title,
.kp-problem .kp-problem-h2 .elementor-heading-title {
  margin: 0 0 16px !important;
  color: var(--kp-bg) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(28px, 3.8vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
}

.elementor-page-6 #problem .kp-problem-sub,
.elementor-page-6 #problem .elementor-element-kpp405,
.kp-problem .kp-problem-sub {
  max-width: 620px !important;
  margin-bottom: 56px !important;
}

.elementor-page-6 #problem .kp-problem-sub p,
.kp-problem .kp-problem-sub p {
  margin: 0 !important;
  color: rgba(253, 251, 245, 0.5) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.elementor-page-6 #problem .kp-prob-grid,
.elementor-page-6 #problem .elementor-element-kpp406,
.kp-problem .kp-prob-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 !important;
  width: 100% !important;
  max-width: 1200px !important;
  align-self: stretch !important;
  justify-content: stretch !important;
  justify-items: stretch !important;
  border: 2.5px solid rgba(253, 251, 245, 0.1) !important;
}

.elementor-page-6 #problem .kp-prob-card,
.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409,
.kp-problem .kp-prob-card {
  padding: 44px 32px !important;
  min-height: 404px !important;
  width: 100% !important;
  background: transparent !important;
  border-right: 2.5px solid rgba(253, 251, 245, 0.1) !important;
  transition: background 0.25s, border-color 0.25s, color 0.25s !important;
}

.elementor-page-6 #problem .kp-prob-card:last-child,
.elementor-page-6 #problem .elementor-element-kpp409,
.kp-problem .kp-prob-card:last-child {
  border-right: none !important;
}

.elementor-page-6 #problem .kp-prob-card-1:hover,
.elementor-page-6 #problem .elementor-element-kpp407:hover,
.kp-problem .kp-prob-card-1:hover {
  background: var(--kp-pink);
  color: var(--kp-ink);
  border-color: var(--kp-pink);
}

.elementor-page-6 #problem .kp-prob-card-2:hover,
.elementor-page-6 #problem .elementor-element-kpp408:hover,
.kp-problem .kp-prob-card-2:hover {
  background: var(--kp-blue);
  color: var(--kp-ink);
  border-color: var(--kp-blue);
}

.elementor-page-6 #problem .kp-prob-card-3:hover,
.elementor-page-6 #problem .elementor-element-kpp409:hover,
.kp-problem .kp-prob-card-3:hover {
  background: #99e885;
  color: var(--kp-ink);
  border-color: #99e885;
}

.elementor-page-6 #problem .kp-prob-card:hover .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .kp-prob-card:hover .kp-prob-title .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover .kp-prob-title .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .kp-prob-title .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .kp-prob-title .elementor-heading-title,
.kp-problem .kp-prob-card:hover .kp-prob-num .elementor-heading-title,
.kp-problem .kp-prob-card:hover .kp-prob-title .elementor-heading-title {
  color: var(--kp-ink) !important;
}

.elementor-page-6 #problem .kp-prob-card:hover .kp-prob-stat .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover .kp-prob-stat .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .kp-prob-stat .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .kp-prob-stat .elementor-heading-title,
.kp-problem .kp-prob-card:hover .kp-prob-stat .elementor-heading-title {
  color: rgba(17, 17, 17, 0.45) !important;
}

.elementor-page-6 #problem .kp-prob-card:hover .kp-prob-body p,
.elementor-page-6 #problem .elementor-element-kpp407:hover .kp-prob-body p,
.elementor-page-6 #problem .elementor-element-kpp408:hover .kp-prob-body p,
.elementor-page-6 #problem .elementor-element-kpp409:hover .kp-prob-body p,
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407d p,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408d p,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409d p,
.kp-problem .kp-prob-card:hover .kp-prob-body p {
  color: rgba(17, 17, 17, 0.65) !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407a .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408a .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409a .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407c .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408c .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409c .elementor-heading-title {
  color: var(--kp-ink) !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409b .elementor-heading-title {
  color: rgba(17, 17, 17, 0.45) !important;
}

.elementor-page-6 #problem .kp-prob-num .elementor-heading-title,
.kp-problem .kp-prob-num .elementor-heading-title {
  margin: 0 0 4px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 60px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.elementor-page-6 #problem .kp-prob-card-1 .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title,
.kp-problem .kp-prob-card-1 .kp-prob-num .elementor-heading-title {
  color: var(--kp-pink) !important;
}

.elementor-page-6 #problem .kp-prob-card-2 .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408a .elementor-heading-title,
.kp-problem .kp-prob-card-2 .kp-prob-num .elementor-heading-title {
  color: #c0f7fe !important;
}

.elementor-page-6 #problem .kp-prob-card-3 .kp-prob-num .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409a .elementor-heading-title,
.kp-problem .kp-prob-card-3 .kp-prob-num .elementor-heading-title {
  color: #99e885 !important;
}

.elementor-page-6 #problem .kp-prob-stat .elementor-heading-title,
.kp-problem .kp-prob-stat .elementor-heading-title {
  margin: 0 0 18px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
  color: rgba(253, 251, 245, 0.3) !important;
}

.elementor-page-6 #problem .kp-prob-title .elementor-heading-title,
.kp-problem .kp-prob-title .elementor-heading-title {
  margin: 0 0 10px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: var(--kp-bg) !important;
}

.elementor-page-6 #problem .kp-prob-body p,
.kp-problem .kp-prob-body p {
  margin: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(253, 251, 245, 0.45) !important;
}



.elementor-page-6 #problem .elementor-element-kpp406 > .elementor-element {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  position: relative !important;
  overflow: visible !important;
}

.elementor-page-6 #problem .elementor-element-kpp407 .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp408 .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp409 .elementor-element {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp407d {
  width: 100% !important;
  align-self: stretch !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title { color: var(--kp-pink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title { color: rgba(253, 251, 245, 0.3) !important; }
.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title { color: var(--kp-bg) !important; }
.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp407d p { color: rgba(253, 251, 245, 0.45) !important; }

.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp407 > .e-con-inner,
.elementor-page-6 #problem .elementor-element-kpp407 > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp407d {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  mask: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  inset: auto !important;
  z-index: 3 !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407d p {
  opacity: 1 !important;
  visibility: visible !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover { background: var(--kp-pink) !important; border-color: var(--kp-pink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407d p { color: rgba(17, 17, 17, 0.65) !important; }

.elementor-page-6 #problem .elementor-element-kpp408:hover { background: var(--kp-blue) !important; border-color: var(--kp-blue) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408d p { color: rgba(17, 17, 17, 0.65) !important; }

.elementor-page-6 #problem .elementor-element-kpp409:hover { background: #99e885 !important; border-color: #99e885 !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409d p { color: rgba(17, 17, 17, 0.65) !important; }

@media (max-width: 720px) {
  .elementor-page-6 #problem .kp-prob-grid,
  .kp-problem .kp-prob-grid {
    grid-template-columns: 1fr;
  }

  .elementor-page-6 #problem .kp-prob-card,
  .kp-problem .kp-prob-card {
    margin-right: 0;
  }
}

.elementor-page-6 #services,
.kp-services {
  background: var(--kp-bg) !important;
  border-bottom: 3px solid var(--kp-ink) !important;
  padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px) !important;
}

.elementor-page-6 #services .kp-services-inner,
.elementor-page-6 #services > .elementor-element-kps402,
.kp-services .kp-services-inner {
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.elementor-page-6 #services .kp-services-h2 .elementor-heading-title,
.kp-services .kp-services-h2 .elementor-heading-title {
  margin: 0 0 16px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 54px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
  color: var(--kp-ink) !important;
}

.elementor-page-6 #services .elementor-element-kps403,
.kp-services .elementor-element-kps403 {
  display: inline-flex !important;
  width: fit-content !important;
  align-self: flex-start !important;
  background: var(--kp-ink) !important;
  padding: 4px 10px !important;
  margin: 0 0 20px !important;
}

.elementor-page-6 #services .elementor-element-kps403 .elementor-heading-title,
.kp-services .elementor-element-kps403 .elementor-heading-title {
  color: var(--kp-bg) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.elementor-page-6 #services .kp-services-sub,
.elementor-page-6 #services .elementor-element-kps405,
.kp-services .kp-services-sub {
  max-width: 580px !important;
  margin-bottom: 56px !important;
}

.elementor-page-6 #services .kp-services-sub p,
.kp-services .kp-services-sub p {
  margin: 0 !important;
  color: var(--kp-muted) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.elementor-page-6 #services .kp-service-grid,
.elementor-page-6 #services .elementor-element-kps406,
.kp-services .kp-service-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, auto)) !important;
  gap: 0 !important;
  border: 3px solid var(--kp-ink) !important;
  box-shadow: 18px 18px 0 var(--kp-ink) !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 1200px !important;
  align-self: stretch !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

.elementor-page-6 #services .kp-service-card,
.elementor-page-6 #services .elementor-element-kps407,
.elementor-page-6 #services .elementor-element-kps408,
.elementor-page-6 #services .elementor-element-kps409,
.elementor-page-6 #services .elementor-element-kps410,
.elementor-page-6 #services .elementor-element-kps411,
.elementor-page-6 #services .elementor-element-kps412,
.kp-services .kp-service-card {
  background: var(--kp-bg) !important;
  padding: 36px 28px !important;
  min-height: 206px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  border-right: 3px solid var(--kp-ink) !important;
  border-bottom: 3px solid var(--kp-ink) !important;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
  width: 100% !important;
  margin: 0 !important;
  align-self: stretch !important;
}

.elementor-page-6 #services .elementor-element-kps407 { grid-area: 1 / 1 !important; }
.elementor-page-6 #services .elementor-element-kps408 { grid-area: 1 / 2 !important; }
.elementor-page-6 #services .elementor-element-kps409 { grid-area: 1 / 3 !important; }
.elementor-page-6 #services .elementor-element-kps410 { grid-area: 2 / 1 !important; }
.elementor-page-6 #services .elementor-element-kps411 { grid-area: 2 / 2 !important; }
.elementor-page-6 #services .elementor-element-kps412 { grid-area: 2 / 3 !important; }

.elementor-page-6 #services .kp-service-card:nth-child(3),
.elementor-page-6 #services .kp-service-card:nth-child(6),
.elementor-page-6 #services .elementor-element-kps409,
.elementor-page-6 #services .elementor-element-kps412,
.kp-services .kp-service-card:nth-child(3),
.kp-services .kp-service-card:nth-child(6) {
  border-right: none !important;
}

.elementor-page-6 #services .kp-service-card:nth-child(n+4),
.elementor-page-6 #services .elementor-element-kps410,
.elementor-page-6 #services .elementor-element-kps411,
.elementor-page-6 #services .elementor-element-kps412,
.kp-services .kp-service-card:nth-child(n+4) {
  border-bottom: none !important;
}

.elementor-page-6 #services .kp-service-card:hover,
.elementor-page-6 #services .elementor-element-kps407:hover,
.elementor-page-6 #services .elementor-element-kps408:hover,
.elementor-page-6 #services .elementor-element-kps409:hover,
.elementor-page-6 #services .elementor-element-kps410:hover,
.elementor-page-6 #services .elementor-element-kps411:hover,
.kp-services .kp-service-card:hover {
  transform: translate(-3px, -3px) !important;
  box-shadow: 8px 8px 0 var(--kp-ink) !important;
  z-index: 2 !important;
  background: var(--kp-surface) !important;
}

.elementor-page-6 #services .kp-service-badge,
.kp-services .kp-service-badge {
  width: 48px !important;
  height: 48px !important;
  margin: 0 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 3px solid var(--kp-ink) !important;
}

.elementor-page-6 #services .kp-service-card-pink .kp-service-badge,
.elementor-page-6 #services .elementor-element-kps407a,
.elementor-page-6 #services .elementor-element-kps411a,
.kp-services .kp-service-card-pink .kp-service-badge {
  background: var(--kp-pink) !important;
}

.elementor-page-6 #services .kp-service-card-blue .kp-service-badge,
.elementor-page-6 #services .elementor-element-kps408a,
.kp-services .kp-service-card-blue .kp-service-badge {
  background: var(--kp-blue) !important;
}

.elementor-page-6 #services .kp-service-card-yellow .kp-service-badge,
.elementor-page-6 #services .elementor-element-kps409a,
.kp-services .kp-service-card-yellow .kp-service-badge {
  background: var(--kp-hi) !important;
}

.elementor-page-6 #services .kp-service-card-green .kp-service-badge,
.elementor-page-6 #services .elementor-element-kps410a,
.kp-services .kp-service-card-green .kp-service-badge {
  background: var(--kp-green) !important;
}

.elementor-page-6 #services .kp-service-badge .elementor-heading-title,
.kp-services .kp-service-badge .elementor-heading-title {
  margin: 0 !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--kp-ink) !important;
}

.elementor-page-6 #services .kp-service-title .elementor-heading-title,
.kp-services .kp-service-title .elementor-heading-title {
  margin: 0 0 10px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.5px !important;
  color: var(--kp-ink) !important;
}

.elementor-page-6 #services .kp-service-body p,
.kp-services .kp-service-body p {
  margin: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: var(--kp-muted) !important;
}

.elementor-page-6 #services .kp-service-cta,
.elementor-page-6 #services .elementor-element-kps412,
.kp-services .kp-service-cta {
  background: var(--kp-ink) !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.elementor-page-6 #services .kp-service-cta:hover,
.elementor-page-6 #services .elementor-element-kps412:hover,
.kp-services .kp-service-cta:hover {
  background: var(--kp-ink) !important;
  transform: none !important;
  box-shadow: none !important;
}

.elementor-page-6 #services .kp-service-cta-title .elementor-heading-title,
.kp-services .kp-service-cta-title .elementor-heading-title {
  margin: 0 0 12px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  color: var(--kp-bg) !important;
}

.elementor-page-6 #services .kp-service-cta-body p,
.kp-services .kp-service-cta-body p {
  margin: 0 0 24px !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: rgba(253, 251, 245, 0.5) !important;
}

.elementor-page-6 #services .kp-service-cta-button .elementor-button,
.elementor-page-6 #services .elementor-element-kps412c .elementor-button,
.kp-services .kp-service-cta-button .elementor-button {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--kp-ink) !important;
  background: var(--kp-hi) !important;
  border: 3px solid var(--kp-ink) !important;
  box-shadow: 4px 4px 0 var(--kp-hi) !important;
  padding: 12px 20px !important;
  display: inline-block !important;
}

.elementor-page-6 #services .elementor-element-kps412c,
.kp-services .kp-service-cta-button {
  display: block !important;
  width: auto !important;
  margin-top: 24px !important;
}

.elementor-page-6 #services .elementor-element-kps412c .elementor-button,
.kp-services .kp-service-cta-button .elementor-button {
  visibility: visible !important;
  opacity: 1 !important;
}

.elementor-page-6 #services .elementor-element-kps412c .elementor-button:hover,
.kp-services .kp-service-cta-button .elementor-button:hover {
  box-shadow: 1px 1px 0 var(--kp-hi) !important;
  transform: translate(3px, 3px) !important;
}

@media (max-width: 980px) {
  .elementor-page-6 #services .kp-service-grid,
  .elementor-page-6 #services .elementor-element-kps406,
  .kp-services .kp-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .elementor-page-6 #services .kp-service-card:nth-child(3),
  .elementor-page-6 #services .kp-service-card:nth-child(6),
  .elementor-page-6 #services .elementor-element-kps409,
  .elementor-page-6 #services .elementor-element-kps412,
  .kp-services .kp-service-card:nth-child(3),
  .kp-services .kp-service-card:nth-child(6) {
    border-right: 3px solid var(--kp-ink) !important;
  }

  .elementor-page-6 #services .kp-service-card:nth-child(2n),
.elementor-page-6 #services .elementor-element-kps408,
.elementor-page-6 #services .elementor-element-kps410,
.elementor-page-6 #services .elementor-element-kps412,
  .kp-services .kp-service-card:nth-child(2n) {
    border-right: none !important;
  }

  .elementor-page-6 #services .kp-service-card:nth-child(n+5),
.elementor-page-6 #services .elementor-element-kps411,
.elementor-page-6 #services .elementor-element-kps412,
  .kp-services .kp-service-card:nth-child(n+5) {
    border-bottom: none !important;
  }
}



.elementor-page-6 #problem .elementor-element-kpp406 > .elementor-element {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  position: relative !important;
  overflow: visible !important;
}

.elementor-page-6 #problem .elementor-element-kpp407 .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp408 .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp409 .elementor-element {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp407d {
  width: 100% !important;
  align-self: stretch !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title { color: var(--kp-pink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title { color: rgba(253, 251, 245, 0.3) !important; }
.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title { color: var(--kp-bg) !important; }
.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp407d p { color: rgba(253, 251, 245, 0.45) !important; }

.elementor-page-6 #problem .elementor-element-kpp407:hover { background: var(--kp-pink) !important; border-color: var(--kp-pink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407d p { color: rgba(17, 17, 17, 0.65) !important; }

.elementor-page-6 #problem .elementor-element-kpp408:hover { background: var(--kp-blue) !important; border-color: var(--kp-blue) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408d p { color: rgba(17, 17, 17, 0.65) !important; }

.elementor-page-6 #problem .elementor-element-kpp409:hover { background: #99e885 !important; border-color: #99e885 !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover p { color: var(--kp-ink) !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409b .elementor-heading-title { color: rgba(17, 17, 17, 0.45) !important; }
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409d p { color: rgba(17, 17, 17, 0.65) !important; }

@media (max-width: 720px) {
  .elementor-page-6 #services .kp-service-grid,
  .elementor-page-6 #services .elementor-element-kps406,
  .kp-services .kp-service-grid {
    grid-template-columns: 1fr;
  }

  .elementor-page-6 #services .kp-service-card,
  .elementor-page-6 #services .elementor-element-kps407,
  .elementor-page-6 #services .elementor-element-kps408,
  .elementor-page-6 #services .elementor-element-kps409,
  .elementor-page-6 #services .elementor-element-kps410,
  .elementor-page-6 #services .elementor-element-kps411,
  .elementor-page-6 #services .elementor-element-kps412,
  .kp-services .kp-service-card {
    border-right: none !important;
    border-bottom: 3px solid var(--kp-ink) !important;
    min-height: 0 !important;
  }

  .elementor-page-6 #services .kp-service-card:last-child,
  .kp-services .kp-service-card:last-child {
    border-bottom: none !important;
  }
}


/* Defensive first-card fix for Problem section */
.elementor-page-6 #problem .elementor-element-kpp407 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 0 !important;
}
.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp407d {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--kp-pink) !important;
  font-size: 78px !important;
  line-height: .95 !important;
}
.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title {
  display: block !important;
  margin: 0 0 28px !important;
  color: rgba(253,251,245,.3) !important;
}
.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title {
  display: block !important;
  margin: 0 0 24px !important;
  color: var(--kp-bg) !important;
}
.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp407d p {
  display: block !important;
  margin: 0 !important;
  color: rgba(253,251,245,.45) !important;
}

/* Hard reset: Problem first card must render exactly like card 2/3 */
.elementor-page-6 #problem > .elementor-element-kpp402,
.elementor-page-6 #problem .elementor-element-kpp402 {
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.elementor-page-6 #problem .elementor-element-kpp406 {
  margin: 0 auto !important;
}

.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409 {
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}

.elementor-page-6 #problem .elementor-element-kpp407 > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp407 .elementor-widget-container,
.elementor-page-6 #problem .elementor-element-kpp407 .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407 p {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 3 !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a .elementor-heading-title {
  color: var(--kp-pink) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -1px !important;
  margin: 0 0 8px !important;
}

.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title {
  color: rgba(253,251,245,.3) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin: 0 0 28px !important;
}

.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title {
  color: var(--kp-bg) !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.35 !important;
  margin: 0 0 24px !important;
}

.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp407d p {
  color: rgba(253,251,245,.45) !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}


.elementor-page-6 #problem .elementor-element-kpp407:hover,
.elementor-page-6 #problem .elementor-element-kpp407:hover > .e-con-inner,
.elementor-page-6 #problem .elementor-element-kpp407:hover > .elementor-widget-wrap,
.elementor-page-6 #problem .elementor-element-kpp407:hover > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-widget-container {
  background: var(--kp-pink) !important;
  border-color: var(--kp-pink) !important;
}

.elementor-page-6 #problem .elementor-element-kpp408:hover,
.elementor-page-6 #problem .elementor-element-kpp408:hover > .e-con-inner,
.elementor-page-6 #problem .elementor-element-kpp408:hover > .elementor-widget-wrap,
.elementor-page-6 #problem .elementor-element-kpp408:hover > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-widget-container {
  background: var(--kp-blue) !important;
  border-color: var(--kp-blue) !important;
}

.elementor-page-6 #problem .elementor-element-kpp409:hover,
.elementor-page-6 #problem .elementor-element-kpp409:hover > .e-con-inner,
.elementor-page-6 #problem .elementor-element-kpp409:hover > .elementor-widget-wrap,
.elementor-page-6 #problem .elementor-element-kpp409:hover > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-widget-container {
  background: var(--kp-green) !important;
  border-color: var(--kp-green) !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp407:hover p,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover p,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover p {
  color: var(--kp-ink) !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409b .elementor-heading-title {
  color: rgba(17, 17, 17, 0.45) !important;
}

.elementor-page-6 #problem .elementor-element-kpp407:hover .elementor-element-kpp407d p,
.elementor-page-6 #problem .elementor-element-kpp408:hover .elementor-element-kpp408d p,
.elementor-page-6 #problem .elementor-element-kpp409:hover .elementor-element-kpp409d p {
  color: rgba(17, 17, 17, 0.65) !important;
}


/* --- Problem title alignment fix --- */
.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409 {
  display: grid !important;
  grid-template-rows: 96px 26px 74px 1fr !important;
  align-items: start !important;
}
.elementor-page-6 #problem .elementor-element-kpp407 > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp408 > .elementor-element,
.elementor-page-6 #problem .elementor-element-kpp409 > .elementor-element {
  margin: 0 !important;
  align-self: start !important;
}
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp408c,
.elementor-page-6 #problem .elementor-element-kpp409c {
  min-height: 74px !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* --- Problem spacing cleanup --- */
.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409 {
  padding: 44px 36px 40px !important;
}
.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp408a,
.elementor-page-6 #problem .elementor-element-kpp409a {
  margin: 0 0 10px !important;
}
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp408b,
.elementor-page-6 #problem .elementor-element-kpp409b {
  margin: 0 0 28px !important;
}
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp408c,
.elementor-page-6 #problem .elementor-element-kpp409c {
  min-height: 72px !important;
  margin: 0 0 22px !important;
  display: flex !important;
  align-items: flex-start !important;
}
.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp408d,
.elementor-page-6 #problem .elementor-element-kpp409d {
  margin: 0 !important;
}
.elementor-page-6 #problem .elementor-element-kpp407d p,
.elementor-page-6 #problem .elementor-element-kpp408d p,
.elementor-page-6 #problem .elementor-element-kpp409d p {
  margin: 0 !important;
}

/* --- Problem card rhythm fix --- */
.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}
.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp408a,
.elementor-page-6 #problem .elementor-element-kpp409a { margin: 0 0 8px !important; }
.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp408b,
.elementor-page-6 #problem .elementor-element-kpp409b { margin: 0 0 22px !important; }
.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp408c,
.elementor-page-6 #problem .elementor-element-kpp409c {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  display: block !important;
}
.elementor-page-6 #problem .elementor-element-kpp407d,
.elementor-page-6 #problem .elementor-element-kpp408d,
.elementor-page-6 #problem .elementor-element-kpp409d,
.elementor-page-6 #problem .elementor-element-kpp407d .elementor-widget-container,
.elementor-page-6 #problem .elementor-element-kpp408d .elementor-widget-container,
.elementor-page-6 #problem .elementor-element-kpp409d .elementor-widget-container,
.elementor-page-6 #problem .elementor-element-kpp407d p,
.elementor-page-6 #problem .elementor-element-kpp408d p,
.elementor-page-6 #problem .elementor-element-kpp409d p {
  margin-top: 0 !important;
}


/* --- Problem kicker/title spacing hard reset --- */
.elementor-page-6 #problem .elementor-element-kpp407,
.elementor-page-6 #problem .elementor-element-kpp408,
.elementor-page-6 #problem .elementor-element-kpp409 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.elementor-page-6 #problem .elementor-element-kpp407a,
.elementor-page-6 #problem .elementor-element-kpp408a,
.elementor-page-6 #problem .elementor-element-kpp409a { margin: 0 0 14px !important; }

.elementor-page-6 #problem .elementor-element-kpp407b,
.elementor-page-6 #problem .elementor-element-kpp408b,
.elementor-page-6 #problem .elementor-element-kpp409b {
  margin: 0 0 26px !important;
  min-height: 12px !important;
}

.elementor-page-6 #problem .elementor-element-kpp407b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408b .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409b .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: block !important;
}

.elementor-page-6 #problem .elementor-element-kpp407c,
.elementor-page-6 #problem .elementor-element-kpp408c,
.elementor-page-6 #problem .elementor-element-kpp409c {
  margin: 0 0 24px !important;
}

.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp408c .elementor-heading-title,
.elementor-page-6 #problem .elementor-element-kpp409c .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.22 !important;
}


/* --- Problem left card alignment only --- */
.elementor-page-6 #problem .elementor-element-kpp407b { margin: 0 0 18px !important; }
.elementor-page-6 #problem .elementor-element-kpp407c { margin: 0 0 24px !important; }
.elementor-page-6 #problem .elementor-element-kpp407c .elementor-heading-title { margin-top: 0 !important; }


/* Why section: direct Elementor ID mapping */
.elementor-element-kpw401{background:var(--kp-surface)!important;border-top:var(--kp-border)!important;border-bottom:var(--kp-border)!important;padding:clamp(64px,8vw,112px) clamp(20px,5vw,72px)!important}
.elementor-element-kpw402{display:grid!important;grid-template-columns:380px minmax(0,1fr)!important;gap:0!important;max-width:1200px!important;width:100%!important;margin:0 auto!important;border:var(--kp-border)!important;box-shadow:16px 16px 0 #111!important;background:var(--kp-bg)!important}
.elementor-element-kpw403{min-height:500px!important;background:#E8F9F8!important;background-image:radial-gradient(circle,rgba(17,17,17,.06) 1.5px,transparent 1.5px)!important;background-size:18px 18px!important;border-right:var(--kp-border)!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.elementor-element-kpw403::before{content:""!important;position:absolute!important;width:100px!important;height:100px!important;border-radius:50%!important;background:var(--kp-pink)!important;border:var(--kp-border)!important;top:24px!important;right:20px!important;opacity:.85!important;z-index:1!important}
.elementor-element-kpw403::after{content:""!important;position:absolute!important;width:60px!important;height:60px!important;border-radius:50%!important;background:var(--kp-hi)!important;border:var(--kp-border)!important;bottom:80px!important;left:20px!important;opacity:.9!important;z-index:1!important}
.elementor-element-kpw404{flex:1 1 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:28px 22px 0!important;position:relative!important;z-index:2!important}
.elementor-element-kpw405{width:200px!important;max-width:200px!important}.elementor-element-kpw405 img{width:200px!important;max-width:200px!important;height:auto!important;display:block!important}
.elementor-element-kpw406{background:var(--kp-ink)!important;border-top:var(--kp-border)!important;padding:12px 16px!important}.elementor-element-kpw406 .elementor-widget-container{font-family:var(--kp-head)!important;font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;line-height:1.2!important;text-transform:uppercase!important;color:var(--kp-bg)!important}
.elementor-element-kpw407{padding:40px 34px!important;background:var(--kp-bg)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important}
.elementor-element-kpw408{margin:0 0 24px!important}.elementor-element-kpw408 .elementor-heading-title{display:inline-block!important;background:var(--kp-ink)!important;color:var(--kp-bg)!important;padding:8px 16px!important;font-family:var(--kp-head)!important;font-size:11px!important;font-weight:700!important;letter-spacing:3px!important;line-height:1!important;text-transform:uppercase!important}
.elementor-element-kpw409{margin:0 0 16px!important}.elementor-element-kpw409 .elementor-heading-title{font-family:var(--kp-head)!important;font-size:clamp(28px,3.8vw,54px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-1.5px!important;color:var(--kp-ink)!important;margin:0!important}
.elementor-element-kpw410{margin:0 0 34px!important}.elementor-element-kpw410 .elementor-widget-container{font-size:17px!important;line-height:1.7!important;color:var(--kp-muted)!important}
.elementor-element-kpw411{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
.elementor-element-kpw412,.elementor-element-kpw413,.elementor-element-kpw414{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;border:var(--kp-border)!important;background:var(--kp-bg)!important;margin:0 0 -3px!important;transition:background .2s ease!important;min-height:92px!important}.elementor-element-kpw414{margin-bottom:0!important}
.elementor-element-kpw412:hover,.elementor-element-kpw413:hover,.elementor-element-kpw414:hover{background:var(--kp-surface)!important}
.elementor-element-kpw412n,.elementor-element-kpw413n,.elementor-element-kpw414n{width:64px!important;min-width:64px!important;max-width:64px!important;flex:0 0 64px!important;border-right:var(--kp-border)!important;margin:0!important;padding:0!important;min-height:100%!important;height:auto!important;align-self:stretch!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important}.elementor-element-kpw412n.elementor-widget,.elementor-element-kpw413n.elementor-widget,.elementor-element-kpw414n.elementor-widget{min-height:100%!important;height:auto!important;align-self:stretch!important;margin:0!important}.elementor-element-kpw412n .elementor-widget-container,.elementor-element-kpw413n .elementor-widget-container,.elementor-element-kpw414n .elementor-widget-container{width:100%!important;height:100%!important;min-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-family:var(--kp-head)!important;font-size:22px!important;font-weight:800!important;line-height:1!important;color:var(--kp-ink)!important;padding:0!important;margin:0!important}.elementor-element-kpw412n{background:var(--kp-pink)!important}.elementor-element-kpw413n{background:var(--kp-blue)!important}.elementor-element-kpw414n{background:var(--kp-green)!important}
.elementor-element-kpw412c,.elementor-element-kpw413c,.elementor-element-kpw414c{flex:1 1 auto!important;padding:16px 22px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;min-height:92px!important}.elementor-element-kpw412t,.elementor-element-kpw413t,.elementor-element-kpw414t{margin:0 0 6px!important}.elementor-element-kpw412t .elementor-heading-title,.elementor-element-kpw413t .elementor-heading-title,.elementor-element-kpw414t .elementor-heading-title{font-family:var(--kp-head)!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.3px!important;line-height:1.2!important;color:var(--kp-ink)!important;margin:0!important}.elementor-element-kpw412b .elementor-widget-container,.elementor-element-kpw413b .elementor-widget-container,.elementor-element-kpw414b .elementor-widget-container{font-size:13px!important;line-height:1.6!important;color:var(--kp-muted)!important;margin:0!important;padding:0!important}

/* ═══════════════════════════════════════════════════════
   QUOTE-BAND (Aristoteles Zitat / statue-break)
   Referenz: index-v4.html #statue-break
   ═══════════════════════════════════════════════════════ */

.kp-quote-band {
  border-top: var(--kp-border) !important;
  border-bottom: var(--kp-border) !important;
  overflow: hidden;
}

/* Inner Container = Grid (selbes Muster wie kpw402 im Why-Block) */
.elementor-element-kpqb02 {
  display: grid !important;
  grid-template-columns: 1fr 360px !important;
  min-height: 380px !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
}

/* Text-Spalte (grid col 1: 1fr) */
.kp-quote-text {
  border-right: var(--kp-border) !important;
  padding: clamp(48px,6vw,80px) clamp(24px,5vw,60px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Visual-Spalte (grid col 2: 360px) */
.kp-quote-visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px !important;
  position: relative !important;
  overflow: hidden !important;
}
.kp-quote-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(192,247,254,.12) 1px, transparent 1px);
  background-size: 20px 20px;
  pointer-events: none;
  z-index: 0;
}
.kp-quote-visual .elementor-widget {
  position: relative;
  z-index: 1;
}

/* Zitat-Text */
.kp-quote-heading .elementor-heading-title {
  font-size: clamp(22px, 2.8vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  line-height: 1.1 !important;
  color: var(--kp-ink) !important;
}
.kp-quote-heading .elementor-heading-title em { font-style: italic; }

/* Attribut */
.kp-quote-attr .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: rgba(17,17,17,.5) !important;
}

/* Bust-Bild */
.kp-bust-dark img {
  width: 190px !important;
  max-width: 190px !important;
  height: auto;
}
@media(max-width:900px){.elementor-element-kpw402{grid-template-columns:1fr!important}.elementor-element-kpw403{border-right:0!important;border-bottom:var(--kp-border)!important;min-height:420px!important}}

/* ═══════════════════════════════════════════════════════
   PAKETE
   Referenz: index-v4.html #pakete
   ═══════════════════════════════════════════════════════ */

/* Section */
.elementor-element-kpk01 {
  background: var(--kp-bg) !important;
  border-bottom: var(--kp-border) !important;
  padding: clamp(64px,8vw,112px) clamp(20px,5vw,72px) !important;
}

/* Inner (1200px zentriert, column) */
.elementor-element-kpk02 {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Label */
.elementor-element-kpk03 { margin: 0 0 20px !important; }
.elementor-element-kpk03 .elementor-heading-title {
  display: inline-block !important;
  background: var(--kp-ink) !important;
  color: var(--kp-bg) !important;
  padding: 4px 10px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* H2 */
.elementor-element-kpk04 { margin: 0 0 16px !important; }
.elementor-element-kpk04 .elementor-heading-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: clamp(28px,3.8vw,54px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -1.5px !important;
  color: var(--kp-ink) !important;
  margin: 0 !important;
}

/* Sub */
.elementor-element-kpk05 { margin: 0 !important; }
.elementor-element-kpk05 .elementor-widget-container {
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: var(--kp-muted) !important;
}

/* Package Grid: 3 gleiche Spalten (selbes Muster wie kpw402) */
.elementor-element-kpk06 {
  display: grid !important;
  grid-template-columns: repeat(3,1fr) !important;
  gap: 0 !important;
  border: var(--kp-border) !important;
  box-shadow: 12px 12px 0 #111111 !important;
  margin-top: 52px !important;
  width: 100% !important;
  padding: 0 !important;
}

/* Package Cards */
.elementor-element-kpk07,
.elementor-element-kpk08,
.elementor-element-kpk09 {
  padding: 40px 28px !important;
  border-right: var(--kp-border) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform .2s, box-shadow .2s;
}
.elementor-element-kpk09 { border-right: none !important; }
.elementor-element-kpk07:hover,
.elementor-element-kpk08:hover,
.elementor-element-kpk09:hover {
  transform: translate(-3px,-3px) !important;
  box-shadow: 8px 8px 0 var(--kp-ink) !important;
  z-index: 2 !important;
}
.elementor-element-kpk08 { background: var(--kp-hi) !important; }

/* Flex-Chain: Card → .e-con-inner → Widget → content → CTA ans Ende */
.elementor-element-kpk07 > .e-con-inner,
.elementor-element-kpk08 > .e-con-inner,
.elementor-element-kpk09 > .e-con-inner {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
.elementor-element-kpk07a,
.elementor-element-kpk08a,
.elementor-element-kpk09a { flex: 1 1 auto !important; }
.elementor-element-kpk07a .elementor-widget-container,
.elementor-element-kpk08a .elementor-widget-container,
.elementor-element-kpk09a .elementor-widget-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Card Content Styles */
.kp-pak-badge {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 10px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  background: var(--kp-ink); color: var(--kp-hi);
  padding: 4px 10px; display: inline-block;
  margin-bottom: 18px; align-self: flex-start;
}
.kp-pak-name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 20px; font-weight: 800;
  color: var(--kp-ink); margin-bottom: 8px;
}
.kp-pak-price {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 46px; font-weight: 800;
  line-height: 1; color: var(--kp-ink); margin-bottom: 4px;
  display: flex; align-items: flex-start;
}
.kp-pak-eur { font-size: 20px; font-weight: 800; padding-top: 8px; margin-right: 1px; line-height: 1; }
.kp-pak-mo { font-size: 13px; color: var(--kp-muted); margin-bottom: 20px; }
.elementor-element-kpk08 .kp-pak-mo { color: rgba(17,17,17,.6); }
.kp-pak-desc { font-size: 14px; color: var(--kp-muted); line-height: 1.6; margin-bottom: 24px; }
.elementor-element-kpk08 .kp-pak-desc { color: rgba(17,17,17,.65); }
.kp-pak-div { border: none; border-top: 2px solid rgba(17,17,17,.1); margin: 0 0 20px; }
.kp-pak-items {
  list-style: none; padding: 0; margin: 0 0 28px;
  display: flex; flex-direction: column; gap: 9px;
  flex: 1 !important;
}
.kp-pak-items li {
  font-size: 14px; color: var(--kp-muted);
  display: flex; align-items: flex-start; gap: 10px;
}
.elementor-element-kpk08 .kp-pak-items li { color: rgba(17,17,17,.7); }
.kp-pak-items li::before {
  content: ''; flex-shrink: 0;
  width: 8px; height: 8px;
  background: var(--kp-ink); margin-top: 6px;
}
.kp-pak-cta {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700; font-size: 14px;
  display: block; width: 100%; padding: 13px;
  border: var(--kp-border);
  text-align: center; text-decoration: none;
  background: var(--kp-ink); color: var(--kp-bg);
  box-shadow: 4px 4px 0 var(--kp-ink);
  transition: box-shadow .15s, transform .15s;
  margin-top: auto;
}
.kp-pak-cta:hover { box-shadow: 1px 1px 0 var(--kp-ink); transform: translate(3px,3px); color: var(--kp-bg); }
.elementor-element-kpk08 .kp-pak-cta { color: var(--kp-hi); }

/* Package Footer */
.elementor-element-kpk10 {
  border: var(--kp-border) !important;
  border-top: none !important;
  padding: 22px 28px !important;
  background: var(--kp-surface) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
.elementor-element-kpk10 .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
}
.kp-pak-footer-text { font-size: 15px; color: var(--kp-muted); }
.kp-pak-footer-text strong { color: var(--kp-ink); }
.kp-pak-footer-btn {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px; font-weight: 700;
  padding: 10px 20px;
  border: var(--kp-border);
  background: transparent; color: var(--kp-ink);
  text-decoration: none; display: inline-block;
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.kp-pak-footer-btn:hover { background: var(--kp-ink); color: var(--kp-bg); }

@media(max-width:800px) {
  .elementor-element-kpk06 { grid-template-columns: 1fr !important; }
  .elementor-element-kpk07,
  .elementor-element-kpk08 { border-right: none !important; border-bottom: var(--kp-border) !important; }
  .elementor-element-kpk09 { border-bottom: none !important; }
}

/* ── ABLAUF 2×2 GRID ── */
.kp-step-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border: 3px solid var(--kp-ink) !important;
  box-shadow: 8px 8px 0 var(--kp-ink) !important;
  margin-top: 52px !important;
  width: 100% !important;
}
.kp-step-card {
  background: var(--kp-bg) !important;
  border-right: 3px solid var(--kp-ink) !important;
  border-bottom: 3px solid var(--kp-ink) !important;
  padding: 36px 28px !important;
  transition: background .2s;
}
.kp-step-card:nth-child(2n) { border-right: none !important; }
.kp-step-card:nth-child(3),
.kp-step-card:nth-child(4) { border-bottom: none !important; }
.kp-step-card:hover { background: var(--kp-yellow) !important; }

@media(max-width:600px) {
  .kp-step-grid { grid-template-columns: 1fr !important; }
  .kp-step-card { border-right: none !important; border-bottom: 3px solid var(--kp-ink) !important; }
  .kp-step-card:last-child { border-bottom: none !important; }
}