Minecraft-Modern-Theme/style.css aktualisiert

Minecraft-Modern-Theme-Child/functions.php

@@ -5,38 +5,70 @@ if ( ! defined( 'ABSPATH' ) ) {
     exit;
 }
 
-// === 1. Stylesheets korrekt laden ===
+/**
-function child_theme_enqueue_styles() {
+ * =============================================================================
-    // Lädt das Stylesheet des Parent Themes
+ * HAUPTFUNKTION: Stylesheets korrekt laden
-    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
+ * =============================================================================
+ *
+ * Diese Funktion lädt das Stylesheet des Parents zuerst.
+ * Danach wird das Stylesheet des Childs geladen.
+ * So können CSS-Regeln im Child Theme das Parent Theme gezielt überschreiben.
+ */
+function minecraft_modern_child_enqueue_styles() {
+    // 1. Das Stylesheet des Parent Themes laden
+    // get_template_directory_uri() zeigt auf den Ordner des Parent Themes.
+    // Der Handle 'minecraft-modern-style' sollte exakt dem im Parent übereinstimmen.
+    $parent_style = 'minecraft-modern-style'; 
     
-    // Lädt das Stylesheet des Child Themes (abhängig vom Parent-Style)
+    wp_enqueue_style(
-    wp_enqueue_style( 'child-style',
+        $parent_style,
+        get_template_directory_uri() . '/style.css',
+        array(),
+        wp_get_theme( get_template() )->get( 'Version' ) // WICHTIG: Wir nutzen die Version des Parents
+    );
+
+    // 2. Das Stylesheet des Child Themes laden
+    // get_stylesheet_directory_uri() zeigt auf den Ordner des Child Themes.
+    // Die Abhängigkeit 'parent-style' stellt sicher, dass es NACH dem Parent geladen wird.
+    wp_enqueue_style(
+        'minecraft-modern-child-style',
         get_stylesheet_directory_uri() . '/style.css',
-        array( 'parent-style' ),
+        array( $parent_style ),
-        wp_get_theme()->get('Version')
+        wp_get_theme()->get( 'Version' ) // Die Version des Childs (für Cache-Reset)
     );
 }
-add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles' );
+add_action( 'wp_enqueue_scripts', 'minecraft_modern_child_enqueue_styles' );
 
 
-// === 2. Nur das FAQ-Skript austauschen ===
+/**
-function child_theme_swap_faq_script() {
+ * =============================================================================
-    // Entfernt das Skript, das das Parent Theme geladen hat
+ * (OPTIONAL) Beispiel: Ein Skript des Parent Themes überschreiben
+ * =============================================================================
+ *
+ * Falls du die Logik des Sliders (z.B. die slider-init.js) im Child Theme
+ * anpassen möchtest, könntest du diese Technik nutzen.
+ * Dies ist NUR NOTWENDIG, wenn du Änderungen am JavaScript des Sliders vornehmen willst.
+ *
+ * Um dies zu aktivieren, entferne die Slashs (/) am Anfang und Ende dieses Blocks.
+ */
+/*
+function minecraft_modern_child_swap_faq_script() {
+    // Entfernt das Skript, das vom Parent Theme mit dem Handle 'faq-accordion-script' registriert wurde.
     wp_deregister_script( 'faq-accordion-script' );
 
-    // Lädt Ihr neues, verbessertes Skript aus dem Child Theme
+    // Lädt dein neues Skript aus dem Child Theme.
-    // Wir verwenden den gleichen Namen ('Handle'), um Konflikte zu vermeiden
+    // Wir verwenden denselben Namen ('Handle'), um WordPress klar zu machen,
+    // dass dieses Skript das Original ersetzt.
     wp_enqueue_script(
-        'faq-accordion-script', // Gleicher Name wie im Parent Theme
+        'faq-accordion-script', // Derselbe Handle wie im Parent Theme
-        get_stylesheet_directory_uri() . '/js/faq-accordion.js', // Pfad zur neuen JS-Datei
+        get_stylesheet_directory_uri() . '/js/faq-accordion.js', // Pfad zur neuen JS-Datei im Child Theme
-        array( 'jquery' ),
+        array( 'jquery' ), // Abhängigkeiten (hier jQuery)
-        '1.0',
+        '1.0', // Version deines Skripts
-        true
+        true // Im Footer laden
     );
 }
 // Diese Funktion wird mit einer höheren Priorität (20) ausgeführt,
 // also NACHDEM das Parent Theme sein Skript geladen hat.
-add_action( 'wp_enqueue_scripts', 'child_theme_swap_faq_script', 20 );
+add_action( 'wp_enqueue_scripts', 'minecraft_modern_child_swap_faq_script', 20 );
-
+*/
 ?>

Minecraft-Modern-Theme-Child/style.css

@@ -4,8 +4,8 @@
  Description:  Ein Child Theme für das Minecraft Modern Theme.
  Author:       M_Viper
  Author URI:   https://M-Viper.de
- Template:     minecraft-modern-theme
+ Template:     Minecraft-Modern-Theme
- Version:      1.0.0
+ 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
@@ -37,4 +37,19 @@
     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 */

Minecraft-Modern-Theme/archive-team.php

@@ -0,0 +1,47 @@
+<?php get_header(); ?>
+
+<div class="container site-main">
+    <div class="content-area">
+        <div class="team-archive-container">
+            <header class="page-header">
+                <h1 class="page-title">Unser Team</h1>
+                <p class="page-description">Lerne die Leute kennen, die diesen Server am Laufen halten.</p>
+            </header>
+
+            <?php
+            $query = new WP_Query(array('post_type' => 'team_member', 'posts_per_page' => -1, 'orderby' => 'menu_order', 'order' => 'ASC'));
+            if ( $query->have_posts() ) : ?>
+                <div class="team-grid">
+                    <?php while ( $query->have_posts() ) : $query->the_post();
+                        $rank_string = get_post_meta( get_the_ID(), '_team_member_rank', true );
+                        $img = get_the_post_thumbnail_url( get_the_ID(), 'medium' );
+                        if ( !$img ) $img = get_template_directory_uri() . '/images/default-avatar.png';
+                    ?>
+                    <article class="team-card">
+                        <div class="team-image-wrapper">
+                            <img src="<?php echo esc_url($img); ?>" alt="<?php echo esc_attr(get_the_title()); ?>">
+                        </div>
+                        <div class="team-info">
+                            <h3 class="team-name"><?php the_title(); ?></h3>
+                            <div class="team-ranks-wrapper">
+                                <?php if ( !empty($rank_string) ) {
+                                    $ranks = explode(',', $rank_string);
+                                    foreach ( $ranks as $r ) {
+                                        echo '<span class="team-rank">' . esc_html(trim($r)) . '</span>';
+                                    }
+                                } ?>
+                            </div>
+                            <div class="team-bio"><?php the_excerpt(); ?></div>
+                        </div>
+                    </article>
+                    <?php endwhile; ?>
+                </div>
+                <?php wp_reset_postdata(); ?>
+            <?php else : ?>
+                <p>Noch keine Teammitglieder.</p>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
+
+<?php get_footer(); ?>

Minecraft-Modern-Theme/css/login-style.css

@@ -0,0 +1,276 @@
+/* Minecraft Modern Theme Login & Registrierungs-Styles */
+body.login, body.login-action-register {
+    background-color: #14151a; /* Fallback-Farbe */
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    font-family: 'Raleway', sans-serif;
+}
+
+/* Dunkler Overlay für bessere Lesbarkeit */
+body.login::before, body.login-action-register::before {
+    content: '';
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(20, 21, 26, 0.8);
+    z-index: -1;
+}
+
+/* Logo zentrieren */
+body.login h1, body.login-action-register h1 {
+    text-align: center;
+    margin-bottom: 50px;
+}
+body.login h1 a, body.login-action-register h1 a {
+    width: auto;
+    height: 160px;
+    background-size: contain;
+}
+
+/* Haupt-Container, der alles umschließt */
+body.login #login, body.login-action-register #login {
+    width: 80%;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 0;
+    background: none;
+    box-shadow: none;
+}
+
+/* Der Wrapper, der vom Skript erstellt wird. */
+body.login #login-content-wrapper, body.login-action-register #login-content-wrapper {
+    display: flex;
+    align-items: stretch;
+    background-color: #252830;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+}
+
+/* Linke Spalte: Minecraft Avatar Slider (27.8%) */
+body.login #minecraft-avatar-slider, body.login-action-register #minecraft-avatar-slider {
+    flex: 0 0 27.8%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+    padding-top: 50px;
+    background-color: #1a1c23;
+    height: auto;
+    position: relative;
+    overflow: hidden;
+}
+
+body.login #minecraft-avatar-slider .avatar-slide, body.login-action-register #minecraft-avatar-slider .avatar-slide {
+    width: 100%;
+    height: auto;
+    max-height: 400px;
+    border-radius: 4px;
+    position: absolute;
+    top: 25px;
+    left: 0;
+    opacity: 0;
+    transition: opacity 0.7s ease-in-out;
+}
+
+body.login #minecraft-avatar-slider .avatar-slide-active, body.login-action-register #minecraft-avatar-slider .avatar-slide-active {
+    opacity: 1;
+}
+
+/* Rechte Spalte: Login/Registrierungs-Formular (72.2%) */
+body.login #loginform, body.login-action-register #registerform, body.login #loginform, body.login-action-register #registerform {
+    flex: 1;
+    padding: 40px;
+    background: none;
+    border: none;
+    box-shadow: none;
+}
+
+/* Formular-Felder */
+body.login #loginform p, body.login-action-register #registerform p,
+body.login #loginform label, body.login-action-register #registerform label {
+    margin-bottom: 20px;
+    color: #e4e4e4;
+    font-weight: 600;
+    display: block;
+    margin-bottom: 8px;
+}
+
+body.login #loginform input[type="text"], body.login #loginform input[type="password"], body.login-action-register #registerform input[type="text"], body.login-action-register #registerform input[type="password"], body.login #loginform input[type="email"], body.login-action-register #registerform input[type="email"] {
+    width: 100%;
+    padding: 14px;
+    background-color: #1e2029;
+    border: 1px solid #333;
+    border-radius: 4px;
+    color: #e4e4e4;
+    font-family: 'Raleway', sans-serif;
+    font-size: 16px;
+    transition: border-color 0.3s, box-shadow 0.3s;
+}
+
+body.login #loginform input[type="text"]:focus, body.login #loginform input[type="password"]:focus, body.login-action-register #registerform input[type="text"]:focus, body.login-action-register #registerform input[type="password"]:focus, body.login-action-register #registerform input[type="email"]:focus {
+    border-color: #00d4ff;
+    box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.2);
+    outline: none;
+}
+
+/* "Angemeldet bleiben" Checkbox (nur Login) */
+body.login .forgetmenot label, body.login .forgetmenot input[type="checkbox"] {
+    font-weight: 400;
+    font-size: 14px;
+    color: #a0a0a0;
+    display: flex;
+    align-items: center;
+}
+body.login .forgetmenot input[type="checkbox"] {
+    margin-right: 8px;
+}
+
+/* NEU: Stile für die Registrierungsseite */
+.auth-title {
+    text-align: center;
+    color: #e4e4e4;
+    margin-bottom: 10px;
+}
+.auth-subtitle {
+    text-align: center;
+    color: #a0a0a0;
+    margin-bottom: 40px;
+}
+.login-form-link {
+    text-align: center;
+    margin-top: 30px;
+}
+.login-form-link p {
+    margin-bottom: 0;
+}
+.login-form-link a {
+    color: #00d4ff;
+    text-decoration: none;
+    font-weight: 600;
+}
+.login-form-link a:hover {
+    color: #fff;
+}
+.logged-in-message {
+    text-align: center;
+    padding: 40px;
+    background-color: #252830;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+.logged-in-message h2 {
+    margin-top: 0;
+    color: #00d4ff;
+}
+.logged-in-message .button {
+    display: inline-block;
+    margin: 10px;
+    padding: 12px 25px;
+    background-color: #00d4ff;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 4px;
+    font-weight: 600;
+    transition: background-color 0.3s;
+}
+.logged-in-message .button:hover {
+    background-color: #00a8cc;
+}
+
+/* Container für "Angemeldet bleiben" und "Passwort vergessen" (nur Login) */
+body.login .login-options-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 25px;
+}
+
+body.login .login-options-container .forgetmenot,
+body.login .login-options-container #nav {
+    margin: 0;
+}
+
+body.login .login-options-container #nav a {
+    color: #a0a0a0;
+    text-decoration: none;
+    font-weight: 400;
+    font-size: 14px;
+    transition: color 0.2s;
+}
+body.login .login-options-container #nav a:hover {
+    color: #00d4ff;
+}
+
+/* Submit-Button (gilt für Login & Registrierung) */
+body.login #loginform .submit input[type="submit"], body.login-action-register #registerform .submit input[type="submit"] {
+    width: 100%;
+    padding: 14px;
+    background-color: #00d4ff;
+    border: none;
+    border-radius: 4px;
+    color: #fff;
+    font-family: 'Raleway', sans-serif;
+    font-weight: 600;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+body.login #loginform .submit input[type="submit"]:hover, body.login-action-register #registerform .submit input[type="submit"]:hover {
+    background-color: #00a8cc;
+}
+
+/* Anpassungen für kleinere Bildschirme */
+@media screen and (max-width: 768px) {
+    body.login #login-content-wrapper, body.login-action-register #login-content-wrapper {
+        flex-direction: column;
+    }
+    body.login #minecraft-avatar-slider, body.login-action-register #minecraft-avatar-slider {
+        flex: none;
+        width: 100%;
+        padding: 30px;
+        padding-top: 30px;
+    }
+    body.login #minecraft-avatar-slider .avatar-slide, body.login-action-register #minecraft-avatar-slider .avatar-slide {
+        max-height: 300px;
+        max-width: 200px;
+        top: 30px;
+    }
+}
+
+/* Fehlermeldungen und Hinweise */
+body.login .message, body.login #login_error, body.login-action-register .message, body.login-action-register #login_error {
+    background-color: rgba(0, 212, 255, 0.1);
+    border-left: 4px solid #00d4ff;
+    padding: 15px;
+    margin-bottom: 20px;
+    border-radius: 0 4px 4px 0;
+    color: #e4e4e4;
+}
+
+/* =========================================================================
+=== STIL FÜR DIE LINKS UNTER DEM ANMELDE-BUTTON ====================
+========================================================================= */
+
+body.login .post-login-links, body.login-action-register .post-login-links {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 15px;
+    padding-top: 15px;
+    border-top: 1px solid #333;
+}
+
+body.login .post-login-links a, body.login-action-register .post-login-links a {
+    color: #a0a0a0;
+    text-decoration: none;
+    font-size: 14px;
+    transition: color 0.2s ease;
+}
+
+body.login .post-login-links a:hover, body.login-action-register .post-login-links a:hover {
+    color: #00d4ff;
+}

