/* ==========================================================================
   Anruf-Button – Feinschliff (2026-11)
   Farbe, Verlauf, Schatten und alle Bewegungen bleiben wie bisher:
   phone-breathe, phone-ring-pulse, phone-glow-pulse, phone-icon-ring.
   Verfeinert werden nur Symbol, Typografie, Abstände, Hover und Fokus.
   ========================================================================== */

.phone-cta {
  gap: 0.78rem;
  padding: 0.36rem 1.1rem 0.36rem 0.36rem;
}

/* Hörer-Symbol: klarer weißer Kreis, grüner Hörer, feiner Lichtring */
.phone-cta__icon {
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  color: var(--green-dark, #5f8500);
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.22),
    0 4px 10px rgba(45, 67, 0, 0.22);
}
.phone-cta__icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

/* Beschriftung: kleiner Punkt vor "Persönlich erreichbar" */
.phone-cta__copy small {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.phone-cta__copy small::before {
  content: "";
  flex: none;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.28);
}
.phone-cta__copy strong {
  font-size: 0.9rem;
  font-weight: 750;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums;
  margin-top: 0.22rem;
  text-shadow: 0 1px 1px rgba(45, 67, 0, 0.18);
}

/* Hover: ruhiger anheben statt vergrößern */
.phone-cta:hover {
  transform: translateY(-2px);
}
.phone-cta:hover .phone-cta__icon {
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.3),
    0 6px 14px rgba(45, 67, 0, 0.26);
}
.phone-cta:focus-visible {
  outline: 3px solid var(--green-ink, #2d4300);
  outline-offset: 3px;
}

/* Mobiler Schwebe-Button */
.mobile-phone {
  padding: 0.38rem 1.25rem 0.38rem 0.38rem;
}
.mobile-phone .phone-cta__icon {
  width: 2.95rem;
  height: 2.95rem;
}
.mobile-phone .phone-cta__copy small {
  display: none;
}
.mobile-phone .phone-cta__copy strong {
  font-size: 1rem;
  margin: 0;
}

/* Statische Regionalseiten: gleiche Ziffernbreite */
.seo-static-phone {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}