/* Reduzierte sib-styles — nur für dein eingebettetes Formular
   (extrahiert aus original sib-styles.css; Fehlermeldungen erhalten) */

/* Grundbox + Fonts handled separately (du nutzt Raleway lokal) */
.sib-form, .sib-form * { box-sizing: border-box; }
.sib-form { font-size:16px; font-family: inherit; background:transparent; padding:32px 12px 32px; margin:0; color:#3e4c59; }

/* Container */
.sib-form-container { text-align:left; }
#sib-container {
  background:#fff;
  margin:0 auto;
  padding:17px;
  display:inline-block;
  width:100%;
  max-width:540px;
  box-sizing:border-box;
}

/* Form layout */
#sib-form { text-align:left; }
.form__entry { position:static; margin:0; padding:0; }
.form__entry:not(:first-child){ margin-top:1.5rem; }
.form__label-row { display:flex; flex-direction:column; justify-content:stretch; }
.form__label-row--horizontal { flex-direction:row; align-items:flex-start; margin:10px 0; }
.form__row { display:flex; flex-wrap:wrap; margin:-0.25rem -0.75rem; }

/* Input wrapper */
.entry__field {
  display:inline-flex;
  align-items:center;
  background:#fff;
  border:1px solid #3e4c59;
  border-radius:3px;
  margin:.25rem 0;
  max-width:100%;
  box-sizing:border-box;
  padding:0.25rem;
}
.input { 
  width:100%;
  border:0;
  background:transparent;
  padding:0.5rem 0.5rem;
  font:inherit;
  outline: none;
  min-width:1px;
  box-shadow:none;
}

/* spacing used in your HTML */
.sib-form-block { padding:0 16px; }
.sib-input { display:block; }

/* Placeholder colors (keeps current look) */
.sib-form ::placeholder { color:#3e4c59; opacity:1; }
.sib-form :-ms-input-placeholder { color:#3e4c59; opacity:1; }
.sib-form ::-ms-input-placeholder { color:#3e4c59; opacity:1; }

/* Checkbox / replaced input handling (keeps visual behaviour) */
.input_replaced { opacity:0; position:absolute; z-index:-1; }
.checkbox, .radio-button {
  background:#fff;
  border:1px solid #687484;
  cursor:pointer;
  display:inline-block;
  height:1em;
  width:1em;
  vertical-align:-0.125em;
  position:relative;
}
.checkbox { border-radius:3px; }
.radio-button { border-radius:50%; }
.input_replaced:checked + .checkbox_tick_positive { background:#13ce66; border-color:#13ce66; }
.input_replaced:checked + .checkbox_tick_negative { background:#ff4949; border-color:#ff4949; }
.input_replaced:checked + .radio-button { border-color:#0092ff; }
.input_replaced:checked + .radio-button:before { background:#0092ff; }

/* Checkbox tick pseudo element (positioning used by Brevo) */
.checkbox_tick_positive:before,
.checkbox_tick_negative:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  width: 50%;
  height: 50%;
  display: block;
}

/* Button */
.sib-form-block__button {
  display:inline-block;
  padding:8px 18px;
  border:none;
  cursor:pointer;
  background:#b67646; /* deine Button-Farbe bleibt */
  color:#fff;
  border-radius:8px;
  font-weight:700;
  font-size:16px;
  width:100%;
  box-sizing:border-box;
}
.sib-form-block__button-with-loader { min-height:40px; line-height:23px; }

/* Hidden spam trap */
.input--hidden { display:none !important; }

/* Error styles — behalten (voll funktionsfähig) */
.entry__error { display:none; margin-top:6px; margin-bottom:6px; color:#ff4949; font-size:0.87rem; line-height:1rem; background:transparent; padding:6px; border-radius:3px; }
.sib-entry_errored { margin-left:-0.5rem; padding-left:.5rem; }
.sib-entry_errored:before { background:#ff4949; bottom:0; content:""; position:absolute; right:100%; top:0; width:.25rem; }

/* Specification / helper text under inputs */
.entry__specification { color:#687484; margin:0; font-size:0.95rem;}

.sib-form .entry__specification {
    line-height: 1.6 !important;
	color: #3C4858 !important;
	margin-top: 5px;
    display: block;
}

/* small helpers kept from original to keep interactions */
.sib-hide-loader-icon { display:none; }
.progress-indicator { display:flex; align-items:center; justify-content:center; background:transparent; }

/* Responsive adjustments used by original file */
@media screen and (max-width: 500px) {
  #sib-container { padding:32px 9px 32px; }
  .form__label-row--horizontal { flex-direction:column; }
}

/* minimal focus ring for accessibility */
.entry__field:focus-within { box-shadow: 0 0 0 2px #c9e1f4; outline: none; }
