.elementor-29740 .elementor-element.elementor-element-ac7e7ca{--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;}.elementor-29740 .elementor-element.elementor-element-f37c6c2.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-f37c6c2 *//* Genereller Stil für die Radio-Button-Labels */
.wpcf7-list-item-label {
    display: inline-block;
    padding: 15px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Stil für die erste Option: Hellrosa */
.radio-option-1 .wpcf7-list-item-label {
    background-color: #fce4ec; /* Hintergrundfarbe vor der Auswahl */
}
/* Stil für die erste Option, wenn sie ausgewählt ist: Kräftiges Rosa */
.radio-option-1 input[type=radio]:checked + .wpcf7-list-item-label {
    background-color: #e91e63;
    color: #ffffff;
    font-weight: bold;
}

/* Stil für die zweite Option: Hellgrün */
.radio-option-2 .wpcf7-list-item-label {
    background-color: #e8f5e9; /* Hintergrundfarbe vor der Auswahl */
}
/* Stil für die zweite Option, wenn sie ausgewählt ist: Kräftiges Grün */
.radio-option-2 input[type=radio]:checked + .wpcf7-list-item-label {
    background-color: #4caf50;
    color: #ffffff;
    font-weight: bold;
}

/* Stil für die dritte Option: Hellblau */
.radio-option-3 .wpcf7-list-item-label {
    background-color: #e3f2fd; /* Hintergrundfarbe vor der Auswahl */
}
/* Stil für die dritte Option, wenn sie ausgewählt ist: Kräftiges Blau */
.radio-option-3 input[type=radio]:checked + .wpcf7-list-item-label {
    background-color: #2196f3;
    color: #ffffff;
    font-weight: bold;
}/* End custom CSS */