/** Shopify CDN: Minification failed

Line 13:0 Unexpected "{"
Line 13:1 Expected identifier but found "%"
Line 14:0 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:hero-banner-section (INDEX:146) */
{% endif %}
}
/* END_SECTION:hero-banner-section */

/* START_SECTION:lp-bekannt (INDEX:154) */
.landing-press-trust {
    background: var(--press-bg);
    color: var(--press-fg);
    padding-top: clamp(calc(var(--press-pad-top) / 2), 6vw, var(--press-pad-top));
    padding-bottom: clamp(calc(var(--press-pad-bottom) / 2), 6vw, var(--press-pad-bottom));
    padding-inline: var(--landing-pad-mobile);
  }
  @media (min-width: 750px) {
    .landing-press-trust { padding-inline: var(--landing-pad-tablet); }
  }
  @media (min-width: 990px) {
    .landing-press-trust { padding-inline: var(--landing-pad-desktop); }
  }

  .landing-press-trust__inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .landing-press-trust__header {
    text-align: center;
    margin: 0 0 var(--landing-space-m);
  }
  .landing-press-trust__heading {
    margin: 0;
    font-family: var(--lp-font-heading, inherit);
    font-style: var(--font-heading-style, normal);
    font-weight: var(--font-heading-weight, 300);
    font-size: var(--t-h3);
    line-height: var(--landing-lh-tight);
  }

  .landing-press-trust__layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--landing-space-m);
    text-align: center;
  }
  @media (min-width: 990px) {
    .landing-press-trust__layout {
      flex-direction: row;
      flex-wrap: wrap;
      gap: var(--landing-space-xl);
      text-align: left;
    }
  }

  .landing-press-trust__eyebrow-inline {
    margin: 0;
    font-size: var(--t-caption);
    font-weight: var(--landing-fw-semibold);
    letter-spacing: var(--landing-tracking-widest);
    text-transform: uppercase;
    color: var(--press-eyebrow);
    flex: 0 0 auto;
    white-space: nowrap;
  }
  @media (min-width: 990px) {
    .landing-press-trust__eyebrow-inline {
      margin-right: var(--landing-space-l);
    }
  }

  .landing-press-trust__hero {
    display: inline-flex;
    align-items: center;
    gap: var(--landing-space-sm);
    flex: 0 0 auto;
  }
  .landing-press-trust__hero-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--press-hero-logo-h);
    flex: 0 0 auto;
  }
  .landing-press-trust__hero-logo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    opacity: 0.92;
  }
  .landing-press-trust__hero-stats {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1;
  }
  .landing-press-trust__hero-stat {
    font-size: 18px;
    font-weight: var(--landing-fw-bold);
    color: var(--press-fg);
    letter-spacing: var(--landing-tracking-tight);
    font-variant-numeric: tabular-nums;
  }
  .landing-press-trust__hero-label {
    font-size: 12px;
    font-weight: var(--landing-fw-semibold);
    color: var(--press-fg);
    opacity: 0.65;
    letter-spacing: 0.02em;
  }

  .landing-press-trust__divider {
    background: var(--press-divider);
    border: 0;
    flex: 0 0 auto;
  }
  @media (max-width: 989px) {
    .landing-press-trust__divider {
      width: 40%;
      height: 1px;
    }
  }
  @media (min-width: 990px) {
    .landing-press-trust__divider {
      width: 1px;
      align-self: stretch;
      min-height: 32px;
    }
  }

  .landing-press-trust__press-row {
    flex: 0 1 auto;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 2.5vw, 32px);
  }
  .landing-press-trust__press-item {
    margin: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(80px, 10vw, 120px);
    height: var(--press-logo-h);
  }
  @media (max-width: 749px) {
    .landing-press-trust__press-row {
      flex-wrap: wrap;
      justify-content: center;
      gap: 22px 16px;
      width: 100%;
    }
    .landing-press-trust__press-item {
      flex: 0 0 calc(50% - 8px);
      min-width: 0;
      width: auto;
      height: 30px;
    }
  }
  .landing-press-trust__press-img {
    max-height: var(--logo-h-override, 100%);
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    opacity: var(--press-logo-opacity, 0.7);
    filter: var(--press-logo-grayscale, grayscale(100%));  /* Premium: ruhiger, monochromer Presse-Streifen */
    transition: filter 0.3s ease, opacity 0.3s ease;
  }
  .landing-press-trust__press-item:hover .landing-press-trust__press-img {
    filter: none;        /* volle Farbe + Sichtbarkeit bei Hover */
    opacity: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .landing-press-trust__press-img { transition: none; }
  }
/* END_SECTION:lp-bekannt */

