.elementor-3548 .elementor-element.elementor-element-4c50abb{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:-10px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:-10px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:37px;}.elementor-3548 .elementor-element.elementor-element-4c50abb .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-3548 .elementor-element.elementor-element-4c50abb{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-3548 .elementor-element.elementor-element-4c50abb{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-4c50abb *//* --- 1. CONTAINER (Die Glass-Front) --- */
.futuristic-card {
    background: rgba(10, 25, 41, 0.4) !important; /* Transparenter für Bild-Durchsicht */
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
    
    /* Der hauchdünne Rahmen um die gesamte Card */
    border: 1px solid rgba(0, 242, 255, 0.3);
    border-radius: 15px;
    padding: 25px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* --- 2. DAS BILD (Im Hintergrund) --- */
.futuristic-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: cover !important;
    margin-bottom: 25px;
    position: relative;
    z-index: 1; /* Hinter dem Rahmen-Layer */
    
    /* Die Form */
    clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
    
    /* Dezenter Glow statt fetter Schatten */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.3));
}

/* --- DER TRICK: Der hauchdünne Rahmen (Pixel-Perfect) --- */
.futuristic-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    /* Wir nutzen ein SVG als Background für den Rahmen, das ist immer scharf */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M15 0.5 L99.5 0.5 L99.5 85 L85 99.5 L0.5 99.5 L0.5 15 Z' fill='none' stroke='%2300f2ff' stroke-width='0.5'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    pointer-events: none;
}

/* --- 3. DER TITEL (Maximum Brightness & Visibility) --- */
.futuristic-title {
    font-family: 'Orbitron', sans-serif !important;
    color: #ffffff !important;
    font-size: 1.6rem !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px !important;
    
    /* Extrem scharfer Kontrast durch Glow-Layering */
    text-shadow: 
        0px 0px 2px rgba(0,0,0,1), 
        0px 0px 8px rgba(0, 242, 255, 0.8),
        0px 0px 20px rgba(0, 242, 255, 0.4);
    z-index: 20;
}/* End custom CSS */