Minecraft-Modern-Theme/footer.php

@@ -1,6 +1,6 @@
 <footer id="colophon" class="site-footer">
     <div class="container">
-        <div class="footer-widgets-container">
+        <!-- 1. OBERER BEREICH: Widgets -->
         <div class="footer-widgets">
             <?php if ( is_active_sidebar( 'footer-1' ) ) : ?>
                 <div class="footer-widget"><?php dynamic_sidebar( 'footer-1' ); ?></div>
@@ -12,7 +12,30 @@
                 <div class="footer-widget"><?php dynamic_sidebar( 'footer-3' ); ?></div>
             <?php endif; ?>
         </div>
+
+        <!-- 2. UNTERER BEREICH: Menü, Copyright, Legal -->
+        <div class="footer-bottom-bar">
+            
+            <div class="footer-left-group">
+                <!-- Copyright -->
+                <div class="site-info">
+                    <?php
+                    $copyright_text = get_theme_mod( 'footer_copyright', '&copy; ' . date('Y') . ' ' . get_bloginfo('name') );
+                    
+                    if ( get_theme_mod('show_footer_credit', true) ) {
+                        $full_footer_text = $copyright_text . ' <span class="footer-separator">|</span> <span class="footer-credit">
+                            <a href="https://m-viper.de" target="_blank" rel="noopener noreferrer">
+                                Minecraft Theme by M_Viper
+                            </a>
+                        </span>';
+                    } else {
+                        $full_footer_text = $copyright_text;
+                    }
+                    echo '<p>' . wp_kses_post( $full_footer_text ) . '</p>';
+                    ?>
                 </div>
+
+                <!-- Footer Menü ( falls vorhanden ) -->
                 <?php if ( has_nav_menu( 'footer' ) ) : ?>
                     <nav class="footer-navigation">
                         <?php
@@ -21,31 +44,16 @@
                                 'theme_location' => 'footer',
                                 'menu_class'     => 'footer-menu',
                                 'container'      => false,
+                                'depth'          => 1, // Nur eine Ebene
                             )
                         );
                         ?>
                     </nav>
                 <?php endif; ?>
-        <div class="site-info">
-            <?php
-            // Den Copyright-Text aus dem Customizer holen
-            $copyright_text = get_theme_mod( 'footer_copyright', '&copy; ' . date('Y') . ' ' . get_bloginfo('name') );
-            
-            // Prüfen, ob der Credit angezeigt werden soll
-            if ( get_theme_mod('show_footer_credit', true) ) {
-                // Wenn ja, den Credit-Text mit einem Trennzeichen anhängen
-                $full_footer_text = $copyright_text . ' | <span class="footer-credit">Minecraft Theme Erstellt von M_Viper 2025</span>';
-            } else {
-                // Wenn nein, nur den Copyright-Text verwenden
-                $full_footer_text = $copyright_text;
-            }
-            
-            // Den kompletten Text ausgeben
-            echo '<p>' . wp_kses_post( $full_footer_text ) . '</p>';
-            ?>
             </div>
 
-        <!-- NEU: Impressum & Datenschutz Links -->
+            <div class="footer-right-group">
+                <!-- Impressum & Datenschutz -->
                 <div class="footer-legal-links">
                     <?php
                     $impressum_url = get_theme_mod('footer_impressum_url');
@@ -53,22 +61,24 @@
                     $links = array();
 
                     if (!empty($impressum_url)) {
-                $links[] = '<a href="' . esc_url($impressum_url) . '">Impressum</a>';
+                        $links[] = '<a href="' . esc_url($impressum_url) . '"><i class="fas fa-info-circle"></i> Impressum</a>';
                     }
 
                     if (!empty($datenschutz_url)) {
-                $links[] = '<a href="' . esc_url($datenschutz_url) . '">Datenschutz</a>';
+                        $links[] = '<a href="' . esc_url($datenschutz_url) . '"><i class="fas fa-shield-alt"></i> Datenschutz</a>';
                     }
 
-            // Nur anzeigen, wenn mindestens ein Link vorhanden ist
                     if (!empty($links)) {
-                echo implode(' | ', $links);
+                        echo implode('', $links); // Kein Trennzeichen mehr, da wir Icons haben
                     }
                     ?>
                 </div>
             </div>
 
