.EPS-small,  .wpcf7-list-item-label  
{
font-size:.7rem !important;
}

.wpcf7-submit
 {
width:100% !important;
 }


.form-group {
  position: relative;
  margin-bottom: 0rem !Important;
}

.form-group input,
.form-group textarea {
width: 100%;
  padding:   1.8rem 1rem  1rem 1rem !Important;
  border: 1px solid #FFF !Important;
  border-radius: .5rem !Important;
  font-size: 1rem !Important;
  box-sizing: border-box !Important;
}

.form-group label {
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 0.7rem !Important;
  color: #FFF;
  pointer-events: none;
  transition: 0.2s ease all;
  transform: translateY(-50%) !Important;
}

/* Wenn Feld aktiv oder befüllt -> Label hochschieben */
.form-group input:focus + label,
.form-group input:not(:placeholder-shown) + label,
.form-group textarea:focus + label,
.form-group textarea:not(:placeholder-shown) + label {
  top: 0 !Important;
  left: 0 !Important;
  font-size: 0.75rem !Important;
   
}

/* Placeholder unsichtbar machen, damit er nicht mit Label konkurriert */
.form-group input::placeholder,
.form-group textarea::placeholder {
  color: transparent;
}


/* Responsive: falls du Grid-Reihen benutzt (optional) */
.form-row { display: grid; gap: 1rem; margin-bottom: 1rem; }
.form-row.two-columns { grid-template-columns: 1fr 1fr; }
@media (max-width: 768px) {
  .form-row.two-columns { grid-template-columns: 1fr; }
}





/* --- Grid Layout --- */
.form-row {
  display: grid;
  gap: 1rem; /* Abstand zwischen Spalten */
  margin-bottom: 0;
}

.form-row.one-column {
  grid-template-columns: 1fr;
}

.form-row.two-columns {
  grid-template-columns: 1fr 1fr;
}

/* --- Spalten --- */
.form-col {
  display: flex;
  flex-direction: column;
}

 
/* --- Placeholder Styling --- */
.form-col input::placeholder,
.form-col textarea::placeholder {
  color: #999;
  transition: color 0.2s ease;
}

.form-col input:focus::placeholder,
.form-col textarea:focus::placeholder {
  color: transparent;
}

/* --- Fokus-Styling --- */
.form-col input:focus,
.form-col textarea:focus {
  border-color: #0073aa; /* WP-Blau, kannst du ändern */
  outline: none;
}

/* --- Responsiv: Auf kleineren Bildschirmen alle einspaltig --- */
@media (max-width: 768px) {
  .form-row.two-columns {
    grid-template-columns: 1fr;
  }
}