/* MyInvest24 Signature Layer
   Eigene Designnote: Editorial-Real-Estate, Finanzierungslogik, ruhige Punktflaechen. */
:root {
  --mi24-sig-ink: #050608;
  --mi24-sig-muted: #5d6470;
  --mi24-sig-soft: #f5f7f8;
  --mi24-sig-soft-2: #eef3f6;
  --mi24-sig-line: rgba(15, 23, 42, 0.1);
  --mi24-sig-blue: #1387ff;
  --mi24-sig-blue-dark: #075bb4;
  --mi24-sig-green: #0e7a62;
  --mi24-sig-serif: Georgia, "Times New Roman", serif;
  --mi24-sig-dot: radial-gradient(circle, rgba(5, 6, 8, 0.055) 1px, transparent 1.35px);
}

/* --------------------------------------------------------------------------
   MyInvest24 Design Rollout 2.0
   Globaler, konservativer Layer fuer alle statischen Seiten.
   Ziel: eigenes Design sichtbar machen, ohne Content, Tracking, Rechner oder
   Formularlogik zu veraendern.
   -------------------------------------------------------------------------- */
body.mi24-design {
  background:
    linear-gradient(180deg, #fff 0%, #f7f9fa 100%),
    var(--mi24-sig-dot) center / 12px 12px;
  color: var(--mi24-sig-muted);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

body.mi24-design,
body.mi24-design input,
body.mi24-design select,
body.mi24-design textarea,
body.mi24-design button {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.mi24-design :where(h1, h2) {
  color: var(--mi24-sig-ink);
  font-family: var(--mi24-sig-serif);
  font-weight: 400;
  letter-spacing: 0;
}

body.mi24-design :where(h3, h4, h5, h6, strong) {
  color: var(--mi24-sig-ink);
}

body.mi24-design :where(p, li, td, th) {
  text-wrap: pretty;
}

body.mi24-design :where(img, video, canvas, svg) {
  max-width: 100%;
}

body.mi24-design :where(.container, .wrapper, .page-container, .section__inner) {
  max-width: min(1180px, calc(100vw - 40px));
}

body.mi24-design :where(.section, .section-pad, .overview, .journey, .portfolio, .benefits, main > section) {
  position: relative;
}

body.mi24-design :where(a.btn, .btn, .button, .cta__btn, button[type="submit"], input[type="submit"]) {
  min-height: 44px;
  border-radius: 999px;
}

body.mi24-design :where(input:not([type="hidden"]), select, textarea) {
  min-height: 44px;
  border-radius: 8px;
  border-color: rgba(15, 23, 42, 0.14);
}

body.mi24-design :where(input:not([type="hidden"]), select, textarea, button, a):focus-visible {
  outline: 3px solid rgba(19, 135, 255, 0.28);
  outline-offset: 3px;
}

body.mi24-design :where(input[type="range"]) {
  min-height: 32px;
  touch-action: pan-y;
}

body.mi24-design :where(.card, .service-card, .benefit-card, .overview__card, .faq-item, .data-table, .key-facts, .highlight-box, .calc-result, .calculator-card, .rechner-card) {
  border-color: rgba(15, 23, 42, 0.1);
}

body.mi24-design :where(header.header, .header, .main-nav, .site-header) {
  background: rgba(255, 255, 255, 0.88);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.mi24-design :where(footer, .footer, .site-footer) {
  background:
    linear-gradient(135deg, rgba(7, 21, 26, 0.98), rgba(4, 6, 8, 0.99)),
    var(--mi24-sig-dot) center / 13px 13px;
}

body.mi24-design :where(footer, .footer, .site-footer, .cta-section, .rating-bar, .section-dark, .dark-section) :where(h1, h2, h3, h4, h5, h6, strong, .footer__title, .footer-col h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :where(footer, .footer, .site-footer) :where(p, li, span, a, button) {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.mi24-design :where(footer, .footer, .site-footer) :where(a:hover, button:hover, .highlight) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :where(footer, .footer, .site-footer) :where(svg, path, circle, rect, polygon, polyline, line) {
  color: currentColor !important;
  stroke: currentColor;
}

body.mi24-page-article :where(article, .article-content, .content, .post-content),
body.mi24-page-location :where(article, .article-content, .content, .post-content) {
  font-size: 17px;
  line-height: 1.78;
}

body.mi24-page-article :where(.article-hero, .hero, .hero-split),
body.mi24-page-location :where(.article-hero, .hero, .hero-split) {
  background:
    linear-gradient(180deg, #fff 0%, #f5f8fa 100%),
    var(--mi24-sig-dot) center / 12px 12px;
}

body.mi24-page-tool :where(.calc-block, .invest-calc, .rate-calc, .calculator, .rechner, form),
body.mi24-page-funnel :where(form, .funnel-card, .question-card, .form-card) {
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
}

.mi24-trust-layer,
.mi24-aio-section,
.mi24-longtail-hub,
.mi24-linkboost,
.mi24-longtail-depth,
.mi24-signature-system[hidden],
.mi24-service-system[hidden],
.mi24-hero-console[hidden] {
  display: none !important;
}

@media (max-width: 768px) {
  body.mi24-design {
    overflow-x: clip;
  }

  body.mi24-design :where(.container, .wrapper, .page-container, .section__inner) {
    max-width: calc(100vw - 32px);
    padding-left: 16px;
    padding-right: 16px;
  }

  body.mi24-design :where(h1) {
    font-size: clamp(34px, 12vw, 54px);
    line-height: 1.02;
  }

  body.mi24-design :where(h2) {
    font-size: clamp(30px, 10vw, 46px);
    line-height: 1.04;
  }

  body.mi24-design :where(.btn, a.btn, .cta__btn, button, input[type="submit"]) {
    min-height: 46px;
    white-space: normal;
  }

  body.mi24-design :where(input:not([type="hidden"]), select, textarea) {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
  }

  body.mi24-design :where(table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}

body.home-editorial #reading-progress,
body.home-editorial .reading-progress,
body.home-editorial .scroll-progress,
body.service-editorial #reading-progress,
body.service-editorial .reading-progress,
body.service-editorial .scroll-progress {
  display: none !important;
}

body.home-editorial .reveal.reveal-hidden,
body.service-editorial .reveal.reveal-hidden,
body.service-editorial .service-card.animate-in {
  opacity: 1 !important;
  transform: none !important;
}

.mi24-signature-system {
  position: relative;
  overflow: hidden;
  padding: 112px 0;
  background:
    linear-gradient(180deg, #fff 0%, rgba(245, 247, 248, 0.92) 100%),
    var(--mi24-sig-dot) center / 12px 12px;
}

.mi24-signature-system::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: var(--mi24-sig-dot);
  background-size: 12px 12px;
  opacity: 0.68;
  mask-image: linear-gradient(180deg, #000, transparent 72%);
}

.mi24-signature-inner {
  position: relative;
  z-index: 1;
}

.mi24-signature-header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.55fr);
  gap: 52px;
  align-items: end;
  margin-bottom: 44px;
}

.mi24-signature-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--mi24-sig-blue-dark);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mi24-signature-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mi24-sig-blue);
  box-shadow: 0 0 0 7px rgba(19, 135, 255, 0.1);
}

.mi24-signature-title {
  max-width: 900px;
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif) !important;
  font-size: clamp(42px, 5.2vw, 76px);
  font-weight: 400 !important;
  line-height: 0.98;
  letter-spacing: 0 !important;
}

.mi24-signature-title em {
  color: #7b828c !important;
  font-style: italic;
}

.mi24-signature-copy {
  max-width: 520px;
  color: var(--mi24-sig-muted);
  font-size: 17px;
  line-height: 1.66;
}

.mi24-signature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.mi24-signature-card {
  position: relative;
  min-height: 330px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78)),
    var(--mi24-sig-dot) center / 12px 12px;
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.08);
}

.mi24-signature-card::after {
  content: attr(data-step);
  position: absolute;
  right: -15px;
  bottom: -54px;
  color: rgba(5, 6, 8, 0.055);
  font-family: var(--mi24-sig-serif);
  font-size: 178px;
  line-height: 1;
}

.mi24-signature-card h3 {
  position: relative;
  z-index: 1;
  max-width: 280px;
  color: var(--mi24-sig-ink);
  font-family: Inter, system-ui, -apple-system, sans-serif !important;
  font-size: 25px;
  line-height: 1.12;
  letter-spacing: 0;
}

.mi24-signature-card p {
  position: relative;
  z-index: 1;
  margin-top: 18px;
  color: var(--mi24-sig-muted);
  font-size: 15px;
  line-height: 1.68;
}

.mi24-signature-card strong {
  color: var(--mi24-sig-ink);
}

.mi24-signature-card--dark {
  background:
    linear-gradient(135deg, rgba(7, 21, 26, 0.96), rgba(4, 6, 8, 0.98)),
    var(--mi24-sig-dot) center / 13px 13px;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 26px 86px rgba(0, 0, 0, 0.18);
}

.mi24-signature-card--dark h3,
.mi24-signature-card--dark strong {
  color: #fff;
}

.mi24-signature-card--dark p {
  color: rgba(255, 255, 255, 0.68);
}

.mi24-signature-card--dark::after {
  color: rgba(255, 255, 255, 0.075);
}

.mi24-signature-score {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  margin-top: 18px;
  padding: 20px 24px;
  border: 1px solid rgba(19, 135, 255, 0.2);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 52px rgba(15, 23, 42, 0.07);
}

.mi24-signature-score span {
  color: var(--mi24-sig-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mi24-signature-score strong {
  display: block;
  margin-top: 2px;
  color: var(--mi24-sig-ink);
  font-size: 18px;
}

.mi24-signature-score b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background: #050608;
  color: #fff;
  font-family: var(--mi24-sig-serif);
  font-size: 31px;
  font-weight: 400;
}

body.home-editorial .process {
  position: relative;
  overflow: hidden;
  background: #050608 !important;
  color: #fff;
}

body.home-editorial .process::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--mi24-sig-dot);
  background-size: 12px 12px;
  filter: invert(1);
  opacity: 0.12;
}

body.home-editorial .process .container {
  position: relative;
  z-index: 1;
}

body.home-editorial .process-head .eyebrow {
  color: #8bd8ff;
}

body.home-editorial .process-head h2,
body.home-editorial .process-step h3,
body.home-editorial .process-step p {
  color: #fff !important;
}

body.home-editorial .process-step p {
  color: rgba(255, 255, 255, 0.68) !important;
}

body.home-editorial .process-num {
  background: #fff !important;
  color: #050608 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.home-editorial .process-line {
  background: rgba(255, 255, 255, 0.18) !important;
}