-    <!-- Ovaler Dark / Light Mode Toggle mit Sonne & Mond -->
+        </div> <!-- Ende footer-bottom-bar -->
+    </div> <!-- Ende Container -->
+    
+    <!-- THEME TOGGLE (Fixiert unten rechts) -->
     <button class="theme-toggle" aria-label="Dark/Light Mode umschalten" title="Dark / Light Mode">
         <div class="theme-toggle-icons">
             <svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">

Minecraft-Modern-Theme/front-page.php

@@ -1,24 +1,28 @@
 <?php get_header(); ?>
 
 <?php
+// =====================================================
+// HERO SLIDER ODER HERO SECTION
+// =====================================================
 if ( get_theme_mod('slider_enabled', false) ) :
 ?>
     <section class="hero-slider swiper-container">
         <div class="swiper-wrapper">
             <?php
-            for ($i = 1; $i <= 5; $i++) :
+            for ( $i = 1; $i <= 5; $i++ ) :
-                $image_url = get_theme_mod('slider_image_' . $i);
+                $image_url = get_theme_mod( 'slider_image_' . $i );
-                if ($image_url) :
+                if ( $image_url ) :
-                    $title = get_theme_mod('slider_title_' . $i);
+                    $title    = get_theme_mod( 'slider_title_' . $i );
-                    $subtitle = get_theme_mod('slider_subtitle_' . $i);
+                    $subtitle = get_theme_mod( 'slider_subtitle_' . $i );
             ?>
-                    <div class="swiper-slide" style="background-image: url('<?php echo esc_url($image_url); ?>');">
+                <div class="swiper-slide" style="background-image: url('<?php echo esc_url( $image_url ); ?>');">
                     <div class="slider-content">
-                            <?php if ($title) : ?>
+                        <?php if ( $title ) : ?>
-                                <h2 class="slider-title"><?php echo esc_html($title); ?></h2>
+                            <h2 class="slider-title"><?php echo esc_html( $title ); ?></h2>
                         <?php endif; ?>
-                            <?php if ($subtitle) : ?>
+
-                                <p class="slider-subtitle"><?php echo esc_html($subtitle); ?></p>
+                        <?php if ( $subtitle ) : ?>
+                            <p class="slider-subtitle"><?php echo esc_html( $subtitle ); ?></p>
                         <?php endif; ?>
                     </div>
                 </div>
@@ -27,11 +31,24 @@ if ( get_theme_mod('slider_enabled', false) ) :
             endfor;
             ?>
         </div>
+
+        <?php if ( ! get_theme_mod( 'slider_hide_pagination', false ) ) : ?>
             <div class="swiper-pagination"></div>
+        <?php endif; ?>
+
+        <?php if ( ! get_theme_mod( 'slider_hide_arrows', false ) ) : ?>
             <div class="swiper-button-prev"></div>
             <div class="swiper-button-next"></div>
+        <?php endif; ?>
     </section>
+
+    <!-- ================================================= -->
+    <!-- ANNOUNCEMENT ANKER (unter Slider, ohne Scroll-Bug) -->
+    <!-- ================================================= -->
+    <div id="mm-announcement-anchor"></div>
+
 <?php else : ?>
+
     <?php
     $hero_bg       = get_theme_mod( 'hero_bg_image' );
     $hero_title    = get_theme_mod( 'hero_title', 'Willkommen auf unserem Server' );
@@ -41,38 +58,76 @@ if ( get_theme_mod('slider_enabled', false) ) :
     $btn2_text     = get_theme_mod( 'hero_button_2_text', 'Zum Teamspeak' );
     $btn2_url      = get_theme_mod( 'hero_button_2_url', '#' );
     ?>
-    <section class="hero-section" style="<?php echo $hero_bg ? "background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('" . esc_url($hero_bg) . "')" : ''; ?>">
+
+    <section class="hero-section"
+        style="<?php
+            echo $hero_bg
+                ? "background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('" . esc_url( $hero_bg ) . "')"
+                : '';
+        ?>">
         <div class="container">
-            <h1 class="hero-title"><?php echo esc_html($hero_title); ?></h1>
+            <h1 class="hero-title"><?php echo esc_html( $hero_title ); ?></h1>
-            <p class="hero-subtitle"><?php echo esc_html($hero_subtitle); ?></p>
+            <p class="hero-subtitle"><?php echo esc_html( $hero_subtitle ); ?></p>
+
             <div class="hero-buttons">
-                <a href="<?php echo esc_url($btn1_url); ?>" class="hero-button-1"><?php echo esc_html($btn1_text); ?></a>
+                <a href="<?php echo esc_url( $btn1_url ); ?>" class="hero-button-1">
-                <a href="<?php echo esc_url($btn2_url); ?>" class="hero-button-2"><?php echo esc_html($btn2_text); ?></a>
+                    <?php echo esc_html( $btn1_text ); ?>
+                </a>
+                <a href="<?php echo esc_url( $btn2_url ); ?>" class="hero-button-2">
+                    <?php echo esc_html( $btn2_text ); ?>
+                </a>
             </div>
         </div>
     </section>
+
+    <!-- ================================================= -->
+    <!-- ANNOUNCEMENT ANKER (unter Hero, ohne Scroll-Bug) -->
+    <!-- ================================================= -->
+    <div id="mm-announcement-anchor"></div>
+
 <?php endif; ?>
 
+<!-- ===================================================== -->
+<!-- MAIN CONTENT -->
+<!-- ===================================================== -->
 <main id="primary" class="site-main">
     <div class="container">
         <div class="content-area">
-            <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
+
-                <article id="post-<?php the_ID(); ?>" <?php post_class('post'); ?>>
+            <?php if ( have_posts() ) : ?>
+                <?php while ( have_posts() ) : the_post(); ?>
+
+                    <article id="post-<?php the_ID(); ?>" <?php post_class( 'post' ); ?>>
+
                         <?php if ( has_post_thumbnail() ) : ?>
                             <div class="post-thumbnail">
-                            <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('medium_large'); ?></a>
+                                <a href="<?php the_permalink(); ?>">
+                                    <?php the_post_thumbnail( 'medium_large' ); ?>
+                                </a>
                             </div>
                         <?php endif; ?>
+
                         <div class="post-content">
-                        <h2 class="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+                            <h2 class="post-title">
-                        <div class="post-excerpt">
+                                <a href="<?php the_permalink(); ?>">
-                            <?php the_excerpt(); ?>
+                                    <?php the_title(); ?>
+                                </a>
+                            </h2>
+
+                            <div class="post-full-content">
+                                <?php the_content(); ?>
                             </div>
                         </div>
+
                     </article>
-            <?php endwhile; else : ?>
+
-                <p><?php _e( 'Keine Beiträge gefunden.', 'minecraft-modern-theme' ); ?></p>
+                <?php endwhile; ?>
+            <?php else : ?>
+
+                <p><?php esc_html_e( 'Keine Beiträge gefunden.', 'minecraft-modern-theme' ); ?></p>
+
             <?php endif; ?>
+
         </div>
     </div>
 </main>

Minecraft-Modern-Theme/header.php

@@ -7,19 +7,19 @@
     <?php wp_head(); ?>
 </head>
 <body <?php body_class(); ?>>
+<?php wp_body_open(); ?>
+
 <header id="masthead" class="site-header">
     <div class="container">
         <div class="header-main">
             <div class="site-branding">
                 <?php
-                // Zeigt das Logo an, wenn eines vorhanden ist.
                 if ( function_exists( 'the_custom_logo' ) && has_custom_logo() ) {
                     the_custom_logo();
                 }
                 ?>
+
                 <?php
-                // Zeigt den Titel der Website IMMER an.
-                // Verwendet <h1> auf der Startseite, sonst <p> für bessere SEO.
                 if ( is_front_page() && is_home() ) :
                     ?>
                     <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
@@ -27,17 +27,32 @@
                     <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                 <?php endif; ?>
             </div>
-            <nav id="site-navigation" class="main-navigation">
+
-                <?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => false ) ); ?>
+            <!-- NAVIGATION START -->
+            <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e('Hauptmenü','minecraft-modern-theme'); ?>">
+                <!-- Mobile Toggle Button -->
+                <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
+                    <i class="fas fa-bars"></i>
+                </button>
+
+                <?php
+                wp_nav_menu( array(
+                    'theme_location' => 'primary',
+                    'container'      => false,
+                    'menu_class'     => 'primary-menu',
+                    'fallback_cb'    => false,
+                ) );
+                ?>
             </nav>
+            <!-- NAVIGATION ENDE -->
+
             <div class="header-info">
                 <div class="social-links">
                     <?php
-    // Array mit den Social-Media-Plattformen und ihren Font Awesome Klassen
                     $social_icons = array(
                         'discord'   => 'fab fa-discord',
                         'youtube'   => 'fab fa-youtube',
-        'twitter'   => 'fab fa-x-twitter', // Neues Icon für Twitter/X
+                        'twitter'   => 'fab fa-x-twitter',
                         'facebook'  => 'fab fa-facebook-f',
                         'instagram' => 'fab fa-instagram',
                         'tiktok'    => 'fab fa-tiktok',
@@ -51,17 +66,14 @@
                         'spotify'   => 'fab fa-spotify'
                     );
 
