@import '_content/proj-nktd.Ui/proj-nktd.Ui.lu84paxlb8.bundle.scp.css';

/* /Components/Layout/MarketingFooter.razor.rz.scp.css */
.footer[b-o4vohdhojt] {
    border-top: 1px solid var(--line-dark);
}

.footer__inner[b-o4vohdhojt] {
    padding-top: 72px;
    padding-bottom: 40px;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 48px;
}

.footer__blurb[b-o4vohdhojt] {
    font-size: 15px;
    line-height: 1.6;
    color: var(--c-on-dark-55);
    max-width: 280px;
    margin: 22px 0 20px;
}

.footer__made[b-o4vohdhojt] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--c-on-dark-40);
}

.footer__col[b-o4vohdhojt] {
    display: flex;
    flex-direction: column;
    gap: 13px;
    font-size: 14.5px;
    color: var(--c-on-dark-70);
}

.footer__heading[b-o4vohdhojt] {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-on-dark-40);
    margin-bottom: 7px;
}

.footer__col a:hover[b-o4vohdhojt] { color: var(--c-on-dark); }
.footer__address[b-o4vohdhojt] { color: var(--c-on-dark-70); }

.footer__bar[b-o4vohdhojt] {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid var(--line-dark);
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--c-on-dark-40);
}

@media (max-width: 880px) {
    .footer__inner[b-o4vohdhojt] {
        grid-template-columns: 1fr 1fr;
        gap: 28px 20px;
        padding-top: 48px;
        padding-bottom: 28px;
    }
    .footer__brand[b-o4vohdhojt] { grid-column: 1 / -1; }
    .footer__blurb[b-o4vohdhojt] { max-width: none; margin: 16px 0 0; }
    .footer__made[b-o4vohdhojt] { display: none; }
}
/* /Components/Layout/MarketingHeader.razor.rz.scp.css */
.header[b-nktk7ll872] {
    /* Not sticky — the bar scrolls away with the page. position:relative (not
       static) keeps it a stacking/positioning context for the dropdown menus
       and the mobile panel. */
    position: relative;
    z-index: 50;
    background: rgba(244, 241, 233, 0.82);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
}

.header__inner[b-nktk7ll872] {
    height: var(--nav-h);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ── Desktop nav ───────────────────────────── */
.nav-desktop[b-nktk7ll872] {
    display: flex;
    align-items: center;
    gap: 34px;
}

.nav-links[b-nktk7ll872] {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--c-ink-2);
}

.nav-link[b-nktk7ll872], .dd__trigger[b-nktk7ll872] { color: inherit; cursor: pointer; }
.nav-link:hover[b-nktk7ll872], .dd__trigger:hover[b-nktk7ll872] { color: var(--c-ink); }
.nav-link.is-active[b-nktk7ll872], .dd__trigger.is-active[b-nktk7ll872] { color: var(--accent); font-weight: 600; }

/* Dropdowns: pure CSS reveal on hover / keyboard focus-within */
.dd[b-nktk7ll872] { position: relative; display: inline-flex; }
.dd__trigger[b-nktk7ll872] { display: inline-flex; align-items: center; gap: 5px; }
.dd__caret[b-nktk7ll872] { font-size: 8px; opacity: 0.45; }

.dd__menu[b-nktk7ll872] {
    position: absolute;
    top: 100%;
    left: -16px;
    padding-top: 14px;              /* hover bridge between trigger and panel */
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
    pointer-events: none;
}
.dd:hover .dd__menu[b-nktk7ll872],
.dd:focus-within .dd__menu[b-nktk7ll872] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.dd__panel[b-nktk7ll872] {
    background: var(--c-surface);
    border: 1px solid var(--line-2);
    border-radius: var(--r-menu);
    box-shadow: var(--shadow-menu);
    padding: 8px;
    min-width: 268px;
}

.dd__row[b-nktk7ll872] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 11px 13px;
    border-radius: 5px;
    color: var(--c-ink);
}
.dd__row:hover[b-nktk7ll872] { background: var(--c-sand); }
.dd__idx[b-nktk7ll872] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-top: 2px; }
.dd__title[b-nktk7ll872] { display: block; font-weight: 600; font-size: 14px; }
.dd__sub[b-nktk7ll872] { display: block; font-size: 12px; color: var(--c-muted-2); }

/* ── Mobile nav (no-JS <details> hamburger) ── */
.nav-mobile[b-nktk7ll872] { display: none; }

.burger[b-nktk7ll872] {
    display: flex;
    flex-direction: column;
    gap: 4.5px;
    padding: 8px;
    margin: -8px;
    cursor: pointer;
    list-style: none;
}
.burger[b-nktk7ll872]::-webkit-details-marker { display: none; }
.burger span[b-nktk7ll872] {
    width: 22px;
    height: 2px;
    background: var(--c-ink);
    border-radius: 2px;
    transition: transform .2s ease, opacity .2s ease;
}
.nav-mobile[open] .burger span:nth-child(1)[b-nktk7ll872] { transform: translateY(6.5px) rotate(45deg); }
.nav-mobile[open] .burger span:nth-child(2)[b-nktk7ll872] { opacity: 0; }
.nav-mobile[open] .burger span:nth-child(3)[b-nktk7ll872] { transform: translateY(-6.5px) rotate(-45deg); }

.mobile-panel[b-nktk7ll872] {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-top: 1px solid var(--line);
    background: var(--c-sand);
    padding: 14px var(--gutter) 22px;
    display: flex;
    flex-direction: column;
    /* On short (e.g. landscape) viewports the full menu is taller than the
       screen — cap it to the space below the header and scroll inside. */
    max-height: calc(100dvh - var(--nav-h));
    overflow-y: auto;
    overscroll-behavior: contain;
}

.mobile-group[b-nktk7ll872] { display: flex; flex-direction: column; }
.mobile-group__label[b-nktk7ll872] {
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--c-muted-2);
    padding: 18px 0 4px;
}
.mobile-group:first-child .mobile-group__label[b-nktk7ll872] { padding-top: 6px; }

.mobile-link[b-nktk7ll872] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--c-ink);
    font-size: 16px;
    font-weight: 600;
    padding: 11px 0;
    border-bottom: 1px solid var(--line-soft);
}
.mobile-link__idx[b-nktk7ll872] { font-family: var(--font-mono); font-size: 11px; color: var(--accent); }
.mobile-cta[b-nktk7ll872] { margin-top: 14px; padding: 14px; }

@media (max-width: 880px) {
    .nav-desktop[b-nktk7ll872] { display: none; }
    .nav-mobile[b-nktk7ll872] { display: block; }
}
/* /Components/Marketing/Pages/Foerdern.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-yrv25j2log] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-yrv25j2log] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-yrv25j2log] { margin-bottom: 28px; }
.hero__title[b-yrv25j2log] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-yrv25j2log] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-yrv25j2log] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.hero__cta .mk-btn--ghost[b-yrv25j2log] { padding-inline: 24px; }

/* ── TARIF STATUS CARD ────────────────────────────── */
.tarif[b-yrv25j2log] { box-shadow: var(--shadow-panel); overflow: hidden; }
.tarif__head[b-yrv25j2log] {
    display: flex; align-items: center; gap: 13px;
    padding: 20px 22px; border-bottom: 1px solid var(--line);
}
.tarif__icon[b-yrv25j2log] {
    width: 44px; height: 44px; border-radius: var(--r-menu);
    background: var(--c-ink); color: var(--c-on-dark);
    display: flex; align-items: center; justify-content: center; font-size: 20px;
}
.tarif__id[b-yrv25j2log] { flex: 1; }
.tarif__name[b-yrv25j2log] { font-weight: 700; font-size: 15px; }
.tarif__tag[b-yrv25j2log] { font-size: 12.5px; color: var(--c-muted-2); }
.tarif__rows[b-yrv25j2log] { padding: 6px 22px 18px; }
.tarif__row[b-yrv25j2log] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 0; border-bottom: 1px solid var(--line-soft);
}
.tarif__row--last[b-yrv25j2log] { border-bottom: none; }
.tarif__key[b-yrv25j2log] { font-size: 14.5px; color: var(--c-muted); }
.tarif__val[b-yrv25j2log] { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.tarif__val--accent[b-yrv25j2log] { font-size: 19px; color: var(--accent); }
.tarif__val--ok[b-yrv25j2log] { font-family: var(--font-mono); font-weight: 400; font-size: 15px; color: var(--c-success); }

/* ── ALTERNATE BAND ───────────────────────────────── */
.band[b-yrv25j2log] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }

/* ── 3-UP CARD GRID (Mehrwert) ────────────────────── */
.cards3[b-yrv25j2log] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cards3 .mk-numcard__title[b-yrv25j2log] { font-size: 19px; }

/* ── 2-UP CARD GRID (Ablauf) ──────────────────────── */
.cards2[b-yrv25j2log] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ablauf__card[b-yrv25j2log] { padding: 34px; }
.ablauf__title[b-yrv25j2log] { font-size: 20px; }

/* ── SPLIT (copy + card) ──────────────────────────── */
.split[b-yrv25j2log] { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split__copy .mk-eyebrow[b-yrv25j2log] { margin-bottom: 18px; }
.split__title[b-yrv25j2log] { margin: 0 0 16px; }
.split__lead[b-yrv25j2log] { max-width: 480px; margin: 0 0 36px; }
.checks[b-yrv25j2log] { display: flex; flex-direction: column; gap: 24px; }

/* ── FLOW CARD (IHR/WIR process) ──────────────────── */
.flow[b-yrv25j2log] { overflow: hidden; }
.flow__head[b-yrv25j2log] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.flow__body[b-yrv25j2log] { padding: 18px 20px; }
.flow__row[b-yrv25j2log] { display: flex; align-items: center; gap: 14px; padding: 14px 2px; }
.flow__row + .flow__row[b-yrv25j2log] { border-top: 1px solid var(--line-soft); }
.flow__tag[b-yrv25j2log] {
    flex: none; width: 34px; text-align: center;
    font-family: var(--font-mono); font-size: 10px; font-weight: 600;
    color: var(--accent-ink); padding: 4px 8px; border-radius: 4px;
}
.flow__tag--ihr[b-yrv25j2log] { background: var(--c-ink); }
.flow__tag--wir[b-yrv25j2log] { background: var(--accent); }
.flow__text[b-yrv25j2log] { font-size: 14.5px; font-weight: 500; }

/* ── FÜR WEN: DARK 2x2 MATRIX ─────────────────────── */
#fuerwen .mk-section-head[b-yrv25j2log] { margin-bottom: 56px; }
.matrix[b-yrv25j2log] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.matrix__cell[b-yrv25j2log] { background: var(--c-ink); padding: 36px; }
.matrix__num[b-yrv25j2log] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 20px; }
.matrix__title[b-yrv25j2log] { font-family: var(--font-display); font-weight: 700; font-size: 20px; letter-spacing: -0.01em; margin: 0 0 10px; }
.matrix__body[b-yrv25j2log] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── SPEC CARD (Versprechen) ──────────────────────── */
.spec[b-yrv25j2log] { overflow: hidden; }
.spec__head[b-yrv25j2log] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.spec__rows[b-yrv25j2log] { padding: 6px 20px 18px; }
.spec__row[b-yrv25j2log] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 0; border-bottom: 1px solid var(--line-soft);
}
.spec__row--last[b-yrv25j2log] { border-bottom: none; }
.spec__key[b-yrv25j2log] { font-size: 14.5px; color: var(--c-muted); }
.spec__val[b-yrv25j2log] { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.spec__val--accent[b-yrv25j2log] { font-size: 17px; color: var(--accent); }
.spec__val--ok[b-yrv25j2log] { font-family: var(--font-mono); font-weight: 400; font-size: 15px; color: var(--c-success); }
.spec__foot[b-yrv25j2log] {
    padding: 14px 18px; border-top: 1px solid var(--line); background: var(--c-sand);
    display: flex; align-items: center; justify-content: space-between;
}
.spec__server[b-yrv25j2log] { font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2); }

