====================================================
     1. HERO (kompakt)
     ============================================================ -->
<section class="pd-hero" style="min-height:60vh;">
    <div class="pd-hero-bg" style="background-image:url();"></div>
    <div class="pd-hero-overlay"></div>
    <div id="particles-js"></div>

    <div class="pd-hero-content container" style="padding-top:8rem;">
        <h1 class="pd-reveal" style="font-size:2.6rem;">
            Wie <span class="pd-gradient-text">KI-ready</span> ist<br>Ihre Organisation?
        </h1>
        <p class="pd-hero-sub pd-reveal pd-reveal-delay-1">
            8 Fragen, 2 Minuten &ndash; und Sie wissen, wo Sie stehen.<br>
            Mit individueller Auswertung und konkreten Handlungsempfehlungen.
        </p>
        <div class="pd-hero-ctas pd-reveal pd-reveal-delay-2">
            <a href="#quiz" class="pd-btn-primary" id="pdQuizStartHero">Jetzt Check starten</a>
        </div>
    </div>
</section>


<!-- ============================================================
     2. QUIZ SECTION
     ============================================================ -->
<section id="quiz" class="pd-section pd-section-dark">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-8">

                <!-- Quiz Container -->
                <div id="pdQuiz" class="pd-quiz">

                    <!-- Progress Bar -->
                    <div class="pd-quiz-progress" id="pdQuizProgress">
                        <div class="pd-quiz-progress-bar" id="pdQuizProgressBar" style="width:0%"></div>
                        <span class="pd-quiz-progress-label" id="pdQuizProgressLabel">Frage 1 von 8</span>
                    </div>

                    <!-- Questions (rendered by JS) -->
                    <div id="pdQuizQuestions"></div>

                    <!-- Navigation -->
                    <div class="pd-quiz-nav" id="pdQuizNav">
                        <button type="button" class="pd-btn-outline pd-quiz-btn-prev" id="pdQuizPrev" style="display:none;">
                            <i class="fa fa-arrow-left"></i> Zur&uuml;ck
                        </button>
                        <button type="button" class="pd-btn-primary pd-quiz-btn-next" id="pdQuizNext" disabled>
                            Weiter <i class="fa fa-arrow-right"></i>
                        </button>
                    </div>
                </div>


                <!-- Results Teaser (hidden initially) -->
                <div id="pdQuizTeaser" class="pd-quiz-teaser" style="display:none;">
                    <div class="pd-section-heading pd-reveal">
                        <h2>Ihr <span class="pd-gradient-text">Ergebnis</span></h2>
                    </div>

                    <!-- Score Circle -->
                    <div class="pd-quiz-score-wrap pd-reveal">
                        <svg class="pd-quiz-score-svg" viewBox="0 0 200 200">
                            <circle cx="100" cy="100" r="85" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="12"/>
                            <circle id="pdScoreCircle" cx="100" cy="100" r="85" fill="none"
                                    stroke="var(--pd-accent)" stroke-width="12"
                                    stroke-dasharray="534" stroke-dashoffset="534"
                                    stroke-linecap="round" transform="rotate(-90 100 100)"/>
                        </svg>
                        <div class="pd-quiz-score-inner">
                            <span class="pd-quiz-score-pct" id="pdScorePct">0%</span>
                            <span class="pd-quiz-score-label" id="pdScoreLabel">wird berechnet&hellip;</span>
                        </div>
                    </div>

                    <!-- Maturity level -->
                    <p class="pd-quiz-maturity pd-reveal pd-reveal-delay-1" id="pdMaturityText"></p>

                    <!-- Category bars (blurred) -->
                    <div class="pd-quiz-categories pd-reveal pd-reveal-delay-2" id="pdCategoryBars">
                        <!-- rendered by JS -->
                    </div>
                    <div class="pd-quiz-blur-hint pd-reveal pd-reveal-delay-2">
                        <i class="fa fa-lock"></i> Detaillierte Kategorie-Auswertung in Ihrem pers&ouml;nlichen Report
                    </div>

                    <!-- Email Gate -->
                    <div class="pd-glass-card pd-quiz-gate pd-reveal pd-reveal-delay-3" id="pdQuizGate">
                        <h4 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:0.5rem;">
                            Ihre individuelle Auswertung
                        </h4>
                        <p class="pd-body" style="margin-bottom:1.25rem;">
                            Erhalten Sie Ihren detaillierten Report mit konkreten Handlungsempfehlungen,
                            Kategorie-Auswertung und n&auml;chsten Schritten &ndash; kostenlos per E-Mail.
                        </p>
                        <form id="pdQuizGateForm" novalidate>
                            <input type="hidden" name="csrf_token" value="">
                            <input type="hidden" name="quiz_answers" id="pdQuizAnswersField" value="">
                            <div class="row">
                                <div class="col-12 col-md-6 mb-3">
                                    <label for="qgName">Name</label>
                                    <input type="text" class="form-control" id="qgName" name="name" placeholder="Ihr Name" required>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <label for="qgEmail">E-Mail</label>
                                    <input type="email" class="form-control" id="qgEmail" name="email" placeholder="ihre@email.de" required>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="qgOrg">Organisation <span style="color:var(--pd-text-muted);font-weight:400;">(optional)</span></label>
                                <input type="text" class="form-control" id="qgOrg" name="organisation" placeholder="z.B. Fraktion, Verwaltung, Unternehmen">
                            </div>
                            <!-- Honeypot -->
                            <div class="pd-hp-field" aria-hidden="true">
                                <label for="qgWebsite">Website</label>
                                <input type="text" id="qgWebsite" name="website_url" tabindex="-1" autocomplete="off">
                            </div>
                            <button type="submit" class="pd-btn-primary" style="width:100%;">
                                <i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Auswertung anfordern
                            </button>
                        </form>
                        <div id="pdGateStatus" class="pd-form-status"></div>
                    </div>
                </div>


                <!-- Confirmation (hidden initially) -->
                <div id="pdQuizConfirm" class="pd-quiz-confirm" style="display:none;">
                    <div class="text-center pd-reveal">
                        <div style="font-size:3rem;margin-bottom:1rem;color:var(--pd-accent);">
                            <i class="fa fa-check-circle"></i>
                        </div>
                        <h3 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:1rem;">
                            Ihre Auswertung ist unterwegs!
                        </h3>
                        <p class="pd-body-lg" style="margin-bottom:2rem;">
                            Pr&uuml;fen Sie Ihr Postfach &ndash; der detaillierte Report mit Ihren individuellen
                            Handlungsempfehlungen sollte in wenigen Minuten eintreffen.
                        </p>
                        <div class="pd-glass-card" style="padding:1.5rem 2rem;text-align:center;margin-bottom:1.5rem;">
                            <p style="color:var(--pd-text-bright);font-size:1rem;margin-bottom:1rem;">
                                <strong style="color:#fff;">Sie m&ouml;chten direkt loslegen?</strong><br>
                                Wir beraten Sie gern zu den n&auml;chsten Schritten.
                            </p>
                            <a href="/#kontakt" class="pd-btn-primary">Kostenlose Erstberatung</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>


<!-- ============================================================
     3. TRUST HINT
     ============================================================ -->
<section class="pd-section pd-section-darker">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-8 text-center pd-reveal">
                <div style="display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem;">
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-shield" style="color:var(--pd-accent);margin-right:0.4rem;"></i>100% DSGVO-konform
                    </span>
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-server" style="color:var(--pd-accent);margin-right:0.4rem;"></i>Hosting in Deutschland
                    </span>
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-clock-o" style="color:var(--pd-accent);margin-right:0.4rem;"></i>Dauer: ca. 2 Minuten
                    </span>
                </div>
                <p style="color:var(--pd-text-muted);font-size:0.85rem;max-width:500px;margin:0 auto;">
                    Ihre Daten werden ausschlie&szlig;lich zur Erstellung Ihres pers&ouml;nlichen Reports verwendet
                    und auf deutschen Servern verarbeitet.
                </p>
            </div>
        </div>
    </div>
</section>


<!-- ============================================================
     QUIZ ENGINE (Vanilla JS)
     ============================================================ -->