-    // Schleife, die alle verfügbaren Icons durchgeht
+                    foreach ( $social_icons as $key => $class ) {
-    foreach ($social_icons as $key => $class) {
+                        if ( get_theme_mod( 'social_' . $key ) ) {
-        // Prüfen, ob für diese Plattform eine URL im Customizer hinterlegt wurde
+                            echo '<a href="' . esc_url( get_theme_mod( 'social_' . $key ) ) . '" target="_blank" rel="noopener"><i class="' . esc_attr( $class ) . '"></i></a>';
-        if (get_theme_mod('social_' . $key)) {
-            // Wenn ja, Link und Icon ausgeben
-            echo '<a href="' . esc_url(get_theme_mod('social_' . $key)) . '" target="_blank"><i class="' . esc_attr($class) . '"></i></a>';
                         }
                     }
                     ?>
-</div>
                 </div>
             </div>
+        </div> <!-- .header-main -->
     </div>
 </header>

Minecraft-Modern-Theme/inc/customizer.php

@@ -1,4 +1,16 @@
 <?php
+/**
+ * Minecraft Modern Theme - Customizer Settings
+ * 
+ * Enthält Einstellungen für:
+ * - Header Slider & Hero
+ * - Theme Presets (Nether, End, Classic)
+ * - Farben & Darstellung
+ * - Social Media
+ * - Footer
+ * - Login
+ * - Import/Export
+ */
 
 function minecraft_modern_customize_register( $wp_customize ) {
 
@@ -68,7 +80,7 @@ function minecraft_modern_customize_register( $wp_customize ) {
         'label'    => 'Schriftfarbe', 'section' => 'header_slider', 'settings' => 'slider_font_color',
     ) ) );
     
-    // === VERGESSENE EINSTELLUNG WIEDER HINZUGEFÜGT ===
+    // Header-Höhe
     $wp_customize->add_setting( 'header_height', array( 'default' => 'mittel', 'sanitize_callback' => 'sanitize_text_field' ) );
     $wp_customize->add_control( 'header_height', array(
         'label'    => 'Header-Höhe', 'section' => 'header_slider', 'settings' => 'header_height', 'type' => 'select',
@@ -84,7 +96,6 @@ function minecraft_modern_customize_register( $wp_customize ) {
         'label'    => 'Paginierung (Punkte) ausblenden', 'section' => 'header_slider', 'settings' => 'slider_hide_pagination', 'type' => 'checkbox',
     ) );
 
-
     // --- Sektion: Startseiten-Hero (Fallback) ---
     $wp_customize->add_section( 'hero_section', array(
         'title'       => 'Startseiten-Hero (wenn Slider deaktiviert)',
@@ -108,6 +119,19 @@ function minecraft_modern_customize_register( $wp_customize ) {
     $wp_customize->add_setting( 'hero_button_2_url', array( 'default' => '#', 'sanitize_callback' => 'esc_url_raw' ) );
     $wp_customize->add_control( 'hero_button_2_url', array( 'label' => 'Button 2 URL', 'section' => 'hero_section', 'settings' => 'hero_button_2_url', 'type' => 'url' ) );
 
+    // --- Checkbox: Seitentitel auf Startseite verstecken ---
+    $wp_customize->add_setting( 'show_home_title', array(
+        'default'           => false,
+        'sanitize_callback' => 'wp_validate_boolean',
+    ) );
+    $wp_customize->add_control( 'show_home_title', array(
+        'label'       => 'Seitentitel "Home" anzeigen',
+        'description' => 'Aktiviere diese Option, wenn der Titel "Home" über dem Slider/Inhalt angezeigt werden soll.',
+        'section'     => 'hero_section',
+        'settings'    => 'show_home_title',
+        'type'        => 'checkbox',
+    ) );
+
 
     // =========================================================================
     // === 2. FARBEN & DARSTELLUNG (KOMBINIERT) ================================
@@ -119,6 +143,34 @@ function minecraft_modern_customize_register( $wp_customize ) {
         'priority' => 30,
     ) );
 
+    // =========================================================================
+    // === NEU: THEME PRESETS (VOREINSTELLUNGEN) ==============================
+    // =========================================================================
+    
+    $wp_customize->add_setting( 'theme_color_preset', array(
+        'default'           => 'classic',
+        'sanitize_callback' => 'sanitize_key',
+        'transport'         => 'refresh',
+    ) );
+
+    $wp_customize->add_control( 'theme_color_preset', array(
+        'label'       => 'Theme Preset (Farbschema)',
+        'description' => 'Wähle ein voreingestelltes Farbschema (z. B. für Nether oder End Dimension).',
+        'section'     => 'theme_appearance_settings',
+        'settings'    => 'theme_color_preset',
+        'type'        => 'select',
+        'priority'    => 1, // Zeig es ganz oben in dieser Sektion an
+        'choices'     => array(
+            'classic' => 'Classic Minecraft (Diamant-Blau)',
+            'nether'  => 'Nether (Lava-Rot)',
+            'end'     => 'The End (Ender-Purpur)',
+        ),
+    ) );
+
+    // =========================================================================
+    // === ENDE THEME PRESETS ==================================================
+    // =========================================================================
+
     // Akzentfarbe
     $wp_customize->add_setting( 'primary_accent_color', array( 'default' => '#00d4ff', 'sanitize_callback' => 'sanitize_hex_color', 'transport' => 'refresh' ) );
     $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'primary_accent_color', array(
@@ -199,6 +251,189 @@ function minecraft_modern_customize_register( $wp_customize ) {
         'label'    => 'FAQ System aktivieren', 'section' => 'faq_settings', 'settings' => 'faq_enabled', 'type' => 'checkbox',
     ) );
 
+        // --- Sektion: Team Einstellungen ---
+    $wp_customize->add_section( 'team_settings', array( 'title' => 'Team Einstellungen', 'priority' => 65 ) );
+    $wp_customize->add_setting( 'team_enabled', array( 'default' => true, 'sanitize_callback' => 'wp_validate_boolean' ) );
+    $wp_customize->add_control( 'team_enabled', array(
+        'label'    => 'Team Showcase aktivieren', 'section' => 'team_settings', 'settings' => 'team_enabled', 'type' => 'checkbox',
+    ) );
+
+    // =========================================================================
+    // === 6. LOGIN-BEREICH ====================================================
+    // =========================================================================
+
+    $wp_customize->add_section( 'login_settings', array(
+        'title'       => 'Login-Einstellungen',
+        'priority'    => 70,
+        'description' => 'Passe das Aussehen der wp-admin Login-Seite an.',
+    ) );
+
+    // Login-Hintergrundbild
+    $wp_customize->add_setting( 'login_background_image', array(
+        'sanitize_callback' => 'esc_url_raw',
+        'transport'         => 'refresh',
+    ) );
+    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'login_background_image', array(
+        'label'       => 'Login-Hintergrundbild',
+        'section'     => 'login_settings',
+        'settings'    => 'login_background_image',
+    ) ) );
+
+    // Login-Logo
+    $wp_customize->add_setting( 'login_logo', array(
+        'sanitize_callback' => 'esc_url_raw',
+        'transport'         => 'refresh',
+    ) );
+    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'login_logo', array(
+        'label'       => 'Login-Logo (ersetzt das WordPress-Logo)',
+        'section'     => 'login_settings',
+        'settings'    => 'login_logo',
+    ) ) );
+
+    // Multi-Avatar UUIDs
+    for ($i = 1; $i <= 5; $i++) {
+        $wp_customize->add_setting( 'login_avatar_uuid_' . $i, array(
+            'sanitize_callback' => 'sanitize_text_field',
+            'transport'         => 'refresh',
+        ) );
+        $wp_customize->add_control( 'login_avatar_uuid_' . $i, array(
+            'label'       => sprintf( 'Avatar %d UUID', $i ),
+            'description' => sprintf( 'Gib die UUID für den %d. Avatar an. (Leer lassen, um zu deaktivieren)', $i ),
+            'section'     => 'login_settings',
+            'settings'    => 'login_avatar_uuid_' . $i,
+            'type'        => 'text',
+        ) );
+    }
+
+    // Slider-Geschwindigkeit
+    $wp_customize->add_setting( 'login_avatar_slider_speed', array(
+        'default'           => 4,
+        'sanitize_callback' => 'absint',
+        'transport'         => 'refresh',
+    ) );
+    $wp_customize->add_control( 'login_avatar_slider_speed', array(
+        'label'       => 'Avatar-Wechsel (in Sekunden)',
+        'description' => 'Wie viele Sekunden soll ein Avatar angezeigt werden?',
+        'section'     => 'login_settings',
+        'settings'    => 'login_avatar_slider_speed',
+        'type'        => 'number',
+        'input_attrs' => array( 'min' => 2, 'max' => 10, 'step' => 1 ),
+    ) );
+
+    // =========================================================================
+    // === 7. EXPORT / IMPORT SECTION =========================================
+    // =========================================================================
+    
+    $wp_customize->add_section( 'theme_mods_import_export', array(
+        'title'       => __( 'Einstellungen sichern', 'minecraft-modern-theme' ),
+        'priority'    => 999,
+        'description' => '',
+    ) );
+
+    // Füge ein Custom Control mit HTML hinzu
+    $wp_customize->add_setting( 'import_export_placeholder', array(
+        'sanitize_callback' => 'sanitize_text_field',
+    ) );
+
+    // Custom Control Class für Export/Import
+    class Import_Export_Control extends WP_Customize_Control {
+        public $type = 'import_export';
+        
+        public function render_content() {
+            $export_url = admin_url('admin-post.php?action=export_theme_settings');
+            $nonce = wp_create_nonce('theme-import-nonce');
+            ?>
+            <div class="import-export-wrapper" style="margin-top: 15px;">
+                <p class="description" style="margin-bottom: 20px;">
+                    <strong>Hinweis:</strong> Hier kannst du alle deine Theme-Einstellungen sichern und wiederherstellen.
+                </p>
+                
+                <a href="<?php echo esc_url($export_url); ?>" class="button button-primary button-hero" id="export-settings-btn" style="display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px;">
+                    <span class="dashicons dashicons-download" style="margin-top:3px;"></span> Einstellungen Exportieren
+                </a>
+                
+                <div style="border-top: 2px solid #ddd; padding-top: 20px; margin-top: 20px;">
+                    <label style="display:block; margin-bottom:10px; font-weight:bold;">
+                        Backup wiederherstellen:
+                    </label>
+                    <input type="file" id="import-settings-file" accept=".json" style="width:100%; margin-bottom:10px;">
+                    <button type="button" class="button button-secondary" id="import-settings-btn" disabled style="display: inline-flex; align-items: center; gap: 8px;">
+                        <span class="dashicons dashicons-upload" style="margin-top:3px;"></span> Einstellungen Importieren
+                    </button>
+                </div>
+                
+                <p class="description" style="margin-top:15px; padding: 10px; background: #fff3cd; border-left: 4px solid #ffc107;">
+                    <strong>⚠️ Warnung:</strong> Beim Import werden alle aktuellen Einstellungen überschrieben!
+                </p>
+            </div>
+            
+            <script type="text/javascript">
+                (function($) {
+                    var ajaxUrl = '<?php echo admin_url('admin-ajax.php'); ?>';
+                    var nonce = '<?php echo $nonce; ?>';
+                    
+                    $('#import-settings-file').on('change', function() {
+                        $('#import-settings-btn').prop('disabled', $(this).val() === '');
+                    });
+
+                    $('#import-settings-btn').on('click', function() {
+                        var fileInput = $('#import-settings-file')[0];
+                        
+                        if (fileInput.files.length === 0) {
+                            alert('Bitte wähle eine JSON-Datei aus.');
+                            return;
+                        }
+
+                        if (!confirm('WARNUNG: Alle aktuellen Einstellungen werden überschrieben. Bist du sicher?')) {
+                            return;
+                        }
+
+                        var formData = new FormData();
+                        formData.append('import_file', fileInput.files[0]);
+                        formData.append('action', 'import_theme_settings');
+                        formData.append('nonce', nonce);
+
+                        var $btn = $(this);
+                        var originalText = $btn.html();
+                        $btn.prop('disabled', true).html('<span class="dashicons dashicons-update" style="margin-top:3px; animation: rotation 1s infinite linear;"></span> Importiere...');
+
+                        $.ajax({
+                            url: ajaxUrl,
+                            type: 'POST',
+                            data: formData,
+                            processData: false,
+                            contentType: false,
+                            success: function(response) {
+                                if (response.success) {
+                                    alert('✅ ' + response.data);
+                                    location.reload();
+                                } else {
+                                    alert('❌ Fehler: ' + response.data);
+                                    $btn.prop('disabled', false).html(originalText);
+                                }
+                            },
+                            error: function() {
+                                alert('❌ Ein technischer Fehler ist aufgetreten.');
+                                $btn.prop('disabled', false).html(originalText);
+                            }
+                        });
+                    });
+                })(jQuery);
+            </script>
+            
+            <style>
+                @keyframes rotation {
+                    from { transform: rotate(0deg); }
+                    to { transform: rotate(360deg); }
+                }
+            </style>
+            <?php
+        }
+    }
+
+    $wp_customize->add_control( new Import_Export_Control( $wp_customize, 'import_export_placeholder', array(
+        'section' => 'theme_mods_import_export',
+    ) ) );
 }
 add_action( 'customize_register', 'minecraft_modern_customize_register' );
 
