.elementor-1733 .elementor-element.elementor-element-feba7b6{--display:flex;}.elementor-1733 .elementor-element.elementor-element-e289b21{width:100%;max-width:100%;text-align:end;}.elementor-1733 .elementor-element.elementor-element-e289b21 img{width:96%;border-radius:36px 36px 36px 36px;}@media(max-width:1024px){.elementor-1733 .elementor-element.elementor-element-e289b21{text-align:end;}}@media(max-width:767px){.elementor-1733 .elementor-element.elementor-element-e289b21{text-align:end;}}/* Start custom CSS for container, class: .elementor-element-feba7b6 *//* =======================================
WEGBEGLEITER – GEMEINSAMES BILD
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 {
    position: relative;
    overflow: hidden;
}

/* HTML-Widget vollständig über das Bild legen */
.elementor-1733 .elementor-element.elementor-element-feba7b6 .elementor-widget-html {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    margin: 0;
    pointer-events: none;
}

/* Elementor-Innencontainer volle Größe */
.elementor-1733 .elementor-element.elementor-element-feba7b6 .elementor-widget-html .elementor-widget-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}


/* =======================================
ALLGEMEINE HOTSPOTS
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .wegbegleiter-hotspot {
    position: absolute;
    display: block;

    transform: translate(-50%, -50%);

    border-radius: 50%;
    background: transparent;

    z-index: 60;

    cursor: pointer !important;
    pointer-events: auto;

    transition:
        transform .45s ease,
        filter .45s ease;
}


/* =======================================
LICHTSCHEIN
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .wegbegleiter-hotspot::after {
    content: "";
    position: absolute;
    inset: -8%;

    border-radius: 50%;

    background: radial-gradient(
        ellipse at center,
        rgba(255, 246, 220, .34) 0%,
        rgba(241, 225, 194, .20) 42%,
        rgba(241, 225, 194, 0) 76%
    );

    opacity: 0;
    transform: scale(.92);

    transition:
        opacity .45s ease,
        transform .45s ease;

    pointer-events: none;
}


/* =======================================
HOVER
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .wegbegleiter-hotspot:hover {
    transform: translate(-50%, -50%) scale(1.025);
}

.elementor-1733 .elementor-element.elementor-element-feba7b6 .wegbegleiter-hotspot:hover::after {
    opacity: 1;
    transform: scale(1);
}


/* =======================================
KAIA – LINKS
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .kaia {
    left: 32%;
    top: 57%;

    width: 29%;
    height: 76%;
}


/* =======================================
HELENE – MITTE
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .helene {
    left: 48%;
    top: 52%;

    width: 28%;
    height: 82%;
}


/* =======================================
LYRA – RECHTS OBEN
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .lyra {
    left: 76%;
    top: 21%;

    width: 30%;
    height: 38%;
}


/* =======================================
MIO – RECHTS MITTE
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .mio {
    left: 70%;
    top: 49%;

    width: 18%;
    height: 31%;
}


/* =======================================
NIVA – RECHTS UNTEN IM NETZ
======================================= */

.elementor-1733 .elementor-element.elementor-element-feba7b6 .niva {
    left: 82%;
    top: 79%;

    width: 19%;
    height: 30%;
}/* End custom CSS */