.elementor-563 .elementor-element.elementor-element-e5a032f{--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;--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}/* Start custom CSS for shortcode, class: .elementor-element-2ed897b */.solar-form,
.solar-step {
    background: transparent !important;
}
.solar-choice-card {
    background: transparent !important;
}
.solar-choice-card__icon {
    color: #ffffff !important;
}
.solar-choice-card {
    border: 1px solid rgba(24, 214, 143, 0.2) !important;
}
.solar-form .solar-choice-card:hover {
    border: 1px solid #18D68F !important;
}
.solar-form h2,
.solar-form span {
    color: #ffffff !important;
}
/* Card vorbereiten */
.solar-choice-card {
    position: relative;
}

/* Check Icon (versteckt) */
.solar-choice-card::after {
    content: "✔";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    background: #18D68F;
    color: #0f172a;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.25s ease;
}

/* Wenn ausgewählt → anzeigen */
.solar-choice-card:has(input:checked)::after {
    opacity: 1;
    transform: scale(1);
}
/* Inputs & Textarea */
.solar-fields-grid input,
.solar-fields-grid textarea {
    background: rgba(255, 255, 255, 0.1) !important;   /* 10% */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* 20% */
    color: rgba(255, 255, 255, 0.6) !important; /* 60% */
}

/* Placeholder */
.solar-fields-grid input::placeholder,
.solar-fields-grid textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}
.solar-form,
.solar-form * {
    font-family: 'Figtree', sans-serif !important;
}/* End custom CSS */