/* ============================================================
   BlitzDoc Didone couture for the subpages (Founder, 2026-10-19)
   Same system as css/home.css: paper, ink, Playfair Display for headings,
   Inter for text, teal only for actions.
   Loads LAST on Funktionen, FAQ, Stichwort, Blog, Brochures, 404 and 500,
   after landing-base.css, landing.css, premium.css and any page <style>.
   The older layers still carry !important rules for the nav, the CTA band and
   the footer, so the matching rules here answer with !important on purpose.
   Rollback: remove the <link>.
   ============================================================ */

:root, body.landing-page {
  --u: clamp(1px, calc(1px + (100vw - 1440px) * 0.000295), 1.33px); --wrap: min(calc(1256 * var(--u) + max(0px, (100vw - 1440px) * 0.25)), 2200px);
  --cx-paper: #F6F4F0; --cx-paper-2: #EEEBE5; --cx-sheet: #FFFFFF;
  --cx-ink: #071B2A; --cx-text: #1F2933; --cx-soft: #4A5560; --cx-mute: #6B737B;
  --cx-teal: #0F766E; --cx-teal-deep: #0B5F59; --cx-mint: #DDF2EC;
  --cx-hair: rgba(7, 27, 42, .10); --cx-hair-strong: rgba(7, 27, 42, .18);
  --cx-shadow-card: 0 1px 2px rgba(7, 27, 42, .05), 0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-26 * var(--u)) rgba(7, 27, 42, .28);
  --cx-display: "Playfair Display", "Didot", "Bodoni 72", Georgia, serif;
  --cx-sans: "Inter", -apple-system, "Segoe UI", sans-serif;

  /* legacy tokens of landing-base.css, landing.css and premium.css */
  --pz-ink: #071B2A; --pz-ink-soft: #4A5560; --pz-paper: #F6F4F0; --pz-paper-deep: #EEEBE5;
  --pz-teal: #0F766E; --pz-teal-deep: #0B5F59; --pz-mint: #DDF2EC;
  --pz-hairline: rgba(7, 27, 42, .10); --pz-hairline-strong: rgba(7, 27, 42, .18);
  --pz-shadow-card: 0 1px 2px rgba(7, 27, 42, .05), 0 calc(18 * var(--u)) calc(40 * var(--u)) calc(-26 * var(--u)) rgba(7, 27, 42, .28);
  --pz-font-display: "Playfair Display", Georgia, serif;
  --ln-serif: "Playfair Display", Georgia, serif;
  --ln-sans: "Inter", -apple-system, "Segoe UI", sans-serif;
  --ln-navy: #071B2A; --ln-ink: #071B2A; --ln-charcoal: #1F2933;
  --ln-red: #0F766E; --ln-red-dark: #0B5F59; --ln-red-glow: rgba(15, 118, 110, .14);
  --ln-white: #F6F4F0; --ln-cream: #EEEBE5; --ln-border: rgba(7, 27, 42, .10);
  --ln-gray: #4A5560; --ln-warm-gray: #4A5560; --ln-light-gray: #6B737B;
  --brand-ink: #071B2A; --brand-navy: #071B2A; --brand-teal: #0F766E; --brand-teal-2: #0B5F59;
  --brand-mint: #0F766E; --brand-mint-soft: #DDF2EC; --brand-cream: #F6F4F0; --brand-border: rgba(7, 27, 42, .10);
  --blue: #0F766E; --blue-light: #0F766E; --blue-bg: #DDF2EC;
  --accent: #0F766E; --accent-light: #0F766E; --accent-subtle: #DDF2EC;
  --primary: #0F766E; --dark: #071B2A; --text: #1F2933; --text-light: #4A5560;
  --gray-light: #F6F4F0; --bg-subtle: #EEEBE5; --border: rgba(7, 27, 42, .10);
}

