/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2024 | 20:58:34 */
/* Grundlegende Stile für das zweispaltige Layout */
#two-column {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Für mobile Geräte */
}

#two-column #left, #two-column #right {
  width: 48%; /* Beide Spalten bekommen 48% Breite, um Platz zu haben */
}

#two-column p {
  margin-bottom: 20px; /* Abstand zwischen den Absätzen */
}

#two-column label {
  font-weight: bold;
  margin-bottom: 10px;
  display: block; /* Label über das Eingabefeld */
}

/* Abgerundete Eingabefelder mit grauer Randfarbe */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
  border: 1px solid #CCCCCC; /* Graue Randfarbe */
  border-radius: 15px; /* Abgerundete Ecken */
  padding: 5px 10px; /* Innenabstand */
  width: 100%; /* Breite auf 100% setzen */
  box-sizing: border-box; /* Box-Modell für korrektes Sizing */
  margin-bottom: 10px; /* Abstand zwischen den Feldern */
}

/* Abgerundete Eingabefelder im Fokus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
  border-color: #000000; /* Randfarbe im Fokus */
}

/* Checkboxen mit Platzierung von Labels */
input[type="checkbox"] {
  margin-right: 10px;
}

#two-column p input[type="checkbox"] {
  display: inline-block;
}

#two-column p label {
  display: inline-block;
}

/* Stil für den Absende-Button */
input[type="submit"] {
  border: 1px solid #CCCCCC;
  border-radius: 15px;
  padding: 10px 20px;
  cursor: pointer;
  background-color: #f0f0f0;
  margin-top: 10px;
}

/* Absende-Button bei Hover */
input[type="submit"]:hover {
  background-color: #EF7C06;
  color: #FFFFFF;
  border-color: #EF7C06;
}

/* Mobile Optimierung */
@media only screen and (max-width: 767px) {
  #two-column {
    flex-direction: column;
  }

  #two-column #left, #two-column #right {
    width: 100%; /* Volle Breite im mobilen Design */
  }

  input[type="submit"] {
    width: 100%; /* Absende-Button auf volle Breite */
  }
}

/* Fehlerhinweis für ungültige Eingaben */
.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 10px;
  display: block;
  margin-top: 5px;
}
