.elementor-326 .elementor-element.elementor-element-515c6fa{--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-326 .elementor-element.elementor-element-2406253{width:100%;max-width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2406253 */@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

    /* Wichtig: Body braucht ein Bild oder Farbe, damit der Effekt sichtbar ist */
    body { 
        margin: 0; 
        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); 
        height: 200vh; /* Damit man scrollen kann zum Testen */
    }

    .site-header {
        background: rgba(255, 255, 255, 0.7); /* Halbtransparent */
        backdrop-filter: blur(10px); /* Der Milchglas-Effekt */
        -webkit-backdrop-filter: blur(10px);
        padding: 15px 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    .logo-container {
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logo-text-erva {
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        color: #222;
        font-weight: 600;
    }
    .logo-text-cosmetics {
        font-family: 'Lato', sans-serif;
        font-size: 9px;
        color: #555;
        letter-spacing: 5px;
        text-transform: uppercase;
    }

    .main-nav ul {
        list-style: none; padding: 0; margin: 0; display: flex; gap: 30px;
    }
    .main-nav a {
        text-decoration: none;
        color: #333;
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 700; /* Fetter für Lesbarkeit auf Glas */
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .main-nav a:hover {
        color: #000;
        text-shadow: 0 0 1px rgba(0,0,0,0.3);
    }

    .header-cta {
        padding: 10px 25px;
        background-color: #1a1a1a;
        color: #fff;
        font-family: 'Lato', sans-serif;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-decoration: none;
        transition: opacity 0.3s;
    }
    .header-cta:hover {
        opacity: 0.8;
    }

    .mobile-menu-icon { display/* End custom CSS */