@@ -207,13 +442,12 @@ add_action( 'customize_register', 'minecraft_modern_customize_register' );
 // === DYNAMISCHES CSS =====================================================
 // =========================================================================
 
-// Diese Funktion bleibt unverändert, da sie bereits gut strukturiert ist.
 function minecraft_modern_dynamic_css_output() {
     $accent_color = get_theme_mod( 'primary_accent_color', '#00d4ff' );
     $slider_font = get_theme_mod( 'slider_font_family', 'Raleway' );
     $slider_color = get_theme_mod( 'slider_font_color', '#ffffff' );
     $slider_size_setting = get_theme_mod( 'slider_font_size', 'mittel' );
-    $header_height_setting = get_theme_mod( 'header_height', 'mittel' ); // Diese Einstellung wird hier verwendet!
+    $header_height_setting = get_theme_mod( 'header_height', 'mittel' );
 
     // Header-Höhe umwandeln
     $header_height_value = '300px';
@@ -252,7 +486,63 @@ function minecraft_modern_dynamic_css_output() {
         .slider-subtitle, .hero-subtitle {
             font-size: <?php echo esc_attr($chosen_sizes['subtitle']); ?>;
         }
+
+        /* Trennlinie unter dem Header */
+        .site-header {
+            border-bottom: 4px solid var(--primary-accent);
+        }
+
+        /* Trennlinie unter dem Slider */
+        .hero-slider {
+            border-bottom: 4px solid var(--primary-accent);
+        }
+
+        /* Trennlinie am oberen Rand des Footers */
+        .site-footer {
+            border-top: 4px solid var(--primary-accent);
+        }
     </style>
 <?php
 }
 add_action( 'wp_head', 'minecraft_modern_dynamic_css_output' );
+
+// =========================================================================
+// === THEME PRESET LOGIC (JAVASCRIPT) =====================================
+// =========================================================================
+
+/**
+ * Verbindet das Preset-Dropdown mit der Akzentfarbe-Einstellung.
+ * Sobald ein Preset gewählt wird, wird die Farbe im Customizer aktualisiert.
+ */
+function minecraft_preset_customize_js() {
+    ?>
+    <script type="text/javascript">
+        (function($) {
+            // Definiere die Farben für die Presets
+            var presetColors = {
+                'classic': '#00d4ff', // Diamant Blau
+                'nether':  '#ff3333', // Lava Rot
+                'end':     '#aa00ff'  // Ender Purpur
+            };
+
+            // Warten bis der Customizer bereit ist
+            wp.customize.bind('ready', function() {
+                
+                // Listener für das Preset-Dropdown
+                wp.customize('theme_color_preset', function(setting) {
+                    setting.bind(function(to) {
+                        // Wenn eine Farbe für das gewählte Preset existiert...
+                        if (presetColors[to]) {
+                            // ...setze die Akzentfarbe auf diesen Wert.
+                            // Das aktualisiert auch den Color Picker und die Live-Vorschau.
+                            wp.customize('primary_accent_color').set(presetColors[to]);
+                        }
+                    });
+                });
+
+            });
+        })(jQuery);
+    </script>
+    <?php
+}
+add_action('customize_controls_print_footer_scripts', 'minecraft_preset_customize_js');

Minecraft-Modern-Theme/inc/theme-updater.php

@@ -0,0 +1,125 @@
+<?php
+
+// Exit if accessed directly.
+if ( ! defined( 'ABSPATH' ) ) {
+    exit;
+}
+
+// === ZENTRALE VERSIONSKONSTANTE ===
+// Bitte passen Sie diese Version bei jedem Release an!
+define( 'MINECRAFT_MODERN_THEME_VERSION', '1.6' );
+
+
+// === THEME UPDATE NOTIFICATION SYSTEM ===
+
+// Funktion zum Abrufen der neuesten Release-Informationen vom Git-Repository
+function minecraft_modern_get_latest_release_info() {
+    $transient_key = 'minecraft_modern_latest_release';
+    
+    // Versuche, die Daten aus dem Transient-Cache zu holen
+    $release_info = get_transient($transient_key);
+    
+    // Wenn der Cache leer oder abgelaufen ist, rufe neue Daten ab
+    if (false === $release_info) {
+        $response = wp_remote_get('https://git.viper.ipv64.net/api/v1/repos/M_Viper/Minecraft-Modern-Theme/releases/latest');
+        
+        if (!is_wp_error($response) && 200 === wp_remote_retrieve_response_code($response)) {
+            $body = wp_remote_retrieve_body($response);
+            $release_data = json_decode($body, true);
+            
+            if ($release_data && isset($release_data['tag_name'])) {
+                $release_info = array(
+                    'version' => $release_data['tag_name'],
+                    'download_url' => $release_data['zipball_url'],
+                    'release_notes' => isset($release_data['body']) ? $release_data['body'] : '',
+                    'published_at' => isset($release_data['published_at']) ? $release_data['published_at'] : ''
+                );
+                
+                // Speichere die Daten für 12 Stunden im Cache
+                set_transient($transient_key, $release_info, 12 * HOUR_IN_SECONDS);
+            }
+        } else {
+            // Bei Fehler, leere Daten für 1 Stunde cachen, um wiederholte fehlgeschlagene Anfragen zu vermeiden
+            set_transient($transient_key, array(), HOUR_IN_SECONDS);
+        }
+    }
+    
+    return $release_info;
+}
+
+// Funktion zum Anzeigen der Update-Benachrichtigung im Admin-Bereich
+function minecraft_modern_show_update_notification() {
+    // Nur im Admin-Bereich und für Administratoren anzeigen
+    if (!is_admin() || !current_user_can('manage_options')) {
+        return;
+    }
+    
+    // Aktuelle Theme-Version abrufen (JETZT AUS UNSERER KONSTANTE)
+    $current_version = MINECRAFT_MODERN_THEME_VERSION;
+    
+    // Neueste Release-Informationen abrufen
+    $latest_release = minecraft_modern_get_latest_release_info();
+    
+    // Wenn wir gültige Release-Informationen haben und die Versionen unterschiedlich sind
+    if (!empty($latest_release) && isset($latest_release['version']) && version_compare($current_version, $latest_release['version'], '<')) {
+        ?>
+        <div class="notice notice-warning is-dismissible">
+            <h3><?php _e('Minecraft Modern Theme Update Available', 'minecraft-modern-theme'); ?></h3>
+            <p>
+                <?php 
+                printf(
+                    __('You are using version %1$s of the Minecraft Modern Theme. Version %2$s is now available.', 'minecraft-modern-theme'),
+                    '<strong>' . esc_html($current_version) . '</strong>',
+                    '<strong>' . esc_html($latest_release['version']) . '</strong>'
+                );
+                ?>
+            </p>
+            <p>
+                <a href="<?php echo esc_url($latest_release['download_url']); ?>" class="button button-primary" target="_blank">
+                    <?php _e('Download Latest Version', 'minecraft-modern-theme'); ?>
+                </a>
+                <a href="https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme/releases" class="button" target="_blank">
+                    <?php _e('View Release Notes', 'minecraft-modern-theme'); ?>
+                </a>
+            </p>
+        </div>
+        <?php
+    }
+}
+add_action('admin_notices', 'minecraft_modern_show_update_notification');
+
+// Funktion zum Hinzufügen eines Update-Status-Widgets zum Dashboard
+function minecraft_modern_add_dashboard_widget() {
+    wp_add_dashboard_widget(
+        'minecraft_modern_update_widget',          // Widget slug.
+        'Minecraft Modern Theme Status',           // Title.
+        'minecraft_modern_update_widget_function'  // Display function.
+    );
+}
+add_action('wp_dashboard_setup', 'minecraft_modern_add_dashboard_widget');
+
+// Funktion zum Anzeigen des Inhalts im Dashboard-Widget
+function minecraft_modern_update_widget_function() {
+    // Aktuelle Theme-Version abrufen (JETZT AUS UNSERER KONSTANTE)
+    $current_version = MINECRAFT_MODERN_THEME_VERSION;
+    
+    // Neueste Release-Informationen abrufen
+    $latest_release = minecraft_modern_get_latest_release_info();
+    
+    echo '<p><strong>' . __('Current Version:', 'minecraft-modern-theme') . '</strong> ' . esc_html($current_version) . '</p>';
+    
+    if (!empty($latest_release) && isset($latest_release['version'])) {
+        if (version_compare($current_version, $latest_release['version'], '<')) {
+            echo '<p><strong>' . __('Latest Version:', 'minecraft-modern-theme') . '</strong> <span style="color: #d63638;">' . esc_html($latest_release['version']) . '</span></p>';
+            echo '<p><strong>' . __('Status:', 'minecraft-modern-theme') . '</strong> <span style="color: #d63638;">' . __('Update Available', 'minecraft-modern-theme') . '</span></p>';
+            echo '<p><a href="' . esc_url($latest_release['download_url']) . '" class="button button-primary" target="_blank">' . __('Download Update', 'minecraft-modern-theme') . '</a></p>';
+        } else {
+            echo '<p><strong>' . __('Latest Version:', 'minecraft-modern-theme') . '</strong> <span style="color: #46b450;">' . esc_html($latest_release['version']) . '</span></p>';
+            echo '<p><strong>' . __('Status:', 'minecraft-modern-theme') . '</strong> <span style="color: #46b450;">' . __('Up to Date', 'minecraft-modern-theme') . '</span></p>';
+        }
+    } else {
+        echo '<p><strong>' . __('Status:', 'minecraft-modern-theme') . '</strong> ' . __('Unable to check for updates', 'minecraft-modern-theme') . '</p>';
+    }
+    
+    echo '<p><a href="https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme/releases" target="_blank">' . __('View All Releases', 'minecraft-modern-theme') . '</a></p>';
+}

Minecraft-Modern-Theme/js/announcement.js

@@ -0,0 +1,84 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const bar = document.getElementById("mm-announcement");
+    if (!bar) return;
+
+    // --- 1. Positionierung ---
+    const position = bar.dataset.position || 'below-header';
+
+    if (position === "top") {
+        document.body.insertAdjacentElement('afterbegin', bar);
+    } 
+    else if (position === "below-slider") {
+        const anchor = document.getElementById("mm-announcement-anchor");
+        if (anchor) {
+            anchor.replaceWith(bar);
+        } else {
+            const header = document.getElementById("masthead");
+            if (header) header.insertAdjacentElement('afterend', bar);
+        }
+    }
+    else if (position === "below-header") {
+        const header = document.getElementById("masthead");
+        if (header) header.insertAdjacentElement('afterend', bar);
+    } 
+    else {
+        const header = document.getElementById("masthead");
+        if (header) header.insertAdjacentElement('afterend', bar);
+    }
+
+    const closeBtn = bar.querySelector(".mm-announcement-close");
+    if (closeBtn) {
+        closeBtn.addEventListener("click", function () {
+            bar.style.display = "none";
+        });
+    }
+
+    // --- 2. Countdown Timer Logik ---
+    const timerElement = document.querySelector('.mm-countdown-timer');
+    
+    if (timerElement) {
+        const targetDateString = timerElement.getAttribute('data-date');
+        const expiredMessage = timerElement.getAttribute('data-expired');
+        
+        // Prüfen ob Datum gesetzt ist
+        if (targetDateString) {
+            const countDownDate = new Date(targetDateString).getTime();
+
+            const updateTimer = setInterval(function() {
+                const now = new Date().getTime();
+                const distance = countDownDate - now;
+
+                if (distance < 0) {
+                    clearInterval(updateTimer);
+                    timerElement.innerHTML = expiredMessage;
+                    // Optional: Rot einfärben wenn abgelaufen
+                    timerElement.style.color = '#ff3333'; 
+                    return;
+                }
+
+                // Zeitberechnung
+                const days = Math.floor(distance / (1000 * 60 * 60 * 24));
+                const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+                const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+                const seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+                // Formatierung (z.B. 05 statt 5)
+                const fDays = days > 0 ? days + "d " : "";
+                const fHours = hours < 10 ? "0" + hours : hours;
+                const fMinutes = minutes < 10 ? "0" + minutes : minutes;
+                const fSeconds = seconds < 10 ? "0" + seconds : seconds;
+
+                timerElement.innerHTML = fDays + fHours + ":" + fMinutes + ":" + fSeconds;
+            }, 1000);
+            
+            // Sofort einmal ausführen, um Ladezeit zu vermeiden
+            // Wir lösen das Interval manuell für den ersten Durchlauf aus, 
+            // indem wir den Code kopieren oder den Timeout kurz setzen. 
+            // Für diesen Fall reicht der erste Tick nach 1 Sekunde, 
+            // aber wir können es direkt aufrufen:
+            // (Hier nutzen wir einfach den ersten Tick des Intervals)
+        } else {
+            timerElement.style.display = 'none';
+        }
+    }
+});

Minecraft-Modern-Theme/js/login-script.js

@@ -0,0 +1,19 @@
+jQuery(document).ready(function($) {
+    // Warte, bis das DOM vollständig geladen ist
+    // Wir erstellen einen Wrapper um den Avatar-Slider und das Formular, um das Flexbox-Layout zu ermöglichen.
+    const avatar = $('#minecraft-avatar-slider');
+    const form = $('#loginform');
+    
+    // Nur ausführen, wenn beide Elemente existieren
+    if (avatar.length && form.length) {
+        // Erstelle einen neuen Wrapper-Div
+        const wrapper = $('<div id="login-content-wrapper"></div>');
+        
+        // Füge den Wrapper vor dem Formular in den #login Container ein
+        form.before(wrapper);
+        
+        // Verschiebe den Avatar-Slider und das Formular in den Wrapper
+        wrapper.append(avatar);
+        wrapper.append(form);
+    }
+});

Minecraft-Modern-Theme/js/login-slider.js

@@ -0,0 +1,25 @@
+jQuery(document).ready(function($) {
+    const slider = $('#minecraft-avatar-slider');
+    const slides = slider.find('.avatar-slide');
+    
+    // Nur starten, wenn es mehr als einen Slide gibt
+    if (slides.length > 1) {
+        let currentIndex = 0;
+
+        function showSlide(index) {
+            slides.removeClass('avatar-slide-active');
+            slides.eq(index).addClass('avatar-slide-active');
+        }
+
+        function nextSlide() {
+            currentIndex = (currentIndex + 1) % slides.length;
+            showSlide(currentIndex);
+        }
+
+        // Geschwindigkeit aus den WordPress-Einstellungen holen
+        const speed = avatarSliderSettings.speed || 4000;
+
+        // Den Slider alle X Sekunden wechseln
+        setInterval(nextSlide, speed);
+    }
+});

Minecraft-Modern-Theme/js/mm-announcement-admin.js

@@ -0,0 +1,158 @@
+(function($){
+    $(document).ready(function(){
+
+        const fonts = window.MM_Announcement_Fonts || {};
+        const current = window.MM_Announcement_Current || {};
+        const fontSelect = $('#mm-announcement-font');
+        const sizeInput = $('#mm-announcement-size');
+        const bgInput = $('#mm-announcement-bg');
+        const colorInput = $('#mm-announcement-color');
+        const previewText = $('#mm-announcement-preview-text');
+        const previewWrap = $('#mm-announcement-preview');
+        const positionSelect = $('#mm-announcement-position');
+
+        // Helper: lädt Google-Font-Link oder updatet existing
+        function ensureGoogleFont(googleName) {
+            if (!googleName) return;
+            const id = 'mm-admin-google-font';
+            const href = 'https://fonts.googleapis.com/css2?family=' + encodeURIComponent(googleName) + ':wght@400;700&display=swap';
+            let link = document.getElementById(id);
+            if (link) {
+                if (link.getAttribute('href') !== href) link.setAttribute('href', href);
+            } else {
+                link = document.createElement('link');
+                link.id = id;
+                link.rel = 'stylesheet';
+                link.href = href;
+                document.head.appendChild(link);
+            }
+        }
+
+        // Update preview appearance based on font key
+        function updatePreviewForFontKey(key) {
+            const meta = fonts[key];
+            if (!meta) {
+                previewText.css('font-family', '');
+                return;
+            }
+            previewText.css('font-family', meta.css);
+            if (meta.google && meta.google_name) {
+                ensureGoogleFont(meta.google_name);
+            }
+        }
+
+        // Update size/colors/position UI
+        function updateSizeAndColors() {
+            const size = parseInt(sizeInput.val(), 10) || 16;
+            previewText.css('font-size', size + 'px');
+            previewWrap.css('background', bgInput.val());
+            previewWrap.css('color', colorInput.val());
+        }
+
+        // Read content from wp_editor (TinyMCE) or textarea
+        function getEditorText() {
+            // Try TinyMCE first
+            if ( typeof tinymce !== 'undefined' ) {
+                try {
+                    const ed = tinymce.get('mm_announcement_text');
+                    if (ed && !ed.isHidden()) {
+                        // getContent then strip tags
+                        const html = ed.getContent({format: 'html'});
+                        const tmp = document.createElement('div');
+                        tmp.innerHTML = html;
+                        return tmp.textContent || tmp.innerText || '';
+                    }
+                } catch (e) {
+                    // ignore
+                }
+            }
+            // Fallback to textarea
+            const ta = $('#mm_announcement_text');
+            if (ta.length) {
+                const tmp = document.createElement('div');
+                tmp.innerHTML = ta.val();
+                return tmp.textContent || tmp.innerText || '';
+            }
+            return '';
+        }
+
+        // Update preview text from editor content
+        function updatePreviewTextFromEditor() {
+            const text = getEditorText();
+            if (text && text.trim().length) {
+                previewText.text(text.trim());
+            } else {
+                previewText.text(current.text || 'Das ist eine Vorschau: Wie sieht die Schrift aus?');
+            }
+        }
+
+        // Initialize controls with current settings
+        if (current.font) {
+            updatePreviewForFontKey(current.font);
+            fontSelect.val(current.font);
+        } else {
+            updatePreviewForFontKey(fontSelect.val());
+        }
+        if (current.size) sizeInput.val(current.size);
+        if (current.bg) bgInput.val(current.bg);
+        if (current.color) colorInput.val(current.color);
+
+        updateSizeAndColors();
+        updatePreviewTextFromEditor();
+
+        // Attach events --------------------------------------------------
+
+        // font change
+        fontSelect.on('change', function(){
+            const key = $(this).val();
+            updatePreviewForFontKey(key);
+        });
+
+        // size/color/position change
+        sizeInput.on('input change', updateSizeAndColors );
+        bgInput.on('input change', updateSizeAndColors );
+        colorInput.on('input change', updateSizeAndColors );
+
+        // Editor changes:
+        // - TinyMCE: listen for keyup / change events when editor is ready
+        // - Textarea: listen for input
+        function attachEditorListeners() {
+            // TinyMCE
+            if ( typeof tinymce !== 'undefined' ) {
+                const ed = tinymce.get('mm_announcement_text');
+                if (ed) {
+                    ed.on('keyup change NodeChange', function(){
+                        updatePreviewTextFromEditor();
+                    });
+                }
+            }
+
+            // Textarea fallback
+            $('#mm_announcement_text').on('input change', function(){
+                updatePreviewTextFromEditor();
+            });
+        }
+
+        // TinyMCE initialisation might be async — poll short time then attach
+        let tries = 0;
+        const waitForEditor = setInterval(function(){
+            tries++;
+            if ( (typeof tinymce !== 'undefined' && tinymce.get('mm_announcement_text')) || $('#mm_announcement_text').length ) {
+                clearInterval(waitForEditor);
+                attachEditorListeners();
+            } else if (tries > 30) { // about 3s
+                clearInterval(waitForEditor);
+                // still attach textarea event just in case
+                $('#mm_announcement_text').on('input change', updatePreviewTextFromEditor);
+            }
+        }, 100);
+
+        // Also update preview when the form is programmatically changed (e.g., quicktags)
+        $(document).on('change', '#mm-announcement-font, #mm-announcement-size, #mm-announcement-bg, #mm-announcement-color', function(){
+            updateSizeAndColors();
+            updatePreviewForFontKey($('#mm-announcement-font').val());
+            updatePreviewTextFromEditor();
+        });
+
+    });
+})(jQuery);

Minecraft-Modern-Theme/js/navigation.js

@@ -0,0 +1,40 @@
+( function() {
+    const siteNavigation = document.getElementById( 'site-navigation' );
+    const menuToggle = siteNavigation.querySelector( '.menu-toggle' );
+
+    // Early exit wenn kein Toggle da ist
+    if ( ! menuToggle ) {
+        return;
+    }
+
+    // Toggle Klassen hinzufügen (Menü öffnen/schließen)
+    menuToggle.addEventListener( 'click', function() {
+        siteNavigation.classList.toggle( 'toggled' );
+        
+        // Aria States aktualisieren
+        if ( menuToggle.getAttribute( 'aria-expanded' ) === 'true' ) {
+            menuToggle.setAttribute( 'aria-expanded', 'false' );
+            menuToggle.innerHTML = '<i class="fas fa-bars"></i>';
+        } else {
+            menuToggle.setAttribute( 'aria-expanded', 'true' );
+            menuToggle.innerHTML = '<i class="fas fa-times"></i>';
+        }
+    } );
+
+    // Mobile Submenu Toggle (Klick auf Parent-Item öffnet Untermenü)
+    const subMenuParents = siteNavigation.querySelectorAll( '.menu-item-has-children' );
+
+    subMenuParents.forEach( function( subMenuParent ) {
+        subMenuParent.addEventListener( 'click', function( e ) {
+            // Nur auf Mobil aktivieren (Media Query Check)
+            if ( window.innerWidth <= 992 ) {
+                // Optional: Verhindern, dass der Link geklickt wird, wenn man nur das Menü öffnen will
+                // e.preventDefault(); 
+
+                // Klasse 'active' umschalten für das CSS Display
+                this.classList.toggle( 'active' );
+            }
+        } );
+    } );
+
+} )();

Minecraft-Modern-Theme/js/scroll-to-top.js

@@ -0,0 +1,30 @@
+jQuery(document).ready(function($) {
+    // Wähle den Button aus
+    var scrollButton = $('#scroll-to-top');
+
+    // Funktion zum Anzeigen oder Verstecken des Buttons
+    function toggleScrollButton() {
+        // Wenn mehr als 300px gescrollt wurde, zeige den Button
+        if ($(window).scrollTop() > 300) {
+            scrollButton.addClass('show');
+        } else {
+            scrollButton.removeClass('show');
+        }
+    }
+
+    // Event Listener für das Scrollen
+    $(window).on('scroll', function() {
+        toggleScrollButton();
+    });
+
+    // Event Listener für den Klick auf den Button
+    scrollButton.on('click', function(e) {
+        // Verhindere das Standardverhalten des Links
+        e.preventDefault();
+        
+        // Scrolle die Seite sanft nach oben
+        $('html, body').animate({
+            scrollTop: 0
+        }, 800); // 800ms für eine sanfte Animation
+    });
+});

Minecraft-Modern-Theme/js/slider-init.js