/* START_SECTION:lp-explainer-video (INDEX:159) */
.lp-explainer {
    padding: var(--lpx-pad-top, 72px) clamp(16px, 5vw, 40px) var(--lpx-pad-bottom, 72px);
    background: var(--lpx-bg);
    color: var(--lpx-fg);
  }
  .lp-explainer__inner {
    max-width: var(--lp-content-wide, 1200px);
    margin: 0 auto;
    text-align: center;
  }
  .lp-explainer__eyebrow {
    margin: 0 0 18px;
    font-family: var(--lp-font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--lpx-accent);
  }
  .lp-explainer__heading {
    margin: 0 auto 18px;
    max-width: var(--lp-content-heading, 760px);   /* nicht mehr full-width: gleiche Headline-Breite wie alle Sections */
    font-family: var(--lp-font-heading);
    font-weight: 500;
    font-size: var(--lp-fs-h2);
    line-height: 1.12;
    color: var(--lpx-fg);
  }
  .lp-explainer__heading-product { font-style: italic; font-weight: inherit; color: var(--lpx-fg); }
  .lp-explainer__heading-mark { font-style: italic; font-weight: inherit; color: var(--lpx-accent); }
  .lp-explainer__sub {
    margin: 0 auto var(--lp-intro-gap);          /* Sub->Inhalt: einheitliches Intro-Gap-Token (Manifesto -20%) */
    max-width: var(--lp-content-reading, 560px);
    font-family: var(--lp-font-body);
    font-size: clamp(16px, 1.5vw, 18px);
    line-height: 1.6;
    color: var(--lp-color-ink-soft, #554a44);
  }
  .lp-explainer__player {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 820px;
    aspect-ratio: 3 / 2; /* Desktop hoeher als 16/9 (schnitt Kopf ab); Mobile bleibt 4/5 (s.u.) */
    border-radius: var(--lp-radius, 4px);
    overflow: hidden;
    background: var(--lpx-bg);
    border: 1px solid var(--lp-color-line);
  }
  .lp-explainer__poster {
    position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important;   /* !important: schlaegt generische button{}-App-CSS (content_for_header), Button fuellt die Box auf ALLEN Geraeten */
    border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer;
    appearance: none; -webkit-appearance: none; color: inherit;
  }
  .lp-explainer__poster-img {
    position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important;
    object-fit: cover !important;   /* !important: generisches img{height:auto} der landing-bb-App-CSS ueberschrieb height:100% -> 4:5-Mobilbox = Weissraum. Erzwingt cover-Fill auf ALLEN Geraeten */
    object-position: var(--lpx-focus-x, 50%) var(--lpx-focus-y, 50%);
    display: block !important;
    transition: transform 0.4s ease, filter 0.3s ease;
  }
  .lp-explainer__poster:hover .lp-explainer__poster-img { transform: scale(1.02); filter: brightness(0.96); }
  .lp-explainer__play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 88px; height: 88px; border-radius: 50%;
    background: var(--lpx-play-bg); color: var(--lpx-play-ring);
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 0 0 6px var(--lpx-play-ring), 0 12px 32px -8px rgba(0, 0, 0, 0.45);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .lp-explainer__play svg { width: 28px; height: 32px; margin-left: 4px; }
  .lp-explainer__poster:hover .lp-explainer__play,
  .lp-explainer__poster:focus-visible .lp-explainer__play { transform: translate(-50%, -50%) scale(1.06); }
  /* INSET-Ring: outline-offset:4px wurde vom .lp-explainer__player overflow:hidden abgeschnitten -> Tastatur-Fokus war unsichtbar (Play-Button-Beispiel). Inset + Akzent-Ring um den Play-Kreis = klar sichtbar, AAA. */
  .lp-explainer__poster:focus-visible { outline: 3px solid var(--lpx-accent); outline-offset: -3px; }
  .lp-explainer__poster:focus-visible .lp-explainer__play { box-shadow: 0 0 0 6px var(--lpx-play-ring), 0 0 0 10px var(--lpx-accent), 0 12px 32px -8px rgba(0, 0, 0, 0.45); }
  .lp-explainer__duration {
    position: absolute; bottom: 14px; right: 14px;
    padding: 4px 10px; font-family: var(--lp-font-body); font-size: 13px; font-weight: 700;
    color: #fff; background: rgba(0, 0, 0, 0.65); border-radius: var(--lp-radius, 4px);
    line-height: 1; letter-spacing: 0.02em;
  }
  .lp-explainer__player video, .lp-explainer__video { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: center !important; display: block !important; background: #000; }  /* 1:1 Referenz: width/height 100%, KEIN object-fit -> Video fuellt die Box wie im Original. !important nur, weil die landing-bb-Seite eine generische video{}-App-Regel hat, die Referenzs Seite nicht hat */
  .lp-explainer__usps {
    list-style: none; margin: 32px 0 0; padding: 0;
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0;
  }
  .lp-explainer__usp {
    position: relative; display: inline-flex; align-items: center; gap: 12px;
    padding: 6px 28px; color: var(--lpx-fg);
    font-family: var(--lp-font-body); font-size: 16px; font-weight: 500; line-height: 1.3;
  }
  .lp-explainer__usp:not(:last-child)::after {
    content: ''; position: absolute; right: -4px; top: 50%;
    width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%;
    background: var(--lp-color-line, rgba(0,0,0,0.18));
  }
  .lp-explainer__usp-icon {
    width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0; color: var(--lp-color-ink);  /* gleicher Look wie Hero-Benefit-Icons (dunkel) */
  }
  .lp-explainer__usp-icon svg { width: 100%; height: 100%; }

  /* "Jetzt ansehen!"-Pill + handgezeichneter Pfeil als eine Einheit. */
  .lp-explainer__annotation {
    position: absolute; top: 27%; left: 26%; z-index: 5;
    display: flex; flex-direction: column; align-items: flex-start; gap: 0;
    pointer-events: none; color: #ffffff; transform: rotate(-3deg);
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45)) drop-shadow(0 4px 12px rgba(0, 0, 0, 0.35));
  }
  .lp-explainer__annotation-text {
    font-family: var(--lp-font-heading); font-style: italic;
    font-size: 32px; font-weight: 700; line-height: 1; white-space: nowrap; letter-spacing: 0.3px;
  }
  .lp-explainer__annotation-arrow {
    width: 88px; height: 88px; margin-top: -10px; margin-left: 30px; transform: rotate(12deg); flex-shrink: 0;
  }
  .lp-explainer[data-arrow-position="bottom_left"] .lp-explainer__annotation {
    top: auto; bottom: 27%; transform: rotate(3deg); flex-direction: column-reverse;
  }
  .lp-explainer[data-arrow-position="bottom_left"] .lp-explainer__annotation-arrow {
    margin-top: 0; margin-bottom: -10px; transform: rotate(-12deg);
  }

  /* Play-Button Pulse */
  .lp-explainer[data-play-pulse="true"] .lp-explainer__play {
    animation: lpx-play-pulse 2.2s ease-out infinite;
  }
  @keyframes lpx-play-pulse {
    0% { box-shadow: 0 0 0 6px var(--lpx-play-ring), 0 12px 32px -8px rgba(0,0,0,0.45), 0 0 0 0 color-mix(in srgb, var(--lpx-play-ring) 60%, transparent); }
    70%, 100% { box-shadow: 0 0 0 6px var(--lpx-play-ring), 0 12px 32px -8px rgba(0,0,0,0.45), 0 0 0 22px color-mix(in srgb, var(--lpx-play-ring) 0%, transparent); }
  }
  @media (prefers-reduced-motion: reduce) {
    .lp-explainer[data-play-pulse="true"] .lp-explainer__play { animation: none; }
    .lp-explainer__poster-img, .lp-explainer__play { transition: none; }
    .lp-explainer__poster:hover .lp-explainer__poster-img { transform: none; }
  }
  @media (max-width: 749px) {
    .lp-explainer__poster-img { object-position: var(--lpx-focus-x-mobile, 50%) var(--lpx-focus-y-mobile, 50%); }  /* Mobile-Bildausschnitt separat */
    .lp-explainer { padding-top: min(var(--lpx-pad-top, 72px), 44px); padding-bottom: min(var(--lpx-pad-bottom, 72px), 44px); }
    .lp-explainer__player { aspect-ratio: 4 / 5; box-shadow: none; }
    .lp-explainer__play { width: 72px; height: 72px; }
    .lp-explainer__play svg { width: 24px; height: 28px; }
    .lp-explainer__usps { gap: 0; margin: 24px 0 0; }
    .lp-explainer__usp { padding: 6px 14px; font-size: 14px; gap: 6px; }
    .lp-explainer__usp:not(:last-child)::after { width: 6px; height: 6px; margin-top: -3px; right: -3px; }
    .lp-explainer__usp-icon { width: 22px; height: 22px; }
    .lp-explainer__annotation { display: none; }
  }