/* ── CTA BAND ─────────────────────────────────────── */
.cta__grid[b-yrv25j2log] { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.cta__grid .mk-eyebrow[b-yrv25j2log] { margin-bottom: 20px; }
.cta__title[b-yrv25j2log] { margin: 0 0 18px; font-size: clamp(32px, 4.2vw, 54px); }
.cta__lead[b-yrv25j2log] { font-size: 18px; max-width: 520px; margin: 0; }
.cta__actions[b-yrv25j2log] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__direct[b-yrv25j2log] { font-family: var(--font-mono); font-size: 13px; color: var(--c-on-dark-40); }

/* ── FAQ ──────────────────────────────────────────── */
.faq-sec[b-yrv25j2log] { max-width: 880px; padding-block: var(--section-y); }
.faq-sec .mk-section-head[b-yrv25j2log] { margin-bottom: 48px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-yrv25j2log] { padding-block: 44px 40px; }
    .hero__grid[b-yrv25j2log] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-yrv25j2log] { margin-bottom: 22px; }
    .hero__lead[b-yrv25j2log] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-yrv25j2log] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-yrv25j2log] { width: 100%; }

    .cards3[b-yrv25j2log] { grid-template-columns: 1fr; }
    .cards2[b-yrv25j2log] { grid-template-columns: 1fr; }

    .split[b-yrv25j2log] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-yrv25j2log] { max-width: none; }

    .matrix[b-yrv25j2log] { grid-template-columns: 1fr; }
    .matrix__cell[b-yrv25j2log] { padding: 28px 24px; }

    .cta__grid[b-yrv25j2log] { grid-template-columns: 1fr; gap: 28px; }
    .cta__lead[b-yrv25j2log] { max-width: none; }
    .cta__actions[b-yrv25j2log] { align-items: stretch; }
    .cta__actions .mk-btn[b-yrv25j2log] { width: 100%; }
}
/* /Components/Marketing/Pages/Home.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-kiyt61ymno] {
    position: relative;
    padding-block: 96px 84px;
}
.hero__grid[b-kiyt61ymno] {
    position: relative;
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 72px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 30px; }
.hero__title[b-kiyt61ymno] { margin: 0 0 28px; }
.hero__lead[b-kiyt61ymno] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 480px;
    margin: 0 0 38px;
}
.hero__cta[b-kiyt61ymno] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* Spec / status panel */
.panel[b-kiyt61ymno] { box-shadow: var(--shadow-card); overflow: hidden; }
.panel__chrome[b-kiyt61ymno] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11.5px; color: var(--c-muted-2);
}
.panel__dots[b-kiyt61ymno] { display: flex; gap: 6px; }
.panel__dots span[b-kiyt61ymno] { width: 9px; height: 9px; border-radius: 50%; background: rgba(26, 24, 19, 0.16); }
.panel__url[b-kiyt61ymno] { letter-spacing: 0.06em; }
.panel__body[b-kiyt61ymno] { padding: 22px 22px 8px; }
.panel__brand[b-kiyt61ymno] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.panel__rows[b-kiyt61ymno] { display: flex; flex-direction: column; }
.panel__row[b-kiyt61ymno] { display: flex; align-items: center; gap: 14px; padding: 14px 4px; border-top: 1px solid var(--line-soft); }
.panel__glyph[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); width: 34px; }
.panel__row-t[b-kiyt61ymno] { font-weight: 600; font-size: 14px; }
.panel__row-s[b-kiyt61ymno] { font-size: 12.5px; color: var(--c-muted-2); }
.panel__stats[b-kiyt61ymno] { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.stat[b-kiyt61ymno] { padding: 18px 12px; text-align: center; }
.stat:not(:last-child)[b-kiyt61ymno] { border-right: 1px solid var(--line-soft); }
.stat__num[b-kiyt61ymno] { font-family: var(--font-display); font-weight: 700; font-size: 22px; }
.stat__lbl[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; color: var(--c-muted-2); text-transform: uppercase; }

/* ── TRUST STRIP ──────────────────────────────────── */
.trust[b-kiyt61ymno] { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--c-sand-alt); }
.trust__inner[b-kiyt61ymno] {
    padding-block: 18px;
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    font-family: var(--font-mono); font-size: 12.5px; letter-spacing: 0.02em; color: var(--c-muted);
}
.trust__sep[b-kiyt61ymno] { color: var(--accent); }

/* ── LEISTUNGEN ───────────────────────────────────── */
.services__head[b-kiyt61ymno] { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 56px; flex-wrap: wrap; }
.services__head .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 18px; }
.services__intro[b-kiyt61ymno] { font-size: 16px; line-height: 1.55; color: var(--c-ink-3); max-width: 330px; }
.services__grid[b-kiyt61ymno] {
    display: grid; grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--line-2); border-radius: var(--r-card); overflow: hidden; background: var(--c-surface);
}
.service[b-kiyt61ymno] { padding: 40px; display: flex; flex-direction: column; color: var(--c-ink); border-right: 1px solid var(--line); transition: background-color .16s ease; }
.service:last-child[b-kiyt61ymno] { border-right: none; }
.service:hover[b-kiyt61ymno] { background: var(--c-sand); }
.service__top[b-kiyt61ymno] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.service__idx[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 13px; color: var(--accent); }
.service__arrow[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 18px; color: rgba(26, 24, 19, 0.30); }
.service h3[b-kiyt61ymno] { margin-bottom: 12px; }
.service__body[b-kiyt61ymno] { font-size: 15.5px; line-height: 1.55; color: var(--c-muted); }

/* ── DIFFERENTIATORS (dark) ───────────────────────── */
.diff__intro[b-kiyt61ymno] { max-width: 620px; margin-bottom: 64px; }
.diff__intro .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 18px; }
.diff__intro h2[b-kiyt61ymno] { margin-bottom: 18px; }
.diff__grid[b-kiyt61ymno] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.diff__cell[b-kiyt61ymno] { background: var(--c-ink); padding: 38px; }
.diff__label[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 22px; }
.diff__title[b-kiyt61ymno] { margin-bottom: 12px; font-size: 21px; }
.diff__body[b-kiyt61ymno] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── INITIATIVEN ──────────────────────────────────── */
.init__intro[b-kiyt61ymno] { max-width: 620px; margin-bottom: 56px; }
.init__intro .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 18px; }
.init__intro h2[b-kiyt61ymno] { margin-bottom: 18px; }
.init__grid[b-kiyt61ymno] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.init__card[b-kiyt61ymno] { padding: 44px; position: relative; overflow: hidden; transition: border-color .16s ease; }
.init__card:hover[b-kiyt61ymno] { border-color: rgba(26, 24, 19, 0.30); }
.init__card--accent[b-kiyt61ymno] { background: var(--accent); color: var(--accent-ink); border: none; }
.init__card--accent:hover[b-kiyt61ymno] { border: none; }
.init__kicker[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--c-muted-2); text-transform: uppercase; margin-bottom: 30px; }
.init__card--accent .init__kicker[b-kiyt61ymno] { color: rgba(255, 255, 255, 0.7); }
.init__h[b-kiyt61ymno] { font-family: var(--font-display); font-weight: 700; font-size: 27px; letter-spacing: -0.01em; margin-bottom: 14px; }
.init__p[b-kiyt61ymno] { font-size: 15.5px; line-height: 1.55; color: var(--c-muted); max-width: 420px; margin-bottom: 28px; }
.init__card--accent .init__p[b-kiyt61ymno] { color: rgba(255, 255, 255, 0.85); }
.init__big[b-kiyt61ymno] { font-family: var(--font-display); font-weight: 800; font-size: 64px; line-height: 1; letter-spacing: -0.03em; margin-bottom: 6px; }
.init__pct[b-kiyt61ymno] { font-size: 34px; }
.init__link[b-kiyt61ymno] { color: var(--accent-ink); border-bottom-color: rgba(255, 255, 255, 0.6); }
.init__link .mk-arrow[b-kiyt61ymno] { color: var(--accent-ink); }

/* ── STATEMENT BAND ───────────────────────────────── */
.statement__inner[b-kiyt61ymno] { max-width: 1080px; margin-inline: auto; padding: 120px var(--gutter); text-align: center; }
.statement .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 34px; }
.statement__quote[b-kiyt61ymno] {
    font-family: var(--font-display); font-weight: 600;
    font-size: clamp(25px, 3.6vw, 46px); line-height: 1.12; letter-spacing: -0.02em;
    text-wrap: balance; margin: 0;
}

/* ── CTA / KONTAKT ────────────────────────────────── */
.cta__grid[b-kiyt61ymno] { display: grid; grid-template-columns: 1fr 0.85fr; gap: 64px; align-items: center; }
.cta__grid .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 20px; }
.cta__title[b-kiyt61ymno] { margin: 0 0 22px; font-size: clamp(38px, 4.6vw, 64px); line-height: 1; letter-spacing: -0.025em; }
@media (min-width: 881px) { #kontakt.mk-section[b-kiyt61ymno] { padding-block: 112px; } }
.cta__lead[b-kiyt61ymno] { font-size: 18px; line-height: 1.55; color: var(--c-ink-3); max-width: 440px; margin: 0 0 36px; }
.cta__btns[b-kiyt61ymno] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.contact[b-kiyt61ymno] { overflow: hidden; }
.contact__row[b-kiyt61ymno] { display: flex; align-items: center; justify-content: space-between; padding: 24px 26px; color: var(--c-ink); border-bottom: 1px solid var(--line-soft); transition: background-color .16s ease; }
.contact__row:last-child[b-kiyt61ymno] { border-bottom: none; }
.contact__row:not(.contact__row--static):hover[b-kiyt61ymno] { background: var(--c-sand); }
.contact__lbl[b-kiyt61ymno] { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: var(--c-muted-2); text-transform: uppercase; margin-bottom: 5px; }
.contact__val[b-kiyt61ymno] { font-weight: 600; font-size: 16px; }
.contact__mark[b-kiyt61ymno] { font-family: var(--font-mono); }
.contact__mark--muted[b-kiyt61ymno] { color: var(--c-muted-2); }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-kiyt61ymno] { padding-block: 48px 44px; }
    .hero__grid[b-kiyt61ymno] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-kiyt61ymno] { margin-bottom: 22px; }
    .hero__lead[b-kiyt61ymno] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-kiyt61ymno] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-kiyt61ymno] { width: 100%; }

    .trust__inner[b-kiyt61ymno] { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
    .trust__inner[b-kiyt61ymno]::-webkit-scrollbar { display: none; }

    .services__head[b-kiyt61ymno] { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 32px; }
    .services__intro[b-kiyt61ymno] { max-width: none; }
    .services__grid[b-kiyt61ymno] { grid-template-columns: 1fr; }
    .service[b-kiyt61ymno] { padding: 28px 24px; border-right: none; border-bottom: 1px solid var(--line); }
    .service:last-child[b-kiyt61ymno] { border-bottom: none; }

    .diff__grid[b-kiyt61ymno] { grid-template-columns: 1fr; }
    .diff__cell[b-kiyt61ymno] { padding: 28px 24px; }

    .init__grid[b-kiyt61ymno] { grid-template-columns: 1fr; gap: 16px; }
    .init__card[b-kiyt61ymno] { padding: 30px 24px; }
    .init__big[b-kiyt61ymno] { font-size: 54px; }
    .init__pct[b-kiyt61ymno] { font-size: 28px; }

    .statement__inner[b-kiyt61ymno] { padding: 72px var(--gutter); }

    .cta__grid[b-kiyt61ymno] { grid-template-columns: 1fr; gap: 28px; }
    .cta__btns[b-kiyt61ymno] { flex-direction: column; align-items: stretch; }
    .cta__btns .mk-btn[b-kiyt61ymno] { width: 100%; }
    .diff__title[b-kiyt61ymno] { font-size: 19px; }
    .cta__title[b-kiyt61ymno] { font-size: 36px; }
}
/* /Components/Marketing/Pages/Karriere.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-ztlx7v41yd] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-ztlx7v41yd] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 28px; }
.hero__title[b-ztlx7v41yd] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-ztlx7v41yd] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-ztlx7v41yd] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
/* Ghost "Offene Rollen" — mockup uses 24px horizontal padding (base is 26px). */
.hero__cta .mk-btn--ghost[b-ztlx7v41yd] { padding-inline: 24px; }

/* ── CHAT CARD ────────────────────────────────────── */
.chat[b-ztlx7v41yd] { box-shadow: var(--shadow-panel); overflow: hidden; }
.chat__head[b-ztlx7v41yd] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
}
.chat__channel[b-ztlx7v41yd] { display: flex; align-items: center; gap: 8px; }
.chat__hash[b-ztlx7v41yd] { font-family: var(--font-mono); font-size: 13px; color: var(--c-muted-2); }
.chat__name[b-ztlx7v41yd] { font-weight: 700; font-size: 14.5px; }
.chat__online[b-ztlx7v41yd] {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-mono); font-size: 10.5px;
    color: var(--c-success); background: var(--c-success-tint);
    padding: 4px 9px; border-radius: var(--r-pill);
}
.chat__dot[b-ztlx7v41yd] { width: 6px; height: 6px; border-radius: 50%; background: var(--c-success); }
.chat__body[b-ztlx7v41yd] { padding: 20px 18px; display: flex; flex-direction: column; gap: 14px; }
.msg[b-ztlx7v41yd] { display: flex; gap: 10px; align-items: flex-start; }
.msg--out[b-ztlx7v41yd] { flex-direction: row-reverse; }
.msg__avatar[b-ztlx7v41yd] {
    flex: none; width: 30px; height: 30px; border-radius: 50%;
    background: var(--c-ink); color: var(--c-sand);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 600;
}
.msg__bubble[b-ztlx7v41yd] {
    background: var(--c-sand-alt); border-radius: 4px 12px 12px 12px;
    padding: 11px 14px; max-width: 75%;
}
.msg__bubble--accent[b-ztlx7v41yd] {
    background: var(--accent); color: var(--accent-ink);
    border-radius: 12px 4px 12px 12px;
}
.msg__meta[b-ztlx7v41yd] { font-family: var(--font-mono); font-size: 11px; color: var(--c-muted); margin-bottom: 5px; }
.msg__text[b-ztlx7v41yd] { font-size: 13.5px; }
.chat__foot[b-ztlx7v41yd] {
    padding: 13px 18px; border-top: 1px solid var(--line); background: var(--c-sand);
    font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2);
}

/* Section intro leads are a fixed 17px in the mockup (shared .mk-lead clamps up to 18.5px). */
.mk-lead[b-ztlx7v41yd] { font-size: 17px; }

/* ── KULTUR ───────────────────────────────────────── */
.kultur[b-ztlx7v41yd] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.kultur__intro[b-ztlx7v41yd] { max-width: 660px; margin-bottom: 52px; }
.kultur__intro .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 18px; }
.kultur__title[b-ztlx7v41yd] { margin: 0 0 16px; }
.kultur__grid[b-ztlx7v41yd] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

/* ── SPLIT (Benefits / Work) ──────────────────────── */
.split[b-ztlx7v41yd] { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split__copy .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 18px; }
.split__title[b-ztlx7v41yd] { margin: 0 0 16px; }
.split__lead[b-ztlx7v41yd] { font-size: 17px; line-height: 1.55; color: var(--c-ink-3); margin: 0 0 36px; max-width: 480px; }
.split__lead--dark[b-ztlx7v41yd] { color: rgba(244, 241, 233, 0.62); }
.checklist[b-ztlx7v41yd] { display: flex; flex-direction: column; gap: 24px; }

