/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/*jssor slider bullet skin 132 css*/
.jssorb132 {position:absolute;}
.jssorb132 .i {position:absolute;cursor:pointer;}
.jssorb132 .i .b {fill:#fff;fill-opacity:0.8;stroke:#000;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.7;}
.jssorb132 .i:hover .b {fill:#000;fill-opacity:.7;stroke:#fff;stroke-width:2000;stroke-opacity:0.8;}
.jssorb132 .iav .b {fill:#000;stroke:#fff;stroke-width:2400;fill-opacity:0.8;stroke-opacity:1;}
.jssorb132 .i.idn {opacity:0.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}






    /* Weitere Anpassungen */


    div[data-u=bg]{
        background-color: unset !important;
    }

    div[data-u=bg] img{
        opacity: 1 !important;
    }

    div[data-u=arrowright]{
        transform: rotate(180deg) !important;
    }

    div[data-u=arrowleft]{
        transform: none !important;
    }


    div:has(> div[data-u=navigator] div[data-u=prototype]){
        width: 100% !important;
        left: 0 !important;
        display: flex;
        justify-content: center;
        bottom: 30px !important;
    }

    div[data-u=navigator]{
        width: 100% !important;
        left: 0 !important;
        display: flex;
    }

    div[data-u=navigator] div[data-u=prototype]{
        width: 5% !important;
        background-color: white;
        height: 3px !important;
        position: relative !important;
    }

    div[data-u=navigator] .iav{
        background: #0C6AB2 !important;
    }

    div[data-u=slides] > div{
        display: flex;
    }

    @media(min-width: 576px){
        div[data-u=navigator]{
            justify-content: center;
        }
    }

    @media (max-width: 768px){
        div[data-u=arrowright], div[data-u=arrowleft]{
            width: 420px !important;
            height: 40px !important;
        }

        div[data-u=navigator] div[data-u=prototype]{
            width: 8% !important;
        }

        div[data-u=arrowleft]{
            left: 5px !important;
        }
    }

    @media (max-width: 576px){
        div[data-u=arrowright], div[data-u=arrowleft]{
            width: 20px !important;
            height: 20px !important;
            top: 0 !important;
        }

        div[data-u=navigator] div[data-u=prototype]{
            width: 12% !important;
        }
    }