/* Basis-Styling */
#zammad-feedback-form, .zammad-form-control, #zammad-form-name-inline, #zammad-form-email-inline, #zammad-form-body-inline {
  font-family: 'Poppins', sans-serif;
  padding: 10px;
}

/* Allgemeines Formular-Styling */
#zammad-feedback-form {
  background: linear-gradient(135deg, #f9f9f9, #f9f9ff);
  border-radius: 12px;         
  padding: 1%;  
  width: 80%;                  
  max-width: 380px;
  margin: auto;
  color: grey;
}

/* Input-Felder und Textarea */
#zammad-feedback-form input[type="text"], #zammad-feedback-form textarea, #zammad-feedback-form input[type="email"] {
  width: 100%; padding: 12px; margin: 8px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  background: transparent;
}

/* Allgemeines Styling für die Eingabefelder */
.zammad-form-control {
  border: 2px solid #333;
  border-radius: 5px;
}

/* Styling für spezielle Felder */
#zammad-form-name-inline, #zammad-form-body-inline {
  background-color: #f2f2f2;
}

#zammad-form-email-inline {
  background-color: #f9f9f9;
}

/* Submit-Button */
#zammad-feedback-form input[type="submit"], .btn {
  background-color: #3C30F4;
  color: white;
  padding: 14px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
}

/* Hover-Effekt für den Submit-Button */
#zammad-feedback-form input[type="submit"]:hover, .btn:hover {
  opacity: 0.8;
}

/* Titel und weitere Text-Elemente */
#feedback-title, #contact-details {
  font-family: 'Poppins', sans-serif;
  text-align: center;
}

#feedback-title {
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 10px;
  color:#333;
}

#contact-details {
  font-size: 18px;
  margin-top: 5px;
  color: grey;
}

.smallLineHeight {
  font-size: 11px;
  margin-top: 1px;
}