/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 05 2026 | 09:43:21 */
/* ==========================================================================
   30-whatsapp — schwebender WhatsApp-Button
   ========================================================================== */

.wa-fab {
  /* lokale Komponenten-Variablen */
  --wa-green:      #25D366;
  --wa-green-dark: #1DA851;
  --wa-size:       56px;
  --wa-offset:     clamp(14px, 3vw, 26px);

  position: fixed;
  right:  var(--wa-offset);
  bottom: calc(var(--wa-offset) + env(safe-area-inset-bottom, 0px));
  z-index: 900;                     /* ggf. an Kadence-Header anpassen */

  display: inline-flex;
  align-items: center;
  gap: .55em;

  min-height: var(--wa-size);
  padding: 0 20px 0 15px;
  border-radius: calc(var(--wa-size) / 2);

  background-color: var(--wa-green) !important;
  color: #fff !important;
  text-decoration: none !important;

  font-family: 'Manrope', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  box-shadow: 0 6px 20px rgba(0, 0, 0, .22);
  transition: transform .18s ease,
              background-color .18s ease,
              box-shadow .18s ease;
}

.wa-fab:hover,
.wa-fab:focus-visible {
  background-color: var(--wa-green-dark) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}

.wa-fab:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.wa-fab__icon {
  width: 26px;
  height: 26px;
  fill: currentColor;
  flex: 0 0 auto;
}

/* --- Mobil: nur Icon, runder Button ------------------------------------- */
@media (max-width: 640px) {
  .wa-fab {
    --wa-size: 52px;
    width: var(--wa-size);
    padding: 0;
    justify-content: center;
  }
  .wa-fab__label { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .wa-fab { transition: none; }
  .wa-fab:hover { transform: none; }
}

@media print {
  .wa-fab { display: none !important; }
}
