.navbar-brand img {
  height: 80px;
}

/* Template erzwingt in der fixierten/sticky Navbar Primary-Farbe für alle
   Buttons (style.css: ".navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient)").
   Das überschreibt individuell gewählte CTA-Farben (z.B. WhatsApp-Grün).
   Fix: in der fixierten Navbar die jeweils eigene Button-Farbe respektieren
   statt hart auf Primary zu erzwingen. */
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
  background: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

/* Offizielles WhatsApp-Grün (#25D366) — eigene Klasse, da .btn-green im
   Template ein anderes Türkis-Grün (#45c4a0) ist. Gleiche Struktur wie die
   Bootstrap-generierten .btn-* Klassen, damit Hover/Active/Focus konsistent
   funktionieren. */
/* WhatsApp-Icon im CTA-Button größer darstellen, OHNE die Button-Größe zu
   verändern: transform:scale() skaliert nur die Darstellung, die Button-Höhe
   berechnet sich weiterhin aus der unveränderten font-size/line-height.
   margin-right braucht !important, weil das Icon die Bootstrap-Utility-Klasse
   .me-1 trägt (margin-right: 0.25rem !important) und die sonst immer gewinnt. */
.btn i.uil-whatsapp {
  display: inline-block;
  transform: scale(1.6);
  margin-left: 0.15em;
  margin-right: 0.8em !important;
}

.btn-whatsapp {
  --bs-btn-color: #fff;
  --bs-btn-bg: #25d366;
  --bs-btn-border-color: #25d366;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #25d366;
  --bs-btn-hover-border-color: #25d366;
  --bs-btn-focus-shadow-rgb: 37, 211, 102;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #25d366;
  --bs-btn-active-border-color: #25d366;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #25d366;
  --bs-btn-disabled-border-color: #25d366;
}