/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 21 2026 | 17:11:34 */
/* ============================================================
   Brevo Newsletter Formular
============================================================ */

/* Brevo Außenbereich */
#newsletter .sib-form {
  font-family: "Josefin Sans", "Helvetica", sans-serif !important;
	padding:0px!important;
}

/* Eingabefelder */
#newsletter #sib-container .input {
  min-height: 56px !important;
  padding: 0 15px !important;
  border: 2px solid #1D1D1D !important;
  border-radius: 10px !important;
  background: transparent !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  transition: all .3s ease !important;
  margin-top:5px;
  margin-bottom:5px;
}
/* Brevo Feld-Hintergrund überschreiben */
#newsletter .sib-form #sib-container #sib-form .form__entry.entry_block .entry__field {
  background: transparent !important;
  background-color: transparent !important;
  border:none!important;
}

/* Placeholder */
#newsletter #sib-container input::placeholder {
  color: rgba(29, 29, 29, .55) !important;
}

/* Fehlertexte */
#newsletter .entry__error {
  font-size: 14px !important;
}

/* Erfolgs-/Fehlermeldungen */
#newsletter .sib-form-message-panel {
  font-size: 16px !important;
}

/* Button Wrapper */
#newsletter #sib-container .sib-form-block[style*="text-align"] {
  text-align: left !important;
}

/* Button */
#newsletter #sib-container button,
#newsletter #sib-container .sib-form-block__button,
#newsletter #sib-container input[type="submit"] {
  font-family: "Josefin Sans", sans-serif !important;
  min-width: 220px !important;
  min-height: 50px !important;
  border: 2px solid #1D1D1D !important;
  border-radius: 10px !important;
  background: #1D1D1D !important;
  color: #D8CFC8 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  text-align: center !important;
  transition: all .3s ease !important;
}

/* Button Hover */
#newsletter #sib-container button:hover,
#newsletter #sib-container .sib-form-block__button:hover,
#newsletter #sib-container input[type="submit"]:hover {
  background: transparent !important;
  color: #1D1D1D !important;
}

/* Fokus-Rand / grauer bzw. blauer Außenrand entfernen */
#newsletter #sib-container input:focus,
#newsletter #sib-container .input:focus,
#newsletter #sib-container .entry__field:focus,
#newsletter #sib-container .entry__field:focus-within {
  outline: none !important;
  box-shadow: none !important;
  color: #1D1D1D !important;
}

/* Checkbox */
.sib-form .input_replaced:checked+.checkbox_tick_positive {
	background-color:#1D1D1D!important;
	border-color:#1D1D1D!important;
}
#newsletter #sib-container .sib-optin .entry__choice label span,
#newsletter #sib-container .sib-optin .entry__choice label span p {
  font-family: "Josefin Sans", sans-serif !important;
	line-height:1.1!important;
}
#newsletter #sib-container .sib-optin .entry__choice {
margin-bottom:10px!important;
}

/* Inneres Padding raus – Abstände kommen aus Divi */
#newsletter #sib-container {
  padding: 0 !important;
}
/* die 8px oben/unten an jedem Feld-Wrapper entfernen */
#newsletter #sib-form > div[style*="padding: 8px 0"] {
  padding: 0 !important;
}

/* Erfolgsmeldung – Brand-Style */
#newsletter #sib-container ~ #success-message.sib-form-message-panel,
#newsletter #success-message.sib-form-message-panel {
  font-family: "Josefin Sans", sans-serif !important;
  color: #1D1D1D !important;
  background-color: #fff2c6 !important;
  border-color: #1D1D1D !important;
  border-radius: 10px !important;
}
/* Fehlermeldung – Brand-Style */
#newsletter #error-message.sib-form-message-panel {
  font-family: "Josefin Sans", sans-serif !important;
  color: #1D1D1D !important;
  background-color: #D8CFC8 !important;
  border-color: #1D1D1D !important;
  border-radius: 10px !important;
}
/* Icon-Farbe in beiden Meldungen */
#newsletter .sib-form-message-panel .sib-notification__icon path {
  fill: #1D1D1D !important;
}