/* Container */
.fkb-newsletter-form{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* Floating label field */
.form__group {
  position: relative;
  padding: 20px 0 0;
  width: 100%;
}

.form__field {
  font-family: inherit;
  width: 100% !important;
  border: none !important;
  border-bottom: 2px solid #9b9b9b !important;
  outline: 0;
  font-size: 17px;
  color: #282936;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s, border-width 0.2s;
  padding: 0px !important;
}

.form__field::placeholder { color: transparent; }

.form__field:placeholder-shown ~ .form__label {
  font-size: 17px;
  cursor: text;
  top: 20px;
}

.form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 17px;
  color: #9b9b9b;
  pointer-events: none;
}

.form__field:focus {
  padding-bottom: 6px;
  font-weight: 700;
  border-width: 3px;
  border-color: #386f45; /* deine Brand-Farbe */
}

.form__field:focus ~ .form__label {
  top: 0;
  font-size: 17px;
  color: #386f45;
  font-weight: 700;
}

/* reset input */
.form__field:required, .form__field:invalid { box-shadow: none; }

/* Button unter dem Feld */
.Subscribe-btn{
  margin-top: 20px;
  width: 100%;
  height: 42px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  background-color: #386f45;
  color: #fff;
  transition: transform .06s ease, filter .2s ease;
}
.Subscribe-btn:hover{ color: white !important; }
.Subscribe-btn:active{ transform: scale(0.98); }
.Subscribe-btn:focus{ color: white !important; }

/* Messages */
.fkb-msg { margin-top:8px; font-size:.95em; }
.fkb-msg.ok  { color:#386F45; }
.fkb-msg.err { color:#f97316; }