/* Konrad Unterseiten · 04.11.2026
   Mobile Leiste wie auf der Startseite (Anrufen · WhatsApp · Schaden melden), ersetzt bis 600 px den schwebenden WhatsApp-Kreis.
   Erscheint, sobald die Knöpfe im Seitenkopf aus dem Bild sind (nur mit JS, sonst immer sichtbar). */
/* Überschriften-Schrift als WOFF2 (260 KB) statt TTF (779 KB); überschreibt die gleichnamige Angabe aus subpages-release.css */
@font-face { font-family: KonradWide; src: url('/assets/konrad-home-20261018/unbounded-variable.woff2') format('woff2'); font-weight: 200 900; font-display: swap; }

.konrad-leiste { display: none; }
@media (max-width: 600px) {
  .inside-page { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .inside-page .whatsapp-float { display: none !important; }
  .konrad-leiste {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
    display: grid; grid-template-columns: 74px 74px 1fr; gap: 8px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    background: rgba(7, 9, 11, .82);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
    border-top: 1px solid rgba(255, 255, 255, .14);
    font-family: Poppins, Konrad, system-ui, sans-serif;
    transition: transform .45s cubic-bezier(.16, 1, .3, 1);
  }
  html.js-leiste .konrad-leiste:not(.is-sichtbar) { transform: translateY(115%); }
  .konrad-leiste a {
    display: flex; align-items: center; justify-content: center; min-height: 56px; border-radius: 14px;
    color: #fff; text-decoration: none; font-weight: 600; -webkit-tap-highlight-color: transparent;
    border: 1px solid rgba(255, 255, 255, .34); background: rgba(255, 255, 255, .07);
    transition: transform .2s ease-out;
  }
  .konrad-leiste a:active { transform: scale(.97); }
  .konrad-leiste a:focus-visible { outline: 3px solid #8eaeff; outline-offset: 2px; }
  .konrad-leiste svg { flex: none; }
  .konrad-leiste .kl-icon { flex-direction: column; gap: 3px; font-size: 11.5px; line-height: 1.1; white-space: nowrap; }
  .konrad-leiste .kl-icon svg { width: 22px; height: 22px; }
  .konrad-leiste .kl-wa { border-color: rgba(37, 211, 102, .55); background: rgba(37, 211, 102, .14); }
  .konrad-leiste .kl-wa svg { color: #4be486; width: 26px; height: 26px; margin: -2px 0; }
  .konrad-leiste .kl-main {
    gap: 10px; padding: 0 12px; font-size: 15px; white-space: nowrap;
    background: #174ce7; border-color: #174ce7;
    box-shadow: inset 0 1px rgba(255, 255, 255, .2), 0 10px 24px -10px rgba(23, 76, 231, .8);
  }
  .konrad-leiste .kl-main svg { width: 18px; height: 18px; }
}
@media (max-width: 359px) {
  .konrad-leiste { grid-template-columns: 64px 64px 1fr; gap: 6px; padding-left: 10px; padding-right: 10px; }
  .konrad-leiste .kl-icon { font-size: 10.5px; }
  .konrad-leiste .kl-main { font-size: 13.5px; gap: 6px; padding: 0 10px; }
}
@media (prefers-reduced-motion: reduce) { .konrad-leiste { transition: none; } }
@media (prefers-reduced-transparency: reduce) { .konrad-leiste { background: #10171d; -webkit-backdrop-filter: none; backdrop-filter: none; } }

/* Google-Bewertungen im Seitenkopf (04.11.2026, Stand Profil 5,0 / 173) */
.inside-page .google-bewertung {
  display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 18px;
  padding: 10px 14px 10px 12px; border-radius: 14px; color: #fff; text-decoration: none;
  font-size: 14px; line-height: 1.25; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .07);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: background-color .2s, border-color .2s;
}
.inside-page .google-bewertung:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .34); }
.inside-page .google-bewertung:focus-visible { outline: 3px solid #8eaeff; outline-offset: 3px; }
.inside-page .google-bewertung .gb-sterne { width: 80px; height: 16px; flex: none; color: #fbbf24; }
.inside-page .google-bewertung strong { font-size: 15px; font-weight: 700; }
.inside-page .google-bewertung span { color: rgba(255, 255, 255, .84); white-space: nowrap; }