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);
    }
});