/* END_SECTION:lp-explainer-video */

/* START_SECTION:lp-faq (INDEX:160) */
.landing-faq {
    background: var(--faq-bg);
    color: var(--faq-fg);
    padding-top: var(--lp-pad-top, var(--lp-section-pad-y));
    padding-bottom: var(--lp-pad-bottom, var(--lp-section-pad-y));
    padding-inline: var(--landing-pad-mobile);
  }
  @media (min-width: 750px) {
    .landing-faq { padding-inline: var(--landing-pad-tablet); }
  }
  @media (min-width: 990px) {
    .landing-faq { padding-inline: var(--landing-pad-desktop); }
  }

  .landing-faq__inner {
    max-width: var(--landing-content-focus, 760px);
    margin: 0 auto;
    text-align: center;
  }

  .landing-faq__header {
    margin: 0 0 var(--lp-intro-gap);
  }
  .landing-faq__eyebrow {
    margin: 0 0 18px;
    font-size: var(--t-caption);
    font-weight: var(--landing-fw-semibold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--faq-accent);
  }
  .landing-faq__heading {
    margin: 0 0 18px;
    font-family: var(--lp-font-heading, inherit);
    font-style: var(--font-heading-style, normal);
    font-weight: var(--font-heading-weight, 300);
    font-size: var(--t-h2);
    line-height: var(--landing-lh-tight);
  }
  .landing-faq__sub {
    margin: 0;
    font-size: var(--t-body);
    line-height: var(--landing-lh-relaxed);
    max-width: 56ch;
    margin-inline: auto;
    opacity: var(--landing-opacity-strong, 0.85);
  }

  .landing-faq__widget {
    display: block;
    container-type: inline-size;
    container-name: faqgrid;
  }

  .landing-faq__cards {
    display: grid;
    grid-template-columns: repeat(var(--faq-cards-cols, 3), minmax(0, 1fr));
    grid-auto-rows: 1fr;                            /* alle Zeilen gleich hoch -> alle Tabs automatisch gleiche Hoehe (auch ueber Zeilen hinweg) */
    gap: var(--landing-space-m);
    margin: 0 0 var(--landing-space-2xl);
    text-align: left;
  }
  .landing-faq__cards--cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .landing-faq__cards--cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .landing-faq__cards--cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  @container faqgrid (max-width: 720px) {
    .landing-faq__cards,
    .landing-faq__cards--cols-2,
    .landing-faq__cards--cols-3,
    .landing-faq__cards--cols-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: var(--landing-space-s);
    }
  }
  @container faqgrid (max-width: 480px) {
    .landing-faq__cards {
      gap: 8px;
    }
  }

  .landing-faq__card {
    appearance: none;
    -webkit-appearance: none;
    background: var(--faq-card-bg);
    color: inherit;
    font-family: var(--lp-font-body, inherit);
    border: 1px solid var(--faq-card-border);
    border-radius: var(--lp-radius);
    padding: 14px 18px;
    cursor: pointer;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    box-shadow: none;
    transition:
      background var(--landing-transition-fast, 0.15s ease),
      color var(--landing-transition-fast, 0.15s ease),
      border-color var(--landing-transition-fast, 0.15s ease),
      box-shadow var(--landing-transition-fast, 0.15s ease),
      transform var(--landing-transition-fast, 0.15s ease);
  }
  .landing-faq__card:hover {
    border-color: var(--faq-accent);
    transform: translateY(-1px);
  }
  .landing-faq__card:focus-visible {
    outline: 2px solid var(--faq-accent);
    outline-offset: 3px;
  }
  .landing-faq__card[aria-selected="true"] {
    background: var(--faq-card-active-bg);
    color: var(--faq-card-active-text);
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: none;
  }
  .landing-faq__card-label {
    font-size: var(--t-body);
    font-weight: var(--landing-fw-bold);
    line-height: var(--landing-lh-snug, 1.25);
    overflow-wrap: anywhere;
  }
  .landing-faq__card-count {
    font-size: var(--t-caption);
    font-weight: var(--landing-fw-semibold);
    opacity: 0.65;
    letter-spacing: 0.02em;
  }
  .landing-faq__card[aria-selected="true"] .landing-faq__card-count {
    opacity: 0.85;
  }
  @container faqgrid (max-width: 480px) {
    .landing-faq__card {
      padding: 10px 12px;
      gap: 2px;
      border-radius: var(--lp-radius);
    }
    .landing-faq__card-label {
      font-size: var(--t-body-sm);
    }
    .landing-faq__card-count {
      font-size: 11px;
    }
  }

  .landing-faq__panel {
    display: none;
    text-align: left;
  }
  faq-grid[data-active-cat="1"] .landing-faq__panel[data-cat="1"],
  faq-grid[data-active-cat="2"] .landing-faq__panel[data-cat="2"],
  faq-grid[data-active-cat="3"] .landing-faq__panel[data-cat="3"],
  faq-grid[data-active-cat="4"] .landing-faq__panel[data-cat="4"],
  faq-grid[data-active-cat="5"] .landing-faq__panel[data-cat="5"],
  faq-grid[data-active-cat="6"] .landing-faq__panel[data-cat="6"] {
    display: block;
  }
  .landing-faq__panel-heading {
    margin: var(--landing-space-s) 0 var(--landing-space-l);
    font-family: var(--lp-font-heading, inherit);
    font-style: var(--font-heading-style, normal);
    font-weight: var(--font-heading-weight, 300);
    font-size: var(--t-h3);
    line-height: var(--landing-lh-tight);
  }

  .landing-faq__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--landing-space-m);
  }
  .landing-faq__item {
    margin: 0;
  }
  .landing-faq__details {
    background: var(--faq-card-bg);
    border: 1px solid var(--faq-card-border);
    border-radius: var(--lp-radius);
    overflow: hidden;
    transition: border-color var(--landing-transition-fast, 0.15s ease);
  }
  .landing-faq__details[open] {
    border-color: color-mix(in srgb, var(--faq-accent) 35%, transparent);
  }
  .landing-faq__summary {
    list-style: none;
    cursor: pointer;
    padding: 22px var(--landing-space-l);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--landing-space-m);
    font-family: var(--lp-font-body, inherit);
    font-size: var(--t-body);
    font-weight: var(--landing-fw-bold);
    line-height: var(--landing-lh-snug);
    color: inherit;
    outline: none;
  }
  .landing-faq__summary::-webkit-details-marker { display: none; }
  .landing-faq__summary::marker { content: ''; }
  .landing-faq__summary:focus-visible {
    outline: 2px solid var(--faq-accent);
    outline-offset: -2px;
    border-radius: var(--lp-radius);
  }
  .landing-faq__summary:hover .landing-faq__chevron {
    color: var(--faq-accent);
    opacity: 1;
  }
  .landing-faq__question {
    flex: 1;
    min-width: 0;
  }
  .landing-faq__chevron {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--faq-fg);
    opacity: 0.6;
    transition:
      transform 0.25s ease,
      color var(--landing-transition-fast, 0.15s ease),
      opacity var(--landing-transition-fast, 0.15s ease);
  }
  .landing-faq__chevron svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .landing-faq__details[open] .landing-faq__chevron {
    transform: rotate(180deg);
    color: var(--faq-accent);
    opacity: 1;
  }
  .landing-faq__answer {
    padding: 0 var(--landing-space-l) 22px;
    font-size: var(--t-body);
    line-height: var(--landing-lh-relaxed);
    color: inherit;
    opacity: var(--landing-opacity-strong, 0.85);
    max-width: 70ch;
  }
  .landing-faq__answer > *:first-child { margin-top: 0; }
  .landing-faq__answer > *:last-child { margin-bottom: 0; }
  .landing-faq__answer strong,
  .landing-faq__answer b {
    font-weight: var(--landing-fw-semibold);
  }

  @container faqgrid (max-width: 480px) {
    .landing-faq__summary {
      padding: var(--landing-space-m) var(--landing-space-m);
      font-size: var(--t-body-sm);
    }
    .landing-faq__answer {
      padding: 0 var(--landing-space-m) var(--landing-space-m);
      font-size: var(--t-body-sm);
    }
  }

  .landing-faq__contact {
    margin: var(--landing-space-xl) 0 0;
    text-align: center;
    font-size: var(--t-body-sm);
    opacity: 0.75;
  }
  .landing-faq__contact a {
    color: var(--faq-accent);
    font-weight: var(--landing-fw-semibold);
    text-decoration: none;
    margin-left: 4px;
    transition: opacity var(--landing-transition-fast, 0.15s ease);
  }
  .landing-faq__contact a:hover {
    opacity: 0.7;
  }
  .landing-faq__contact a:focus-visible {
    outline: 2px solid var(--faq-accent);
    outline-offset: 2px;
    border-radius: 2px;
  }

  @media (prefers-reduced-motion: reduce) {
    .landing-faq__card,
    .landing-faq__details,
    .landing-faq__chevron,
    .landing-faq__contact a { transition: none; }
    .landing-faq__card:hover,
    .landing-faq__card[aria-selected="true"] { transform: none; }
  }
