/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2025 | 14:53:32 */
.pv-module-wrapper-wechselrichter {
    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-wechsel {
    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-wechsel img {
    width: 100%;
    height: auto;
}

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

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

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

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


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

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

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