.elementor-1922 .elementor-element.elementor-element-e3a8ab9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1922 .elementor-element.elementor-element-dac109b{text-align:center;}.elementor-1922 .elementor-element.elementor-element-dac109b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:10px;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-10px;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1922 .elementor-element.elementor-element-d48602b .elementor-labels-inline .elementor-field-group > label{padding-left:15px;}body:not(.rtl) .elementor-1922 .elementor-element.elementor-element-d48602b .elementor-labels-inline .elementor-field-group > label{padding-right:15px;}body .elementor-1922 .elementor-element.elementor-element-d48602b .elementor-labels-above .elementor-field-group > label{padding-bottom:15px;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-secondary );}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-button{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-1922 .elementor-element.elementor-element-d48602b .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-button[type="submit"]{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1922 .elementor-element.elementor-element-d48602b{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:20px;--e-form-steps-indicator-progress-meter-color:var( --e-global-color-secondary );}/* Start custom CSS for form, class: .elementor-element-d48602b *//* =================================================================== */
/* FINALE LÖSUNG (Version 4)                                           */
/* =================================================================== */

/* * TEIL 1: LAYOUT-GRUNDLAGEN (DAS NEUE FUNDAMENT)
 * Hier schaffen wir eine stabile Basis.
*/

/* Der Container für jede einzelne Option wird zum Bezugspunkt. */
.formx .elementor-field-option:has([id^="form-field-check"]) {
    position: relative !important; /* SEHR WICHTIG! Macht diesen Container zum "Anker". */
    width: 250px; /* Breite des klickbaren Bereichs */
    height: 350px; /* Höhe des klickbaren Bereichs */
    margin: 15px; /* Abstand ZWISCHEN den Bildern. Passe diesen Wert an! */
    flex-shrink: 0; /* Verhindert, dass die Bilder gequetscht werden */
}

/* Die Inputs werden wie bisher unsichtbar gemacht. */
.formx [id^="form-field-check"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; /* Sorgt dafür, dass der Cursor überall ein Zeiger ist */
    z-index: 10; /* Legt den unsichtbaren Input ganz nach oben */
}


/* * TEIL 2: STYLING DER LABELS (DEINE BILDER)
 * Das Label wird nun gezwungen, seinen Container perfekt auszufüllen.
*/
.formx [id^="form-field-check"] + label {
    /* Positioniert das Label absolut INNERHALB seines Ankers (.elementor-field-option) */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Deine Design-Stile */
    border: 5px solid #fff;
    border-radius: 0px;
    transition: all 0.2s ease-in;
    
    /* Bild-Eigenschaften */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    /* Stellt sicher, dass der Text keinen Platz einnimmt und unsichtbar ist */
    font-size: 18px !important;
    color: #ffd700 !important;
    padding: 0; /* Setzt alle Paddings zurück */
}


/* * TEIL 3: BILDER ZUWEISEN (DEIN CODE, UNVERÄNDERT)
 * Dieser Teil bleibt exakt gleich.
*/
.formx #form-field-check1-0 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Lettering.webp); 
    
}
.formx #form-field-check1-1 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Fineline.webp); 
    
}
/* ... füge hier alle deine anderen Bild-Zuweisungen ein ... */
.formx #form-field-check1-2 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Realistic.webp); }
.formx #form-field-check1-3 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Dotwork.webp); }
.formx #form-field-check1-4 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Anime-Cartoon.webp); }
.formx #form-field-check1-5 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/07/Cover-Up-scaled.jpg); }
.formx #form-field-check1-6 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/07/Anderer-Stil.jpg); }
.formx #form-field-check2-0 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Arm.webp); }
.formx #form-field-check2-1 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Bein.webp); }
.formx #form-field-check2-2 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Ruecken.webp); }
.formx #form-field-check2-3 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Brust.webp); }
.formx #form-field-check2-4 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/Bauch.webp); }
.formx #form-field-check2-5 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/AndereStelle.webp); }


.formx #form-field-check3-0 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/placeholder-1.png); }
.formx #form-field-check3-1 + label { background-image: url(https://dirtysmash.de/wp-content/uploads/2025/06/placeholder-1.png); }
.formx #form-field-check3-2 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/08/mercedes-green.png); }
.formx #form-field-check3-3 + label { background-image: url(https://filenewcreate.com/wp-content/uploads/2023/10/youtube-studio-croco-mentor.jpg); }


/* * TEIL 4: "CHECKED" UND "HOVER" STILE
 * Diese Stile verändern nur noch den Rahmen und fügen eine Farbschicht hinzu.
*/
.formx [id^="form-field-check"]:checked + label {
    border-color: #ffd700;
    /*box-shadow: inset 0 0 0 1000px rgba(125, 37, 43, 0.7);*/ /* Legt eine halbtransparente Farbschicht darüber */
}

.formx [id^="form-field-check"] + label:hover {
    border-color: #ffd700;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 255, 0.2); /* Leichter Blaustich beim Hovern */
}/* End custom CSS */