.mini-rotator {
    width:100%;
    position:relative;
    display:block;
}

.mini-rotator > figure {
    position:absolute;
    top:0; left:0; right:0;
    margin:0;
    opacity:0;
    pointer-events:none;
    transition:opacity 600ms ease;
}

.mini-rotator > figure.active {
    opacity:1;
    position:relative;
    pointer-events:auto;
}

/* NAVIGATION */
.mini-rotator-nav {
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
}

/* ARROWS – jetzt größer */
.rotator-arrow {
    background:none;
    border:none;
    cursor:pointer;

    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;
}

/* SVG im Button */
.rotator-arrow svg {
    width:100%;
    height:100%;
    display:block;
    stroke:#160070;
    fill:none;
}

/* DOTS */
.rotator-dots {
    display:flex;
    gap:8px;
}

.rotator-dots button {
    width:20px;
    height:20px;
    border:none;
    background:#160070;
    cursor:pointer;
}

.rotator-dots button.active {
    background:#FFA443;
}