/* ---------- ground and type ---------- */
html body.landing-page { font-size: calc(15 * var(--u)); }
html:has(> body.landing-page) { background: var(--cx-paper); }
body.landing-page {
  background: var(--cx-paper) !important;
  color: var(--cx-text);
  font-family: var(--cx-sans);
  -webkit-font-smoothing: antialiased;
}
body.landing-page ::selection { background: #A4F4CF; color: #002C22; }
body.landing-page a:focus-visible,
body.landing-page button:focus-visible,
body.landing-page summary:focus-visible { outline: 2px solid var(--cx-teal); outline-offset: calc(3 * var(--u)); border-radius: calc(6 * var(--u)); }

html body.landing-page h1,
html body.landing-page h2,
html body.landing-page .section-title,
html body.landing-page .ln-section-heading {
  font-family: var(--cx-display) !important;
  font-weight: 400 !important;
  font-style: normal;
  font-variation-settings: normal !important;
  letter-spacing: -.018em;
  line-height: 1.08;
  color: var(--cx-ink);
  text-wrap: balance;
  overflow-wrap: break-word;
}
html body.landing-page h1 em,
html body.landing-page h1 .accent,
html body.landing-page h2 em { font-style: normal; color: inherit !important; font-weight: inherit; }
html body.landing-page h3 { font-family: var(--cx-sans); color: var(--cx-ink); }

/* ---------- navigation: the scrolled state of the homepage ---------- */
html body.landing-page .nav,
html body.landing-page .nav.nav-scrolled,
html body.landing-page .nav.nav-solid {
  background: rgba(246, 244, 240, .92) !important;
  -webkit-backdrop-filter: blur(calc(14 * var(--u)));
  backdrop-filter: blur(calc(14 * var(--u)));
  border-bottom: 1px solid var(--cx-hair) !important;
  box-shadow: none !important;
}
html body.landing-page .nav-container { max-width: var(--wrap); padding: 0 calc(28 * var(--u)); height: calc(68 * var(--u)); gap: calc(28 * var(--u)); }
html body.landing-page .nav .nav-logo,
html body.landing-page .footer .nav-logo {
  display: inline-flex; align-items: center; gap: calc(9 * var(--u));
  font-family: var(--cx-display) !important;
  font-size: calc(24 * var(--u)) !important;
  font-weight: 500;
  font-variation-settings: normal !important;
  letter-spacing: -.015em;
  color: var(--cx-ink) !important;
  text-decoration: none;
}
html body.landing-page .nav-logo .logo-text { letter-spacing: -.015em; }
html body.landing-page .nav-logo .logo-blitz,
html body.landing-page .nav-logo .logo-doc {
  font-style: normal !important;
  font-weight: 500 !important;
  color: var(--cx-ink) !important;
}
html body.landing-page .logo-bolt { width: calc(18 * var(--u)); height: calc(23 * var(--u)); color: var(--cx-teal); filter: none !important; }
html body.landing-page .logo-bolt polygon { fill: var(--cx-teal) !important; }
html body.landing-page .nav .nav-links { gap: calc(28 * var(--u)); font-size: calc(15 * var(--u)); }
html body.landing-page .nav .nav-links a:not(.nav-login):not(.nav-cta) {
  color: var(--cx-soft) !important;
  font-weight: 400 !important;
  background: none !important;
}
html body.landing-page .nav .nav-links a:not(.nav-login):not(.nav-cta):hover { color: var(--cx-ink) !important; }
html body.landing-page .nav .nav-links a[aria-current="page"] { color: var(--cx-ink) !important; }
html body.landing-page .nav .nav-links .nav-login,
html body.landing-page .nav .nav-links .nav-cta {
  height: calc(40 * var(--u)); padding: 0 calc(18 * var(--u)) !important;
  display: inline-flex; align-items: center;
  border-radius: calc(999 * var(--u)) !important;
  font-size: calc(14 * var(--u)); font-weight: 600 !important;
  letter-spacing: 0;
  transform: none !important;
}
html body.landing-page .nav .nav-links .nav-login {
  color: var(--cx-ink) !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.landing-page .nav .nav-links .nav-login:hover { color: var(--cx-teal-deep) !important; background: transparent !important; }
html body.landing-page .nav .nav-links .nav-cta {
  background: var(--cx-ink) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  margin-left: calc(-18 * var(--u));
}
html body.landing-page .nav .nav-links .nav-cta:hover { background: #12324A !important; color: #fff !important; }
html body.landing-page .nav-hamburger span { background: var(--cx-ink) !important; }

/* ---------- page header: masthead line, Didone title, quiet subtitle ---------- */
html body.landing-page .page-header {
  background: var(--cx-paper) !important;
  text-align: left;
  padding: calc(132 * var(--u)) 0 calc(56 * var(--u));
  border-bottom: 1px solid var(--cx-hair);
  position: relative;
}
html body.landing-page .page-header::before,
html body.landing-page .page-header::after { content: none !important; }
html body.landing-page .page-header .container { max-width: var(--wrap); padding: 0 calc(28 * var(--u)); }
html body.landing-page .page-header .back-link {
  display: flex; align-items: center; gap: calc(8 * var(--u));
  margin: 0 0 calc(30 * var(--u)); padding-bottom: calc(12 * var(--u));
  border-bottom: 1px solid var(--cx-hair-strong);
  font-family: var(--cx-sans);
  font-size: calc(11 * var(--u)) !important; font-weight: 600 !important;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--cx-soft) !important;
  text-decoration: none;
}
html body.landing-page .page-header .back-link:hover { color: var(--cx-ink) !important; }
html body.landing-page .page-header h1 {
  font-size: clamp(calc(44 * var(--u)), 5.2vw, calc(76 * var(--u))) !important;
  line-height: 1.02;
  margin: 0 0 calc(22 * var(--u)) !important;
  max-width: 16ch;
  color: var(--cx-ink) !important;
}
html body.landing-page .page-header .page-subtitle,
html body.landing-page .page-header p.sw-lead {
  margin: 0 !important;
  max-width: calc(672 * var(--u)) !important;
  font-family: var(--cx-sans) !important;
  font-size: calc(19 * var(--u)) !important;
  line-height: 1.6 !important;
  color: var(--cx-soft) !important;
  text-align: left;
}
html body.landing-page .sw-eyebrow {
  color: var(--cx-teal) !important;
  font-size: calc(13 * var(--u)) !important; font-weight: 600 !important;
  letter-spacing: .02em !important; text-transform: none !important;
}

/* ---------- sections, cards, buttons ---------- */
html body.landing-page .features { padding: calc(72 * var(--u)) 0 calc(24 * var(--u)); background: transparent; }
html body.landing-page .features .container { max-width: var(--wrap); padding: 0 calc(28 * var(--u)); }
html body.landing-page .features-grid { max-width: none; gap: calc(20 * var(--u)); padding: 0; }
html body.landing-page .feature-card,
html body.landing-page .faq-item,
html body.landing-page .fk-callout-box,
html body.landing-page .fk-privacy-card,
html body.landing-page .principle-card,
html body.landing-page .summary-box,
html body.landing-page .beta-wrap {
  background: var(--cx-sheet) !important;
  border: 1px solid var(--cx-hair) !important;
  border-radius: calc(18 * var(--u)) !important;
  box-shadow: var(--cx-shadow-card) !important;
  transform: none !important;
}
html body.landing-page .feature-card:hover,
html body.landing-page .faq-item:hover { border-color: var(--cx-hair-strong) !important; transform: none !important; }
html body.landing-page .feature-card h3,
html body.landing-page .fk-callout-box h3 {
  font-family: var(--cx-display) !important;
  font-size: calc(22 * var(--u)) !important; font-weight: 400 !important;
  letter-spacing: -.01em; line-height: 1.2;
  color: var(--cx-ink) !important;
  margin: calc(18 * var(--u)) 0 calc(10 * var(--u));
}
html body.landing-page .feature-card p,
html body.landing-page .fk-callout-box p { font-size: calc(15 * var(--u)) !important; line-height: 1.65; color: var(--cx-soft) !important; }
html body.landing-page .feature-icon,
html body.landing-page .fk-privacy-icon {
  width: calc(44 * var(--u)); height: calc(44 * var(--u));
  display: grid; place-items: center;
  border-radius: calc(12 * var(--u)) !important;
  background: var(--cx-mint) !important;
  color: var(--cx-teal) !important;
}
html body.landing-page .feature-icon svg,
html body.landing-page .fk-privacy-icon svg { width: calc(22 * var(--u)); height: calc(22 * var(--u)); stroke: var(--cx-teal) !important; }
html body.landing-page .fk-privacy-card { border-left: 1px solid var(--cx-hair) !important; }
html body.landing-page .fk-callout-box { border-left: 1px solid var(--cx-hair) !important; }
html body.landing-page .fk-callout-box a,
html body.landing-page main a.inline-link,
html body.landing-page article a,
html body.landing-page .faq-item a { color: var(--cx-teal) !important; text-decoration: underline; text-underline-offset: calc(3 * var(--u)); }

/* product screenshots on Funktionen: paper frame, no navy bar */
html body.landing-page .fk-demo-card {
  border: 1px solid var(--cx-hair) !important;
  border-radius: calc(18 * var(--u)) !important;
  box-shadow: var(--cx-shadow-card) !important;
  overflow: hidden;
  background: var(--cx-sheet);
}
html body.landing-page .fk-demo-head {
  background: var(--cx-paper-2) !important;
  color: var(--cx-ink) !important;
  border-bottom: 1px solid var(--cx-hair);
}
html body.landing-page .fk-demo-head * { color: var(--cx-ink) !important; }
html body.landing-page .fk-demo-head svg { stroke: var(--cx-teal) !important; }
html body.landing-page .fk-demo-badge {
  background: var(--cx-mint) !important;
  color: var(--cx-teal-deep) !important;
  border-radius: calc(999 * var(--u));
}

/* buttons: teal primary, ghost secondary, pill as on the homepage */
html body.landing-page .btn-primary,
html body.landing-page .brochure-cta .btn,
html body.landing-page .cta .btn-white,
html body.landing-page .beta-cta {
  background: var(--cx-teal) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: calc(999 * var(--u)) !important;
  box-shadow: 0 calc(10 * var(--u)) calc(22 * var(--u)) calc(-12 * var(--u)) rgba(15, 118, 110, .7) !important;
  font-weight: 600 !important;
  transform: none !important;
}
html body.landing-page .btn-primary:hover,
html body.landing-page .brochure-cta .btn:hover,
html body.landing-page .cta .btn-white:hover,
html body.landing-page .beta-cta:hover { background: var(--cx-teal-deep) !important; border-color: transparent !important; }
html body.landing-page .cta .btn-ghost-blue,
html body.landing-page .btn-ghost {
  background: transparent !important;
  color: var(--cx-ink) !important;
  border: 1px solid var(--cx-hair-strong) !important;
  border-radius: calc(999 * var(--u)) !important;
  box-shadow: none !important;
}
html body.landing-page .cta .btn-ghost-blue:hover,
html body.landing-page .btn-ghost:hover { border-color: var(--cx-ink) !important; color: var(--cx-ink) !important; }

/* CTA band: paper-2, Didone title, the two buttons */
html body.landing-page .cta {
  background: var(--cx-paper-2) !important;
  border-top: 1px solid var(--cx-hair);
  padding: calc(96 * var(--u)) calc(28 * var(--u)) !important;
  text-align: center;
}
html body.landing-page .cta::before,
html body.landing-page .cta::after { content: none !important; }
html body.landing-page .cta h2 {
  color: var(--cx-ink) !important;
  font-size: clamp(calc(34 * var(--u)), 3.6vw, calc(48 * var(--u))) !important;
  margin: 0 auto calc(14 * var(--u));
}
html body.landing-page .cta p {
  color: var(--cx-soft) !important;
  font-size: calc(17 * var(--u)); max-width: calc(608 * var(--u)); margin-left: auto; margin-right: auto;
}

/* ---------- Funktionen: balanced grids, callouts aligned with the cards ---------- */
html body.landing-page #features .features-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.landing-page #datenschutz .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.landing-page .fk-callout-grid { max-width: var(--wrap); padding: 0 calc(28 * var(--u)) calc(56 * var(--u)); }

/* ---------- Stichwort: panels and case chips as in the homepage showcase ---------- */
html body.landing-page .sw-panel { border-radius: calc(18 * var(--u)); box-shadow: var(--cx-shadow-card); }
html body.landing-page .sw-panel-bar {
  background: var(--cx-paper-2);
  color: var(--cx-ink);
  border-bottom: 1px solid var(--cx-hair);
  font-weight: 600;
}
html body.landing-page .sw-panel-badge { background: var(--cx-mint); color: var(--cx-teal-deep); border: 0; }
html body.landing-page .sw-copy-btn { background: #fff; color: var(--cx-ink); border: 1px solid var(--cx-hair-strong); }
html body.landing-page .sw-copy-btn:hover { background: #fff; border-color: var(--cx-ink); transform: none; }
html body.landing-page .sw-examples { gap: calc(8 * var(--u)) calc(24 * var(--u)); }
html body.landing-page .sw-chip {
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  padding: calc(6 * var(--u)) 0;
  color: var(--cx-mute);
  box-shadow: none;
  transform: none;
}
html body.landing-page .sw-chip:hover { color: var(--cx-ink); border-color: transparent; transform: none; }
html body.landing-page .sw-chip.active { background: none; color: var(--cx-ink); border-color: var(--cx-teal); box-shadow: none; }
html body.landing-page .sw-sec-label { color: var(--cx-teal); }

/* 404 and 500: the single button sits under the text instead of in an empty band */
html body.landing-page .cta:not(:has(h2)) {
  background: transparent !important;
  border-top: 0;
  padding: calc(40 * var(--u)) 0 calc(120 * var(--u)) !important;
  text-align: left;
}
html body.landing-page .cta:not(:has(h2)) .container { max-width: var(--wrap); padding: 0 calc(28 * var(--u)); }

/* mobile sticky CTA (Stichwort): paper bar as on the homepage */
html body.landing-page .mobile-cta-bar {
  background: rgba(246, 244, 240, .94) !important;
  -webkit-backdrop-filter: blur(calc(14 * var(--u)));
  backdrop-filter: blur(calc(14 * var(--u)));
  border-top: 1px solid var(--cx-hair);
  box-shadow: none !important;
}
html body.landing-page .mobile-cta-bar .btn { border-radius: calc(999 * var(--u)) !important; }

/* ---------- FAQ: one reading column, flush with the header ---------- */
html body.landing-page .faq .container { max-width: var(--wrap); padding: 0 calc(28 * var(--u)); }
html body.landing-page .faq-list { max-width: calc(820 * var(--u)); margin: 0; padding: calc(12 * var(--u)) 0 0 !important; }

/* ---------- FAQ ---------- */
html body.landing-page .faq-item summary,
html body.landing-page .faq-item h3 {
  font-family: var(--cx-display) !important;
  font-size: calc(21 * var(--u)) !important; font-weight: 400 !important;
  font-variation-settings: normal !important;
  letter-spacing: -.01em;
  color: var(--cx-ink) !important;
}
html body.landing-page .faq-item summary::after { color: var(--cx-teal) !important; }
html body.landing-page .faq-item > p,
html body.landing-page .faq-item p { color: var(--cx-soft) !important; font-size: calc(15.5 * var(--u)); line-height: 1.7; }

/* ---------- blog articles ---------- */
html body.landing-page article { font-size: calc(17.5 * var(--u)); line-height: 1.75; color: var(--cx-text); }
html body.landing-page article h1 { font-size: clamp(calc(36 * var(--u)), 3.8vw, calc(52 * var(--u))) !important; line-height: 1.06; margin: 0 0 calc(16 * var(--u)); }
html body.landing-page article h1 + p { color: var(--cx-mute) !important; font-size: calc(13 * var(--u)); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; padding-bottom: calc(18 * var(--u)); border-bottom: 1px solid var(--cx-hair-strong); }
html body.landing-page article h2 { font-size: clamp(calc(28 * var(--u)), 2.6vw, calc(36 * var(--u))) !important; margin: calc(41.6 * var(--u)) 0 calc(14.4 * var(--u)); }
html body.landing-page article h3 { font-size: calc(19 * var(--u)); font-weight: 650; margin: calc(28.8 * var(--u)) 0 calc(9.6 * var(--u)); }
html body.landing-page article p,
html body.landing-page article li { color: var(--cx-text); }
html body.landing-page article strong { color: var(--cx-ink); font-weight: 600; }
html body.landing-page article ul,
html body.landing-page article ol { padding-left: calc(20.8 * var(--u)); }
html body.landing-page article li { margin: calc(5.6 * var(--u)) 0; }
html body.landing-page article li::marker { color: var(--cx-teal); }
html body.landing-page article blockquote { margin: calc(25.6 * var(--u)) 0; padding: 0 0 0 calc(19.2 * var(--u)); border-left: 2px solid var(--cx-teal); font-family: var(--cx-display); font-size: calc(22 * var(--u)); line-height: 1.45; color: var(--cx-ink); }
html body.landing-page article table { width: 100%; border-collapse: collapse; font-size: calc(15 * var(--u)); }
html body.landing-page article th,
html body.landing-page article td { padding: calc(10 * var(--u)) calc(12 * var(--u)); border-bottom: 1px solid var(--cx-hair); text-align: left; }

/* ---------- brochures ---------- */
html body.landing-page .brochure h1 { font-size: clamp(calc(40 * var(--u)), 4.4vw, calc(60 * var(--u))) !important; }
html body.landing-page .brochure h2 { font-size: clamp(calc(28 * var(--u)), 2.6vw, calc(36 * var(--u))) !important; }
html body.landing-page .brochure-hero { background: transparent !important; border-bottom: 1px solid var(--cx-hair); }
html body.landing-page .brochure .subtitle { color: var(--cx-soft) !important; }

/* ---------- footer: paper, hairline, quiet links ---------- */
html body.landing-page footer,
html body.landing-page .footer {
  background: var(--cx-paper) !important;
  color: var(--cx-mute) !important;
  border-top: 1px solid var(--cx-hair) !important;
  padding: calc(56 * var(--u)) 0 calc(40 * var(--u));
}
html body.landing-page .footer .container,
html body.landing-page .footer .footer-container { max-width: var(--wrap); margin: 0 auto; padding: 0 calc(28 * var(--u)); }
html body.landing-page .footer-grid { gap: calc(32 * var(--u)); margin-bottom: calc(36 * var(--u)); }
html body.landing-page .footer-brand p { color: var(--cx-mute) !important; font-size: calc(13 * var(--u)); }
html body.landing-page .footer-links :is(h3, h4) {
  font-family: var(--cx-sans) !important;
  font-size: calc(11 * var(--u)) !important; font-weight: 600 !important;
  letter-spacing: .14em !important; text-transform: uppercase;
  color: var(--cx-ink) !important;
  margin-bottom: calc(14 * var(--u));
}
html body.landing-page .footer-links a { color: var(--cx-soft) !important; font-size: calc(13.5 * var(--u)); }
html body.landing-page .footer-links a:hover { color: var(--cx-ink) !important; }
html body.landing-page .footer-bottom {
  border-top: 1px solid var(--cx-hair) !important;
  color: var(--cx-mute) !important;
  font-size: calc(12 * var(--u)) !important; letter-spacing: 0 !important;
  text-align: left;
}
html body.landing-page .footer-bottom p { color: var(--cx-mute) !important; }

/* ---------- small screens ---------- */
/* menu: the homepage behaviour, hamburger from 1024 px down, compact dropdown */
html body.landing-page .nav .nav-links a { white-space: nowrap; }
@media (max-width: 1024px) {
  html body.landing-page .nav-hamburger { display: flex !important; margin-left: auto; }
  html body.landing-page .nav .nav-links {
    display: none !important;
    position: absolute !important;
    top: calc(68 * var(--u)); left: 0; right: 0; bottom: auto !important;
    height: auto !important;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0;
    padding: calc(8 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u)) !important;
    background: var(--cx-paper) !important;
    border-bottom: 1px solid var(--cx-hair) !important;
    box-shadow: 0 calc(20 * var(--u)) calc(30 * var(--u)) calc(-20 * var(--u)) rgba(7, 27, 42, .22) !important;
    text-align: left;
  }
  html body.landing-page .nav .nav-links.open { display: flex !important; }
  html body.landing-page .nav .nav-links a:not(.nav-login):not(.nav-cta) {
    display: flex; align-items: center; justify-content: flex-start;
    min-height: calc(44 * var(--u)); padding: 0 !important; margin: 0 !important;
  }
  html body.landing-page .nav .nav-links .nav-login,
  html body.landing-page .nav .nav-links .nav-cta { margin: calc(8 * var(--u)) 0 0 !important; justify-content: center; height: calc(44 * var(--u)); }
  html body.landing-page .nav .nav-links .nav-login { border: 1px solid var(--cx-hair-strong) !important; }
}
@media (max-width: 1024px) {
  html body.landing-page #features .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  html body.landing-page .nav-container { height: calc(62 * var(--u)); padding: 0 calc(20 * var(--u)); }
  html body.landing-page .nav .nav-links { top: calc(62 * var(--u)); }
  html body.landing-page #features .features-grid,
  html body.landing-page #datenschutz .features-grid,
  html body.landing-page .fk-callout-grid { grid-template-columns: minmax(0, 1fr); }
  html body.landing-page .fk-callout-grid { padding: 0 calc(20 * var(--u)) calc(40 * var(--u)); }
  html body.landing-page .footer .footer-container,
  html body.landing-page .faq .container,
  html body.landing-page .cta:not(:has(h2)) .container { padding: 0 calc(20 * var(--u)); }
  html body.landing-page article h1 { font-size: calc(34 * var(--u)) !important; }
  html body.landing-page .page-header { padding: calc(104 * var(--u)) 0 calc(40 * var(--u)); }
  html body.landing-page .page-header .container,
  html body.landing-page .footer .container { padding: 0 calc(20 * var(--u)); }
  html body.landing-page .page-header h1 { font-size: clamp(calc(38 * var(--u)), 10vw, calc(48 * var(--u))) !important; }
  html body.landing-page .page-header .page-subtitle,
  html body.landing-page .page-header p.sw-lead { font-size: calc(17 * var(--u)) !important; }
  html body.landing-page .features { padding: calc(48 * var(--u)) 0 calc(16 * var(--u)); }
  html body.landing-page .features .container { padding: 0 calc(20 * var(--u)); }
  html body.landing-page .cta { padding: calc(72 * var(--u)) calc(20 * var(--u)) !important; }
  html body.landing-page article { font-size: calc(16.5 * var(--u)); }
}