{"id":5977,"date":"2025-04-05T21:20:51","date_gmt":"2025-04-05T19:20:51","guid":{"rendered":"https:\/\/fahrtauglich.ch\/?page_id=5977"},"modified":"2026-10-12T17:04:48","modified_gmt":"2026-10-12T15:04:48","slug":"farben-falle","status":"publish","type":"page","link":"https:\/\/fahrtauglich.ch\/fr\/praxisportal\/farben-falle\/","title":{"rendered":"Farben-Falle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5977\" class=\"elementor elementor-5977\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a66490 e-flex e-con-boxed e-con e-parent\" data-id=\"1a66490\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09e14e4 elementor-widget elementor-widget-html\" data-id=\"09e14e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n    Farben-Falle \u2014 fahrtauglich.ch\/praxisportal\/farben-falle\/\r\n    Einbau: Inhalt dieser Datei vollstaendig in EIN Elementor-HTML-Widget einfuegen.\r\n    Das Snippet deckt die ganze Seite zwischen Header und Footer ab (Titel,\r\n    Einleitung mit Link auf trainmybrain.ch, Spiel, Spielanleitung, Texte, Quellen).\r\n    Alle uebrigen Elementor-Widgets der Seite werden geloescht. Kein\r\n    <html>\/<head>\/<body>: Header und Footer liefert das Theme.\r\n\r\n    Grundlage: trainmybrain-farbenfalle.html. Der Motor (Abschnitt\r\n    \u00abFarbenfalle-Motor\u00bb im Skript) ist in beiden Versionen identisch \u2014\r\n    Aenderungen dort immer in beiden Dateien nachziehen.\r\n\r\n    Optik: fahrtauglich.ch \u2014 Poppins, Gelb #FFBF00, Flaechen #F3F5F8, Pill-Buttons.\r\n    Alles CSS haengt an #ftff, damit nichts in die Elementor-Seite durchschlaegt.\r\n-->\r\n<style>\r\n    #ftff {\r\n        --ftff-gelb: #FFBF00;\r\n        --ftff-gelb-dunkel: #E6AB00;\r\n        --ftff-gelb-hell: #FFF4CC;\r\n        --ftff-schwarz: #000000;\r\n        --ftff-text: #1F2937;\r\n        --ftff-text-2: #4B5563;\r\n        --ftff-flaeche: #F3F5F8;\r\n        --ftff-linie: #C8D5DC;\r\n        --ftff-gruen: #047857;\r\n        --ftff-fehler: #B91C1C;\r\n\r\n        font-family: 'Poppins', sans-serif;\r\n        color: var(--ftff-text);\r\n        line-height: 1.5;\r\n        width: 100%;\r\n        max-width: 850px;\r\n        margin: 20px auto 60px;\r\n        box-sizing: border-box;\r\n    }\r\n    #ftff *, #ftff *::before, #ftff *::after { box-sizing: border-box; }\r\n    #ftff [hidden] { display: none !important; }\r\n\r\n    \/* ===== Seitenkopf \u2014 Masse wie die bisherigen Elementor-Widgets ===== *\/\r\n    #ftff .ftff-titel {\r\n        margin: 0;\r\n        font-family: inherit;\r\n        font-size: 48px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        letter-spacing: 0;\r\n        text-align: center;\r\n        color: var(--ftff-schwarz);\r\n    }\r\n    #ftff .ftff-intro {\r\n        max-width: 760px;\r\n        margin: 50px auto 0;\r\n        font-size: 20px;\r\n        font-weight: 300;\r\n        line-height: 1.5;\r\n        text-align: center;\r\n        color: var(--ftff-schwarz);\r\n    }\r\n    \/* Links: schwarz mit gelber Unterstreichung \u2014 Gelb als Schrift auf Weiss\r\n       hielte nur 1.65:1. *\/\r\n    #ftff .ftff-intro a,\r\n    #ftff .ftff-box a {\r\n        color: var(--ftff-schwarz);\r\n        font-weight: 400;\r\n        text-decoration: underline;\r\n        text-decoration-color: var(--ftff-gelb);\r\n        text-decoration-thickness: 3px;\r\n        text-underline-offset: 3px;\r\n        overflow-wrap: anywhere;\r\n    }\r\n    #ftff .ftff-intro a:hover, #ftff .ftff-box a:hover,\r\n    #ftff .ftff-intro a:focus, #ftff .ftff-box a:focus { color: var(--ftff-schwarz); background: rgba(255, 191, 0, 0.18); }\r\n    #ftff a:focus-visible { outline: 3px solid var(--ftff-schwarz); outline-offset: 2px; }\r\n\r\n    \/* Spielkarte (Optik wie Wordle auf fahrtauglich.ch). overflow: clip statt\r\n       hidden \u2014 sonst verschiebt ein Fokus\/scrollIntoView den Karteninhalt. *\/\r\n    #ftff .ftff-karte {\r\n        position: relative;\r\n        overflow: clip;\r\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n        border: 2px solid #dee2e6;\r\n        border-radius: 20px;\r\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\r\n        padding: 36px 30px;\r\n    }\r\n    #ftff .ftff-karte::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%; left: -50%;\r\n        width: 200%; height: 200%;\r\n        background: radial-gradient(circle, rgba(52, 58, 64, 0.05) 1px, transparent 1px);\r\n        background-size: 30px 30px;\r\n        animation: ftff-hintergrund 25s linear infinite;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n    @keyframes ftff-hintergrund {\r\n        0%   { transform: translate(0, 0) rotate(0deg); }\r\n        100% { transform: translate(-30px, -30px) rotate(360deg); }\r\n    }\r\n\r\n    \/* ===== Buttons (Pill-Stil der fahrtauglich.ch-Buttons) ===== *\/\r\n    #ftff .ftff-knopf {\r\n        -webkit-appearance: none;\r\n        appearance: none;\r\n        margin: 0;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-height: 48px;\r\n        padding: 10px 28px;\r\n        background: var(--ftff-gelb);\r\n        border: 2px solid var(--ftff-gelb);\r\n        border-radius: 100px;\r\n        box-shadow: none;\r\n        font-family: inherit;\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        line-height: 1.2;\r\n        text-transform: none;\r\n        text-decoration: none;\r\n        color: var(--ftff-schwarz);\r\n        cursor: pointer;\r\n        transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;\r\n    }\r\n    #ftff .ftff-knopf:hover,\r\n    #ftff .ftff-knopf:focus {\r\n        background: var(--ftff-gelb-dunkel);\r\n        border-color: var(--ftff-gelb-dunkel);\r\n        color: var(--ftff-schwarz);\r\n    }\r\n    #ftff .ftff-knopf:hover { transform: translateY(-1px); }\r\n    #ftff .ftff-knopf-hell { background: #ffffff; border-color: var(--ftff-schwarz); }\r\n    #ftff .ftff-knopf-hell:hover,\r\n    #ftff .ftff-knopf-hell:focus { background: var(--ftff-flaeche); border-color: var(--ftff-schwarz); }\r\n    #ftff .ftff-knopf-klein { min-height: 44px; padding: 8px 20px; font-size: 0.9rem; }\r\n\r\n    #ftff .ftff-knopf:focus-visible,\r\n    #ftff summary:focus-visible {\r\n        outline: 3px solid var(--ftff-schwarz);\r\n        outline-offset: 2px;\r\n    }\r\n\r\n    \/* ===== Spielanleitung ===== *\/\r\n    #ftff .ftff-anleitung {\r\n        margin-top: 24px;\r\n        text-align: left;\r\n        background: #ffffff;\r\n        border-radius: 8px;\r\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);\r\n        padding: 15px 18px;\r\n    }\r\n    #ftff .ftff-anleitung summary {\r\n        cursor: pointer;\r\n        list-style: none;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 1rem;\r\n        padding: 4px 0;\r\n        font-size: 1.15rem;\r\n        font-weight: 600;\r\n        color: var(--ftff-schwarz);\r\n        user-select: none;\r\n    }\r\n    #ftff .ftff-anleitung summary::-webkit-details-marker { display: none; }\r\n    #ftff .ftff-chev { width: 20px; height: 20px; flex: 0 0 auto; transition: transform 0.2s ease; }\r\n    #ftff .ftff-anleitung[open] .ftff-chev { transform: rotate(180deg); }\r\n    #ftff .ftff-anleitung-liste {\r\n        list-style: none;\r\n        margin: 12px 0 4px;\r\n        padding: 0;\r\n        display: grid;\r\n        gap: 8px;\r\n    }\r\n    #ftff .ftff-anleitung-liste li {\r\n        margin: 0;\r\n        padding: 10px 14px;\r\n        background: var(--ftff-flaeche);\r\n        border-left: 3px solid var(--ftff-gelb);\r\n        border-radius: 6px;\r\n        font-size: 0.95rem;\r\n        font-weight: 300;\r\n        line-height: 1.55;\r\n        color: var(--ftff-schwarz);\r\n    }\r\n    #ftff .ftff-anleitung-liste li strong { font-weight: 600; }\r\n\r\n    \/* ===== Textabschnitte (Kartenstil der bisherigen Textboxen) ===== *\/\r\n    #ftff .ftff-abschnitt { margin-top: 70px; }\r\n    #ftff .ftff-abschnitt h2 {\r\n        margin: 0 0 20px;\r\n        font-family: inherit;\r\n        font-size: 36px;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        letter-spacing: 0;\r\n        text-transform: none;\r\n        text-align: center;\r\n        color: var(--ftff-schwarz);\r\n    }\r\n    #ftff .ftff-box {\r\n        background: #ffffff;\r\n        border-radius: 8px;\r\n        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\r\n        padding: 15px 20px;\r\n        font-size: 22px;\r\n        font-weight: 300;\r\n        line-height: 1.5;\r\n        color: var(--ftff-schwarz);\r\n        text-align: left;\r\n    }\r\n    #ftff .ftff-box p { margin: 0 0 14px; }\r\n    #ftff .ftff-box p:last-child { margin-bottom: 0; }\r\n    #ftff .ftff-box strong { font-weight: 500; }\r\n\r\n    #ftff .ftff-tipps { margin: 0; padding-left: 1.2em; }\r\n    #ftff .ftff-tipps li { margin: 0 0 14px; padding-left: 0.2em; }\r\n    #ftff .ftff-tipps li:last-child { margin-bottom: 0; }\r\n    #ftff .ftff-tipps li::marker { color: var(--ftff-gelb-dunkel); }\r\n    #ftff .ftff-tipps strong { display: block; }\r\n\r\n    #ftff .ftff-nutzen { list-style: none; margin: 6px 0 14px; padding: 0; }\r\n    #ftff .ftff-nutzen li {\r\n        display: grid;\r\n        grid-template-columns: 2.4em 1fr;\r\n        gap: 0 0.6em;\r\n        padding: 14px 0;\r\n        border-top: 1px solid var(--ftff-linie);\r\n    }\r\n    #ftff .ftff-nutzen li:last-child { border-bottom: 1px solid var(--ftff-linie); }\r\n    #ftff .ftff-nutzen-nr { font-weight: 600; line-height: 1.5; color: var(--ftff-gelb-dunkel); }\r\n    #ftff .ftff-nutzen strong { display: block; }\r\n    #ftff .ftff-vermerk {\r\n        padding: 10px 14px;\r\n        background: var(--ftff-flaeche);\r\n        border-left: 3px solid var(--ftff-gelb);\r\n        border-radius: 6px;\r\n        font-size: 0.85em;\r\n    }\r\n    #ftff .ftff-quellen-titel { margin-top: 20px !important; font-weight: 500; }\r\n    #ftff .ftff-quellen { list-style: none; margin: 0; padding: 0; font-size: 0.8em; }\r\n    #ftff .ftff-quellen li { margin: 0 0 10px; }\r\n    #ftff .ftff-quellen li:last-child { margin-bottom: 0; }\r\n\r\n    #ftff .ftff-sr { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }\r\n    \/* ===== Spielbereich ===== *\/\r\n    #ftff .ftff-spiel {\r\n        max-width: 680px;\r\n        margin: 34px auto 0;\r\n        text-align: center;\r\n    }\r\n    #ftff .ftff-screen {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 16px;\r\n    }\r\n    #ftff .ftff-text { max-width: 46ch; margin: 0; font-size: 1.05rem; color: var(--ftff-schwarz); }\r\n    #ftff .ftff-text strong { font-weight: 600; }\r\n    #ftff .ftff-best { margin: 0; font-size: 0.9rem; font-weight: 500; color: var(--ftff-text-2); }\r\n    #ftff .ftff-fortschritt { margin: 0; font-size: 0.9rem; font-weight: 500; letter-spacing: 0.03em; color: var(--ftff-text-2); }\r\n    #ftff .ftff-aufgabe { margin: 0; font-size: 1rem; color: var(--ftff-text); }\r\n\r\n    \/* Reiz: feste Hoehe, damit nichts springt *\/\r\n    #ftff .ftff-reizflaeche {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 100%;\r\n        max-width: 480px;\r\n        height: 130px;\r\n        background: #ffffff;\r\n        border-radius: 16px;\r\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n    }\r\n    #ftff .ftff-stimulus {\r\n        font-size: clamp(2.6rem, 11vw, 4rem);\r\n        font-weight: 700;\r\n        letter-spacing: 0.04em;\r\n        line-height: 1;\r\n        -webkit-user-select: none;\r\n        user-select: none;\r\n    }\r\n    #ftff .ftff-stimulus.fixation { color: #9CA3AF; font-weight: 400; }\r\n\r\n    \/* Antwortknoepfe: feste Reihenfolge *\/\r\n    #ftff .ftff-antworten { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: 100%; max-width: 520px; }\r\n    #ftff .ftff-antwort {\r\n        -webkit-appearance: none;\r\n        appearance: none;\r\n        position: relative;\r\n        margin: 0;\r\n        min-height: 64px;\r\n        padding: 8px 4px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 4px;\r\n        background: #ffffff;\r\n        border: 2px solid var(--ftff-schwarz);\r\n        border-radius: 14px;\r\n        box-shadow: none;\r\n        font-family: inherit;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        line-height: 1.1;\r\n        text-transform: none;\r\n        color: var(--ftff-schwarz);\r\n        cursor: pointer;\r\n        touch-action: manipulation;\r\n        -webkit-user-select: none;\r\n        user-select: none;\r\n        transition: background 0.1s ease;\r\n    }\r\n    #ftff .ftff-antwort:hover:not(:disabled), #ftff .ftff-antwort:focus:not(:disabled) { background: var(--ftff-flaeche); color: var(--ftff-schwarz); }\r\n    #ftff .ftff-antwort:focus-visible { outline: 3px solid var(--ftff-gelb); outline-offset: 2px; }\r\n    #ftff .ftff-antwort:disabled { cursor: default; color: var(--ftff-schwarz); }\r\n    #ftff .ftff-antwort.richtig { background: #D1FAE5; border-color: var(--ftff-gruen); }\r\n    #ftff .ftff-antwort.falsch  { background: #FEE2E2; border-color: var(--ftff-fehler); }\r\n    #ftff .ftff-punkt { width: 16px; height: 16px; border-radius: 50%; }\r\n    #ftff .ftff-taste { position: absolute; top: 4px; right: 7px; font-size: 0.7rem; font-weight: 400; color: var(--ftff-text-2); }\r\n    @media (pointer: coarse) { #ftff .ftff-taste { display: none; } }\r\n\r\n    #ftff .ftff-rueckmeldung { min-height: 1.5em; margin: 0; font-weight: 600; color: var(--ftff-text-2); }\r\n    #ftff .ftff-rueckmeldung.richtig { color: var(--ftff-gruen); }\r\n    #ftff .ftff-rueckmeldung.falsch  { color: var(--ftff-fehler); }\r\n\r\n    \/* ===== Ergebnisdialog ===== *\/\r\n    #ftff .ftff-modal { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 20px; }\r\n    #ftff .ftff-modal.active { display: flex; }\r\n    #ftff .ftff-modal-hintergrund { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); }\r\n    #ftff .ftff-modal-inhalt {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 460px;\r\n        max-height: 88vh;\r\n        overflow-y: auto;\r\n        background: #ffffff;\r\n        border-radius: 15px;\r\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\r\n        padding: 30px 24px 24px;\r\n        text-align: center;\r\n    }\r\n    #ftff .ftff-modal h2 { margin: 0 0 6px; font-family: inherit; font-size: 1.6rem; font-weight: 600; line-height: 1.2; color: var(--ftff-text); }\r\n    #ftff .ftff-ergebnis { display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; margin: 14px 0 10px; }\r\n    #ftff .ftff-ergebnis strong { display: block; font-size: 1.8rem; font-weight: 700; line-height: 1.1; color: var(--ftff-schwarz); font-variant-numeric: tabular-nums; }\r\n    #ftff .ftff-ergebnis span { font-size: 0.85rem; color: var(--ftff-text-2); }\r\n    #ftff .ftff-effekt { margin: 4px 0 10px; padding: 10px 12px; background: var(--ftff-gelb-hell); border-radius: 8px; font-size: 0.95rem; color: var(--ftff-schwarz); text-align: left; }\r\n    #ftff .ftff-modal p { margin: 0; color: var(--ftff-text-2); }\r\n    #ftff .ftff-modal-knoepfe { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }\r\n\r\n    #ftff .ftff-sr { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }\r\n\r\n    \/* ===== Responsive (Elementor: Tablet <= 1024px, Handy <= 767px) ===== *\/\r\n    @media (max-width: 1024px) {\r\n        #ftff .ftff-titel { font-size: 45px; }\r\n        #ftff .ftff-intro { font-size: 16px; margin-top: 30px; }\r\n        #ftff .ftff-box   { font-size: 16px; }\r\n    }\r\n    @media (max-width: 768px) {\r\n        #ftff { max-width: 95%; }\r\n        #ftff .ftff-karte { padding: 24px 20px; }\r\n    }\r\n    @media (max-width: 767px) {\r\n        #ftff .ftff-titel { font-size: 28px; }\r\n        #ftff .ftff-intro { margin-top: 20px; }\r\n        #ftff .ftff-spiel { margin-top: 24px; }\r\n        #ftff .ftff-abschnitt { margin-top: 50px; }\r\n        #ftff .ftff-abschnitt h2 { font-size: 28px; }\r\n        #ftff .ftff-box   { padding: 15px; }\r\n    }\r\n    @media (max-width: 520px) {\r\n        #ftff .ftff-karte { padding: 18px 10px; border-radius: 16px; }\r\n        #ftff .ftff-antworten { grid-template-columns: repeat(2, 1fr); }\r\n        #ftff .ftff-reizflaeche { height: 110px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        #ftff *, #ftff *::before, #ftff *::after {\r\n            animation-duration: 0.01ms !important;\r\n            animation-iteration-count: 1 !important;\r\n            transition-duration: 0.01ms !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"ftff\">\r\n\r\n    <div class=\"ftff-sr\" aria-live=\"polite\" aria-atomic=\"true\" id=\"ftff-sr\"><\/div>\r\n\r\n    <h1 class=\"ftff-titel\">Farben-Falle<\/h1>\r\n\r\n    <p class=\"ftff-intro\">Nennen Sie die Farbe, in der ein Wort geschrieben ist, nicht das Wort selbst. Klingt einfach, doch Ihr Gehirn liest automatisch mit. Weitere Spiele f\u00fcr Ged\u00e4chtnis, Konzentration und Logik finden Sie auf <a href=\"https:\/\/trainmybrain.ch\/\">trainmybrain.ch<\/a>, unserer Plattform f\u00fcr kognitive Spiele.<\/p>\r\n\r\n    <div class=\"ftff-spiel\">\r\n\r\n        <section class=\"ftff-karte\" aria-label=\"Farben-Falle Spielbereich\">\r\n\r\n            <!-- Start -->\r\n            <div class=\"ftff-screen\" id=\"ftff-screen-start\">\r\n                <p class=\"ftff-text\">Ein Farbwort erscheint, zum Beispiel <strong>ROT<\/strong>. Tippen Sie auf die Farbe, in der es <strong>geschrieben<\/strong> ist. 24 W\u00f6rter, so schnell und genau wie m\u00f6glich.<\/p>\r\n                <p class=\"ftff-best\" id=\"ftff-best\" hidden><\/p>\r\n                <button type=\"button\" class=\"ftff-knopf\" id=\"ftff-btn-start\">Start<\/button>\r\n            <\/div>\r\n\r\n            <!-- Spiel -->\r\n            <div class=\"ftff-screen\" id=\"ftff-screen-spiel\" hidden>\r\n                <p class=\"ftff-fortschritt\" id=\"ftff-fortschritt\">Durchgang 1 von 24<\/p>\r\n                <p class=\"ftff-aufgabe\">In welcher Farbe ist das Wort geschrieben?<\/p>\r\n                <div class=\"ftff-reizflaeche\"><span class=\"ftff-stimulus\" id=\"ftff-stimulus\" aria-hidden=\"true\">+<\/span><\/div>\r\n                <div class=\"ftff-antworten\" id=\"ftff-antworten\" role=\"group\" aria-label=\"Farbe w\u00e4hlen\"><\/div>\r\n                <p class=\"ftff-rueckmeldung\" id=\"ftff-rueckmeldung\" aria-hidden=\"true\"><\/p>\r\n                <button type=\"button\" class=\"ftff-knopf ftff-knopf-hell ftff-knopf-klein\" id=\"ftff-btn-abbrechen\">Abbrechen<\/button>\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n        <!-- Spielanleitung -->\r\n        <details class=\"ftff-anleitung\" id=\"ftff-anleitung\">\r\n            <summary>\r\n                Spielanleitung\r\n                <svg class=\"ftff-chev\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\r\n            <\/summary>\r\n            <ul class=\"ftff-anleitung-liste\">\r\n                <li><strong>Aufgabe:<\/strong> Ein Farbwort erscheint in einer Farbe. W\u00e4hlen Sie die Farbe, in der es geschrieben ist, nicht die, die es nennt.<\/li>\r\n                <li><strong>Ablauf:<\/strong> 24 W\u00f6rter nacheinander. Vor jedem Wort erscheint kurz ein \u00ab+\u00bb. Nach Ihrer Antwort geht es automatisch weiter.<\/li>\r\n                <li><strong>Bedienung:<\/strong> Die vier Farbkn\u00f6pfe bleiben immer am selben Platz. Am Computer geht es mit den Tasten 1 bis 4 am schnellsten.<\/li>\r\n                <li><strong>Passende und widerspr\u00fcchliche W\u00f6rter:<\/strong> Manchmal stimmen Wort und Farbe \u00fcberein (\u00abROT\u00bb in Rot), meistens nicht (\u00abROT\u00bb in Blau).<\/li>\r\n                <li><strong>Ergebnis:<\/strong> Richtige Antworten, Ihre typische Zeit pro Wort und wie stark widerspr\u00fcchliche W\u00f6rter Sie gebremst haben.<\/li>\r\n                <li><strong>Bestwert:<\/strong> Ihre schnellste typische Zeit, gez\u00e4hlt ab 22 richtigen Antworten, gespeichert auf diesem Ger\u00e4t.<\/li>\r\n                <li><strong>Farbsehschw\u00e4che:<\/strong> Bei einer Rot-Gr\u00fcn-Schw\u00e4che ist das Spiel nur eingeschr\u00e4nkt geeignet.<\/li>\r\n            <\/ul>\r\n        <\/details>\r\n\r\n    <\/div><!-- \/.ftff-spiel -->\r\n\r\n    <!-- ===== Wie funktioniert die Farben-Falle? ===== -->\r\n    <section class=\"ftff-abschnitt\" aria-labelledby=\"ftff-h-regeln\">\r\n        <h2 id=\"ftff-h-regeln\">Wie funktioniert die Farben-Falle?<\/h2>\r\n        <div class=\"ftff-box\">\r\n            <p>Die Farben-Falle beruht auf dem Stroop-Effekt. Wer ge\u00fcbt liest, liest ein Wort automatisch, auch wenn er es gar nicht will. Steht \u00abROT\u00bb in blauer Schrift, meldet das Gehirn zuerst \u00abrot\u00bb, und die richtige Antwort \u00abblau\u00bb braucht einen Moment l\u00e4nger.<\/p>\r\n            <p>Im Spiel erscheinen 24 Farbw\u00f6rter. Bei einem Viertel passen Wort und Farbe zusammen, bei den \u00fcbrigen widersprechen sie sich. Die vier Farbkn\u00f6pfe bleiben immer am selben Platz, so misst die Zeit Ihr Reagieren und nicht das Suchen nach dem richtigen Knopf.<\/p>\r\n            <p>Am Ende sehen Sie, wie viele Antworten richtig waren, wie lange Sie typischerweise pro Wort brauchten und um wie viel die widerspr\u00fcchlichen W\u00f6rter Sie gebremst haben.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== Nutzen ===== -->\r\n    <section class=\"ftff-abschnitt\" aria-labelledby=\"ftff-h-nutzen\">\r\n        <h2 id=\"ftff-h-nutzen\">Was ist der Nutzen der Farben-Falle?<\/h2>\r\n        <div class=\"ftff-box\">\r\n            <p>Das Spiel fordert eine F\u00e4higkeit, die im Alltag st\u00e4ndig gebraucht wird: das Wichtige beachten und das Ablenkende bewusst \u00fcbergehen.<\/p>\r\n            <ol class=\"ftff-nutzen\">\r\n                <li><span class=\"ftff-nutzen-nr\" aria-hidden=\"true\">01<\/span><div><strong>Automatische Reaktionen bremsen<\/strong>Den Impuls \u00ablesen\u00bb zur\u00fcckhalten und stattdessen auf die Farbe achten.<\/div><\/li>\r\n                <li><span class=\"ftff-nutzen-nr\" aria-hidden=\"true\">02<\/span><div><strong>Gezielt hinschauen<\/strong>Aus einem Reiz genau das herausgreifen, worauf es ankommt.<\/div><\/li>\r\n                <li><span class=\"ftff-nutzen-nr\" aria-hidden=\"true\">03<\/span><div><strong>Schnell und genau zugleich<\/strong>Z\u00fcgig antworten, ohne in die Falle zu tappen.<\/div><\/li>\r\n            <\/ol>\r\n            <p>\u00dcbung verringert den Stroop-Effekt etwas, ganz verschwindet er aber selten (MacLeod, 1991).<\/p>\r\n            <p class=\"ftff-vermerk\">Die Farben-Falle ist ein Spiel zum \u00dcben. Es ist kein Test und sagt nichts \u00fcber die Fahreignung aus.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== Tipps ===== -->\r\n    <section class=\"ftff-abschnitt\" aria-labelledby=\"ftff-h-tipps\">\r\n        <h2 id=\"ftff-h-tipps\">Tipps f\u00fcr die Farben-Falle<\/h2>\r\n        <div class=\"ftff-box\">\r\n            <ul class=\"ftff-tipps\">\r\n                <li><strong>Auf die Buchstaben schauen, nicht auf das Wort<\/strong>Manchen hilft es, nur einen Buchstaben anzuschauen, etwa den ersten. So tritt die Farbe in den Vordergrund.<\/li>\r\n                <li><strong>Kn\u00f6pfe auswendig kennen<\/strong>Die Farben stehen immer am selben Platz. Wer die Reihenfolge kennt, muss nicht suchen. Am Computer helfen die Tasten 1 bis 4.<\/li>\r\n                <li><strong>Lieber genau als hastig<\/strong>Ein Fehler kostet mehr als ein kurzes Z\u00f6gern. Ein gleichm\u00e4ssiges Tempo bringt die besten Ergebnisse.<\/li>\r\n                <li><strong>Ausgeruht spielen<\/strong>Bei M\u00fcdigkeit f\u00e4llt es schwerer, das automatische Lesen zu bremsen.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ===== Hintergrund ===== -->\r\n    <section class=\"ftff-abschnitt\" aria-labelledby=\"ftff-h-hintergrund\">\r\n        <h2 id=\"ftff-h-hintergrund\">Hintergrund<\/h2>\r\n        <div class=\"ftff-box\">\r\n            <p>Der amerikanische Psychologe John Ridley Stroop beschrieb den Effekt 1935. Seine Versuchspersonen brauchten deutlich l\u00e4nger, um die Druckfarbe widerspr\u00fcchlicher Farbw\u00f6rter zu nennen, als um Farbfl\u00e4chen zu benennen. Das Lesen l\u00e4sst sich nicht einfach abschalten.<\/p>\r\n            <p>Der Stroop-Effekt geh\u00f6rt zu den am h\u00e4ufigsten untersuchten Effekten der Psychologie. Eine bekannte \u00dcbersicht fasst Hunderte Studien aus einem halben Jahrhundert zusammen (MacLeod, 1991). Abgewandelte Fassungen werden auch in der neuropsychologischen Diagnostik eingesetzt.<\/p>\r\n            <p class=\"ftff-quellen-titel\">Quellen<\/p>\r\n            <ul class=\"ftff-quellen\">\r\n                <li>MacLeod, C. M. (1991). Half a century of research on the Stroop effect: An integrative review. <em>Psychological Bulletin, 109<\/em>(2), 163\u2013203. <a href=\"https:\/\/doi.org\/10.1037\/0033-2909.109.2.163\" target=\"_blank\" rel=\"noopener\">https:\/\/doi.org\/10.1037\/0033-2909.109.2.163<\/a><\/li>\r\n                <li>Stroop, J. R. (1935). Studies of interference in serial verbal reactions. <em>Journal of Experimental Psychology, 18<\/em>(6), 643\u2013662. <a href=\"https:\/\/doi.org\/10.1037\/h0054651\" target=\"_blank\" rel=\"noopener\">https:\/\/doi.org\/10.1037\/h0054651<\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Ergebnisdialog -->\r\n    <div class=\"ftff-modal\" id=\"ftff-modal-ende\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ftff-modal-titel\">\r\n        <div class=\"ftff-modal-hintergrund\"><\/div>\r\n        <div class=\"ftff-modal-inhalt\">\r\n            <h2 id=\"ftff-modal-titel\">Geschafft<\/h2>\r\n            <div class=\"ftff-ergebnis\">\r\n                <div><strong id=\"ftff-erg-richtig\">0 \/ 24<\/strong><span>richtig<\/span><\/div>\r\n                <div><strong id=\"ftff-erg-zeit\">\u2013<\/strong><span>typische Zeit pro Wort<\/span><\/div>\r\n            <\/div>\r\n            <p class=\"ftff-effekt\" id=\"ftff-erg-effekt\"><\/p>\r\n            <p id=\"ftff-erg-best\"><\/p>\r\n            <div class=\"ftff-modal-knoepfe\">\r\n                <button type=\"button\" class=\"ftff-knopf\" id=\"ftff-btn-nochmal\">Nochmal<\/button>\r\n                <button type=\"button\" class=\"ftff-knopf ftff-knopf-hell\" id=\"ftff-btn-zurueck\">Zum Start<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    'use strict';\r\n\r\n    \/\/ Elementor oder ein Optimierungs-Plugin kann das Skript nach\r\n    \/\/ DOMContentLoaded ausfuehren \u2014 dann wuerde ein reiner Listener nie feuern.\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', ftffStart);\r\n    } else {\r\n        ftffStart();\r\n    }\r\n\r\n    function ftffStart() {\r\n        const root = document.getElementById('ftff');\r\n        if (!root || root.dataset.ftffBereit) return;\r\n        root.dataset.ftffBereit = '1';\r\n\r\n        \/\/ \u2550\u2550 Farbenfalle-Motor (identisch in fahrtauglich- und trainmybrain-Version) \u2550\u2550\r\n        \/\/ Stand 2026-10-12, echter Stroop-Ablauf (Entscheid User). Vorher gemessen:\r\n        \/\/   - Wort und Farbe waren immer verschieden (0 % uebereinstimmend), der\r\n        \/\/     Trick \u00abwas das Wort sagt, ist nie richtig\u00bb genuegte\r\n        \/\/   - die Wortbedeutung stand nur in 50 % der Runden unter den Knoepfen\r\n        \/\/   - die Zeit zaehlte nicht (5 Punkte je richtige Antwort, egal wie\r\n        \/\/     langsam), obwohl sich der Stroop-Effekt gerade in der Zeit zeigt\r\n        \/\/   - Knoepfe jede Runde neu gemischt: die Zeit mass vor allem das Suchen\r\n        \/\/ Jetzt: 4 Farben auf festen Knoepfen (Tasten 1-4), 24 Durchgaenge, davon\r\n        \/\/ 6 uebereinstimmend und 18 widerspruechlich, automatisch weiter.\r\n        function farbMotor(cfg) {\r\n            const el = s => document.getElementById(cfg.prefix + s);\r\n\r\n            const FARBEN = cfg.farben;          \/\/ [{ name, wert }] x 4, feste Reihenfolge\r\n            const DURCHGAENGE = 24;\r\n            const UEBEREINSTIMMEND = 6;\r\n            const FIXATION_MS = 450;            \/\/ Pause mit + vor jedem Wort\r\n            const RUECKMELDUNG_MS = 450;        \/\/ richtig\r\n            const RUECKMELDUNG_FALSCH_MS = 1300;\r\n            const ZU_SCHNELL_MS = 200;          \/\/ vorweggenommene Antworten nicht werten\r\n\r\n            const screenStart = el('screen-start'), screenSpiel = el('screen-spiel');\r\n            const stimulus = el('stimulus'), fortschritt = el('fortschritt'), rueckmeldung = el('rueckmeldung');\r\n            const antworten = el('antworten');\r\n            const srEl = el('sr');\r\n\r\n            let phase = 'start';      \/\/ start | fixation | reiz | rueckmeldung | pause | fertig\r\n            let folge = [], index = 0, reizZeit = 0, timer = null;\r\n            let ergebnisse = [];      \/\/ { kongruent, richtig, ms }\r\n\r\n            function sr(t) { if (srEl) srEl.textContent = t; }\r\n            function mische(a) {\r\n                a = a.slice();\r\n                for (let i = a.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [a[i], a[j]] = [a[j], a[i]]; }\r\n                return a;\r\n            }\r\n\r\n            \/\/ Folge: genau 6 uebereinstimmende Durchgaenge, jede Farbe gleich oft,\r\n            \/\/ nie dieselbe Farbe oder dasselbe Wort zweimal hintereinander.\r\n            \/\/ Schritt fuer Schritt aufgebaut: Nur zulaessige Farben werden gezogen.\r\n            \/\/ (Erst mischen und dann pruefen scheiterte gemessen in 73 % der Faelle.)\r\n            function erzeugeFolge() {\r\n                const proFarbe = DURCHGAENGE \/ FARBEN.length;\r\n                for (let versuch = 0; versuch < 1000; versuch++) {\r\n                    const rest = FARBEN.map(() => proFarbe);\r\n                    \/\/ Positionen der uebereinstimmenden Durchgaenge zuerst zufaellig\r\n                    \/\/ festlegen, sonst haeufen sie sich am Ende (gemessen 43 % statt 25 %)\r\n                    const kongPos = new Set(mische(Array.from({ length: DURCHGAENGE }, (_, i) => i)).slice(0, UEBEREINSTIMMEND));\r\n                    const f = [];\r\n                    let ok = true;\r\n                    for (let i = 0; i < DURCHGAENGE && ok; i++) {\r\n                        const vor = f[i - 1];\r\n                        const kong = kongPos.has(i);\r\n                        \/\/ uebereinstimmend: Wort = Farbe, also darf die Farbe auch nicht das vorige Wort sein\r\n                        const kandidaten = mische([0, 1, 2, 3].filter(c => rest[c] > 0 && (!vor || (c !== vor.tinte && (!kong || c !== vor.wort)))));\r\n                        if (!kandidaten.length) { ok = false; break; }\r\n                        const tinte = kandidaten[0];\r\n                        let wort = tinte;\r\n                        if (!kong) {\r\n                            const moegl = [0, 1, 2, 3].filter(w => w !== tinte && (!vor || w !== vor.wort));\r\n                            wort = moegl[Math.floor(Math.random() * moegl.length)];\r\n                        }\r\n                        rest[tinte]--;\r\n                        f.push({ tinte, wort, kongruent: kong });\r\n                    }\r\n                    if (ok) return f;\r\n                }\r\n                throw new Error('Farbenfalle: keine gueltige Folge gefunden');\r\n            }\r\n\r\n            \/\/ \u2500\u2500 Antwortknoepfe: feste Reihenfolge, Tasten 1 bis 4 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            FARBEN.forEach((f, i) => {\r\n                const b = document.createElement('button');\r\n                b.type = 'button';\r\n                b.className = cfg.klassen.knopf;\r\n                b.dataset.index = i;\r\n                b.innerHTML = `<span class=\"${cfg.klassen.punkt}\" style=\"background:${f.wert}\" aria-hidden=\"true\"><\/span><span>${f.name}<\/span><span class=\"${cfg.klassen.taste}\">${i + 1}<\/span>`;\r\n                b.setAttribute('aria-label', `${f.name} (Taste ${i + 1})`);\r\n                antworten.appendChild(b);\r\n            });\r\n            const knoepfe = [...antworten.querySelectorAll('button')];\r\n\r\n            function knoepfeAktiv(an) { knoepfe.forEach(b => { b.disabled = !an; }); }\r\n            function knoepfeZuruecksetzen() { knoepfe.forEach(b => b.classList.remove('richtig', 'falsch')); }\r\n\r\n            \/\/ \u2500\u2500 Ablauf \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            function zeigeScreen(name) { screenStart.hidden = name !== 'start'; screenSpiel.hidden = name !== 'spiel'; }\r\n\r\n            function start() {\r\n                folge = erzeugeFolge();\r\n                index = 0;\r\n                ergebnisse = [];\r\n                zeigeScreen('spiel');\r\n                cfg.sichtbarMachen(screenSpiel);\r\n                cfg.ereignis({ event: 'farbenfalle_start' });\r\n                fixation();\r\n            }\r\n\r\n            function fixation() {\r\n                clearTimeout(timer);\r\n                phase = 'fixation';\r\n                knoepfeZuruecksetzen();\r\n                knoepfeAktiv(false);\r\n                rueckmeldung.textContent = '';\r\n                rueckmeldung.className = cfg.klassen.rueckmeldung;\r\n                stimulus.textContent = '+';\r\n                stimulus.style.color = '';\r\n                stimulus.classList.add(cfg.klassen.fixation);\r\n                fortschritt.textContent = `Durchgang ${index + 1} von ${DURCHGAENGE}`;\r\n                timer = setTimeout(reiz, FIXATION_MS);\r\n            }\r\n\r\n            function reiz() {\r\n                phase = 'reiz';\r\n                const d = folge[index];\r\n                stimulus.classList.remove(cfg.klassen.fixation);\r\n                stimulus.textContent = FARBEN[d.wort].name.toUpperCase();\r\n                stimulus.style.color = FARBEN[d.tinte].wert;\r\n                knoepfeAktiv(true);\r\n                sr(`Wort ${FARBEN[d.wort].name}. Welche Farbe hat es?`);\r\n                \/\/ performance.now nach dem Zeichnen: rAF wartet auf den naechsten Frame\r\n                requestAnimationFrame(() => { reizZeit = performance.now(); });\r\n            }\r\n\r\n            function antwort(i) {\r\n                if (phase !== 'reiz' || !reizZeit) return;\r\n                const ms = Math.round(performance.now() - reizZeit);\r\n                reizZeit = 0;\r\n                phase = 'rueckmeldung';\r\n                knoepfeAktiv(false);\r\n                const d = folge[index];\r\n                const richtig = i === d.tinte;\r\n                ergebnisse.push({ kongruent: d.kongruent, richtig, ms });\r\n                knoepfe[d.tinte].classList.add('richtig');\r\n                if (!richtig) knoepfe[i].classList.add('falsch');\r\n                rueckmeldung.textContent = richtig ? '\u2713 Richtig' : `\u2717 Die Farbe war ${FARBEN[d.tinte].name}`;\r\n                rueckmeldung.className = cfg.klassen.rueckmeldung + ' ' + (richtig ? 'richtig' : 'falsch');\r\n                sr(rueckmeldung.textContent);\r\n                index++;\r\n                timer = setTimeout(() => (index < DURCHGAENGE ? fixation() : ende()), richtig ? RUECKMELDUNG_MS : RUECKMELDUNG_FALSCH_MS);\r\n            }\r\n\r\n            \/\/ Tab gewechselt: laufender Durchgang zaehlt nicht, er wird wiederholt\r\n            document.addEventListener('visibilitychange', () => {\r\n                if (document.hidden && (phase === 'reiz' || phase === 'fixation')) {\r\n                    clearTimeout(timer); reizZeit = 0; phase = 'pause'; knoepfeAktiv(false);\r\n                } else if (!document.hidden && phase === 'pause') {\r\n                    rueckmeldung.textContent = 'Weiter geht es mit diesem Durchgang.';\r\n                    setTimeout(fixation, 600);\r\n                }\r\n            });\r\n\r\n            \/\/ \u2500\u2500 Auswertung \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            \/\/ Mittelwert ist anfaellig fuer einzelne Ausreisser (kurz abgelenkt),\r\n            \/\/ deshalb der Median der richtigen, nicht vorweggenommenen Antworten.\r\n            function median(a) {\r\n                if (!a.length) return null;\r\n                const s = a.slice().sort((x, y) => x - y), m = Math.floor(s.length \/ 2);\r\n                return s.length % 2 ? s[m] : (s[m - 1] + s[m]) \/ 2;\r\n            }\r\n            const sek = ms => (ms \/ 1000).toFixed(2) + ' s';\r\n\r\n            function ende() {\r\n                phase = 'fertig';\r\n                clearTimeout(timer);\r\n                const gueltig = ergebnisse.filter(e => e.richtig && e.ms >= ZU_SCHNELL_MS);\r\n                const richtig = ergebnisse.filter(e => e.richtig).length;\r\n                const zeit = median(gueltig.map(e => e.ms));\r\n                const mK = median(gueltig.filter(e => e.kongruent).map(e => e.ms));\r\n                const mW = median(gueltig.filter(e => !e.kongruent).map(e => e.ms));\r\n                const effekt = mK !== null && mW !== null ? Math.round(mW - mK) : null;\r\n\r\n                el('erg-richtig').textContent = `${richtig} \/ ${DURCHGAENGE}`;\r\n                el('erg-zeit').textContent = zeit === null ? '\u2013' : sek(zeit);\r\n                let effektText;\r\n                if (effekt === null) effektText = 'F\u00fcr einen Vergleich fehlen richtige Antworten.';\r\n                else if (effekt >= 50) effektText = `Bei widerspr\u00fcchlichen W\u00f6rtern brauchten Sie im Schnitt ${sek(effekt)} l\u00e4nger als bei passenden. Das ist der Stroop-Effekt: Das Lesen l\u00e4uft automatisch mit und bremst.`;\r\n                else if (effekt > -50) effektText = 'Widerspr\u00fcchliche W\u00f6rter haben Sie kaum gebremst. Gut abgeschirmt!';\r\n                else effektText = 'Diesmal waren Sie bei widerspr\u00fcchlichen W\u00f6rtern sogar schneller. Bei so wenigen Durchg\u00e4ngen schwankt das.';\r\n                el('erg-effekt').textContent = effektText;\r\n\r\n                \/\/ Bestwert: schnellste typische Zeit, aber nur bei mindestens 22 von 24 richtig\r\n                let best = 0;\r\n                try { best = Number(localStorage.getItem(cfg.speicher.best)) || 0; } catch (e) {}\r\n                const zaehlt = zeit !== null && richtig >= DURCHGAENGE - 2;\r\n                const neu = zaehlt && (!best || zeit < best);\r\n                if (neu) { try { localStorage.setItem(cfg.speicher.best, String(Math.round(zeit))); } catch (e) {} }\r\n                el('erg-best').textContent = neu\r\n                    ? (best ? `Neuer Bestwert! Vorher ${sek(best)}.` : 'Ihr erster Bestwert.')\r\n                    : zaehlt ? `Ihr Bestwert: ${sek(best)}`\r\n                    : `Bestwerte z\u00e4hlen ab ${DURCHGAENGE - 2} richtigen Antworten.${best ? ` Ihr Bestwert: ${sek(best)}` : ''}`;\r\n                sr(`Fertig. ${richtig} von ${DURCHGAENGE} richtig. Typische Zeit ${zeit === null ? 'unbekannt' : sek(zeit)}.`);\r\n                cfg.ereignis({ event: 'farbenfalle_ende', farbenfalle_richtig: richtig, farbenfalle_median_ms: zeit === null ? null : Math.round(zeit), farbenfalle_effekt_ms: effekt });\r\n                bestZeigen();\r\n                cfg.modalOeffnen();\r\n            }\r\n\r\n            function bestZeigen() {\r\n                let best = 0;\r\n                try { best = Number(localStorage.getItem(cfg.speicher.best)) || 0; } catch (e) {}\r\n                el('best').textContent = best ? `Ihr Bestwert: ${sek(best)} pro Wort` : '';\r\n                el('best').hidden = !best;\r\n            }\r\n\r\n            function zumStart() {\r\n                clearTimeout(timer);\r\n                phase = 'start';\r\n                reizZeit = 0;\r\n                cfg.modalSchliessen();\r\n                zeigeScreen('start');\r\n            }\r\n\r\n            \/\/ \u2500\u2500 Bedienung \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n            \/\/ pointerdown statt click: die Zeit stoppt beim Beruehren, nicht beim Loslassen\r\n            knoepfe.forEach((b, i) => {\r\n                b.addEventListener('pointerdown', e => { if (e.button === 0) { e.preventDefault(); antwort(i); } });\r\n                b.addEventListener('click', e => { if (e.detail === 0) antwort(i); });   \/\/ Tastatur auf dem Knopf\r\n            });\r\n            document.addEventListener('keydown', e => {\r\n                if (e.ctrlKey || e.altKey || e.metaKey || cfg.modalOffen()) return;\r\n                if (\/^[1-4]$\/.test(e.key) && (phase === 'reiz' || phase === 'fixation')) { e.preventDefault(); antwort(Number(e.key) - 1); }\r\n            });\r\n            function klick(btn, fn) { btn.addEventListener('click', e => { if (e.detail > 0) btn.blur(); fn(); }); }\r\n            klick(el('btn-start'), start);\r\n            klick(el('btn-abbrechen'), zumStart);\r\n            klick(el('btn-nochmal'), () => { cfg.modalSchliessen(); start(); });\r\n            klick(el('btn-zurueck'), zumStart);\r\n\r\n            bestZeigen();\r\n            zeigeScreen('start');\r\n\r\n            return { get phase() { return phase; }, get folge() { return folge.map(d => ({ ...d })); }, get index() { return index; }, get ergebnisse() { return ergebnisse.slice(); } };\r\n        }\r\n\r\n        \/\/ Hoehe eines fixierten\/klebenden Seitenkopfs (Theme), gemessen statt geraten\r\n        function kopfHoehe() {\r\n            let el = document.elementFromPoint(window.innerWidth \/ 2, 2);\r\n            while (el && el !== document.body && el !== document.documentElement) {\r\n                const pos = getComputedStyle(el).position;\r\n                if (pos === 'fixed' || pos === 'sticky') {\r\n                    const r = el.getBoundingClientRect();\r\n                    return r.top <= 2 ? Math.max(0, r.bottom) : 0;\r\n                }\r\n                el = el.parentElement;\r\n            }\r\n            return 0;\r\n        }\r\n        \/\/ Spielbereich ganz ins Bild holen, sofort (das erste Wort folgt gleich)\r\n        function sichtbarMachen(ziel) {\r\n            const kopf = kopfHoehe();\r\n            const r = ziel.getBoundingClientRect();\r\n            if (r.top >= kopf + 4 && r.bottom <= window.innerHeight) return;\r\n            const y = window.scrollY + r.top - kopf - 12;\r\n            try { window.scrollTo({ top: y, behavior: 'instant' }); } catch (e) { window.scrollTo(0, y); }\r\n        }\r\n\r\n        \/** Spielereignis an GTM (dataLayer). Nur Spieldaten, keine Personendaten. *\/\r\n        function ftEvent(daten) {\r\n            try {\r\n                window.dataLayer = window.dataLayer || [];\r\n                window.dataLayer.push(Object.assign({ spiel_seite: 'fahrtauglich' }, daten));\r\n            } catch (e) {}\r\n        }\r\n\r\n        const modal = document.getElementById('ftff-modal-ende');\r\n        root.__ff = farbMotor({\r\n            prefix: 'ftff-',\r\n            farben: [\r\n                { name: 'Rot',  wert: '#DC2626' },\r\n                { name: 'Gr\u00fcn', wert: '#16A34A' },\r\n                { name: 'Blau', wert: '#2563EB' },\r\n                { name: 'Gelb', wert: '#EAB308' }\r\n            ],\r\n            klassen: { knopf: 'ftff-antwort', punkt: 'ftff-punkt', taste: 'ftff-taste', rueckmeldung: 'ftff-rueckmeldung', fixation: 'fixation' },\r\n            speicher: { best: 'ft_farbenfalle_best_v1' },\r\n            sichtbarMachen,\r\n            modalOeffnen: () => { modal.classList.add('active'); const b = document.getElementById('ftff-btn-nochmal'); if (b) b.focus(); },\r\n            modalSchliessen: () => modal.classList.remove('active'),\r\n            modalOffen: () => modal.classList.contains('active'),\r\n            ereignis: ftEvent\r\n        });\r\n\r\n        try {\r\n            if (!localStorage.getItem('ft_farbenfalle_seen')) {\r\n                document.getElementById('ftff-anleitung').open = true;\r\n                localStorage.setItem('ft_farbenfalle_seen', '1');\r\n            }\r\n        } catch (e) {}\r\n    }\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Farben-Falle Nennen Sie die Farbe, in der ein Wort geschrieben ist, nicht das Wort selbst. Klingt einfach, doch Ihr Gehirn liest automatisch mit. Weitere Spiele f\u00fcr Ged\u00e4chtnis, Konzentration und Logik finden Sie auf trainmybrain.ch, unserer Plattform f\u00fcr kognitive Spiele. Ein Farbwort erscheint, zum Beispiel ROT. Tippen Sie auf die Farbe, in der es geschrieben ist. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1467,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","iawp_total_views":2270,"footnotes":""},"class_list":["post-5977","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Farben-Falle<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fahrtauglich.ch\/fr\/praxisportal\/farben-falle\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Farben-Falle\" \/>\n<meta property=\"og:description\" content=\"Farben-Falle Nennen Sie die Farbe, in der ein Wort geschrieben ist, nicht das Wort selbst. Klingt einfach, doch Ihr Gehirn liest automatisch mit. Weitere Spiele f\u00fcr Ged\u00e4chtnis, Konzentration und Logik finden Sie auf trainmybrain.ch, unserer Plattform f\u00fcr kognitive Spiele. Ein Farbwort erscheint, zum Beispiel ROT. Tippen Sie auf die Farbe, in der es geschrieben ist. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fahrtauglich.ch\/fr\/praxisportal\/farben-falle\/\" \/>\n<meta property=\"og:site_name\" content=\"Fahrtauglich\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T15:04:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/farben-falle\\\/\",\"url\":\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/farben-falle\\\/\",\"name\":\"Farben-Falle\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#website\"},\"datePublished\":\"2025-04-05T19:20:51+00:00\",\"dateModified\":\"2026-10-12T15:04:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/farben-falle\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/farben-falle\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/farben-falle\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/fahrtauglich.ch\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Praxisportal\",\"item\":\"https:\\\/\\\/fahrtauglich.ch\\\/praxisportal\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Farben-Falle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#website\",\"url\":\"https:\\\/\\\/fahrtauglich.ch\\\/\",\"name\":\"Fahrtauglich\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fahrtauglich.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#organization\",\"name\":\"Fahrtauglich\",\"url\":\"https:\\\/\\\/fahrtauglich.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fahrtauglich.ch\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-Logo-2.jpg\",\"contentUrl\":\"https:\\\/\\\/fahrtauglich.ch\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/cropped-Logo-2.jpg\",\"width\":307,\"height\":188,\"caption\":\"Fahrtauglich\"},\"image\":{\"@id\":\"https:\\\/\\\/fahrtauglich.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Farben-Falle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fahrtauglich.ch\/fr\/praxisportal\/farben-falle\/","og_locale":"fr_FR","og_type":"article","og_title":"Farben-Falle","og_description":"Farben-Falle Nennen Sie die Farbe, in der ein Wort geschrieben ist, nicht das Wort selbst. Klingt einfach, doch Ihr Gehirn liest automatisch mit. Weitere Spiele f\u00fcr Ged\u00e4chtnis, Konzentration und Logik finden Sie auf trainmybrain.ch, unserer Plattform f\u00fcr kognitive Spiele. Ein Farbwort erscheint, zum Beispiel ROT. Tippen Sie auf die Farbe, in der es geschrieben ist. [&hellip;]","og_url":"https:\/\/fahrtauglich.ch\/fr\/praxisportal\/farben-falle\/","og_site_name":"Fahrtauglich","article_modified_time":"2026-10-12T15:04:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fahrtauglich.ch\/praxisportal\/farben-falle\/","url":"https:\/\/fahrtauglich.ch\/praxisportal\/farben-falle\/","name":"Farben-Falle","isPartOf":{"@id":"https:\/\/fahrtauglich.ch\/#website"},"datePublished":"2025-04-05T19:20:51+00:00","dateModified":"2026-10-12T15:04:48+00:00","breadcrumb":{"@id":"https:\/\/fahrtauglich.ch\/praxisportal\/farben-falle\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fahrtauglich.ch\/praxisportal\/farben-falle\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fahrtauglich.ch\/praxisportal\/farben-falle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/fahrtauglich.ch\/"},{"@type":"ListItem","position":2,"name":"Praxisportal","item":"https:\/\/fahrtauglich.ch\/praxisportal\/"},{"@type":"ListItem","position":3,"name":"Farben-Falle"}]},{"@type":"WebSite","@id":"https:\/\/fahrtauglich.ch\/#website","url":"https:\/\/fahrtauglich.ch\/","name":"Fahrtauglich","description":"","publisher":{"@id":"https:\/\/fahrtauglich.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fahrtauglich.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/fahrtauglich.ch\/#organization","name":"Fahrtauglich","url":"https:\/\/fahrtauglich.ch\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/fahrtauglich.ch\/#\/schema\/logo\/image\/","url":"https:\/\/fahrtauglich.ch\/wp-content\/uploads\/2024\/08\/cropped-Logo-2.jpg","contentUrl":"https:\/\/fahrtauglich.ch\/wp-content\/uploads\/2024\/08\/cropped-Logo-2.jpg","width":307,"height":188,"caption":"Fahrtauglich"},"image":{"@id":"https:\/\/fahrtauglich.ch\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"fahrtauglich.ch","author_link":"https:\/\/fahrtauglich.ch\/fr\/blog\/author\/mintcream-quetzal-259960-hostingersite-com\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Farben-Falle Nennen Sie die Farbe, in der ein Wort geschrieben ist, nicht das Wort selbst. Klingt einfach, doch Ihr Gehirn liest automatisch mit. Weitere Spiele f\u00fcr Ged\u00e4chtnis, Konzentration und Logik finden Sie auf trainmybrain.ch, unserer Plattform f\u00fcr kognitive Spiele. Ein Farbwort erscheint, zum Beispiel ROT. Tippen Sie auf die Farbe, in der es geschrieben ist.\u2026","_links":{"self":[{"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/pages\/5977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/comments?post=5977"}],"version-history":[{"count":17,"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/pages\/5977\/revisions"}],"predecessor-version":[{"id":8610,"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/pages\/5977\/revisions\/8610"}],"up":[{"embeddable":true,"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/pages\/1467"}],"wp:attachment":[{"href":"https:\/\/fahrtauglich.ch\/fr\/wp-json\/wp\/v2\/media?parent=5977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}