/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2025 | 14:52:28 */
/* Wechselrichter und Stromspeicher */
.pv-module-wrapper-stromspeicher {
    perspective: 1000px;
    position: relative;
    width: 100%;
    height: 400px;
    /* Passt die Höhe nach Bedarf an */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* Verhindert Überlappen */
}

.pv-speicher {
    width: 50%;
    /* Feste Breite für die Module */
    max-width: 300px;
    /* Maximale Breite für die Module */
    height: auto;
    /* Automatische Höhe entsprechend des Seitenverhältnisses */
    position: absolute;
    transition: transform 1s, opacity 1s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    opacity: 0;
}

.pv-speicher img {
    width: 100%;
    height: auto;
}

.pv-speicher-1, .pv-speicher-2, .pv-speicher-3, .pv-speicher-4, .pv-speicher-5 {
    transform: translateX(0) scale(0.8);
}

.pv-speicher.active {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.pv-speicher.left {
    transform: translateX(-60%) scale(0.8);
    /* Links hinter dem aktiven Modul */
    opacity: 0.5;
}

.pv-speicher.right {
    transform: translateX(60%) scale(0.8);
    /* Rechts hinter dem aktiven Modul */
    opacity: 0.5;
}

.pv-speicher.active {
    opacity: 1;
    /* Volle Opazität für das aktive Modul */
    z-index: 2;
    /* Höherer z-Index für das aktive Modul */
}

.pv-speicher img {
    width: 100%;
    height: auto;
}

.pv-speicher.left img, .pv-speicher.right img, .pv-speicher.behind img {
    opacity: 0.6;
    /* Geringere Opazität für die hinteren Module */
}