@media (max-width: 768px) {
  body.home-editorial .process {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  body.home-editorial .process-head {
    max-width: 100% !important;
    margin-bottom: 38px !important;
    text-align: center !important;
  }

  body.home-editorial .process-head h2 {
    font-size: clamp(34px, 10vw, 44px) !important;
    line-height: 1.05 !important;
    text-wrap: balance !important;
  }

  body.home-editorial .process-steps {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body.home-editorial .process-step {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 6px !important;
    align-items: start !important;
    padding: 18px 0 !important;
    text-align: left !important;
  }

  body.home-editorial .process-step :is(.process-num, h3, p) {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }

  body.home-editorial .process-step:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  body.home-editorial .process-num {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 52px !important;
    height: 52px !important;
    margin: 2px 0 0 !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    transform: none !important;
  }

  body.home-editorial .process-line {
    display: none !important;
  }

  body.home-editorial .process-step h3 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    font-size: clamp(23px, 6.3vw, 28px) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  body.home-editorial .process-step p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    max-width: 29ch !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
  }
}

body.home-editorial .vorteile,
body.home-editorial .rundum,
body.home-editorial .faq {
  background:
    linear-gradient(180deg, #fff, #f7f9fb),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.home-editorial .vorteil-card,
body.home-editorial .faq-item {
  border: 1px solid var(--mi24-sig-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06) !important;
}

body.home-editorial .rundum-block {
  align-items: stretch;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.home-editorial .rundum-block + .rundum-block {
  margin-top: 24px;
}

body.home-editorial .rundum-img {
  border-radius: 0 !important;
  transform: none !important;
}

body.home-editorial .rundum-img img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
}

body.home-editorial .rundum-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 5vw, 64px);
}

body.home-editorial .rundum-text h2,
body.home-editorial .vorteile-head h2,
body.home-editorial .faq-head h2 {
  font-family: var(--mi24-sig-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.home-editorial .hero {
  isolation: isolate;
}

body.home-editorial .hero-badge {
  color: var(--mi24-sig-ink) !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
}

body.home-editorial .hero-badge::before {
  background: var(--mi24-sig-blue) !important;
  box-shadow: 0 0 0 7px rgba(19, 135, 255, 0.1);
}

body.home-editorial .hero h1 span {
  color: #707781 !important;
}

body.home-editorial .hero .btn-white,
body.home-editorial .header-cta .btn,
body.home-editorial .header-glass .header-cta .btn {
  background:
    linear-gradient(135deg, #050608 0%, #121820 72%, #0b4f87 100%) !important;
  border-color: rgba(5, 6, 8, 0.92) !important;
}

body.home-editorial .hero .btn-ghost {
  border-color: rgba(19, 135, 255, 0.22) !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

body.home-editorial .home-visual-frame {
  border: 1px solid rgba(19, 135, 255, 0.13);
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.12);
}

body.home-editorial .home-visual-frame::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 4;
  height: 4px;
  background: linear-gradient(90deg, var(--mi24-sig-blue), var(--mi24-sig-green));
}

body.home-editorial #steuerrechner {
  background:
    linear-gradient(180deg, #fff 0%, #f5f8f9 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  scroll-margin-top: 96px;
}

body.home-editorial #steuerrechner .mi24-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 252, 0.96)),
    var(--mi24-sig-dot) center / 12px 12px !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.1) !important;
}

body.home-editorial #steuerrechner .mi24-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--mi24-sig-blue), var(--mi24-sig-green));
}

body.home-editorial #steuerrechner .mi24-header {
  background: transparent !important;
}

body.home-editorial #steuerrechner .mi24-header-badge {
  background: rgba(19, 135, 255, 0.08) !important;
  border-color: rgba(19, 135, 255, 0.18) !important;
  color: var(--mi24-sig-blue-dark) !important;
}

body.home-editorial #steuerrechner .mi24-header-badge::before,
body.home-editorial #steuerrechner .mi24-progress-fill,
body.home-editorial #steuerrechner .mi24-calc button.mi24-btn {
  background: var(--mi24-sig-blue) !important;
}

body.home-editorial #steuerrechner .mi24-range-value,
body.home-editorial #steuerrechner .mi24-result-premium-amount {
  font-family: var(--mi24-sig-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  background: transparent !important;
}

body.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.25), rgba(14, 122, 98, 0.2));
}

body.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.25), rgba(14, 122, 98, 0.2));
}

body.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-webkit-slider-thumb {
  background: var(--mi24-sig-blue) !important;
}

body.service-editorial {
  background: #fff;
}

body.service-editorial .section-pad,
body.service-editorial .section,
body.service-editorial .overview,
body.service-editorial .journey,
body.service-editorial .portfolio,
body.service-editorial .benefits {
  position: relative;
  overflow: hidden;
  padding-top: 104px !important;
  padding-bottom: 104px !important;
  background:
    linear-gradient(180deg, #fff 0%, #f7f9fb 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.service-editorial .section-pad:nth-of-type(even),
body.service-editorial .section--alt,
body.service-editorial .overview,
body.service-editorial .portfolio {
  background:
    linear-gradient(180deg, #f7f9fb 0%, #fff 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.service-editorial .section-pad > .container > .reveal > h2,
body.service-editorial .section-pad > .container > div[style*="text-align:center"] h2,
body.service-editorial .section__title,
body.service-editorial .faq-head h2,
body.service-editorial .cta-dark h2 {
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif) !important;
  font-size: clamp(36px, 4.6vw, 66px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

body.service-editorial .section-pad p,
body.service-editorial .section__subtitle,
body.service-editorial .section__header p {
  color: var(--mi24-sig-muted) !important;
  font-size: 16px;
}

body.service-editorial .inline-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px !important;
  margin-top: 32px !important;
}

body.service-editorial .inline-stat {
  padding: 22px 20px;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: #fff;
  text-align: left !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06);
}

body.service-editorial .inline-stat-val {
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif);
  font-size: 34px !important;
  font-weight: 400 !important;
}

body.service-editorial .inline-stat-label {
  color: var(--mi24-sig-muted) !important;
  font-size: 12px !important;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.service-editorial .features__card,
body.service-editorial .portfolio__demo {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(7, 21, 26, 0.96), rgba(4, 6, 8, 0.98)),
    var(--mi24-sig-dot) center / 13px 13px !important;
  box-shadow: 0 28px 86px rgba(0, 0, 0, 0.22) !important;
}

body.service-editorial .features__card h4,
body.service-editorial .portfolio__demo h3 {
  color: #fff !important;
}

body.service-editorial .features__stat-label {
  color: rgba(255, 255, 255, 0.64) !important;
}

body.service-editorial .features__stat,
body.service-editorial .portfolio__stat {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.service-editorial .features__stat-value,
body.service-editorial .portfolio__stat-value {
  color: #fff !important;
}

body.service-editorial #rechner {
  background:
    linear-gradient(180deg, #fff 0%, #f4f7f8 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  scroll-margin-top: 96px;
}

body.service-editorial #rechner > .container > .reveal:first-child {
  max-width: 780px !important;
  margin-bottom: 42px !important;
}

body.service-editorial #rechner > .container > .reveal:first-child h2 {
  max-width: 760px;
  margin: 0 auto;
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif) !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

body.service-editorial #rechner > .container > .reveal:first-child p {
  max-width: 620px;
  margin: 16px auto 0 !important;
  color: var(--mi24-sig-muted) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}

body.service-editorial .invest-calc,
body.service-editorial .rate-calc,
body.service-editorial .calc-block {
  position: relative;
  overflow: hidden;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 252, 0.94)),
    var(--mi24-sig-dot) center / 12px 12px !important;
  box-shadow: 0 30px 90px rgba(15, 23, 42, 0.11) !important;
  color: var(--mi24-sig-ink) !important;
}

body.service-editorial .invest-calc::before,
body.service-editorial .rate-calc::before,
body.service-editorial .calc-block::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--mi24-sig-blue), var(--mi24-sig-green));
}

body.service-editorial .invest-calc::after,
body.service-editorial .rate-calc::after,
body.service-editorial .calc-block::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -82px;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(19, 135, 255, 0.14);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(19, 135, 255, 0.08) 0 34%, transparent 35%),
    radial-gradient(circle, rgba(14, 122, 98, 0.08) 0 58%, transparent 59%);
  pointer-events: none;
}

body.service-editorial .calc-row {
  position: relative;
  z-index: 1;
  margin-bottom: 16px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
}

body.service-editorial .calc-kicker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  color: var(--mi24-sig-blue-dark);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.service-editorial .calc-kicker span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--mi24-sig-blue);
  box-shadow: 0 0 0 7px rgba(19, 135, 255, 0.1);
}

body.service-editorial .calc-label {
  color: var(--mi24-sig-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.service-editorial .calc-label span {
  color: var(--mi24-sig-ink) !important;
}

body.service-editorial .calc-label span:last-child {
  color: var(--mi24-sig-blue-dark) !important;
  font-family: var(--mi24-sig-serif);
  font-size: 22px;
  font-weight: 400 !important;
  letter-spacing: 0;
  text-transform: none;
}

body.service-editorial .calc-label span:first-child:last-child {
  color: var(--mi24-sig-ink) !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.service-editorial .calc-slider {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  margin-top: 10px;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
}

body.service-editorial .calc-slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.26), rgba(14, 122, 98, 0.18));
}

body.service-editorial .calc-slider::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.26), rgba(14, 122, 98, 0.18));
}

body.service-editorial .calc-slider::-webkit-slider-thumb {
  width: 26px !important;
  height: 26px !important;
  border: 5px solid #fff !important;
  background: var(--mi24-sig-blue) !important;
  box-shadow: 0 8px 22px rgba(19, 135, 255, 0.28) !important;
}

body.service-editorial .calc-slider::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  border: 5px solid #fff !important;
  background: var(--mi24-sig-blue) !important;
  box-shadow: 0 8px 22px rgba(19, 135, 255, 0.28) !important;
}

body.service-editorial .calc-select {
  width: 100%;
  min-height: 54px;
  padding: 0 44px 0 16px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, #fff, #f8fafb);
  color: var(--mi24-sig-ink);
  font-size: 15px;
  font-weight: 650;
}

body.service-editorial .calc-results {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body.service-editorial .calc-result {
  min-height: 136px;
  padding: 24px 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.09) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(246, 249, 250, 0.92)),
    var(--mi24-sig-dot) center / 12px 12px !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.05);
}

body.service-editorial .calc-result-val {
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif);
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.service-editorial .calc-result-label {
  max-width: 18ch;
  margin: 12px auto 0 !important;
  color: var(--mi24-sig-muted) !important;
  font-size: 12px !important;
  font-weight: 780 !important;
  letter-spacing: 0.07em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.service-editorial .calc-result--highlight {
  background:
    linear-gradient(135deg, rgba(5, 6, 8, 0.98), rgba(7, 24, 28, 0.96)),
    var(--mi24-sig-dot) center / 12px 12px !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 20px 55px rgba(5, 6, 8, 0.16) !important;
}

body.service-editorial .calc-result--highlight .calc-result-val {
  color: #fff !important;
}

body.service-editorial .calc-result--highlight .calc-result-label {
  color: rgba(255, 255, 255, 0.66) !important;
}

body.service-editorial .calc-wealth-note {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  margin-top: 14px;
  padding: 18px 20px;
  border: 1px solid rgba(19, 135, 255, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(19, 135, 255, 0.08), rgba(14, 122, 98, 0.07)),
    rgba(255, 255, 255, 0.8);
}

body.service-editorial .calc-wealth-note span {
  color: var(--mi24-sig-muted);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.service-editorial .calc-wealth-note strong {
  color: var(--mi24-sig-blue-dark);
  font-family: var(--mi24-sig-serif);
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 400;
  line-height: 1;
}

body.service-editorial .calc-cta {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  margin-top: 20px;
}

body.service-editorial .calc-cta p {
  max-width: 560px;
  color: var(--mi24-sig-muted) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  text-align: center;
}

body.service-editorial .calc-cta .btn {
  min-height: 54px;
  padding: 0 26px;
  border-radius: 999px;
  background: #050608 !important;
  color: #fff !important;
  box-shadow: 0 16px 38px rgba(5, 6, 8, 0.18);
}

body.service-editorial .calc-block h3 {
  position: relative;
  z-index: 1;
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif);
  font-size: clamp(30px, 3.5vw, 46px) !important;
  font-weight: 400;
  letter-spacing: 0;
}

body.service-editorial .calc-row-dark {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: var(--mi24-sig-muted) !important;
}

body.service-editorial .calc-row-dark span:first-child {
  color: var(--mi24-sig-muted) !important;
}

body.service-editorial .calc-row-dark span:last-child {
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif);
  font-size: 22px;
  font-weight: 400 !important;
  text-align: right;
}

body.service-editorial .calc-row-dark.calc-total {
  margin-top: 10px !important;
  padding: 18px 20px !important;
  border: 0 !important;
  border-radius: 8px;
  background: #050608;
}