/* ── PERKS CARD ───────────────────────────────────── */
.perks[b-ztlx7v41yd] { overflow: hidden; }
.perks__head[b-ztlx7v41yd] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.perks__list[b-ztlx7v41yd] { padding: 8px 18px; }
.perk[b-ztlx7v41yd] { display: flex; align-items: center; gap: 14px; padding: 16px 2px; border-bottom: 1px solid var(--line-soft); }
.perk:last-child[b-ztlx7v41yd] { border-bottom: none; }
.perk__icon[b-ztlx7v41yd] {
    flex: none; width: 34px; height: 34px; border-radius: 7px;
    background: var(--c-sand-alt);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-mono); font-size: 13px; color: var(--accent);
}
.perk__main[b-ztlx7v41yd] { flex: 1; }
.perk__title[b-ztlx7v41yd] { font-weight: 600; font-size: 14.5px; }
.perk__sub[b-ztlx7v41yd] { font-size: 12.5px; color: var(--c-muted-2); }
.perk__tag[b-ztlx7v41yd] {
    font-family: var(--font-mono); font-size: 10px;
    color: var(--c-muted); background: var(--c-sand-alt);
    padding: 4px 8px; border-radius: var(--r-pill);
}
.perk__tag--accent[b-ztlx7v41yd] { color: var(--accent); background: var(--accent-tint); }
.perks__foot[b-ztlx7v41yd] {
    padding: 16px 18px; border-top: 1px solid var(--line);
    background: var(--c-ink); color: var(--c-on-dark);
    font-family: var(--font-mono); font-size: 12px;
}

/* ── WORKDAY CARD (dark) ──────────────────────────── */
.workday[b-ztlx7v41yd] {
    background: #211E18; border: 1px solid var(--line-dark-2);
    border-radius: var(--r-menu); overflow: hidden;
}
.workday__head[b-ztlx7v41yd] {
    padding: 14px 18px; border-bottom: 1px solid var(--line-dark);
    display: flex; align-items: center; justify-content: space-between;
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: rgba(244, 241, 233, 0.5); text-transform: uppercase;
}
.workday__tag[b-ztlx7v41yd] { color: var(--accent); }
.workday__list[b-ztlx7v41yd] { padding: 8px 18px 12px; }
.slot[b-ztlx7v41yd] { display: flex; gap: 14px; padding: 15px 2px; border-bottom: 1px solid rgba(244, 241, 233, 0.08); }
.slot:last-child[b-ztlx7v41yd] { border-bottom: none; }
.slot__time[b-ztlx7v41yd] {
    flex: none; width: 46px;
    font-family: var(--font-mono); font-size: 12px; color: rgba(244, 241, 233, 0.5);
}
.slot__time--accent[b-ztlx7v41yd] { color: var(--accent); }
.slot__title[b-ztlx7v41yd] { font-weight: 600; font-size: 14px; }
.slot__sub[b-ztlx7v41yd] { font-size: 12.5px; color: rgba(244, 241, 233, 0.5); }
.workday__foot[b-ztlx7v41yd] {
    padding: 14px 18px; border-top: 1px solid var(--line-dark);
    font-family: var(--font-mono); font-size: 11px; color: rgba(244, 241, 233, 0.4);
}

/* ── JOBS ─────────────────────────────────────────── */
.jobs__intro[b-ztlx7v41yd] { max-width: 660px; margin-bottom: 52px; }
.jobs__intro .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 18px; }
.jobs__title[b-ztlx7v41yd] { margin: 0 0 16px; }
.jobs__grid[b-ztlx7v41yd] {
    display: grid; grid-template-columns: repeat(2, 1fr);
    border: 1px solid var(--line-2); border-radius: var(--r-card);
    overflow: hidden; background: var(--c-surface);
}
.job[b-ztlx7v41yd] {
    padding: 34px; color: var(--c-ink);
    border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
    transition: background-color .16s ease;
}
.job:nth-child(2n)[b-ztlx7v41yd] { border-right: none; }
.job:nth-last-child(-n+2)[b-ztlx7v41yd] { border-bottom: none; }
.job:hover[b-ztlx7v41yd] { background: var(--c-sand); }
.job__top[b-ztlx7v41yd] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.job__glyph[b-ztlx7v41yd] { font-family: var(--font-mono); font-size: 14px; color: var(--accent); }
.job__arrow[b-ztlx7v41yd] { font-family: var(--font-mono); font-size: 18px; color: rgba(26, 24, 19, 0.3); }
.job__title[b-ztlx7v41yd] { font-family: var(--font-display); font-weight: 700; font-size: 21px; margin: 0 0 8px; }
.job__body[b-ztlx7v41yd] { font-size: 14.5px; line-height: 1.5; color: var(--c-muted); margin: 0 0 16px; }
.job__tags[b-ztlx7v41yd] { display: flex; gap: 8px; }
.job__tag[b-ztlx7v41yd] {
    font-family: var(--font-mono); font-size: 10.5px;
    color: var(--c-muted); background: var(--c-sand-alt);
    padding: 4px 9px; border-radius: var(--r-pill);
}
.job__tag--accent[b-ztlx7v41yd] { color: var(--accent); background: var(--accent-tint); }

.jobs__cta[b-ztlx7v41yd] {
    display: flex; align-items: center; justify-content: space-between;
    gap: 24px; margin-top: 28px; flex-wrap: wrap;
}
.jobs__cta-copy[b-ztlx7v41yd] { max-width: 560px; }
.jobs__cta-title[b-ztlx7v41yd] { font-family: var(--font-display); font-weight: 700; font-size: 20px; margin: 0 0 6px; }
.jobs__cta-body[b-ztlx7v41yd] { font-size: 15px; line-height: 1.55; color: var(--c-muted); margin: 0; }
/* Full-size dark button per mockup (shared .mk-btn--dark is the small NAV size). */
.jobs__cta-btn[b-ztlx7v41yd] { flex: none; font-size: 15px; padding: 15px 24px; }

/* ── CTA BAND ─────────────────────────────────────── */
.cta[b-ztlx7v41yd] {
    padding-block: 96px;
    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center;
}
.cta__copy .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 20px; }
/* CTA-band headline is larger than a normal section H2 (mockup: clamp(34px,4.2vw,58px)). */
.cta__title[b-ztlx7v41yd] { margin: 0 0 18px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; }
.cta__lead[b-ztlx7v41yd] { font-size: 18px; line-height: 1.55; color: rgba(244, 241, 233, 0.62); max-width: 520px; margin: 0; }
.cta__actions[b-ztlx7v41yd] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__link[b-ztlx7v41yd] {
    display: inline-flex; align-items: center; gap: 9px;
    font-family: var(--font-mono); font-size: 13px;
    color: rgba(244, 241, 233, 0.6);
    transition: color .16s ease;
}
.cta__link:hover[b-ztlx7v41yd] { color: var(--c-on-dark); }

/* ── FAQ ──────────────────────────────────────────── */
.faqsec[b-ztlx7v41yd] { max-width: 880px; padding-block: var(--section-y); }
.faqsec__intro[b-ztlx7v41yd] { margin-bottom: 48px; }
.faqsec__intro .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 18px; }
.faqsec__title[b-ztlx7v41yd] { margin: 0 0 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-ztlx7v41yd] { padding-block: 44px 40px; }
    .hero__grid[b-ztlx7v41yd] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-ztlx7v41yd] { margin-bottom: 22px; }
    .hero__lead[b-ztlx7v41yd] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-ztlx7v41yd] { flex-direction: column; align-items: stretch; }

    .kultur__grid[b-ztlx7v41yd] { grid-template-columns: 1fr; }

    .split[b-ztlx7v41yd] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-ztlx7v41yd] { max-width: none; }

    .jobs__grid[b-ztlx7v41yd] { grid-template-columns: 1fr; }
    .job[b-ztlx7v41yd] { border-right: none; border-bottom: 1px solid var(--line); padding: 28px 24px; }
    .job:last-child[b-ztlx7v41yd] { border-bottom: none; }
    .jobs__cta[b-ztlx7v41yd] { flex-direction: column; align-items: flex-start; }
    .jobs__cta-btn[b-ztlx7v41yd] { width: 100%; }

    .cta[b-ztlx7v41yd] { grid-template-columns: 1fr; gap: 28px; padding-block: 64px; }
    .cta__actions[b-ztlx7v41yd] { align-items: stretch; }
}
/* /Components/Marketing/Pages/Kontakt.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-jbh72ssekj] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-jbh72ssekj] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-jbh72ssekj] { margin-bottom: 28px; }
.hero__title[b-jbh72ssekj] { margin: 0 0 26px; }
.hero__lead[b-jbh72ssekj] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 480px;
    margin: 0 0 36px;
}
.hero__cta[b-jbh72ssekj] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.hero__cta .mk-btn--ghost[b-jbh72ssekj] { padding-inline: 24px; }

/* ── EMAIL THREAD CARD ────────────────────────────── */
.thread[b-jbh72ssekj] {
    box-shadow: var(--shadow-panel);
    overflow: hidden;
    border-radius: var(--r-menu);
}
.thread__head[b-jbh72ssekj] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
}
.thread__id[b-jbh72ssekj] { display: flex; align-items: center; gap: 10px; }
.thread__addr-icon[b-jbh72ssekj] {
    width: 28px; height: 28px; border-radius: 6px;
    background: var(--c-sand-alt);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-mono); font-size: 12px; color: var(--accent);
}
.thread__addr[b-jbh72ssekj] { font-weight: 700; font-size: 14px; }
.thread__sla[b-jbh72ssekj] {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-mono); font-size: 10.5px;
    color: var(--c-success); background: var(--c-success-tint);
    padding: 4px 9px; border-radius: var(--r-pill);
}
.thread__sla-dot[b-jbh72ssekj] { width: 6px; height: 6px; border-radius: 50%; background: var(--c-success); }
.thread__body[b-jbh72ssekj] { padding: 18px; }
.thread__meta[b-jbh72ssekj] { font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2); margin-bottom: 14px; }
.thread__line[b-jbh72ssekj] { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 6px; }
.thread__line--out[b-jbh72ssekj] { flex-direction: row-reverse; }
.thread__avatar[b-jbh72ssekj] {
    flex: none; width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 12px;
}
.thread__avatar--in[b-jbh72ssekj] { background: var(--c-ink); color: var(--c-sand); font-weight: 600; }
.thread__avatar--out[b-jbh72ssekj] { background: var(--accent); color: var(--accent-ink); font-weight: 700; }
.thread__bubble[b-jbh72ssekj] {
    padding: 11px 14px; max-width: 78%;
    font-size: 13.5px; line-height: 1.45;
}
.thread__bubble--in[b-jbh72ssekj] { background: var(--c-sand-alt); border-radius: 4px 12px 12px 12px; }
.thread__bubble--out[b-jbh72ssekj] { background: var(--accent); color: var(--accent-ink); border-radius: 12px 4px 12px 12px; }
.thread__time[b-jbh72ssekj] { font-family: var(--font-mono); font-size: 10px; color: var(--c-faint); }
.thread__time--in[b-jbh72ssekj] { margin: 0 0 16px 40px; }
.thread__time--out[b-jbh72ssekj] { text-align: right; margin: 0 40px 0 0; }
.thread__foot[b-jbh72ssekj] {
    padding: 13px 18px; border-top: 1px solid var(--line);
    background: var(--c-sand);
    font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2);
}

/* ── KANÄLE ───────────────────────────────────────── */
.kanaele[b-jbh72ssekj] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.chan__grid[b-jbh72ssekj] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.chan[b-jbh72ssekj] { padding: 32px; display: flex; flex-direction: column; }
.chan__top[b-jbh72ssekj] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.chan__glyph[b-jbh72ssekj] { font-family: var(--font-mono); font-size: 16px; color: var(--accent); }
.chan__tag[b-jbh72ssekj] {
    font-family: var(--font-mono); font-size: 10.5px; color: var(--c-muted);
    background: var(--c-sand-alt); padding: 4px 9px; border-radius: var(--r-pill);
}
.chan__title[b-jbh72ssekj] { font-family: var(--font-display); font-weight: 700; font-size: 20px; margin: 0 0 8px; }
.chan__body[b-jbh72ssekj] { font-size: 15px; line-height: 1.55; color: var(--c-muted); margin: 0 0 14px; }
.chan__value[b-jbh72ssekj] { font-family: var(--font-mono); font-size: 14.5px; font-weight: 600; color: var(--c-ink); margin-bottom: 22px; }
.chan__link[b-jbh72ssekj] {
    margin-top: auto; align-self: flex-start;
    display: inline-flex; align-items: center; gap: 9px;
    font-size: 14.5px; font-weight: 600; color: var(--c-ink);
    border-bottom: 1px solid var(--accent); padding-bottom: 3px;
}
.chan__arrow[b-jbh72ssekj] { font-family: var(--font-mono); color: var(--accent); }
.chan__note[b-jbh72ssekj] {
    margin-top: auto;
    font-family: var(--font-mono); font-size: 12px; line-height: 1.5;
    color: var(--c-muted-2); padding-top: 8px; border-top: 1px solid var(--line-soft);
}

/* ── ABLAUF ───────────────────────────────────────── */
.ablauf__grid[b-jbh72ssekj] {
    display: grid; grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--line-2); border-radius: var(--r-card);
    overflow: hidden; background: var(--c-surface);
}
.ablauf__step[b-jbh72ssekj] { padding: 36px; border-right: 1px solid var(--line); }
.ablauf__step:last-child[b-jbh72ssekj] { border-right: none; }
.ablauf__num[b-jbh72ssekj] { font-family: var(--font-mono); font-size: 13px; color: var(--accent); margin-bottom: 18px; }
.ablauf__title[b-jbh72ssekj] { font-family: var(--font-display); font-weight: 700; font-size: 20px; margin: 0 0 10px; }
.ablauf__body[b-jbh72ssekj] { font-size: 15px; line-height: 1.55; color: var(--c-muted); }

