#fw-section-featured-product-d8bffa31-2ced-4004-8c17-42e632ad01f5 {

@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-image-with-text-f86beb1b-e6ce-4319-8eb4-1894196a9db7 {

@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);
}

}