.elementor-1422 .elementor-element.elementor-element-c9ea536{--display:flex;--min-height:79vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1422 .elementor-element.elementor-element-fa5c499{--spacer-size:50px;}.elementor-1422 .elementor-element.elementor-element-f18340d{font-size:0.8vw;}.elementor-1422 .elementor-element.elementor-element-13bacd8{--spacer-size:10px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button-content-wrapper{flex-direction:row;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:8px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-8px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-html{padding-bottom:0px;font-family:"Hyundai Sans Head", Sans-serif;font-size:28px;font-weight:700;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field{color:var( --e-global-color-44db4cc );}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field, .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-subgroup label{font-size:24px;font-weight:600;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-506ece6 );border-color:#CCCCCC;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-506ece6 );border-color:#CCCCCC;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-select-wrapper::before{color:#CCCCCC;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-secondary );color:var( --e-global-color-44db4cc );}.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1422 .elementor-element.elementor-element-ed94c8f{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1422 .elementor-element.elementor-element-c2b8a1c{--spacer-size:59px;}.elementor-1422 .elementor-element.elementor-element-b5b684c{font-size:0.8rem;line-height:1.4rem;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1422 .elementor-element.elementor-element-c9ea536{--justify-content:flex-start;}.elementor-1422 .elementor-element.elementor-element-fa5c499{--spacer-size:10px;}.elementor-1422 .elementor-element.elementor-element-23c29fe .elementor-heading-title{font-size:9vw;}.elementor-1422 .elementor-element.elementor-element-f18340d{font-size:4.6vw;}.elementor-1422 .elementor-element.elementor-element-13bacd8{--spacer-size:0px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-html{font-size:16px;line-height:0.6em;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field, .elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-subgroup label{font-size:16px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-button span{justify-content:center;}.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__indicators__indicator, .elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__indicators__indicator__label{font-size:10px;}.elementor-1422 .elementor-element.elementor-element-ed94c8f{--e-form-steps-divider-width:14px;}}/* Start custom CSS for form, class: .elementor-element-ed94c8f *//* ==================================================================== */
/* ==         FINALES FORMULAR-STYLING V7 (FINAL POLISH)           == */
/* ==================================================================== */

/* ---------- 1. GRUNDLAGEN & ALLGEMEINES STYLING ---------- */

/* Allgemeine Überschrift / Label der Felder */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-label {
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1.5rem; /* Etwas mehr Abstand */
  color: #1a1a1a;
  text-align: center; /* Zentrieren für einen saubereren Look */
}

/* Den echten runden Radio-Button IMMER verstecken */
.elementor-1422 .elementor-element.elementor-element-ed94c8f input[type="radio"] {
  display: none;
}

/* FIX 1: Container für ALLE Radio-Buttons untereinander anordnen */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio .elementor-field-subgroup {
  display: flex;
  flex-direction: column; /* Zwingt alle Radio-Gruppen in eine Spalte */
  flex-wrap: nowrap;
  gap: 0.75rem; /* Einheitlicher, kleinerer Abstand */
  width: 100%;
}


/* ---------- 2. STYLING FÜR TEXT- & BILD-BUTTONS ---------- */

/* Gemeinsames Basis-Styling für ALLE Radio-Labels */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio label {
  display: flex;
  width: 100%; /* FIX 1: Alle Buttons auf 100% Breite */
  border: 2px solid #f5f7fa; /* Einheitlicher Rand für alle */
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

/* FIX 2: Hässlichen Fokus-Ring des Browsers entfernen */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio label:focus,
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio label:focus-within {
    outline: none;
    border-color: #002c5f; /* Stattdessen den Rand als Fokus-Indikator nutzen */
}

/* Styling nur für TEXT-basierte Radio-Labels */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio:not(.elementor-field-group-modellN) label {
  align-items: center;
  justify-content: center;
  padding: 2.2rem 2.5rem;
  background-color: white;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}

/* Hover-Effekt für Text-Labels */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio:not(.elementor-field-group-modellN) label:hover {
  border-color: #e8eef4;
  background-color: #e8eef4;
  transform: translateY(-2px);
}

/* Aktive Auswahl für Text-Labels */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-radio:not(.elementor-field-group-modellN) input[type="radio"]:checked + label {
  background-color: #002c5f;
  border-color: #002c5f;
  color: white;
}

/* "Weiter"-Button verstecken, da wir ihn per JavaScript klicken */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-next {
  display: none;
}
/* Spezial-Styling NUR FÜR BILD-BUTTONS */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-subgroup {
  display: grid; 
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option {
    width: 100%;
    display: block; 
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option label {
  background-color: #333; 
  background-size: cover;
  background-position: center;
  color: white;
  height: 200px;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
  font-weight: 600;
  text-shadow: 0 1px 4px rgba(0,0,0,0.7);
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option:nth-of-type(1) label { background-image: url('https://hyundai.darmas.de/wp-content/uploads/2025/08/i20n-wp.jpg'); }
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option:nth-of-type(2) label { background-image: url('https://hyundai.darmas.de/wp-content/uploads/2025/08/i30n-wp.jpg'); }
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option:nth-of-type(3) label { background-image: url('https://hyundai.darmas.de/wp-content/uploads/2025/08/i30fast-wp.jpg'); }
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN .elementor-field-option:nth-of-type(4) label { background-image: url('https://hyundai.darmas.de/wp-content/uploads/2025/08/konan-wp.jpg'); }

.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group-modellN input[type="radio"]:checked + label {
  border-color: #002c5f;
}


/* ---------- 3. STYLING FÜR TEXTFELDER (Letzter Step) ---------- */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field.elementor-field-textual {
  background-color: #ffffff !important;
  border: none; border-radius: 0;
  border-bottom: 2px solid #cccccc; 
  font-size: 1.1rem; font-weight: 500; color: #1a1a1a;
  padding: 1rem 0.5rem;
  box-shadow: none;
  transition: border-color 0.3s ease-in-out;
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field.elementor-field-textual:focus {
  outline: none;
  border-bottom-color: #002c5f;
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-group .elementor-field.elementor-field-textual::placeholder {
  color: #a9a9a9;
}


/* ---------- 4. FINAL POLISH - MEHR SMOOTHNESS! ---------- */

/* IDEE A: Sanfter Übergang zwischen den Steps */
@keyframes slideInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f .e-form__step:not(.elementor-hidden) {
  animation: slideInUp 0.5s ease-out;
}


/* IDEE C: Lade-Spinner für Senden-Button */
@keyframes spin {
  to { transform: rotate(360deg); }
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f.elementor-form-waiting .elementor-field-type-submit .elementor-button-text {
  opacity: 0; /* Versteckt den Text "Senden" */
}
.elementor-1422 .elementor-element.elementor-element-ed94c8f.elementor-form-waiting .elementor-field-type-submit .elementor-button::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 12px); /* Zentriert den Spinner */
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white; /* Der sich drehende Teil */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Buttons & Sicherheitstext */
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-previous { display: none; }
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-submit .elementor-button { padding: 16px 32px; font-size: 1.1rem;  }
.elementor-1422 .elementor-element.elementor-element-ed94c8f .elementor-field-type-submit::after {
  content: "🔐 100 % sichere Datenverbindung! Deine Kontaktdaten werden vertraulich behandelt und nur zur Kontaktaufnahme verwendet.";
  display: block; text-align: right; font-size: 16px;
  color: #888; margin-top: 1.5rem; line-height: 1.5;
}


}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Hyundai Sans Head';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Regular.eot');
	src: url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Regular-1.woff2') format('woff2'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Regular.woff') format('woff'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Hyundai Sans Head';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Bold.eot');
	src: url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Bold-1.woff2') format('woff2'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Bold.woff') format('woff'),
		url('https://hyundai.darmas.de/wp-content/uploads/2025/03/HyundaiSansHead-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */