Minecraft-Modern-Theme-Child/style.css aktualisiert

Minecraft-Modern-Theme-Child/style.css

@@ -1,40 +1,55 @@
-/*
- Theme Name:   Minecraft Modern Theme Child
- Theme URI:    https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme
- Description:  Ein Child Theme für das Minecraft Modern Theme.
- Author:       M_Viper
- Author URI:   https://M-Viper.de
- Template:     minecraft-modern-theme
- Version:      1.0.0
- License:      GNU General Public License v2 or later
- License URI:  http://www.gnu.org/licenses/gpl-2.0.html
- Text Domain:  minecraft-modern-theme-child
-*/
-
-/* =Hier kommen Ihre CSS-Anpassungen hin
--------------------------------------------------------------- */
-
-/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. 
-   Zum Beispiel die neuen Regeln für die FAQ-Tabs:
-*/
-.faq-tab-content-container {
-    display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */
-    /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */
-}
-
-.faq-tab-pane {
-    /* Grid-Item-Styling */
-    grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */
-
-    /* Visuelles Ein- und Ausblenden */
-    opacity: 0; /* Standardmäßig unsichtbar */
-    pointer-events: none; /* Nicht klickbar, wenn unsichtbar */
-    transition: opacity 0.4s ease-in-out;
-}
-
-.faq-tab-pane.active {
-    opacity: 1; /* Sichtbar machen */
-    pointer-events: auto; /* Wieder klickbar machen */
-}
-
+/*
+ Theme Name:   Minecraft Modern Theme Child
+ Theme URI:    https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme
+ Description:  Ein Child Theme für das Minecraft Modern Theme.
+ Author:       M_Viper
+ Author URI:   https://M-Viper.de
+ Template:     Minecraft-Modern-Theme
+ Version:      1.1.0
+ License:      GNU General Public License v2 or later
+ License URI:  http://www.gnu.org/licenses/gpl-2.0.html
+ Text Domain:  minecraft-modern-theme-child
+*/
+
+/* =Hier kommen Ihre CSS-Anpassungen hin
+-------------------------------------------------------------- */
+
+/* Kopieren Sie Ihre geänderten CSS-Regeln hierhin. 
+   Zum Beispiel die neuen Regeln für die FAQ-Tabs:
+*/
+.faq-tab-content-container {
+    display: grid; /* Wichtig: Erzeugt ein Gitter-Layout */
+    /* Alle direkten Kinder (.faq-tab-pane) werden automatisch auf die gleiche Höhe gesetzt */
+}
+
+.faq-tab-pane {
+    /* Grid-Item-Styling */
+    grid-area: 1 / 1 / 2 / 2; /* Alle Panes belegen dieselbe Gitterzelle */
+
+    /* Visuelles Ein- und Ausblenden */
+    opacity: 0; /* Standardmäßig unsichtbar */
+    pointer-events: none; /* Nicht klickbar, wenn unsichtbar */
+    transition: opacity 0.4s ease-in-out;
+}
+
+.faq-tab-pane.active {
+    opacity: 1; /* Sichtbar machen */
+    pointer-events: auto; /* Wieder klickbar machen */
+}
+
+/* ===================================================================
+  LAYOUT-SHIFT-FIX: Slider verstecken, bis er initialisiert ist
+=================================================================== */
+.hero-slider {
+    /* Verstecke den Slider initial, um ein "Zusammenschnappen" zu verhindern */
+    opacity: 0;
+    /* Füge einen sanften Übergangseffekt für das Einblenden hinzu */
+    transition: opacity 0.4s ease-in-out;
+}
+
+/* Diese Klasse wird vom JavaScript hinzugefügt, wenn der Slider bereit ist */
+.hero-slider.swiper-initialized {
+    /* Mache den Slider sichtbar */
+    opacity: 1;
+}
 /* Fügen Sie hier zukünftig weiteres eigenes CSS hinzu */