/* Korrekturen aus dem Review vom 06.10.2026. Lädt nach main.css und überschreibt gezielt. */

/* Häkchen der Leistungsseiten: als CSS-Escape, damit der Zeichensatz keine Rolle spielt. */
.check-list li::before { content: '\2713'; }

/* Tippziele auf dem Handy mindestens 44 px hoch. */
@media (max-width: 1023px) {
  .site-nav a { padding-top: 12px; padding-bottom: 12px; }
}
.btn--sm { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.contact-list a { display: inline-block; padding: 10px 0; }

/* Beschriftungen im Kontaktbereich lesbar (vorher 12 px). */
.contact-list__label { font-size: .85rem; }

/* Hauptbuttons: Verlauf aus den Palettenblaus, damit weiße Schrift lesbar bleibt (vorher 2,1:1 Kontrast). */
.btn--primary,
.btn--primary:hover,
.btn--primary:focus-visible { background: linear-gradient(135deg, #1685b6, #0e4b6a); }

/* Vergleichstabelle kompakter (Abschnitt „Ärger mit der Reinigungsfirma?"). */
.vergleich__table th { padding: 12px 20px 12px 52px; }
.vergleich__table td { padding: 12px 20px 12px 52px; }
.wechsel__lead { margin: clamp(18px, 3vw, 28px) 0 clamp(14px, 2vw, 20px); }

/* Formular-Button am Handy: Text darf umbrechen, volle Kartenbreite, sonst ragt er rechts heraus. */
.contact-form .form-submit { white-space: normal; width: 100%; max-width: 100%; text-align: center; }

/* Fußzeile: gedämpfte Zeile ohne Link. */
.footer-muted { color: rgba(12,34,48,.55); }

/* Leistungs-Kacheln am Handy: zwei nebeneinander, kompakter (vorher 11 Kacheln = 3.400 px). */
@media (max-width: 640px) {
  .cards { grid-template-columns: 1fr 1fr; gap: 10px; max-width: none; }
  .card { padding: 16px 14px 18px; }
  .card__icon { width: 40px; height: 40px; border-radius: 12px; }
  .card__icon svg { width: 20px; height: 20px; }
  .card h3 { margin-top: 12px; font-size: 1rem; line-height: 1.25; }
  .card p { margin-top: 6px; font-size: .82rem; line-height: 1.45; }
}

/* Kleine Laptops (641 bis 1100 px): Überschrift kleiner, Kacheltitel dürfen umbrechen. */
.card h3 { overflow-wrap: break-word; hyphens: auto; }
@media (min-width: 641px) and (max-width: 1100px) {
  .hero__title { font-size: clamp(2.1rem, 4.4vw, 3.1rem); }
  .card h3 { font-size: 1.15rem; }
}

/* H1-Akzent: Verlauf nur aus den Palettenblaus, lesbar auf hellem Grund. */
.hero__title-accent { background: linear-gradient(120deg, #1685b6 0%, #0e4b6a 100%); -webkit-background-clip: text; background-clip: text; }

/* Fußzeilen-Links: größere Tippfläche. */
.footer-col li a { display: inline-block; padding: 5px 0; }

/* Intro-Button: groß genug und auf dem hellen Schlussbild lesbar. Farben aus der Palette. */
#parallaxToSite {
  min-height: 44px;
  padding: 12px 24px;
  font-size: 1rem;
  background: #0e4b6a;
  color: #fff;
  border-color: #0e4b6a;
}