.elementor-971 .elementor-element.elementor-element-fa02b6b{--display:flex;--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;--margin-top:-87px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-971 .elementor-element.elementor-element-fa02b6b:not(.elementor-motion-effects-element-type-background), .elementor-971 .elementor-element.elementor-element-fa02b6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://autohauskern.de/wp-content/uploads/2026/03/DSC00848-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}body.elementor-page-971:not(.elementor-motion-effects-element-type-background), body.elementor-page-971 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-971 .elementor-element.elementor-element-0d5b31d{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-0d5b31d *//* Nur Text zentrieren */
.formgent-step-layout__blocks {
    text-align: left;
    button-align: left;
}

.formgent-field-single--info {
    justify-content: flex-start; /* Links ausrichten */
}

.formgent-brand-btn {
    display: none !important;
}

/* AUSGEWÄHLT → NUR RAND ÄNDERN */
.formgent-field-single__input--radio:checked + .formgent-field-single__label {
    border-color: #CB142B !important;
}

/* OPTIONAL: Hover auch in deiner Farbe */
.formgent-field-single__label:hover {
    border-color: #CB142B;
}

/* Falls Formgent Outline oder Shadow nutzt */
.formgent-field-single__input--radio:checked + .formgent-field-single__label {
    box-shadow: 0 0 0 1px #CB142B !important;
}

/* Standard Radio Farbe überschreiben */
.formgent-field-single__input--radio {
    accent-color: #CB142B !important;
}

/* Falls Formgent Custom Radio nutzt (Pseudo-Elemente) */
.formgent-field-single__label::before {
    border-color: #CB142B !important;
}

/* Punkt innen wenn ausgewählt */
.formgent-field-single__input--radio:checked + .formgent-field-single__label::after {
    background-color: #CB142B !important;
}

/* Falls ein Ring / Glow vorhanden ist */
.formgent-field-single__input--radio:checked + .formgent-field-single__label {
    box-shadow: 0 0 0 1px #CB142B !important;
}

/* Input-Feld bei Fokus */
.formgent-datepicker:focus {
    border-color: #CB142B !important;
    box-shadow: 0 0 0 2px rgba(203, 20, 43, 0.15) !important;
}


/* Datepicker global container */
.air-datepicker-global-container {
    direction: ltr; /* Links nach rechts */
    font-family: Arial, sans-serif;
}

/* Linksbündige Navigation */
.air-datepicker-nav {
    justify-content: flex-start !important;
}

/* Titel zentrieren optional */
.air-datepicker-nav--title {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

/* Zellen links ausrichten */
.air-datepicker-body--cells {
    text-align: left;
}

/* Farben anpassen */
.air-datepicker-cell {
    color: #000; /* Schwarzer Text */
    background-color: #fff; /* Weißer Hintergrund */
    border-radius: 4px;
    padding: 4px;
}

.air-datepicker-cell.-current- {
    background-color: #e0e0e0; /* aktueller Tag grau hinterlegt */
}

/* Heute-Button auf Deutsch */
.air-datepicker-button span {
    content: 'Heute';
}

/* Button selbst */
button[data-wp-on--click="actions.prevStep"] {
    color: #CB142B !important;
}

/* SVG sicher überschreiben */
button[data-wp-on--click="actions.prevStep"] svg {
    color: #CB142B !important;
}

/* WICHTIG: Path direkt überschreiben */
button[data-wp-on--click="actions.prevStep"] svg path {
    stroke: #CB142B !important;
}

/* Rahmen */
.air-datepicker {
    border: 1px solid #CB142B !important;
}

/* Monat / Jahr Titel */
.air-datepicker-nav--title {
    color: #CB142B !important;
    font-weight: 600;
}

/* Pfeile */
.air-datepicker-nav--action svg path {
    stroke: #CB142B !important;
}

/* Wochentage */
.air-datepicker-body--day-name {
    color: #CB142B !important;
}

/* Normale Tage */
.air-datepicker-cell {
    border-radius: 6px;
}

/* Hover */
.air-datepicker-cell:hover {
    background: rgba(203, 20, 43, 0.1) !important;
}

/* Ausgewählter Tag */
.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-focus- {
    background: #CB142B !important;
    border-color: #CB142B !important;
    color: #fff !important;
}

/* Heute */
.air-datepicker-cell.-current- {
    border: 1px solid #CB142B !important;
}

/* Range (falls genutzt) */
.air-datepicker-cell.-in-range- {
    background: rgba(203, 20, 43, 0.15) !important;
}

/* Today Button */
.air-datepicker-button {
    color: #CB142B !important;
}

.air-datepicker *:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(203, 20, 43, 0.2) !important;
}

/* Hover auf Datum */
.air-datepicker-cell.-day-:hover {
    background: rgba(203, 20, 43, 0.15) !important;
    border-color: #CB142B !important;
    color: #000 !important;
}

/* Falls zusätzlich focus/active greift */
.air-datepicker-cell.-day-.-focus-,
.air-datepicker-cell.-day-:focus {
    background: rgba(203, 20, 43, 0.2) !important;
    border-color: #CB142B !important;
}

/* GANZ wichtig – überschreibt das lila Theme komplett */
.air-datepicker-cell.-day-.-selected-:hover {
    background: #CB142B !important;
    color: #fff !important;
}

/* Today Button komplett ausblenden */
.air-datepicker--buttons {
    display: none !important;
}/* End custom CSS */