/* Ergänzungen 2026 (Schädlingsbekämpfung Direkt GmbH) — bewusst getrennt vom
   Original-Design, damit dessen Dateien unverändert bleiben. */

/* Feste Anruf-Leiste am Handy: ein Tipp zum Anruf oder zur Anfrage. */
.anrufleiste { display: none; }
@media only screen and (max-width: 720px) {
  .anrufleiste {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
    background: #192173; box-shadow: 0 -2px 8px rgba(0,0,0,.25);
    padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); gap: 8px;
  }
  .anrufleiste a {
    flex: 1; display: flex; align-items: center; justify-content: center;
    min-height: 48px; border-radius: 6px; font-weight: 700; font-size: 16px;
    letter-spacing: .5px; text-decoration: none; text-align: center; line-height: 1.2;
  }
  .anrufleiste .anrufen { background: #4caf50; color: #fff; }
  .anrufleiste .anfrage { background: #fff; color: #192173; }
  body { padding-bottom: 72px; }
}

/* Team / Nachfolge (Über uns) */
.nachfolge-hinweis { background: #f3f6fb; border-left: 4px solid #192173; padding: 12px 16px; margin: 16px 0; }

/* WhatsApp im Kopf, Fuß und in der Anrufleiste */
.kopf-whatsapp a, .fuss-whatsapp a { color: #25a244; font-weight: 700; text-decoration: none; }
.kopf-whatsapp { margin-top: 4px; font-size: 14px; }
@media only screen and (max-width: 720px) {
  .anrufleiste a { font-size: 15px; padding: 0 4px; }
  .anrufleiste .whatsapp { background: #25a244; color: #fff; }
}

/* Kontaktwege über dem Formular */
.kontakt-wege { list-style: none; margin: 12px 0; padding: 0; }
.kontakt-wege li { margin: 6px 0; padding-left: 0; }

/* Team-Kacheln */
.team-raster { list-style: none; margin: 16px 0; padding: 0; display: grid; gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); max-width: 1000px; }
.team-raster li { margin: 0; text-align: center; }
.team-raster img, .team-platzhalter { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 8px; display: block; }
.team-platzhalter { background: #e8ecf5; color: #192173; font-size: 40px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.team-raster strong { display: block; margin-top: 8px; color: #192173; }
.team-raster span { display: block; font-size: 14px; line-height: 1.4; }

/* WhatsApp mit Logo (wie sbkdirekt.de) */
.wa-link { display: inline-flex; align-items: center; gap: .4em; color: #1fa855 !important; font-weight: 700; text-decoration: none; }
.wa-link:hover { text-decoration: underline; }
.wa-icon { flex: none; }
.anrufleiste a { gap: 6px; }
.anrufleiste svg { flex: none; }

/* Schwebender WhatsApp-Knopf ab Tablet */
.wa-schwebe { display: none; }
@media only screen and (min-width: 721px) {
  .wa-schwebe {
    display: flex; align-items: center; gap: 10px; position: fixed; right: 20px; bottom: 20px; z-index: 9998;
    background: #1fa855; color: #fff !important; text-decoration: none; font-weight: 700; font-size: 15px;
    padding: 12px 18px 12px 14px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.25);
  }
  .wa-schwebe:hover { background: #178a45; }
}

/* 30-Minuten-Zusage unter dem Angebots-Knopf */
.rueckruf-zusage { display: inline-block; margin-top: 12px; padding: 6px 12px; background: rgba(25,33,115,.85);
  color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; letter-spacing: .5px; }
@media only screen and (max-width: 720px) { .rueckruf-zusage { font-size: 13px; } }

/* Abstände & Überläufe am Handy (Prüfung 28.09.2026) */
@media only screen and (max-width: 720px) {
  /* Leistungs-Kacheln: lange Wörter liefen über den Kachelrand */
  #home-boxes .homebox > a h2 { font-size: 17px; line-height: 1.25; padding: 0 8px; box-sizing: border-box; hyphens: manual; }
  /* Einsatzgebiet: Text und Karte untereinander statt gequetscht nebeneinander */
  .content-startpage .fullRow table td { display: block; width: 100% !important; box-sizing: border-box; }
  .content-startpage .fullRow table td:first-child { padding: 16px 12px 20px; }
  /* Fußzeile: Telefon-Zeile stand eingerückt und versetzt */
  #footer-content .box div.withIcon.iconPhone { width: auto; margin: 0; background: url('../templates/images/phone_white.svg') no-repeat left 8px; background-size: 22px auto; }
}

/* Fußzeile: WhatsApp wie die anderen Kontaktzeilen ausrichten */
#footer-content .fuss-whatsapp { position: relative; padding-left: 50px; margin-top: 2px; }
#footer-content .fuss-whatsapp .wa-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; }
#footer-content .fuss-whatsapp a.wa-link { font-weight: 400; font-size: inherit; letter-spacing: inherit; color: #fff !important; }
#footer-content .fuss-whatsapp .wa-icon { color: #25d366; }
@media only screen and (max-width: 720px) { #footer-content .fuss-whatsapp { line-height: 36px; } }

/* Live-Google-Bewertung unter der Rückruf-Zusage (29.09.2026) — unsichtbar, bis ein Livewert da ist */
.google-bewertung { display: block; width: max-content; max-width: 100%; margin-top: 8px; padding: 5px 12px;
  background: rgba(255,255,255,.92); color: #222 !important; font-size: 14px; font-weight: 700;
  border-radius: 4px; text-decoration: none !important; box-sizing: border-box; }
.google-bewertung[hidden] { display: none; }
.google-bewertung .gb-sterne { color: #f5a623; letter-spacing: 1px; }
@media only screen and (max-width: 720px) { .google-bewertung { font-size: 13px; } }
/* Sobald die Bewertung sichtbar ist, darf das Titelbild mitwachsen statt sie abzuschneiden
   (feste Höhen aus dem alten Layout bleiben als Mindesthöhe erhalten). */
#headerpic:has(.google-bewertung:not([hidden])) { height: auto; min-height: 450px; }
#headerpic:has(.google-bewertung:not([hidden])) #headerpic-inner { padding-bottom: 16px; }
@media screen and (max-width: 1450px) { #headerpic:has(.google-bewertung:not([hidden])) { min-height: 400px; } }
@media only screen and (min-width: 721px) and (max-width: 990px) { #headerpic:has(.google-bewertung:not([hidden])) { min-height: 350px; } }
@media only screen and (max-width: 720px) { #headerpic:has(.google-bewertung:not([hidden])) { min-height: 320px; } }