/*
 Theme Name:   Divi Child
 Theme URI:    https://geekworld-germany.de/divi-child
 Description:  Divi Child Theme
 Author:       Jörg Mächtel
 Author URI:  https://geekworld-germany.de
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/
a {
  text-decoration: none !important;
}

/* Hier kannst du deine eigenen CSS-Regeln hinzufügen */

/*--------Gravity Forms CSS-----------*/
/* ──────────────────────────────────────────────────────────────
   GEEKWORLD – Kontaktformular Custom CSS (Child Theme)
   ────────────────────────────────────────────────────────────── */

/* Labels */
#gform_wrapper_4 .gfield_label,
#gform_wrapper_4 .gform-field-label {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #a0b4c8 !important;
    margin-bottom: 0.35rem !important;
}

/* Sub-Labels (Vorname / Nachname) */
#gform_wrapper_4 .gform-field-label--type-sub {
    font-size: 0.7rem !important;
    color: #6a8099 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

/* Pflichtfeld-Text */
#gform_wrapper_4 .gfield_required {
    color: #F7931A !important;
}

/* Alle Input-Felder & Textarea */
#gform_wrapper_4 input[type="text"],
#gform_wrapper_4 input[type="email"],
#gform_wrapper_4 input[type="tel"],
#gform_wrapper_4 input[type="number"],
#gform_wrapper_4 input[type="url"],
#gform_wrapper_4 select,
#gform_wrapper_4 textarea {
    width: 100% !important;
    padding: 0.8rem 1rem !important;
    border: 1px solid #1e3a55 !important;
    border-radius: 4px !important;
    font-size: 0.92rem !important;
    color: #e5f2ff !important;
    background-color: #0d1f33 !important;
    transition: border-color 0.2s ease !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    resize: vertical !important;
}

/* Textarea Mindesthöhe */
#gform_wrapper_4 textarea {
    min-height: 150px !important;
}

/* Zeichenzähler */
#gform_wrapper_4 .charleft {
    color: #6a8099 !important;
    font-size: 0.75rem !important;
    margin-top: 0.25rem !important;
}

/* Focus-State */
#gform_wrapper_4 input[type="text"]:focus,
#gform_wrapper_4 input[type="email"]:focus,
#gform_wrapper_4 input[type="tel"]:focus,
#gform_wrapper_4 textarea:focus,
#gform_wrapper_4 select:focus {
    outline: none !important;
    border-color: #83CAFF !important;
    box-shadow: none !important;
}

/* Abstand zwischen Feldern */
#gform_wrapper_4 .gfield {
    margin-bottom: 1rem !important;
}

/* Submit-Button */
#gform_wrapper_4 .gform_button,
#gform_wrapper_4 input[type="submit"] {
    background-color: #F7931A !important;
    color: #111827 !important;
    border: none !important;
    padding: 0.8rem 2rem !important;
    border-radius: 4px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, transform 0.15s ease !important;
    box-shadow: none !important;
}

#gform_wrapper_4 .gform_button:hover,
#gform_wrapper_4 input[type="submit"]:hover {
    background-color: #83CAFF !important;
    color: #111827 !important;
    transform: translateY(-1px) !important;
}

/* Erfolgsmeldung */
#gform_confirmation_wrapper_4,
#gform_confirmation_wrapper_4 .gform_confirmation_message {
    color: #83CAFF !important;
    font-size: 0.95rem !important;
}

/* Validierungsfehler – Felder */
#gform_wrapper_4 .gfield_error input,
#gform_wrapper_4 .gfield_error textarea,
#gform_wrapper_4 .gfield_error select {
    border-color: #F7931A !important;
}

/* Validierungsfehler – Meldungstext */
#gform_wrapper_4 .validation_message {
    color: #F7931A !important;
    font-size: 0.78rem !important;
    margin-top: 0.2rem !important;
}

/* Validierungsfehler – Banner oben */
#gform_wrapper_4 .gform_validation_errors {
    background: transparent !important;
    border: 1px solid #F7931A !important;
    border-radius: 4px !important;
    color: #F7931A !important;
    padding: 0.75rem 1rem !important;
}


/* Blog-Title Zeilenabstand */
.entry-title,
h1.entry-title {
  line-height: 1.3 !important;
}
/* Blog-Title Font-size Mobile */
@media only screen and (max-width: 767px) {
  div.et_pb_heading > div > h1 {
    font-size: 18px !important;
  }
}

/*-------------------------*/