body.service-editorial .calc-row-dark.calc-total span:first-child,
body.service-editorial .calc-row-dark.calc-total span:last-child {
  color: #fff !important;
}

body.service-editorial .content-block,
body.service-editorial .features__row,
body.service-editorial .portfolio__content {
  align-items: stretch;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
}

body.service-editorial .content-block-img,
body.service-editorial .features__visual {
  border-radius: 0 !important;
  transform: none !important;
}

body.service-editorial .content-block-img img,
body.service-editorial .features__visual img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}

body.service-editorial .content-block-text,
body.service-editorial .features__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 5vw, 64px);
}

body.service-editorial .content-block-text h2,
body.service-editorial .features__content h3 {
  color: var(--mi24-sig-ink) !important;
  font-family: var(--mi24-sig-serif) !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  font-weight: 400 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

body.service-editorial .target-list,
body.service-editorial .link-cards,
body.service-editorial .services__grid,
body.service-editorial .overview__grid,
body.service-editorial .benefits__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: none !important;
}

body.service-editorial .target-item,
body.service-editorial .concern,
body.service-editorial .step-block,
body.service-editorial .fin-type,
body.service-editorial .link-card,
body.service-editorial .service-card,
body.service-editorial .overview__card,
body.service-editorial .benefit-card,
body.service-editorial .journey__step {
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid var(--mi24-sig-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.06) !important;
}

body.service-editorial .target-item h3,
body.service-editorial .concern h3,
body.service-editorial .step-block h3,
body.service-editorial .fin-type h3,
body.service-editorial .link-card h3,
body.service-editorial .service-card__title,
body.service-editorial .overview__card-title,
body.service-editorial .benefit-card h3 {
  color: var(--mi24-sig-ink) !important;
  font-size: 23px !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

body.service-editorial .target-item p,
body.service-editorial .concern p,
body.service-editorial .step-block p,
body.service-editorial .fin-type p,
body.service-editorial .link-card p,
body.service-editorial .service-card__text,
body.service-editorial .overview__card-text,
body.service-editorial .benefit-card p {
  color: var(--mi24-sig-muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

body.service-editorial .faq-list {
  max-width: 980px;
  margin: 0 auto;
}

body.service-editorial .faq-item {
  border: 1px solid var(--mi24-sig-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.05) !important;
}

body.service-editorial .cta-dark,
body.service-editorial .cta {
  position: relative;
  overflow: hidden;
  padding: 106px 0 !important;
  background:
    linear-gradient(135deg, rgba(7, 21, 26, 0.98), rgba(4, 6, 8, 0.99)),
    var(--mi24-sig-dot) center / 13px 13px !important;
}

body.service-editorial .cta-dark::before,
body.service-editorial .cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--mi24-sig-dot);
  background-size: 13px 13px;
  filter: invert(1);
  opacity: 0.08;
}

body.service-editorial .cta-dark-inner,
body.service-editorial .cta__inner {
  position: relative;
  z-index: 1;
  max-width: 760px !important;
}

body.service-editorial .cta-dark h2,
body.service-editorial .cta__title {
  color: #fff !important;
}

body.service-editorial .cta-dark p,
body.service-editorial .cta__text {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 18px !important;
}

body.service-editorial .mi24-service-system {
  margin-top: 0;
}

/* SEO-Hilfsbereiche bleiben im Quelltext, aber nicht als sichtbare Website-Sections. */
.mi24-trust-layer,
.mi24-aio-section,
.mi24-longtail-hub,
.mi24-linkboost,
.mi24-signature-system[hidden],
.mi24-service-system[hidden],
.mi24-hero-console[hidden] {
  display: none !important;
}

body.service-editorial .hero-split-inner,
body.service-editorial .hero__inner {
  grid-template-columns: 1fr !important;
}

@media (max-width: 900px) {
  .mi24-signature-header,
  .mi24-signature-grid,
  body.service-editorial .target-list,
  body.service-editorial .link-cards,
  body.service-editorial .services__grid,
  body.service-editorial .overview__grid,
  body.service-editorial .benefits__grid {
    grid-template-columns: 1fr !important;
  }

  .mi24-signature-system {
    padding: 78px 0;
  }

  .mi24-signature-card {
    min-height: 260px;
  }

  body.home-editorial .rundum-block,
  body.service-editorial .content-block,
  body.service-editorial .features__row,
  body.service-editorial .portfolio__content {
    grid-template-columns: 1fr !important;
  }

  body.home-editorial .rundum-block--reverse,
  body.service-editorial .content-block--reverse {
    direction: ltr !important;
  }

  body.service-editorial .inline-stats {
    grid-template-columns: 1fr !important;
  }

  body.service-editorial .calc-results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .mi24-signature-title {
    font-size: 39px;
  }

  .mi24-signature-copy {
    font-size: 15px;
  }

  .mi24-signature-score {
    grid-template-columns: 1fr;
  }

  .mi24-signature-score b {
    width: 66px;
    height: 66px;
    font-size: 27px;
  }

  body.service-editorial .section-pad,
  body.service-editorial .section,
  body.service-editorial .overview,
  body.service-editorial .journey,
  body.service-editorial .portfolio,
  body.service-editorial .benefits {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  body.service-editorial .calc-results {
    grid-template-columns: 1fr !important;
  }

  body.service-editorial .calc-wealth-note {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

/* MyInvest24 eigene Produkt-Sprache: Blueprint, Score, Matrix, Prozess */
.mi24-blueprint-section {
  position: relative;
  overflow: hidden;
  padding: 116px 0;
  background:
    linear-gradient(180deg, #fff 0%, #f6f8f9 100%),
    var(--mi24-sig-dot) center / 12px 12px;
}

.mi24-blueprint-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(19, 135, 255, 0.08), transparent 34%, transparent 66%, rgba(14, 122, 98, 0.08)),
    var(--mi24-sig-dot);
  background-size: 100% 100%, 12px 12px;
  opacity: 0.72;
  mask-image: linear-gradient(180deg, #000, transparent 82%);
}

.mi24-blueprint-section .container {
  position: relative;
  z-index: 1;
}

.mi24-blueprint-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(360px, 0.62fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
}

.mi24-blueprint-copy {
  max-width: 760px;
}

.mi24-blueprint-title {
  margin: 0;
  color: var(--mi24-sig-ink);
  font-family: var(--mi24-sig-serif);
  font-size: clamp(44px, 5.8vw, 82px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.98;
}

.mi24-blueprint-title em {
  color: #737a84;
  font-style: italic;
}

.mi24-blueprint-lead {
  max-width: 660px;
  margin: 24px 0 0;
  color: var(--mi24-sig-muted);
  font-size: 18px;
  line-height: 1.68;
}

.mi24-blueprint-steps {
  display: grid;
  gap: 12px;
  margin-top: 36px;
}

.mi24-blueprint-step {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: start;
  padding: 22px;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.05);
}

.mi24-blueprint-step b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #050608;
  color: #fff;
  font-family: var(--mi24-sig-serif);
  font-size: 18px;
  font-weight: 400;
}

.mi24-blueprint-step span {
  display: block;
  color: var(--mi24-sig-ink);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0;
}

.mi24-blueprint-step p {
  margin: 6px 0 0;
  color: var(--mi24-sig-muted);
  font-size: 15px;
  line-height: 1.58;
}

.mi24-score-card {
  position: sticky;
  top: 104px;
  overflow: hidden;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(4, 6, 8, 0.98), rgba(7, 24, 28, 0.96)),
    var(--mi24-sig-dot) center / 13px 13px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
  color: #fff;
}

.mi24-score-card::after {
  content: "24";
  position: absolute;
  right: -18px;
  bottom: -58px;
  color: rgba(255, 255, 255, 0.06);
  font-family: var(--mi24-sig-serif);
  font-size: 190px;
  line-height: 1;
}

.mi24-score-head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 22px;
  align-items: center;
}

.mi24-score-head span,
.mi24-score-bars span,
.mi24-score-foot span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mi24-score-head strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-family: var(--mi24-sig-serif);
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
}

.mi24-score-ring {
  display: inline-grid;
  place-items: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #071013 0 55%, transparent 56%),
    conic-gradient(var(--mi24-sig-blue) 0 87%, rgba(255, 255, 255, 0.14) 87% 100%);
  color: #fff;
  font-family: var(--mi24-sig-serif);
  font-size: 31px;
  font-weight: 400;
}

.mi24-score-bars {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
  margin-top: 34px;
}

.mi24-score-bar {
  display: grid;
  gap: 8px;
}

.mi24-score-bar div {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.mi24-score-bar div::before {
  content: "";
  display: block;
  width: var(--score, 80%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #fff, #8bd8ff);
}

.mi24-score-foot {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  margin-top: 34px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.mi24-score-foot strong {
  color: #fff;
  font-size: 16px;
}

.mi24-score-foot b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  background: #fff;
  color: #050608;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mi24-cashflow-matrix {
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.07);
}

.mi24-cashflow-row {
  display: grid;
  grid-template-columns: 1.1fr 0.7fr 1.15fr;
  gap: 20px;
  align-items: center;
  min-height: 72px;
  padding: 0 26px;
  border-bottom: 1px solid var(--mi24-sig-line);
}

.mi24-cashflow-row:last-child {
  border-bottom: 0;
}

.mi24-cashflow-row--head {
  min-height: 54px;
  background: #050608;
  color: #fff;
}

.mi24-cashflow-row--head span {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mi24-cashflow-row strong {
  color: var(--mi24-sig-ink);
  font-size: 17px;
}

.mi24-cashflow-row b {
  color: var(--mi24-sig-green);
  font-family: var(--mi24-sig-serif);
  font-size: 25px;
  font-weight: 400;
}

.mi24-cashflow-row em {
  color: var(--mi24-sig-muted);
  font-size: 14px;
  font-style: normal;
  line-height: 1.45;
}

.mi24-process-24 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: var(--mi24-sig-line);
  box-shadow: 0 18px 56px rgba(15, 23, 42, 0.06);
}

.mi24-process-24 article {
  min-height: 172px;
  padding: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.84)),
    var(--mi24-sig-dot) center / 12px 12px;
}