<script>
(function() {
    'use strict';

    /* ------------------------------------------------------------------
       QUIZ DATA
       ------------------------------------------------------------------ */
    var questions = [
        {
            id: 1,
            category: 'prozesse',
            categoryLabel: 'Prozesse & Workflows',
            text: 'Wie werden in Ihrer Organisation wiederkehrende Aufgaben (z.\u00a0B. Anfragen bearbeiten, Dokumente erstellen, Terminkoordination) aktuell erledigt?',
            answers: [
                { text: '\u00dcberwiegend manuell, jeder macht es auf seine Weise', score: 0 },
                { text: 'Es gibt Vorlagen und feste Abl\u00e4ufe, aber alles wird manuell bearbeitet', score: 1 },
                { text: 'Einige Abl\u00e4ufe sind teilautomatisiert (z.\u00a0B. E-Mail-Vorlagen, digitale Formulare)', score: 2 },
                { text: 'Viele Routineaufgaben laufen bereits automatisiert \u00fcber digitale Tools', score: 3 }
            ]
        },
        {
            id: 2,
            category: 'prozesse',
            categoryLabel: 'Prozesse & Workflows',
            text: 'Wie viel Zeit verbringen Ihre Mitarbeitenden sch\u00e4tzungsweise mit repetitiven Aufgaben, die sich prinzipiell automatisieren lie\u00dfen?',
            answers: [
                { text: 'Mehr als 50\u00a0% der Arbeitszeit', score: 0 },
                { text: 'Etwa 30\u201350\u00a0% der Arbeitszeit', score: 1 },
                { text: 'Etwa 15\u201330\u00a0% der Arbeitszeit', score: 2 },
                { text: 'Weniger als 15\u00a0% \u2013 wir haben schon viel optimiert', score: 3 }
            ]
        },
        {
            id: 3,
            category: 'daten',
            categoryLabel: 'Daten & Infrastruktur',
            text: 'In welcher Form liegen die meisten Dokumente und Informationen in Ihrer Organisation vor?',
            answers: [
                { text: '\u00dcberwiegend auf Papier oder in unstrukturierten Dateien (E-Mail-Postf\u00e4cher, lokale Ordner)', score: 0 },
                { text: 'Weitgehend digital, aber verstreut \u00fcber verschiedene Systeme ohne einheitliche Struktur', score: 1 },
                { text: 'Digital und gr\u00f6\u00dftenteils in zentralen Systemen (DMS, Cloud-Speicher, Datenbanken)', score: 2 },
                { text: 'Vollst\u00e4ndig digital, strukturiert und \u00fcber Schnittstellen zug\u00e4nglich', score: 3 }
            ]
        },
        {
            id: 4,
            category: 'daten',
            categoryLabel: 'Daten & Infrastruktur',
            text: 'Nutzt Ihre Organisation bereits KI-Tools im Arbeitsalltag (z.\u00a0B. ChatGPT, Copilot, Zusammenfassungstools)?',
            answers: [
                { text: 'Nein, wir haben uns damit noch nicht besch\u00e4ftigt', score: 0 },
                { text: 'Einzelne Mitarbeitende nutzen KI-Tools privat oder inoffiziell', score: 1 },
                { text: 'Wir haben erste Pilotprojekte oder offizielle Nutzung einzelner Tools', score: 2 },
                { text: 'KI-Tools sind fester Bestandteil unserer Arbeitsabl\u00e4ufe', score: 3 }
            ]
        },
        {
            id: 5,
            category: 'kultur',
            categoryLabel: 'Kultur & Kompetenz',
            text: 'Wie w\u00fcrden Sie die Haltung Ihrer Organisation gegen\u00fcber neuen Technologien und KI beschreiben?',
            answers: [
                { text: 'Eher skeptisch \u2013 \u201eDas brauchen wir nicht\u201c oder \u201eDas funktioniert bei uns nicht\u201c', score: 0 },
                { text: 'Offen, aber abwartend \u2013 wir beobachten erst, was andere machen', score: 1 },
                { text: 'Interessiert und bereit, Neues auszuprobieren, wenn der Nutzen klar ist', score: 2 },
                { text: 'Innovationsfreudig \u2013 wir suchen aktiv nach neuen technologischen M\u00f6glichkeiten', score: 3 }
            ]
        },
        {
            id: 6,
            category: 'kultur',
            categoryLabel: 'Kultur & Kompetenz',
            text: 'Gibt es in Ihrer Organisation Personen mit Erfahrung in digitalen Projekten oder technischem Verst\u00e4ndnis?',
            answers: [
                { text: 'Nein, technische Themen werden komplett extern vergeben', score: 0 },
                { text: 'Es gibt einzelne technikaffine Personen, aber keine formale Rolle', score: 1 },
                { text: 'Wir haben mindestens eine Person, die digitale Projekte koordiniert', score: 2 },
                { text: 'Wir haben ein dediziertes Team oder klare Zust\u00e4ndigkeiten f\u00fcr Digitalisierung', score: 3 }
            ]
        },
        {
            id: 7,
            category: 'strategie',
            categoryLabel: 'Strategie & Ressourcen',
            text: 'Hat Ihre Organisation ein Budget f\u00fcr Digitalisierung oder KI-Projekte eingeplant?',
            answers: [
                { text: 'Nein, daf\u00fcr gibt es kein separates Budget', score: 0 },
                { text: 'Nicht explizit, aber bei \u00fcberzeugenden Projekten k\u00f6nnten wir Mittel freimachen', score: 1 },
                { text: 'Ja, es gibt ein allgemeines Digitalisierungsbudget', score: 2 },
                { text: 'Ja, wir haben ein spezifisches Budget f\u00fcr KI- und Automatisierungsprojekte', score: 3 }
            ]
        },
        {
            id: 8,
            category: 'strategie',
            categoryLabel: 'Strategie & Ressourcen',
            text: 'Wie schnell k\u00f6nnten Sie ein KI- oder Automatisierungsprojekt in Ihrer Organisation starten?',
            answers: [
                { text: 'Das w\u00e4re aktuell nicht realistisch \u2013 zu viele H\u00fcrden', score: 0 },
                { text: 'In 6\u201312 Monaten, wenn wir erst intern Vorarbeit leisten', score: 1 },
                { text: 'In 2\u20133 Monaten, wenn wir einen passenden Partner finden', score: 2 },
                { text: 'Sofort \u2013 wir suchen aktiv nach L\u00f6sungen und Umsetzungspartnern', score: 3 }
            ]
        }
    ];

    var maturityLevels = [
        { min: 0,  max: 25,  label: 'Einsteiger',      color: '#e74c3c',
          text: 'Ihre Organisation steht am Anfang der digitalen Transformation. Es gibt gro\u00dfes Potenzial f\u00fcr Effizienzgewinne durch Automatisierung und KI.' },
        { min: 26, max: 50,  label: 'Entdecker',        color: '#e8a838',
          text: 'Sie haben erste Schritte unternommen, aber es gibt noch viele ungenutzte M\u00f6glichkeiten. Gezielte Pilotprojekte k\u00f6nnten schnelle Erfolge bringen.' },
        { min: 51, max: 75,  label: 'Fortgeschritten',  color: '#E8C868',
          text: 'Ihre Organisation hat eine solide digitale Basis. Jetzt gilt es, KI strategisch einzusetzen und Prozesse gezielt zu automatisieren.' },
        { min: 76, max: 100, label: 'Vorreiter',        color: '#4DB8E8',
          text: 'Ihre Organisation ist gut aufgestellt f\u00fcr KI-Integration. Der n\u00e4chste Schritt ist die systematische Implementierung fortschrittlicher KI-L\u00f6sungen.' }
    ];

    var categoryMeta = {
        prozesse:  { label: 'Prozesse & Workflows',  icon: 'fa-cogs' },
        daten:     { label: 'Daten & Infrastruktur',  icon: 'fa-database' },
        kultur:    { label: 'Kultur & Kompetenz',     icon: 'fa-users' },
        strategie: { label: 'Strategie & Ressourcen', icon: 'fa-compass' }
    };

    /* ------------------------------------------------------------------
       STATE
       ------------------------------------------------------------------ */
    var currentQ = 0;
    var answers = new Array(questions.length).fill(null);

    /* ------------------------------------------------------------------
       DOM REFS
       ------------------------------------------------------------------ */
    var $quiz        = document.getElementById('pdQuiz');
    var $questions   = document.getElementById('pdQuizQuestions');
    var $progress    = document.getElementById('pdQuizProgressBar');
    var $progressLbl = document.getElementById('pdQuizProgressLabel');
    var $prevBtn     = document.getElementById('pdQuizPrev');
    var $nextBtn     = document.getElementById('pdQuizNext');
    var $teaser      = document.getElementById('pdQuizTeaser');
    var $confirm     = document.getElementById('pdQuizConfirm');
    var $gateForm    = document.getElementById('pdQuizGateForm');
    var $gateStatus  = document.getElementById('pdGateStatus');

    /* ------------------------------------------------------------------
       RENDER QUESTION
       ------------------------------------------------------------------ */
    function renderQuestion(idx) {
        var q = questions[idx];
        var html = '<div class="pd-quiz-question">';
        html += '<div class="pd-quiz-category-label"><i class="fa ' + categoryMeta[q.category].icon + '"></i> ' + q.categoryLabel + '</div>';
        html += '<h3 class="pd-quiz-q-text">' + q.text + '</h3>';
        html += '<div class="pd-quiz-answers">';
        for (var i = 0; i < q.answers.length; i++) {
            var a = q.answers[i];
            var sel = (answers[idx] === i) ? ' pd-quiz-answer--selected' : '';
            html += '<button type="button" class="pd-quiz-answer' + sel + '" data-idx="' + i + '">';
            html += '<span class="pd-quiz-answer-letter">' + String.fromCharCode(65 + i) + '</span>';
            html += '<span class="pd-quiz-answer-text">' + a.text + '</span>';
            html += '</button>';
        }
        html += '</div></div>';
        $questions.innerHTML = html;

        // bind clicks
        var btns = $questions.querySelectorAll('.pd-quiz-answer');
        for (var j = 0; j < btns.length; j++) {
            btns[j].addEventListener('click', onAnswerClick);
        }

        updateNav();
    }

    function onAnswerClick(e) {
        var btn = e.currentTarget;
        var idx = parseInt(btn.getAttribute('data-idx'), 10);
        answers[currentQ] = idx;

        // visual
        var all = $questions.querySelectorAll('.pd-quiz-answer');
        for (var i = 0; i < all.length; i++) {
            all[i].classList.remove('pd-quiz-answer--selected');
        }
        btn.classList.add('pd-quiz-answer--selected');

        updateNav();

        // auto-advance after short delay
        setTimeout(function() {
            if (currentQ < questions.length - 1) {
                currentQ++;
                renderQuestion(currentQ);
                updateProgress();
            } else {
                showTeaser();
            }
        }, 350);
    }

    /* ------------------------------------------------------------------
       NAVIGATION
       ------------------------------------------------------------------ */
    function updateNav() {
        $prevBtn.style.display = (currentQ > 0) ? '' : 'none';
        var isLast = (currentQ === questions.length - 1);
        $nextBtn.textContent = isLast ? 'Auswertung anzeigen' : 'Weiter';
        if (!isLast) {
            $nextBtn.innerHTML = 'Weiter <i class="fa fa-arrow-right"></i>';
        } else {
            $nextBtn.innerHTML = 'Auswertung anzeigen <i class="fa fa-chart-bar"></i>';
        }
        $nextBtn.disabled = (answers[currentQ] === null);
    }

    function updateProgress() {
        var pct = Math.round(((currentQ + 1) / questions.length) * 100);
        $progress.style.width = pct + '%';
        $progressLbl.textContent = 'Frage ' + (currentQ + 1) + ' von ' + questions.length;
    }

    $prevBtn.addEventListener('click', function() {
        if (currentQ > 0) {
            currentQ--;
            renderQuestion(currentQ);
            updateProgress();
        }
    });

    $nextBtn.addEventListener('click', function() {
        if (answers[currentQ] === null) return;
        if (currentQ < questions.length - 1) {
            currentQ++;
            renderQuestion(currentQ);
            updateProgress();
        } else {
            showTeaser();
        }
    });

    /* ------------------------------------------------------------------
       SCORING
       ------------------------------------------------------------------ */
    function calculateResults() {
        var total = 0;
        var maxScore = questions.length * 3;
        var cats = {};

        for (var i = 0; i < questions.length; i++) {
            var q = questions[i];
            var score = (answers[i] !== null) ? q.answers[answers[i]].score : 0;
            total += score;
            if (!cats[q.category]) cats[q.category] = { score: 0, max: 0 };
            cats[q.category].score += score;
            cats[q.category].max += 3;
        }

        var pct = Math.round((total / maxScore) * 100);
        var level = maturityLevels[0];
        for (var j = 0; j < maturityLevels.length; j++) {
            if (pct >= maturityLevels[j].min && pct <= maturityLevels[j].max) {
                level = maturityLevels[j];
                break;
            }
        }

        return { total: total, maxScore: maxScore, percentage: pct, categories: cats, level: level };
    }

    /* ------------------------------------------------------------------
       SHOW TEASER RESULTS
       ------------------------------------------------------------------ */
    function showTeaser() {
        var res = calculateResults();

        // Hide quiz, show teaser
        $quiz.style.display = 'none';
        $teaser.style.display = '';

        // Scroll to teaser
        setTimeout(function() {
            $teaser.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }, 100);

        // Animate score circle
        var circumference = 2 * Math.PI * 85; // ~534
        var target = circumference - (circumference * res.percentage / 100);
        var circle = document.getElementById('pdScoreCircle');
        circle.style.stroke = res.level.color;
        setTimeout(function() {
            circle.style.transition = 'stroke-dashoffset 1.5s ease-out';
            circle.style.strokeDashoffset = target;
        }, 200);

        // Animate percentage counter
        animateCounter(document.getElementById('pdScorePct'), 0, res.percentage, 1500);

        // Level label
        document.getElementById('pdScoreLabel').textContent = res.level.label;
        document.getElementById('pdScoreLabel').style.color = res.level.color;

        // Maturity text
        document.getElementById('pdMaturityText').textContent = res.level.text;

        // Category bars (blurred)
        var barsHtml = '';
        var catOrder = ['prozesse', 'daten', 'kultur', 'strategie'];
        for (var i = 0; i < catOrder.length; i++) {
            var key = catOrder[i];
            var cat = res.categories[key];
            var catPct = Math.round((cat.score / cat.max) * 100);
            var meta = categoryMeta[key];
            barsHtml += '<div class="pd-quiz-cat-row">';
            barsHtml += '<span class="pd-quiz-cat-label"><i class="fa ' + meta.icon + '"></i> ' + meta.label + '</span>';
            barsHtml += '<div class="pd-quiz-cat-bar-wrap">';
            barsHtml += '<div class="pd-quiz-cat-bar" style="width:' + catPct + '%;background:' + res.level.color + ';"></div>';
            barsHtml += '</div>';
            barsHtml += '<span class="pd-quiz-cat-pct pd-quiz-blurred">' + catPct + '%</span>';
            barsHtml += '</div>';
        }
        document.getElementById('pdCategoryBars').innerHTML = barsHtml;

        // Store answers for form submission
        var answerData = [];
        for (var j = 0; j < questions.length; j++) {
            answerData.push({
                questionId: questions[j].id,
                category: questions[j].category,
                answerIndex: answers[j],
                score: (answers[j] !== null) ? questions[j].answers[answers[j]].score : 0
            });
        }
        document.getElementById('pdQuizAnswersField').value = JSON.stringify(answerData);

        // Trigger reveal animations
        var reveals = $teaser.querySelectorAll('.pd-reveal');
        for (var k = 0; k < reveals.length; k++) {
            (function(el, delay) {
                setTimeout(function() { el.classList.add('pd-visible'); }, delay);
            })(reveals[k], k * 150);
        }
    }

    function animateCounter(el, start, end, duration) {
        var startTime = null;
        function step(timestamp) {
            if (!startTime) startTime = timestamp;
            var progress = Math.min((timestamp - startTime) / duration, 1);
            var val = Math.round(start + (end - start) * easeOutQuart(progress));
            el.textContent = val + '%';
            if (progress < 1) requestAnimationFrame(step);
        }
        requestAnimationFrame(step);
    }

    function easeOutQuart(t) {
        return 1 - Math.pow(1 - t, 4);
    }

    /* ------------------------------------------------------------------
       EMAIL GATE FORM
       ------------------------------------------------------------------ */
    $gateForm.addEventListener('submit', function(e) {
        e.preventDefault();

        // Honeypot check
        if (document.getElementById('qgWebsite').value) return;

        // Basic validation
        var name  = document.getElementById('qgName').value.trim();
        var email = document.getElementById('qgEmail').value.trim();
        if (!name || !email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
            showGateStatus('error', 'Bitte geben Sie Ihren Namen und eine g\u00fcltige E-Mail-Adresse ein.');
            return;
        }

        // Disable button
        var submitBtn = $gateForm.querySelector('button[type="submit"]');
        submitBtn.disabled = true;
        submitBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Wird versendet\u2026';

        var formData = new FormData($gateForm);

        fetch('/assets/vendor/simple-forms/quiz-submit.php', {
            method: 'POST',
            body: formData
        })
        .then(function(resp) { return resp.json(); })
        .then(function(data) {
            if (data.status === 'success') {
                $teaser.style.display = 'none';
                $confirm.style.display = '';
                $confirm.scrollIntoView({ behavior: 'smooth', block: 'start' });
                if (window._paq) { window._paq.push(['trackEvent', 'Conversion', 'KI-Readiness-Check', 'abgeschlossen']); }
                // Trigger reveal
                var reveals = $confirm.querySelectorAll('.pd-reveal');
                for (var i = 0; i < reveals.length; i++) {
                    (function(el, delay) {
                        setTimeout(function() { el.classList.add('pd-visible'); }, delay);
                    })(reveals[i], i * 150);
                }
            } else {
                showGateStatus('error', data.message || 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.');
                submitBtn.disabled = false;
                submitBtn.innerHTML = '<i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Auswertung anfordern';
            }
        })
        .catch(function() {
            showGateStatus('error', 'Verbindungsfehler. Bitte versuchen Sie es erneut.');
            submitBtn.disabled = false;
            submitBtn.innerHTML = '<i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Auswertung anfordern';
        });
    });

    function showGateStatus(type, msg) {
        $gateStatus.className = 'pd-form-status pd-' + type;
        $gateStatus.textContent = msg;
        $gateStatus.style.display = 'block';
    }

    /* ------------------------------------------------------------------
       HERO START BUTTON
       ------------------------------------------------------------------ */
    var heroBtn = document.getElementById('pdQuizStartHero');
    if (heroBtn) {
        heroBtn.addEventListener('click', function(e) {
            e.preventDefault();
            document.getElementById('quiz').scrollIntoView({ behavior: 'smooth' });
        });
    }

    /* ------------------------------------------------------------------
       INIT
       ------------------------------------------------------------------ */
    renderQuestion(0);
    updateProgress();

})();
</script>



</main>

<!-- Footer
================================================== -->
<footer class="pd-footer">
    <div class="container">
        <div class="row">
            <!-- Col 1: Logo + Claim -->
            <div class="col-12 col-md-6 col-lg-3 mb-4">
                <a href="/">
                    <img src="/assets/images/logo-horizontal.png" alt="Politech Dynamics" width="190" height="66" style="height:36px;width:auto;" class="mb-3" loading="lazy">
                </a>
                <p class="pd-footer-claim">
                    Bessere Politik ist technisch m&ouml;glich.
                </p>
            </div>

            <!-- Col 2: Angebot (zwei Säulen) -->
            <div class="col-6 col-md-3 col-lg-3 mb-4">
                <h5>Politics</h5>
                <ul>
                    <li><a href="/politik-tools">Politik-Tools</a></li>
                    <li><a href="/politische-seminare">Vortr&auml;ge &amp; Seminare</a></li>
                </ul>
                <h5 style="margin-top:1rem;">Tech Dynamics</h5>
                <ul>
                    <li><a href="/ki-loesungen">Automation &amp; AI</a></li>
                    <li><a href="/softwareentwicklung">Software &amp; Apps</a></li>
                </ul>
            </div>

            <!-- Col 3: Unternehmen -->
            <div class="col-6 col-md-3 col-lg-2 mb-4">
                <h5>Unternehmen</h5>
                <ul>
                    <li><a href="/#ueber-politech">&Uuml;ber Politech</a></li>
                    <li><a href="/#projekte">Projekte</a></li>
                    <li><a href="/kontakt">Kontakt</a></li>
                </ul>
            </div>

            <!-- Col 4: Kontakt + Social -->
            <div class="col-12 col-md-6 col-lg-4 mb-4">
                <h5>Kontakt</h5>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:0.2rem;">
                    <i class="fa fa-envelope" style="width:20px;color:var(--pd-accent)"></i>
                    <a href="mailto:fischbach@politech-dynamics.de" style="color:var(--pd-text-muted);text-decoration:none;">fischbach@politech-dynamics.de</a>
                </p>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:0.2rem;">
                    <i class="fa fa-phone" style="width:20px;color:var(--pd-accent)"></i> <a href="tel:+4991318875677" style="color:var(--pd-text-muted);text-decoration:none;">09131 / 88 75 677</a>
                </p>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:1rem;">
                    <i class="fa fa-map-marker" style="width:20px;color:var(--pd-accent)"></i> Stoke-on-Trent-Str. 1, 91058 Erlangen                </p>
                <a href="https://www.linkedin.com/company/politech-dynamics" target="_blank" rel="noopener" class="pd-social-link" aria-label="LinkedIn">
                    <i class="fa fa-linkedin"></i>
                </a>
            </div>
        </div>

        <!-- Impressum (compact) -->
        <div style="border-top:1px solid rgba(255,255,255,0.08);padding-top:1.25rem;margin-top:0.5rem;margin-bottom:1.25rem;">
            <p style="color:rgba(255,255,255,0.35);font-size:0.82rem;line-height:1.8;margin-bottom:0;">
                <strong style="color:rgba(255,255,255,0.45);">Impressum:</strong>
                Politech Dynamics UG (haftungsbeschr&auml;nkt) &middot;
                Gesch&auml;ftsf&uuml;hrer: Matthias Fischbach &middot;
                Stoke-on-Trent-Str. 1, 91058 Erlangen &middot;
                AG F&uuml;rth HRB 21840 &middot;
                USt-IdNr. DE368619060            </p>
        </div>

        <!-- Bottom bar -->
        <div class="pd-footer-bottom d-flex flex-wrap justify-content-between align-items-center">
            <p>&copy; 2026 Politech Dynamics UG (haftungsbeschr&auml;nkt). Alle Rechte vorbehalten.</p>
            <p>
                <a href="/impressum" style="color:rgba(255,255,255,0.35);text-decoration:none;">Impressum</a>
                &nbsp;&middot;&nbsp;
                <a href="/datenschutz" style="color:rgba(255,255,255,0.35);text-decoration:none;">Datenschutz</a>
            </p>
        </div>
    </div>

    <!-- Back to top -->
    <a href="#top" class="pd-back-to-top" id="backToTop" aria-label="Nach oben">
        <i class="fa fa-chevron-up"></i>
    </a>
</footer>


<!-- Scripts / Body End
================================================== -->
<!-- Vendor Scripts -->
<script src="/assets/vendor/jquery/jquery.min.js"></script>
<script src="/assets/vendor/jquery/jquery-migrate.min.js"></script>
<script src="/assets/vendor/bootstrap/bootstrap.min.js"></script>
<script src="/assets/vendor/parallax/parallax.min.js"></script>
<script src="/assets/vendor/jquery/jquery.easing.min.js"></script>
<script src="/assets/vendor/typed/typed.min.js"></script>
<script src="/assets/vendor/wow/wow.min.js"></script>
<script src="/assets/vendor/particles/particles.min.js"></script>
<script src="/assets/vendor/waypoints/waypoints.min.js"></script>

<!-- Theme Scripts and Inits -->
<script src="/assets/js/particle-theme.js"></script>
<script src="/assets/js/page-home-dark.js"></script>

<script>
(function() {
    // Glassmorphism scroll effect for navbar
    var nav = document.getElementById('mainNav');
    if (nav) {
        function checkScroll() {
            if (window.scrollY > 80) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }
        }
        window.addEventListener('scroll', checkScroll, {passive: true});
        checkScroll();
    }

    // Back to top visibility
    var btt = document.getElementById('backToTop');
    if (btt) {
        window.addEventListener('scroll', function() {
            if (window.scrollY > 800) btt.classList.add('visible');
            else btt.classList.remove('visible');
        }, {passive: true});
    }

    // IntersectionObserver for reveal animations
    if ('IntersectionObserver' in window) {
        var revealEls = document.querySelectorAll('.pd-reveal');
        var observer = new IntersectionObserver(function(entries) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('pd-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, {threshold: 0.12});

        revealEls.forEach(function(el) {
            observer.observe(el);
        });
    }

    // Pre-fill contact form from URL parameters (seminar pages link here)
    var cfForm = document.getElementById('pdContactForm');
    if (cfForm) {
        var urlParams = new URLSearchParams(window.location.search);
        var seminarParam = urlParams.get('seminar');
        if (seminarParam) {
            var topicSelect = document.getElementById('cfTopic');
            if (topicSelect) {
                topicSelect.value = 'Vortrag / Seminar';
                topicSelect.classList.remove('is-placeholder');
            }
            var msgField = document.getElementById('cfMessage');
            if (msgField && !msgField.value) {
                msgField.value = 'Ich interessiere mich f\u00fcr das Seminar \u201e' + decodeURIComponent(seminarParam) + '\u201c und bitte um ein Angebot.';
            }
        }
    }

    // Contact form submission (if form exists on page)
    var form = document.getElementById('pdContactForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            var hp = form.querySelector('[name="website_url"]');
            if (hp && hp.value !== '') return; // bot detected

            var btn = form.querySelector('button[type="submit"]');
            var statusEl = document.getElementById('pdFormStatus');
            btn.disabled = true;
            btn.textContent = 'Wird gesendet...';

            var data = new FormData(form);
            fetch('/assets/vendor/simple-forms/sendmail.php', {
                method: 'POST',
                body: data
            }).then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.status === 'success' || res.success) {
                    statusEl.className = 'pd-form-status pd-success';
                    statusEl.textContent = 'Vielen Dank! Ihre Nachricht wurde gesendet.';
                    form.reset();
                    if (window._paq) { window._paq.push(['trackEvent', 'Conversion', 'Kontaktformular', 'gesendet']); }
                } else {
                    statusEl.className = 'pd-form-status pd-error';
                    statusEl.textContent = 'Fehler beim Senden. Bitte versuchen Sie es erneut oder schreiben Sie direkt an fischbach@politech-dynamics.de.';
                }
                btn.disabled = false;
                btn.textContent = 'Nachricht senden';
            }).catch(function() {
                statusEl.className = 'pd-form-status pd-error';
                statusEl.textContent = 'Fehler beim Senden. Bitte versuchen Sie es erneut.';
                btn.disabled = false;
                btn.textContent = 'Nachricht senden';
            });
        });
    }
    // Seminar interest form: toggle + AJAX submit
    document.querySelectorAll('.pd-interest-toggle').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var card = btn.closest('.pd-glass-card');
            var formWrap = card.querySelector('.pd-interest-form');
            if (formWrap) {
                formWrap.style.display = 'block';
                btn.style.display = 'none';
                var emailInput = formWrap.querySelector('input[type="email"]');
                if (emailInput) emailInput.focus();
            }
        });
    });

    document.querySelectorAll('.pd-seminar-interest-form').forEach(function(form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            var hp = form.querySelector('[name="website_url"]');
            if (hp && hp.value !== '') return;

            var btn = form.querySelector('button[type="submit"]');
            var statusEl = form.parentElement.querySelector('.pd-interest-status');
            btn.disabled = true;
            btn.textContent = '...';

            var data = new FormData(form);
            fetch('/assets/vendor/simple-forms/seminar-interest.php', {
                method: 'POST',
                body: data
            }).then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.status === 'success') {
                    statusEl.className = 'pd-interest-status pd-success';
                    statusEl.innerHTML = '<i class="fa fa-check-circle"></i> ' + res.message;
                    form.style.display = 'none';
                    if (window._paq) { window._paq.push(['trackEvent', 'Conversion', 'Seminar-Interesse', form.dataset.seminar || 'unbekannt']); }
                } else {
                    statusEl.className = 'pd-interest-status pd-error';
                    statusEl.textContent = res.message || 'Fehler beim Senden.';
                    btn.disabled = false;
                    btn.innerHTML = '&rarr;';
                }
            }).catch(function() {
                statusEl.className = 'pd-interest-status pd-error';
                statusEl.textContent = 'Verbindungsfehler. Bitte versuchen Sie es erneut.';
                btn.disabled = false;
                btn.innerHTML = '&rarr;';
            });
        });
    });

    // --- Seminar Accordion: toggle class + deep-linking ---
    if (document.getElementById('seminarAccordion')) {
        // Toggle pd-accordion-open class on show/hide
        $('#seminarAccordion').on('show.bs.collapse', function(e) {
            var item = $(e.target).closest('.pd-accordion-item');
            item.addClass('pd-accordion-open');
        });
        $('#seminarAccordion').on('hide.bs.collapse', function(e) {
            var item = $(e.target).closest('.pd-accordion-item');
            item.removeClass('pd-accordion-open');
        });

        // Deep-link: auto-open accordion from URL #fragment
        var hash = window.location.hash;
        if (hash) {
            var target = document.querySelector(hash);
            if (target && target.classList.contains('pd-accordion-item')) {
                var collapseEl = target.querySelector('.collapse');
                if (collapseEl) {
                    $(collapseEl).collapse('show');
                    setTimeout(function() {
                        var offset = target.getBoundingClientRect().top + window.pageYOffset - 100;
                        window.scrollTo({ top: offset, behavior: 'smooth' });
                    }, 350);
                }
            }
        }

        // Smooth scroll to opened panel on click
        $('#seminarAccordion .pd-accordion-header').on('click', function() {
            var item = $(this).closest('.pd-accordion-item');
            var isOpening = $(this).attr('aria-expanded') === 'false';
            if (isOpening) {
                setTimeout(function() {
                    var offset = item[0].getBoundingClientRect().top + window.pageYOffset - 100;
                    window.scrollTo({ top: offset, behavior: 'smooth' });
                }, 350);
            }
        });
    }
})();
</script>

