body { background: var(--fl-held); }
#rechner { background: var(--fl-held); }

#rechner { z-index: 2; }

#konditionen { background: var(--fl-held); padding-top: 0; padding-bottom: var(--sektion-eng); }

.vertrauen--held,
.vertrauen--held .logolauf__pause { background: var(--fl-held); }
.vertrauen--held { border-top: 0; }
.vorteile__rahmen--preis .vorteil { --vt-innen: clamp(22px, 2.2vw, 30px); }
.vorteile__rahmen--preis .vorteil__symbol,
.vorteile__rahmen--preis .vorteil__symbol svg { width: 28px; height: 28px; }
.vorteile__rahmen--preis .vorteil__titel {
  margin: 32px 0 10px; font-size: var(--t-h4); letter-spacing: -0.02em; line-height: 1.25;
}
.vorteile__rahmen--preis .vorteil__text { font-size: var(--t-karte); }
@media (max-width: 599px) {
  .vorteile__rahmen--preis .vorteil__titel { margin-top: 20px; }
}

@media (min-width: 760px) {
  #meinungen .schieber__spur--vier .stimme__person {
    align-items: flex-start;
    min-height: calc(17px + 15px * 1.6 + 2px + 3 * 13px * 1.6);
  }
}

.partnerkante {
  --partner-luft: clamp(28px, 3.5vw, 48px);
  position: relative; isolation: isolate;
  padding: var(--partner-luft) var(--rand);
  background: var(--flaeche-hell);
}
.partnerkante::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: 0; right: 0; top: 50%; bottom: 0;
  background: var(--bk-52), var(--flaeche-ton);
}
.partnerkante .partnerhinweis { box-shadow: var(--glaskarte-lagen-hoch); }
html[data-mode="dark"] .partnerkante .partnerhinweis {
  box-shadow: var(--nachtkarte-kante), var(--glaskarte-schatten-hoch);
}
.partnerhinweis {
  display: flex; align-items: center; gap: var(--s3);
  padding: clamp(20px, 2.4vw, 30px) clamp(20px, 3vw, 36px);
  border-radius: var(--radius);
}
.partnerhinweis__symbol {
  flex: none; display: grid; place-items: center;
  width: var(--symbol-kachel); height: var(--symbol-kachel); border-radius: var(--symbol-radius);
  background: var(--symbol-flaeche); color: var(--akzent-tinte);
}
.partnerhinweis__symbol svg { width: var(--symbol-glyphe); height: var(--symbol-glyphe); }
.partnerhinweis__symbol :is(path, circle) { vector-effect: non-scaling-stroke; stroke-width: var(--symbol-strich); }
.partnerhinweis__titel {
  flex: 1; min-width: 0; margin: 0;
  font-size: var(--t-h4); letter-spacing: -0.02em; line-height: 1.3; text-wrap: balance;
}
.partnerhinweis__knopf { flex: none; white-space: nowrap; }
@media (max-width: 699px) {
  .partnerhinweis { flex-direction: column; align-items: flex-start; gap: var(--s2); }
  .partnerhinweis__knopf { margin-top: var(--s1); }
}

#fragen { background: var(--flaeche-ton); padding-top: clamp(18px, 2vw, 30px); }

.faq__kontakt-titel { margin: 0 0 4px; font-size: var(--t-text); letter-spacing: -0.01em; }
.faq__kontakt-text { margin: 0 0 var(--s2); font-size: var(--t-klein); color: var(--tinte-2); }
.faq__kontakt-liste { display: grid; gap: 4px; }

.faq__kontakt-liste a {
  display: inline-flex; align-items: center; gap: 12px; min-height: 44px;
  font-size: var(--t-karte); font-weight: var(--gew-mittel); color: var(--tinte);
  text-underline-offset: 3px;
  font-variant-numeric: tabular-nums;
}
.faq__kontakt-liste a:hover { color: var(--akzent-tinte); text-decoration: underline; }
.faq__kontakt-symbol {
  flex: none; display: grid; place-items: center;
  width: var(--symbol-kachel); height: var(--symbol-kachel); border-radius: var(--symbol-radius);
  background: var(--symbol-flaeche); color: var(--akzent-tinte);
  transition: background 0.25s;
}
.faq__kontakt-liste a:hover .faq__kontakt-symbol { background: var(--symbol-flaeche-hoch); }
.faq__kontakt-symbol svg { width: var(--symbol-glyphe); height: var(--symbol-glyphe); }
.faq__kontakt-symbol :is(path, rect) { vector-effect: non-scaling-stroke; stroke-width: var(--symbol-strich); }

.faq__sozial { margin-top: var(--s3); flex-wrap: wrap; }

@media (max-width: 999px) {
  .faq--kontakt { display: flex; flex-direction: column; }
  .faq--kontakt .faq__seite { display: contents; }
  .faq--kontakt .faq__kontakt { order: 1; margin-top: var(--s5); }
}
@media (min-width: 1000px) {
  .faq--kontakt .faq__seite { position: sticky; top: calc(var(--kopfhoehe) + var(--s4)); }

  .faq--kontakt .faq__kopf { position: relative; top: auto; }
  .faq--kontakt .faq__kontakt { margin-top: var(--s5); }
}

@media (min-width: 900px) {
  .kopfzeile--geschichten.kopfzeile--mitte {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    align-items: end; column-gap: var(--s5);
    text-align: left;
  }
  .kopfzeile--geschichten h2 { max-width: 20em; }
}

@media (min-width: 760px) {
  #geschichten .schieber__spur--alle { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.story__titel {
  margin: 0; font-size: var(--t-h4-kompakt); font-weight: var(--gew-halbfett);
  letter-spacing: -0.015em; line-height: 1.3; text-wrap: balance;
}

.story__firma--weiss img { filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(6, 9, 12, 0.35)); }

#meinungen { padding-bottom: 0; }
#meinungen .vertrauen--preis {
  background: transparent;
  margin: var(--sektion-eng) calc(-1 * var(--rand)) 0;
}
#meinungen .vertrauen--preis .logolauf__pause { background: var(--flaeche-ton); }
.vertrauen--preis .logolauf--frei .logolauf__spur li {
  height: calc((var(--logo) * var(--hoehe) + 12px) * var(--lauf-groesse));
}
.vertrauen--preis .vertrauen__kopf { margin-top: 8px; }
@media (max-width: 599px) {
  .vertrauen--preis .logolauf--frei { --mass: 0.74; }
}