.logoslider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.logoslider-viewport {
    overflow: hidden;
    width: 100%;
    padding: 1px 0px 1px 1px;   /* minimaler Außenabstand links/rechts */
    box-sizing: border-box;
}
.logoslider-track {
    display: flex;
    transition: transform 0.45s ease;
}

.logoslider-title {
    padding: 20px 0 15px 15px;
}

.logoslider-item {
    display: flex;
    align-items: stretch;   /* ? alle Cards gleich hoch */
    justify-content: center;
}

.logo-card-wrapper {
    width: 85%;
    height: 100%;           /* ? wrapper dehnt sich auf Item-Höhe */
    display: flex;
    align-items: stretch;   /* ? gleiche Höhe */
    justify-content: center;
}

.logo-card {
    width: 100%;
    height: 100%;           /* ? Card dehnt sich mit */
    padding: 14px;
    border-radius: 5px;
    background: var(--slide-bg, #ffffff);
    /*border: 1px solid #d7d7d7;*/
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}


.logoslider-item img {
    max-width: 100%;
    max-height: 80px;
    object-fit: contain;
}

/* --- Controls unterhalb des Sliders --- */

.logoslider-controls {
    margin: 15px 0 25px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
}

/* Pfeile */
.logoslider-prev,
.logoslider-next {
    background: #ddd;
    border: none;
    padding: 8px 12px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 6px;
    position: static;
}

/* Dots */
.logoslider-dots {
    display: flex;
    gap: 8px;
    position: static;
}

.logoslider-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #bbb;
    border: none;
    cursor: pointer;
}

.logoslider-dot.active {
    background: #333;
}