:root{
    --ac-gap: 16px;
    --ac-item-scale: 1; /* Nicht-aktive Items */
    --ac-active-scale: 2; /* Aktives Item */
    --ac-anim-ms: 320ms; /* Snap-Animation */
    --ac-bg: transparent; /* Slider-Hintergrund */
}
atomic-3dcarousel{
    /*--ac-gap: 16px;*/
    /*--ac-item-scale: 1; !* Nicht-aktive Items *!*/
    --ac-active-scale: 3; /* Aktives Item */
    --ac-anim-ms: 320ms; /* Snap-Animation */
    --a3dc-min-height: 0px;
    --a3dc-height: 370px;
    display:block;
    height: var(--a3dc-height);
    transition: opacity 0.5 eas-in-out;
    overflow:hidden;
    /*--ac-bg: transparent; !* Slider-Hintergrund *!*/
}
atomic-3dcarousel:not(:defined){
    opacity: 0;
}

@media (min-width:768px){
    atomic-3dcarousel{
        /*--ac-gap: 16px;*/
        /*--ac-item-scale: 1; !* Nicht-aktive Items *!*/
        --ac-active-scale: 1.5; /* Aktives Item */
        --ac-anim-ms: 320ms; /* Snap-Animation */
        --a3dc-height: 650px;
        /*--ac-bg: transparent; !* Slider-Hintergrund *!*/
    }
}
atomic-3dcarousel [data-state="active"]{
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.22);
}