@@ -2,53 +2,50 @@ document.addEventListener('DOMContentLoaded', function() {
     // Hole den Slider-Container
     const heroSlider = document.querySelector('.hero-slider');
 
-    // Stelle sicher, dass der Slider auf der Seite existiert, bevor du versuchst, ihn zu konfigurieren
+    // Stelle sicher, dass der Slider auf der Seite existiert
     if (!heroSlider) {
         return;
     }
 
     // Konfiguration für den Slider vorbereiten
     const swiperConfig = {
-        // Optionen für den Slider
+        // Der Effekt ist jetzt fest auf "Überblenden" eingestellt
-        loop: true, // Endloses Schleifen
+        effect: 'fade',
+        fadeEffect: {
+            crossFade: true
+        },
+
+        // Loop-Einstellung ist jetzt DYNAMISCH
+        loop: sliderSettings.loop === '1',
 
         // Autoplay
         autoplay: {
-            delay: 5000, // 5 Sekunden pro Slide
+            delay: 5000,
-            disableOnInteraction: false, // Autoplay nicht nach Klick stoppen
+            disableOnInteraction: false,
         },
 
-        // Wenn der Nutzer die Maus darüber bewegt, pausieren
         pauseOnMouseEnter: true,
 
-        // Effekt
+        // Prüfe, ob die Pfeile NICHT ausgeblendet werden sollen
-        effect: 'fade', // Übergangseffekt: 'slide', 'fade', 'cube', etc.
+        navigation: sliderSettings.hideArrows !== '1' ? {
-        fadeEffect: {
-            crossFade: true
-        }
-    };
-
-    // Prüfe, ob die Pfeile ausgeblendet werden sollen
-    if (sliderSettings.hideArrows === '1') {
-        heroSlider.classList.add('slider-hide-arrows');
-    } else {
-        // Navigation nur hinzufügen, wenn sie nicht ausgeblendet wird
-        swiperConfig.navigation = {
             nextEl: '.swiper-button-next',
             prevEl: '.swiper-button-prev',
-        };
+        } : false,
-    }
 
-    // Prüfe, ob die Paginierung ausgeblendet werden soll
+        // Prüfe, ob die Paginierung NICHT ausgeblendet werden soll
-    if (sliderSettings.hidePagination === '1') {
+        pagination: sliderSettings.hidePagination !== '1' ? {
-        heroSlider.classList.add('slider-hide-pagination');
-    } else {
-        // Pagination nur hinzufügen, wenn sie nicht ausgeblendet wird
-        swiperConfig.pagination = {
             el: '.swiper-pagination',
-            clickable: true, // Klick auf Punkt springt zum Slide
+            clickable: true,
+        } : false,
+        
+        on: {
+            init: function () {
+                setTimeout(() => {
+                    heroSlider.classList.add('swiper-initialized');
+                }, 50);
+            },
+        },
     };
-    }
 
     // Initialisiere den Slider mit der konfigurierten Optionen
     new Swiper('.hero-slider', swiperConfig);

Minecraft-Modern-Theme/page-login.php

@@ -0,0 +1,84 @@
+<?php
+/*
+Template Name: Benutzerdefinierte Authentifizierungsseite
+*/
+
+get_header(); ?>
+
+<div class="container">
+    <div id="primary" class="content-area">
+        <main id="main" class="site-main">
+            <div class="custom-auth-container">
+                <?php if (is_user_logged_in()) : ?>
+                    <!-- Wenn der Benutzer angemeldet ist, zeige eine Nachricht und einen Logout-Link -->
+                    <div class="logged-in-message">
+                        <h2>Willkommen zurück, <?php echo esc_html(wp_get_current_user()->display_name); ?>!</h2>
+                        <p>Du bist bereits angemeldet.</p>
+                        <p>
+                            <a href="<?php echo esc_url(wp_logout_url(home_url())); ?>" class="button">Abmelden</a>
+                            <a href="<?php echo esc_url(admin_url()); ?>" class="button">Zum Dashboard</a>
+                        </p>
+                    </div>
+                <?php else : ?>
+                    <!-- Wenn der Benutzer nicht angemeldet ist, zeige das Registrierungsformular -->
+                    <h1 class="auth-title">Willkommen auf <?php bloginfo('name'); ?></h1>
+                    <p class="auth-subtitle">Erstelle deinen Account und werde Teil unserer Community!</p>
+                    
+                    <?php
+                    // Zeige das Registrierungsformular an
+                    $args = array(
+                        'echo'           => true,
+                        'redirect'       => home_url('/login/?checkemail=registered'), // Weiterleitung nach der Registrierung
+                        'form_id'        => 'custom_registerform',
+                        'label_username' => __( 'Benutzername' ),
+                        'label_email'    => __( 'E-Mail-Adresse' ),
+                        'label_password' => __( 'Passwort' ),
+                        'label_remember' => __( 'Angemeldet bleiben' ),
+                        'label_log_in'   => __( 'Registrieren' ),
+                        'id_username'    => 'user_login',
+                        'id_email'       => 'user_email',
+                        'id_password'    => 'user_pass',
+                        'id_remember'    => 'rememberme',
+                        'id_submit'      => 'wp-submit',
+                        'remember'       => true,
+                        'value_username' => NULL,
+                        'value_remember' => false
+                    );
+                    wp_register_form($args);
+                    ?>
+                    
+                    <div class="login-form-link">
+                        <p>Schon hast du einen Account? <a href="<?php echo esc_url(wp_login_url()); ?>">Hier anmelden</a>.</p>
+                    </div>
+                <?php endif; ?>
+            </div>
+        </main>
+    </div>
+</div>
+
+<?php
+// Hintergrundbild aus dem Customizer holen und als Inline-CSS ausgeben
+ $auth_bg_image = get_theme_mod('login_background_image');
+if ($auth_bg_image):
+?>
+<style>
+    body.login, body.login-action-register {
+        background-image: url('<?php echo esc_url($auth_bg_image); ?>') !important;
+        background-size: cover !important;
+        background-position: center !important;
+        background-repeat: no-repeat !important;
+    }
+    body.login::before, body.login-action-register::before {
+        content: '';
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(20, 21, 26, 0.8);
+        z-index: -1;
+    }
+</style>
+<?php endif; ?>
+
+<?php get_footer(); ?>

README.md

@@ -1,2 +1,100 @@
-# Minecraft-Modern-Theme
+# Minecraft Modern Theme
 
+Ein modernes und flexibles WordPress-Theme, perfekt für Minecraft-Server, Gaming-Communities und Gamer-Blogs. Passe deine Seite mit wenigen Klicks ganz nach deinem Stil an!
+
+
+<div align="center">
+  <img src="https://git.viper.ipv64.net/M_Viper/Minecraft-Modern-Theme/raw/branch/main/Minecraft-Modern-Theme/screenshot.PNG" alt="Theme Screenshot" style="max-width: 500px; width: 100%; height: auto; border-radius: 8px;">
+</div>
+
+---
+
+## 🚀 Hauptfunktionen
+
+-   **🎨 Dynamischer Header-Slider:** Zeige bis zu 5 beeindruckende Banner mit individuellem Text, Effekten und Animationen.
+-   **🌙 Dark & Light Mode:** Lass deine Besucher zwischen einem dunklen und einem hellen Design wählen.
+-   **🎨 Komplette Farbanpassung:** Wähle deine eigene Akzentfarbe und Hintergrundfarbe, um dein Branding perfekt abzubilden.
+-   **🌐 Social Media Integration:** Verlinke einfach all deine Kanäle (Discord, YouTube, Twitter, TikTok und viele mehr).
+-   **📄 Eigenes FAQ-System:** Erstelle und verwalte eine eigene FAQ-Seite direkt im WordPress-Menü, ohne zusätzliche Plugins.
+-   **🔐 Angepasste Login-Seite:** Gestalte die Login-Seite mit deinem eigenen Logo, Hintergrund und einem coolen Minecraft-Avatar-Slider.
+-   **⬆️ "Nach oben"-Button:** Ein praktischer Button, der deinen Besuchern das Scrollen erleichtert.
+
+---
+
+## 📦 Installation (in 3 einfachen Schritten)
+
+1.  **Lade das Theme herunter:** Lade die `minecraft-modern.zip`-Datei herunter.
+2.  **Lade es in WordPress hoch:**
+    *   Gehe in deinem WordPress-Adminbereich zu **Design > Themes > Installieren**.
+    *   Klicke auf den Button **Theme hochladen**.
+    *   Wähle die heruntergeladene `minecraft-modern.zip`-Datei aus und installiere sie.
+3.  **Aktiviere das Theme:** Klicke nach der Installation auf **Aktivieren**. Fertig!
+
+---
+
+## 👶 Wichtig: Nutze das Child Theme!
+
+Wenn du planst, Anpassungen vorzunehmen (z.B. Farben per Code ändern oder PHP-Dateien bearbeiten), solltest du unbedingt das mitgelieferte **Child Theme** verwenden.
+
+**Warum?** Damit deine persönlichen Anpassungen bei einem Theme-Update nicht überschrieben werden!
+
+### Installation des Child Themes (Der einfache Weg)
+
+1.  **Lade das Child Theme herunter:** Lade die `minecraft-modern-child.zip`-Datei herunter.
+2.  **Lade es in WordPress hoch:**
+    *   Gehe zu **Design > Themes > Installieren**.
+    *   Klicke auf **Theme hochladen**.
+    *   Wähle die `minecraft-modern-child.zip`-Datei aus und installiere sie.
+3.  **Aktiviere das Child Theme:** Klicke auf **Aktivieren**.
+
+**Wichtig:** Das Haupt-Theme (Minecraft Modern) muss weiterhin installiert bleiben, darf aber nicht aktiviert sein. WordPress erkennt dies automatisch.
+
+---
+
+## ⚙️ So passt du dein Theme an
+
+Gehe in deinem WordPress-Dashboard zu **Design > Anpassen**, um in die Einstellungen zu gelangen.
+
+### 1. Header-Slider einrichten
+
+Unter dem Punkt **Header Slider** kannst du:
+-   Den Slider mit einem Haken aktivieren.
+-   Bis zu 5 **Bilder, Titel und Untertitel** hochladen.
+-   Die **Schriftart, -größe und -farbe** anpassen.
+-   Einen **Effekt** auswählen (z.B. Überblenden oder Würfel).
+-   Die **Pfeile** oder **Punkte** zur Navigation ausblenden.
+
+### 2. Farben & Design auswählen
+
+Unter **Farben & Darstellung** findest du:
+-   **Akzentfarbe:** Die Hauptfarbe deines Themes (wird für Buttons, Links etc. verwendet).
+-   **Hintergrundfarbe:** Die Farbe des Seitenhintergrunds.
+-   **Standard-Theme-Modus:** Entscheide, ob deine Seite standardmäßig im Dark- oder Light-Mode starten soll.
+
+### 3. Social-Media-Links hinzufügen
+
+Im Menüpunkt **Social Media Links** kannst du bei den jeweiligen Plattformen einfach deine URL eintragen. Die Icons erscheinen dann automatisch an der vorgesehenen Stelle.
+
+### 4. Footer anpassen
+
+Unter **Footer-Einstellungen** kannst du:
+-   Den **Copyright-Text** ändern.
+-   Die URLs für dein **Impressum** und die **Datenschutz**-Seite einfügen.
+-   Den "Erstellt von"-Verweis am Ende der Seite ausblenden.
+
+### 5. FAQs erstellen
+
+1.  Gehe zu **FAQ Einstellungen** und setze einen Haken bei "FAQ System aktivieren".
+2.  Das Theme erstellt automatisch eine neue Seite namens "FAQ" und einen neuen Menüpunkt **FAQs** in deinem WordPress-Dashboard.
+3.  Unter **FAQs > Neue FAQ hinzufügen** kannst du jetzt deine Fragen und Antworten erstellen. Du kannst sie sogar in Kategorien sortieren!
+
+### 6. Login-Seite gestalten
+
+Unter **Login-Einstellungen** kannst du:
+-   Ein **Hintergrundbild** und ein **Logo** für die Login-Seite hochladen.
+-   Bis zu 5 **Minecraft-Avatar-UUIDs** eintragen, um einen dynamischen Avatar-Slider zu erzeugen. (Eine UUID findest du z.B. auf [minotar.net](https://minotar.net/)).
+-   Die **Geschwindigkeit** des Avatar-Wechsels einstellen.
+
+---
+
+Viel Spaß mit deinem neuen Theme! 🎮✨