.elementor-668 .elementor-element.elementor-element-f8cca85{--display:flex;--min-height:100vh;}.elementor-668 .elementor-element.elementor-element-1dbf01f{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-668 .elementor-element.elementor-element-110adde{width:100%;max-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-668 .elementor-element.elementor-element-1dbf01f{--width:100%;}}/* Start custom CSS *//* --- GOLDEN EXCELLENCE SCROLLBAR --- */

/* Breite der Scrollbar (schmal & elegant) */
::-webkit-scrollbar {
    width: 6px;
}

/* Hintergrund der Scrollbar (Track) */
::-webkit-scrollbar-track {
    background: #050505; /* Tiefschwarz passend zum Design */
}

/* Der bewegliche Teil (Thumb) */
::-webkit-scrollbar-thumb {
    /* Gold-Gradient exakt wie beim Mauszeiger */
    background: linear-gradient(180deg, #fcf6ba 0%, #bf953f 50%, #8a6d3b 100%);
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

/* Hover-Effekt (leichtes Aufleuchten) */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #fff 0%, #fcf6ba 30%, #bf953f 100%);
}

/* Für Firefox (eingeschränkte Styling-Optionen, aber farblich passend) */
* {
    scrollbar-width: thin;
    scrollbar-color: #bf953f #050505;
}


/* =========================================
   DIAZSLAN GALLERY: "NOIR EXCELLENCE"
   ========================================= */

/* Widget Selektor & Klasse */
.elementor-element-bab04fd .e-gallery-item, 
.galery .e-gallery-item {
    /* WICHTIG: Verhindert, dass der Rahmen das Layout sprengt */
    box-sizing: border-box !important;
    
    /* 1. Der Goldene Rahmen */
    border: 1px solid #c5a059 !important;
    
    /* 2. Dezent: Leichte Abrundung & Hintergrundschatten */
    border-radius: 2px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    
    /* Saubere Transition für Hover */
    transition: all 0.3s ease-in-out;
    
    /* Stellt sicher, dass nichts übersteht */
    overflow: hidden;
    z-index: 1;
}

/* 3. Hover Effekt (Simpel) */
.elementor-element-bab04fd .e-gallery-item:hover, 
.galery .e-gallery-item:hover {
    /* Rahmen wird heller */
    border-color: #f3e5ab !important;
    
    /* Schatten wird goldener Schein */
    box-shadow: 0 8px 25px rgba(197, 160, 89, 0.25);
}

/* 4. Bild-Zoom (Nur das Bild bewegt sich INNEN, Layout bleibt fest) */
.elementor-element-bab04fd .e-gallery-image, 
.galery .e-gallery-image {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center center;
}

.elementor-element-bab04fd .e-gallery-item:hover .e-gallery-image, 
.galery .e-gallery-item:hover .e-gallery-image {
    transform: scale(1.05); /* Leichter Zoom */
}

/* Elementor Overlay Overlay entfernen, falls störend */
.elementor-element-bab04fd .elementor-gallery-item__overlay,
.galery .elementor-gallery-item__overlay {
    background: transparent !important;
}/* End custom CSS */