<!-- Budget-Bot Widget (Ollama, lokal gehostet, DE) -->
<script src="https://chat.politech-dynamics.de/widget/chat-widget.js"
        data-api="https://chat.politech-dynamics.de/api" defer></script>

</body>
</html>
</html>
=======
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Wie KI-ready ist Ihre Organisation? In 3 Minuten erfahren Sie Ihren personalisierten KI-Score – mit konkreten Empfehlungen für Ihren Organisationstyp.">
    <meta name="author" content="Politech Dynamics UG">

    <title>KI-Readiness-Check | Politech Dynamics UG</title>

        <link rel="canonical" href="https://politech-dynamics.de/ki-readiness-check">

    
    <!-- Open Graph -->
    <meta property="og:title" content="KI-Readiness-Check | Politech Dynamics UG">
    <meta property="og:description" content="Wie KI-ready ist Ihre Organisation? In 3 Minuten erfahren Sie Ihren personalisierten KI-Score – mit konkreten Empfehlungen für Ihren Organisationstyp.">
    <meta property="og:image" content="https://politech-dynamics.de/assets/images/ki-readiness.jpg">
    <meta property="og:url" content="https://politech-dynamics.de/ki-readiness-check">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="de_DE">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="KI-Readiness-Check | Politech Dynamics UG">
    <meta name="twitter:description" content="Wie KI-ready ist Ihre Organisation? In 3 Minuten erfahren Sie Ihren personalisierten KI-Score – mit konkreten Empfehlungen für Ihren Organisationstyp.">
    <meta name="twitter:image" content="https://politech-dynamics.de/assets/images/ki-readiness.jpg">

    <!-- JSON-LD Organization -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Politech Dynamics UG (haftungsbeschränkt)",
        "url": "https://politech-dynamics.de",
        "logo": "https://politech-dynamics.de/assets/images/logo.png",
        "founder": {"@type": "Person", "name": "Matthias Fischbach"},
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Stoke-on-Trent-Str. 1",
            "addressLocality": "Erlangen",
            "postalCode": "91058",
            "addressCountry": "DE"
        },
        "contactPoint": {
            "@type": "ContactPoint",
            "telephone": "+4991318875677",
            "contactType": "customer service",
            "email": "fischbach@politech-dynamics.de"        }
    }
    </script>

    <!-- JSON-LD Service (nur auf relevanten Seiten) -->
    
    <!-- JSON-LD Course (nur auf Seminar-Seiten) -->
    
        <!-- Matomo Analytics (cookieless, DSGVO-konform) -->
    <script>
    var _paq = window._paq = window._paq || [];
    _paq.push(['disableCookies']);
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
        var u = "https:\/\/matomo.politech-dynamics.de\/";
        _paq.push(['setTrackerUrl', u + 'matomo.php']);
        _paq.push(['setSiteId', 1]);
        var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
        g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
    })();
        </script>
    
    <link rel="icon" href="/fav.png" type="image/png" sizes="32x32">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">

    <!-- Bootstrap CSS -->
    <link href="/assets/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <!-- Fonts -->
    <link href="/assets/css/fonts.css" rel="stylesheet">
    <!-- Icon Fonts -->
    <link href="/assets/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- Animate.css -->
    <link href="/assets/vendor/animate/animate.min.css" rel="stylesheet">

    <!-- Particle Theme CSS -->
    <link href="/assets/css/particle-theme.css" rel="stylesheet">
    <link href="/assets/css/particle-colors.css" rel="stylesheet">
    <!-- Custom CSS (Glassmorphism, Glass Cards, etc.) -->
    <link href="/assets/css/custom.css?v=9" rel="stylesheet">

