{"id":10227,"date":"2025-07-23T12:06:09","date_gmt":"2025-07-23T12:06:09","guid":{"rendered":"https:\/\/www.black-jack-21.com\/?p=10227"},"modified":"2026-03-14T16:26:38","modified_gmt":"2026-03-14T16:26:38","slug":"gratis-black-jack-spelen","status":"publish","type":"post","link":"https:\/\/www.black-jack-21.com\/nl\/black-jack-gratis-spielen\/","title":{"rendered":"Speel Black Jack gratis - Train nu direct online 21!"},"content":{"rendered":"\n<p class=\"has-text-align-center\">Starte in die Welt der Casinos! Hier kannst du jetzt sofort Black Jack gratis spielen und das Casinospiel &#8222;21&#8220; mit allen aufregenden Elementen trainieren!<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">JETZT BLACK JACK GRATIS SPIELEN<\/h2>\n\n\n\n   <!-- Tailwind CSS wird f\u00fcr grundlegende Utility-Klassen geladen -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        \/*\n        * Dies ist der gesamte CSS-Code f\u00fcr das Blackjack-Widget.\n        * Er wurde in einen Block verschoben, um Stilkonflikte zu minimieren.\n        * Das gesamte Widget ist in den #blackjack-app-wrapper-Selektor eingeschlossen,\n        * um sicherzustellen, dass die Stile nur auf das Widget angewendet werden.\n        *\/\n        \n        #blackjack-app-wrapper {\n            \/* Grundlegende Stil-Resets f\u00fcr eine saubere Basis *\/\n            box-sizing: border-box;\n            font-family: 'Arial', sans-serif;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n            background-color: #000;\n        }\n\n        #blackjack-app-wrapper .blackjack-widget-container {\n            font-family: 'Arial', sans-serif;\n            margin: 20px auto;\n            padding: 0;\n            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);\n            color: #e0e0e0;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            box-shadow: 0 0 30px rgba(0, 255, 204, 0.2), 0 0 60px rgba(255, 204, 0, 0.1);\n            border-radius: 20px;\n            position: relative;\n            z-index: 1;\n            max-width: 1400px;\n            width: 100%;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 9;\n            box-sizing: border-box;\n        }\n\n        #blackjack-app-wrapper .blackjack-widget-container::before {\n            content: '';\n            position: absolute;\n            top: -50px;\n            left: -50px;\n            right: -50px;\n            bottom: -50px;\n            background: radial-gradient(circle at center, rgba(0, 255, 204, 0.05) 0%, rgba(0, 0, 0, 0) 70%);\n            animation: blackjack-pulse-light 5s infinite alternate;\n            z-index: -1;\n        }\n\n        @keyframes blackjack-pulse-light {\n            from { opacity: 0.7; transform: scale(1); }\n            to { opacity: 1; transform: scale(1.05); }\n        }\n\n        #blackjack-app-wrapper .blackjack-section-title {\n            color: #ffcc00;\n            margin-bottom: 10px;\n            text-align: center;\n            font-size: 1.5em;\n            text-shadow: 0 0 5px rgba(255, 204, 0, 0.5);\n        }\n\n        #blackjack-app-wrapper .blackjack-game-area {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            background-color: rgba(25, 25, 25, 0.9);\n            border-radius: 20px;\n            padding: 20px;\n            box-shadow: 0 0 30px rgba(0, 255, 204, 0.4), 0 0 60px rgba(255, 204, 0, 0.2);\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n            transform: perspective(1000px) rotateX(2deg);\n            transition: transform 0.5s ease-out;\n            box-sizing: border-box;\n        }\n\n        #blackjack-app-wrapper .blackjack-game-area:hover {\n            transform: perspective(1000px) rotateX(0deg);\n        }\n\n        #blackjack-app-wrapper .blackjack-player-section,\n        #blackjack-app-wrapper .blackjack-dealer-section {\n            border: 1px solid rgba(0, 255, 204, 0.3);\n            border-radius: 10px;\n            padding: 15px;\n            background-color: rgba(40, 40, 40, 0.8);\n            box-shadow: inset 0 0 10px rgba(0, 255, 204, 0.2);\n            position: relative;\n            overflow: hidden;\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n        }\n\n        #blackjack-app-wrapper .blackjack-card-display {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            min-height: 120px;\n            padding: 5px 0;\n            flex-wrap: wrap;\n            align-items: center;\n            flex-grow: 1;\n            overflow-y: auto;\n        }\n\n        #blackjack-app-wrapper .blackjack-card-img {\n            width: 80px;\n            height: 112px;\n            border-radius: 6px;\n            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);\n            border: 2px solid #555;\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease;\n            object-fit: cover;\n            flex-shrink: 0;\n        }\n\n        #blackjack-app-wrapper .blackjack-card-img:hover:not(.blackjack-hidden-card) {\n            transform: translateY(-5px) rotateZ(1deg);\n            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6), 0 0 10px rgba(0, 255, 204, 0.2);\n        }\n\n        #blackjack-app-wrapper .blackjack-hidden-card {\n            background-color: #6a0dad;\n            color: #fff;\n            border: 3px dashed #a020f0;\n            box-shadow: inset 0 0 10px rgba(160, 32, 240, 0.3);\n        }\n\n        #blackjack-app-wrapper .blackjack-score-text,\n        #blackjack-app-wrapper .blackjack-balance-text {\n            font-size: 1.1em;\n            font-weight: bold;\n            text-align: center;\n            margin-top: 5px;\n            color: #f0f0f0;\n        }\n\n        #blackjack-app-wrapper .blackjack-controls-panel {\n            display: flex;\n            justify-content: center;\n            gap: 10px;\n            margin-top: 15px;\n            flex-wrap: wrap;\n            padding: 8px;\n            background-color: rgba(10, 10, 10, 0.7);\n            border-radius: 8px;\n            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);\n        }\n\n        #blackjack-app-wrapper .blackjack-input-field {\n            padding: 8px 12px;\n            border: 1px solid #666;\n            border-radius: 6px;\n            font-size: 1em;\n            background-color: #333;\n            color: #fff;\n            text-align: center;\n            width: 90px;\n            box-shadow: inset 0 0 5px rgba(0, 255, 204, 0.1);\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        #blackjack-app-wrapper .blackjack-input-field:focus {\n            outline: none;\n            border-color: #00ffcc;\n            box-shadow: inset 0 0 10px rgba(0, 255, 204, 0.2);\n        }\n\n        #blackjack-app-wrapper .blackjack-action-button {\n            padding: 10px 20px;\n            border: none;\n            border-radius: 8px;\n            font-size: 1em;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);\n            min-width: 100px;\n            letter-spacing: normal;\n            text-transform: uppercase;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #blackjack-app-wrapper .blackjack-action-button::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n            transition: all 0.5s ease;\n        }\n\n        #blackjack-app-wrapper .blackjack-action-button:hover::after {\n            left: 100%;\n        }\n\n        #blackjack-app-wrapper .blackjack-action-button:hover:not(:disabled) {\n            transform: translateY(-2px) scale(1.01);\n            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5), 0 0 8px rgba(0, 255, 204, 0.2);\n        }\n\n        #blackjack-app-wrapper .blackjack-action-button:disabled {\n            background-color: #555;\n            cursor: not-allowed;\n            opacity: 0.6;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n            transform: none;\n        }\n\n        #blackjack-app-wrapper .blackjack-deal-btn { background-color: #28a745; color: #fff; }\n        #blackjack-app-wrapper .blackjack-deal-btn:hover:not(:disabled) { background-color: #218838; }\n\n        #blackjack-app-wrapper .blackjack-hit-btn { background-color: #ffc107; color: #333; }\n        #blackjack-app-wrapper .blackjack-hit-btn:hover:not(:disabled) { background-color: #e0a800; }\n\n        #blackjack-app-wrapper .blackjack-stand-btn { background-color: #dc3545; color: #fff; }\n        #blackjack-app-wrapper .blackjack-stand-btn:hover:not(:disabled) { background-color: #c82333; }\n\n        #blackjack-app-wrapper .blackjack-double-btn,\n        #blackjack-app-wrapper .blackjack-split-btn,\n        #blackjack-app-wrapper .blackjack-surrender-btn {\n            background-color: #6f42c1;\n            color: #fff;\n        }\n        #blackjack-app-wrapper .blackjack-double-btn:hover:not(:disabled),\n        #blackjack-app-wrapper .blackjack-split-btn:hover:not(:disabled),\n        #blackjack-app-wrapper .blackjack-surrender-btn:hover:not(:disabled) {\n            background-color: #5631a8;\n        }\n\n        #blackjack-app-wrapper .blackjack-reset-btn { background-color: #17a2b8; color: #fff; }\n        #blackjack-app-wrapper .blackjack-reset-btn:hover:not(:disabled) { background-color: #138496; }\n\n        #blackjack-app-wrapper .blackjack-message-area {\n            text-align: center;\n            margin-top: 15px;\n            font-size: 1.1em;\n            font-weight: bold;\n            color: #00ffcc;\n            text-shadow: 0 0 5px #00ffcc;\n            min-height: 30px;\n        }\n\n        #blackjack-app-wrapper .blackjack-start-screen {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.95);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            z-index: 101;\n            transition: opacity 0.5s ease-out;\n            border-radius: 20px;\n            overflow: hidden;\n            background-image: url('https:\/\/www.black-jack-21.com\/wp-content\/uploads\/2025\/07\/blackjack-gratis-spielen-online-20255.jpg');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            filter: brightness(0.7);\n        }\n\n        #blackjack-app-wrapper .blackjack-start-screen.hidden {\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        #blackjack-app-wrapper .blackjack-ready-text {\n            font-size: 3em;\n            color: #ffcc00;\n            text-shadow: 0 0 8px #ffcc00, 0 0 15px #ffcc00, 0 0 30px #ffcc00, 0 0 60px #ffcc00;\n            margin-bottom: 25px;\n            font-weight: bold;\n            letter-spacing: 3px;\n            animation: blackjack-neon-pulse-yellow 1.5s infinite alternate;\n            z-index: 1;\n            position: relative;\n            opacity: 1;\n            transition: opacity 0.5s ease-out;\n        }\n\n        @keyframes blackjack-neon-pulse-yellow {\n            from {\n                text-shadow: 0 0 8px #ffcc00, 0 0 15px #ffcc00, 0 0 30px #ffcc00;\n                transform: scale(1);\n            }\n            to {\n                text-shadow: 0 0 12px #ffcc00, 0 0 25px #ffcc00, 0 0 50px #ffcc00, 0 0 80px #ffcc00;\n                transform: scale(1.01);\n            }\n        }\n\n        #blackjack-app-wrapper .blackjack-start-btn {\n            background-color: #00ffcc;\n            color: #0a0a0a;\n            font-size: 1.5em;\n            padding: 12px 30px;\n            border-radius: 10px;\n            box-shadow: 0 0 10px rgba(0, 255, 204, 0.6), 0 0 20px rgba(0, 255, 204, 0.3);\n            animation: blackjack-button-glow 1.5s infinite alternate;\n            z-index: 1;\n            position: relative;\n            opacity: 1;\n            transition: opacity 0.5s ease-out;\n        }\n        #blackjack-app-wrapper .blackjack-start-btn.hidden {\n            opacity: 0;\n            pointer-events: none;\n        }\n\n        @keyframes blackjack-button-glow {\n            from { box-shadow: 0 0 10px rgba(0, 255, 204, 0.6), 0 0 20px rgba(0, 255, 204, 0.3); }\n            to { box-shadow: 0 0 15px rgba(0, 255, 204, 0.8), 0 0 30px rgba(0, 255, 204, 0.5); }\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.9);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 100;\n            animation: blackjack-fade-in 0.5s ease-out;\n            box-sizing: border-box;\n        }\n\n        @keyframes blackjack-fade-in {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-panel {\n            background: linear-gradient(160deg, #1e1e1e 0%, #2e2e2e 50%, #1e1e1e 100%);\n            border: 2px solid #00ffcc;\n            border-radius: 20px;\n            padding: 20px;\n            text-align: center;\n            max-width: 600px;\n            box-shadow: 0 0 30px rgba(0, 255, 204, 0.7), 0 0 60px rgba(255, 204, 0, 0.5);\n            animation: blackjack-panel-bounce 0.8s ease-out;\n            position: relative;\n            overflow: hidden;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n        }\n\n        @keyframes blackjack-panel-bounce {\n            from { transform: scale(0.8); opacity: 0; }\n            to { transform: scale(1); opacity: 1; }\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-panel::before {\n            content: '';\n            position: absolute;\n            top: -10px;\n            left: -10px;\n            right: -10px;\n            bottom: -10px;\n            background: radial-gradient(circle at center, rgba(0, 255, 204, 0.1) 0%, rgba(0, 0, 0, 0) 50%);\n            z-index: -1;\n            animation: blackjack-light-pulse 3s infinite alternate;\n        }\n\n        @keyframes blackjack-light-pulse {\n            0% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.05); opacity: 0.7; }\n            100% { transform: scale(1); opacity: 0.5; }\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-title {\n            color: #ffcc00;\n            font-size: 1.5em;\n            margin-bottom: 10px;\n            text-shadow: 0 0 8px rgba(255, 204, 0, 0.8);\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-content-wrapper {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 15px;\n            width: 100%;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-text {\n            font-size: 1em;\n            line-height: 1.5;\n            margin-bottom: 0;\n            color: #e0e0e0;\n            flex-grow: 1;\n            text-align: left;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-image-wrapper {\n            flex-shrink: 0;\n            max-width: 200px;\n            height: auto;\n            border-radius: 8px;\n            box-shadow: 0 0 10px rgba(0, 255, 204, 0.5), 0 0 20px rgba(255, 204, 0, 0.3);\n            transition: transform 0.3s ease-out;\n            overflow: hidden;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-image {\n            display: block;\n            width: 100%;\n            height: auto;\n            border-radius: 8px;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-image-wrapper:hover {\n            transform: scale(1.03);\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-link {\n            color: #00ffcc;\n            font-weight: bold;\n            text-decoration: none;\n            display: block;\n            margin-top: 5px;\n            font-size: 0.9em;\n            transition: color 0.3s ease;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-link:hover {\n            color: #fff;\n            text-shadow: 0 0 5px #00ffcc;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-btn {\n            background-color: #28a745;\n            color: #fff;\n            padding: 10px 20px;\n            font-size: 1em;\n            border-radius: 10px;\n            margin-top: 15px;\n            cursor: pointer;\n            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.6);\n            transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;\n        }\n\n        #blackjack-app-wrapper .blackjack-tutorial-btn:hover {\n            background-color: #218838;\n            transform: translateY(-2px) scale(1.01);\n            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.8);\n        }\n\n        \/* Responsive Anpassungen f\u00fcr kleinere Bildschirme *\/\n        @media (min-width: 769px) {\n            #blackjack-app-wrapper .blackjack-tutorial-content-wrapper {\n                flex-direction: row;\n                text-align: left;\n                align-items: flex-start;\n            }\n            #blackjack-app-wrapper .blackjack-tutorial-image-wrapper {\n                margin-left: 20px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            #blackjack-app-wrapper .blackjack-title { font-size: 2em; }\n            #blackjack-app-wrapper .blackjack-game-area { padding: 15px; gap: 15px; }\n            #blackjack-app-wrapper .blackjack-player-section, .blackjack-dealer-section { padding: 10px; }\n            #blackjack-app-wrapper .blackjack-card-display { gap: 4px; min-height: 90px; }\n            #blackjack-app-wrapper .blackjack-card-img { width: 50px; height: 70px; }\n            #blackjack-app-wrapper .blackjack-score-text, .blackjack-balance-text { font-size: 0.9em; }\n            #blackjack-app-wrapper .blackjack-controls-panel { gap: 4px; padding: 4px; }\n            #blackjack-app-wrapper .blackjack-input-field { padding: 3px 5px; width: 40px; font-size: 0.9em; }\n            #blackjack-app-wrapper .blackjack-action-button { font-size: 0.8em; padding: 5px 10px; min-width: 60px; }\n            #blackjack-app-wrapper .blackjack-message-area { font-size: 0.8em; margin-top: 5px; min-height: 20px; }\n            #blackjack-app-wrapper .blackjack-ready-text { font-size: 2.5em; letter-spacing: 2px; }\n            #blackjack-app-wrapper .blackjack-start-btn { font-size: 1.2em; padding: 10px 25px; }\n            #blackjack-app-wrapper .blackjack-tutorial-panel { padding: 15px; max-width: 90%; }\n            #blackjack-app-wrapper .blackjack-tutorial-title { font-size: 1.3em; }\n            #blackjack-app-wrapper .blackjack-tutorial-text { font-size: 0.9em; }\n            #blackjack-app-wrapper .blackjack-tutorial-image-wrapper { max-width: 150px; }\n            #blackjack-app-wrapper .blackjack-tutorial-link { font-size: 0.8em; }\n            #blackjack-app-wrapper .blackjack-tutorial-btn { font-size: 0.9em; padding: 8px 15px; }\n        }\n\n        @media (max-width: 480px) {\n            #blackjack-app-wrapper .blackjack-title { font-size: 1.5em; }\n            #blackjack-app-wrapper .blackjack-game-area { padding: 5px; gap: 5px; }\n            #blackjack-app-wrapper .blackjack-card-display { min-height: 60px; }\n            #blackjack-app-wrapper .blackjack-card-img { width: 40px; height: 56px; }\n            #blackjack-app-wrapper .blackjack-score-text, .blackjack-balance-text { font-size: 0.7em; }\n            #blackjack-app-wrapper .blackjack-input-field { width: 30px; font-size: 0.7em; }\n            #blackjack-app-wrapper .blackjack-action-button { font-size: 0.7em; padding: 4px 8px; min-width: 40px; }\n            #blackjack-app-wrapper .blackjack-message-area { font-size: 0.7em; }\n            #blackjack-app-wrapper .blackjack-ready-text { font-size: 1.8em; letter-spacing: 1px; }\n            #blackjack-app-wrapper .blackjack-start-btn { font-size: 0.9em; padding: 8px 18px; }\n            #blackjack-app-wrapper .blackjack-tutorial-panel { padding: 10px; }\n            #blackjack-app-wrapper .blackjack-tutorial-title { font-size: 1.1em; }\n            #blackjack-app-wrapper .blackjack-tutorial-text { font-size: 0.8em; }\n            #blackjack-app-wrapper .blackjack-tutorial-image-wrapper { max-width: 120px; }\n            #blackjack-app-wrapper .blackjack-tutorial-link { font-size: 0.7em; }\n            #blackjack-app-wrapper .blackjack-tutorial-btn { font-size: 0.8em; padding: 6px 12px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"blackjack-app-wrapper\">\n    <div class=\"blackjack-widget-container\">\n        <!-- STARTBILDSCHIRM -->\n        <div id=\"blackjack-start-screen\" class=\"blackjack-start-screen\">\n            <h2 class=\"blackjack-ready-text\">Are you ready?<\/h2>\n            <button id=\"blackjack-start-button\" class=\"blackjack-action-button blackjack-start-btn\">START<\/button>\n        <\/div>\n        <!-- ENDE STARTBILDSCHIRM -->\n\n        <main class=\"blackjack-game-area\" id=\"blackjack-game-area-main\">\n            <!-- NEU: DEALER HAND IST JETZT OBEN -->\n            <div class=\"blackjack-dealer-section\">\n                <h3 class=\"blackjack-section-title\">Dealer-Hand<\/h3>\n                <div id=\"blackjack-dealer-cards\" class=\"blackjack-card-display\">\n                    <!-- Karten werden hier dynamisch eingef\u00fcgt -->\n                <\/div>\n                <p class=\"blackjack-score-text\">Dealer-Punktwert: <span id=\"blackjack-dealer-score\">0<\/span><\/p>\n            <\/div>\n\n            <!-- NEU: SPIELER HAND IST JETZT UNTEN -->\n            <div class=\"blackjack-player-section\">\n                <h3 class=\"blackjack-section-title\">Deine Hand<\/h3>\n                <div id=\"blackjack-player-cards\" class=\"blackjack-card-display\">\n                    <!-- Karten werden hier dynamisch eingef\u00fcgt -->\n                <\/div>\n                <p class=\"blackjack-score-text\">Dein Punktwert: <span id=\"blackjack-player-score\">0<\/span><\/p>\n                <p class=\"blackjack-balance-text\">Dein Guthaben: <span id=\"blackjack-player-balance\">1000<\/span> \u20ac<\/p>\n            <\/div>\n\n            <div class=\"blackjack-controls-panel\">\n                <input type=\"number\" id=\"blackjack-bet-amount\" class=\"blackjack-input-field\" value=\"10\" min=\"1\" max=\"100\">\n                <button id=\"blackjack-deal-button\" class=\"blackjack-action-button blackjack-deal-btn\">Deal<\/button>\n                <button id=\"blackjack-hit-button\" class=\"blackjack-action-button blackjack-hit-btn\" disabled>Hit<\/button>\n                <button id=\"blackjack-stand-button\" class=\"blackjack-action-button blackjack-stand-btn\" disabled>Stand<\/button>\n                <button id=\"blackjack-double-button\" class=\"blackjack-action-button blackjack-double-btn\" disabled>Double Down<\/button>\n                <button id=\"blackjack-split-button\" class=\"blackjack-action-button blackjack-split-btn\" disabled>Split<\/button>\n                <button id=\"blackjack-surrender-button\" class=\"blackjack-action-button blackjack-surrender-btn\" disabled>Surrender<\/button>\n                <button id=\"blackjack-reset-button\" class=\"blackjack-action-button blackjack-reset-btn\">Neues Spiel<\/button>\n            <\/div>\n\n            <div id=\"blackjack-game-messages\" class=\"blackjack-message-area\">\n                <p class=\"blackjack-message-text\">Platziere deinen Einsatz und klicke auf &#8222;Deal&#8220;, um zu starten.<\/p>\n            <\/div>\n        <\/main>\n    <\/div>\n<\/div>\n<script>\n\/\/ Globale Variablen f\u00fcr den Spielzustand\nlet deck = [];\nlet playerHands = []; \/\/ NEU: Array von Spielerh\u00e4nden f\u00fcr Split\nlet activeHandIndex = 0; \/\/ NEU: Index der aktuell gespielten Hand\nlet dealerHand = [];\nlet playerBalance = 1000;\nlet currentBet = 0;\nlet gameActive = false;\nlet roundsPlayed = 0;\nlet tutorialStep = 0;\n\n\/\/ Referenzen zu den HTML-Elementen (DOM-Elemente abrufen)\nconst uiElements = {\n    playerCardContainer: document.getElementById('blackjack-player-cards'),\n    dealerCardContainer: document.getElementById('blackjack-dealer-cards'),\n    playerScoreSpan: document.getElementById('blackjack-player-score'),\n    dealerScoreSpan: document.getElementById('blackjack-dealer-score'),\n    playerBalanceSpan: document.getElementById('blackjack-player-balance'), \n    gameMessages: document.getElementById('blackjack-game-messages'),\n    betInput: document.getElementById('blackjack-bet-amount'),\n    dealButton: document.getElementById('blackjack-deal-button'),\n    hitButton: document.getElementById('blackjack-hit-button'),\n    standButton: document.getElementById('blackjack-stand-button'),\n    doubleButton: document.getElementById('blackjack-double-button'), \/\/ Double Down Button\n    splitButton: document.getElementById('blackjack-split-button'),\n    surrenderButton: document.getElementById('blackjack-surrender-button'),\n    resetButton: document.getElementById('blackjack-reset-button'),\n    gameArea: document.getElementById('blackjack-game-area-main'),\n    startScreen: document.getElementById('blackjack-start-screen'),\n    startButton: document.getElementById('blackjack-start-button'),\n    readyText: document.querySelector('.blackjack-ready-text')\n};\n\n\/\/ --- Kernfunktionen des Spiels ---\n\nfunction createAndShuffleDeck() {\n    deck = [];\n    const ranks = ['2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A'];\n    const numDecks = 6;\n    for (let i = 0; i < numDecks; i++) {\n        for (const rank of ranks) {\n            deck.push(rank);\n        }\n    }\n    for (let i = deck.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [deck[i], deck[j]] = [deck[j], deck[i]];\n    }\n    console.log(`Deck mit ${deck.length} Karten erstellt und gemischt.`);\n}\n\nfunction dealCard(targetHand, containerElement, isHidden = false) {\n    if (deck.length < 10) {\n        createAndShuffleDeck();\n    }\n    const card = deck.pop();\n    targetHand.push(card);\n    let cardValueForImage = card;\n    if (cardValueForImage === 'J') cardValueForImage = 'j';\n    else if (cardValueForImage === 'Q') cardValueForImage = 'q';\n    else if (cardValueForImage === 'K') cardValueForImage = 'k';\n    else if (cardValueForImage === 'A') cardValueForImage = 'a';\n\n    const cardImageName = `card-${cardValueForImage}.jpg`;\n    const imagePath = `\/wp-content\/uploads\/2025\/07\/${cardImageName}`;\n    const backImagePath = `\/wp-content\/uploads\/2025\/07\/card-back.jpg`;\n\n    const cardElement = document.createElement('img');\n    cardElement.classList.add('blackjack-card-img');\n    \n    if (isHidden) {\n        cardElement.src = backImagePath;\n        cardElement.alt = 'Verdeckte Blackjack Karte';\n        cardElement.title = 'Verdeckte Blackjack Karte des Dealers';\n        cardElement.classList.add('blackjack-hidden-card');\n        cardElement.dataset.realSrc = imagePath;\n    } else {\n        cardElement.src = imagePath;\n        cardElement.alt = `${card} als Blackjack Karte`;\n        cardElement.title = `Blackjack Karte: ${card}`;\n    }\n    containerElement.appendChild(cardElement);\n    console.log(`Karte ausgeteilt: ${card} an ${targetHand === dealerHand ? 'Dealer' : 'Spieler'}. Verdeckt: ${isHidden}`);\n}\n\nfunction calculateScore(hand) {\n    let score = 0;\n    let numAces = 0;\n    for (const cardValue of hand) {\n        if (cardValue === 'J' || cardValue === 'Q' || cardValue === 'K') {\n            score += 10;\n        } else if (cardValue === 'A') {\n            numAces++;\n            score += 11;\n        } else {\n            score += parseInt(cardValue);\n        }\n    }\n    while (score > 21 && numAces > 0) {\n        score -= 10;\n        numAces--;\n    }\n    return score;\n}\n\nfunction revealDealerCard() {\n    const hiddenCardElement = uiElements.dealerCardContainer.querySelector('.blackjack-hidden-card');\n    if (hiddenCardElement && hiddenCardElement.dataset.realSrc) {\n        hiddenCardElement.src = hiddenCardElement.dataset.realSrc;\n        hiddenCardElement.classList.remove('blackjack-hidden-card');\n        const cardValue = hiddenCardElement.dataset.realSrc.split('\/').pop().replace('card-', '').replace('.jpg', '');\n        hiddenCardElement.alt = `${cardValue} als Blackjack Karte`;\n        hiddenCardElement.title = `Blackjack Karte: ${cardValue}`;\n    }\n}\n\nfunction updateUI() {\n    \/\/ Aktualisiert die Anzeige f\u00fcr alle Spielerh\u00e4nde\n    uiElements.playerCardContainer.innerHTML = ''; \/\/ Leere den Container\n    playerHands.forEach((hand, index) => {\n        \/\/ Erstelle einen Div f\u00fcr jede Hand\n        const handDiv = document.createElement('div');\n        handDiv.classList.add('blackjack-player-hand');\n        \/\/ NEU: Nur die aktive Hand hervorheben\n        if (index === activeHandIndex && playerHands.length > 1 && gameActive) {\n            handDiv.classList.add('blackjack-active-hand'); \n        }\n        \n        hand.forEach(card => {\n            let cardValueForImage = card;\n            if (cardValueForImage === 'J') cardValueForImage = 'j';\n            else if (cardValueForImage === 'Q') cardValueForImage = 'q';\n            else if (cardValueForImage === 'K') cardValueForImage = 'k';\n            else if (cardValueForImage === 'A') cardValueForImage = 'a';\n            const cardImageName = `card-${cardValueForImage}.jpg`;\n            const imagePath = `\/wp-content\/uploads\/2025\/07\/${cardImageName}`;\n            const cardElement = document.createElement('img');\n            cardElement.classList.add('blackjack-card-img');\n            cardElement.src = imagePath;\n            cardElement.alt = `${card} als Blackjack Karte`;\n            cardElement.title = `Blackjack Karte: ${card}`;\n            handDiv.appendChild(cardElement);\n        });\n\n        \/\/ NEU: Score wird direkt unter jeder Hand angezeigt, wenn gesplittet wurde\n        if (playerHands.length > 1) {\n            const scoreSpan = document.createElement('span');\n            scoreSpan.classList.add('blackjack-hand-score');\n            scoreSpan.textContent = calculateScore(hand);\n            handDiv.appendChild(scoreSpan);\n        }\n        \n        uiElements.playerCardContainer.appendChild(handDiv);\n    });\n\n    \/\/ NEU: Punktzahl-Anzeige f\u00fcr die aktive Hand aktualisieren\n    if (playerHands.length > 0 && playerHands[activeHandIndex]) {\n        uiElements.playerScoreSpan.textContent = calculateScore(playerHands[activeHandIndex]);\n    } else {\n        uiElements.playerScoreSpan.textContent = 0;\n    }\n\n    let dealerDisplayScore = calculateScore(dealerHand);\n    const hiddenDealerCard = uiElements.dealerCardContainer.querySelector('.blackjack-hidden-card');\n    if (gameActive && dealerHand.length > 1 && hiddenDealerCard) {\n        const openCardValue = dealerHand[1]; \/\/ Die zweite Karte ist die offene\n        dealerDisplayScore = calculateScore([openCardValue]); \n    }\n    uiElements.dealerScoreSpan.textContent = dealerDisplayScore;\n\n    uiElements.playerBalanceSpan.textContent = playerBalance;\n\n    if (gameActive) {\n        uiElements.betInput.disabled = true;\n        uiElements.dealButton.disabled = true;\n        \n        const activeHand = playerHands[activeHandIndex];\n\n        \/\/ \u00dcberpr\u00fcfe, ob die aktive Hand existiert und nicht leer ist\n        if (activeHand && activeHand.length > 0) {\n            uiElements.hitButton.disabled = false;\n            uiElements.standButton.disabled = false;\n            \/\/ Double Down ist nur bei den ersten beiden Karten der AKTIVEN Hand m\u00f6glich\n            const canDoubleDown = activeHand.length === 2 && playerBalance >= currentBet; \n            uiElements.doubleButton.disabled = !canDoubleDown;\n\n            \/\/ Split ist nur bei zwei gleichen Startkarten der AKTIVEN Hand und genug Guthaben\n            const canSplit = activeHand.length === 2 && activeHand[0] === activeHand[1] && playerBalance >= currentBet && playerHands.length < 4; \/\/ Max 4 H\u00e4nde\n            uiElements.splitButton.disabled = !canSplit;\n\n            \/\/ Surrender ist normalerweise nur bei den ersten beiden Karten der AKTIVEN Hand m\u00f6glich\n            uiElements.surrenderButton.disabled = (activeHand.length !== 2);\n        } else {\n            \/\/ Wenn die aktive Hand leer ist (z.B. nach Surrender), alle Buttons f\u00fcr diese Hand deaktivieren\n            uiElements.hitButton.disabled = true;\n            uiElements.standButton.disabled = true;\n            uiElements.doubleButton.disabled = true;\n            uiElements.splitButton.disabled = true;\n            uiElements.surrenderButton.disabled = true;\n        }\n\n        uiElements.resetButton.disabled = false; \n    } else {\n        uiElements.betInput.disabled = false;\n        uiElements.dealButton.disabled = false;\n        uiElements.hitButton.disabled = true;\n        uiElements.standButton.disabled = true;\n        uiElements.doubleButton.disabled = true;\n        uiElements.splitButton.disabled = true;\n        uiElements.surrenderButton.disabled = true;\n        uiElements.resetButton.disabled = false;\n        if (playerBalance <= 0) {\n            uiElements.dealButton.disabled = true;\n            uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Dein Guthaben ist aufgebraucht! Starte ein neues Spiel mit 'Neues Spiel'.<\/p>\";\n        }\n    }\n}\n\n\/\/ NEU: Auslagerung des Dealer-Zugs und der Endauswertung in eine separate Funktion\nfunction dealerTurn() {\n    gameActive = false;\n    revealDealerCard();\n\n    \/\/ Dealer zieht Karten, bis der Score >= 17 ist\n    while (calculateScore(dealerHand) < 17) {\n        dealCard(dealerHand, uiElements.dealerCardContainer);\n    }\n\n    \/\/ Finale Auswertung aller H\u00e4nde gegen den Dealer\n    let totalOutcomeMessage = \"\";\n    const dealerScore = calculateScore(dealerHand);\n\n    playerHands.forEach((hand, index) => {\n        const handScore = calculateScore(hand);\n        let handOutcome = \"\";\n\n        if (hand.length === 0) { \/\/ Hand wurde gesurrendert\n            handOutcome = `Hand ${index + 1}: Aufgegeben. H\u00e4lfte des Einsatzes (${currentBet \/ 2}\u20ac) wurde erstattet.`;\n        } else if (handScore > 21) {\n            handOutcome = `Hand ${index + 1}: \u00dcberkauft! Verloren.`;\n        } else if (dealerScore > 21) {\n            handOutcome = `Hand ${index + 1}: Dealer \u00fcberkauft! Gewonnen!`;\n            playerBalance += currentBet * 2;\n        } else if (handScore > dealerScore) {\n            handOutcome = `Hand ${index + 1}: Gewonnen!`;\n            playerBalance += currentBet * 2;\n        } else if (dealerScore > handScore) {\n            handOutcome = `Hand ${index + 1}: Verloren.`;\n        } else {\n            handOutcome = `Hand ${index + 1}: Unentschieden (Push).`;\n            playerBalance += currentBet;\n        }\n        totalOutcomeMessage += handOutcome + \"<br>\";\n    });\n\n    uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>${totalOutcomeMessage}<\/p>`;\n    \n    roundsPlayed++;\n    if (roundsPlayed >= 10 && tutorialStep === 0) {\n        setTimeout(showCasinoTutorial, 2000);\n    } else {\n        updateUI();\n    }\n}\n\n\n\/\/ --- Tutorial-Funktionen (KORRIGIERT: String-Literale und Layout) ---\n\nfunction showCasinoTutorial() {\n    tutorialStep = 1;\n    displayTutorialStep();\n}\n\nfunction displayTutorialStep() {\n    uiElements.gameArea.style.display = 'none'; \/\/ Spielbereich ausblenden\n    \n    let tutorialContent = '';\n    let tutorialImageSrc = \"https:\/\/www.black-jack-21.com\/wp-content\/uploads\/2025\/07\/black-jack-live-bizzo-casino-1.jpg\";\n    let tutorialLinkHref = \"https:\/\/www.black-jack-21.com\/bizzo-casino\/\";\n    let tutorialImageAlt = \"Live Blackjack Tisch im Bizzo Casino mit Echtgeld und Croupier\";\n    let tutorialImageTitle = \"Bizzo Casino: Blackjack mit Bonusgeld gratis spielen\";\n\n    \/\/ Gemeinsamer HTML-Block f\u00fcr Bild und Link, um Wiederholungen zu vermeiden\n    \/\/ Nur das Bild ist verlinkt, kein Textlink mehr\n    const imageLinkHtml = `\n        <div class=\"blackjack-tutorial-image-wrapper\">\n            <a href=\"${tutorialLinkHref}\" target=\"_blank\" rel=\"nofollow sponsored\" title=\"${tutorialImageTitle}\">\n                <img decoding=\"async\" src=\"${tutorialImageSrc}\" alt=\"${tutorialImageAlt}\" class=\"blackjack-tutorial-image\">\n            <\/a>\n        <\/div>\n    `;\n\n    switch (tutorialStep) {\n        case 1:\n            tutorialContent = `\n                <div class=\"blackjack-tutorial-panel\">\n                    <h3 class=\"blackjack-tutorial-title\">Dein n\u00e4chster Schritt: Blackjack gratis spielen im Online Casino!<\/h3>\n                    <div class=\"blackjack-tutorial-content-wrapper\">\n                        <p class=\"blackjack-tutorial-text\">\n                            Du hast jetzt ${roundsPlayed} Runden ge\u00fcbt und beherrschst die Grundlagen! Gro\u00dfartig!<br>\n                            M\u00f6chtest du dein K\u00f6nnen risikofrei in einem echten Online Casino testen und dabei die Chance haben, echtes Geld zu gewinnen?\n                        <\/p>\n                        ${imageLinkHtml}\n                    <\/div>\n                    <button id=\"blackjack-tutorial-continue-game-btn\" class=\"blackjack-action-button blackjack-tutorial-btn\">Weiter spielen<\/button>\n                <\/div>\n            `;\n            break;\n        case 2:\n            tutorialContent = `\n                <div class=\"blackjack-tutorial-panel\">\n                    <h3 class=\"blackjack-tutorial-title\">Schritt 1: Kostenlos anmelden & Bonus sichern!<\/h3>\n                    <div class=\"blackjack-tutorial-content-wrapper\">\n                        <p class=\"blackjack-tutorial-text\">\n                            Zuerst meldest du dich in einem seri\u00f6sen Online Casino an, z.B. dem Bizzo Casino. Das dauert nur wenige Minuten.<br>\n                            Danach sicherst du dir den Willkommensbonus. Dies ist kostenloses Bonusguthaben, das dir das Casino schenkt!\n                        <\/p>\n                        ${imageLinkHtml}\n                    <\/div>\n                    <button id=\"blackjack-tutorial-continue-game-btn\" class=\"blackjack-action-button blackjack-tutorial-btn\">Weiter spielen<\/button>\n                <\/div>\n            `;\n            break;\n        case 3:\n            tutorialContent = `\n                <div class=\"blackjack-tutorial-panel\">\n                    <h3 class=\"blackjack-tutorial-title\">Schritt 2: Blackjack gratis spielen mit Bonusgeld!<\/h3>\n                    <div class=\"blackjack-tutorial-content-wrapper\">\n                        <p class=\"blackjack-tutorial-text\">\n                            Nutze das erhaltene Bonusguthaben, um Blackjack gratis zu spielen. Du setzt dabei nicht dein eigenes Geld ein, sondern das des Casinos!<br>\n                            Dank deines Trainings hier beherrschst du die Strategie und hast echte Chancen, den Bonus umzusetzen und sogar Gewinne auszuzahlen!\n                        <\/p>\n                        ${imageLinkHtml}\n                    <\/div>\n                    <button id=\"blackjack-tutorial-continue-game-btn\" class=\"blackjack-action-button blackjack-tutorial-btn\">Weiter spielen<\/button>\n                <\/div>\n            `;\n            break;\n        case 4:\n            tutorialContent = `\n                <div class=\"blackjack-tutorial-panel\">\n                    <h3 class=\"blackjack-tutorial-title\">Schritt 3: Gewinne auszahlen & weiter \u00fcben!<\/h3>\n                    <div class=\"blackjack-tutorial-content-wrapper\">\n                        <p class=\"blackjack-tutorial-text\">\n                            Wenn du den Bonus erfolgreich umgesetzt hast (siehe Bonusbedingungen des Casinos), kannst du deine Gewinne auszahlen lassen! Ein toller Erfolg, ohne eigenes Risiko!<br>\n                            Keine Sorge, du kannst jederzeit hierher zur\u00fcckkehren, um weiter zu trainieren und deine Strategie zu festigen. Viel Gl\u00fcck!\n                        <\/p>\n                        ${imageLinkHtml}\n                    <\/div>\n                    <button id=\"blackjack-tutorial-continue-game-btn\" class=\"blackjack-action-button blackjack-tutorial-btn\">Zum Spiel zur\u00fcck<\/button>\n                <\/div>\n            `;\n            break;\n    }\n\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = tutorialContent;\n\n    const widgetContainer = document.querySelector('.blackjack-widget-container');\n    let tutorialOverlay = document.getElementById('blackjack-tutorial-overlay');\n    \n    if (!tutorialOverlay) {\n        tutorialOverlay = document.createElement('div');\n        tutorialOverlay.id = 'blackjack-tutorial-overlay';\n        tutorialOverlay.classList.add('blackjack-tutorial-overlay');\n        widgetContainer.appendChild(tutorialOverlay);\n    }\n    \n    tutorialOverlay.innerHTML = '';\n    tutorialOverlay.appendChild(tempDiv.firstElementChild);\n\n    const continueGameButton = document.getElementById('blackjack-tutorial-continue-game-btn');\n\n    if (continueGameButton) {\n        continueGameButton.addEventListener('click', () => {\n            if (tutorialStep < 4) { \/\/ Wenn es noch weitere Tutorial-Schritte gibt\n                tutorialStep++;\n                displayTutorialStep();\n            } else { \/\/ Letzter Schritt, zur\u00fcck zum Spiel\n                tutorialStep = 0;\n                roundsPlayed = 0; \/\/ Runden-Z\u00e4hler zur\u00fccksetzen, damit Tutorial wieder nach 10 Runden erscheint\n                tutorialOverlay.style.display = 'none';\n                uiElements.gameArea.style.display = 'flex'; \/\/ Spielbereich wieder einblenden\n                updateUI();\n            }\n        }, { once: true });\n    }\n    tutorialOverlay.style.display = 'flex';\n}\n\n\/\/ --- Event Listener f\u00fcr Buttons ---\n\nuiElements.dealButton.addEventListener('click', () => {\n    const bet = parseInt(uiElements.betInput.value);\n\n    if (isNaN(bet) || bet <= 0) {\n        uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Bitte gib einen g\u00fcltigen Einsatz ein.<\/p>\";\n        return;\n    }\n    if (bet > playerBalance) {\n        uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Du hast nicht genug Guthaben f\u00fcr diesen Einsatz!<\/p>\";\n        return;\n    }\n\n    currentBet = bet;\n    playerBalance -= currentBet;\n    \n    \/\/ H\u00e4nde initialisieren\n    playerHands = [[]]; \/\/ Start mit einer leeren Hand\n    activeHandIndex = 0; \/\/ Erste Hand ist aktiv\n    uiElements.playerCardContainer.innerHTML = ''; \/\/ Container leeren\n    uiElements.dealerCardContainer.innerHTML = ''; \/\/ Dealer-Container auch leeren\n    dealerHand = [];\n\n    gameActive = true;\n\n    dealCard(playerHands[activeHandIndex], uiElements.playerCardContainer);\n    dealCard(dealerHand, uiElements.dealerCardContainer, true);\n    dealCard(playerHands[activeHandIndex], uiElements.playerCardContainer);\n    dealCard(dealerHand, uiElements.dealerCardContainer);\n\n    uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Deine Runde!<\/p>\";\n    updateUI();\n\n    if (calculateScore(playerHands[activeHandIndex]) === 21 && playerHands[activeHandIndex].length === 2) {\n        \/\/ Blackjack!\n        uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Blackjack! Du gewinnst!<\/p>\";\n        playerBalance += currentBet * 2.5;\n        revealDealerCard();\n        gameActive = false; \/\/ Spiel beenden\n        updateUI();\n    }\n});\n\nuiElements.hitButton.addEventListener('click', () => {\n    if (!gameActive) return;\n\n    dealCard(playerHands[activeHandIndex], uiElements.playerCardContainer);\n    const score = calculateScore(playerHands[activeHandIndex]);\n    updateUI(); \/\/ UI aktualisieren, um die neue Karte und den Score anzuzeigen\n\n    if (score > 21) {\n        uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>Hand ${activeHandIndex + 1}: \u00dcberkauft! Verloren.<\/p>`;\n        \/\/ Wenn es weitere H\u00e4nde gibt, zur n\u00e4chsten wechseln, sonst Dealer-Zug starten\n        if (activeHandIndex < playerHands.length - 1) {\n            activeHandIndex++;\n            uiElements.gameMessages.innerHTML += `<p class='blackjack-message-text'>Wechsle zu Hand ${activeHandIndex + 1}.<\/p>`;\n            updateUI();\n        } else {\n            \/\/ Alle H\u00e4nde gespielt, Dealer ist am Zug\n            dealerTurn();\n        }\n    }\n});\n\nuiElements.standButton.addEventListener('click', () => {\n    if (!gameActive) return;\n\n    uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>Hand ${activeHandIndex + 1}: Stand. Gehe zum n\u00e4chsten Zug.<\/p>`;\n    \n    \/\/ Wenn es weitere H\u00e4nde gibt, zum n\u00e4chsten wechseln\n    if (activeHandIndex < playerHands.length - 1) {\n        activeHandIndex++;\n        updateUI();\n    } else {\n        \/\/ Alle Spielerh\u00e4nde gespielt, jetzt Dealer-Zug\n        dealerTurn();\n    }\n});\n\n\/\/ NEU: Event Listener f\u00fcr den Double Down Button\nuiElements.doubleButton.addEventListener('click', () => {\n    const activeHand = playerHands[activeHandIndex];\n    if (!gameActive || activeHand.length !== 2 || playerBalance < currentBet) {\n        return;\n    }\n\n    playerBalance -= currentBet; \/\/ Zus\u00e4tzlichen Einsatz abziehen\n    \n    dealCard(activeHand, uiElements.playerCardContainer); \/\/ Eine weitere Karte an die aktive Hand\n    updateUI(); \/\/ UI aktualisieren, um neuen Score und Balance zu zeigen\n\n    const score = calculateScore(activeHand);\n    if (score > 21) {\n        uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>Hand ${activeHandIndex + 1}: Double Down und \u00dcberkauft! Verloren.<\/p>`;\n    } else {\n        uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>Hand ${activeHandIndex + 1}: Double Down und Stand.<\/p>`;\n    }\n\n    \/\/ Unabh\u00e4ngig vom Ergebnis nach Double Down ist der Spieler fertig mit dieser Hand\n    if (activeHandIndex < playerHands.length - 1) {\n        activeHandIndex++;\n        updateUI(); \/\/ Gehe zur n\u00e4chsten Hand\n    } else {\n        dealerTurn(); \/\/ Alle H\u00e4nde gespielt, Dealer ist am Zug\n    }\n});\n\n\/\/ NEU: Event Listener f\u00fcr den Split Button\nuiElements.splitButton.addEventListener('click', () => {\n    const activeHand = playerHands[activeHandIndex];\n    const bet = currentBet;\n    if (!gameActive || activeHand.length !== 2 || activeHand[0] !== activeHand[1] || playerBalance < bet) {\n        return;\n    }\n    \n    playerBalance -= bet; \/\/ Einsatz f\u00fcr die neue Hand abziehen\n    \n    const card2 = activeHand.pop(); \/\/ Entferne die zweite Karte aus der aktiven Hand\n    const newHand = [card2]; \/\/ Erstelle eine neue Hand mit dieser Karte\n    \n    playerHands.splice(activeHandIndex + 1, 0, newHand); \/\/ F\u00fcge die neue Hand an der richtigen Stelle ein\n\n    dealCard(playerHands[activeHandIndex], uiElements.playerCardContainer); \/\/ Eine weitere Karte an die erste Hand\n    dealCard(newHand, uiElements.playerCardContainer); \/\/ Eine weitere Karte an die neue Hand\n    \n    uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>H\u00e4nde geteilt! Spiele Hand ${activeHandIndex + 1} (links).<\/p>`;\n    updateUI(); \/\/ UI neu rendern\n});\n\n\n\/\/ NEU: Event Listener f\u00fcr den Surrender Button\nuiElements.surrenderButton.addEventListener('click', () => {\n    const activeHand = playerHands[activeHandIndex];\n    if (!gameActive || activeHand.length !== 2) {\n        return;\n    }\n\n    playerBalance += currentBet \/ 2; \/\/ H\u00e4lfte des Einsatzes zur\u00fcck\n    uiElements.gameMessages.innerHTML = `<p class='blackjack-message-text'>Hand ${activeHandIndex + 1}: Du hast aufgegeben. Die H\u00e4lfte deines Einsatzes (${currentBet \/ 2}\u20ac) wurde zur\u00fcckerstattet.<\/p>`;\n    \n    \/\/ Leere die Hand, um sie als \"gespielt\" zu markieren\n    playerHands[activeHandIndex] = []; \n\n    \/\/ Gehe zur n\u00e4chsten Hand oder beende das Spiel\n    if (activeHandIndex < playerHands.length - 1) {\n        activeHandIndex++;\n        updateUI();\n    } else {\n        dealerTurn();\n    }\n});\n\n\nuiElements.resetButton.addEventListener('click', () => {\n    playerBalance = 1000;\n    currentBet = 0;\n    gameActive = false;\n    roundsPlayed = 0;\n    tutorialStep = 0;\n    playerHands = [[]]; \/\/ Reset auf eine leere Hand\n    activeHandIndex = 0;\n    dealerHand = [];\n    uiElements.playerCardContainer.innerHTML = '';\n    uiElements.dealerCardContainer.innerHTML = '';\n    uiElements.gameMessages.innerHTML = \"<p class='blackjack-message-text'>Platziere deinen Einsatz und klicke auf 'Deal', um zu starten.<\/p>\";\n    \n    const tutorialOverlay = document.getElementById('blackjack-tutorial-overlay');\n    if (tutorialOverlay) {\n        tutorialOverlay.style.display = 'none';\n    }\n    \n    uiElements.gameArea.style.display = 'none'; \n    uiElements.startScreen.classList.remove('hidden');\n    \n    updateUI();\n});\n\n\/\/ --- STARTBILDSCHIRM-LOGIK (MIT BILD) ---\n\nuiElements.startButton.addEventListener('click', () => {\n    console.log(\"START button clicked! Game is starting.\");\n    uiElements.startScreen.classList.add('hidden');\n    uiElements.gameArea.style.display = 'flex';\n\n    createAndShuffleDeck();\n    updateUI();\n    console.log(\"Blackjack game started!\");\n});\n\n\/\/ Initialer Zustand beim Laden der Seite\ndocument.addEventListener('DOMContentLoaded', () => {\n    uiElements.gameArea.style.display = 'none'; \n    uiElements.startScreen.classList.remove('hidden');\n    \n    updateUI();\n});\n<\/script>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">So geht&#8217;s: Jetzt Black Jack gratis spielen!<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Blackjack ist ein Vergleichsspiel zwischen einem oder mehreren Spielern und einem Dealer. Das Ziel ist es, mit den eigenen Karten einen Gesamtwert zu erreichen, der n\u00e4her an <strong>21<\/strong> liegt als der des Dealers, ohne die 21 zu \u00fcberschreiten. \u00dcberschreitet man die 21, spricht man von einem &#8222;Bust&#8220; oder &#8222;\u00dcberkaufen&#8220; und verliert sofort.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"has-text-align-center\">Die wichtigsten Kartenwerte sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Zahlenkarten (2-10):<\/strong> Ihr Nennwert.<\/li>\n\n\n\n<li><strong>Bildkarten (Bube, Dame, K\u00f6nig):<\/strong> Jeweils 10 Punkte.<\/li>\n\n\n\n<li><strong>Asse:<\/strong> K\u00f6nnen entweder 1 oder 11 Punkte wert sein, je nachdem, was f\u00fcr die Hand vorteilhafter ist.<\/li>\n<\/ul>\n\n\n\n<p>Die grundlegenden Aktionen, die ein Spieler w\u00e4hrend einer Runde ausf\u00fchren kann, sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hit (Karte ziehen):<\/strong> Eine weitere Karte anfordern.<\/li>\n\n\n\n<li><strong>Stand (Halten):<\/strong> Keine weiteren Karten nehmen.<\/li>\n\n\n\n<li><strong>Double Down (Verdoppeln):<\/strong> Den urspr\u00fcnglichen Einsatz verdoppeln und genau eine weitere Karte ziehen. Dies ist nur bei bestimmten Starth\u00e4nden erlaubt.<\/li>\n\n\n\n<li><strong>Split (Teilen):<\/strong> Wenn man zwei Karten mit dem gleichen Wert erh\u00e4lt, kann man diese in zwei separate H\u00e4nde aufteilen und f\u00fcr jede Hand einen zus\u00e4tzlichen Einsatz t\u00e4tigen.<\/li>\n\n\n\n<li><strong>Surrender (Aufgeben):<\/strong> In einigen Varianten kann man die H\u00e4lfte des Einsatzes verlieren und die Hand aufgeben, bevor man weitere Entscheidungen trifft.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Wesentliche Merkmale des kostenlosen Spiels<\/h2>\n\n\n\n<p>Das <strong>gratis Blackjack spielen<\/strong> im Internet oder \u00fcber Apps bietet eine F\u00fclle von Vorteilen und Funktionen, die das Lernen und \u00dcben erleichtern:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unbegrenzte Spielrunden:<\/strong> Keine Notwendigkeit, sich um Chips oder Geld zu k\u00fcmmern. Man kann so viele Runden spielen, wie man m\u00f6chte.<\/li>\n\n\n\n<li><strong>Verschiedene Spielvarianten:<\/strong> Viele kostenlose Plattformen bieten unterschiedliche Blackjack-Regelwerke an (z.B. europ\u00e4isches Blackjack, Vegas Strip Blackjack), sodass Spieler die verschiedenen Nuancen kennenlernen k\u00f6nnen.<\/li>\n\n\n\n<li><strong>Strategie-Trainer:<\/strong> Einige kostenlose Spiele integrieren Trainer, die dem Spieler Ratschl\u00e4ge zur optimalen Spielweise geben und auf Fehler hinweisen. Dies ist ideal, um die <strong>Basisstrategie<\/strong> zu erlernen.<\/li>\n\n\n\n<li><strong>Risikofreie Testumgebung:<\/strong> Man kann aggressivere Strategien ausprobieren, ohne Angst vor Verlusten haben zu m\u00fcssen.<\/li>\n\n\n\n<li><strong>Verf\u00fcgbarkeit auf verschiedenen Ger\u00e4ten:<\/strong> <strong>Kostenloses Blackjack<\/strong> ist oft \u00fcber Webbrowser auf Computern oder als Apps auf Smartphones und Tablets verf\u00fcgbar.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Anwendungsbereiche: Wer profitiert vom gratis Blackjack?<\/h2>\n\n\n\n<p><strong>Blackjack gratis spielen<\/strong> ist f\u00fcr verschiedene Spielertypen \u00e4u\u00dferst n\u00fctzlich:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Anf\u00e4nger:<\/strong> Sie k\u00f6nnen die Regeln und den Spielablauf in Ruhe lernen, ohne Druck und finanzielle Belastung.<\/li>\n\n\n\n<li><strong>Fortgeschrittene Spieler:<\/strong> Sie k\u00f6nnen neue Strategien ausprobieren, ihre F\u00e4higkeiten verfeinern oder sich mit spezifischen Regel\u00e4nderungen vertraut machen, bevor sie echtes Geld einsetzen.<\/li>\n\n\n\n<li><strong>Entwickler von Strategien:<\/strong> Wer eigene Theorien zur Optimierung des Spiels testen m\u00f6chte, findet hier eine ideale Testumgebung.<\/li>\n\n\n\n<li><strong>Gelegenheitsspieler:<\/strong> Wer einfach nur zur Unterhaltung spielen m\u00f6chte, ohne das Risiko des Geldverlustes, findet hier puren Spielspa\u00df.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Vorteile<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Kein finanzielles Risiko:<\/strong> Der offensichtlichste und gr\u00f6\u00dfte Vorteil. Man kann \u00fcben und Fehler machen, ohne Geld zu verlieren.<\/li>\n\n\n\n<li><strong>Lernen der Basisstrategie:<\/strong> Die <strong>Blackjack Basisstrategie<\/strong> ist eine mathematisch optimierte Spielweise, die den Hausvorteil minimiert. Kostenloses Spielen ist der beste Weg, um diese Strategie zu verinnerlichen.<\/li>\n\n\n\n<li><strong>Verbesserung der Entscheidungsfindung:<\/strong> Durch st\u00e4ndiges \u00dcben entwickeln Spieler ein besseres Gef\u00fchl f\u00fcr die richtige Entscheidung in verschiedenen Situationen.<\/li>\n\n\n\n<li><strong>Vertrautheit mit den Spielregeln:<\/strong> Verschiedene Casinos oder Online-Plattformen k\u00f6nnen leicht abweichende Regeln haben. Kostenloses Spielen hilft, sich an diese Anpassungen zu gew\u00f6hnen.<\/li>\n\n\n\n<li><strong>Reiner Spielspa\u00df:<\/strong> Das Spiel ist spannend und unterhaltsam, auch ohne den Einsatz von echtem Geld.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Herausforderungen \/ Nachteile:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fehlender Nervenkitzel:<\/strong> F\u00fcr manche Spieler fehlt der Reiz des echten Geldeinsatzes und der damit verbundene Adrenalinkick.<\/li>\n\n\n\n<li><strong>Keine echten Gewinne:<\/strong> Offensichtlich kann man beim <strong>gratis Blackjack spielen<\/strong> kein echtes Geld gewinnen.<\/li>\n\n\n\n<li><strong>M\u00f6gliche Ablenkung:<\/strong> Da kein finanzieller Einsatz besteht, k\u00f6nnten einige Spieler weniger konzentriert sein oder un\u00fcberlegte Entscheidungen treffen, die sie beim Spiel um echtes Geld vermeiden w\u00fcrden.<\/li>\n<\/ul>\n\n\n\n<p>Wenn du Black Jack um Echtgeld spielen willst, dann kannst du dir einen lukrativen Bonus von einem unserer besten Online Casinos sichern! Mit einer geringen Einzahlung erh\u00e4ltst du jede Menge Bonusgeld hinzu und kannst mit doppelt soviel Geld spielen! <\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Betreed de wereld van de casino's! Hier kun je nu gratis blackjack spelen en het casinospel \"21\" met al zijn spannende elementen oefenen! NU ...<\/p>","protected":false},"author":2,"featured_media":10232,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[136,7,134],"tags":[],"class_list":["post-10227","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-black-jack","category-allgemein-de","category-online-casino"],"_links":{"self":[{"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/posts\/10227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/comments?post=10227"}],"version-history":[{"count":44,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/posts\/10227\/revisions"}],"predecessor-version":[{"id":11545,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/posts\/10227\/revisions\/11545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/media\/10232"}],"wp:attachment":[{"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/media?parent=10227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/categories?post=10227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.black-jack-21.com\/nl\/wp-json\/wp\/v2\/tags?post=10227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}