/* ── CTA BAND ─────────────────────────────────────── */
.cta__grid[b-jbh72ssekj] { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.cta__grid .mk-eyebrow[b-jbh72ssekj] { margin-bottom: 20px; }
.cta__title[b-jbh72ssekj] { font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; margin: 0 0 18px; }
.cta__lead[b-jbh72ssekj] { font-size: 18px; max-width: 520px; margin: 0; }
.cta__actions[b-jbh72ssekj] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__mail[b-jbh72ssekj] { font-size: 16px; padding: 17px 28px; }

/* ── FAQ ──────────────────────────────────────────── */
.faq-section[b-jbh72ssekj] { max-width: 880px; margin-inline: auto; padding-block: var(--section-y); }
.faq-section__head[b-jbh72ssekj] { margin-bottom: 48px; }
.faq-section__head .mk-eyebrow[b-jbh72ssekj] { margin-bottom: 18px; }
.faq-section__head .mk-h2[b-jbh72ssekj] { margin-bottom: 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-jbh72ssekj] { padding-block: 44px 40px; }
    .hero__grid[b-jbh72ssekj] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-jbh72ssekj] { margin-bottom: 22px; }
    .hero__lead[b-jbh72ssekj] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-jbh72ssekj] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-jbh72ssekj] { width: 100%; }

    .chan__grid[b-jbh72ssekj] { grid-template-columns: 1fr; gap: 16px; }
    .chan[b-jbh72ssekj] { padding: 28px 24px; }

    .ablauf__grid[b-jbh72ssekj] { grid-template-columns: 1fr; }
    .ablauf__step[b-jbh72ssekj] { padding: 28px 24px; border-right: none; border-bottom: 1px solid var(--line); }
    .ablauf__step:last-child[b-jbh72ssekj] { border-bottom: none; }

    .cta__grid[b-jbh72ssekj] { grid-template-columns: 1fr; gap: 28px; }
    .cta__actions[b-jbh72ssekj] { flex-direction: column; align-items: stretch; }
    .cta__actions .mk-btn[b-jbh72ssekj] { width: 100%; }
}
/* /Components/Marketing/Pages/LegalPage.razor.rz.scp.css */
/* ── PAGE HEADER ──────────────────────────────────── */
.lp-head[b-7x6tz4wdiy] { padding-block: 64px 40px; }
.lp-head__eyebrow[b-7x6tz4wdiy] { margin-bottom: 18px; }
.lp-head__title[b-7x6tz4wdiy] { margin: 0 0 20px; }
.lp-head__meta[b-7x6tz4wdiy] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    font-family: var(--font-mono);
    font-size: 12.5px;
    color: var(--c-muted-2);
}
.lp-head__sep[b-7x6tz4wdiy] { color: #C9C2B2; }

/* ── BODY: TOC + CONTENT ──────────────────────────── */
.lp-body[b-7x6tz4wdiy] {
    display: grid;
    grid-template-columns: 248px 1fr;
    gap: 56px;
    align-items: start;
    padding-bottom: 96px;
}

/* ── TABLE OF CONTENTS ────────────────────────────── */
.lp-toc[b-7x6tz4wdiy] { position: sticky; top: 150px; }
.lp-toc__label[b-7x6tz4wdiy] {
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--c-muted-2);
    margin-bottom: 16px;
}
.lp-toc__nav[b-7x6tz4wdiy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-left: 1px solid var(--line-2);
}
.lp-toc__link[b-7x6tz4wdiy] {
    color: var(--c-muted);
    font-size: 13.5px;
    line-height: 1.4;
    padding: 7px 0 7px 16px;
    margin-left: -1px;
    border-left: 1px solid transparent;
    transition: color .16s ease, border-color .16s ease;
}
.lp-toc__link:hover[b-7x6tz4wdiy] { color: var(--c-ink); border-left-color: var(--accent); }
.lp-toc__num[b-7x6tz4wdiy] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--c-faint);
    margin-right: 8px;
}

/* ── CONTENT COLUMN ───────────────────────────────── */
.lp-content[b-7x6tz4wdiy] { max-width: 720px; }

/* Sections */
.lp-sec[b-7x6tz4wdiy] { margin-bottom: 40px; scroll-margin-top: 150px; }
.lp-sec__head[b-7x6tz4wdiy] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 14px;
}
.lp-sec__num[b-7x6tz4wdiy] { font-family: var(--font-mono); font-size: 13px; color: var(--accent); }
.lp-sec__title[b-7x6tz4wdiy] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 23px;
    letter-spacing: -0.015em;
    margin: 0;
}
.lp-sec__body[b-7x6tz4wdiy] { font-size: 16px; line-height: 1.7; color: var(--c-ink-2); margin: 0 0 14px; }
/* Dark-ink text (high AA contrast) + a persistent accent underline, so links
   are distinguishable without a non-colour cue and don't rely on the accent as
   text colour (which fails WCAG AA at body size). Matches .lp-foot__link;
   accent stays decorative. Focus ring is handled globally (.mk-root a). */
.lp-sec__body a[b-7x6tz4wdiy], .lp-list a[b-7x6tz4wdiy] { color: var(--c-ink); border-bottom: 1px solid var(--accent); }
.lp-sec__body a:hover[b-7x6tz4wdiy], .lp-list a:hover[b-7x6tz4wdiy] { background: var(--accent-tint); }

/* Sub-heading within a section (the source documents' bold mini-headings) */
.lp-subh[b-7x6tz4wdiy] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 16.5px;
    letter-spacing: -0.01em;
    color: var(--c-ink);
    margin: 26px 0 10px;
}

/* Bullet lists (logged fields, conformance points, restriction cases) */
.lp-list[b-7x6tz4wdiy] {
    margin: 0 0 14px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.lp-list li[b-7x6tz4wdiy] { font-size: 16px; line-height: 1.6; color: var(--c-ink-2); }

/* All-caps legal emphasis block (e.g. the Art. 21 DSGVO objection notice) */
.lp-emph[b-7x6tz4wdiy] {
    font-size: 13px;
    line-height: 1.65;
    color: var(--c-ink-2);
    background: var(--c-surface);
    border-left: 3px solid var(--accent);
    border-radius: 0 var(--r-card) var(--r-card) 0;
    padding: 14px 18px;
    margin: 0 0 14px;
}

/* Blank line in the sample withdrawal form */
.lp-blank[b-7x6tz4wdiy] {
    display: inline-block;
    width: 100%;
    max-width: 320px;
    border-bottom: 1px solid var(--line-14);
    margin-top: 6px;
    height: 1.2em;
}

/* Footer row */
.lp-foot[b-7x6tz4wdiy] {
    border-top: 1px solid var(--line-2);
    padding-top: 24px;
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
}
.lp-foot__label[b-7x6tz4wdiy] { font-family: var(--font-mono); font-size: 12.5px; color: var(--c-muted-2); }
.lp-foot__link[b-7x6tz4wdiy] {
    font-size: 14px;
    font-weight: 600;
    color: var(--c-ink);
    border-bottom: 1px solid var(--accent);
    padding-bottom: 2px;
}

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .lp-head[b-7x6tz4wdiy] { padding-block: 40px 28px; }
    .lp-body[b-7x6tz4wdiy] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-bottom: 64px;
    }
    .lp-toc[b-7x6tz4wdiy] {
        position: static;
        order: -1;
        padding-bottom: 24px;
        border-bottom: 1px solid var(--line);
    }
    .lp-content[b-7x6tz4wdiy] { max-width: none; }
}
/* /Components/Marketing/Pages/Partner.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-s2f8hxa0o9] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-s2f8hxa0o9] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 28px; }
.hero__title[b-s2f8hxa0o9] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-s2f8hxa0o9] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-s2f8hxa0o9] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* ── PARTNER STATUS CARD (hero) ───────────────────── */
.status[b-s2f8hxa0o9] {
    box-shadow: var(--shadow-panel);
    border-radius: var(--r-menu);
    overflow: hidden;
}
.status__head[b-s2f8hxa0o9] {
    display: flex; align-items: center; gap: 13px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
}
.status__avatar[b-s2f8hxa0o9] {
    width: 44px; height: 44px; border-radius: var(--r-menu);
    background: var(--c-ink); color: var(--c-sand);
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-display); font-weight: 700; font-size: 18px;
}
.status__id[b-s2f8hxa0o9] { flex: 1; }
.status__name[b-s2f8hxa0o9] { font-weight: 700; font-size: 15px; }
.status__tag[b-s2f8hxa0o9] { font-size: 12.5px; color: var(--c-muted-2); }
.status__pill[b-s2f8hxa0o9] {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-mono); font-size: 11px;
    color: var(--c-success); background: var(--c-success-tint);
    padding: 5px 10px; border-radius: var(--r-pill);
}
.status__dot[b-s2f8hxa0o9] { width: 7px; height: 7px; border-radius: 50%; background: var(--c-success); }
.status__rows[b-s2f8hxa0o9] { padding: 6px 22px 18px; }
.status__row[b-s2f8hxa0o9] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid var(--line-soft);
}
.status__row:last-child[b-s2f8hxa0o9] { border-bottom: none; }
.status__lbl[b-s2f8hxa0o9] { font-size: 14.5px; color: var(--c-muted); }
.status__val[b-s2f8hxa0o9] { font-family: var(--font-display); font-weight: 700; font-size: 17px; }
.status__val--accent[b-s2f8hxa0o9] { color: var(--accent); }

/* ── SAND-ALT BANDS (warum / ablauf) ──────────────── */
.band[b-s2f8hxa0o9] { background: var(--c-sand-alt); border-top: 1px solid var(--line); }

/* ── WARUM / PROBLEM ──────────────────────────────── */
.warum__head[b-s2f8hxa0o9] { max-width: 660px; margin-bottom: 52px; }
.warum__head .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 18px; }
.warum__head .mk-h2[b-s2f8hxa0o9] { margin-bottom: 16px; }
.warum__grid[b-s2f8hxa0o9] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.warum__card[b-s2f8hxa0o9] { padding: 32px; }
.warum__title[b-s2f8hxa0o9] { font-size: 19px; }

/* ── SPLIT (modell / verlässlich) ─────────────────── */
.split[b-s2f8hxa0o9] { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split__copy .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 18px; }
.split__title[b-s2f8hxa0o9] { margin: 0 0 16px; }
.split__lead[b-s2f8hxa0o9] { font-size: 17px; line-height: 1.55; color: var(--c-ink-3); margin: 0 0 36px; max-width: 480px; }
.checks[b-s2f8hxa0o9] { display: flex; flex-direction: column; gap: 24px; }

/* ── FLOW CARD (modell) ───────────────────────────── */
.flow[b-s2f8hxa0o9] { border-radius: var(--r-menu); overflow: hidden; }
.flow__head[b-s2f8hxa0o9] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.flow__body[b-s2f8hxa0o9] { padding: 18px 20px; }
.flow__step[b-s2f8hxa0o9] {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 2px;
    border-top: 1px solid var(--line-soft);
}
.flow__step:first-child[b-s2f8hxa0o9] { border-top: none; }
.flow__tag[b-s2f8hxa0o9] {
    flex: none; width: 34px; text-align: center;
    font-family: var(--font-mono); font-size: 10px; font-weight: 600;
    color: var(--accent-ink); padding: 4px 8px; border-radius: 4px;
}
.flow__tag--dark[b-s2f8hxa0o9] { background: var(--c-ink); }
.flow__tag--accent[b-s2f8hxa0o9] { background: var(--accent); }
.flow__text[b-s2f8hxa0o9] { font-size: 14.5px; font-weight: 500; }

/* ── FÜR WEN (dark 2×2 grid) ──────────────────────── */
.fuerwen__head[b-s2f8hxa0o9] { max-width: 640px; margin-bottom: 56px; }
.fuerwen__head .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 18px; }
.fuerwen__head .mk-h2[b-s2f8hxa0o9] { margin-bottom: 16px; }
.fuerwen__grid[b-s2f8hxa0o9] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.fuerwen__cell[b-s2f8hxa0o9] { background: var(--c-ink); padding: 36px; }
.fuerwen__num[b-s2f8hxa0o9] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 20px; }
.fuerwen__title[b-s2f8hxa0o9] { font-size: 20px; margin-bottom: 10px; color: var(--c-on-dark); }
.fuerwen__body[b-s2f8hxa0o9] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── SPEC CARD — Partner-Garantien (verlässlich) ──── */
.spec[b-s2f8hxa0o9] { border-radius: var(--r-menu); overflow: hidden; }
.spec__head[b-s2f8hxa0o9] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.spec__body[b-s2f8hxa0o9] { padding: 6px 20px 18px; }
.spec__row[b-s2f8hxa0o9] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid var(--line-soft);
}
.spec__row:last-child[b-s2f8hxa0o9] { border-bottom: none; }
.spec__lbl[b-s2f8hxa0o9] { font-size: 14.5px; color: var(--c-muted); }
.spec__val[b-s2f8hxa0o9] { font-family: var(--font-display); font-weight: 700; font-size: 17px; }
.spec__val--accent[b-s2f8hxa0o9] { color: var(--accent); }
.spec__val--ok[b-s2f8hxa0o9] { font-family: var(--font-mono); font-weight: 400; font-size: 15px; color: var(--c-success); }

/* ── ABLAUF (2×2) ─────────────────────────────────── */
.ablauf__head[b-s2f8hxa0o9] { max-width: 620px; margin-bottom: 52px; }
.ablauf__head .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 18px; }
.ablauf__head .mk-h2[b-s2f8hxa0o9] { margin-bottom: 16px; }
.ablauf__grid[b-s2f8hxa0o9] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ablauf__card[b-s2f8hxa0o9] { padding: 34px; }
.ablauf__title[b-s2f8hxa0o9] { font-size: 20px; }