</head>

<body class="pa-homepage pa-dark">

<!-- Navigation -->
<nav class="pd-navbar navbar navbar-expand-lg navbar-dark" id="mainNav">
    <div class="container">
        <a class="navbar-brand" href="/">
            <img src="/assets/images/logo-flame.png" alt="Politech Dynamics" width="42" height="42">
        </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent"
                aria-controls="navbarContent" aria-expanded="false" aria-label="Navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav ml-auto">

                <!-- Politics (Dropdown) -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">Politics</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="/politik-tools">Politik-Tools</a>
                        <a class="dropdown-item" href="/politech-kommune">Politech-Kommune</a>
                        <a class="dropdown-item" href="/politische-seminare">Vortr&auml;ge &amp; Seminare</a>
                    </div>
                </li>

                <!-- Tech Dynamics (Dropdown) -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">Tech Dynamics</a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="/ki-loesungen">Automation &amp; AI</a>
                        <a class="dropdown-item" href="/softwareentwicklung">Software &amp; Apps</a>
                    </div>
                </li>

                <!-- Trennlinie -->
                <li class="nav-item pd-nav-divider d-none d-lg-flex" aria-hidden="true"></li>

                <!-- Vision -->
                <li class="nav-item">
                    <a class="nav-link" href="/#ueber-politech">Vision</a>
                </li>

                <!-- Kontakt (Icon) -->
                <li class="nav-item">
                    <a class="nav-link" href="/kontakt" aria-label="Kontakt">
                        <i class="fa fa-envelope" style="font-size:1.05rem;"></i>
                        <span class="d-lg-none ml-1">Kontakt</span>
                    </a>
                </li>

            </ul>
        </div>
    </div>
</nav>

<main id="main-content">


<!-- ============================================================
     1. HERO (kompakt)
     ============================================================ -->
<section class="pd-hero" style="min-height:60vh;">
    <div class="pd-hero-bg" style="background-image:url(/assets/images/ki-readiness.jpg);"></div>
    <div class="pd-hero-overlay"></div>
    <div id="particles-js"></div>

    <div class="pd-hero-content container" style="padding-top:8rem;">
        <h1 class="pd-reveal" style="font-size:2.6rem;">
            Wie <span class="pd-gradient-text">KI-ready</span> ist<br>Ihre Organisation?
        </h1>
        <p class="pd-hero-sub pd-reveal pd-reveal-delay-1">
            3 Minuten &ndash; personalisierter Score &ndash; konkrete Handlungsempfehlungen.<br>
            Speziell f&uuml;r Kommunalpolitik und &ouml;ffentliche Verwaltung.
        </p>
        <div class="pd-hero-ctas pd-reveal pd-reveal-delay-2">
            <a href="#quiz" class="pd-btn-primary" id="pdQuizStartHero">Jetzt Check starten</a>
        </div>
    </div>
</section>


<!-- ============================================================
     2. QUIZ SECTION
     ============================================================ -->
<section id="quiz" class="pd-section pd-section-dark">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-8">

                <!-- Step 0: Organisationstyp wählen -->
                <div id="pdOrgStep" class="pd-quiz">
                    <div class="pd-section-heading text-center" style="margin-bottom:2rem;">
                        <h2 style="color:#fff;font-family:'Roboto',sans-serif;font-weight:700;">
                            Wer sind <span class="pd-gradient-text">Sie?</span>
                        </h2>
                        <p class="pd-body" style="color:var(--pd-text-muted);">
                            W&auml;hlen Sie Ihren Organisationstyp &ndash; die Fragen werden auf Ihre Situation zugeschnitten.
                        </p>
                    </div>
                    <div class="pd-org-type-grid" id="pdOrgTypeGrid">
                        <!-- rendered by JS -->
                    </div>
                </div>

                <!-- Step 1+: Quiz Container (hidden initially) -->
                <div id="pdQuiz" class="pd-quiz" style="display:none;">

                    <!-- Org Type Badge -->
                    <div class="pd-quiz-org-badge" id="pdOrgBadge" style="margin-bottom:1rem;display:inline-flex;"></div>

                    <!-- Progress Bar -->
                    <div class="pd-quiz-progress" id="pdQuizProgress">
                        <div class="pd-quiz-progress-bar" id="pdQuizProgressBar" style="width:0%"></div>
                        <span class="pd-quiz-progress-label" id="pdQuizProgressLabel">Frage 1 von 6</span>
                    </div>

                    <!-- Questions (rendered by JS) -->
                    <div id="pdQuizQuestions"></div>

                    <!-- Navigation -->
                    <div class="pd-quiz-nav" id="pdQuizNav">
                        <button type="button" class="pd-btn-outline pd-quiz-btn-prev" id="pdQuizPrev" style="display:none;">
                            <i class="fa fa-arrow-left"></i> Zur&uuml;ck
                        </button>
                        <button type="button" class="pd-btn-primary pd-quiz-btn-next" id="pdQuizNext" disabled>
                            Weiter <i class="fa fa-arrow-right"></i>
                        </button>
                    </div>
                </div>


                <!-- Results Teaser (hidden initially) -->
                <div id="pdQuizTeaser" class="pd-quiz-teaser" style="display:none;">
                    <div class="pd-section-heading pd-reveal">
                        <h2>Ihr <span class="pd-gradient-text">Ergebnis</span></h2>
                    </div>

                    <!-- Score Circle -->
                    <div class="pd-quiz-score-wrap pd-reveal">
                        <svg class="pd-quiz-score-svg" viewBox="0 0 200 200">
                            <circle cx="100" cy="100" r="85" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="12"/>
                            <circle id="pdScoreCircle" cx="100" cy="100" r="85" fill="none"
                                    stroke="var(--pd-accent)" stroke-width="12"
                                    stroke-dasharray="534" stroke-dashoffset="534"
                                    stroke-linecap="round" transform="rotate(-90 100 100)"/>
                        </svg>
                        <div class="pd-quiz-score-inner">
                            <span class="pd-quiz-score-pct" id="pdScorePct">0%</span>
                            <span class="pd-quiz-score-label" id="pdScoreLabel">wird berechnet&hellip;</span>
                        </div>
                    </div>

                    <!-- Ampel -->
                    <div class="pd-reveal pd-reveal-delay-1" id="pdAmpel" style="display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0;align-items:center;">
                        <div id="pdAmpelRot"  style="width:22px;height:22px;border-radius:50%;background:#333;transition:background 0.5s;"></div>
                        <div id="pdAmpelGelb" style="width:22px;height:22px;border-radius:50%;background:#333;transition:background 0.5s;"></div>
                        <div id="pdAmpelGruen"style="width:22px;height:22px;border-radius:50%;background:#333;transition:background 0.5s;"></div>
                    </div>

                    <!-- Maturity text -->
                    <p class="pd-quiz-maturity pd-reveal pd-reveal-delay-1" id="pdMaturityText"></p>

                    <!-- Recommendations (blurred until gate) -->
                    <div class="pd-glass-card pd-reveal pd-reveal-delay-2" id="pdRecommendations"
                         style="margin-bottom:1.5rem;filter:blur(4px);pointer-events:none;user-select:none;">
                        <h4 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:1rem;">
                            <i class="fa fa-lightbulb-o" style="color:var(--pd-accent);margin-right:0.5rem;"></i>
                            3 konkrete Empfehlungen f&uuml;r Sie
                        </h4>
                        <div id="pdRecommendationList"></div>
                        <div style="margin-top:1.5rem;text-align:center;background:rgba(0,168,255,0.08);border:1px solid rgba(0,168,255,0.2);border-radius:8px;padding:1rem;">
                            <div style="font-size:2rem;font-weight:900;color:#00a8ff;" id="pdSavingHours">&ndash;</div>
                            <div style="color:#9ca3af;font-size:0.9rem;">gesch&auml;tztes Einsparpotenzial pro Jahr</div>
                        </div>
                    </div>

                    <!-- Category bars (blurred) -->
                    <div class="pd-quiz-categories pd-reveal pd-reveal-delay-2" id="pdCategoryBars"></div>
                    <div class="pd-quiz-blur-hint pd-reveal pd-reveal-delay-2">
                        <i class="fa fa-lock"></i> Empfehlungen und Detailauswertung in Ihrem pers&ouml;nlichen Report
                    </div>

                    <!-- Email Gate -->
                    <div class="pd-glass-card pd-quiz-gate pd-reveal pd-reveal-delay-3" id="pdQuizGate">
                        <h4 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:0.5rem;">
                            Ihre individuelle Auswertung
                        </h4>
                        <p class="pd-body" style="margin-bottom:1.25rem;">
                            Erhalten Sie Ihren detaillierten Report mit Empfehlungen und passenden
                            Produktvorschl&auml;gen &ndash; kostenlos per E-Mail.
                        </p>
                        <form id="pdQuizGateForm" novalidate>
                            <input type="hidden" name="csrf_token" value="e3cd819c5c7107f993bf84f73e5a270bf03f2bba151a2ced0b61916ff8eb0fe6">
                            <input type="hidden" name="quiz_answers" id="pdQuizAnswersField" value="">
                            <input type="hidden" name="org_type" id="pdOrgTypeField" value="">
                            <div class="row">
                                <div class="col-12 col-md-6 mb-3">
                                    <label for="qgName">Name</label>
                                    <input type="text" class="form-control" id="qgName" name="name" placeholder="Ihr Name" required>
                                </div>
                                <div class="col-12 col-md-6 mb-3">
                                    <label for="qgEmail">E-Mail</label>
                                    <input type="email" class="form-control" id="qgEmail" name="email" placeholder="ihre@email.de" required>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="qgOrg">Organisation <span style="color:var(--pd-text-muted);font-weight:400;">(optional)</span></label>
                                <input type="text" class="form-control" id="qgOrg" name="organisation" placeholder="z.B. Fraktion, Verwaltung, Gemeinde">
                            </div>
                            <div class="mb-3" style="font-size:0.82rem;color:var(--pd-text-muted);">
                                <label style="display:flex;gap:0.6rem;align-items:flex-start;cursor:pointer;">
                                    <input type="checkbox" id="qgDsgvo" name="dsgvo_consent" value="1" required style="margin-top:2px;flex-shrink:0;">
                                    <span>Ich stimme zu, dass Politech Dynamics meine Daten zur Erstellung des Reports und zur Kontaktaufnahme verarbeitet.
                                    (<a href="/datenschutz.php" target="_blank" style="color:var(--pd-accent);">Datenschutzerkl&auml;rung</a>)</span>
                                </label>
                            </div>
                            <!-- Honeypot -->
                            <div class="pd-hp-field" aria-hidden="true">
                                <label for="qgWebsite">Website</label>
                                <input type="text" id="qgWebsite" name="website_url" tabindex="-1" autocomplete="off">
                            </div>
                            <button type="submit" class="pd-btn-primary" style="width:100%;" id="pdGateSubmitBtn">
                                <i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Report anfordern &amp; Ergebnis entsperren
                            </button>
                        </form>
                        <div id="pdGateStatus" class="pd-form-status"></div>
                    </div>
                </div>


                <!-- Confirmation (hidden initially) -->
                <div id="pdQuizConfirm" class="pd-quiz-confirm" style="display:none;">
                    <div class="text-center pd-reveal">
                        <div style="font-size:3rem;margin-bottom:1rem;color:var(--pd-accent);">
                            <i class="fa fa-check-circle"></i>
                        </div>
                        <h3 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:1rem;">
                            Ihre Auswertung ist unterwegs!
                        </h3>
                        <p class="pd-body-lg" style="margin-bottom:2rem;">
                            Pr&uuml;fen Sie Ihr Postfach &ndash; der detaillierte Report mit Ihren individuellen
                            Handlungsempfehlungen sollte in wenigen Minuten eintreffen.
                        </p>
                    </div>
                    <!-- Empfehlungen sichtbar nach Opt-in -->
                    <div class="pd-glass-card pd-reveal pd-reveal-delay-1" style="margin-bottom:1.5rem;">
                        <h4 style="font-family:'Roboto',sans-serif;font-weight:700;color:#fff;margin-bottom:1rem;">
                            <i class="fa fa-lightbulb-o" style="color:var(--pd-accent);margin-right:0.5rem;"></i>
                            Ihre 3 wichtigsten n&auml;chsten Schritte
                        </h4>
                        <div id="pdConfirmRecommendationList"></div>
                    </div>
                    <div class="pd-glass-card pd-reveal pd-reveal-delay-2" style="padding:1.5rem 2rem;text-align:center;margin-bottom:1.5rem;">
                        <p style="color:var(--pd-text-bright);font-size:1rem;margin-bottom:1rem;">
                            <strong style="color:#fff;">Sie m&ouml;chten direkt loslegen?</strong><br>
                            Wir beraten Sie gern zu den n&auml;chsten Schritten.
                        </p>
                        <a href="/#kontakt" class="pd-btn-primary">Kostenloses Erstgespr&auml;ch vereinbaren</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>


