.elementor-14573 .elementor-element.elementor-element-17832b7{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:0;}.elementor-14573 .elementor-element.elementor-element-17832b7:not(.elementor-motion-effects-element-type-background), .elementor-14573 .elementor-element.elementor-element-17832b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-14573 .elementor-element.elementor-element-17832b7{--content-width:900px;}}@media(max-width:1024px){.elementor-14573 .elementor-element.elementor-element-17832b7{--margin-top:4rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;}}@media(max-width:767px){.elementor-14573 .elementor-element.elementor-element-17832b7{--margin-top:4rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;}}/* Start custom CSS for shortcode, class: .elementor-element-d3320bf */<style>
    /* 1. HINTERGRUND & KACHEL (Superchat Style) */
    body, #main { 
        background: linear-gradient(to bottom, #0086b4 50%, #f4f7f9 50%) no-repeat !important;
        background-attachment: fixed !important;
        min-height: 100vh !important;
    }

    .gform_wrapper {
        background: #ffffff !important;
        padding: 50px 40px !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
        max-width: 450px !important;
        margin: 12vh auto !important;
        text-align: center !important;
    }

    /* 2. BILD-PLATZHALTER */
    .superchat-logo { margin-bottom: 25px !important; }
    .superchat-logo img { max-width: 800px !important; height: auto !important; border-radius: 50% !important; }

    /* 3. STERNE: STRIKTE LOGIK (Links-nach-Rechts & nur Blau) */
    .gsurvey-rating {
        display: flex !important;
        flex-direction: row-reverse !important; 
        justify-content: center !important;
        gap: 8px !important;
        margin: 20px 0 30px 0 !important;
    }

    .gsurvey-rating input[type="radio"] { display: none !important; }

    /* Stern Grundzustand: Weiß mit blauer Kontur (#0086b4) */
    .gsurvey-rating label {
        cursor: pointer !important;
        width: 42px !important;
        height: 42px !important;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" stroke="%230086b4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
        transition: transform 0.1s ease !important;
    }

    /* HOVER & GEWÄHLT: Nur Blau (#0086b4) von links füllen */
    .gsurvey-rating label:hover,
    .gsurvey-rating label:hover ~ label,
    .gsurvey-rating input[type="/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17832b7 *//* 1. Den Container-Hintergrund auf das Grau setzen */
.elementor-14573 .elementor-element.elementor-element-17832b7 {
    background-color: #ebeaeb !important;
    position: relative !important;
    z-index: 1;
    overflow: hidden;
}

/* 2. Eine blaue Fläche für die obere Hälfte erzeugen */
.elementor-14573 .elementor-element.elementor-element-17832b7::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 50% !important; /* Exakt die obere Hälfte */
    background-color: #0086b4 !important;
    z-index: -1; /* Hinter das Formular legen */
}

/* 3. Sicherstellen, dass das Formular darüber schwebt */
.elementor-14573 .elementor-element.elementor-element-17832b7 .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}/* End custom CSS */