.mi24-process-24 b {
  color: var(--mi24-sig-blue-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.mi24-process-24 h3 {
  margin: 34px 0 10px;
  color: var(--mi24-sig-ink);
  font-size: 21px;
  line-height: 1.14;
}

.mi24-process-24 p {
  margin: 0;
  color: var(--mi24-sig-muted);
  font-size: 14px;
  line-height: 1.58;
}

.mi24-proof-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.mi24-proof-item {
  min-height: 116px;
  padding: 22px;
  border: 1px solid var(--mi24-sig-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
}

.mi24-proof-item strong {
  display: block;
  color: var(--mi24-sig-ink);
  font-family: var(--mi24-sig-serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}

.mi24-proof-item span {
  display: block;
  margin-top: 10px;
  color: var(--mi24-sig-muted);
  font-size: 13px;
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.service-editorial .hero-split-inner,
body.service-editorial .hero__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 390px) !important;
  gap: clamp(30px, 5vw, 76px) !important;
  align-items: center !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  text-align: left !important;
}

body.service-editorial .hero-split-text,
body.service-editorial .hero__content {
  max-width: 780px !important;
  margin: 0 !important;
}

body.service-editorial .breadcrumb,
body.service-editorial .hero__badge {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.service-editorial .hero-split h1,
body.service-editorial .hero__title {
  max-width: 820px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: clamp(48px, 6.2vw, 96px) !important;
}

body.service-editorial .hero-split-sub,
body.service-editorial .hero__description {
  max-width: 680px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mi24-hero-console {
  position: relative;
  overflow: hidden;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.055)),
    radial-gradient(circle, rgba(255, 255, 255, 0.22) 1px, transparent 1.2px) center / 13px 13px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 30px 90px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.mi24-hero-console::after {
  content: "24";
  position: absolute;
  right: -18px;
  bottom: -48px;
  color: rgba(255, 255, 255, 0.08);
  font-family: var(--mi24-sig-serif);
  font-size: 152px;
  line-height: 1;
}

.mi24-console-top,
.mi24-console-result,
.mi24-console-bars {
  position: relative;
  z-index: 1;
}

.mi24-console-top {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
}

.mi24-console-top span,
.mi24-console-bar span,
.mi24-console-result span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mi24-console-top strong {
  color: #fff;
  font-family: var(--mi24-sig-serif);
  font-size: 72px;
  font-weight: 400;
  line-height: 0.88;
}

.mi24-console-bars {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.mi24-console-bar {
  display: grid;
  gap: 8px;
}

.mi24-console-track {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
}

.mi24-console-track::before {
  content: "";
  display: block;
  width: var(--value, 82%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #fff, #9ddcff);
}

.mi24-console-result {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.mi24-console-result strong {
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
}

.mi24-console-result b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 34px;
  border-radius: 999px;
  background: #fff;
  color: #050608;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 980px) {
  .mi24-blueprint-layout {
    grid-template-columns: 1fr;
  }

  .mi24-score-card {
    position: relative;
    top: auto;
  }

  .mi24-process-24,
  .mi24-proof-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.service-editorial .hero-split-inner,
  body.service-editorial .hero__inner {
    grid-template-columns: 1fr !important;
  }

  .mi24-hero-console {
    max-width: 520px;
  }
}

@media (max-width: 680px) {
  .mi24-blueprint-section {
    padding: 78px 0;
  }

  .mi24-blueprint-title {
    font-size: 39px;
  }

  .mi24-blueprint-lead {
    font-size: 16px;
  }

  .mi24-blueprint-step {
    grid-template-columns: 1fr;
  }

  .mi24-cashflow-row {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: auto;
    padding: 18px;
  }

  .mi24-cashflow-row--head {
    display: none;
  }

  .mi24-process-24,
  .mi24-proof-band {
    grid-template-columns: 1fr;
  }

  .mi24-process-24 article {
    min-height: auto;
  }

  .mi24-console-top strong {
    font-size: 58px;
  }

  body.service-editorial .hero-split h1,
  body.service-editorial .hero__title {
    font-size: clamp(38px, 11vw, 52px) !important;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* --------------------------------------------------------------------------
   Rechner UI Polish
   Einheitliche, ruhigere Controls fuer alle Rechner. Ueberschreibt bewusst
   alte blaue Slider-Thumbs aus Inline-Styles, ohne Rechenlogik zu beruehren.
   -------------------------------------------------------------------------- */
body.mi24-design {
  --mi24-range-track: #e4ebf1;
  --mi24-range-fill: #07151a;
  --mi24-range-dot: #1387ff;
  --mi24-range-focus: rgba(19, 135, 255, 0.18);
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"],
body.mi24-design input[type="range"].mi24-slider,
body.mi24-design input[type="range"].calc-slider,
body.mi24-design input[type="range"].bf24-slider {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  min-height: 34px !important;
  height: 6px !important;
  margin: 10px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      var(--mi24-range-fill) 0%,
      var(--mi24-range-fill) var(--mi24-slider-fill, var(--value-percent, 0%)),
      var(--mi24-range-track) var(--mi24-slider-fill, var(--value-percent, 0%)),
      var(--mi24-range-track) 100%
    ) !important;
  box-shadow: inset 0 0 0 1px rgba(5, 6, 8, 0.04) !important;
  cursor: pointer !important;
  outline: none !important;
  accent-color: var(--mi24-range-fill);
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]::-webkit-slider-runnable-track,
body.mi24-design input[type="range"].mi24-slider::-webkit-slider-runnable-track,
body.mi24-design input[type="range"].calc-slider::-webkit-slider-runnable-track,
body.mi24-design input[type="range"].bf24-slider::-webkit-slider-runnable-track {
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]::-webkit-slider-thumb,
body.mi24-design input[type="range"].mi24-slider::-webkit-slider-thumb,
body.mi24-design input[type="range"].calc-slider::-webkit-slider-thumb,
body.mi24-design input[type="range"].bf24-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: -8px !important;
  border: 2px solid var(--mi24-range-fill) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at center, var(--mi24-range-dot) 0 4px, #ffffff 4.5px 100%) !important;
  box-shadow:
    0 10px 24px rgba(5, 6, 8, 0.18),
    0 0 0 6px rgba(19, 135, 255, 0.08) !important;
  cursor: grab !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]::-moz-range-track,
body.mi24-design input[type="range"].mi24-slider::-moz-range-track,
body.mi24-design input[type="range"].calc-slider::-moz-range-track,
body.mi24-design input[type="range"].bf24-slider::-moz-range-track {
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--mi24-range-track) !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]::-moz-range-progress,
body.mi24-design input[type="range"].mi24-slider::-moz-range-progress,
body.mi24-design input[type="range"].calc-slider::-moz-range-progress,
body.mi24-design input[type="range"].bf24-slider::-moz-range-progress {
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--mi24-range-fill) !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]::-moz-range-thumb,
body.mi24-design input[type="range"].mi24-slider::-moz-range-thumb,
body.mi24-design input[type="range"].calc-slider::-moz-range-thumb,
body.mi24-design input[type="range"].bf24-slider::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid var(--mi24-range-fill) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at center, var(--mi24-range-dot) 0 4px, #ffffff 4.5px 100%) !important;
  box-shadow:
    0 10px 24px rgba(5, 6, 8, 0.18),
    0 0 0 6px rgba(19, 135, 255, 0.08) !important;
  cursor: grab !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]:hover::-webkit-slider-thumb,
body.mi24-design input[type="range"].mi24-slider:hover::-webkit-slider-thumb,
body.mi24-design input[type="range"].calc-slider:hover::-webkit-slider-thumb,
body.mi24-design input[type="range"].bf24-slider:hover::-webkit-slider-thumb,
body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]:hover::-moz-range-thumb,
body.mi24-design input[type="range"].mi24-slider:hover::-moz-range-thumb,
body.mi24-design input[type="range"].calc-slider:hover::-moz-range-thumb,
body.mi24-design input[type="range"].bf24-slider:hover::-moz-range-thumb {
  transform: scale(1.06) !important;
  box-shadow:
    0 12px 28px rgba(5, 6, 8, 0.22),
    0 0 0 7px rgba(19, 135, 255, 0.11) !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]:active::-webkit-slider-thumb,
body.mi24-design input[type="range"].mi24-slider:active::-webkit-slider-thumb,
body.mi24-design input[type="range"].calc-slider:active::-webkit-slider-thumb,
body.mi24-design input[type="range"].bf24-slider:active::-webkit-slider-thumb,
body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]:active::-moz-range-thumb,
body.mi24-design input[type="range"].mi24-slider:active::-moz-range-thumb,
body.mi24-design input[type="range"].calc-slider:active::-moz-range-thumb,
body.mi24-design input[type="range"].bf24-slider:active::-moz-range-thumb {
  cursor: grabbing !important;
  transform: scale(1.02) !important;
  box-shadow:
    0 8px 18px rgba(5, 6, 8, 0.18),
    0 0 0 9px var(--mi24-range-focus) !important;
}

body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"]:focus-visible,
body.mi24-design input[type="range"].mi24-slider:focus-visible,
body.mi24-design input[type="range"].calc-slider:focus-visible,
body.mi24-design input[type="range"].bf24-slider:focus-visible {
  outline: 3px solid var(--mi24-range-focus) !important;
  outline-offset: 5px !important;
}

body.mi24-design :where(.mi24-range-labels, .bf24-slider-labels, .calc-slider-labels, .mi24-range-wrapper) {
  overflow: visible !important;
}

@media (max-width: 680px) {
  body.mi24-design :where(.mi24-calc, .invest-calc, .mi24-calculator, .bf24-calculator, .calculator-card, .rechner-card, .calculator, .calc-form) input[type="range"],
  body.mi24-design input[type="range"].mi24-slider,
  body.mi24-design input[type="range"].calc-slider,
  body.mi24-design input[type="range"].bf24-slider {
    min-height: 40px !important;
    margin: 12px 0 !important;
  }
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider,
body.mi24-design.service-editorial .calc-slider {
  min-height: 34px !important;
  height: 6px !important;
  margin: 10px 0 !important;
  background:
    linear-gradient(
      90deg,
      var(--mi24-range-fill) 0%,
      var(--mi24-range-fill) var(--mi24-slider-fill, var(--value-percent, 0%)),
      var(--mi24-range-track) var(--mi24-slider-fill, var(--value-percent, 0%)),
      var(--mi24-range-track) 100%
    ) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-webkit-slider-runnable-track,
body.mi24-design.service-editorial .calc-slider::-webkit-slider-runnable-track {
  height: 6px !important;
  background: transparent !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-webkit-slider-thumb,
body.mi24-design.service-editorial .calc-slider::-webkit-slider-thumb {
  width: 22px !important;
  height: 22px !important;
  margin-top: -8px !important;
  border: 2px solid var(--mi24-range-fill) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at center, var(--mi24-range-dot) 0 4px, #ffffff 4.5px 100%) !important;
  box-shadow:
    0 10px 24px rgba(5, 6, 8, 0.18),
    0 0 0 6px rgba(19, 135, 255, 0.08) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-moz-range-track,
body.mi24-design.service-editorial .calc-slider::-moz-range-track {
  height: 6px !important;
  background: var(--mi24-range-track) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc input[type="range"].mi24-slider::-moz-range-thumb,
body.mi24-design.service-editorial .calc-slider::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;
  border: 2px solid var(--mi24-range-fill) !important;
  background:
    radial-gradient(circle at center, var(--mi24-range-dot) 0 4px, #ffffff 4.5px 100%) !important;
  box-shadow:
    0 10px 24px rgba(5, 6, 8, 0.18),
    0 0 0 6px rgba(19, 135, 255, 0.08) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-card {
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 28px 80px rgba(7, 21, 26, 0.12) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-progress-fill {
  background: linear-gradient(90deg, var(--mi24-range-fill), var(--mi24-sig-green)) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-header-badge {
  background: rgba(19, 135, 255, 0.08) !important;
  border-color: rgba(19, 135, 255, 0.2) !important;
  color: var(--mi24-sig-blue-dark) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc button.mi24-btn {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, #07151a 0%, #101820 54%, #0e7a62 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(7, 21, 26, 0.22) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc button.mi24-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent) !important;
  transform: translateX(-120%) !important;
  transition: transform 0.55s ease !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc button.mi24-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(7, 21, 26, 0.28) !important;
}

body.mi24-design.home-editorial #steuerrechner .mi24-calc button.mi24-btn:hover::before {
  transform: translateX(120%) !important;
}

body.mi24-design .mi24-calculator {
  --mi24-accent: var(--mi24-range-fill) !important;
  --mi24-accent-light: var(--mi24-sig-green) !important;
  --mi24-accent-dark: #020a0f !important;
  --mi24-accent-glow: rgba(7, 21, 26, 0.14) !important;
  --mi24-accent-subtle: rgba(7, 21, 26, 0.055) !important;
}

body.mi24-design .mi24-calculator .mi24-preset-btn.active,
body.mi24-design .mi24-calculator button.mi24-btn-primary {
  background:
    linear-gradient(135deg, #07151a 0%, #101820 54%, #0e7a62 100%) !important;
  border-color: rgba(7, 21, 26, 0.12) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(7, 21, 26, 0.2) !important;
}

body.mi24-design .mi24-calculator button.mi24-btn-primary:hover {
  background:
    linear-gradient(135deg, #020a0f 0%, #07151a 56%, #0b6954 100%) !important;
  box-shadow: 0 20px 42px rgba(7, 21, 26, 0.28) !important;
}

body.mi24-design .mi24-calculator .mi24-validation:not(.visible) {
  display: none !important;
}

body.mi24-design .mi24-calculator button.mi24-btn-primary svg,
body.mi24-design .mi24-calculator button.mi24-btn-primary svg * {
  color: #fff !important;
  stroke: #fff !important;
}

body.mi24-design .mi24-calculator .mi24-label-row {
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 0 !important;
}

body.mi24-design .mi24-calculator .mi24-label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
  text-wrap: pretty !important;
}

body.mi24-design .mi24-calculator .mi24-label-value {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

body.mi24-design .mi24-calculator .mi24-tooltip-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

body.mi24-design .mi24-calculator .mi24-slider-wrap {
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
  overflow: visible !important;
}

body.mi24-design .mi24-calculator .mi24-field {
  gap: 10px !important;
}

@media (max-width: 680px) {
  body.mi24-design .mi24-calculator .mi24-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.mi24-design .mi24-calculator .mi24-form-grid {
    gap: 18px !important;
  }

  body.mi24-design .mi24-calculator .mi24-form-grid.two-cols {
    grid-template-columns: 1fr !important;
  }

  body.mi24-design .mi24-calculator .mi24-label-row {
    align-items: center !important;
  }

  body.mi24-design .mi24-calculator .mi24-tooltip-content {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   Final Design QA Layer
   Kontrast-Schutz fuer dunkle/helle Flaechen. Dieser Block steht bewusst am
   Ende, damit er alte Inline- und Rollout-Regeln ueberstimmt.
   -------------------------------------------------------------------------- */
body.mi24-design :is(header.header, .header, .site-header, .main-nav) :is(a, button, .header-link, .header__link):not(.btn):not(.btn-primary):not(.header__cta):not(.mobile-nav__link):not(.mobile-nav__cta) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

body.mi24-design :is(header.header, .header, .site-header, .main-nav) :is(a, button, .header-link, .header__link):not(.btn):not(.btn-primary):not(.header__cta):not(.mobile-nav__link):not(.mobile-nav__cta):hover {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design :is(header.header, .header, .site-header, .main-nav) :is(.btn, .btn-primary, .header__cta .btn) {
  background: #050608 !important;
  border-color: #050608 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.mobile-nav, #mobileNav) :is(a, button, .mobile-nav__link, .mobile-nav__cta) {
  color: rgba(255, 255, 255, 0.92) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.92) !important;
}

body.mi24-design :is(.mobile-nav, #mobileNav) :is(.btn, .btn-primary, .mobile-nav__cta) {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design.home-editorial .home-visual-caption,
body.mi24-design.home-editorial .home-visual-caption :is(small, strong, span, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design.home-editorial .home-visual-caption small {
  color: rgba(255, 255, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
}

body.mi24-design.home-editorial #services,
body.mi24-design.home-editorial .services {
  color: #ffffff !important;
}

body.mi24-design.home-editorial #services :is(.services-head h1, .services-head h2, .services-head h3, .svc-card:not(.svc-card--dark) h3, .svc-card:not(.svc-card--dark) strong, .svc-card:not(.svc-card--dark) .svc-card-link),
body.mi24-design.home-editorial .services :is(.services-head h1, .services-head h2, .services-head h3, .svc-card:not(.svc-card--dark) h3, .svc-card:not(.svc-card--dark) strong, .svc-card:not(.svc-card--dark) .svc-card-link) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design.home-editorial #services :is(.services-head p, .svc-card:not(.svc-card--dark) p),
body.mi24-design.home-editorial .services :is(.services-head p, .svc-card:not(.svc-card--dark) p) {
  color: rgba(255, 255, 255, 0.76) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.76) !important;
}

body.mi24-design.home-editorial #services .services-head .eyebrow,
body.mi24-design.home-editorial .services .services-head .eyebrow {
  color: #8bd8ff !important;
  -webkit-text-fill-color: #8bd8ff !important;
}

body.mi24-design.home-editorial #services .svc-card:not(.svc-card--dark) :is(svg, path, rect, circle, line, polyline),
body.mi24-design.home-editorial .services .svc-card:not(.svc-card--dark) :is(svg, path, rect, circle, line, polyline) {
  color: #ffffff !important;
  stroke: currentColor !important;
  fill: none;
}

body.mi24-design.home-editorial #services .svc-card--dark :is(h3, p, strong, span, a, .svc-card-link),
body.mi24-design.home-editorial .services .svc-card--dark :is(h3, p, strong, span, a, .svc-card-link) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design :is(.mi24-score-card, .mi24-score-card *, .mi24-blueprint-section .mi24-score-card, .mi24-blueprint-section .mi24-score-card *) {
  color: inherit;
}

body.mi24-design .mi24-score-card :is(h1, h2, h3, h4, h5, h6, strong, b, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design .mi24-score-card :is(p, li, small) {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(h1, h2, h3, h4, h5, h6, strong, .footer__title, .footer-col h4) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(p, li, span, a, button) {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(a:hover, button:hover, .highlight) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design .funnel-legal,
body.mi24-design footer.funnel-legal {
  background: transparent !important;
  color: #5d6470 !important;
  -webkit-text-fill-color: #5d6470 !important;
}

body.mi24-design .funnel-legal :is(a, span, p, button),
body.mi24-design footer.funnel-legal :is(a, span, p, button) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design :is(.breadcrumb, .breadcrumbs, [class*="breadcrumb"]) :is(a, span) {
  color: #5d6470 !important;
  -webkit-text-fill-color: #5d6470 !important;
}

body.mi24-design :is(.breadcrumb, .breadcrumbs, [class*="breadcrumb"]) a {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

/* --------------------------------------------------------------------------
   Extended Design QA Layer
   Lesbarkeit fuer alte Templates, Rechner, Funnel und Standortseiten.
   -------------------------------------------------------------------------- */
body.mi24-design :is(.btn, .btn-primary, .header__cta, .cta-section__btn, button.mi24-btn-primary, #mi24CalculateBtn, .mi24-standort-btn--primary) {
  text-shadow: none !important;
}

body.mi24-design.home-editorial #steuerrechner :is(.mi24-progress-text, #mi24ProgressText, .mi24-range-labels, .mi24-range-labels span),
body.mi24-design .mi24-calculator :is(.mi24-range-labels, .mi24-range-labels span, .mi24-progress-text, #mi24ProgressText, .bf24-slider-labels, .calc-slider-labels) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.service-editorial :is(.hero-stat span, .hero-stat__label, .stat-label, .page-hero__stat-label, .metric-label, .trust-badge span, .service-hero-trust span),
body.mi24-design :is(.service-stat span, .service-stat__label, .service-hero__stat-label) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design :is(.funnel-option__hint, .funnel-social-proof span, .funnel-trust span, .funnel-proof span, .funnel-meta span, .funnel-rating span) {
  color: rgba(13, 23, 36, 0.74) !important;
  -webkit-text-fill-color: rgba(13, 23, 36, 0.74) !important;
}

body.mi24-design :is(.funnel-star, .funnel-social-proof svg, .funnel-trust svg, .funnel-proof svg) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
  stroke: currentColor !important;
}

body.mi24-design .mi24-calculator :is(.mi24-tooltip-icon, .tooltip-icon, [class*="tooltip"] button) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
  border-color: rgba(75, 85, 99, 0.38) !important;
}

body.mi24-design .mi24-calculator :is(h1 span, .mi24-hero-title span, .mi24-aio-kicker, .mi24-eyebrow, .calculator-eyebrow),
body.mi24-design.mi24-page-tool :is(.page-hero__title span, .page-hero h1 span),
body.mi24-design :is(.mi24-aio-kicker, .section__eyebrow, .page-hero__badge, .article-hero__category, .mi24-standort-hero__badge) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design.mi24-page-tool :is(.page-hero) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 249, 250, 0.98) 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #050608 !important;
}

body.mi24-design.mi24-page-tool :is(.page-hero h1, .page-hero__title) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design.mi24-page-tool :is(.page-hero__lead, .page-hero__subtitle, .page-hero__breadcrumb, .page-hero__breadcrumb span) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-tool :is(.page-hero__badge) {
  background: rgba(7, 91, 180, 0.1) !important;
  border: 1px solid rgba(7, 91, 180, 0.18) !important;
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design.mi24-page-tool :is(.hero) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 249, 250, 0.98) 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #050608 !important;
}

body.mi24-design.mi24-page-tool :is(.hero__title) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design.mi24-page-tool :is(.hero__title span, .hero__badge) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design.mi24-page-tool :is(.hero__description) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-archive :is(.page-hero),
body.mi24-design.mi24-page-article :is(.article-hero, .page-hero) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 252, 0.98) 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #050608 !important;
}

body.mi24-design.mi24-page-archive :is(.page-hero) :is(h1, h2, h3, strong),
body.mi24-design.mi24-page-article :is(.article-hero, .page-hero) :is(h1, h2, h3, strong) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design.mi24-page-archive :is(.page-hero) :is(p, span, li, .page-hero__lead),
body.mi24-design.mi24-page-article :is(.article-hero, .page-hero) :is(p, span, li, .article-hero__lead, .article-hero__meta, .article-hero__meta-item, .page-hero__lead) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-archive :is(.page-hero) :is(a, .article-hero__category, .page-hero__badge),
body.mi24-design.mi24-page-article :is(.article-hero, .page-hero) :is(a, .article-hero__category, .page-hero__badge) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design.mi24-page-article :is(.article-hero, .page-hero) svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

body.mi24-design :is(.mi24-standort-hero) {
  background:
    linear-gradient(135deg, #07151a 0%, #10222e 52%, #07151a 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.mi24-design :is(.mi24-standort-hero__title) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.mi24-standort-hero__subtitle, .mi24-standort-hero__subtitle span) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

body.mi24-design :is(.mi24-standort-hero__subtitle strong) {
  color: #8bd8ff !important;
  -webkit-text-fill-color: #8bd8ff !important;
}

body.mi24-design :is(.mi24-standort-hero__badge) {
  background: rgba(139, 216, 255, 0.12) !important;
  border-color: rgba(139, 216, 255, 0.32) !important;
  color: #8bd8ff !important;
  -webkit-text-fill-color: #8bd8ff !important;
}

body.mi24-design :is(.cta-dark, .section-dark, .dark-section, .cta-section, .rating-bar) :is(p, li, span) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.cta-dark, .section-dark, .dark-section, .cta-section, .rating-bar) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta-dark, .section-dark, .dark-section, .cta-section, .rating-bar) :is(.btn-white, .btn-light, .cta-section__btn) {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.cta-dark, .section-dark, .dark-section, .cta-section, .rating-bar) :is(.btn-primary, .btn-dark) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.sticky-cta, .sticky-cta-text) :is(strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.sticky-cta, .sticky-cta-text) :is(span, p) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.mi24-standort-cta) :is(h1, h2, h3, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.mi24-standort-cta) {
  background:
    linear-gradient(135deg, #075985 0%, #064e75 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.mi24-design :is(.mi24-standort-cta) :is(p, span, li) {
  color: rgba(255, 255, 255, 0.86) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}

body.mi24-design :is(.mi24-standort-cta) :is(.mi24-standort-btn--white) {
  background: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.mi24-standort-hero__actions, .mi24-standort-cta__actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

body.mi24-design .mi24-standort-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 52px !important;
  padding: 14px 22px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

body.mi24-design .mi24-standort-btn--primary {
  background:
    linear-gradient(135deg, #050608 0%, #101820 58%, #0e7a62 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design .mi24-standort-btn--secondary,
body.mi24-design .mi24-standort-btn--outline-white {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.mi24-standort-btn--white) {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

@media (max-width: 640px) {
  body.mi24-design :is(.mi24-standort-hero__actions, .mi24-standort-cta__actions) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.mi24-design .mi24-standort-btn {
    width: 100% !important;
  }
}

body.mi24-design.mi24-page-tool :is(.calculator__title, .calculator__results-title) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.mi24-design.mi24-page-tool :is(.calculator__title-mark) {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(7, 91, 180, 0.13), rgba(14, 122, 98, 0.12)),
    #f8fafc !important;
  border: 1px solid rgba(7, 91, 180, 0.16) !important;
}

body.mi24-design.mi24-page-tool :is(.calculator__title-mark)::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 7px !important;
  height: 14px !important;
  background:
    linear-gradient(90deg, #075bb4 0 4px, transparent 4px 7px, #0e7a62 7px 11px, transparent 11px 14px, #8bd8ff 14px 18px) !important;
}

body.mi24-design.mi24-page-tool :is(.calculator__title-mark--result)::before {
  border: 2px solid #075bb4 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  width: 14px !important;
  height: 14px !important;
  left: 7px !important;
  right: auto !important;
  bottom: 8px !important;
  background: transparent !important;
  transform: rotate(45deg) !important;
}

body.mi24-design.mi24-page-tool .info-card__icon {
  font-size: 0 !important;
}

body.mi24-design.mi24-page-tool .info-card__icon::before {
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 4px !important;
  background:
    linear-gradient(90deg, #ffffff 0 4px, transparent 4px 6px, rgba(255, 255, 255, 0.72) 6px 10px, transparent 10px 12px, rgba(255, 255, 255, 0.48) 12px 16px) !important;
}

body.mi24-design.mi24-page-tool .calculator__results {
  padding: clamp(22px, 4vw, 34px) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(145deg, #07151a 0%, #0d2938 58%, #075985 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  background-color: #07151a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
}

body.mi24-design.mi24-page-tool .calculator__results-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  margin-bottom: 18px !important;
}

body.mi24-design.mi24-page-tool .calculator__results .calculator__title-mark {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.mi24-design.mi24-page-tool .calculator__results .calculator__title-mark::before {
  border-color: #8bd8ff !important;
}

body.mi24-design.mi24-page-tool .result-card {
  height: auto !important;
  margin-bottom: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

body.mi24-design.mi24-page-tool :is(.result-card__label, .result-card__value, .result-card__sublabel) {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

body.mi24-design.mi24-page-tool .result-card__label {
  margin-bottom: 4px !important;
  color: rgba(255, 255, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.mi24-design.mi24-page-tool .result-card__value {
  color: #8bd8ff !important;
  -webkit-text-fill-color: #8bd8ff !important;
  font-size: clamp(31px, 8vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
}

body.mi24-design.mi24-page-tool .result-card__value.positive {
  color: #72e4b5 !important;
  -webkit-text-fill-color: #72e4b5 !important;
}

body.mi24-design.mi24-page-tool .result-card__value.negative {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

body.mi24-design.mi24-page-tool .result-card__sublabel {
  margin-top: 4px !important;
  color: rgba(255, 255, 255, 0.62) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.62) !important;
  font-size: 13px !important;
}

body.mi24-design.mi24-page-tool .results-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

body.mi24-design.mi24-page-tool .result-mini {
  height: auto !important;
  padding: 14px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  text-align: center !important;
}

body.mi24-design.mi24-page-tool :is(.result-mini__value, .result-mini__label) {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
}

body.mi24-design.mi24-page-tool .result-mini__value {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

body.mi24-design.mi24-page-tool .result-mini__label {
  margin-top: 3px !important;
  color: rgba(255, 255, 255, 0.64) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.64) !important;
  font-size: 12px !important;
}

@media (max-width: 420px) {
  body.mi24-design.mi24-page-tool .results-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Legacy page families: legal, old city pages, older tools and service templates */
body.mi24-design:not(.home-editorial) :is(.hero, .city-hero, .hero-rechner) {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 249, 250, 0.98) 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #050608 !important;
}

body.mi24-design:not(.home-editorial) :is(.hero) :is(.hero__bg, .hero__bg-video, .hero__bg-overlay, .hero__bg-lines) {
  display: none !important;
}

body.mi24-design:not(.home-editorial) :is(.hero__content, .hero__eyebrow, .hero__title, .hero__title-line, .hero__subtitle, .hero__actions, .hero__metrics) {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

body.mi24-design:not(.home-editorial) :is(.hero h1, .hero h2, .hero h3, .hero__title, .city-hero h1, .city-hero h2, .hero-rechner h1, .hero-rechner h2) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design:not(.home-editorial) :is(.hero__title span, .hero__title-accent, .hero__badge, .hero-badge, .city-hero__badge, .hero__eyebrow-text, .hero-rechner h1 span) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design:not(.home-editorial) :is(.hero__badge, .hero-badge, .city-hero__badge) {
  display: inline-flex !important;
  width: auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(7, 91, 180, 0.1) !important;
  border: 1px solid rgba(7, 91, 180, 0.18) !important;
}

body.mi24-design:not(.home-editorial) :is(.hero p, .hero__subtitle, .hero__description, .city-hero__lead, .hero-rechner .lead) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-location :is(.city-hero) {
  padding-top: clamp(118px, 12vw, 150px) !important;
  padding-bottom: clamp(56px, 8vw, 90px) !important;
}

body.mi24-design.mi24-page-location :is(.city-hero__breadcrumb, .city-hero__breadcrumb span) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-location :is(.city-hero__breadcrumb a, .stat-card__value) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design.mi24-page-location :is(.stat-card__label) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design.mi24-page-location :is(.city-hero .stats-grid) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 42px !important;
}

body.mi24-design.mi24-page-location :is(.city-hero .stat-card) {
  padding: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 640px) {
  body.mi24-design.mi24-page-location :is(.city-hero .stats-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body.mi24-design.mi24-page-location :is(.city-hero .stat-card) {
    min-height: 128px !important;
  }
}

body.mi24-design:not(.home-editorial) :is(.hero__metric-value) {
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.mi24-design:not(.home-editorial) :is(.hero__metric-label) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design :is(.hero-quick-input) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

body.mi24-design.mi24-page-tool .hero-rechner {
  padding: clamp(118px, 12vw, 154px) 24px clamp(56px, 7vw, 86px) !important;
}

body.mi24-design.mi24-page-tool .hero-rechner::before {
  content: none !important;
  display: none !important;
}

body.mi24-design.mi24-page-tool .hero-rechner .container {
  max-width: 1060px !important;
}

body.mi24-design.mi24-page-tool .hero-rechner h1 {
  max-width: 980px !important;
  margin: 0 auto 18px !important;
  line-height: 1.02 !important;
  hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.mi24-design.mi24-page-tool .hero-rechner .lead {
  max-width: 820px !important;
  margin-bottom: 30px !important;
}

body.mi24-design.mi24-page-tool .hero-quick-input {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 10px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08) !important;
}

body.mi24-design.mi24-page-tool .hero-quick-input input {
  flex: 1 1 220px !important;
  min-width: 0 !important;
  height: 50px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

body.mi24-design.mi24-page-tool .hero-quick-input input::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body.mi24-design.mi24-page-tool .hero-quick-input button {
  min-height: 50px !important;
  border-radius: 7px !important;
  padding-inline: 22px !important;
}

body.mi24-design.mi24-page-tool .anchor-nav {
  position: sticky !important;
  top: 68px !important;
  z-index: 80 !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body.mi24-design.mi24-page-tool .anchor-nav__inner {
  display: flex !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding: 12px 18px !important;
  scrollbar-width: none !important;
}

body.mi24-design.mi24-page-tool .anchor-nav__inner::-webkit-scrollbar {
  display: none !important;
}

body.mi24-design.mi24-page-tool .anchor-nav a {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.mi24-design.mi24-page-tool .anchor-nav a:is(:hover, .active) {
  background: #07151a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design.mi24-page-tool .rechner-section {
  padding: clamp(54px, 7vw, 92px) 24px !important;
  background:
    linear-gradient(180deg, #f7f9fa 0%, #ffffff 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.mi24-design.mi24-page-tool .rechner-section .container {
  max-width: 1120px !important;
}

body.mi24-design.mi24-page-tool .rechner-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

body.mi24-design.mi24-page-tool .rechner-card {
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(15, 23, 42, 0.09) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.08) !important;
}

body.mi24-design.mi24-page-tool .expert-toggle {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
}

body.mi24-design.mi24-page-tool .expert-toggle input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.mi24-design.mi24-page-tool input[type="checkbox"].mi24-checkbox {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  accent-color: #075bb4 !important;
}

body.mi24-design.mi24-page-tool .expert-toggle-switch {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: #dbe7f3 !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
}

body.mi24-design.mi24-page-tool .expert-toggle-switch::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18) !important;
  transition: transform 0.2s ease !important;
}

body.mi24-design.mi24-page-tool .expert-toggle input[type="checkbox"]:checked + .expert-toggle-switch {
  background: #075bb4 !important;
}

body.mi24-design.mi24-page-tool .expert-toggle input[type="checkbox"]:checked + .expert-toggle-switch::after {
  transform: translateX(20px) !important;
}

body.mi24-design.mi24-page-tool .expert-toggle-text {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design.mi24-page-tool .expert-toggle-text span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body.mi24-design.mi24-page-tool .rechner-section-label {
  margin: 26px 0 14px !important;
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.mi24-design.mi24-page-tool .rechner-form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body.mi24-design.mi24-page-tool .rechner-field {
  min-width: 0 !important;
}

body.mi24-design.mi24-page-tool .rechner-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 7px !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

body.mi24-design.mi24-page-tool .rechner-input-wrap {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body.mi24-design.mi24-page-tool :is(.rechner-input, .rechner-select) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

body.mi24-design.mi24-page-tool .rechner-input-wrap .rechner-input {
  border: 0 !important;
  border-radius: 0 !important;
}

body.mi24-design.mi24-page-tool .rechner-input {
  padding: 0 12px !important;
}

body.mi24-design.mi24-page-tool .rechner-select {
  padding: 0 12px !important;
}

body.mi24-design.mi24-page-tool .rechner-suffix {
  flex: 0 0 auto !important;
  padding-right: 12px !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  font-weight: 750 !important;
}

body.mi24-design.mi24-page-tool .rechner-tooltip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: rgba(7, 91, 180, 0.1) !important;
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
  font-size: 11px !important;
}

body.mi24-design.mi24-page-tool .rechner-divider {
  height: 1px !important;
  margin: 24px 0 !important;
  background: rgba(15, 23, 42, 0.08) !important;
}

body.mi24-design.mi24-page-tool .rechner-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 54px !important;
  margin-top: 24px !important;
  border-radius: 7px !important;
}

body.mi24-design.mi24-page-tool .social-proof {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 14px !important;
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

body.mi24-design.mi24-page-tool .results-card {
  position: sticky !important;
  top: 140px !important;
  background:
    linear-gradient(145deg, #07151a 0%, #0d2938 58%, #075985 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 24px 64px rgba(7, 21, 26, 0.18) !important;
}

body.mi24-design.mi24-page-tool .results-close-btn {
  display: none !important;
}

body.mi24-design.mi24-page-tool .results-main {
  display: block !important;
  padding: 0 0 22px !important;
  margin: 10px 0 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

body.mi24-design.mi24-page-tool .results-card :is(.results-label, .results-sub, .results-metric-label) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design.mi24-page-tool .results-card .results-label {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.mi24-design.mi24-page-tool .results-card :is(.results-value, .results-metric-value) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design.mi24-page-tool .results-card .results-value {
  display: block !important;
  font-size: clamp(42px, 5vw, 58px) !important;
  font-weight: 800 !important;
  line-height: 0.95 !important;
}

body.mi24-design.mi24-page-tool .results-metrics {
  display: grid !important;
  gap: 0 !important;
}

body.mi24-design.mi24-page-tool .results-metric {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.mi24-design.mi24-page-tool .results-metric:last-child {
  border-bottom: 0 !important;
}

body.mi24-design.mi24-page-tool .results-metric-value {
  flex: 0 0 auto !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

body.mi24-design.mi24-page-tool .results-card .results-badge {
  display: inline-flex !important;
  width: auto !important;
  margin-bottom: 6px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
}

body.mi24-design.mi24-page-tool .cashflow-breakdown,
body.mi24-design.mi24-page-tool .chart-card,
body.mi24-design.mi24-page-tool .lead-box {
  display: block !important;
  margin-top: 20px !important;
  padding: 16px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design.mi24-page-tool .cashflow-breakdown :is(span, div),
body.mi24-design.mi24-page-tool .chart-card :is(span, div) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body.mi24-design.mi24-page-tool .cashflow-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 14px !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

body.mi24-design.mi24-page-tool .cashflow-row:last-child {
  border-bottom: 0 !important;
}

@media (max-width: 1023px) {
  body.mi24-design.mi24-page-tool .rechner-grid {
    grid-template-columns: 1fr !important;
  }

  body.mi24-design.mi24-page-tool .results-card {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
    border-radius: 8px !important;
  }

  body.mi24-design.mi24-page-tool .results-show-btn {
    display: none !important;
  }
}

@media (max-width: 640px) {
  body.mi24-design.mi24-page-tool .hero-rechner {
    padding-inline: 16px !important;
  }

  body.mi24-design.mi24-page-tool .hero-rechner h1 {
    font-size: clamp(34px, 11.5vw, 44px) !important;
  }

  body.mi24-design.mi24-page-tool .hero-quick-input {
    padding: 8px !important;
  }

  body.mi24-design.mi24-page-tool .hero-quick-input :is(input, button) {
    flex-basis: 100% !important;
    width: 100% !important;
  }

  body.mi24-design.mi24-page-tool .rechner-section {
    padding-inline: 16px !important;
  }

  body.mi24-design.mi24-page-tool .rechner-card {
    padding: 18px !important;
  }

  body.mi24-design.mi24-page-tool .rechner-form-grid {
    grid-template-columns: 1fr !important;
  }
}

body.mi24-design :is(.btn-primary-large, .btn-primary-small, .cta-btn-primary, .btn--primary, .hero .btn, .hero-rechner button) {
  background:
    linear-gradient(135deg, #050608 0%, #101820 58%, #0e7a62 100%) !important;
  border-color: rgba(5, 6, 8, 0.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.btn-secondary-large, .cta-btn-secondary, .btn--secondary, .btn--outline) {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.cta-section__btn, .btn-white, .btn-light) {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design a.cta__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding-block: 12px !important;
  line-height: 1.2 !important;
}

body.mi24-design :is(.sidebar-box.cta, .article-sidebar .cta, aside .cta) {
  background:
    linear-gradient(135deg, #075985 0%, #064e75 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

body.mi24-design :is(.sidebar-box.cta, .article-sidebar .cta, aside .cta) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.sidebar-box.cta, .article-sidebar .cta, aside .cta) :is(p, span, li) {
  color: rgba(255, 255, 255, 0.84) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.84) !important;
}

body.mi24-design :is(.sidebar-box.cta, .article-sidebar .cta, aside .cta) :is(a, button, .btn-primary-small) {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.type-card__header) {
  background:
    linear-gradient(135deg, #07151a 0%, #10222e 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.mi24-design :is(.type-card__header) :is(h1, h2, h3, h4, p, span, strong, .type-card__header-title, .type-card__header-text) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta) :is(.cta__title, h1, h2, h3, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta) :is(.cta__text, p, span, li) {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}

body.mi24-design :is(.term-link) {
  background: rgba(7, 91, 180, 0.1) !important;
  border-color: rgba(7, 91, 180, 0.18) !important;
  color: #075bb4 !important;
  -webkit-text-fill-color: #075bb4 !important;
}

body.home-editorial :is(.hero-btns, .hero-proof),
body.mi24-design :is(.hero__actions, .page-hero__actions, .article-hero__actions, .city-hero__actions) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

body.home-editorial .hero :is(.btn-white, .btn-ghost),
body.home-editorial .hero-btns :is(.btn, a, button) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

body.mi24-design :is(.reveal.reveal-hidden, .animate-on-scroll:not(.visible), .reveal-enter:not(.revealed)) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content, main) :is(a, p, li, td, th) {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  body.mi24-design :where(.hero__title, .page-hero__title, .article-hero h1, .city-hero h1, .hero h1, h1, h2, h3) {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  body.mi24-design :where(.hero__title span, .page-hero__title span, h1 span, h2 span, h3 span) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mi24-design :where(.container, .wrapper, .page-container, .section__inner, .article-wrapper, .article-content, .content, .content-section, .legal-content) {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body.mi24-design :where(.tax-card, .factor-card, .factor-card__header, .key-facts, .highlight-box, .sidebar-box, .data-table) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content, main) table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    contain: inline-size !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) table thead {
    display: none !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) table :is(tbody, tr) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) table tr {
    margin-bottom: 10px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content, main) :is(th, td) {
    display: block !important;
    position: static !important;
    left: auto !important;
    width: 100% !important;
    min-width: min(42vw, 180px) !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content, main) :is(th:first-child, td:first-child) {
    min-width: 0 !important;
  }

  body.mi24-design .network-stats {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mi24-design .network-stat {
    min-width: 0 !important;
    padding-inline: 20px !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) .checklist {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) .checklist label {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content) .checklist input {
    grid-column: 1 !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
  }

  body.mi24-design [aria-hidden="true"] :is(input, textarea, select) {
    width: 1px !important;
    max-width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  body.mi24-design :is(.article-sidebar, aside.article-sidebar, #seo-toc) {
    display: none !important;
  }

  body.mi24-design :is(.article-wrapper, .article-layout) {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body.mi24-design :is(article.article-content, .article-content) {
    width: 100% !important;
    max-width: min(100%, calc(100vw - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.mi24-design :is(#mobileNav, .mobile-nav):not(.open):not(.active) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body.mi24-design :is(#mobileNav.open, .mobile-nav.open, #mobileNav.active, .mobile-nav.active) {
    display: flex !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  body.mi24-design :is(#nav.nav, #mobileMenu.mobile-menu) {
    display: none !important;
  }
}

body.mi24-design.mi24-page-utility main > .mi24-aio-section {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(112px, 12vw, 150px) 20px clamp(70px, 9vw, 110px) !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f9fa 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
}

body.mi24-design.mi24-page-utility {
  margin: 0 !important;
  overflow-x: clip !important;
}

body.mi24-design.mi24-page-utility *,
body.mi24-design.mi24-page-utility *::before,
body.mi24-design.mi24-page-utility *::after {
  box-sizing: border-box !important;
}

body.mi24-design.mi24-page-utility .mi24-aio-inner {
  width: min(1040px, 100%) !important;
  margin: 0 auto !important;
}

body.mi24-design.mi24-page-utility .mi24-aio-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

body.mi24-design.mi24-page-utility .mi24-aio-card {
  display: block !important;
  padding: 22px !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

body.mi24-design.mi24-page-utility .mi24-aio-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 28px !important;
}

body.mi24-design.mi24-page-utility .mi24-aio-links a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
}

@media (max-width: 767px) {
  body.mi24-design.mi24-page-utility .mi24-aio-grid {
    grid-template-columns: 1fr !important;
  }

  body.mi24-design.mi24-page-utility .mi24-aio-links a {
    width: 100% !important;
    justify-content: center !important;
  }
}

body.mi24-design :is(.article-content, .ratgeber-content, .content-section, .legal-content, .text-content, main) :is(p, li) :is(strong, .hl),
body.mi24-design p :is(strong, .hl),
body.mi24-design li .hl {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

body.mi24-design :is(.partners-wrapper, .anchor-nav, .mi24-presets, .info-cards, .content-section, .content-section.alt) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
}

@media (max-width: 767px) {
  body.mi24-design :is(.funnel-section__option, .partner-card, .mi24-preset) {
    min-width: 0 !important;
  }

  body.mi24-design :is(.partners-grid, .mi24-presets, .info-cards) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mi24-design :is(.anchor-nav__inner, .funnel-section__option) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* --------------------------------------------------------------------------
   Rollout 2.1: globaler Public-Site-Polish fuer alle aktiven HTML-Seiten.
   Dieser Block liegt bewusst am Ende, weil viele Altseiten grosse Inline-Styles
   besitzen. Content, Rechnerlogik, Formulare und Tracking bleiben unveraendert.
   -------------------------------------------------------------------------- */
html:has(body.mi24-design),
body.mi24-design {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

body.mi24-design {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f9fa 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #5f6673 !important;
}

body.mi24-design * {
  box-sizing: border-box;
}

body.mi24-design :is(.reveal.reveal-hidden, .process-step .process-num, .process-step h3, .process-step p) {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

body.mi24-design :is(main, section, .section, .section-pad, .article-layout, .content-grid, .hero, .article-hero, .hero-split, .page-hero, .calculator, .cta-section) {
  max-width: 100% !important;
  overflow-x: clip !important;
}

body.mi24-design :is(.container, .wrapper, .page-container, .section__inner, .article-container, .article-layout, .content-grid, .hero__inner, .hero-split-inner) {
  width: min(1180px, calc(100vw - 40px)) !important;
  max-width: min(1180px, calc(100vw - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.mi24-design :is(.hero, .article-hero, .hero-split, .page-hero, .hero-section, .mi24-archive-hero) {
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9fb 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #07151a !important;
}

body.mi24-design :is(.hero, .article-hero, .hero-split, .page-hero, .hero-section, .mi24-archive-hero) :is(h1, h2, h3, p, a, span, li, div) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}

body.mi24-design :is(.hero, .article-hero, .hero-split, .page-hero, .hero-section, .mi24-archive-hero) :is(h1, h2) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
  font-family: var(--mi24-sig-serif) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

body.mi24-design :is(.hero-sub, .hero__description, .hero-split-sub, .article-hero__lead, .page-hero p) {
  color: #5f6673 !important;
  -webkit-text-fill-color: #5f6673 !important;
}

body.mi24-design :is(.eyebrow, .hero-badge, .hero__badge, .article-hero__category, .badge, .section-label, .calc-section-label) {
  color: var(--mi24-sig-blue-dark) !important;
  -webkit-text-fill-color: var(--mi24-sig-blue-dark) !important;
  background: rgba(19, 135, 255, 0.08) !important;
  border: 1px solid rgba(19, 135, 255, 0.14) !important;
  border-radius: 999px !important;
}

body.mi24-design :is(.header, header.header, .site-header, .main-nav) {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: none !important;
}

body.mi24-design :is(.header-logo img, .logo img) {
  filter: none !important;
}

body.mi24-design :is(.header-nav a, .main-nav a, .header-cta a, .hamburger span) {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.header-cta .btn, .btn-primary, .cta-section__btn, .calc-btn, .mi24-btn, button[type="submit"], input[type="submit"]) {
  min-height: 44px !important;
  border-radius: 999px !important;
  background: #050608 !important;
  border-color: #050608 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(5, 6, 8, 0.12) !important;
}

body.mi24-design :is(.btn-secondary, .btn-outline, .btn-secondary-large, .btn-primary-small, .btn-small, .mi24-btn-secondary) {
  min-height: 44px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.card, .article-card, .related-card, .sidebar-box, .faq-item, .highlight-box, .key-facts, .stat-card, .district-card, .city-link, .service-card, .svc-card, .calc-card, .calculator-card, .rechner-card, .mi24-card, .form-card, .funnel-card) {
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.06) !important;
}

body.mi24-design :is(.article-content, .main-content, .content, .post-content) {
  color: #5f6673 !important;
}

body.mi24-design :is(.article-content, .main-content, .content, .post-content) :is(h2, h3, h4) {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.section-dark, .dark-section, .cta-section.dark, section[style*="020a0f"], section[style*="0f172a"]) {
  background:
    linear-gradient(135deg, rgba(7, 21, 26, 0.98), rgba(4, 6, 8, 0.99)),
    var(--mi24-sig-dot) center / 13px 13px !important;
  color: rgba(255, 255, 255, 0.74) !important;
}

body.mi24-design :is(.section-dark, .dark-section, .cta-section.dark, section[style*="020a0f"], section[style*="0f172a"]) :is(h1, h2, h3, h4, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.section-dark, .dark-section, .cta-section.dark, section[style*="020a0f"], section[style*="0f172a"]) :is(p, li, span, a) {
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}

body.mi24-design :is(.calculator, .calc-grid, .calc-form-grid, .mi24-calc, .mi24-options, form) {
  max-width: 100% !important;
}

body.mi24-design :is(.calc-card, .calculator-card, .rechner-card, .mi24-card) {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(.calc-card, .calculator-card, .rechner-card, .mi24-card) :is(label, .calc-label, .mi24-step-title, .mi24-header-title, .mi24-header-badge) {
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(input:not([type="hidden"]), select, textarea, .calc-input, .mi24-input, .mi24-select) {
  min-height: 46px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
  box-shadow: none !important;
}

body.mi24-design input[type="range"] {
  width: 100% !important;
  accent-color: #07151a !important;
}

body.mi24-design input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.32), rgba(15, 23, 42, 0.12));
}

body.mi24-design input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  margin-top: -9px;
  border: 4px solid #ffffff;
  border-radius: 999px;
  background: #07151a;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
}

body.mi24-design input[type="range"]::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(19, 135, 255, 0.32), rgba(15, 23, 42, 0.12));
}

body.mi24-design input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 4px solid #ffffff;
  border-radius: 999px;
  background: #07151a;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
}

@media (max-width: 767px) {
  body.mi24-design :is(.container, .wrapper, .page-container, .section__inner, .article-container, .article-layout, .content-grid, .hero__inner, .hero-split-inner) {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: min(100%, calc(100vw - 32px)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.mi24-design :is(.hero, .article-hero, .hero-split, .page-hero, .hero-section) {
    padding-top: clamp(96px, 26vw, 122px) !important;
    padding-bottom: clamp(44px, 14vw, 72px) !important;
  }

  body.mi24-design :is(.hero-split-inner, .content-block, .content-grid, .article-layout, .calc-grid, .footer-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.mi24-design :is(.process-step) {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    column-gap: 18px !important;
    row-gap: 6px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.mi24-design :is(.process-num, .step-number, .process-step__number) {
    position: static !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
  }

  body.mi24-design .process-step :is(h3, p) {
    grid-column: 2 !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  body.mi24-design :is(.article-title, h1) {
    overflow-wrap: anywhere !important;
  }

  body.mi24-design :is(.calc-card, .calculator-card, .rechner-card, .mi24-card, .form-card, .funnel-card) {
    padding: clamp(20px, 6vw, 28px) !important;
  }

  body.mi24-design :is(.mi24-row, .calc-form-grid, .form-row, .input-row) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

body.mi24-design .process {
  background:
    linear-gradient(180deg, #ffffff 0%, #f7f9fa 100%),
    var(--mi24-sig-dot) center / 12px 12px !important;
  color: #5f6673 !important;
}

body.mi24-design .process :is(h1, h2, h3, h4) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design .process :is(p, span, a, li) {
  color: #5f6673 !important;
  -webkit-text-fill-color: #5f6673 !important;
}

body.mi24-design .process .process-num {
  background: #050608 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta, .cta-dark, .cta-section, .mi24-cta-section) {
  background:
    linear-gradient(135deg, #07151a 0%, #10222e 52%, #050608 100%),
    var(--mi24-sig-dot) center / 13px 13px !important;
  background-color: #07151a !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.cta, .cta-dark, .cta-section, .mi24-cta-section) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta, .cta-dark, .cta-section, .mi24-cta-section) :is(p, li, span, small) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.cta, .cta-dark, .cta-section, .mi24-cta-section) :is(a:not(.btn):not(.btn-primary):not(.cta-section__btn), button:not(.btn):not(.btn-primary):not(.cta-section__btn)) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.cta-section__btn, .cta__btn, .mi24-btn-cta) {
  min-height: 48px !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #07151a !important;
  -webkit-text-fill-color: #07151a !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) {
  background:
    linear-gradient(135deg, #07151a 0%, #0b1820 58%, #050608 100%),
    var(--mi24-sig-dot) center / 13px 13px !important;
  background-color: #07151a !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(p, li, span, a, button, small) {
  color: rgba(255, 255, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
}

body.mi24-design :is(.funnel-legal, footer.funnel-legal) {
  background: transparent !important;
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design :is(.funnel-legal, footer.funnel-legal) :is(a, span, p, button, small) {
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
}

body.mi24-design :is(.deck-slide--dark, .section--dark, .final-cta, .culture-section, .values-section, .company-card, .mi24-standort-cta, .invest-card, .culture-card, .value-card, .job-hero, .hero-company, .transparency-box, .contact-section, .calc-block) {
  background-color: #07151a !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.deck-slide--dark, .section--dark, .final-cta, .culture-section, .values-section, .company-card, .mi24-standort-cta, .invest-card, .culture-card, .value-card, .job-hero, .hero-company, .transparency-box, .contact-section, .calc-block) :is(h1, h2, h3, h4, h5, h6, strong, b, .section__title, .invest-card__title, .company-card__name, .contact-card__title, .hero-company__title) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is(.deck-slide--dark, .section--dark, .final-cta, .culture-section, .values-section, .company-card, .mi24-standort-cta, .invest-card, .culture-card, .value-card, .job-hero, .hero-company, .transparency-box, .contact-section, .calc-block) :is(p, li, span, small, .section__subtitle, .invest-card__text, .company-card__title, .company-card__item-content p, .hero-subtitle, .hero-company__text, .job-summary) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

body.mi24-design :is(.deck-slide--dark, .section--dark, .final-cta, .culture-section, .values-section, .company-card, .mi24-standort-cta, .invest-card, .culture-card, .value-card, .job-hero, .hero-company, .transparency-box, .contact-section, .calc-block) :is(a:not(.btn):not(.btn-primary):not(.cta-section__btn), button:not(.btn):not(.btn-primary):not(.cta-section__btn)) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design:is(.home-editorial, .mi24-page-home) .hero .hero-content {
  color: #5f6673 !important;
  -webkit-text-fill-color: #5f6673 !important;
}

body.mi24-design:is(.home-editorial, .mi24-page-home) .hero :is(h1, h2, .hero-stat-val) {
  color: #050608 !important;
  -webkit-text-fill-color: #050608 !important;
}

body.mi24-design:is(.home-editorial, .mi24-page-home) .hero h1 span {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

body.mi24-design:is(.home-editorial, .mi24-page-home) .hero :is(.hero-sub, .hero-stat-label, .hero-proof) {
  color: #5f6673 !important;
  -webkit-text-fill-color: #5f6673 !important;
}

body.mi24-design:is(.home-editorial, .mi24-page-home) .hero .hero-proof-stars,
body.mi24-design:is(.home-editorial, .mi24-page-home) .hero .hero-proof-stars span {
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

body.mi24-design .cta :is(.container, .cta__inner) {
  background: transparent !important;
}

body.mi24-design :is([style*="background: #0F172A"], [style*="background:#0F172A"], [style*="background: #0f172a"], [style*="background:#0f172a"]) :is(h1, h2, h3, h4, strong, b) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.mi24-design :is([style*="background: #0F172A"], [style*="background:#0F172A"], [style*="background: #0f172a"], [style*="background:#0f172a"]) :is(p, li, span, small) {
  color: rgba(255, 255, 255, 0.78) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 767px) {
  body.mi24-design {
    padding-bottom: 74px !important;
  }

  body.mi24-design :is(#steuerrechner, .calculator, .mi24-calc, .calc-card, .mi24-card) {
    scroll-margin-top: 82px !important;
    scroll-margin-bottom: 96px !important;
  }

  body.mi24-design .sticky-cta {
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  body.mi24-design .sticky-cta-inner {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
  }

  body.mi24-design .sticky-cta-text {
    display: none !important;
  }

  body.mi24-design .sticky-cta .btn {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    font-size: 14px !important;
  }
}

/* Mobile QA fixes: kompakter Footer und saubere Funnel-Kontaktkarte. */
@media (max-width: 767px) {
  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) {
    padding: 34px 0 0 !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) :is(.container, .footer-container) {
    width: min(100%, calc(100vw - 32px)) !important;
    max-width: min(100%, calc(100vw - 32px)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
    margin-bottom: 24px !important;
    text-align: left !important;
    align-items: start !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-brand {
    grid-column: 1 / -1 !important;
    text-align: left !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-brand p {
    margin: 10px 0 12px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    max-width: 36rem !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-contact {
    display: grid !important;
    gap: 7px !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-contact a {
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-social {
    margin-top: 12px !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-col {
    min-width: 0 !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-col h4 {
    margin-bottom: 9px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-align: left !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-col a {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 3px 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-trust {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: start !important;
    padding: 16px 0 !important;
    text-align: left !important;
  }

  body.mi24-design :is(footer.footer, footer.site-footer, .footer:not(.funnel-legal), .site-footer) .footer-bottom {
    padding: 14px 0 !important;
  }
}

@media (max-width: 767px) {
  body.mi24-design.mi24-page-funnel :is(.funnel-card, .question-card, .form-card) {
    padding: 0 !important;
  }

  body.mi24-design.mi24-page-funnel #step6 {
    padding: 22px 14px 112px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 250, 0.96)),
      var(--mi24-sig-dot) center / 12px 12px !important;
  }

  body.mi24-design.mi24-page-funnel #step6 .funnel-advisor {
    width: 100% !important;
    margin: 14px 0 22px !important;
    padding: 14px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.06) !important;
  }

  body.mi24-design.mi24-page-funnel #step6 .funnel-step__title {
    margin-bottom: 8px !important;
    color: #050608 !important;
    -webkit-text-fill-color: #050608 !important;
    font-size: clamp(30px, 9.5vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.mi24-design.mi24-page-funnel #step6 .funnel-step__subtitle {
    margin-bottom: 18px !important;
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm {
    position: relative !important;
    width: 100% !important;
    padding: 18px !important;
    border-radius: 18px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)) !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09) !important;
    gap: 14px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-form-row {
    gap: 14px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-field {
    gap: 7px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-label {
    color: #07151a !important;
    -webkit-text-fill-color: #07151a !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm :is(.funnel-input, .phone-group) {
    min-height: 52px !important;
    height: 52px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 1px 0 rgba(15, 23, 42, 0.02) !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-input {
    padding: 0 16px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .phone-prefix {
    height: 52px !important;
    padding: 0 14px !important;
    background: #f4f6f8 !important;
    border-right: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: #07151a !important;
    -webkit-text-fill-color: #07151a !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .phone-input {
    height: 52px !important;
    min-height: 52px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-checkbox-wrap {
    align-items: flex-start !important;
    gap: 11px !important;
    margin-top: 2px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-checkbox-box {
    width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
    background: #ffffff !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-checkbox-text {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-submit {
    min-height: 52px !important;
    border-radius: 999px !important;
    margin-top: 4px !important;
  }

  body.mi24-design.mi24-page-funnel #contactForm .funnel-call-alt {
    display: none !important;
  }
}