.elementor-3697 .elementor-element.elementor-element-c8b19d9{--display:flex;--min-height:25vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:10rem;--padding-bottom:6rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3697 .elementor-element.elementor-element-3ecc6c4{--display:flex;}.elementor-3697 .elementor-element.elementor-element-66bfb7a{--display:flex;}.elementor-3697 .elementor-element.elementor-element-4f4d743{--display:flex;}.elementor-3697 .elementor-element.elementor-element-2dc69c{--display:flex;--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3697 .elementor-element.elementor-element-c8b19d9{--min-height:50vh;--padding-top:8rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}@media(min-width:768px){.elementor-3697 .elementor-element.elementor-element-c8b19d9{--content-width:1400px;}}/* Start custom CSS for container, class: .elementor-element-c8b19d9 */.hero {
            position: relative;
            display: flex;
            align-items: center;


            background: linear-gradient(135deg, #fffcf5 0%, #ffffff 50%, #fef8e6 100%);
            overflow: hidden;
        }
        
/* Kristalline Orbs */
        .orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            z-index: 1;
            opacity: 0.6;
            animation: float 20s infinite alternate ease-in-out;
        }

        .orb-1 { width: 600px; height: 600px; background: #ffe066; top: -200px; left: -100px; }
        .orb-2 { width: 500px; height: 500px; background: #ffd11a; bottom: -150px; right: 5%; animation-delay: -5s; }
        .orb-3 { width: 400px; height: 400px; background: #ffffff; top: 20%; left: 30%; filter: blur(50px); animation-delay: -10s; }

        /* NEUER GLITZER EFFEKT (Garantierte Sichtbarkeit) */
        .glitter-layer {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            z-index: 2;
            pointer-events: none;
            background-image: 
                radial-gradient(circle at 10% 20%, #FFD700 2px, transparent 3px),
                radial-gradient(circle at 30% 80%, #ffffff 3px, transparent 4px),
                radial-gradient(circle at 80% 40%, #FFD700 2px, transparent 3px),
                radial-gradient(circle at 60% 10%, #ffffff 2px, transparent 3px),
                radial-gradient(circle at 90% 90%, #FFD700 3px, transparent 4px),
                radial-gradient(circle at 40% 50%, #ffffff 1px, transparent 2px),
                radial-gradient(circle at 70% 70%, #FFD700 2px, transparent 3px);
            background-size: 150px 150px;
            animation: glitterAnim 3s linear infinite alternate;
        }

        @keyframes glitterAnim {
            0% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.02); }
            100% { opacity: 0.4; transform: scale(1); }
        }

        @keyframes float {
            0% { transform: translate(0, 0); }
            100% { transform: translate(80px, -50px); }
        }/* End custom CSS */