/* ── CTA BAND ─────────────────────────────────────── */
.cta__grid[b-s2f8hxa0o9] { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.cta__grid .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 20px; }
.cta__title[b-s2f8hxa0o9] { font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; margin: 0 0 18px; }
.cta__lead[b-s2f8hxa0o9] { font-size: 18px; line-height: 1.55; color: var(--c-on-dark-62); max-width: 520px; margin: 0; }
.cta__actions[b-s2f8hxa0o9] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__direct[b-s2f8hxa0o9] { font-family: var(--font-mono); font-size: 13px; color: rgba(244, 241, 233, 0.5); }
.cta__direct a[b-s2f8hxa0o9] { color: inherit; }

/* ── FAQ ──────────────────────────────────────────── */
.faq-section[b-s2f8hxa0o9] { max-width: 880px; padding-block: var(--section-y); }
.faq-section__head[b-s2f8hxa0o9] { margin-bottom: 48px; }
.faq-section__head .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 18px; }
.faq-section__head .mk-h2[b-s2f8hxa0o9] { margin-bottom: 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-s2f8hxa0o9] { padding-block: 44px 40px; }
    .hero__grid[b-s2f8hxa0o9] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-s2f8hxa0o9] { margin-bottom: 22px; }
    .hero__lead[b-s2f8hxa0o9] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-s2f8hxa0o9] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-s2f8hxa0o9] { width: 100%; }

    .warum__grid[b-s2f8hxa0o9] { grid-template-columns: 1fr; }
    .warum__card[b-s2f8hxa0o9] { padding: 28px 24px; }

    .split[b-s2f8hxa0o9] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-s2f8hxa0o9] { max-width: none; }

    .fuerwen__grid[b-s2f8hxa0o9] { grid-template-columns: 1fr; }
    .fuerwen__cell[b-s2f8hxa0o9] { padding: 28px 24px; }

    .ablauf__grid[b-s2f8hxa0o9] { grid-template-columns: 1fr; }
    .ablauf__card[b-s2f8hxa0o9] { padding: 28px 24px; }

    .cta__grid[b-s2f8hxa0o9] { grid-template-columns: 1fr; gap: 28px; }
    .cta__actions[b-s2f8hxa0o9] { flex-direction: column; align-items: stretch; }
    .cta__actions .mk-btn[b-s2f8hxa0o9] { width: 100%; }
}
/* /Components/Marketing/Pages/Referenzen.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-h9fri3a0mp] {
    position: relative;
    padding-block: 80px 44px;
}
.hero__grid[b-h9fri3a0mp] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 48px;
    flex-wrap: wrap;
}
.hero__copy[b-h9fri3a0mp] { max-width: 680px; }
.hero__copy .mk-eyebrow[b-h9fri3a0mp] { margin-bottom: 26px; }
.hero__title[b-h9fri3a0mp] { margin: 0 0 22px; }
.hero__lead[b-h9fri3a0mp] {
    font-size: 18px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 520px;
    margin: 0;
}
.hero__stats[b-h9fri3a0mp] { display: flex; gap: 40px; }
.hstat__num[b-h9fri3a0mp] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -0.03em;
    line-height: 1;
}
.hstat__lbl[b-h9fri3a0mp] {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--c-muted-2);
    text-transform: uppercase;
    margin-top: 6px;
}

/* ── PROJEKTE ─────────────────────────────────────── */
.projects[b-h9fri3a0mp] { padding-block: 24px 40px; }
.projects__grid[b-h9fri3a0mp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
}
.proj[b-h9fri3a0mp] {
    border-radius: 10px;
    overflow: hidden;
    transition: border-color .16s ease;
}
.proj:hover[b-h9fri3a0mp] { border-color: var(--line-strong); }
.proj__media[b-h9fri3a0mp] {
    position: relative;
    border-bottom: 1px solid var(--line);
    line-height: 0;
}
.proj__badge[b-h9fri3a0mp] {
    position: absolute;
    top: 14px;
    left: 14px;
    font-family: var(--font-mono);
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    background: rgba(26, 24, 19, 0.78);
    padding: 5px 10px;
    border-radius: var(--r-pill);
}
.proj__badge--accent[b-h9fri3a0mp] { background: rgba(225, 78, 43, 0.92); }
.proj__body[b-h9fri3a0mp] { padding: 26px 28px; }
.proj__kicker[b-h9fri3a0mp] {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    color: var(--accent);
    text-transform: uppercase;
    margin-bottom: 12px;
}
.proj__title[b-h9fri3a0mp] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -0.015em;
    margin: 0 0 10px;
}
.proj__desc[b-h9fri3a0mp] {
    font-size: 15px;
    line-height: 1.55;
    color: var(--c-muted);
    margin: 0 0 20px;
}
.proj__tags[b-h9fri3a0mp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}
.proj__tag[b-h9fri3a0mp] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--c-muted);
    background: var(--c-sand-alt);
    padding: 5px 11px;
    border-radius: var(--r-pill);
}
.proj__link[b-h9fri3a0mp] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--c-ink);
    border-bottom: 1px solid var(--accent);
    padding-bottom: 3px;
}
.proj__soon[b-h9fri3a0mp] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--c-muted-2);
}

/* ── ANSATZ (dark) ────────────────────────────────── */
.ansatz[b-h9fri3a0mp] { border-top: 1px solid var(--line); margin-top: 40px; }
.ansatz__grid[b-h9fri3a0mp] {
    padding-block: 88px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.ansatz__copy .mk-eyebrow[b-h9fri3a0mp] { margin-bottom: 18px; }
.ansatz__title[b-h9fri3a0mp] { margin: 0 0 16px; }
.ansatz__stats[b-h9fri3a0mp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--line-dark-2);
    border: 1px solid var(--line-dark-2);
    border-radius: var(--r-menu);
    overflow: hidden;
}
.ansatz__cell[b-h9fri3a0mp] { background: var(--c-ink); padding: 28px; }
.ansatz__num[b-h9fri3a0mp] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 6px;
}
.ansatz__cap[b-h9fri3a0mp] { font-size: 13.5px; line-height: 1.4; color: var(--c-on-dark-58); }

/* ── CTA ──────────────────────────────────────────── */
.cta__grid[b-h9fri3a0mp] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 48px;
    align-items: center;
}
.cta__grid .mk-eyebrow[b-h9fri3a0mp] { margin-bottom: 20px; }
.cta__title[b-h9fri3a0mp] {
    margin: 0 0 18px;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1;
    letter-spacing: -0.025em;
}
.cta__lead[b-h9fri3a0mp] { max-width: 440px; margin: 0; }
.cta__actions[b-h9fri3a0mp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.cta__direct[b-h9fri3a0mp] { font-size: 13px; color: var(--c-muted-2); }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-h9fri3a0mp] { padding-block: 48px 36px; }
    .hero__grid[b-h9fri3a0mp] { gap: 32px; }
    .hero__lead[b-h9fri3a0mp] { font-size: 16.5px; max-width: none; }
    .hero__stats[b-h9fri3a0mp] { gap: 28px; }

    .projects__grid[b-h9fri3a0mp] { grid-template-columns: 1fr; }
    .proj__body[b-h9fri3a0mp] { padding: 24px; }

    .ansatz__grid[b-h9fri3a0mp] { grid-template-columns: 1fr; gap: 36px; padding-block: 64px; }
    .ansatz__cell[b-h9fri3a0mp] { padding: 24px; }

    .cta__grid[b-h9fri3a0mp] { grid-template-columns: 1fr; gap: 28px; }
    .cta__title[b-h9fri3a0mp] { font-size: 34px; }
}
/* /Components/Marketing/Pages/Shops.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-gb6a18p7r0] {
    position: relative;
    padding-block: 84px 76px;
}
.hero .mk-grid-overlay[b-gb6a18p7r0] {
    -webkit-mask-image: radial-gradient(120% 90% at 72% 35%, #000 28%, transparent 78%);
    mask-image: radial-gradient(120% 90% at 72% 35%, #000 28%, transparent 78%);
}
.hero__grid[b-gb6a18p7r0] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 28px; }
.hero__title[b-gb6a18p7r0] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-gb6a18p7r0] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-gb6a18p7r0] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* ── CART CARD (hero) ─────────────────────────────── */
.cart[b-gb6a18p7r0] {
    box-shadow: var(--shadow-panel);
    overflow: hidden;
}
.cart__head[b-gb6a18p7r0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 20px; border-bottom: 1px solid var(--line);
}
.cart__title[b-gb6a18p7r0] {
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.cart__close[b-gb6a18p7r0] { font-family: var(--font-mono); font-size: 13px; color: rgba(26, 24, 19, 0.3); }
.cart__items[b-gb6a18p7r0] { padding: 8px 20px; }
.cart__row[b-gb6a18p7r0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 15px 2px; border-bottom: 1px solid var(--line-soft);
}
.cart__row:last-child[b-gb6a18p7r0] { border-bottom: none; }
.cart__prod[b-gb6a18p7r0] { display: flex; align-items: center; gap: 13px; }
.cart__thumb[b-gb6a18p7r0] {
    width: 38px; height: 38px; border-radius: 6px;
    background: var(--c-sand-alt); border: 1px solid var(--line-soft);
}
.cart__name[b-gb6a18p7r0] { font-weight: 600; font-size: 14.5px; }
.cart__qty[b-gb6a18p7r0] { font-size: 12.5px; color: var(--c-muted-2); }
.cart__price[b-gb6a18p7r0] { font-family: var(--font-mono); font-weight: 600; font-size: 14px; }
.cart__pays[b-gb6a18p7r0] {
    padding: 16px 20px; border-top: 1px solid var(--line);
    display: flex; gap: 10px; flex-wrap: wrap;
}
.cart__pill[b-gb6a18p7r0] {
    font-family: var(--font-mono); font-size: 10.5px; color: var(--c-muted);
    background: var(--c-sand-alt); border: 1px solid var(--line-soft);
    padding: 5px 9px; border-radius: 4px;
}
.cart__total[b-gb6a18p7r0] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 20px; border-top: 1px solid var(--line); background: var(--c-sand);
}
.cart__total-lbl[b-gb6a18p7r0] { font-weight: 600; font-size: 15px; }
.cart__total-val[b-gb6a18p7r0] {
    font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--accent);
}

/* ── WARUM / PROBLEM ──────────────────────────────── */
.warum[b-gb6a18p7r0] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.warum__intro[b-gb6a18p7r0] { max-width: 660px; margin-bottom: 52px; }
.warum__intro .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 18px; }
.warum__title[b-gb6a18p7r0] { margin: 0 0 16px; }
.warum__grid[b-gb6a18p7r0] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.warum .mk-numcard__title[b-gb6a18p7r0] { font-size: 19px; }

/* ── SPLIT SECTIONS (funktionen / kontrolle) ──────── */
.split[b-gb6a18p7r0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.split__copy .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 18px; }
.split__title[b-gb6a18p7r0] { margin: 0 0 16px; }
.split__lead[b-gb6a18p7r0] {
    font-size: 17px; line-height: 1.55; color: var(--c-ink-3);
    margin: 0 0 36px; max-width: 480px;
}
.split__rows[b-gb6a18p7r0] { display: flex; flex-direction: column; gap: 24px; }

/* ── PERF CARD ────────────────────────────────────── */
.perf[b-gb6a18p7r0] { overflow: hidden; }
.perf__head[b-gb6a18p7r0] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    display: flex; align-items: center; justify-content: space-between;
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.perf__live[b-gb6a18p7r0] { color: var(--accent); }
.perf__bars[b-gb6a18p7r0] { padding: 22px 20px; }
.perf__bar[b-gb6a18p7r0] { margin-bottom: 16px; }
.perf__bar:last-child[b-gb6a18p7r0] { margin-bottom: 0; }
.perf__bar-head[b-gb6a18p7r0] {
    display: flex; justify-content: space-between;
    font-size: 13px; margin-bottom: 7px;
}
.perf__bar-name[b-gb6a18p7r0] { font-weight: 500; }
.perf__bar-val[b-gb6a18p7r0] { font-family: var(--font-mono); color: var(--c-muted-2); }
.perf__track[b-gb6a18p7r0] { height: 7px; border-radius: 4px; background: var(--c-sand-alt); }
.perf__fill[b-gb6a18p7r0] { height: 100%; border-radius: 4px; background: var(--accent); }
/* Fill widths (were inline style= — moved here for CSP). */
.perf__bars .perf__bar:nth-child(1) .perf__fill[b-gb6a18p7r0] { width: 38%; }
.perf__bars .perf__bar:nth-child(2) .perf__fill[b-gb6a18p7r0] { width: 28%; }
.perf__bars .perf__bar:nth-child(3) .perf__fill[b-gb6a18p7r0] { width: 26%; }
.perf__bars .perf__bar:nth-child(4) .perf__fill[b-gb6a18p7r0] { width: 16%; }

.perf__pays[b-gb6a18p7r0] {
    padding: 16px 20px; border-top: 1px solid var(--line); background: var(--c-sand);
    display: flex; gap: 8px; flex-wrap: wrap;
}
.perf__pill[b-gb6a18p7r0] {
    font-family: var(--font-mono); font-size: 10.5px; color: var(--c-muted);
    background: var(--c-surface); border: 1px solid var(--line-soft);
    padding: 5px 9px; border-radius: 4px;
}

