{"id":459109,"date":"2025-12-27T19:10:32","date_gmt":"2025-12-27T18:10:32","guid":{"rendered":"https:\/\/www.dynseo.com\/nos-outils\/gesichtsausdruck-decoder\/"},"modified":"2026-03-08T10:59:42","modified_gmt":"2026-03-08T09:59:42","slug":"gesichtsausdruck-decoder","status":"publish","type":"page","link":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/","title":{"rendered":"Gesichtsausdruck Decoder"},"content":{"rendered":"


\n
\n
\n
\n
\n Gesichtsausdruck Decoder – DYNSEO<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary-blue: #5e5ed7;\n --secondary-blue: #5268c9;\n --mint-accent: #a9e2e4;\n --yellow-highlight: #ffeca7;\n --rose-cta: #e73469;\n --bg-page: #f8f8fd;\n --bg-white: #ffffff;\n --text-primary: #1a1a2e;\n --text-secondary: #555;\n --border-light: rgba(94, 94, 215, 0.15);\n --shadow-soft: 0 4px 20px rgba(0,0,0,.06);\n }<\/p>\n<p> * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }<\/p>\n<p> body {\n font-family: \"Poppins\", sans-serif;\n background: var(--bg-page);\n color: var(--text-primary);\n line-height: 1.6;\n }<\/p>\n<p> .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }<\/p>\n<p> \/* Header Hero *\/\n .hero-section {\n background: linear-gradient(135deg, var(--mint-accent) 0%, #d9f4f5 100%);\n border-radius: 22px;\n padding: 40px 30px;\n text-align: center;\n margin-bottom: 30px;\n }<\/p>\n<p> .hero-pill {\n display: inline-block;\n background: #fff8d6;\n color: #b8960a;\n border-radius: 30px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n margin-bottom: 16px;\n }<\/p>\n<p> .hero-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n display: block;\n }<\/p>\n<p> h1 {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: var(--text-primary);\n margin-bottom: 12px;\n }<\/p>\n<p> .hero-subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n }<\/p>\n<p> \/* Section Cards *\/\n .section-card {\n background: var(--bg-white);\n border-radius: 22px;\n padding: 32px;\n margin-bottom: 24px;\n box-shadow: var(--shadow-soft);\n border: 1px solid var(--border-light);\n }<\/p>\n<p> .section-title {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.4rem;\n color: var(--text-primary);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n }<\/p>\n<p> .section-subtitle {\n color: var(--text-secondary);\n margin-bottom: 24px;\n font-size: 0.95rem;\n }<\/p>\n<p> \/* Emotions Grid *\/\n .emotions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n margin-bottom: 24px;\n }<\/p>\n<p> .emotion-card {\n background: var(--bg-white);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n position: relative;\n overflow: hidden;\n }<\/p>\n<p> .emotion-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n border-radius: 16px;\n transition: opacity 0.3s ease;\n }<\/p>\n<p> .emotion-card.joie::before { background: linear-gradient(135deg, #ffeca7, #fff8d6); }\n .emotion-card.tristesse::before { background: linear-gradient(135deg, #a9e2e4, #d9f4f5); }\n .emotion-card.colere::before { background: linear-gradient(135deg, #f9b8ca, #fde0e8); }\n .emotion-card.peur::before { background: linear-gradient(135deg, #c5c5f0, #e2e2f9); }\n .emotion-card.surprise::before { background: linear-gradient(135deg, #ffeca7, #fff8d6); }\n .emotion-card.degout::before { background: linear-gradient(135deg, #a9e2e4, #d9f4f5); }<\/p>\n<p> .emotion-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(0,0,0,.12);\n }<\/p>\n<p> .emotion-card:hover::before {\n opacity: 0.2;\n }<\/p>\n<p> .emotion-card.active {\n border-color: var(--primary-blue);\n box-shadow: 0 8px 25px rgba(94, 94, 215, 0.25);\n }<\/p>\n<p> .emotion-face {\n font-size: 3rem;\n margin-bottom: 12px;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> .emotion-name {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n position: relative;\n z-index: 1;\n }<\/p>\n<p> \/* Detail Panels *\/\n .detail-panel {\n display: none;\n margin-top: 24px;\n border-radius: 18px;\n overflow: hidden;\n background: var(--bg-white);\n box-shadow: var(--shadow-soft);\n }<\/p>\n<p> .detail-panel.active {\n display: block;\n }<\/p>\n<p> .detail-header {\n padding: 24px 32px;\n display: flex;\n align-items: center;\n gap: 16px;\n font-size: 1.5rem;\n }<\/p>\n<p> .detail-header.joie { background: linear-gradient(135deg, #fff8d6, #ffeca7); }\n .detail-header.tristesse { background: linear-gradient(135deg, #d9f4f5, #a9e2e4); }\n .detail-header.colere { background: linear-gradient(135deg, #fde0e8, #f9b8ca); }\n .detail-header.peur { background: linear-gradient(135deg, #e2e2f9, #c5c5f0); }\n .detail-header.surprise { background: linear-gradient(135deg, #fff8d6, #ffeca7); }\n .detail-header.degout { background: linear-gradient(135deg, #d9f4f5, #a9e2e4); }<\/p>\n<p> .detail-face {\n font-size: 2.5rem;\n }<\/p>\n<p> .detail-title {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n font-size: 1.4rem;\n }<\/p>\n<p> .detail-content {\n padding: 32px;\n background: var(--bg-white);\n }<\/p>\n<p> .detail-section {\n margin-bottom: 28px;\n }<\/p>\n<p> .detail-section:last-child {\n margin-bottom: 0;\n }<\/p>\n<p> .detail-section h4 {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--secondary-blue);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n }<\/p>\n<p> \/* Indices Grid *\/\n .indices-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }<\/p>\n<p> .indice-card {\n background: #ededfc;\n border-radius: 14px;\n padding: 16px 12px;\n text-align: center;\n }<\/p>\n<p> .indice-card .part {\n font-size: 1.8rem;\n margin-bottom: 8px;\n }<\/p>\n<p> .indice-card .label {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--secondary-blue);\n margin-bottom: 6px;\n }<\/p>\n<p> .indice-card .desc {\n font-size: 0.8rem;\n color: var(--text-secondary);\n line-height: 1.3;\n }<\/p>\n<p> \/* Feeling Box *\/\n .feeling-box {\n background: #ededfc;\n border-radius: 16px;\n padding: 20px;\n font-size: 0.95rem;\n line-height: 1.5;\n }<\/p>\n<p> \/* Reactions List *\/\n .reactions-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }<\/p>\n<p> .reaction-item {\n background: #ededfc;\n border-radius: 14px;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 0.9rem;\n }<\/p>\n<p> .reaction-icon {\n font-size: 1.2rem;\n }<\/p>\n<p> \/* Quiz Section *\/\n .quiz-section {\n background: linear-gradient(135deg, #e2e2f9, #ededfc);\n border: 2px solid #c5c5f0;\n }<\/p>\n<p> .quiz-section .section-title {\n color: var(--secondary-blue);\n }<\/p>\n<p> .quiz-faces {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }<\/p>\n<p> .quiz-face {\n font-size: 3rem;\n cursor: pointer;\n padding: 16px;\n background: var(--bg-white);\n border-radius: 16px;\n border: 3px solid transparent;\n transition: all 0.2s ease;\n }<\/p>\n<p> .quiz-face:hover {\n transform: scale(1.05);\n }<\/p>\n<p> .quiz-face.correct {\n border-color: #22C55E;\n background: #DCFCE7;\n }<\/p>\n<p> .quiz-face.wrong {\n border-color: var(--rose-cta);\n background: #fde0e8;\n }<\/p>\n<p> .quiz-question {\n text-align: center;\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 20px;\n }<\/p>\n<p> .quiz-result {\n text-align: center;\n padding: 16px;\n border-radius: 16px;\n font-weight: 700;\n display: none;\n margin-top: 16px;\n }<\/p>\n<p> .quiz-result.correct {\n background: #DCFCE7;\n color: #166534;\n }<\/p>\n<p> .quiz-result.wrong {\n background: #fde0e8;\n color: #991B1B;\n }<\/p>\n<p> .quiz-result.show {\n display: block;\n }<\/p>\n<p> .quiz-btn {\n display: block;\n margin: 16px auto 0;\n padding: 14px 34px;\n background: var(--secondary-blue);\n color: white;\n border: none;\n border-radius: 30px;\n font-family: \"Poppins\", sans-serif;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n }<\/p>\n<p> .quiz-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(82, 104, 201, 0.25);\n }<\/p>\n<p> \/* Actions Bar *\/\n .actions-bar {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 30px;\n }<\/p>\n<p> .action-btn {\n padding: 14px 34px;\n border-radius: 30px;\n font-family: \"Poppins\", sans-serif;\n font-weight: 700;\n font-size: 0.9rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n border: none;\n transition: all 0.3s ease;\n text-decoration: none;\n }<\/p>\n<p> .action-btn.print {\n background: var(--rose-cta);\n color: white;\n box-shadow: 0 4px 16px rgba(231, 52, 105, 0.25);\n }<\/p>\n<p> .action-btn.reset {\n background: transparent;\n color: var(--secondary-blue);\n border: 2px solid var(--secondary-blue);\n }<\/p>\n<p> .action-btn:hover {\n transform: translateY(-2px);\n }<\/p>\n<p> \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 40px;\n padding: 20px;\n color: var(--text-secondary);\n font-size: 0.85rem;\n }<\/p>\n<p> .footer a {\n color: var(--secondary-blue);\n text-decoration: none;\n font-weight: 600;\n }<\/p>\n<p> \/* Responsive *\/\n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }<\/p>\n<p> .section-card {\n padding: 24px 20px;\n }<\/p>\n<p> .detail-content {\n padding: 24px 20px;\n }<\/p>\n<p> .emotions-grid {\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }<\/p>\n<p> .indices-grid {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n }<\/p>\n<p> @media print {\n body { background: white; }\n .actions-bar, .quiz-section { display: none !important; }\n .section-card, .hero-section { box-shadow: none; border: 1px solid #ccc; break-inside: avoid; }\n .detail-panel { display: block !important; }\n }\n <\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<div class=\"container\">\n<div class=\"hero-section\">\n <span class=\"hero-pill\">Lernhilfe<\/span><br \/>\n <span class=\"hero-icon\">\ud83d\ude0a<\/span><\/p>\n<h1>Gesichtsausdruck <span style=\"background: linear-gradient(135deg, #ffeca7, #b8960a); padding: 2px 8px; border-radius: 6px; font-size: 0.8em;\">Decoder<\/span><\/h1>\n<p class=\"hero-subtitle\">Lernen, Emotionen auf Gesichtern zu erkennen<\/p>\n<\/p><\/div>\n<div class=\"section-card\">\n<h2 class=\"section-title\">\ud83c\udfad Die 6 Grundemotionen<\/h2>\n<p class=\"section-subtitle\">Klicke auf eine Emotion, um die Details zu sehen<\/p>\n<div class=\"emotions-grid\">\n<div class=\"emotion-card joie\" onclick=\"showPanel('joie')\">\n<div class=\"emotion-face\">\ud83d\ude0a<\/div>\n<div class=\"emotion-name\">Freude<\/div>\n<\/p><\/div>\n<div class=\"emotion-card tristesse\" onclick=\"showPanel('tristesse')\">\n<div class=\"emotion-face\">\ud83d\ude22<\/div>\n<div class=\"emotion-name\">Traurigkeit<\/div>\n<\/p><\/div>\n<div class=\"emotion-card colere\" onclick=\"showPanel('colere')\">\n<div class=\"emotion-face\">\ud83d\ude20<\/div>\n<div class=\"emotion-name\">Wut<\/div>\n<\/p><\/div>\n<div class=\"emotion-card peur\" onclick=\"showPanel('peur')\">\n<div class=\"emotion-face\">\ud83d\ude28<\/div>\n<div class=\"emotion-name\">Angst<\/div>\n<\/p><\/div>\n<div class=\"emotion-card surprise\" onclick=\"showPanel('surprise')\">\n<div class=\"emotion-face\">\ud83d\ude32<\/div>\n<div class=\"emotion-name\">\u00dcberraschung<\/div>\n<\/p><\/div>\n<div class=\"emotion-card degout\" onclick=\"showPanel('degout')\">\n<div class=\"emotion-face\">\ud83e\udd22<\/div>\n<div class=\"emotion-name\">Ekel<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Detail Panels --><\/p>\n<div id=\"panel-joie\" class=\"detail-panel\">\n<div class=\"detail-header joie\">\n <span class=\"detail-face\">\ud83d\ude0a<\/span><br \/>\n <span class=\"detail-title\">Die Freude<\/span>\n <\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Zusammengekniffen, gl\u00e4nzend, „Augenl\u00e4cheln“<\/div>\n<\/p><\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude0a<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Ecken nach oben, L\u00e4cheln<\/div>\n<\/p><\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude42<\/div>\n<div class=\"label\">Wangen<\/div>\n<div class=\"desc\">Hochgezogen, sichtbare Wangenknochen<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie ist zufrieden, gl\u00fccklich, etwas Gutes passiert ihr oder sie denkt an etwas Angenehmes.<\/div>\n<\/p><\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\ude0a<\/span> Zur\u00fcckl\u00e4cheln<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udcac<\/span> Freude teilen: „Du siehst gl\u00fccklich aus!“<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, was sie gl\u00fccklich macht<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"panel-tristesse\" class=\"detail-panel\">\n<div class=\"detail-header tristesse\">\n <span class=\"detail-face\">\ud83d\ude22<\/span><br \/>\n <span class=\"detail-title\">Die Traurigkeit<\/span>\n <\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Gesenkt, tr\u00e4nenreich, leerer Blick<\/div>\n<\/p><\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude14<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Ecken nach unten, zitternde Lippen<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude1e<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Innenseite angehoben, dreieckige Form<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie ist ungl\u00fccklich, etwas Trauriges ist passiert, sie hat vielleicht etwas verloren oder vermisst jemanden.<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\udd17<\/span> Eine Umarmung oder Pr\u00e4senz anbieten<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udc42<\/span> Zuh\u00f6ren: „M\u00f6chtest du dar\u00fcber sprechen?“<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udc9a<\/span> Empathie zeigen: „Ich bin f\u00fcr dich da“<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-colere\" class=\"detail-panel\">\n<div class=\"detail-header colere\">\n<span class=\"detail-face\">\ud83d\ude20<\/span><br \/>\n<span class=\"detail-title\">Die Wut<\/span>\n<\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Fixiert, intensiver Blick, verengte Pupillen<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude24<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Zusammengezogen, in der Mitte nah beieinander<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude2c<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Lippen zusammengepresst oder Z\u00e4hne sichtbar<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie ist w\u00fctend, etwas hat sie ver\u00e4rgert oder sie findet eine Situation ungerecht. Sie muss sich beruhigen.<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\uddd8<\/span> Ruhig bleiben, nicht auch w\u00fctend werden<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udeb6<\/span> Wenn n\u00f6tig, Abstand geben<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u23f0<\/span> Warten, bis sie sich beruhigt hat, bevor man spricht<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-peur\" class=\"detail-panel\">\n<div class=\"detail-header peur\">\n<span class=\"detail-face\">\ud83d\ude28<\/span><br \/>\n<span class=\"detail-title\">Die Angst<\/span>\n<\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Weit ge\u00f6ffnet, geweitet<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude30<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Hochgezogen, nah beieinander<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude27<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Offen, Ecken nach hinten gezogen<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie hat Angst vor etwas, f\u00fchlt sich in Gefahr oder bedroht. Sie k\u00f6nnte Beruhigung brauchen.<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\udd1d<\/span> Beruhigen: „Du bist in Sicherheit“<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, was Angst macht<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udcaa<\/span> Hilfe anbieten<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-surprise\" class=\"detail-panel\">\n<div class=\"detail-header surprise\">\n<span class=\"detail-face\">\ud83d\ude32<\/span><br \/>\n<span class=\"detail-title\">Die \u00dcberraschung<\/span>\n<\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Weit ge\u00f6ffnet, hohe Augenbrauen<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude2e<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Offen in Form eines „O“<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude2f<\/div>\n<div class=\"label\">Stirn<\/div>\n<div class=\"desc\">Sichtbare horizontale Falten<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie hat damit nicht gerechnet! Etwas Unerwartetes ist passiert. Die \u00dcberraschung kann gut oder schlecht sein.<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u23f3<\/span> Ihr Zeit geben, um es zu realisieren<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, ob es eine gute \u00dcberraschung ist<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\ude0a<\/span> Den Moment teilen, wenn es positiv ist<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"panel-degout\" class=\"detail-panel\">\n<div class=\"detail-header degout\">\n<span class=\"detail-face\">\ud83e\udd22<\/span><br \/>\n<span class=\"detail-title\">Der Ekel<\/span>\n<\/div>\n<div class=\"detail-content\">\n<div class=\"detail-section\">\n<h4>\ud83d\udd0d Wie erkennt man ihn?<\/h4>\n<div class=\"indices-grid\">\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\udc43<\/div>\n<div class=\"label\">Nase<\/div>\n<div class=\"desc\">Zusammengekniffen, Nasenl\u00f6cher angehoben<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude16<\/div>\n<div class=\"label\">Lippe<\/div>\n<div class=\"desc\">Obere Lippe einseitig angehoben<\/div>\n<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude44<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Zusammengekniffen, abgewandter Blick<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Etwas ekelt sie an – ein Geruch, ein Geschmack, eine Situation. Sie m\u00f6chte sich von dieser Sache entfernen.<\/div>\n<\/div>\n<div class=\"detail-section\">\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udeab<\/span> Die Quelle des Ekels entfernen, wenn m\u00f6glich<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2705<\/span> Ihre Meinung respektieren<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udd04<\/span> Eine Alternative anbieten<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"section-card quiz-section\">\n<h2 class=\"section-title\">\ud83c\udfae Quiz: Erkenne die Emotion!<\/h2>\n<div id=\"quizQuestion\" class=\"quiz-question\">Welche Emotion zeigt dieses Gesicht?<\/div>\n<div id=\"quizFaces\" class=\"quiz-faces\"><\/div>\n<div id=\"quizResult\" class=\"quiz-result\"><\/div>\n<p><button class=\"quiz-btn\" onclick=\"newQuiz()\">\ud83d\udd04 Neue Frage<\/button>\n<\/div>\n<div class=\"actions-bar\">\n<button class=\"action-btn print\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Drucken<\/button><br \/>\n<button class=\"action-btn reset\" onclick=\"location.reload()\">\ud83d\udd04 Zur\u00fccksetzen<\/button>\n<\/div>\n<footer style=\"text-align: center; padding: 20px; color: #555; font-family: 'Poppins', sans-serif;\">\nErstellt mit \u2764\ufe0f von <a href=\"https:\/\/dynseo.com\" target=\"_blank\" rel=\"noopener\" style=\"color: #5268c9; text-decoration: none;\">DYNSEO<\/a><br \/>\n<\/footer>\n<\/div>\n<p><script>\nconst emotions = [\n { id: 'joie', face: '\ud83d\ude0a', name: 'Freude' },\n { id: 'tristesse', face: '\ud83d\ude22', name: 'Traurigkeit' },\n { id: 'colere', face: '\ud83d\ude20', name: 'Wut' },\n { id: 'peur', face: '\ud83d\ude28', name: 'Angst' },\n { id: 'surprise', face: '\ud83d\ude32', name: '\u00dcberraschung' },\n { id: 'degout', face: '\ud83e\udd22', name: 'Ekel' }\n];<\/p>\n<p>let currentQuizAnswer = null;<\/p>\n<p>function showEmotion(id) {\n document.querySelectorAll('.emotion-card').forEach(c => c.classList.remove('active'));\n document.querySelectorAll('.detail-panel').forEach(p => p.classList.remove('active'));<\/p>\n<p> document.querySelector(`.emotion-card.${id}`).classList.add('active');\n document.getElementById(`panel-${id}`).classList.add('active');\n}<\/p>\n<p>function newQuiz() {\n const target = emotions[Math.floor(Math.random() * emotions.length)];\n currentQuizAnswer = target.id;<\/p>\n<p> document.getElementById('quizQuestion').innerHTML = `Finde das Gesicht, das zeigt: <strong>${target.name}<\/strong>`;<\/p>\n<p> const shuffled = [...emotions].sort(() => Math.random() - 0.5);\n document.getElementById('quizFaces').innerHTML = shuffled.map(e => \n `<\/p>\n<div class=\"quiz-face\" data-emotion=\"${e.id}\" onclick=\"checkAnswer('${e.id}')\">${e.face}<\/div>\n<p>`\n ).join('');<\/p>\n<p> document.getElementById('quizResult').className = 'quiz-result';\n}<\/p>\n<p>function checkAnswer(selected) {\n const result = document.getElementById('quizResult');\n const faces = document.querySelectorAll('.quiz-face');<\/p>\n<p> faces.forEach(f => {\n f.classList.remove('correct', 'wrong');\n if (f.dataset.emotion === currentQuizAnswer) f.classList.add('correct');\n else if (f.dataset.emotion === selected) f.classList.add('wrong');\n });<\/p>\n<p> if (selected === currentQuizAnswer) {\n result.textContent = '\ud83c\udf89 Bravo! Das ist die richtige Antwort!';\n result.className = 'quiz-result correct show';\n } else {\n const correct = emotions.find(e => e.id === currentQuizAnswer);\n result.textContent = `\u274c Nicht ganz... Es war ${correct.name}`;\n result.className = 'quiz-result wrong show';\n }\n}<\/p>\n<p>document.addEventListener('DOMContentLoaded', () => {\n showEmotion('joie');\n newQuiz();\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gesichtsausdruck Decoder – DYNSEO Lernhilfe \ud83d\ude0a Gesichtsausdruck Decoder Lernen, Emotionen auf Gesichtern zu erkennen \ud83c\udfad Die 6 Grundemotionen Klicke auf eine Emotion, um die Details zu sehen \ud83d\ude0a Freude \ud83d\ude22 Traurigkeit \ud83d\ude20 Wut \ud83d\ude28 Angst \ud83d\ude32 \u00dcberraschung \ud83e\udd22 Ekel \ud83d\ude0a Die Freude \ud83d\udd0d Wie erkennt man sie? \ud83d\udc40 Augen Zusammengekniffen, gl\u00e4nzend, „Augenl\u00e4cheln“ \ud83d\ude0a Mund Ecken […]<\/p>\n","protected":false},"author":4,"featured_media":130227,"parent":477775,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Gesichtsausdruck Decoder - DYNSEO<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --primary-blue: #5e5ed7;\n --secondary-blue: #5268c9;\n --mint-accent: #a9e2e4;\n --yellow-highlight: #ffeca7;\n --rose-cta: #e73469;\n --bg-page: #f8f8fd;\n --bg-white: #ffffff;\n --text-primary: #1a1a2e;\n --text-secondary: #555;\n --border-light: rgba(94, 94, 215, 0.15);\n --shadow-soft: 0 4px 20px rgba(0,0,0,.06);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: \"Poppins\", sans-serif;\n background: var(--bg-page);\n color: var(--text-primary);\n line-height: 1.6;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n }\n\n \/* Header Hero *\/\n .hero-section {\n background: linear-gradient(135deg, var(--mint-accent) 0%, #d9f4f5 100%);\n border-radius: 22px;\n padding: 40px 30px;\n text-align: center;\n margin-bottom: 30px;\n }\n\n .hero-pill {\n display: inline-block;\n background: #fff8d6;\n color: #b8960a;\n border-radius: 30px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n margin-bottom: 16px;\n }\n\n .hero-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n display: block;\n }\n\n h1 {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n font-size: clamp(1.8rem, 4vw, 2.5rem);\n color: var(--text-primary);\n margin-bottom: 12px;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n color: var(--text-secondary);\n }\n\n \/* Section Cards *\/\n .section-card {\n background: var(--bg-white);\n border-radius: 22px;\n padding: 32px;\n margin-bottom: 24px;\n box-shadow: var(--shadow-soft);\n border: 1px solid var(--border-light);\n }\n\n .section-title {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.4rem;\n color: var(--text-primary);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .section-subtitle {\n color: var(--text-secondary);\n margin-bottom: 24px;\n font-size: 0.95rem;\n }\n\n \/* Emotions Grid *\/\n .emotions-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 16px;\n margin-bottom: 24px;\n }\n\n .emotion-card {\n background: var(--bg-white);\n border-radius: 18px;\n padding: 24px 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n position: relative;\n overflow: hidden;\n }\n\n .emotion-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.1;\n border-radius: 16px;\n transition: opacity 0.3s ease;\n }\n\n .emotion-card.joie::before { background: linear-gradient(135deg, #ffeca7, #fff8d6); }\n .emotion-card.tristesse::before { background: linear-gradient(135deg, #a9e2e4, #d9f4f5); }\n .emotion-card.colere::before { background: linear-gradient(135deg, #f9b8ca, #fde0e8); }\n .emotion-card.peur::before { background: linear-gradient(135deg, #c5c5f0, #e2e2f9); }\n .emotion-card.surprise::before { background: linear-gradient(135deg, #ffeca7, #fff8d6); }\n .emotion-card.degout::before { background: linear-gradient(135deg, #a9e2e4, #d9f4f5); }\n\n .emotion-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(0,0,0,.12);\n }\n\n .emotion-card:hover::before {\n opacity: 0.2;\n }\n\n .emotion-card.active {\n border-color: var(--primary-blue);\n box-shadow: 0 8px 25px rgba(94, 94, 215, 0.25);\n }\n\n .emotion-face {\n font-size: 3rem;\n margin-bottom: 12px;\n position: relative;\n z-index: 1;\n }\n\n .emotion-name {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n position: relative;\n z-index: 1;\n }\n\n \/* Detail Panels *\/\n .detail-panel {\n display: none;\n margin-top: 24px;\n border-radius: 18px;\n overflow: hidden;\n background: var(--bg-white);\n box-shadow: var(--shadow-soft);\n }\n\n .detail-panel.active {\n display: block;\n }\n\n .detail-header {\n padding: 24px 32px;\n display: flex;\n align-items: center;\n gap: 16px;\n font-size: 1.5rem;\n }\n\n .detail-header.joie { background: linear-gradient(135deg, #fff8d6, #ffeca7); }\n .detail-header.tristesse { background: linear-gradient(135deg, #d9f4f5, #a9e2e4); }\n .detail-header.colere { background: linear-gradient(135deg, #fde0e8, #f9b8ca); }\n .detail-header.peur { background: linear-gradient(135deg, #e2e2f9, #c5c5f0); }\n .detail-header.surprise { background: linear-gradient(135deg, #fff8d6, #ffeca7); }\n .detail-header.degout { background: linear-gradient(135deg, #d9f4f5, #a9e2e4); }\n\n .detail-face {\n font-size: 2.5rem;\n }\n\n .detail-title {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 800;\n font-size: 1.4rem;\n }\n\n .detail-content {\n padding: 32px;\n background: var(--bg-white);\n }\n\n .detail-section {\n margin-bottom: 28px;\n }\n\n .detail-section:last-child {\n margin-bottom: 0;\n }\n\n .detail-section h4 {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n color: var(--secondary-blue);\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n \/* Indices Grid *\/\n .indices-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }\n\n .indice-card {\n background: #ededfc;\n border-radius: 14px;\n padding: 16px 12px;\n text-align: center;\n }\n\n .indice-card .part {\n font-size: 1.8rem;\n margin-bottom: 8px;\n }\n\n .indice-card .label {\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 0.85rem;\n color: var(--secondary-blue);\n margin-bottom: 6px;\n }\n\n .indice-card .desc {\n font-size: 0.8rem;\n color: var(--text-secondary);\n line-height: 1.3;\n }\n\n \/* Feeling Box *\/\n .feeling-box {\n background: #ededfc;\n border-radius: 16px;\n padding: 20px;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Reactions List *\/\n .reactions-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .reaction-item {\n background: #ededfc;\n border-radius: 14px;\n padding: 14px 18px;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 0.9rem;\n }\n\n .reaction-icon {\n font-size: 1.2rem;\n }\n\n \/* Quiz Section *\/\n .quiz-section {\n background: linear-gradient(135deg, #e2e2f9, #ededfc);\n border: 2px solid #c5c5f0;\n }\n\n .quiz-section .section-title {\n color: var(--secondary-blue);\n }\n\n .quiz-faces {\n display: flex;\n justify-content: center;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 20px;\n }\n\n .quiz-face {\n font-size: 3rem;\n cursor: pointer;\n padding: 16px;\n background: var(--bg-white);\n border-radius: 16px;\n border: 3px solid transparent;\n transition: all 0.2s ease;\n }\n\n .quiz-face:hover {\n transform: scale(1.05);\n }\n\n .quiz-face.correct {\n border-color: #22C55E;\n background: #DCFCE7;\n }\n\n .quiz-face.wrong {\n border-color: var(--rose-cta);\n background: #fde0e8;\n }\n\n .quiz-question {\n text-align: center;\n font-family: \"Montserrat\", sans-serif;\n font-weight: 700;\n font-size: 1.1rem;\n margin-bottom: 20px;\n }\n\n .quiz-result {\n text-align: center;\n padding: 16px;\n border-radius: 16px;\n font-weight: 700;\n display: none;\n margin-top: 16px;\n }\n\n .quiz-result.correct {\n background: #DCFCE7;\n color: #166534;\n }\n\n .quiz-result.wrong {\n background: #fde0e8;\n color: #991B1B;\n }\n\n .quiz-result.show {\n display: block;\n }\n\n .quiz-btn {\n display: block;\n margin: 16px auto 0;\n padding: 14px 34px;\n background: var(--secondary-blue);\n color: white;\n border: none;\n border-radius: 30px;\n font-family: \"Poppins\", sans-serif;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .quiz-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(82, 104, 201, 0.25);\n }\n\n \/* Actions Bar *\/\n .actions-bar {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 16px;\n margin-top: 30px;\n }\n\n .action-btn {\n padding: 14px 34px;\n border-radius: 30px;\n font-family: \"Poppins\", sans-serif;\n font-weight: 700;\n font-size: 0.9rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n border: none;\n transition: all 0.3s ease;\n text-decoration: none;\n }\n\n .action-btn.print {\n background: var(--rose-cta);\n color: white;\n box-shadow: 0 4px 16px rgba(231, 52, 105, 0.25);\n }\n\n .action-btn.reset {\n background: transparent;\n color: var(--secondary-blue);\n border: 2px solid var(--secondary-blue);\n }\n\n .action-btn:hover {\n transform: translateY(-2px);\n }\n\n \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 40px;\n padding: 20px;\n color: var(--text-secondary);\n font-size: 0.85rem;\n }\n\n .footer a {\n color: var(--secondary-blue);\n text-decoration: none;\n font-weight: 600;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .container {\n padding: 15px;\n }\n \n .section-card {\n padding: 24px 20px;\n }\n \n .detail-content {\n padding: 24px 20px;\n }\n \n .emotions-grid {\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 12px;\n }\n \n .indices-grid {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n }\n\n @media print {\n body { background: white; }\n .actions-bar, .quiz-section { display: none !important; }\n .section-card, .hero-section { box-shadow: none; border: 1px solid #ccc; break-inside: avoid; }\n .detail-panel { display: block !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n <div class=\"hero-section\">\n <span class=\"hero-pill\">Lernhilfe<\/span>\n <span class=\"hero-icon\">\ud83d\ude0a<\/span>\n <h1>Gesichtsausdruck <span style=\"background: linear-gradient(135deg, #ffeca7, #b8960a); padding: 2px 8px; border-radius: 6px; font-size: 0.8em;\">Decoder<\/span><\/h1>\n <p class=\"hero-subtitle\">Lernen, Emotionen auf Gesichtern zu erkennen<\/p>\n <\/div>\n\n <div class=\"section-card\">\n <h2 class=\"section-title\">\ud83c\udfad Die 6 Grundemotionen<\/h2>\n <p class=\"section-subtitle\">Klicke auf eine Emotion, um die Details zu sehen<\/p>\n \n <div class=\"emotions-grid\">\n <div class=\"emotion-card joie\" onclick=\"showPanel('joie')\">\n <div class=\"emotion-face\">\ud83d\ude0a<\/div>\n <div class=\"emotion-name\">Freude<\/div>\n <\/div>\n \n <div class=\"emotion-card tristesse\" onclick=\"showPanel('tristesse')\">\n <div class=\"emotion-face\">\ud83d\ude22<\/div>\n <div class=\"emotion-name\">Traurigkeit<\/div>\n <\/div>\n \n <div class=\"emotion-card colere\" onclick=\"showPanel('colere')\">\n <div class=\"emotion-face\">\ud83d\ude20<\/div>\n <div class=\"emotion-name\">Wut<\/div>\n <\/div>\n \n <div class=\"emotion-card peur\" onclick=\"showPanel('peur')\">\n <div class=\"emotion-face\">\ud83d\ude28<\/div>\n <div class=\"emotion-name\">Angst<\/div>\n <\/div>\n \n <div class=\"emotion-card surprise\" onclick=\"showPanel('surprise')\">\n <div class=\"emotion-face\">\ud83d\ude32<\/div>\n <div class=\"emotion-name\">\u00dcberraschung<\/div>\n <\/div>\n \n <div class=\"emotion-card degout\" onclick=\"showPanel('degout')\">\n <div class=\"emotion-face\">\ud83e\udd22<\/div>\n <div class=\"emotion-name\">Ekel<\/div>\n <\/div>\n <\/div>\n\n <!-- Detail Panels -->\n <div id=\"panel-joie\" class=\"detail-panel\">\n <div class=\"detail-header joie\">\n <span class=\"detail-face\">\ud83d\ude0a<\/span>\n <span class=\"detail-title\">Die Freude<\/span>\n <\/div>\n <div class=\"detail-content\">\n <div class=\"detail-section\">\n <h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n <div class=\"indices-grid\">\n <div class=\"indice-card\">\n <div class=\"part\">\ud83d\udc40<\/div>\n <div class=\"label\">Augen<\/div>\n <div class=\"desc\">Zusammengekniffen, gl\u00e4nzend, \"Augenl\u00e4cheln\"<\/div>\n <\/div>\n <div class=\"indice-card\">\n <div class=\"part\">\ud83d\ude0a<\/div>\n <div class=\"label\">Mund<\/div>\n <div class=\"desc\">Ecken nach oben, L\u00e4cheln<\/div>\n <\/div>\n <div class=\"indice-card\">\n <div class=\"part\">\ud83d\ude42<\/div>\n <div class=\"label\">Wangen<\/div>\n <div class=\"desc\">Hochgezogen, sichtbare Wangenknochen<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"detail-section\">\n <h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n <div class=\"feeling-box\">Sie ist zufrieden, gl\u00fccklich, etwas Gutes passiert ihr oder sie denkt an etwas Angenehmes.<\/div>\n <\/div>\n <div class=\"detail-section\">\n <h4>\u2705 Wie reagieren?<\/h4>\n <div class=\"reactions-list\">\n <div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\ude0a<\/span> Zur\u00fcckl\u00e4cheln<\/div>\n <div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udcac<\/span> Freude teilen: \"Du siehst gl\u00fccklich aus!\"<\/div>\n <div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, was sie gl\u00fccklich macht<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"panel-tristesse\" class=\"detail-panel\">\n <div class=\"detail-header tristesse\">\n <span class=\"detail-face\">\ud83d\ude22<\/span>\n <span class=\"detail-title\">Die Traurigkeit<\/span>\n <\/div>\n <div class=\"detail-content\">\n <div class=\"detail-section\">\n <h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n <div class=\"indices-grid\">\n <div class=\"indice-card\">\n <div class=\"part\">\ud83d\udc40<\/div>\n <div class=\"label\">Augen<\/div>\n <div class=\"desc\">Gesenkt, tr\u00e4nenreich, leerer Blick<\/div>\n <\/div>\n <div class=\"indice-card\">\n <div class=\"part\">\ud83d\ude14<\/div>\n <div class=\"label\">Mund<\/div>\n <div class=\"desc\">Ecken nach unten, zitternde Lippen<\/div>\n<div class=\"indice-card\">\n<div class=\"part\">\ud83d\ude1e<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Innenseite angehoben, dreieckige Form<\/div>\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie ist ungl\u00fccklich, etwas Trauriges ist passiert, sie hat vielleicht etwas verloren oder vermisst jemanden.<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\udd17<\/span> Eine Umarmung oder Pr\u00e4senz anbieten<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udc42<\/span> Zuh\u00f6ren: \"M\u00f6chtest du dar\u00fcber sprechen?\"<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udc9a<\/span> Empathie zeigen: \"Ich bin f\u00fcr dich da\"<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div id=\"panel-colere\" class=\"detail-panel\">\n\n<div class=\"detail-header colere\">\n<span class=\"detail-face\">\ud83d\ude20<\/span>\n<span class=\"detail-title\">Die Wut<\/span>\n<\/div>\n<div class=\"detail-content\">\n\n<div class=\"detail-section\">\n\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Fixiert, intensiver Blick, verengte Pupillen<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude24<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Zusammengezogen, in der Mitte nah beieinander<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude2c<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Lippen zusammengepresst oder Z\u00e4hne sichtbar<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie ist w\u00fctend, etwas hat sie ver\u00e4rgert oder sie findet eine Situation ungerecht. Sie muss sich beruhigen.<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\uddd8<\/span> Ruhig bleiben, nicht auch w\u00fctend werden<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udeb6<\/span> Wenn n\u00f6tig, Abstand geben<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u23f0<\/span> Warten, bis sie sich beruhigt hat, bevor man spricht<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div id=\"panel-peur\" class=\"detail-panel\">\n\n<div class=\"detail-header peur\">\n<span class=\"detail-face\">\ud83d\ude28<\/span>\n<span class=\"detail-title\">Die Angst<\/span>\n<\/div>\n<div class=\"detail-content\">\n\n<div class=\"detail-section\">\n\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Weit ge\u00f6ffnet, geweitet<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude30<\/div>\n<div class=\"label\">Augenbrauen<\/div>\n<div class=\"desc\">Hochgezogen, nah beieinander<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude27<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Offen, Ecken nach hinten gezogen<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie hat Angst vor etwas, f\u00fchlt sich in Gefahr oder bedroht. Sie k\u00f6nnte Beruhigung brauchen.<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83e\udd1d<\/span> Beruhigen: \"Du bist in Sicherheit\"<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, was Angst macht<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udcaa<\/span> Hilfe anbieten<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div id=\"panel-surprise\" class=\"detail-panel\">\n\n<div class=\"detail-header surprise\">\n<span class=\"detail-face\">\ud83d\ude32<\/span>\n<span class=\"detail-title\">Die \u00dcberraschung<\/span>\n<\/div>\n<div class=\"detail-content\">\n\n<div class=\"detail-section\">\n\n<h4>\ud83d\udd0d Wie erkennt man sie?<\/h4>\n<div class=\"indices-grid\">\n\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\udc40<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Weit ge\u00f6ffnet, hohe Augenbrauen<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude2e<\/div>\n<div class=\"label\">Mund<\/div>\n<div class=\"desc\">Offen in Form eines \"O\"<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude2f<\/div>\n<div class=\"label\">Stirn<\/div>\n<div class=\"desc\">Sichtbare horizontale Falten<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Sie hat damit nicht gerechnet! Etwas Unerwartetes ist passiert. Die \u00dcberraschung kann gut oder schlecht sein.<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u23f3<\/span> Ihr Zeit geben, um es zu realisieren<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2753<\/span> Fragen, ob es eine gute \u00dcberraschung ist<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\ude0a<\/span> Den Moment teilen, wenn es positiv ist<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div id=\"panel-degout\" class=\"detail-panel\">\n\n<div class=\"detail-header degout\">\n<span class=\"detail-face\">\ud83e\udd22<\/span>\n<span class=\"detail-title\">Der Ekel<\/span>\n<\/div>\n<div class=\"detail-content\">\n\n<div class=\"detail-section\">\n\n<h4>\ud83d\udd0d Wie erkennt man ihn?<\/h4>\n<div class=\"indices-grid\">\n\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\udc43<\/div>\n<div class=\"label\">Nase<\/div>\n<div class=\"desc\">Zusammengekniffen, Nasenl\u00f6cher angehoben<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude16<\/div>\n<div class=\"label\">Lippe<\/div>\n<div class=\"desc\">Obere Lippe einseitig angehoben<\/div>\n\n<\/div>\n<div class=\"indice-card\">\n\n<div class=\"part\">\ud83d\ude44<\/div>\n<div class=\"label\">Augen<\/div>\n<div class=\"desc\">Zusammengekniffen, abgewandter Blick<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\ud83d\udcad Was die Person f\u00fchlt<\/h4>\n<div class=\"feeling-box\">Etwas ekelt sie an - ein Geruch, ein Geschmack, eine Situation. Sie m\u00f6chte sich von dieser Sache entfernen.<\/div>\n\n<\/div>\n<div class=\"detail-section\">\n\n<h4>\u2705 Wie reagieren?<\/h4>\n<div class=\"reactions-list\">\n\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udeab<\/span> Die Quelle des Ekels entfernen, wenn m\u00f6glich<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\u2705<\/span> Ihre Meinung respektieren<\/div>\n<div class=\"reaction-item\"><span class=\"reaction-icon\">\ud83d\udd04<\/span> Eine Alternative anbieten<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div class=\"section-card quiz-section\">\n<h2 class=\"section-title\">\ud83c\udfae Quiz: Erkenne die Emotion!<\/h2>\n<div id=\"quizQuestion\" class=\"quiz-question\">Welche Emotion zeigt dieses Gesicht?<\/div>\n<div id=\"quizFaces\" class=\"quiz-faces\"><\/div>\n<div id=\"quizResult\" class=\"quiz-result\"><\/div>\n<button class=\"quiz-btn\" onclick=\"newQuiz()\">\ud83d\udd04 Neue Frage<\/button>\n<\/div>\n\n<div class=\"actions-bar\">\n<button class=\"action-btn print\" onclick=\"window.print()\">\ud83d\udda8\ufe0f Drucken<\/button>\n<button class=\"action-btn reset\" onclick=\"location.reload()\">\ud83d\udd04 Zur\u00fccksetzen<\/button>\n<\/div>\n\n<footer style=\"text-align: center; padding: 20px; color: #555; font-family: 'Poppins', sans-serif;\">\nErstellt mit \u2764\ufe0f von <a href=\"https:\/\/dynseo.com\" target=\"_blank\" rel=\"noopener\" style=\"color: #5268c9; text-decoration: none;\">DYNSEO<\/a>\n<\/footer>\n\n<\/div>\n\n<script>\nconst emotions = [\n { id: 'joie', face: '\ud83d\ude0a', name: 'Freude' },\n { id: 'tristesse', face: '\ud83d\ude22', name: 'Traurigkeit' },\n { id: 'colere', face: '\ud83d\ude20', name: 'Wut' },\n { id: 'peur', face: '\ud83d\ude28', name: 'Angst' },\n { id: 'surprise', face: '\ud83d\ude32', name: '\u00dcberraschung' },\n { id: 'degout', face: '\ud83e\udd22', name: 'Ekel' }\n];\n\nlet currentQuizAnswer = null;\n\nfunction showEmotion(id) {\n document.querySelectorAll('.emotion-card').forEach(c => c.classList.remove('active'));\n document.querySelectorAll('.detail-panel').forEach(p => p.classList.remove('active'));\n \n document.querySelector(`.emotion-card.${id}`).classList.add('active');\n document.getElementById(`panel-${id}`).classList.add('active');\n}\n\nfunction newQuiz() {\n const target = emotions[Math.floor(Math.random() * emotions.length)];\n currentQuizAnswer = target.id;\n \n document.getElementById('quizQuestion').innerHTML = `Finde das Gesicht, das zeigt: <strong>${target.name}<\/strong>`;\n \n const shuffled = [...emotions].sort(() => Math.random() - 0.5);\n document.getElementById('quizFaces').innerHTML = shuffled.map(e => \n `<div class=\"quiz-face\" data-emotion=\"${e.id}\" onclick=\"checkAnswer('${e.id}')\">${e.face}<\/div>`\n ).join('');\n \n document.getElementById('quizResult').className = 'quiz-result';\n}\n\nfunction checkAnswer(selected) {\n const result = document.getElementById('quizResult');\n const faces = document.querySelectorAll('.quiz-face');\n \n faces.forEach(f => {\n f.classList.remove('correct', 'wrong');\n if (f.dataset.emotion === currentQuizAnswer) f.classList.add('correct');\n else if (f.dataset.emotion === selected) f.classList.add('wrong');\n });\n\n if (selected === currentQuizAnswer) {\n result.textContent = '\ud83c\udf89 Bravo! Das ist die richtige Antwort!';\n result.className = 'quiz-result correct show';\n } else {\n const correct = emotions.find(e => e.id === currentQuizAnswer);\n result.textContent = `\u274c Nicht ganz... Es war ${correct.name}`;\n result.className = 'quiz-result wrong show';\n }\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n showEmotion('joie');\n newQuiz();\n});\n<\/script>\n\n<\/body>\n<\/html>","_et_gb_content_width":"","footnotes":""},"class_list":["post-459109","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele<\/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:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele\" \/>\n<meta property=\"og:description\" content=\"Gesichtsausdruck Decoder - DYNSEO Lernhilfe \ud83d\ude0a Gesichtsausdruck Decoder Lernen, Emotionen auf Gesichtern zu erkennen \ud83c\udfad Die 6 Grundemotionen Klicke auf eine Emotion, um die Details zu sehen \ud83d\ude0a Freude \ud83d\ude22 Traurigkeit \ud83d\ude20 Wut \ud83d\ude28 Angst \ud83d\ude32 \u00dcberraschung \ud83e\udd22 Ekel \ud83d\ude0a Die Freude \ud83d\udd0d Wie erkennt man sie? \ud83d\udc40 Augen Zusammengekniffen, gl\u00e4nzend, "Augenl\u00e4cheln" \ud83d\ude0a Mund Ecken […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/\" \/>\n<meta property=\"og:site_name\" content=\"DYNSEO - Lern-App und Memory-Spiele\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-08T09:59:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/\",\"name\":\"Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"datePublished\":\"2025-12-27T18:10:32+00:00\",\"dateModified\":\"2026-03-08T09:59:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png\",\"width\":2000,\"height\":1500,\"caption\":\"Pflegen Sie Ihre geistige Beweglichkeit durch unsere Aktivit\u00e4ten, die Sie bereichern werden.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/unsere-werkzeuge\\\/gesichtsausdruck-decoder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Unsere Werkzeuge\",\"item\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/nos-outils\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gesichtsausdruck Decoder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/\",\"name\":\"Jeux de m\u00e9moire et stimulation cognitive\",\"description\":\"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#organization\",\"name\":\"DYNSEO\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"contentUrl\":\"https:\\\/\\\/www.dynseo.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/logo-dynseo-new.png\",\"width\":5073,\"height\":1397,\"caption\":\"DYNSEO\"},\"image\":{\"@id\":\"https:\\\/\\\/www.dynseo.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele","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:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/","og_locale":"de_DE","og_type":"article","og_title":"Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele","og_description":"Gesichtsausdruck Decoder - DYNSEO Lernhilfe \ud83d\ude0a Gesichtsausdruck Decoder Lernen, Emotionen auf Gesichtern zu erkennen \ud83c\udfad Die 6 Grundemotionen Klicke auf eine Emotion, um die Details zu sehen \ud83d\ude0a Freude \ud83d\ude22 Traurigkeit \ud83d\ude20 Wut \ud83d\ude28 Angst \ud83d\ude32 \u00dcberraschung \ud83e\udd22 Ekel \ud83d\ude0a Die Freude \ud83d\udd0d Wie erkennt man sie? \ud83d\udc40 Augen Zusammengekniffen, gl\u00e4nzend, \"Augenl\u00e4cheln\" \ud83d\ude0a Mund Ecken […]","og_url":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/","og_site_name":"DYNSEO - Lern-App und Memory-Spiele","article_modified_time":"2026-03-08T09:59:42+00:00","og_image":[{"width":2000,"height":1500,"url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","type":"image\/png"}],"twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/","url":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/","name":"Gesichtsausdruck Decoder - DYNSEO - Lern-App und Memory-Spiele","isPartOf":{"@id":"https:\/\/www.dynseo.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/#primaryimage"},"image":{"@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","datePublished":"2025-12-27T18:10:32+00:00","dateModified":"2026-03-08T09:59:42+00:00","breadcrumb":{"@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/#primaryimage","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2024\/07\/Article-pour-jeux-de-memoire-et-services-educatifs-sur-tablette-1.png","width":2000,"height":1500,"caption":"Pflegen Sie Ihre geistige Beweglichkeit durch unsere Aktivit\u00e4ten, die Sie bereichern werden."},{"@type":"BreadcrumbList","@id":"https:\/\/www.dynseo.com\/de\/unsere-werkzeuge\/gesichtsausdruck-decoder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.dynseo.com\/de\/"},{"@type":"ListItem","position":2,"name":"Unsere Werkzeuge","item":"https:\/\/www.dynseo.com\/de\/nos-outils\/"},{"@type":"ListItem","position":3,"name":"Gesichtsausdruck Decoder"}]},{"@type":"WebSite","@id":"https:\/\/www.dynseo.com\/de\/#website","url":"https:\/\/www.dynseo.com\/de\/","name":"Jeux de m\u00e9moire et stimulation cognitive","description":"Entra\u00eenez votre m\u00e9moire et votre cerveau avec DYNSEO","publisher":{"@id":"https:\/\/www.dynseo.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dynseo.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.dynseo.com\/de\/#organization","name":"DYNSEO","url":"https:\/\/www.dynseo.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.dynseo.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","contentUrl":"https:\/\/www.dynseo.com\/wp-content\/uploads\/2022\/05\/logo-dynseo-new.png","width":5073,"height":1397,"caption":"DYNSEO"},"image":{"@id":"https:\/\/www.dynseo.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/pages\/459109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/comments?post=459109"}],"version-history":[{"count":7,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/pages\/459109\/revisions"}],"predecessor-version":[{"id":511833,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/pages\/459109\/revisions\/511833"}],"up":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/pages\/477775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/media\/130227"}],"wp:attachment":[{"href":"https:\/\/www.dynseo.com\/de\/wp-json\/wp\/v2\/media?parent=459109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}