<!-- ============================================================
     3. TRUST HINT
     ============================================================ -->
<section class="pd-section pd-section-darker">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-8 text-center pd-reveal">
                <div style="display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem;">
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-shield" style="color:var(--pd-accent);margin-right:0.4rem;"></i>100% DSGVO-konform
                    </span>
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-server" style="color:var(--pd-accent);margin-right:0.4rem;"></i>Hosting in Deutschland
                    </span>
                    <span style="color:var(--pd-text-muted);font-size:0.85rem;">
                        <i class="fa fa-clock-o" style="color:var(--pd-accent);margin-right:0.4rem;"></i>Dauer: ca. 3 Minuten
                    </span>
                </div>
                <p style="color:var(--pd-text-muted);font-size:0.85rem;max-width:500px;margin:0 auto;">
                    Ihre Daten werden ausschlie&szlig;lich zur Erstellung Ihres pers&ouml;nlichen Reports verwendet
                    und auf deutschen Servern verarbeitet.
                </p>
            </div>
        </div>
    </div>
</section>


<!-- ============================================================
     ORG TYPE GRID STYLES
     ============================================================ -->
<style>
.pd-org-type-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.pd-org-type-card {
    background: rgba(255,255,255,0.04);
    border: 2px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 1.5rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, transform 0.15s;
    color: var(--pd-text-bright);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 0.88rem;
    line-height: 1.4;
    -webkit-tap-highlight-color: transparent;
}
.pd-org-type-card:hover {
    border-color: rgba(0,168,255,0.5);
    background: rgba(0,168,255,0.06);
    transform: translateY(-2px);
}
.pd-org-type-card--selected {
    border-color: var(--pd-accent) !important;
    background: rgba(0,168,255,0.12) !important;
}
.pd-org-type-card i {
    display: block;
    font-size: 2rem;
    margin-bottom: 0.75rem;
    color: var(--pd-accent);
}
.pd-quiz-org-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: rgba(0,168,255,0.1);
    border: 1px solid rgba(0,168,255,0.3);
    border-radius: 20px;
    padding: 0.3rem 0.9rem;
    font-size: 0.82rem;
    color: var(--pd-accent);
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 1rem;
}
.pd-quiz-org-badge:hover { opacity: 0.8; }
.pd-rec-item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.pd-rec-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.pd-rec-icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(0,168,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pd-accent);
    font-size: 0.85rem;
}
.pd-rec-body { flex: 1; }
.pd-rec-title { font-weight: 700; color: #fff; font-size: 0.95rem; margin-bottom: 0.2rem; font-family: 'Roboto', sans-serif; }
.pd-rec-text { color: var(--pd-text-muted); font-size: 0.85rem; line-height: 1.5; }
.pd-rec-product {
    display: inline-block;
    margin-top: 0.4rem;
    background: rgba(0,168,255,0.12);
    border: 1px solid rgba(0,168,255,0.25);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
    font-size: 0.75rem;
    color: var(--pd-accent);
    font-weight: 600;
}
</style>


<!-- ============================================================
     QUIZ ENGINE
     ============================================================ -->
<script>
(function() {
    'use strict';

    /* ------------------------------------------------------------------
       ORG TYPES
       ------------------------------------------------------------------ */
    var orgTypes = [
        { id: 'fraktion-kommunal',  label: 'Kommunale\nFraktion',      icon: 'fa-building' },
        { id: 'fraktion-landtag',   label: 'Landtags\u00adfraktion',   icon: 'fa-institution' },
        { id: 'verwaltung',         label: 'Kommunal\u00adverwaltung',  icon: 'fa-users' },
        { id: 'partei',             label: 'Partei /\nKreisverband',   icon: 'fa-flag' },
        { id: 'sonstiges',          label: 'Sonstiges',                icon: 'fa-question-circle' }
    ];

    /* ------------------------------------------------------------------
       QUESTIONS BY ORG TYPE
       ------------------------------------------------------------------ */
    var questionsByType = {

        'fraktion-kommunal': [
            { id:1, category:'sitzungen', categoryLabel:'Sitzungen & Protokolle',
              text:'Wie viele Ratssitzungen und Ausschussmeetings h\u00e4lt Ihre Fraktion j\u00e4hrlich ab?',
              answers:[
                {text:'Weniger als 10',score:0},{text:'10\u201320',score:1},
                {text:'21\u201340',score:2},{text:'Mehr als 40',score:3}]},
            { id:2, category:'sitzungen', categoryLabel:'Sitzungen & Protokolle',
              text:'Wie werden Sitzungsprotokolle aktuell erstellt?',
              answers:[
                {text:'Manuell auf Papier oder per Hand in Word',score:0},
                {text:'Word-Vorlage, manuell ausgef\u00fcllt',score:1},
                {text:'Digitales Tool, aber noch viel Handarbeit',score:2},
                {text:'Weitgehend automatisiert oder KI-gest\u00fctzt',score:3}]},
            { id:3, category:'streaming', categoryLabel:'Transparenz & Streaming',
              text:'Werden Ratssitzungen gestreamt oder aufgezeichnet?',
              answers:[
                {text:'Nein, und ist nicht geplant',score:0},
                {text:'Nein, aber gew\u00fcnscht',score:1},
                {text:'Ja, aber technisch unzuverl\u00e4ssig',score:2},
                {text:'Ja, professionell und regelm\u00e4\u00dfig',score:3}]},
            { id:4, category:'recherche', categoryLabel:'Vorlagen & Recherche',
              text:'Wie recherchieren Ihre Mitglieder Beschl\u00fcsse und Vorlagen?',
              answers:[
                {text:'\u00dcberwiegend auf Papier oder per E-Mail-Anhang',score:0},
                {text:'Digital, aber kein einheitliches System',score:1},
                {text:'Ratsinformationssystem vorhanden, aber nicht ideal',score:2},
                {text:'Digitales RIS, gut genutzt',score:3}]},
            { id:5, category:'ki', categoryLabel:'KI & Automatisierung',
              text:'Nutzt Ihre Fraktion bereits KI-Tools im Alltag?',
              answers:[
                {text:'Nein, noch gar nicht',score:0},
                {text:'Einzelne privat, nicht offiziell',score:1},
                {text:'Erste Experimente',score:2},
                {text:'Ja, regelm\u00e4\u00dfig und strukturiert',score:3}]},
            { id:6, category:'ressourcen', categoryLabel:'Zeit & Ressourcen',
              text:'Wie viel Zeit kostet die Nachbereitung einer Sitzung (Protokoll, E-Mails, Beschluss-Tracking)?',
              answers:[
                {text:'Mehr als 5 Stunden',score:0},{text:'3\u20135 Stunden',score:1},
                {text:'1\u20133 Stunden',score:2},{text:'Unter 1 Stunde',score:3}]}
        ],

        'fraktion-landtag': [
            { id:1, category:'sitzungen', categoryLabel:'Plenum & Aussch\u00fcsse',
              text:'Wie viele Abgeordnete hat Ihre Fraktion?',
              answers:[
                {text:'Weniger als 5',score:0},{text:'5\u201315',score:1},
                {text:'16\u201340',score:2},{text:'Mehr als 40',score:3}]},
            { id:2, category:'sitzungen', categoryLabel:'Plenum & Aussch\u00fcsse',
              text:'Wie werden Reden und Protokolle aus Plenar-/Ausschusssitzungen aufbereitet?',
              answers:[
                {text:'Manuell zusammengefasst, sehr zeitaufw\u00e4ndig',score:0},
                {text:'Word-Vorlage, viel Handarbeit',score:1},
                {text:'Tool-gest\u00fctzt, teilautomatisiert',score:2},
                {text:'KI-gest\u00fctzte Zusammenfassung',score:3}]},
            { id:3, category:'presse', categoryLabel:'Presse & Kommunikation',
              text:'Wie erstellen Sie Pressemitteilungen und Social-Media-Posts?',
              answers:[
                {text:'Jede Mitteilung manuell von Grund auf',score:0},
                {text:'Vorlagen vorhanden, manuell angepasst',score:1},
                {text:'KI-Unterst\u00fctzung bei der Texterstellung',score:2},
                {text:'Weitgehend automatisiert mit KI-Workflow',score:3}]},
            { id:4, category:'streaming', categoryLabel:'Livestreaming',
              text:'Werden Plenardebatten und wichtige Sitzungen gestreamt?',
              answers:[
                {text:'Nein',score:0},{text:'Nur intern oder unzuverl\u00e4ssig',score:1},
                {text:'\u00d6ffentlich, aber technisch verbesserungsw\u00fcrdig',score:2},
                {text:'Professionell, regelm\u00e4\u00dfig',score:3}]},
            { id:5, category:'ki', categoryLabel:'Parlamentarisches Informationssystem',
              text:'Nutzt Ihre Fraktion ein parlamentarisches Informationssystem oder Wissensdatenbank?',
              answers:[
                {text:'Nein, haupts\u00e4chlich E-Mail und Papier',score:0},
                {text:'Teilweise, aber kaum genutzt',score:1},
                {text:'Ja, aber nicht optimal integriert',score:2},
                {text:'Ja, gut genutzt',score:3}]},
            { id:6, category:'ressourcen', categoryLabel:'IT-Kapazit\u00e4t',
              text:'Wie viel IT-Unterst\u00fctzung steht Ihrer Fraktion zur Verf\u00fcgung?',
              answers:[
                {text:'Keine, alles extern',score:0},
                {text:'Einzelne technikaffine Mitarbeiter, keine formale Rolle',score:1},
                {text:'Eine Person zust\u00e4ndig f\u00fcr IT',score:2},
                {text:'Eigenes IT-Team oder klare Zust\u00e4ndigkeit',score:3}]}
        ],

        'verwaltung': [
            { id:1, category:'groesse', categoryLabel:'Gr\u00f6\u00dfe & Struktur',
              text:'Wie viele Mitarbeitende hat Ihre Verwaltung?',
              answers:[
                {text:'Weniger als 20',score:0},{text:'20\u201350',score:1},
                {text:'51\u2013200',score:2},{text:'Mehr als 200',score:3}]},
            { id:2, category:'prozesse', categoryLabel:'B\u00fcrgerservice',
              text:'Wie werden B\u00fcrgeranfragen und -antr\u00e4ge haupts\u00e4chlich bearbeitet?',
              answers:[
                {text:'Papier und pers\u00f6nlicher Besuch',score:0},
                {text:'E-Mail und Telefon, manuell',score:1},
                {text:'Digitale Formulare, manuell nachbearbeitet',score:2},
                {text:'Online-Portal mit weitgehend automatisierter Bearbeitung',score:3}]},
            { id:3, category:'ris', categoryLabel:'Ratsinformation',
              text:'Wie werden Ratssitzungen und Beschl\u00fcsse verwaltet und ver\u00f6ffentlicht?',
              answers:[
                {text:'Papierbasiert oder einfache Dateiablage',score:0},
                {text:'Digital, aber manuell gepflegt',score:1},
                {text:'Ratsinformationssystem vorhanden, teilweise genutzt',score:2},
                {text:'Vollst\u00e4ndiges RIS mit \u00f6ffentlichem Zugang',score:3}]},
            { id:4, category:'streaming', categoryLabel:'Transparenz',
              text:'Werden Ratssitzungen gestreamt oder aufgezeichnet?',
              answers:[
                {text:'Nein',score:0},{text:'Geplant, aber noch nicht umgesetzt',score:1},
                {text:'Ja, aber technisch nicht optimal',score:2},
                {text:'Ja, professionell und regelm\u00e4\u00dfig',score:3}]},
            { id:5, category:'ki', categoryLabel:'KI & Automatisierung',
              text:'Werden in Ihrer Verwaltung bereits KI-Tools eingesetzt?',
              answers:[
                {text:'Nein, noch gar nicht',score:0},
                {text:'Einzelne privat, nicht offiziell',score:1},
                {text:'Pilotprojekte in einzelnen Bereichen',score:2},
                {text:'Ja, offiziell in mehreren Bereichen',score:3}]},
            { id:6, category:'budget', categoryLabel:'IT-Budget',
              text:'Wie hoch ist Ihr j\u00e4hrliches IT-/Digitalisierungsbudget?',
              answers:[
                {text:'Unter 5.000 \u20ac',score:0},{text:'5.000\u201320.000 \u20ac',score:1},
                {text:'20.000\u2013100.000 \u20ac',score:2},{text:'\u00dcber 100.000 \u20ac',score:3}]}
        ],

        'partei': [
            { id:1, category:'mitglieder', categoryLabel:'Mitgliederverwaltung',
              text:'Wie viele aktive Mitglieder betreut Ihr Kreisverband?',
              answers:[
                {text:'Weniger als 50',score:0},{text:'50\u2013200',score:1},
                {text:'200\u20131.000',score:2},{text:'Mehr als 1.000',score:3}]},
            { id:2, category:'mitglieder', categoryLabel:'Mitgliederverwaltung',
              text:'Wie verwalten Sie Mitgliedsdaten und Kontakte?',
              answers:[
                {text:'Papier oder Excel-Listen',score:0},
                {text:'Einfache Datenbank oder CSV',score:1},
                {text:'Mitglieder-Software',score:2},
                {text:'CRM oder professionelles System',score:3}]},
            { id:3, category:'kommunikation', categoryLabel:'Interne Kommunikation',
              text:'Wie kommunizieren Sie intern und koordinieren Termine?',
              answers:[
                {text:'Telefon und Post, sehr manuell',score:0},
                {text:'E-Mail-Verteiler, manuell',score:1},
                {text:'Messenger-Gruppen',score:2},
                {text:'Digitale Plattform f\u00fcr Koordination',score:3}]},
            { id:4, category:'kommunikation', categoryLabel:'Au\u00dfenkommunikation',
              text:'Wie erstellen und verbreiten Sie Inhalte (Newsletter, Social Media)?',
              answers:[
                {text:'Alles manuell von Grund auf',score:0},
                {text:'Vorlagen vorhanden, manuell angepasst',score:1},
                {text:'Tool-unterst\u00fctzt (Mailchimp, Hootsuite etc.)',score:2},
                {text:'KI-gest\u00fctzte Erstellung und Verteilung',score:3}]},
            { id:5, category:'ki', categoryLabel:'Digitaler Auftritt',
              text:'Hat Ihr Verband einen professionellen Webauftritt?',
              answers:[
                {text:'Nein oder veraltet',score:0},
                {text:'Einfache Seite, selten aktualisiert',score:1},
                {text:'Professionell, regelm\u00e4\u00dfig aktualisiert',score:2},
                {text:'Modern mit interaktiven Elementen',score:3}]},
            { id:6, category:'ressourcen', categoryLabel:'Zeitaufwand',
              text:'Wie viel Zeit verbringt Ihr Vorstand mit Verwaltungsaufgaben?',
              answers:[
                {text:'Mehr als 10 Stunden/Woche',score:0},
                {text:'5\u201310 Stunden/Woche',score:1},
                {text:'2\u20135 Stunden/Woche',score:2},
                {text:'Unter 2 Stunden \u2013 viel automatisiert',score:3}]}
        ],

        'sonstiges': [
            { id:1, category:'prozesse', categoryLabel:'Prozesse & Workflows',
              text:'Wie werden wiederkehrende Aufgaben erledigt?',
              answers:[
                {text:'\u00dcberwiegend manuell, jeder macht es anders',score:0},
                {text:'Vorlagen und Abl\u00e4ufe, aber alles manuell',score:1},
                {text:'Einige Abl\u00e4ufe teilautomatisiert',score:2},
                {text:'Viele Routineaufgaben automatisiert',score:3}]},
            { id:2, category:'daten', categoryLabel:'Daten & Infrastruktur',
              text:'In welcher Form liegen die meisten Dokumente vor?',
              answers:[
                {text:'\u00dcberwiegend auf Papier oder unstrukturiert',score:0},
                {text:'Digital, aber verstreut',score:1},
                {text:'Digital in zentralen Systemen',score:2},
                {text:'Vollst\u00e4ndig digital, strukturiert, per Schnittstelle zug\u00e4nglich',score:3}]},
            { id:3, category:'ki', categoryLabel:'KI-Nutzung',
              text:'Nutzt Ihre Organisation bereits KI-Tools?',
              answers:[
                {text:'Nein, noch gar nicht',score:0},
                {text:'Einzelne privat oder inoffiziell',score:1},
                {text:'Erste Pilotprojekte',score:2},
                {text:'KI ist fester Bestandteil der Abl\u00e4ufe',score:3}]},
            { id:4, category:'kultur', categoryLabel:'Technologie-Offenheit',
              text:'Wie beschreiben Sie die Haltung zu neuen Technologien?',
              answers:[
                {text:'Eher skeptisch',score:0},{text:'Offen, aber abwartend',score:1},
                {text:'Interessiert, wenn Nutzen klar',score:2},
                {text:'Innovationsfreudig, sucht aktiv M\u00f6glichkeiten',score:3}]},
            { id:5, category:'strategie', categoryLabel:'Budget',
              text:'Haben Sie ein Budget f\u00fcr Digitalisierung?',
              answers:[
                {text:'Nein, kein Budget',score:0},
                {text:'Nicht explizit, aber bei Bedarf m\u00f6glich',score:1},
                {text:'Allgemeines Digitalisierungsbudget',score:2},
                {text:'Spezifisches KI-/Automatisierungsbudget',score:3}]},
            { id:6, category:'strategie', categoryLabel:'Umsetzungsbereitschaft',
              text:'Wie schnell k\u00f6nnten Sie ein KI-Projekt starten?',
              answers:[
                {text:'Aktuell nicht realistisch',score:0},
                {text:'In 6\u201312 Monaten',score:1},
                {text:'In 2\u20133 Monaten',score:2},
                {text:'Sofort \u2013 wir suchen aktiv',score:3}]}
        ]
    };

    /* ------------------------------------------------------------------
       RECOMMENDATIONS ENGINE
       ------------------------------------------------------------------ */
    var recommendations = {
        'fraktion-kommunal': [
            { trigger: function(c){return (c['sitzungen']||0)<0.5;},
              title:'Protokollierung automatisieren',
              text:'Ihre Sitzungsprotokolle kosten vermutlich 3\u20135 Stunden pro Sitzung. Mit KI-gest\u00fctzter Transkription auf unter 30 Minuten reduzieren.',
              product:'Politech Protokoll-KI', icon:'fa-file-text' },
            { trigger: function(c){return (c['streaming']||0)<0.5;},
              title:'Livestreaming einf\u00fchren',
              text:'B\u00fcrger erwarten Transparenz. Ein professionelles Streaming-System f\u00fcr Ratssitzungen ist einfacher umzusetzen als Sie denken.',
              product:'Politech Livestream', icon:'fa-video-camera' },
            { trigger: function(c){return (c['recherche']||0)<0.5;},
              title:'Digitales Ratsinformationssystem',
              text:'Wenn Vorlagen per E-Mail oder Papier gesucht werden, verschwendet das wertvolle Zeit vor jeder Sitzung.',
              product:'Ratsinfo KI', icon:'fa-search' },
            { trigger: function(c){return (c['ki']||0)<0.5;},
              title:'KI-Einstieg f\u00fcr Ihre Fraktion',
              text:'KI f\u00fcr Pressemitteilungen und Antragsformulierungen kann sofort Zeitersparnisse bringen.',
              product:'aichat f\u00fcr Kommunen', icon:'fa-magic' },
            { trigger: function(){return true;},
              title:'Pers\u00f6nliche Beratung',
              text:'In einem kostenlosen Gespr\u00e4ch zeigen wir die 3 gr\u00f6\u00dften Hebel f\u00fcr Ihre Fraktion.',
              product:'Kostenlose Erstberatung', icon:'fa-comments' }
        ],
        'fraktion-landtag': [
            { trigger: function(c){return (c['sitzungen']||0)<0.5;},
              title:'KI-gest\u00fctzte Protokollaufbereitung',
              text:'Automatische Zusammenfassung von Plenardebatten spart mehrere Stunden pro Woche.',
              product:'Politech Protokoll-KI', icon:'fa-microphone' },
            { trigger: function(c){return (c['presse']||0)<0.5;},
              title:'KI-Pressemitteilungs-Workflow',
              text:'Aus Plenarrede wird automatisch eine fertige Pressemitteilung \u2013 in Minuten statt Stunden.',
              product:'aichat f\u00fcr Fraktionen', icon:'fa-newspaper-o' },
            { trigger: function(c){return (c['streaming']||0)<0.5;},
              title:'Professionelles Streaming-Setup',
              text:'Ein Streaming-Setup f\u00fcr Ausschusssitzungen erh\u00f6ht Reichweite und Transparenz.',
              product:'Politech Livestream', icon:'fa-video-camera' },
            { trigger: function(){return true;},
              title:'Digitalisierungs-Fahrplan',
              text:'Wir erstellen einen auf Ihre Fraktion zugeschnittenen Fahrplan f\u00fcr die n\u00e4chste Legislaturperiode.',
              product:'Strategieberatung', icon:'fa-map' }
        ],
        'verwaltung': [
            { trigger: function(c){return (c['ris']||0)<0.5;},
              title:'Digitales Ratsinformationssystem',
              text:'Ein modernes RIS macht Beschl\u00fcsse f\u00fcr alle zug\u00e4nglich und spart st\u00e4ndige R\u00fcckfragen.',
              product:'Ratsinfo KI', icon:'fa-database' },
            { trigger: function(c){return (c['streaming']||0)<0.5;},
              title:'Ratssitzungen \u00f6ffentlich streamen',
              text:'Digitale Teilhabe beginnt mit \u00f6ffentlichen Ratssitzungen. Technisch einfach, politisch wirksam.',
              product:'Politech Livestream', icon:'fa-video-camera' },
            { trigger: function(c){return (c['ki']||0)<0.5;},
              title:'DSGVO-konformes KI-Tool',
              text:'Ein sicheres KI-Tool ersetzt unsichere externe Tools und steigert die Effizienz.',
              product:'aichat f\u00fcr Verwaltungen', icon:'fa-robot' },
            { trigger: function(){return true;},
              title:'Digitalisierungsberatung',
              text:'Wir analysieren Ihre Prozesse und zeigen, wo KI den gr\u00f6\u00dften ROI bringt.',
              product:'Kostenlose Erstberatung', icon:'fa-comments' }
        ],
        'partei': [
            { trigger: function(c){return (c['mitglieder']||0)<0.5;},
              title:'CRM f\u00fcr Ihren Kreisverband',
              text:'Mitgliedsdaten in Excel erzeugen Fehler. Ein einfaches CRM macht Koordination effizienter.',
              product:'Politech CRM-Starter', icon:'fa-address-book' },
            { trigger: function(c){return (c['kommunikation']||0)<0.5;},
              title:'Automatisierte Mitgliederkommunikation',
              text:'Newsletter und Terminankündigungen k\u00f6nnen weitgehend automatisiert werden.',
              product:'aichat + Automatisierung', icon:'fa-envelope' },
            { trigger: function(c){return (c['ki']||0)<0.5;},
              title:'Moderner digitaler Auftritt',
              text:'Eine professionelle Website ist die Basis f\u00fcr Au\u00dfenwirkung und Mitgliedergewinnung.',
              product:'Politech Website-Paket', icon:'fa-globe' },
            { trigger: function(){return true;},
              title:'Digitalisierungs-Check',
              text:'Wir zeigen, wie andere Kreisverb\u00e4nde digitale Tools einsetzen und wie Sie profitieren.',
              product:'Kostenlose Erstberatung', icon:'fa-comments' }
        ],
        'sonstiges': [
            { trigger: function(c){return (c['prozesse']||0)<0.5;},
              title:'Prozessautomatisierung identifizieren',
              text:'Die meisten Organisationen k\u00f6nnten 20\u201340% der Routineaufgaben automatisieren.',
              product:'Automatisierungs-Analyse', icon:'fa-cogs' },
            { trigger: function(c){return (c['ki']||0)<0.5;},
              title:'Strukturierter KI-Einstieg',
              text:'Mit den richtigen Prozessen sind KI-Tools sofort einsetzbar.',
              product:'aichat f\u00fcr Organisationen', icon:'fa-magic' },
            { trigger: function(){return true;},
              title:'Pers\u00f6nliche KI-Beratung',
              text:'In einem kostenlosen Gespr\u00e4ch ermitteln wir die 3 besten Hebel f\u00fcr Ihre Organisation.',
              product:'Kostenlose Erstberatung', icon:'fa-comments' }
        ]
    };

    /* ------------------------------------------------------------------
       MATURITY LEVELS
       ------------------------------------------------------------------ */
    var maturityLevels = [
        { min:0,  max:25,  label:'Einsteiger',     color:'#e74c3c',
          text:'Ihre Organisation steht am Anfang. Gro\u00dfes Potenzial f\u00fcr schnelle Effizienzgewinne.' },
        { min:26, max:50,  label:'Entdecker',       color:'#e8a838',
          text:'Erste Schritte unternommen, viele Chancen noch ungenutzt. Pilotprojekte bringen schnelle Erfolge.' },
        { min:51, max:75,  label:'Fortgeschritten', color:'#E8C868',
          text:'Solide Basis. Jetzt KI strategisch einsetzen und Prozesse gezielt automatisieren.' },
        { min:76, max:100, label:'Vorreiter',       color:'#4DB8E8',
          text:'Gut aufgestellt. N\u00e4chster Schritt: systematische Implementierung fortschrittlicher L\u00f6sungen.' }
    ];

    /* ------------------------------------------------------------------
       STATE
       ------------------------------------------------------------------ */
    var selectedOrgType = null;
    var currentQuestions = [];
    var currentQ = 0;
    var answers = [];
    var lastResults = null;

    /* ------------------------------------------------------------------
       DOM REFS
       ------------------------------------------------------------------ */
    var $orgStep    = document.getElementById('pdOrgStep');
    var $quiz       = document.getElementById('pdQuiz');
    var $orgBadge   = document.getElementById('pdOrgBadge');
    var $questions  = document.getElementById('pdQuizQuestions');
    var $progress   = document.getElementById('pdQuizProgressBar');
    var $progressLbl= document.getElementById('pdQuizProgressLabel');
    var $prevBtn    = document.getElementById('pdQuizPrev');
    var $nextBtn    = document.getElementById('pdQuizNext');
    var $teaser     = document.getElementById('pdQuizTeaser');
    var $confirm    = document.getElementById('pdQuizConfirm');
    var $gateForm   = document.getElementById('pdQuizGateForm');
    var $gateStatus = document.getElementById('pdGateStatus');

    /* ------------------------------------------------------------------
       ORG TYPE GRID
       ------------------------------------------------------------------ */
    var grid = document.getElementById('pdOrgTypeGrid');
    orgTypes.forEach(function(ot) {
        var card = document.createElement('button');
        card.type = 'button';
        card.className = 'pd-org-type-card';
        card.setAttribute('data-id', ot.id);
        card.innerHTML = '<i class="fa ' + ot.icon + '"></i>' + ot.label.replace('\n', '<br>');
        card.addEventListener('click', function() { selectOrgType(ot); });
        grid.appendChild(card);
    });

    function selectOrgType(ot) {
        var cards = grid.querySelectorAll('.pd-org-type-card');
        cards.forEach(function(c) { c.classList.remove('pd-org-type-card--selected'); });
        grid.querySelector('[data-id="' + ot.id + '"]').classList.add('pd-org-type-card--selected');

        setTimeout(function() {
            selectedOrgType = ot;
            currentQuestions = questionsByType[ot.id] || questionsByType['sonstiges'];
            answers = new Array(currentQuestions.length).fill(null);
            currentQ = 0;

            $orgBadge.innerHTML = '<i class="fa ' + ot.icon + '"></i>&nbsp;' +
                ot.label.replace('\n', ' ').replace('\u00ad', '') +
                '&nbsp;<small style="opacity:0.6;">&times;&nbsp;\u00e4ndern</small>';
            $orgBadge.onclick = resetToOrgStep;

            document.getElementById('pdOrgTypeField').value = ot.id;

            $orgStep.style.display = 'none';
            $quiz.style.display = '';
            renderQuestion(0);
            updateProgress();
            $quiz.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }, 200);
    }

    function resetToOrgStep() {
        $quiz.style.display = 'none';
        $orgStep.style.display = '';
        $orgStep.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }

    /* ------------------------------------------------------------------
       CATEGORY META
       ------------------------------------------------------------------ */
    var categoryMeta = {
        sitzungen:    { icon:'fa-calendar' },
        streaming:    { icon:'fa-video-camera' },
        recherche:    { icon:'fa-search' },
        ki:           { icon:'fa-magic' },
        ressourcen:   { icon:'fa-clock-o' },
        presse:       { icon:'fa-newspaper-o' },
        groesse:      { icon:'fa-users' },
        prozesse:     { icon:'fa-cogs' },
        ris:          { icon:'fa-database' },
        budget:       { icon:'fa-eur' },
        mitglieder:   { icon:'fa-address-book' },
        kommunikation:{ icon:'fa-envelope' },
        daten:        { icon:'fa-database' },
        kultur:       { icon:'fa-users' },
        strategie:    { icon:'fa-compass' }
    };

    /* ------------------------------------------------------------------
       RENDER QUESTION
       ------------------------------------------------------------------ */
    function renderQuestion(idx) {
        var q = currentQuestions[idx];
        var meta = categoryMeta[q.category] || { icon:'fa-question' };
        var html = '<div class="pd-quiz-question">';
        html += '<div class="pd-quiz-category-label"><i class="fa ' + meta.icon + '"></i> ' + q.categoryLabel + '</div>';
        html += '<h3 class="pd-quiz-q-text">' + q.text + '</h3>';
        html += '<div class="pd-quiz-answers">';
        for (var i = 0; i < q.answers.length; i++) {
            var a = q.answers[i];
            var sel = (answers[idx] === i) ? ' pd-quiz-answer--selected' : '';
            html += '<button type="button" class="pd-quiz-answer' + sel + '" data-idx="' + i + '">';
            html += '<span class="pd-quiz-answer-letter">' + String.fromCharCode(65 + i) + '</span>';
            html += '<span class="pd-quiz-answer-text">' + a.text + '</span>';
            html += '</button>';
        }
        html += '</div></div>';
        $questions.innerHTML = html;

        var btns = $questions.querySelectorAll('.pd-quiz-answer');
        for (var j = 0; j < btns.length; j++) {
            btns[j].addEventListener('click', onAnswerClick);
        }
        updateNav();
    }

    function onAnswerClick(e) {
        var btn = e.currentTarget;
        var idx = parseInt(btn.getAttribute('data-idx'), 10);
        answers[currentQ] = idx;
        var all = $questions.querySelectorAll('.pd-quiz-answer');
        for (var i = 0; i < all.length; i++) { all[i].classList.remove('pd-quiz-answer--selected'); }
        btn.classList.add('pd-quiz-answer--selected');
        updateNav();
        setTimeout(function() {
            if (currentQ < currentQuestions.length - 1) {
                currentQ++; renderQuestion(currentQ); updateProgress();
            } else {
                showTeaser();
            }
        }, 350);
    }

    /* ------------------------------------------------------------------
       NAVIGATION
       ------------------------------------------------------------------ */
    function updateNav() {
        $prevBtn.style.display = (currentQ > 0) ? '' : 'none';
        var isLast = (currentQ === currentQuestions.length - 1);
        if (!isLast) {
            $nextBtn.innerHTML = 'Weiter <i class="fa fa-arrow-right"></i>';
        } else {
            $nextBtn.innerHTML = 'Auswertung anzeigen <i class="fa fa-chart-bar"></i>';
        }
        $nextBtn.disabled = (answers[currentQ] === null);
    }

    function updateProgress() {
        var pct = Math.round(((currentQ + 1) / currentQuestions.length) * 100);
        $progress.style.width = pct + '%';
        $progressLbl.textContent = 'Frage ' + (currentQ + 1) + ' von ' + currentQuestions.length;
    }

    $prevBtn.addEventListener('click', function() {
        if (currentQ > 0) { currentQ--; renderQuestion(currentQ); updateProgress(); }
    });

    $nextBtn.addEventListener('click', function() {
        if (answers[currentQ] === null) return;
        if (currentQ < currentQuestions.length - 1) {
            currentQ++; renderQuestion(currentQ); updateProgress();
        } else {
            showTeaser();
        }
    });

    /* ------------------------------------------------------------------
       SCORING
       ------------------------------------------------------------------ */
    function calculateResults() {
        var total = 0;
        var maxScore = currentQuestions.length * 3;
        var cats = {};

        for (var i = 0; i < currentQuestions.length; i++) {
            var q = currentQuestions[i];
            var score = (answers[i] !== null) ? q.answers[answers[i]].score : 0;
            total += score;
            if (!cats[q.category]) cats[q.category] = { score:0, max:0 };
            cats[q.category].score += score;
            cats[q.category].max += 3;
        }

        var pct = Math.round((total / maxScore) * 100);
        var level = maturityLevels[0];
        for (var j = 0; j < maturityLevels.length; j++) {
            if (pct >= maturityLevels[j].min && pct <= maturityLevels[j].max) {
                level = maturityLevels[j]; break;
            }
        }

        var catNorm = {};
        Object.keys(cats).forEach(function(k) { catNorm[k] = cats[k].score / cats[k].max; });

        var savingsHours = Math.round((1 - pct / 100) * 120 + 20);

        return { total:total, maxScore:maxScore, percentage:pct, categories:cats, catNorm:catNorm, level:level, savingsHours:savingsHours };
    }

    function getRecommendations(res) {
        var typeId = selectedOrgType ? selectedOrgType.id : 'sonstiges';
        var recs = recommendations[typeId] || recommendations['sonstiges'];
        var result = [];
        for (var i = 0; i < recs.length && result.length < 3; i++) {
            if (recs[i].trigger(res.catNorm)) result.push(recs[i]);
        }
        return result;
    }

    /* ------------------------------------------------------------------
       SHOW TEASER
       ------------------------------------------------------------------ */
    function showTeaser() {
        var res = calculateResults();
        lastResults = res;

        $quiz.style.display = 'none';
        $teaser.style.display = '';
        setTimeout(function() { $teaser.scrollIntoView({ behavior:'smooth', block:'start' }); }, 100);

        // Score circle animation
        var circumference = 2 * Math.PI * 85;
        var circle = document.getElementById('pdScoreCircle');
        circle.style.stroke = res.level.color;
        setTimeout(function() {
            circle.style.transition = 'stroke-dashoffset 1.5s ease-out';
            circle.style.strokeDashoffset = circumference - (circumference * res.percentage / 100);
        }, 200);

        animateCounter(document.getElementById('pdScorePct'), 0, res.percentage, 1500);
        document.getElementById('pdScoreLabel').textContent = res.level.label;
        document.getElementById('pdScoreLabel').style.color = res.level.color;
        document.getElementById('pdMaturityText').textContent = res.level.text;

        // Ampel
        setTimeout(function() {
            var rot   = document.getElementById('pdAmpelRot');
            var gelb  = document.getElementById('pdAmpelGelb');
            var gruen = document.getElementById('pdAmpelGruen');
            if (res.percentage <= 25) {
                rot.style.background = '#e74c3c';
            } else if (res.percentage <= 50) {
                rot.style.background = 'rgba(231,76,60,0.3)';
                gelb.style.background = '#e8a838';
            } else if (res.percentage <= 75) {
                gelb.style.background = '#E8C868';
            } else {
                gelb.style.background = 'rgba(232,200,104,0.3)';
                gruen.style.background = '#4DB8E8';
            }
        }, 600);

        // Category bars
        var catOrderMap = {
            'fraktion-kommunal': ['sitzungen','streaming','recherche','ki','ressourcen'],
            'fraktion-landtag':  ['sitzungen','presse','streaming','ki','ressourcen'],
            'verwaltung':        ['prozesse','ris','streaming','ki','budget'],
            'partei':            ['mitglieder','kommunikation','ki','ressourcen'],
            'sonstiges':         ['prozesse','daten','ki','kultur','strategie']
        };
        var typeId = selectedOrgType ? selectedOrgType.id : 'sonstiges';
        var catOrder = catOrderMap[typeId] || Object.keys(res.categories);
        var barsHtml = '';
        catOrder.forEach(function(key) {
            var cat = res.categories[key];
            if (!cat) return;
            var meta = categoryMeta[key] || { icon:'fa-circle' };
            var q = currentQuestions.filter(function(q) { return q.category === key; })[0];
            var label = q ? q.categoryLabel : key;
            var catPct = Math.round((cat.score / cat.max) * 100);
            barsHtml += '<div class="pd-quiz-cat-row">';
            barsHtml += '<span class="pd-quiz-cat-label"><i class="fa ' + meta.icon + '"></i> ' + label + '</span>';
            barsHtml += '<div class="pd-quiz-cat-bar-wrap"><div class="pd-quiz-cat-bar" style="width:' + catPct + '%;background:' + res.level.color + ';"></div></div>';
            barsHtml += '<span class="pd-quiz-cat-pct pd-quiz-blurred">' + catPct + '%</span>';
            barsHtml += '</div>';
        });
        document.getElementById('pdCategoryBars').innerHTML = barsHtml;

        // Recommendations (blurred)
        var recs = getRecommendations(res);
        renderRecommendations(recs, document.getElementById('pdRecommendationList'));
        document.getElementById('pdSavingHours').textContent = res.savingsHours + ' Stunden';

        // Store answers for form
        var answerData = [];
        for (var j = 0; j < currentQuestions.length; j++) {
            answerData.push({
                questionId: currentQuestions[j].id,
                category: currentQuestions[j].category,
                answerIndex: answers[j],
                score: (answers[j] !== null) ? currentQuestions[j].answers[answers[j]].score : 0
            });
        }
        document.getElementById('pdQuizAnswersField').value = JSON.stringify(answerData);

        // Trigger reveals
        var reveals = $teaser.querySelectorAll('.pd-reveal');
        for (var k = 0; k < reveals.length; k++) {
            (function(el, delay) { setTimeout(function() { el.classList.add('pd-visible'); }, delay); })(reveals[k], k * 150);
        }
    }

    function renderRecommendations(recs, container) {
        var html = '';
        recs.forEach(function(rec) {
            html += '<div class="pd-rec-item">';
            html += '<div class="pd-rec-icon"><i class="fa ' + rec.icon + '"></i></div>';
            html += '<div class="pd-rec-body">';
            html += '<div class="pd-rec-title">' + rec.title + '</div>';
            html += '<div class="pd-rec-text">' + rec.text + '</div>';
            html += '<span class="pd-rec-product"><i class="fa fa-tag" style="margin-right:0.3rem;"></i>' + rec.product + '</span>';
            html += '</div></div>';
        });
        container.innerHTML = html;
    }

    function animateCounter(el, start, end, duration) {
        var startTime = null;
        function step(ts) {
            if (!startTime) startTime = ts;
            var p = Math.min((ts - startTime) / duration, 1);
            el.textContent = Math.round(start + (end - start) * (1 - Math.pow(1 - p, 4))) + '%';
            if (p < 1) requestAnimationFrame(step);
        }
        requestAnimationFrame(step);
    }

    /* ------------------------------------------------------------------
       EMAIL GATE
       ------------------------------------------------------------------ */
    $gateForm.addEventListener('submit', function(e) {
        e.preventDefault();

        if (document.getElementById('qgWebsite').value) return;

        if (!document.getElementById('qgDsgvo').checked) {
            showGateStatus('error', 'Bitte stimmen Sie der Datenschutzerkl\u00e4rung zu.');
            return;
        }

        var name  = document.getElementById('qgName').value.trim();
        var email = document.getElementById('qgEmail').value.trim();
        if (!name || !email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
            showGateStatus('error', 'Bitte geben Sie Ihren Namen und eine g\u00fcltige E-Mail-Adresse ein.');
            return;
        }

        var submitBtn = document.getElementById('pdGateSubmitBtn');
        submitBtn.disabled = true;
        submitBtn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Wird versendet\u2026';

        fetch('/assets/vendor/simple-forms/quiz-submit.php', {
            method: 'POST',
            body: new FormData($gateForm)
        })
        .then(function(resp) { return resp.json(); })
        .then(function(data) {
            if (data.status === 'success') {
                if (lastResults) {
                    renderRecommendations(getRecommendations(lastResults), document.getElementById('pdConfirmRecommendationList'));
                }
                $teaser.style.display = 'none';
                $confirm.style.display = '';
                $confirm.scrollIntoView({ behavior:'smooth', block:'start' });
                var reveals = $confirm.querySelectorAll('.pd-reveal');
                for (var i = 0; i < reveals.length; i++) {
                    (function(el, delay) { setTimeout(function() { el.classList.add('pd-visible'); }, delay); })(reveals[i], i * 150);
                }
            } else {
                showGateStatus('error', data.message || 'Es ist ein Fehler aufgetreten.');
                submitBtn.disabled = false;
                submitBtn.innerHTML = '<i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Report anfordern &amp; Ergebnis entsperren';
            }
        })
        .catch(function() {
            showGateStatus('error', 'Verbindungsfehler. Bitte versuchen Sie es erneut.');
            submitBtn.disabled = false;
            submitBtn.innerHTML = '<i class="fa fa-envelope" style="margin-right:0.5rem;"></i>Report anfordern &amp; Ergebnis entsperren';
        });
    });

    function showGateStatus(type, msg) {
        $gateStatus.className = 'pd-form-status pd-' + type;
        $gateStatus.textContent = msg;
        $gateStatus.style.display = 'block';
    }

    /* ------------------------------------------------------------------
       HERO START BUTTON
       ------------------------------------------------------------------ */
    var heroBtn = document.getElementById('pdQuizStartHero');
    if (heroBtn) {
        heroBtn.addEventListener('click', function(e) {
            e.preventDefault();
            document.getElementById('quiz').scrollIntoView({ behavior:'smooth' });
        });
    }

})();
</script>



</main>

<!-- Footer
================================================== -->
<footer class="pd-footer">
    <div class="container">
        <div class="row">
            <!-- Col 1: Logo + Claim -->
            <div class="col-12 col-md-6 col-lg-3 mb-4">
                <a href="/">
                    <img src="/assets/images/logo-horizontal.png" alt="Politech Dynamics" width="190" height="66" style="height:36px;width:auto;" class="mb-3" loading="lazy">
                </a>
                <p class="pd-footer-claim">
                    Bessere Politik ist technisch m&ouml;glich.
                </p>
            </div>

            <!-- Col 2: Angebot (zwei Säulen) -->
            <div class="col-6 col-md-3 col-lg-3 mb-4">
                <h5>Politics</h5>
                <ul>
                    <li><a href="/politik-tools">Politik-Tools</a></li>
                    <li><a href="/politische-seminare">Vortr&auml;ge &amp; Seminare</a></li>
                </ul>
                <h5 style="margin-top:1rem;">Tech Dynamics</h5>
                <ul>
                    <li><a href="/ki-loesungen">Automation &amp; AI</a></li>
                    <li><a href="/softwareentwicklung">Software &amp; Apps</a></li>
                </ul>
            </div>

            <!-- Col 3: Unternehmen -->
            <div class="col-6 col-md-3 col-lg-2 mb-4">
                <h5>Unternehmen</h5>
                <ul>
                    <li><a href="/#ueber-politech">&Uuml;ber Politech</a></li>
                    <li><a href="/#projekte">Projekte</a></li>
                    <li><a href="/kontakt">Kontakt</a></li>
                </ul>
            </div>

            <!-- Col 4: Kontakt + Social -->
            <div class="col-12 col-md-6 col-lg-4 mb-4">
                <h5>Kontakt</h5>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:0.2rem;">
                    <i class="fa fa-envelope" style="width:20px;color:var(--pd-accent)"></i>
                    <a href="mailto:fischbach@politech-dynamics.de" style="color:var(--pd-text-muted);text-decoration:none;">fischbach@politech-dynamics.de</a>
                </p>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:0.2rem;">
                    <i class="fa fa-phone" style="width:20px;color:var(--pd-accent)"></i> <a href="tel:+4991318875677" style="color:var(--pd-text-muted);text-decoration:none;">09131 / 88 75 677</a>
                </p>
                <p style="color:var(--pd-text-muted);font-size:0.9rem;line-height:1.8;margin-bottom:1rem;">
                    <i class="fa fa-map-marker" style="width:20px;color:var(--pd-accent)"></i> Stoke-on-Trent-Str. 1, 91058 Erlangen                </p>
                <a href="https://www.linkedin.com/company/politech-dynamics" target="_blank" rel="noopener" class="pd-social-link" aria-label="LinkedIn">
                    <i class="fa fa-linkedin"></i>
                </a>
            </div>
        </div>

        <!-- Impressum (compact) -->
        <div style="border-top:1px solid rgba(255,255,255,0.08);padding-top:1.25rem;margin-top:0.5rem;margin-bottom:1.25rem;">
            <p style="color:rgba(255,255,255,0.35);font-size:0.82rem;line-height:1.8;margin-bottom:0;">
                <strong style="color:rgba(255,255,255,0.45);">Impressum:</strong>
                Politech Dynamics UG (haftungsbeschr&auml;nkt) &middot;
                Gesch&auml;ftsf&uuml;hrer: Matthias Fischbach &middot;
                Stoke-on-Trent-Str. 1, 91058 Erlangen &middot;
                AG F&uuml;rth HRB 21840 &middot;
                USt-IdNr. DE368619060            </p>
        </div>

        <!-- Bottom bar -->
        <div class="pd-footer-bottom d-flex flex-wrap justify-content-between align-items-center">
            <p>&copy; 2026 Politech Dynamics UG (haftungsbeschr&auml;nkt). Alle Rechte vorbehalten.</p>
            <p>
                <a href="/impressum" style="color:rgba(255,255,255,0.35);text-decoration:none;">Impressum</a>
                &nbsp;&middot;&nbsp;
                <a href="/datenschutz" style="color:rgba(255,255,255,0.35);text-decoration:none;">Datenschutz</a>
            </p>
        </div>
    </div>

    <!-- Back to top -->
    <a href="#top" class="pd-back-to-top" id="backToTop" aria-label="Nach oben">
        <i class="fa fa-chevron-up"></i>
    </a>
</footer>


<!-- Scripts / Body End
================================================== -->
<!-- Vendor Scripts -->
<script src="/assets/vendor/jquery/jquery.min.js"></script>
<script src="/assets/vendor/jquery/jquery-migrate.min.js"></script>
<script src="/assets/vendor/bootstrap/bootstrap.min.js"></script>
<script src="/assets/vendor/parallax/parallax.min.js"></script>
<script src="/assets/vendor/jquery/jquery.easing.min.js"></script>
<script src="/assets/vendor/typed/typed.min.js"></script>
<script src="/assets/vendor/wow/wow.min.js"></script>
<script src="/assets/vendor/particles/particles.min.js"></script>
<script src="/assets/vendor/waypoints/waypoints.min.js"></script>

<!-- Theme Scripts and Inits -->
<script src="/assets/js/particle-theme.js"></script>
<script src="/assets/js/page-home-dark.js"></script>

<script>
(function() {
    // Glassmorphism scroll effect for navbar
    var nav = document.getElementById('mainNav');
    if (nav) {
        function checkScroll() {
            if (window.scrollY > 80) {
                nav.classList.add('scrolled');
            } else {
                nav.classList.remove('scrolled');
            }
        }
        window.addEventListener('scroll', checkScroll, {passive: true});
        checkScroll();
    }

    // Back to top visibility
    var btt = document.getElementById('backToTop');
    if (btt) {
        window.addEventListener('scroll', function() {
            if (window.scrollY > 800) btt.classList.add('visible');
            else btt.classList.remove('visible');
        }, {passive: true});
    }

    // IntersectionObserver for reveal animations
    if ('IntersectionObserver' in window) {
        var revealEls = document.querySelectorAll('.pd-reveal');
        var observer = new IntersectionObserver(function(entries) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('pd-visible');
                    observer.unobserve(entry.target);
                }
            });
        }, {threshold: 0.12});

        revealEls.forEach(function(el) {
            observer.observe(el);
        });
    }

    // Pre-fill contact form from URL parameters (seminar pages link here)
    var cfForm = document.getElementById('pdContactForm');
    if (cfForm) {
        var urlParams = new URLSearchParams(window.location.search);
        var seminarParam = urlParams.get('seminar');
        if (seminarParam) {
            var topicSelect = document.getElementById('cfTopic');
            if (topicSelect) {
                topicSelect.value = 'Vortrag / Seminar';
                topicSelect.classList.remove('is-placeholder');
            }
            var msgField = document.getElementById('cfMessage');
            if (msgField && !msgField.value) {
                msgField.value = 'Ich interessiere mich f\u00fcr das Seminar \u201e' + decodeURIComponent(seminarParam) + '\u201c und bitte um ein Angebot.';
            }
        }
    }

    // Contact form submission (if form exists on page)
    var form = document.getElementById('pdContactForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            var hp = form.querySelector('[name="website_url"]');
            if (hp && hp.value !== '') return; // bot detected

            var btn = form.querySelector('button[type="submit"]');
            var statusEl = document.getElementById('pdFormStatus');
            btn.disabled = true;
            btn.textContent = 'Wird gesendet...';

            var data = new FormData(form);
            fetch('/assets/vendor/simple-forms/sendmail.php', {
                method: 'POST',
                body: data
            }).then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.status === 'success' || res.success) {
                    statusEl.className = 'pd-form-status pd-success';
                    statusEl.textContent = 'Vielen Dank! Ihre Nachricht wurde gesendet.';
                    form.reset();
                    if (window._paq) { window._paq.push(['trackEvent', 'Conversion', 'Kontaktformular', 'gesendet']); }
                } else {
                    statusEl.className = 'pd-form-status pd-error';
                    statusEl.textContent = 'Fehler beim Senden. Bitte versuchen Sie es erneut oder schreiben Sie direkt an fischbach@politech-dynamics.de.';
                }
                btn.disabled = false;
                btn.textContent = 'Nachricht senden';
            }).catch(function() {
                statusEl.className = 'pd-form-status pd-error';
                statusEl.textContent = 'Fehler beim Senden. Bitte versuchen Sie es erneut.';
                btn.disabled = false;
                btn.textContent = 'Nachricht senden';
            });
        });
    }
    // Seminar interest form: toggle + AJAX submit
    document.querySelectorAll('.pd-interest-toggle').forEach(function(btn) {
        btn.addEventListener('click', function() {
            var card = btn.closest('.pd-glass-card');
            var formWrap = card.querySelector('.pd-interest-form');
            if (formWrap) {
                formWrap.style.display = 'block';
                btn.style.display = 'none';
                var emailInput = formWrap.querySelector('input[type="email"]');
                if (emailInput) emailInput.focus();
            }
        });
    });

    document.querySelectorAll('.pd-seminar-interest-form').forEach(function(form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            var hp = form.querySelector('[name="website_url"]');
            if (hp && hp.value !== '') return;

            var btn = form.querySelector('button[type="submit"]');
            var statusEl = form.parentElement.querySelector('.pd-interest-status');
            btn.disabled = true;
            btn.textContent = '...';

            var data = new FormData(form);
            fetch('/assets/vendor/simple-forms/seminar-interest.php', {
                method: 'POST',
                body: data
            }).then(function(r) { return r.json(); })
            .then(function(res) {
                if (res.status === 'success') {
                    statusEl.className = 'pd-interest-status pd-success';
                    statusEl.innerHTML = '<i class="fa fa-check-circle"></i> ' + res.message;
                    form.style.display = 'none';
                    if (window._paq) { window._paq.push(['trackEvent', 'Conversion', 'Seminar-Interesse', form.dataset.seminar || 'unbekannt']); }
                } else {
                    statusEl.className = 'pd-interest-status pd-error';
                    statusEl.textContent = res.message || 'Fehler beim Senden.';
                    btn.disabled = false;
                    btn.innerHTML = '&rarr;';
                }
            }).catch(function() {
                statusEl.className = 'pd-interest-status pd-error';
                statusEl.textContent = 'Verbindungsfehler. Bitte versuchen Sie es erneut.';
                btn.disabled = false;
                btn.innerHTML = '&rarr;';
            });
        });
    });

    // --- Seminar Accordion: toggle class + deep-linking ---
    if (document.getElementById('seminarAccordion')) {
        // Toggle pd-accordion-open class on show/hide
        $('#seminarAccordion').on('show.bs.collapse', function(e) {
            var item = $(e.target).closest('.pd-accordion-item');
            item.addClass('pd-accordion-open');
        });
        $('#seminarAccordion').on('hide.bs.collapse', function(e) {
            var item = $(e.target).closest('.pd-accordion-item');
            item.removeClass('pd-accordion-open');
        });

        // Deep-link: auto-open accordion from URL #fragment
        var hash = window.location.hash;
        if (hash) {
            var target = document.querySelector(hash);
            if (target && target.classList.contains('pd-accordion-item')) {
                var collapseEl = target.querySelector('.collapse');
                if (collapseEl) {
                    $(collapseEl).collapse('show');
                    setTimeout(function() {
                        var offset = target.getBoundingClientRect().top + window.pageYOffset - 100;
                        window.scrollTo({ top: offset, behavior: 'smooth' });
                    }, 350);
                }
            }
        }

        // Smooth scroll to opened panel on click
        $('#seminarAccordion .pd-accordion-header').on('click', function() {
            var item = $(this).closest('.pd-accordion-item');
            var isOpening = $(this).attr('aria-expanded') === 'false';
            if (isOpening) {
                setTimeout(function() {
                    var offset = item[0].getBoundingClientRect().top + window.pageYOffset - 100;
                    window.scrollTo({ top: offset, behavior: 'smooth' });
                }, 350);
            }
        });
    }
})();
</script>

<!-- Budget-Bot Widget (Ollama, lokal gehostet, DE) -->
<script src="https://chat.politech-dynamics.de/widget/chat-widget.js"
        data-api="https://chat.politech-dynamics.de/api" defer></script>

</body>
</html>
</html>