/* ── LEISTUNGEN / FEATURE GRID (dark) ─────────────── */
.feat__intro[b-gb6a18p7r0] { max-width: 640px; margin-bottom: 56px; }
.feat__intro .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 18px; }
.feat__intro h2[b-gb6a18p7r0] { margin: 0 0 16px; }
.feat__grid[b-gb6a18p7r0] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.feat__cell[b-gb6a18p7r0] { background: var(--c-ink); padding: 36px; }
.feat__num[b-gb6a18p7r0] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 20px; }
.feat__title[b-gb6a18p7r0] {
    font-family: var(--font-display); font-weight: 700; font-size: 20px;
    letter-spacing: -0.01em; margin: 0 0 10px; color: var(--c-on-dark);
}
.feat__body[b-gb6a18p7r0] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── COMPARISON CARD ──────────────────────────────── */
.cmp[b-gb6a18p7r0] { overflow: hidden; }
.cmp__head[b-gb6a18p7r0] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.cmp__cols[b-gb6a18p7r0] { display: grid; grid-template-columns: 1fr 1fr; }
.cmp__col[b-gb6a18p7r0] { padding: 24px 22px; }
.cmp__col--platform[b-gb6a18p7r0] { border-right: 1px solid var(--line); }
.cmp__col--own[b-gb6a18p7r0] { background: var(--c-ink); color: var(--c-on-dark); }
.cmp__col-title[b-gb6a18p7r0] {
    font-family: var(--font-display); font-weight: 700; font-size: 16px; margin-bottom: 18px;
}
.cmp__col-title--muted[b-gb6a18p7r0] { color: var(--c-muted-2); }
.cmp__col-title--accent[b-gb6a18p7r0] { color: var(--accent); }
.cmp__list[b-gb6a18p7r0] { display: flex; flex-direction: column; gap: 14px; font-size: 13.5px; }
.cmp__col--platform .cmp__list[b-gb6a18p7r0] { color: var(--c-muted-2); }
.cmp__col--own .cmp__list[b-gb6a18p7r0] { color: rgba(244, 241, 233, 0.85); }
.cmp__item[b-gb6a18p7r0] { display: flex; gap: 9px; }
.cmp__x[b-gb6a18p7r0] { color: var(--c-faint); }
.cmp__check[b-gb6a18p7r0] { color: var(--accent); }
.mk-vh[b-gb6a18p7r0] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ── ABLAUF ───────────────────────────────────────── */
.ablauf[b-gb6a18p7r0] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.ablauf__intro[b-gb6a18p7r0] { max-width: 620px; margin-bottom: 52px; }
.ablauf__intro .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 18px; }
.ablauf__title[b-gb6a18p7r0] { margin: 0 0 16px; }
.ablauf__grid[b-gb6a18p7r0] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ablauf__card[b-gb6a18p7r0] { padding: 34px; }

/* ── CTA BAND (dark) ──────────────────────────────── */
.cta[b-gb6a18p7r0] {
    padding-block: 96px;
    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center;
}
.cta__copy .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 20px; }
.cta__title[b-gb6a18p7r0] {
    font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; margin: 0 0 18px;
}
.cta__lead[b-gb6a18p7r0] {
    font-size: 18px; line-height: 1.55; color: var(--c-on-dark-62); max-width: 520px; margin: 0;
}
.cta__action[b-gb6a18p7r0] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__action .mk-btn--accent:hover[b-gb6a18p7r0] { background: var(--c-sand); color: var(--c-ink); }
.cta__direct[b-gb6a18p7r0] {
    font-family: var(--font-mono); font-size: 13px; color: var(--c-on-dark-40);
}
.cta__direct a[b-gb6a18p7r0] { color: inherit; }
.cta__direct a:hover[b-gb6a18p7r0] { color: var(--c-on-dark); }

/* ── FAQ ──────────────────────────────────────────── */
.faq-section__inner[b-gb6a18p7r0] {
    max-width: 880px; margin-inline: auto;
    padding: 100px var(--gutter);
}
.faq-section__head[b-gb6a18p7r0] { margin-bottom: 48px; }
.faq-section__head .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 18px; }
.faq-section__title[b-gb6a18p7r0] { margin: 0 0 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-gb6a18p7r0] { padding-block: 48px 44px; }
    .hero__grid[b-gb6a18p7r0] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-gb6a18p7r0] { margin-bottom: 22px; }
    .hero__lead[b-gb6a18p7r0] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-gb6a18p7r0] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-gb6a18p7r0] { width: 100%; }

    .warum__grid[b-gb6a18p7r0] { grid-template-columns: 1fr; }

    /* Stack the platform-vs-own comparison so the two lists get full width. */
    .cmp__cols[b-gb6a18p7r0] { grid-template-columns: 1fr; }
    .cmp__col--platform[b-gb6a18p7r0] { border-right: none; border-bottom: 1px solid var(--line); }

    .split[b-gb6a18p7r0] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-gb6a18p7r0] { max-width: none; }

    .feat__grid[b-gb6a18p7r0] { grid-template-columns: 1fr; }
    .feat__cell[b-gb6a18p7r0] { padding: 28px 24px; }

    .ablauf__grid[b-gb6a18p7r0] { grid-template-columns: 1fr; }
    .ablauf__card[b-gb6a18p7r0] { padding: 28px 24px; }

    .cta[b-gb6a18p7r0] { padding-block: 64px; grid-template-columns: 1fr; gap: 28px; }
    .cta__action[b-gb6a18p7r0] { flex-direction: column; align-items: stretch; }
    .cta__action .mk-btn[b-gb6a18p7r0] { width: 100%; }

    .faq-section__inner[b-gb6a18p7r0] { padding: 64px var(--gutter); }
}
/* /Components/Marketing/Pages/Software.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-72lf9ifhjd] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid-overlay[b-72lf9ifhjd] {
    -webkit-mask-image: radial-gradient(120% 90% at 72% 35%, #000 28%, transparent 78%);
    mask-image: radial-gradient(120% 90% at 72% 35%, #000 28%, transparent 78%);
}
.hero__grid[b-72lf9ifhjd] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-72lf9ifhjd] { margin-bottom: 28px; }
.hero__title[b-72lf9ifhjd] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-72lf9ifhjd] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-72lf9ifhjd] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* ── DASHBOARD CARD ───────────────────────────────── */
.dash[b-72lf9ifhjd] { border-radius: 8px; box-shadow: var(--shadow-panel); overflow: hidden; }
.dash__head[b-72lf9ifhjd] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.dash__live[b-72lf9ifhjd] { color: var(--accent); }
.dash__kpis[b-72lf9ifhjd] {
    display: grid; grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--line);
}
.dash__kpi[b-72lf9ifhjd] { padding: 20px 16px; }
.dash__kpi:not(:last-child)[b-72lf9ifhjd] { border-right: 1px solid var(--line-soft); }
.dash__kpi-num[b-72lf9ifhjd] { font-family: var(--font-display); font-weight: 700; font-size: 26px; }
.dash__kpi-num--accent[b-72lf9ifhjd] { color: var(--accent); }
.dash__kpi-lbl[b-72lf9ifhjd] {
    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
    color: var(--c-muted-2); text-transform: uppercase; margin-top: 3px;
}
.dash__rows[b-72lf9ifhjd] { padding: 8px 18px 16px; }
.dash__row[b-72lf9ifhjd] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 13px 2px; border-bottom: 1px solid var(--line-soft);
}
.dash__row--last[b-72lf9ifhjd] { border-bottom: none; }
.dash__row-l[b-72lf9ifhjd] { display: flex; align-items: center; gap: 12px; }
.dash__id[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 12px; color: var(--c-muted-2); }
.dash__name[b-72lf9ifhjd] { font-weight: 600; font-size: 14px; }
.dash__row-r[b-72lf9ifhjd] { display: flex; align-items: center; gap: 14px; }
.dash__pill[b-72lf9ifhjd] {
    font-family: var(--font-mono); font-size: 10.5px;
    padding: 4px 9px; border-radius: var(--r-pill);
}
.dash__pill--accent[b-72lf9ifhjd] { color: var(--accent); background: var(--accent-tint); }
.dash__pill--green[b-72lf9ifhjd] { color: var(--c-success); background: var(--c-success-tint); }
.dash__pill--neutral[b-72lf9ifhjd] { color: var(--c-muted-2); background: var(--c-sand-alt); }
.dash__sum[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 13px; font-weight: 600; }

/* ── PROBLEM (sand-alt band) ──────────────────────── */
.problem[b-72lf9ifhjd] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.problem__grid[b-72lf9ifhjd] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }

/* Numbered cards (problem + ablauf) — mockup has no title letter-spacing */
.problem .mk-numcard__title[b-72lf9ifhjd],
.ablauf .mk-numcard__title[b-72lf9ifhjd] { letter-spacing: normal; }

/* ── SPLIT (copy + card) ──────────────────────────── */
.split[b-72lf9ifhjd] { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split__copy .mk-eyebrow[b-72lf9ifhjd] { margin-bottom: 18px; }
.split__title[b-72lf9ifhjd] { margin: 0 0 16px; }
.split__lead[b-72lf9ifhjd] { margin: 0 0 36px; max-width: 480px; }
.split__checks[b-72lf9ifhjd] { display: flex; flex-direction: column; gap: 24px; }

/* ── WORKFLOW CARD ────────────────────────────────── */
.flow[b-72lf9ifhjd] { border-radius: 8px; overflow: hidden; }
.flow__head[b-72lf9ifhjd] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.flow__body[b-72lf9ifhjd] { padding: 24px 22px; }
.flow__node[b-72lf9ifhjd] { display: flex; align-items: center; gap: 14px; padding: 13px 0; }
.flow__node--pending[b-72lf9ifhjd] { opacity: 0.5; }
.flow__dot[b-72lf9ifhjd] {
    flex: none; width: 26px; height: 26px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--font-mono); font-size: 12px;
}
.flow__dot--done[b-72lf9ifhjd] { background: var(--accent); color: var(--accent-ink); }
.flow__dot--active[b-72lf9ifhjd] { background: #fff; border: 2px solid var(--accent); }
.flow__dot--pending[b-72lf9ifhjd] { background: var(--c-sand-alt); border: 1px solid var(--line-strong); }
.flow__label[b-72lf9ifhjd] { flex: 1; font-weight: 600; font-size: 14.5px; }
.flow__state[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 11px; }
.flow__state--done[b-72lf9ifhjd] { color: var(--c-success); }
.flow__state--active[b-72lf9ifhjd] { color: var(--accent); }
.flow__state--pending[b-72lf9ifhjd] { color: var(--c-muted-2); }
.flow__connector[b-72lf9ifhjd] { width: 1px; height: 14px; background: var(--line-strong); margin-left: 13px; }

/* ── BEISPIELE / CASES (dark) ─────────────────────── */
#beispiele .mk-section-head[b-72lf9ifhjd] { margin-bottom: 56px; }
.cases__grid[b-72lf9ifhjd] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.cases__cell[b-72lf9ifhjd] { background: var(--c-ink); padding: 36px; }
.cases__num[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 20px; }
.cases__title[b-72lf9ifhjd] { font-family: var(--font-display); font-weight: 700; font-size: 20px; margin: 0 0 10px; }
.cases__body[b-72lf9ifhjd] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── ROLES MATRIX CARD ────────────────────────────── */
.roles[b-72lf9ifhjd] { border-radius: 8px; overflow: hidden; }
.roles__head[b-72lf9ifhjd] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.roles__body[b-72lf9ifhjd] { padding: 6px 18px 18px; }
.roles__row[b-72lf9ifhjd] {
    display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; align-items: center;
    padding: 15px 2px; border-bottom: 1px solid var(--line-soft);
}
.roles__row--header[b-72lf9ifhjd] {
    padding: 13px 2px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.04em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.roles__row--last[b-72lf9ifhjd] { border-bottom: none; }
.roles__name[b-72lf9ifhjd] { font-weight: 600; font-size: 14px; }
.roles__c[b-72lf9ifhjd] { text-align: center; }
.roles__dot[b-72lf9ifhjd] { display: inline-block; width: 9px; height: 9px; border-radius: 50%; }
.roles__dot--on[b-72lf9ifhjd] { background: var(--accent); }
.roles__dot--off[b-72lf9ifhjd] { background: var(--line-14); }
.roles__foot[b-72lf9ifhjd] {
    padding: 14px 18px; border-top: 1px solid var(--line); background: var(--c-sand);
    display: flex; align-items: center; justify-content: space-between;
}
.roles__server[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2); }
.roles__status[b-72lf9ifhjd] {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--font-mono); font-size: 11px; color: var(--c-success);
}
.roles__status-dot[b-72lf9ifhjd] {
    width: 7px; height: 7px; border-radius: 50%; background: var(--c-success);
    animation: nktd-pulse 2s ease-in-out infinite;
}

/* ── ABLAUF (sand-alt band) ───────────────────────── */
.ablauf[b-72lf9ifhjd] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.ablauf__head[b-72lf9ifhjd] { max-width: 620px; }
.ablauf__grid[b-72lf9ifhjd] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ablauf__card[b-72lf9ifhjd] { padding: 34px; }

