/* =====================================================
   DANTEL – Kontaktformular Styles
   Gilt ausschließlich für das Formular mit Klasse .dantel
   ===================================================== */

/* Grundfelder */
.dantel input[type="text"],
.dantel input[type="email"],
.dantel textarea {
  width: 100%;
  padding: 0.85rem 1rem;
  font-size: 1rem;
  border-radius: 10px;
  border: 1px solid #000000;
  background: #ffffff;
  color: #111;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Fokus-Zustand */
.dantel input[type="text"]:focus,
.dantel input[type="email"]:focus,
.dantel textarea:focus {
  border-width: 4px;
  border-color: #e20074; /* Telekom Magenta */
  box-shadow: 0 0 0 4px rgba(226, 0, 116, 0.16);
  outline: none;
}

/* Textarea */
.dantel textarea {
  min-height: 170px;
  resize: vertical;
}

/* Checkbox-Bereich */
.dantel .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-weight: 600;
  line-height: 1.35;
}

.dantel .checkbox input {
  margin-top: 0.2rem;
}

/* Aktionen */
.dantel .tele-actions {
  margin-top: 0.5rem;
}

.dantel #sendBtn {
  width: 100%;
  border: 0;
  border-radius: 18px;
  padding: 0.95rem 1rem;
  background: #e20074;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
}

.dantel #sendBtn:hover {
  filter: brightness(0.95);
}

.dantel #sendBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* Anfrage-Button nur so breit wie der Text */
.dantel #sendBtn {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Eingabetexte in gleicher Schrift wie Überschrift */
.dantel input[type="text"],
.dantel input[type="email"],
.dantel textarea {
  font-family: "TeleNeo Var", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.dantel ::placeholder {
  font-family: "TeleNeo Var", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* TeleNeo für das komplette Kontaktformular */
.dantel,
.dantel input,
.dantel textarea,
.dantel button,
.dantel label {
  font-family: "TeleNeo Var", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* TeleNeo im Kontaktformular erzwingen */
form.dantel,
form.dantel * {
  font-family: "TeleNeoWeb", "TeleNeo Var", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
form.dantel {
  font-family: "TeleNeoWeb" !important;
}
.dte-google-reviews__latest,
.dte-google-reviews {
  width: 100%;
}