/* CF7 Standard-Ausgaben ausblenden (Backup – JS entfernt sie zusätzlich) */
.wpcf7-not-valid-tip,
.wpcf7-response-output {
  display: none !important;
}

/* Plugin Textmeldungen aus (Backup) */
.cf7iv-inline-error{
  display: none !important;
}

/* Control muss volle Breite haben */
.cf7iv-control{
  position: relative;
  display: block;
  width: 100%;
}

/* Platz rechts fürs Badge */
.cf7iv-control > input,
.cf7iv-control > textarea,
.cf7iv-control > select{
  width: 100%;
  padding-right: 60px !important;
}

/* Select: noch mehr Platz (wegen Dropdown-Pfeil) */
.cf7iv-control.cf7iv-is-select > select{
  padding-right: 86px !important;
}

/* Badge rechts im Feld (zentriert via Flex) */
.cf7iv-status{
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: 5px 0;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Für Select: Badge weiter nach links, weg vom Pfeil */
.cf7iv-control.cf7iv-is-select .cf7iv-status{
  right: 42px;
}

/* Farben */
.wpcf7-form-control-wrap.cf7iv-is-valid .cf7iv-status{ background: #55c15a; border: 2px solid #fff}
.wpcf7-form-control-wrap.cf7iv-is-invalid .cf7iv-status{ background: #d42c25; border: 2px solid #fff}

/* UIkit Icon weiß */
.cf7iv-status svg{
  color: #fff;
}

/* Nur das Icon größer machen */
.cf7iv-status .cf7iv-icon svg{
  width: 22px;
  height: 22px;
}

/* Optional: etwas dickere Linien */
.cf7iv-status .cf7iv-icon svg path,
.cf7iv-status .cf7iv-icon svg polyline{
  stroke-width: 1.8;
}