/* ── CTA BAND (dark) ──────────────────────────────── */
.cta__grid[b-72lf9ifhjd] { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.cta__grid .mk-eyebrow[b-72lf9ifhjd] { margin-bottom: 20px; }
.cta__title[b-72lf9ifhjd] { margin: 0 0 18px; font-size: clamp(30px, 3.6vw, 50px); }
.cta__lead[b-72lf9ifhjd] { font-size: 18px; max-width: 520px; margin: 0; }
.cta__actions[b-72lf9ifhjd] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__note[b-72lf9ifhjd] { font-family: var(--font-mono); font-size: 13px; color: var(--c-on-dark-40); }

/* ── FAQ ──────────────────────────────────────────── */
.faqsec__inner[b-72lf9ifhjd] { max-width: 880px; margin-inline: auto; padding: var(--section-y) var(--gutter); }
.faqsec__head[b-72lf9ifhjd] { margin-bottom: 48px; }
.faqsec__head .mk-eyebrow[b-72lf9ifhjd] { margin-bottom: 18px; }
.faqsec__head .mk-h2[b-72lf9ifhjd] { margin: 0 0 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-72lf9ifhjd] { padding-block: 48px 44px; }
    .hero__grid[b-72lf9ifhjd] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-72lf9ifhjd] { margin-bottom: 22px; }
    .hero__lead[b-72lf9ifhjd] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-72lf9ifhjd] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-72lf9ifhjd] { width: 100%; }

    .problem__grid[b-72lf9ifhjd] { grid-template-columns: 1fr; }

    /* Keep the dashboard KPIs 3-up but shrink so "3.840 €" never clips. */
    .dash__kpi[b-72lf9ifhjd] { padding: 16px 10px; }
    .dash__kpi-num[b-72lf9ifhjd] { font-size: 20px; }

    .split[b-72lf9ifhjd] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-72lf9ifhjd] { max-width: none; }

    .cases__grid[b-72lf9ifhjd] { grid-template-columns: 1fr; }
    .cases__cell[b-72lf9ifhjd] { padding: 28px 24px; }

    .ablauf__grid[b-72lf9ifhjd] { grid-template-columns: 1fr; }
    .ablauf__card[b-72lf9ifhjd] { padding: 28px 24px; }

    .cta__grid[b-72lf9ifhjd] { grid-template-columns: 1fr; gap: 28px; }
    .cta__actions[b-72lf9ifhjd] { align-items: stretch; }
    .cta__actions .mk-btn[b-72lf9ifhjd] { width: 100%; }
}
/* /Components/Marketing/Pages/UeberUns.razor.rz.scp.css */
/* ── HERO / PROFIL ────────────────────────────────── */
.hero[b-wqxrfhpasw] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-wqxrfhpasw] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-wqxrfhpasw] { margin-bottom: 28px; }
.hero__title[b-wqxrfhpasw] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-wqxrfhpasw] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 490px;
    margin: 0 0 36px;
}
.hero__cta[b-wqxrfhpasw] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* PROFILE / CREDENTIALS CARD */
.profile[b-wqxrfhpasw] {
    box-shadow: var(--shadow-panel);
    overflow: hidden;
    border-radius: var(--r-menu);
}
.profile__head[b-wqxrfhpasw] {
    display: flex; align-items: center; justify-content: space-between; gap: 13px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--line);
}
.profile__remote[b-wqxrfhpasw] {
    font-family: var(--font-mono); font-size: 10px;
    color: var(--c-muted); background: var(--c-sand-alt);
    padding: 5px 9px; border-radius: var(--r-pill);
    flex: none;
}
.profile__caps[b-wqxrfhpasw] {
    display: grid; grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid var(--line);
}
.profile__cap[b-wqxrfhpasw] { padding: 18px 14px; }
.profile__cap:not(:last-child)[b-wqxrfhpasw] { border-right: 1px solid var(--line-soft); }
.profile__glyph[b-wqxrfhpasw] { font-family: var(--font-mono); font-size: 13px; color: var(--accent); margin-bottom: 8px; }
.profile__cap-t[b-wqxrfhpasw] { font-weight: 600; font-size: 13.5px; }
.profile__cap-s[b-wqxrfhpasw] { font-size: 11.5px; color: var(--c-muted-2); }
.profile__stats[b-wqxrfhpasw] { display: grid; grid-template-columns: repeat(3, 1fr); }
.profile__stat[b-wqxrfhpasw] { padding: 18px 12px; text-align: center; }
.profile__stat:not(:last-child)[b-wqxrfhpasw] { border-right: 1px solid var(--line-soft); }
.profile__stat-num[b-wqxrfhpasw] { font-family: var(--font-display); font-weight: 700; font-size: 22px; }
.profile__stat-lbl[b-wqxrfhpasw] {
    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.04em;
    color: var(--c-muted-2); text-transform: uppercase;
}

/* ── WERTE / PRINZIPIEN (sand-alt band) ───────────── */
.values[b-wqxrfhpasw] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.values .mk-section-head[b-wqxrfhpasw] { max-width: 660px; }
.values__eyebrow[b-wqxrfhpasw] { color: var(--accent); }
.values__grid[b-wqxrfhpasw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.values__card[b-wqxrfhpasw] { padding: 32px; }

/* ── SPLIT SECTIONS (dev + ops) ───────────────────── */
.split[b-wqxrfhpasw] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 64px;
    align-items: center;
}
.split__eyebrow[b-wqxrfhpasw] { color: var(--accent); margin-bottom: 18px; }
.split__title[b-wqxrfhpasw] { margin: 0 0 16px; }
.split__lead[b-wqxrfhpasw] { margin: 0 0 36px; max-width: 480px; }
.split__rows[b-wqxrfhpasw] { display: flex; flex-direction: column; gap: 24px; }

/* ── TECH-STACK CARD ──────────────────────────────── */
.stack[b-wqxrfhpasw] { overflow: hidden; border-radius: var(--r-menu); }
.stack__head[b-wqxrfhpasw] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.stack__head-accent[b-wqxrfhpasw] { color: var(--accent); }
.stack__body[b-wqxrfhpasw] { padding: 20px; }
.stack__filters[b-wqxrfhpasw] { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
/* Uniform, non-interactive tags — all solid ink so none reads as an
   active/selectable filter (they label the stack, they don't filter it). */
.stack__filter[b-wqxrfhpasw] {
    font-family: var(--font-mono); font-size: 11px; font-weight: 500;
    color: var(--accent-ink); background: var(--c-ink);
    padding: 5px 11px; border-radius: var(--r-pill);
    cursor: default;
}
.stack__chips[b-wqxrfhpasw] { display: flex; gap: 9px; flex-wrap: wrap; }
.stack__chip[b-wqxrfhpasw] {
    font-size: 13px; font-weight: 500; color: var(--c-ink);
    background: var(--c-sand); border: 1px solid var(--line-2);
    padding: 8px 12px; border-radius: 5px;
    transition: border-color .16s ease;
}
.stack__chip:hover[b-wqxrfhpasw] { border-color: var(--line-strong); }
.stack__extra[b-wqxrfhpasw] { margin-top: 16px; }
/* Secondary / on-request tech: muted, dashed outline. */
.stack__chip--extra[b-wqxrfhpasw] { color: var(--c-muted); background: transparent; border-style: dashed; }
.stack__foot[b-wqxrfhpasw] {
    padding: 14px 20px; border-top: 1px solid var(--line); background: var(--c-sand);
    font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2);
}

/* ── OPS BAND ──────────────────────────────────────── */
/* Light sand-alt band, mirroring the Prinzipien (.values) section. */
.ops[b-wqxrfhpasw] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }

/* ── SERVER / INFRA CARD ───────────────────────────── */
.server[b-wqxrfhpasw] {
    background: var(--c-surface);
    border: 1px solid var(--line-2);
    border-radius: var(--r-menu);
    overflow: hidden;
}
.server__head[b-wqxrfhpasw] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.server__head-accent[b-wqxrfhpasw] { color: var(--accent); }
.server__locations[b-wqxrfhpasw] {
    display: flex; gap: 9px; flex-wrap: wrap;
    padding: 18px; border-bottom: 1px solid var(--line);
}
.server__loc[b-wqxrfhpasw] {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 500; color: var(--c-ink);
    background: var(--c-sand);
    border: 1px solid var(--line-2);
    padding: 8px 12px; border-radius: 5px;
}
.server__dot[b-wqxrfhpasw] { width: 7px; height: 7px; border-radius: 50%; background: var(--c-success); }
.server__status[b-wqxrfhpasw] { padding: 8px 18px 14px; }
.server__status-label[b-wqxrfhpasw] {
    font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
    padding: 12px 2px 6px;
}
.server__row[b-wqxrfhpasw] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 2px; border-top: 1px solid var(--line-soft);
}
.server__row-t[b-wqxrfhpasw] { font-size: 14px; }
.server__row-v[b-wqxrfhpasw] { font-family: var(--font-mono); font-size: 12px; color: var(--c-success); }

/* ── CTA BAND ─────────────────────────────────────── */
.cta[b-wqxrfhpasw] {
    padding-block: 96px;
    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px;
    align-items: center;
}
.cta__eyebrow[b-wqxrfhpasw] { color: var(--accent); margin-bottom: 20px; }
.cta__title[b-wqxrfhpasw] { margin: 0 0 18px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; }
.cta__lead[b-wqxrfhpasw] { margin: 0; max-width: 520px; }
.cta__actions[b-wqxrfhpasw] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__note[b-wqxrfhpasw] {
    margin: 6px 0 0;
    font-family: var(--font-mono); font-size: 13px;
    color: rgba(244, 241, 233, 0.6);
}
.cta__note a[b-wqxrfhpasw] { color: inherit; text-decoration: underline; }
.cta__note a:hover[b-wqxrfhpasw] { color: var(--c-on-dark); }

/* ── FAQ ──────────────────────────────────────────── */
.faqsec[b-wqxrfhpasw] {
    max-width: 880px; margin-inline: auto;
    padding: 100px var(--gutter);
}
.faqsec__head[b-wqxrfhpasw] { margin-bottom: 48px; }
.faqsec__eyebrow[b-wqxrfhpasw] { color: var(--accent); margin-bottom: 18px; }
.faqsec__head .mk-h2[b-wqxrfhpasw] { margin-bottom: 14px; }

/* ── RESPONSIVE ───────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-wqxrfhpasw] { padding-block: 44px 40px; }
    .hero__grid[b-wqxrfhpasw] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-wqxrfhpasw] { margin-bottom: 22px; }
    .hero__lead[b-wqxrfhpasw] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-wqxrfhpasw] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-wqxrfhpasw] { width: 100%; }

    .values__grid[b-wqxrfhpasw] { grid-template-columns: 1fr; gap: 16px; }
    .values__card[b-wqxrfhpasw] { padding: 28px 24px; }

    /* Tighten the 3-up profile cells so the longer captions don't crowd. */
    .profile__cap[b-wqxrfhpasw] { padding: 16px 9px; }
    .profile__stat[b-wqxrfhpasw] { padding: 16px 8px; }
    .profile__stat-num[b-wqxrfhpasw] { font-size: 20px; }

    .split[b-wqxrfhpasw] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-wqxrfhpasw] { max-width: none; }

    .cta[b-wqxrfhpasw] { grid-template-columns: 1fr; gap: 28px; padding-block: 64px; }
    .cta__actions[b-wqxrfhpasw] { align-items: stretch; }
    .cta__actions .mk-btn[b-wqxrfhpasw] { width: 100%; }

    .faqsec[b-wqxrfhpasw] { padding-block: 64px; }
}
/* /Components/Marketing/Pages/Webseiten.razor.rz.scp.css */
/* ── HERO ─────────────────────────────────────────── */
.hero[b-j365v7t72v] {
    position: relative;
    padding-block: 84px 76px;
}
.hero__grid[b-j365v7t72v] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.hero__copy .mk-eyebrow[b-j365v7t72v] { margin-bottom: 28px; }
.hero__title[b-j365v7t72v] { margin: 0 0 26px; line-height: 0.98; }
.hero__lead[b-j365v7t72v] {
    font-size: 18.5px;
    line-height: 1.55;
    color: var(--c-ink-3);
    max-width: 480px;
    margin: 0 0 36px;
}
.hero__cta[b-j365v7t72v] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.hero__cta .mk-btn--ghost[b-j365v7t72v] { padding-inline: 24px; }

/* ── BROWSER PREVIEW CARD ──────────────────────────── */
.browser[b-j365v7t72v] {
    border-radius: var(--r-menu);
    box-shadow: var(--shadow-panel);
    overflow: hidden;
}
.browser__chrome[b-j365v7t72v] {
    display: flex; align-items: center; gap: 14px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--line);
}
.browser__dots[b-j365v7t72v] { display: flex; gap: 6px; }
.browser__dots span[b-j365v7t72v] { width: 10px; height: 10px; border-radius: 50%; background: var(--line-2); }
.browser__url[b-j365v7t72v] {
    flex: 1; height: 24px; border-radius: 5px; background: var(--c-sand-alt);
    display: flex; align-items: center; padding: 0 12px;
    font-family: var(--font-mono); font-size: 11px; color: var(--c-muted-2);
}
.browser__body[b-j365v7t72v] { padding: 20px; }
.browser__topbar[b-j365v7t72v] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.browser__logo[b-j365v7t72v] { width: 54px; height: 11px; border-radius: 3px; background: var(--c-ink); }
.browser__nav[b-j365v7t72v] { display: flex; gap: 10px; align-items: center; }
.browser__navitem[b-j365v7t72v] { width: 30px; height: 7px; border-radius: 3px; background: rgba(26, 24, 19, 0.18); }
.browser__cta[b-j365v7t72v] { width: 54px; height: 20px; border-radius: 3px; background: var(--accent); }
.browser__h1[b-j365v7t72v] { width: 86%; height: 18px; border-radius: 4px; background: var(--c-ink); margin-bottom: 9px; }
.browser__h2[b-j365v7t72v] { width: 62%; height: 18px; border-radius: 4px; background: var(--accent); margin-bottom: 16px; }
.browser__line[b-j365v7t72v] { height: 7px; border-radius: 3px; background: rgba(26, 24, 19, 0.16); margin-bottom: 7px; }
.browser__line--w72[b-j365v7t72v] { width: 72%; }
.browser__line--w60[b-j365v7t72v] { width: 60%; margin-bottom: 20px; }
.browser__btn[b-j365v7t72v] { width: 120px; height: 32px; border-radius: 4px; background: var(--c-ink); margin-bottom: 24px; }
.browser__tiles[b-j365v7t72v] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.browser__tile[b-j365v7t72v] { height: 62px; border-radius: 5px; background: var(--c-sand-alt); border: 1px solid var(--line-soft); }

/* ── VORTEILE / PROBLEM ────────────────────────────── */
.vorteile[b-j365v7t72v] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.vorteile__head[b-j365v7t72v] { max-width: 640px; margin-bottom: 52px; }
.vorteile__head .mk-eyebrow[b-j365v7t72v] { margin-bottom: 18px; }
.vorteile__title[b-j365v7t72v] { margin: 0 0 16px; }
.vorteile__grid[b-j365v7t72v] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.vorteile__card[b-j365v7t72v] { padding: 32px; }
.vorteile__stat[b-j365v7t72v] {
    font-family: var(--font-display); font-weight: 800; font-size: 38px;
    letter-spacing: -0.03em; color: var(--accent); margin-bottom: 18px;
}
.vorteile__h[b-j365v7t72v] { font-family: var(--font-display); font-weight: 700; font-size: 19px; margin: 0 0 10px; }
.vorteile__p[b-j365v7t72v] { font-size: 15px; line-height: 1.55; color: var(--c-muted); }