/* END_SECTION:lp-faq */

/* START_SECTION:lp-footer (INDEX:161) */
.landing-footer {
    padding-top: clamp(calc(var(--footer-pad-top, 48px) / 2), 6vw, var(--footer-pad-top, 48px));
    padding-bottom: clamp(calc(var(--footer-pad-bottom, 48px) / 2), 6vw, var(--footer-pad-bottom, 48px));
    padding-inline: var(--landing-pad-mobile);
    background: var(--footer-bg);
    border-top: 0;  /* Doppellinie gefixt: der Creme-Rand der Benefit-Section drueber trennt bereits */
    container-type: inline-size;
    container-name: footer;
  }
  .landing-footer__inner {
    max-width: var(--page-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--footer-gap-row, 10px);
  }
  .landing-footer__payments {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--landing-space-sm);
    margin-bottom: var(--landing-space-s);
  }
  .landing-footer__payments-label {
    margin: 0;
    font-size: var(--footer-copy-size, 12px);
    font-weight: var(--landing-fw-semibold, 600);
    color: var(--footer-copy-color);
    line-height: var(--landing-lh-snug, 1.25);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: var(--landing-opacity-strong, 0.85);
  }
  .landing-footer__payments-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: clamp(3px, 1vw, 12px);
    width: 100%;
    min-width: 0;
  }
  .landing-footer__payment-item {
    flex: 1 1 0;
    min-width: 0;
    max-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: var(--lp-radius, 4px);
    box-sizing: border-box;
  }
  .landing-footer__payment-item svg,
  .landing-footer__payment-icon {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: var(--lp-radius, 4px);
  }
  .landing-footer__links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--footer-gap-link, 18px);
  }
  .landing-footer__item { display: inline-block; }
  .landing-footer__break {
    flex-basis: 100%;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .landing-footer__link {
    appearance: none;
    -webkit-appearance: none;
    font-family: var(--lp-font-body, inherit);
    border: none;
    background: transparent;
    cursor: pointer;
    margin: 0;
    color: var(--footer-link-color);
    text-decoration: none;
    font-size: var(--footer-link-size, 14px);
    font-weight: var(--footer-link-weight, 400);
    line-height: var(--landing-lh-relaxed);
    transition: opacity var(--landing-transition-fast);
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 0;
  }
  .landing-footer__link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .landing-footer__link:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
    border-radius: var(--lp-radius);
    text-decoration: underline;
  }

  @media (prefers-reduced-motion: reduce) {
    .landing-footer *,
    .landing-footer *::before,
    .landing-footer *::after {
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
    }
  }

  .landing-footer__copy {
    margin: 0;
    font-size: var(--footer-copy-size, 12px);
    color: var(--footer-copy-color);
    opacity: var(--landing-opacity-subtle);
    line-height: var(--landing-lh-snug, 1.25);
  }

  .landing-footer--align-start .landing-footer__inner { align-items: flex-start; text-align: left; }
  .landing-footer--align-start .landing-footer__links { justify-content: flex-start; }
  .landing-footer--align-center .landing-footer__inner { align-items: center; text-align: center; }
  .landing-footer--align-center .landing-footer__links { justify-content: center; }
  .landing-footer--align-end .landing-footer__inner { align-items: flex-end; text-align: right; }
  .landing-footer--align-end .landing-footer__links { justify-content: flex-end; }

  @container footer (max-width: 749px) {
    .landing-footer--mobile-start .landing-footer__inner { align-items: flex-start; text-align: left; }
    .landing-footer--mobile-start .landing-footer__links { justify-content: flex-start; }
    .landing-footer--mobile-center .landing-footer__inner { align-items: center; text-align: center; }
    .landing-footer--mobile-center .landing-footer__links { justify-content: center; }
    .landing-footer--mobile-end .landing-footer__inner { align-items: flex-end; text-align: right; }
    .landing-footer--mobile-end .landing-footer__links { justify-content: flex-end; }
  }

  html.is-modal-open,
  html.is-modal-open body {
    overflow: hidden;
  }

  .landing-footer__modal {
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    max-width: min(var(--footer-modal-max-width, 960px), calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    width: 100%;
    overflow: visible;
    margin: auto;
    z-index: 1000;
  }
  .landing-footer__modal::backdrop {
    background: rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .landing-footer__modal-card {
    background: var(--footer-modal-bg, #FAF6F5);
    color: var(--footer-modal-text, rgba(0, 0, 0, 0.85));
    border-radius: var(--lp-radius);
    display: flex;
    flex-direction: column;
    max-height: inherit;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  }
  .landing-footer__modal-header {
    display: flex;
    align-items: center;
    gap: var(--landing-space-m);
    padding: var(--landing-space-l);
    border-bottom: 1px solid var(--landing-color-border);
    position: sticky;
    top: 0;
    background: var(--footer-modal-bg, #FAF6F5);
    z-index: 1;
  }
  .landing-footer__modal-title {
    margin: 0;
    flex: 1;
    font-family: var(--lp-font-heading);
    font-weight: 400;
    font-size: var(--t-h3);
    line-height: 1;
    /* Optical-center correction for Miamo serif; em-scaled so the offset
       tracks the fluid --t-h3 size across viewports. */
    color: inherit;
  }
  .landing-footer__modal-close {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    border-radius: var(--landing-radius-full);
    flex-shrink: 0;
    transition: background var(--landing-transition-fast);
    padding: 0;
  }
  .landing-footer__modal-close:hover {
    background: rgba(0, 0, 0, 0.06);
  }
  .landing-footer__modal-close:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
  }
  .landing-footer__modal-close svg {
    width: 22px;
    height: 22px;
    pointer-events: none;
  }

  .landing-footer__modal-body {
    padding: var(--landing-space-l);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    font-size: var(--t-body-sm);
    line-height: var(--landing-lh-relaxed);
    color: inherit;
  }
  .landing-footer__modal-body:focus-visible {
    outline: 2px solid var(--footer-link-color, currentColor);
    outline-offset: -2px;
  }

  .landing-footer__modal-body > :first-child { margin-top: 0; }
  .landing-footer__modal-body > :last-child { margin-bottom: 0; }
  .landing-footer__modal-body h1,
  .landing-footer__modal-body h2,
  .landing-footer__modal-body h3,
  .landing-footer__modal-body h4 {
    margin-top: 1.4em;
    margin-bottom: 0.5em;
    line-height: var(--landing-lh-snug);
    font-weight: var(--landing-fw-bold);
  }
  /* Einheitliche Sektions-Headline-Groesse ueber alle 5 Popups (egal welches Heading-Level die Quelle nutzt) */
  .landing-footer__modal-body h1,
  .landing-footer__modal-body h2,
  .landing-footer__modal-body h3 { font-size: var(--t-h4); }
  .landing-footer__modal-body h4 { font-size: var(--t-body); }
  .landing-footer__modal-body p { margin: 0.75em 0; }
  .landing-footer__modal-body ul,
  .landing-footer__modal-body ol {
    margin: 0.75em 0;
    padding-left: 1.5em;
  }
  .landing-footer__modal-body li { margin: 0.25em 0; }
  .landing-footer__modal-body a {
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: 2px;
    word-break: break-word;
  }
  .landing-footer__modal-body a:hover {
    text-decoration-thickness: 2px;
  }
  .landing-footer__modal-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.75em 0;
    font-size: var(--t-body-sm);
  }
  .landing-footer__modal-body th,
  .landing-footer__modal-body td {
    text-align: left;
    padding: var(--landing-space-xs) var(--landing-space-s);
    border-bottom: 1px solid var(--landing-color-border);
    vertical-align: top;
  }
  .landing-footer__modal-body img {
    max-width: 100%;
    height: auto;
  }
  .landing-footer__modal-body blockquote {
    margin: 1em 0;
    padding-left: var(--landing-space-m);
    border-left: 3px solid var(--landing-color-border);
    color: var(--landing-color-muted);
  }

  .landing-footer__modal[open] {
    animation: footer-modal-in 0.22s ease;
  }
  .landing-footer__modal[open]::backdrop {
    animation: footer-backdrop-in 0.22s ease;
  }
  @keyframes footer-modal-in {
    from { opacity: 0; transform: translateY(8px) scale(0.985); }
    to { opacity: 1; transform: none; }
  }
  @keyframes footer-backdrop-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  @media (prefers-reduced-motion: reduce) {
    .landing-footer__modal[open],
    .landing-footer__modal[open]::backdrop {
      animation: none;
    }
  }

  @media (max-width: 600px) {
    .landing-footer__modal {
      max-width: 100vw;
      max-height: 100dvh;
      width: 100vw;
      height: 100dvh;
      margin: 0;
    }
    .landing-footer__modal-card {
      border-radius: 0;
      max-height: 100dvh;
      height: 100%;
      width: 100%;
    }
    .landing-footer__modal-header {
      padding-top: calc(env(safe-area-inset-top, 0) + var(--landing-space-l));
    }
    .landing-footer__modal-body {
      padding-bottom: calc(env(safe-area-inset-bottom, 0) + var(--landing-space-l));
    }
  }

  @media print {
    .landing-footer__modal {
      display: block !important;
      position: static !important;
      max-width: none !important;
      max-height: none !important;
      box-shadow: none !important;
      background: white !important;
      page-break-before: always;
      width: 100%;
    }
    .landing-footer__modal::backdrop {
      display: none !important;
    }
    .landing-footer__modal-card {
      box-shadow: none;
      border-radius: 0;
      max-height: none;
    }
    .landing-footer__modal-header {
      position: static;
    }
    .landing-footer__modal-close {
      display: none !important;
    }
  }

  .landing-footer__modal:not([open]) {
    display: none;
  }
  /* ============== DESIGN 2 — Editorial Split ============== */
  .landing-footer--design-2 .landing-footer__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "copy payments"
      "links payments";
    align-items: start;
    text-align: left !important;
    gap: 16px 32px;
  }
  .landing-footer--design-2 .landing-footer__copy {
    grid-area: copy;
    margin: 0;
    text-align: left;
    opacity: 1 !important;
    font-size: var(--footer-link-size, 14px) !important;
    font-weight: var(--footer-link-weight, 400) !important;
    line-height: var(--landing-lh-relaxed) !important;
    color: var(--footer-link-color) !important;
  }
  .landing-footer--design-2 .landing-footer__payments {
    grid-area: payments;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
    gap: 12px;
    align-self: center;
  }
  .landing-footer--design-2 .landing-footer__payments-label { display: none; }
  .landing-footer--design-2 .landing-footer__payments-list {
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    gap: clamp(3px, 1vw, 12px);
  }
  .landing-footer--design-2 .landing-footer__payment-item {
    flex: 1 1 0;
    max-width: 48px;
  }
  .landing-footer--design-2 .landing-footer__links {
    grid-area: links;
    justify-content: flex-start !important;
    text-align: left !important;
    margin-top: 0;
  }
  .landing-footer--design-2 .landing-footer__link {
    color: var(--footer-link-color) !important;
    font-size: var(--footer-link-size, 14px) !important;
    font-weight: var(--footer-link-weight, 400) !important;
    opacity: 1 !important;
  }
  @container footer (max-width: 720px) {
    .landing-footer--design-2 .landing-footer__inner {
      grid-template-columns: 1fr;
      grid-template-areas: "copy" "links" "payments";
      gap: 16px;
      text-align: center !important;
      justify-items: center;
    }
    .landing-footer--design-2 .landing-footer__copy { text-align: center !important; }
    .landing-footer--design-2 .landing-footer__links {
      justify-content: center !important;
      text-align: center;
    }
    .landing-footer--design-2 .landing-footer__payments-list { justify-content: center; }
  }
/* END_SECTION:lp-footer */

/* START_SECTION:lp-trustbar (INDEX:173) */
.landing-trust {
    background: var(--trust-bg);
    color: var(--trust-text);
    container-type: inline-size;
    container-name: trust;
  }

  .landing-trust a:focus-visible,
  .landing-trust button:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 2px;
    border-radius: var(--lp-radius);
  }

  @media (prefers-reduced-motion: reduce) {
    .landing-trust *,
    .landing-trust *::before,
    .landing-trust *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }

  .landing-trust__promo {
    background: var(--trust-promo-bg);
    color: var(--trust-promo-text);
    padding-inline: var(--landing-pad-mobile);
  }
  .landing-trust__promo-inner {
    max-width: var(--page-width, 1200px);
    margin-inline: auto;
    padding-top: var(--trust-promo-pad-top, 8px);
    padding-bottom: var(--trust-promo-pad-bottom, 8px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--landing-space-s) var(--landing-space-l);
  }
  .landing-trust__promo-inner--start { justify-content: flex-start; }
  .landing-trust__promo-inner--center { justify-content: center; }
  .landing-trust__promo-inner--end { justify-content: flex-end; }
  .landing-trust__promo-inner--between { justify-content: space-between; }

  .landing-trust__highlights {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--landing-space-s) var(--landing-space-l);
  }
  .landing-trust__highlight {
    display: inline-flex;
    align-items: center;
    gap: var(--landing-space-s);
    font-size: var(--t-body-sm);
    font-weight: var(--landing-fw-semibold);
    line-height: var(--landing-lh-normal);
  }
  .landing-trust__highlight-icon {
    display: inline-flex;
    flex-shrink: 0;
    width: var(--landing-space-l);
    height: var(--landing-space-l);
  }
  .landing-trust__highlight-icon svg { width: 100%; height: 100%; display: block; }
  .landing-trust__highlight-text { min-width: 0; }
  .landing-trust__highlight-text--short { display: none; }

  .landing-trust__rating {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--landing-space-s);
  }
  .landing-trust__stars {
    display: inline-flex;
    align-items: center;
    gap: var(--landing-space-xs);
    line-height: var(--landing-lh-none);
  }
  .landing-trust__stars svg {
    width: var(--trust-star-size);
    height: var(--trust-star-size);
    color: var(--trust-star-color);
    display: block;
  }
  .landing-trust__rating-text {
    margin: 0;
    font-size: var(--t-body-sm);
    font-weight: var(--landing-fw-bold);
    line-height: var(--landing-lh-normal);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35em;
  }
  .landing-trust__rating-text strong { font-weight: var(--landing-fw-bold); }

  .landing-trust__text-block {
    font-size: var(--trust-text-size);
    line-height: var(--landing-lh-relaxed);
  }
  .landing-trust__text-block p { margin: 0; }

  .landing-trust__band {
    display: none;
    background: var(--trust-band-bg);
    color: var(--trust-band-text);
    padding-inline: var(--landing-pad-mobile);
  }
  .landing-trust__band-inner {
    max-width: var(--page-width, 1200px);
    margin-inline: auto;
    padding-block: var(--landing-space-s);
    min-height: calc(var(--landing-space-l) + var(--landing-space-s) * 2);
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .landing-trust__inner {
    max-width: var(--page-width, 1200px);
    margin-inline: auto;
    padding: var(--trust-pad-top) var(--landing-pad-mobile) var(--trust-pad-bottom);
    display: flex;
    align-items: center;
  }
  .landing-trust__inner--align-start { justify-content: flex-start; }
  .landing-trust__inner--align-center { justify-content: center; }
  .landing-trust__inner--align-end { justify-content: flex-end; }

  .landing-trust__logo-wrap {
    display: inline-flex;
    align-items: center;
  }
  .landing-trust__logo {
    height: var(--trust-logo-height);
    width: auto;
    max-width: 100%;
    display: block;
    object-fit: contain;
  }
  .landing-trust__logo-text {
    font-family: var(--lp-font-heading, inherit);
    font-style: var(--font-heading-style, normal);
    font-weight: var(--font-heading-weight, 700);
    font-size: calc(var(--trust-logo-height) * 0.6);
    letter-spacing: var(--landing-tracking-wide);
  }

  @container trust (min-width: 750px) {
    .landing-trust__promo { padding-inline: var(--landing-pad-tablet); }
    .landing-trust__inner { padding-inline: var(--landing-pad-tablet); }
  }
  @container trust (min-width: 900px) {
    .landing-trust__highlights { display: contents; }
  }
  @container trust (min-width: 990px) {
    .landing-trust__promo { padding-inline: var(--landing-pad-desktop); }
    .landing-trust__inner { padding-inline: var(--landing-pad-desktop); }
  }

  @container trust (max-width: 900px) {
    .landing-trust__promo-inner { justify-content: flex-start; }
    .landing-trust__highlights {
      flex: 1 1 100%;
      justify-content: space-between;
    }
    .landing-trust__text-block {
      flex: 1 1 100%;
    }
    .landing-trust__rating--inline { display: none; }
    .landing-trust__band { display: block; }
  }

  @container trust (max-width: 600px) {
    .landing-trust__highlights {
      gap: var(--landing-space-xs) var(--landing-space-m);
    }
    .landing-trust__highlight:nth-child(n+4) { display: none; }
    .landing-trust__highlight { font-size: var(--t-caption); }
    .landing-trust__highlight-icon {
      width: var(--landing-space-m);
      height: var(--landing-space-m);
    }
    .landing-trust__rating {
      --trust-star-size: var(--landing-space-m);
      --trust-text-size: var(--landing-fs-xs);
    }
    .landing-trust__promo-inner,
    .landing-trust__band-inner {
      min-height: calc(var(--landing-space-m) + var(--landing-space-s) * 2);
    }
    .landing-trust__logo { height: calc(var(--trust-logo-height) * 0.8); }

    .landing-trust__highlight-text:has(.landing-trust__highlight-text--short) .landing-trust__highlight-text--long { display: none; }
    .landing-trust__highlight-text--short { display: inline; }

    .landing-trust__inner--mobile-start { justify-content: flex-start; }
    .landing-trust__inner--mobile-center { justify-content: center; }
    .landing-trust__inner--mobile-end { justify-content: flex-end; }
  }
  /* ============== DESIGN 2 — Editorial Center Logo (Premium) ============== */
  .landing-trust__editorial {
    background: var(--trust-bg);
    color: var(--trust-text);
    padding: var(--trust-edit-pad-y, 18px) var(--landing-pad-mobile);
  }
  .landing-trust__editorial--border-top { border-top: var(--trust-edit-border-w, 1px) solid var(--trust-edit-border-c, rgba(0,0,0,0.08)); }
  .landing-trust__editorial--border-bottom { border-bottom: var(--trust-edit-border-w, 1px) solid var(--trust-edit-border-c, rgba(0,0,0,0.08)); }
  @container trust (min-width: 750px) {
    .landing-trust__editorial { padding-inline: var(--landing-pad-desktop); }
  }
  .landing-trust__editorial-inner {
    max-width: var(--page-width, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trust-edit-row-gap, 6px) 24px;
  }
  .landing-trust__editorial-item {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--trust-edit-font-size, 13px);
    font-weight: var(--trust-edit-font-weight, 400);
    letter-spacing: var(--trust-edit-letter-spacing, 0.02em);
    text-transform: var(--trust-edit-text-transform, none);
    color: var(--trust-text);
    opacity: var(--trust-edit-opacity, 0.7);
    white-space: nowrap;
  }
  .landing-trust__editorial-icon {
    height: var(--trust-edit-icon-size, 18px);
    width: var(--trust-edit-icon-size, 18px);
    object-fit: contain;
    flex: 0 0 auto;
    display: block;
  }
  .landing-trust__editorial-logo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .landing-trust__editorial-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
  }
  .landing-trust__editorial-logo-img {
    height: var(--trust-edit-logo-h, 24px);
    width: auto;
    display: block;
  }
  .landing-trust__editorial-logo-text {
    font-family: var(--lp-font-heading, inherit);
    font-size: 22px;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  @container trust (max-width: 749px) {
    .landing-trust__editorial-inner {
      flex-wrap: wrap;
      justify-content: space-between !important;
      gap: var(--trust-edit-row-gap, 6px) 16px;
      text-align: center;
    }
    .landing-trust__editorial-item {
      font-size: 11px;
    }
    .landing-trust__editorial-item--desktop-only { display: none !important; }
    .landing-trust__editorial-logo {
      flex: 0 0 100%;
      order: 99;
      justify-self: center;
      margin-top: 0;
    }
  }
/* END_SECTION:lp-trustbar */