#fw-section-featured-product-80b671ad-8b41-4f07-9b8d-87575f572219 {

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap');

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
a.btn {
  background-color: white !important;
  color: black !important;
  border: 0.5px solid black !important;
  cursor: pointer;
  text-align: center;
  display: inline-block;

  padding: 0.542em 1.257em;      /* leicht vergrößert /
  font-size: 1.105em;            / fein abgestimmte Schriftgröße */
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;

  border-radius: 10px;
  transition: all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover,
a.btn:hover {
  background-color: #f5f5f5 !important;
}

}



#fw-section-image-with-text-790c3dd2-94e9-4877-b035-5e7fcd083516 {

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap');

/* === 1. Standard-Zustand (Hell, Transparentes Grau mit dunklem Rand) === */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
a.button,
a.btn {
  /* Hintergrundfarbe: Sehr helles Grau mit geringer Deckkraft (20%) */
  background-color: rgba(255, 255, 255, 0.2) !important; 
  /* Textfarbe: Bleibt Hell (Weiß) */
  color: white !important;
  /* Randfarbe: Dunkel, leicht transparent (vom ursprünglichen dunklen Button-Stil) */
  border: 0.5px solid rgba(88, 95, 110, 0.8) !important; /* Dunklerer Rand, ähnelt dem ersten Button */
  /* Abrundung: Kapselform */
  border-radius: 9999px; 
  
  /* Allgemeine Einstellungen */
  cursor: pointer;
  text-align: center;
  display: inline-block;
  padding: 0.542em 1.257em;
  font-size: 1.105em;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  transition: all 0.2s ease;
  /* Schatten: Beibehalten, damit der Knopf leicht erhaben wirkt */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* === 2. Hover-Zustand (Hellblau, deckend) === */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
a.button:hover,
a.btn:hover {
  /* Hintergrundfarbe: Hellblau (bleibt deckend für guten Kontrast beim Hover) */
  background-color: #89a8c2 !important; 
  /* Textfarbe: Weiß */
  color: white !important;
  /* Randfarbe: Dunkler als Hintergrund */
  border: 0.5px solid #6b8ea6 !important;
  
  /* Leichte Schatten-Anpassung beim Hover */
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
}
}











#fw-section-hero-video-0 {
--color-primary: #4bffac;
--color-primary-rgb: 75, 255, 172;
--color-background: #0e5c54;
--color-background-rgb: 14, 92, 84;
--color-on-background: #F9F8FF;
--color-on-background-rgb: 249, 248, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-product-image-background: #F9F8FF;
--color-background-brightness: 68;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #4bffac;
--primary-btn-text: #000000;
--primary-btn-border-color: #F9F8FF;
--secondary-btn-bg: transparent;
--secondary-btn-text: #F9F8FF;
--secondary-btn-border-color: #F9F8FF;

}