/* ── SPLIT SECTION (copy + bespoke card) ───────────── */
.split[b-j365v7t72v] { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split__copy .mk-eyebrow[b-j365v7t72v] { margin-bottom: 18px; }
.split__title[b-j365v7t72v] { margin: 0 0 16px; }
.split__lead[b-j365v7t72v] { font-size: 17px; line-height: 1.55; color: var(--c-ink-3); margin: 0 0 36px; max-width: 480px; }
.split__list[b-j365v7t72v] { display: flex; flex-direction: column; gap: 24px; }

/* ── DESIGN DRAFT CARD ─────────────────────────────── */
.draft[b-j365v7t72v] { border-radius: var(--r-menu); overflow: hidden; }
.draft__chrome[b-j365v7t72v] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.draft__ver[b-j365v7t72v] { color: var(--accent); }
.draft__body[b-j365v7t72v] { padding: 22px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 16px; }
.draft__wire[b-j365v7t72v] { border: 1px solid var(--line); border-radius: var(--r-card); padding: 14px; background: var(--c-sand); }
.draft__cap[b-j365v7t72v] {
    font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase; margin-bottom: 12px;
}
.draft__bar[b-j365v7t72v] { height: 11px; border-radius: 3px; }
.draft__bar--ink[b-j365v7t72v] { background: var(--c-ink); margin-bottom: 7px; }
.draft__bar--accent[b-j365v7t72v] { background: var(--accent); margin-bottom: 12px; }
.draft__bar--w70[b-j365v7t72v] { width: 70%; }
.draft__bar--w48[b-j365v7t72v] { width: 48%; }
.draft__line[b-j365v7t72v] { height: 5px; border-radius: 2px; background: rgba(26, 24, 19, 0.16); }
.draft__line--w88[b-j365v7t72v] { width: 88%; margin-bottom: 5px; }
.draft__line--w78[b-j365v7t72v] { width: 78%; margin-bottom: 14px; }
.draft__btn[b-j365v7t72v] { width: 70px; height: 22px; border-radius: 3px; background: var(--c-ink); }
.draft__side[b-j365v7t72v] { display: flex; flex-direction: column; gap: 14px; }
.draft__tile[b-j365v7t72v] { border: 1px solid var(--line); border-radius: var(--r-card); padding: 12px; background: var(--c-sand); }
.draft__tile .draft__cap[b-j365v7t72v] { margin-bottom: 10px; }
.draft__tile:last-child .draft__cap[b-j365v7t72v] { margin-bottom: 8px; }
.draft__swatches[b-j365v7t72v] { display: flex; gap: 7px; }
.draft__sw[b-j365v7t72v] { width: 22px; height: 22px; border-radius: 4px; }
.draft__sw--accent[b-j365v7t72v] { background: var(--accent); }
.draft__sw--ink[b-j365v7t72v] { background: var(--c-ink); }
.draft__sw--sand[b-j365v7t72v] { background: #C9C2B2; }
.draft__aa[b-j365v7t72v] { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 1; }

/* ── LEISTUNGEN / IN SCOPE (dark) ──────────────────── */
.scope__head[b-j365v7t72v] { max-width: 620px; margin-bottom: 56px; }
.scope__head .mk-eyebrow[b-j365v7t72v] { margin-bottom: 18px; }
.scope__head .mk-h2[b-j365v7t72v] { margin-bottom: 16px; }
.scope__grid[b-j365v7t72v] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px;
    background: var(--line-dark-2); border: 1px solid var(--line-dark-2);
    border-radius: var(--r-card); overflow: hidden;
}
.scope__cell[b-j365v7t72v] { background: var(--c-ink); padding: 36px; }
.scope__num[b-j365v7t72v] { font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 20px; }
.scope__title[b-j365v7t72v] { font-size: 20px; margin-bottom: 10px; }
.scope__body[b-j365v7t72v] { font-size: 15px; line-height: 1.55; color: var(--c-on-dark-58); }

/* ── SERVICE SPEC CARD ─────────────────────────────── */
.spec[b-j365v7t72v] { border-radius: var(--r-menu); overflow: hidden; }
.spec__chrome[b-j365v7t72v] {
    padding: 14px 18px; border-bottom: 1px solid var(--line);
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.spec__list[b-j365v7t72v] { padding: 8px 18px; }
.spec__row[b-j365v7t72v] {
    display: flex; align-items: center; gap: 12px;
    padding: 13px 2px; border-bottom: 1px solid var(--line-soft);
}
.spec__row--last[b-j365v7t72v] { border-bottom: none; }
.spec__tick[b-j365v7t72v] { color: var(--accent); font-family: var(--font-mono); font-size: 13px; }
.spec__label[b-j365v7t72v] { font-size: 15px; font-weight: 500; }
.spec__chart[b-j365v7t72v] { padding: 20px 18px; border-top: 1px solid var(--line); background: var(--c-sand); }
.spec__charthead[b-j365v7t72v] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.spec__chartcap[b-j365v7t72v] {
    font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em;
    color: var(--c-muted-2); text-transform: uppercase;
}
.spec__chartval[b-j365v7t72v] { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--accent); }
.spec__bars[b-j365v7t72v] { display: flex; align-items: flex-end; gap: 8px; height: 54px; }
.spec__bar[b-j365v7t72v] { flex: 1; background: rgba(26, 24, 19, 0.16); border-radius: 2px; }
.spec__bar--accent[b-j365v7t72v] { background: var(--accent); }
/* Bar heights (were inline style= — moved here so CSP can drop 'unsafe-inline'). */

.spec__bars .spec__bar:nth-child(1)[b-j365v7t72v] { height: 60%; }
.spec__bars .spec__bar:nth-child(2)[b-j365v7t72v] { height: 42%; }
.spec__bars .spec__bar:nth-child(3)[b-j365v7t72v] { height: 75%; }
.spec__bars .spec__bar:nth-child(4)[b-j365v7t72v] { height: 50%; }
.spec__bars .spec__bar:nth-child(5)[b-j365v7t72v] { height: 90%; }
.spec__bars .spec__bar:nth-child(6)[b-j365v7t72v] { height: 38%; }
.spec__bars .spec__bar:nth-child(7)[b-j365v7t72v] { height: 64%; }

/* ── ABLAUF ────────────────────────────────────────── */
.ablauf[b-j365v7t72v] { border-top: 1px solid var(--line); background: var(--c-sand-alt); }
.ablauf__head[b-j365v7t72v] { max-width: 620px; margin-bottom: 52px; }
.ablauf__head .mk-eyebrow[b-j365v7t72v] { margin-bottom: 18px; }
.ablauf__head .mk-h2[b-j365v7t72v] { margin-bottom: 16px; }
.ablauf__grid[b-j365v7t72v] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ablauf__card[b-j365v7t72v] { padding: 34px; }
.ablauf__num[b-j365v7t72v] { font-family: var(--font-mono); font-size: 13px; color: var(--accent); margin-bottom: 18px; }
.ablauf__h[b-j365v7t72v] { font-family: var(--font-display); font-weight: 700; font-size: 20px; margin: 0 0 10px; }
.ablauf__p[b-j365v7t72v] { font-size: 15px; line-height: 1.55; color: var(--c-muted); }

/* ── CTA BAND ──────────────────────────────────────── */
.cta[b-j365v7t72v] {
    padding-block: 96px;
    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center;
}
.cta .mk-eyebrow[b-j365v7t72v] { margin-bottom: 20px; }
.cta__title[b-j365v7t72v] { margin: 0 0 18px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1; letter-spacing: -0.025em; }
.cta__lead[b-j365v7t72v] { font-size: 18px; line-height: 1.55; color: var(--c-on-dark-62); max-width: 520px; margin: 0; }
.cta__action[b-j365v7t72v] { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.cta__action .mk-btn--accent[b-j365v7t72v] { font-size: 16px; padding: 17px 28px; }
.cta__direct[b-j365v7t72v] { font-family: var(--font-mono); font-size: 13px; color: var(--c-on-dark-55); }
.cta__direct a[b-j365v7t72v] { color: inherit; }
.cta__direct a:hover[b-j365v7t72v] { color: var(--c-on-dark); }

/* ── FAQ ───────────────────────────────────────────── */
.faqsec[b-j365v7t72v] { max-width: 880px; padding-block: 100px; }
.faqsec__head[b-j365v7t72v] { margin-bottom: 48px; }
.faqsec__head .mk-eyebrow[b-j365v7t72v] { margin-bottom: 18px; }
.faqsec__head .mk-h2[b-j365v7t72v] { margin-bottom: 14px; }

/* ── RESPONSIVE ────────────────────────────────────── */
@media (max-width: 880px) {
    .hero[b-j365v7t72v] { padding-block: 44px 40px; }
    .hero__grid[b-j365v7t72v] { grid-template-columns: 1fr; gap: 36px; }
    .hero__copy .mk-eyebrow[b-j365v7t72v] { margin-bottom: 22px; }
    .hero__lead[b-j365v7t72v] { font-size: 16.5px; max-width: none; margin-bottom: 28px; }
    .hero__cta[b-j365v7t72v] { flex-direction: column; align-items: stretch; }
    .hero__cta .mk-btn[b-j365v7t72v] { width: 100%; }

    .vorteile__head[b-j365v7t72v] { margin-bottom: 32px; }
    .vorteile__grid[b-j365v7t72v] { grid-template-columns: 1fr; gap: 16px; }
    .vorteile__card[b-j365v7t72v] { padding: 28px 24px; }

    .split[b-j365v7t72v] { grid-template-columns: 1fr; gap: 36px; }
    .split__lead[b-j365v7t72v] { max-width: none; }

    .draft__body[b-j365v7t72v] { padding: 18px; }

    .scope__head[b-j365v7t72v] { margin-bottom: 32px; }
    .scope__grid[b-j365v7t72v] { grid-template-columns: 1fr; }
    .scope__cell[b-j365v7t72v] { padding: 28px 24px; }

    .ablauf__head[b-j365v7t72v] { margin-bottom: 32px; }
    .ablauf__grid[b-j365v7t72v] { grid-template-columns: 1fr; gap: 16px; }
    .ablauf__card[b-j365v7t72v] { padding: 28px 24px; }

    .cta[b-j365v7t72v] { padding-block: 64px; grid-template-columns: 1fr; gap: 28px; }
    .cta__action[b-j365v7t72v] { flex-direction: column; align-items: stretch; }
    .cta__action .mk-btn[b-j365v7t72v] { width: 100%; }

    .faqsec[b-j365v7t72v] { padding-block: 64px; }
    .faqsec__head[b-j365v7t72v] { margin-bottom: 32px; }
}
/* /Components/Marketing/Shared/Faq.razor.rz.scp.css */
.faq[b-ro7oo7m9rp] { border-top: 1px solid var(--line-14); }
/* /Components/Marketing/Shared/FaqItem.razor.rz.scp.css */
.faq__item[b-m5633wgu23] { border-bottom: 1px solid var(--line-14); }

.faq__q[b-m5633wgu23] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 4px;
    cursor: pointer;
    list-style: none;
}
.faq__q[b-m5633wgu23]::-webkit-details-marker { display: none; }

.faq__qt[b-m5633wgu23] {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 19px;
    letter-spacing: -0.01em;
    color: var(--c-ink);
    /* min-width:0 lets this flex child shrink so a long question wraps instead
       of pushing the +/− sign off the row. */
    min-width: 0;
    overflow-wrap: break-word;
}

.faq__sign[b-m5633wgu23] {
    flex: none;
    font-family: var(--font-mono);
    font-size: 22px;
    line-height: 1;
    color: var(--accent);
}
.faq__sign[b-m5633wgu23]::before { content: "+"; }
.faq__item[open] .faq__sign[b-m5633wgu23]::before { content: "–"; }

.faq__a[b-m5633wgu23] {
    font-size: 16px;
    line-height: 1.6;
    color: var(--c-muted);
    padding: 0 60px 26px 4px;
    max-width: 680px;
}

@media (max-width: 880px) {
    .faq__a[b-m5633wgu23] { padding-right: 20px; }
}
/* /Components/Marketing/Shared/MarketingSubNav.razor.rz.scp.css */
.subnav[b-2fidhhpc5i] {
    /* Not sticky — scrolls away with the page (the navbar is no longer pinned). */
    background: var(--c-sand-alt);
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
    scrollbar-width: none;
}
.subnav[b-2fidhhpc5i]::-webkit-scrollbar { display: none; }

.subnav__inner[b-2fidhhpc5i] {
    height: 46px;
    display: flex;
    align-items: center;
    gap: 26px;
    white-space: nowrap;
}

.subnav__label[b-2fidhhpc5i] {
    font-family: var(--font-mono);
    font-size: 11.5px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--c-ink);
    font-weight: 500;
}

.subnav__divider[b-2fidhhpc5i] { width: 1px; height: 16px; background: var(--line-14); }

.subnav__link[b-2fidhhpc5i] {
    color: var(--c-muted);
    font-size: 13.5px;
    font-weight: 500;
    /* Fill the 46px bar height so the tap target meets the ~44px minimum. */
    padding-block: 13px;
    transition: color .16s ease;
}
.subnav__link:hover[b-2fidhhpc5i] { color: var(--c-ink); }
.subnav__link--active[b-2fidhhpc5i] { color: var(--c-ink); font-weight: 600; }

/* Mobile: let the bar scroll horizontally and keep the trailing gutter
   reachable. On desktop the inner stays a normal .mk-container, so its content
   aligns with the nav + page (centred within the max-width). */
@media (max-width: 880px) {
    .subnav__inner[b-2fidhhpc5i] { width: max-content; min-width: 100%; }
}