{"id":296,"date":"2026-03-22T07:19:42","date_gmt":"2026-03-22T06:19:42","guid":{"rendered":"https:\/\/me-matcha.com\/?page_id=296"},"modified":"2026-03-22T09:20:51","modified_gmt":"2026-03-22T08:20:51","slug":"community","status":"publish","type":"page","link":"https:\/\/me-matcha.com\/en\/community\/","title":{"rendered":"Community"},"content":{"rendered":"<div>\n<div style=\"text-align:center;max-width:720px;margin:0 auto;\">\n<div style=\"display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:hsla(140,30%,45%,0.1);color:hsl(140,30%,45%);font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:24px;\">\ud83d\udc65 Community<\/div>\n<h1 style=\"font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;color:hsl(150,20%,15%);line-height:1.1;margin:0 0 24px;\">Dein Matcha.<br \/><span style=\"color:hsl(140,30%,45%);font-style:italic;\">Deine Community.<\/span><\/h1>\n<p style=\"font-family:'DM Sans',sans-serif;font-size:18px;color:hsl(150,10%,45%);line-height:1.7;max-width:560px;margin:0 auto 40px;\">Entdecke deinen Matcha-Typ, finde dein Perfect Match und werde Teil einer Gemeinschaft, die Matcha liebt.<\/p>\n<div style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:16px;\">\n<a href=\"#matcha-typen\" style=\"display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:9999px;background:hsl(140,30%,45%);color:hsl(80,40%,97%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;text-decoration:none;\">\u2728 Matcha Typen entdecken<\/a><br \/>\n<a href=\"#quiz\" style=\"display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:9999px;border:1px solid hsl(140,15%,88%);color:hsl(150,20%,15%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;text-decoration:none;\">Quiz starten<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div>\n<style>\n.mt-card{padding:24px;border-radius:16px;background:hsl(80,30%,95%);border:1px solid hsl(140,15%,88%);transition:all 0.3s;cursor:pointer;}\n.mt-card:hover{border-color:hsla(140,30%,45%,0.3);}\n.mt-card .emoji{font-size:28px;}\n.mt-card .badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;font-weight:500;}\n.mt-card .badge-cozy{background:hsl(140,35%,85%);color:hsl(150,25%,18%);}\n.mt-card .badge-focused{background:hsla(140,30%,45%,0.1);color:hsl(140,30%,45%);}\n.mt-card .badge-sunny{background:hsl(48,100%,90%);color:hsl(40,80%,30%);}\n.mt-card .badge-adventurous{background:hsl(270,50%,93%);color:hsl(270,40%,35%);}\n.mt-card h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:hsl(150,20%,15%);margin:0 0 4px;}\n.mt-card .subtitle{font-family:'DM Sans',sans-serif;font-size:12px;color:hsl(150,10%,45%);margin:0 0 12px;}\n.mt-card .vibe{font-family:'DM Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.15em;color:hsl(140,30%,45%);font-weight:500;}\n.mt-card .desc{font-family:'DM Sans',sans-serif;font-size:14px;color:hsla(150,20%,15%,0.8);line-height:1.6;margin:0 0 12px;display:none;}\n.mt-card.expanded .desc{display:block;}\n.mt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1152px;margin:0 auto;}\n@media(max-width:900px){.mt-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:600px){.mt-grid{grid-template-columns:1fr;}}\n.mt-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;}\n.mt-filters button{padding:8px 20px;border-radius:9999px;font-family:'DM Sans',sans-serif;font-size:14px;border:none;cursor:pointer;transition:all 0.2s;background:hsl(80,25%,90%);color:hsl(150,20%,20%);}\n.mt-filters button.active{background:hsl(140,30%,45%);color:hsl(80,40%,97%);}\n<\/style>\n<div style=\"text-align:center;margin-bottom:48px;\">\n<p style=\"font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 12px;\">13 Pers\u00f6nlichkeiten<\/p>\n<h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 16px;\">Die Matcha Typen<\/h2>\n<p style=\"font-family:'DM Sans',sans-serif;color:hsl(150,10%,45%);max-width:480px;margin:0 auto;\">Jeder Matcha-Drink spiegelt eine Pers\u00f6nlichkeit wider. Welcher bist du?<\/p>\n<\/div>\n<div class=\"mt-filters\">\n<button class=\"active\" onclick=\"filterTypes('all')\">Alle<\/button><br \/>\n<button onclick=\"filterTypes('cozy')\">\u2601\ufe0f Gem\u00fctlich<\/button><br \/>\n<button onclick=\"filterTypes('focused')\">\ud83c\udfaf Fokussiert<\/button><br \/>\n<button onclick=\"filterTypes('sunny')\">\u2600\ufe0f Sonnenschein<\/button><br \/>\n<button onclick=\"filterTypes('adventurous')\">\u2728 Abenteurer<\/button>\n<\/div>\n<div class=\"mt-grid\" id=\"matchaTypesGrid\"><\/div>\n<p><script>\nvar matchaTypes=[\n{name:'Klassischer Matcha Latte',subtitle:'Der Allrounder',emoji:'\u2601\ufe0f',vibe:'calm, effortless & grounded',desc:'Du bist casual und startest leicht. Du bist eine perfekte Balance aus Ruhe und Leichtigkeit. Menschen f\u00fchlen sich bei dir sofort wohl, weil du ihnen das Gef\u00fchl gibst, einfach sie selbst sein zu d\u00fcrfen.',cat:'cozy'},\n{name:'Iced Strawberry Matcha Latte',subtitle:'Der Hingucker',emoji:'\ud83c\udf53',vibe:'radiant, social & main character energy',desc:'Du bist beliebt und attraktiv! Mit deiner offenen und charmanten Art ziehst du Menschen an, die dir gut tun. Du hast eine hohe Ausstrahlung und du bist der Grund, warum andere sich wohlf\u00fchlen.',cat:'sunny'},\n{name:'Mango Matcha Drink',subtitle:'Der Sonnenschein',emoji:'\ud83e\udd6d',vibe:'sunny, fun & free',desc:'Du bist die pure Lebensfreude. Mit dir f\u00fchlt sich alles ein bisschen nach Sommer an \u2013 spontan, leicht und voller Energie. Menschen bewundern, wie du selbst kleine Momente zu etwas Besonderem machst.',cat:'sunny'},\n{name:'Gr\u00fcner Matcha Smoothie',subtitle:'Der Sportliche',emoji:'\ud83d\udcaa',vibe:'focused, strong & unstoppable',desc:'Du bist sportlich, motiviert und hast deine Ziele klar vor Augen. Wenn du dir etwas vornimmst, ziehst du es durch. Du inspirierst andere mit deiner Energie und deinem Selbstbewusstsein.',cat:'focused'},\n{name:'Matcha Coconut Cloud',subtitle:'Der Tr\u00e4umer',emoji:'\ud83c\udf19',vibe:'dreamy, soft & peaceful',desc:'Du lebst ein bisschen in deiner eigenen Welt. Du bist kreativ, sensibel und brauchst Momente der Ruhe. Du tr\u00e4umst gro\u00df, f\u00fchlst tief und findest Sch\u00f6nheit in Dingen, die andere \u00fcbersehen.',cat:'cozy'},\n{name:'Dirty Matcha',subtitle:'Der Workaholic',emoji:'\u26a1',vibe:'driven, intense & high-energy',desc:'Du bist ein echtes Energieb\u00fcndel und Kraftpaket. Du liebst es produktiv zu sein und Dinge zu bewegen. Deine gr\u00f6\u00dfte St\u00e4rke ist dein Ehrgeiz.',cat:'focused'},\n{name:'Matcha Tonic',subtitle:'Der Einzigartige',emoji:'\u2728',vibe:'bold, unique & unforgettable',desc:'Du bist alles \u2013 nur nicht gew\u00f6hnlich. Du liebst es, herauszustechen und deinen eigenen Weg zu gehen. Menschen erinnern sich an dich. Du bist der Star jeder Party.',cat:'adventurous'},\n{name:'White Chocolate Matcha',subtitle:'Der Genie\u00dfer',emoji:'\ud83c\udf6b',vibe:'warm & soft luxury',desc:'Du bist ein echter Genie\u00dfer und eine Naschkatze! Du liebst die sch\u00f6nen Dinge im Leben und wei\u00dft genau, wie man sich etwas g\u00f6nnt.',cat:'adventurous'},\n{name:'Vanilla Matcha',subtitle:'Das Herz der Gruppe',emoji:'\ud83d\udc9b',vibe:'kind, safe & comforting',desc:'Du bist das Herz jeder Freundesgruppe. Empathisch, verst\u00e4ndnisvoll und einf\u00fchlsam! Du h\u00f6rst zu, ohne zu urteilen und schaffst es Menschen wirklich zu sehen.',cat:'cozy'},\n{name:'Matcha-Purist',subtitle:'Der Disziplinierte',emoji:'\ud83c\udfaf',vibe:'minimal, sharp & intentional',desc:'Du wei\u00dft genau was du willst. Du bist diszipliniert und fokussiert. Matcha Tee traditionell \u2013 nur mit Wasser. Kein Schnickschnack.',cat:'focused'},\n{name:'Pumpkin Spice Matcha Latte',subtitle:'Der Gem\u00fctliche',emoji:'\ud83c\udf83',vibe:'cozy, nostalgic & warm',desc:'\"Leaves are falling, Matcha is calling\" \u2013 Du setzt dich f\u00fcr Gem\u00fctlichkeit ein, liebst kleine Routinen, warme Momente und dieses Gef\u00fchl von Zuhause.',cat:'cozy'},\n{name:'Matcha Mojito',subtitle:'Der Abenteurer',emoji:'\ud83c\udf3f',vibe:'playful, wild & adventurous',desc:'Du bist spontan, frech und immer f\u00fcr ein Abenteuer zu haben. Du probierst gerne Neues aus und gehst Risiken ein. Dein Mut macht dich unwiderstehlich.',cat:'adventurous'},\n{name:'Matcha Zimt W\u00f6lkchen',subtitle:'Der Warmherzige',emoji:'\ud83e\udd0e',vibe:'loving, gentle & comforting',desc:'Du bist warmherzig und schenkst Geborgenheit. Du gibst die besten Umarmungen \u2013 im \u00fcbertragenen und im echten Sinne.',cat:'cozy'}\n];\nvar badgeClass={cozy:'badge-cozy',focused:'badge-focused',sunny:'badge-sunny',adventurous:'badge-adventurous'};\nvar badgeLabel={cozy:'Gem\u00fctlich',focused:'Fokussiert',sunny:'Sonnenschein',adventurous:'Abenteurer'};\nfunction renderTypes(list){\nvar g=document.getElementById('matchaTypesGrid');g.innerHTML='';\nlist.forEach(function(d,i){\nvar c=document.createElement('div');c.className='mt-card';c.onclick=function(){c.classList.toggle('expanded')};\nc.innerHTML='<\/p>\n<div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\"><span class=\"emoji\">'+d.emoji+'<\/span><span class=\"badge '+badgeClass[d.cat]+'\">'+badgeLabel[d.cat]+'<\/span><\/div>\n<h3>'+d.name+'<\/h3>\n<p class=\"subtitle\">'+d.subtitle+'<\/p>\n<p class=\"desc\">'+d.desc+'<\/p>\n<p class=\"vibe\">\u2726 '+d.vibe+'<\/p>\n<p>';\ng.appendChild(c);});}\nfunction filterTypes(cat){\ndocument.querySelectorAll('.mt-filters button').forEach(function(b){b.classList.remove('active')});\nevent.target.classList.add('active');\nif(cat==='all') renderTypes(matchaTypes);\nelse renderTypes(matchaTypes.filter(function(d){return d.cat===cat;}));}\nrenderTypes(matchaTypes);\n<\/script>\n<\/div>\n<div>    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');\n\n        .mq-root {\n            --mq-bg: hsl(80 40% 97%);\n            --mq-fg: hsl(150 20% 15%);\n            --mq-primary: hsl(140 30% 45%);\n            --mq-primary-fg: hsl(80 40% 97%);\n            --mq-card: hsl(80 30% 95%);\n            --mq-border: hsl(140 15% 88%);\n            --mq-muted: hsl(150 10% 45%);\n            --mq-accent: hsl(140 35% 85%);\n            --mq-secondary: hsl(80 25% 90%);\n            font-family: 'DM Sans', sans-serif;\n            color: var(--mq-fg);\n            max-width: 720px;\n            margin: 0 auto;\n            padding: 2rem 1.5rem 4rem;\n        }\n\n        .mq-root * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        .mq-root h1, .mq-root h2, .mq-root h3 {\n            font-family: 'Playfair Display', serif;\n        }\n\n        .mq-hero { text-align: center; margin-bottom: 2.5rem; }\n        .mq-hero .mq-label {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.3em;\n            color: var(--mq-primary);\n            margin-bottom: 0.75rem;\n        }\n        .mq-hero h1 {\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: 600;\n            line-height: 1.2;\n        }\n        .mq-hero h1 em {\n            color: var(--mq-primary);\n            font-style: italic;\n        }\n        .mq-hero .mq-sub {\n            color: var(--mq-muted);\n            margin-top: 1rem;\n            max-width: 28rem;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        \/* Progress *\/\n        .mq-progress-wrap { margin-bottom: 2rem; }\n        .mq-progress-info {\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.75rem;\n            color: var(--mq-muted);\n            margin-bottom: 0.5rem;\n        }\n        .mq-progress-bar {\n            height: 6px;\n            background: var(--mq-secondary);\n            border-radius: 999px;\n            overflow: hidden;\n        }\n        .mq-progress-fill {\n            height: 100%;\n            background: var(--mq-primary);\n            border-radius: 999px;\n            transition: width 0.4s ease;\n        }\n\n        \/* Question *\/\n        .mq-question-title {\n            font-size: clamp(1.25rem, 3vw, 1.75rem);\n            font-weight: 600;\n            text-align: center;\n            margin-bottom: 2.5rem;\n        }\n\n        .mq-options {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 1rem;\n        }\n        @media (max-width: 500px) {\n            .mq-options { grid-template-columns: 1fr; }\n        }\n\n        .mq-option {\n            background: var(--mq-card);\n            border: 2px solid var(--mq-border);\n            border-radius: 1rem;\n            padding: 1.25rem;\n            text-align: left;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            font-family: 'DM Sans', sans-serif;\n            font-size: 1rem;\n        }\n        .mq-option:hover {\n            border-color: hsla(140, 30%, 45%, 0.4);\n            background: hsla(140, 35%, 85%, 0.5);\n        }\n        .mq-option.selected {\n            border-color: var(--mq-primary);\n            background: hsla(140, 30%, 45%, 0.1);\n            transform: scale(0.97);\n        }\n        .mq-option .mq-opt-letter {\n            display: block;\n            font-size: 0.7rem;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.15em;\n            color: var(--mq-muted);\n            margin-bottom: 0.25rem;\n        }\n        .mq-option .mq-opt-label { font-weight: 500; }\n\n        \/* Navigation *\/\n        .mq-nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-top: 2.5rem;\n        }\n        .mq-back-btn {\n            background: none;\n            border: none;\n            font-family: 'DM Sans', sans-serif;\n            font-size: 0.875rem;\n            color: var(--mq-muted);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            transition: color 0.2s;\n        }\n        .mq-back-btn:hover { color: var(--mq-fg); }\n        .mq-back-btn:disabled { opacity: 0.3; cursor: not-allowed; }\n        .mq-nav-count { font-size: 0.875rem; color: var(--mq-muted); }\n\n        \/* Result *\/\n        .mq-result { text-align: center; }\n        .mq-result-emoji {\n            width: 6rem;\n            height: 6rem;\n            border-radius: 50%;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 3rem;\n            margin-bottom: 1.5rem;\n        }\n        .mq-result-emoji.type-A { background: linear-gradient(135deg, var(--mq-accent), var(--mq-secondary)); }\n        .mq-result-emoji.type-B { background: linear-gradient(135deg, hsla(140,30%,45%,0.2), var(--mq-accent)); }\n        .mq-result-emoji.type-C { background: linear-gradient(135deg, hsl(50 100% 95%), var(--mq-accent)); }\n        .mq-result-emoji.type-D { background: linear-gradient(135deg, hsl(270 50% 95%), var(--mq-accent)); }\n\n        .mq-result .mq-label {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.3em;\n            color: var(--mq-primary);\n            margin-bottom: 0.5rem;\n        }\n        .mq-result h2 {\n            font-size: clamp(1.75rem, 4vw, 2.5rem);\n            font-weight: 600;\n            margin-bottom: 0.75rem;\n        }\n        .mq-result .mq-result-sub {\n            color: var(--mq-muted);\n            max-width: 28rem;\n            margin: 0 auto 3rem;\n        }\n\n        \/* Drink Cards *\/\n        .mq-drinks { text-align: left; }\n        .mq-drink-card {\n            background: var(--mq-card);\n            border: 1px solid var(--mq-border);\n            border-radius: 1rem;\n            padding: 1.5rem;\n            margin-bottom: 1.25rem;\n            animation: mq-fadeUp 0.4s ease both;\n        }\n        .mq-drink-card:nth-child(2) { animation-delay: 0.1s; }\n        .mq-drink-card:nth-child(3) { animation-delay: 0.2s; }\n        .mq-drink-card:nth-child(4) { animation-delay: 0.3s; }\n        .mq-drink-card:nth-child(5) { animation-delay: 0.4s; }\n\n        @keyframes mq-fadeUp {\n            from { opacity: 0; transform: translateY(1rem); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .mq-drink-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 1rem;\n            margin-bottom: 0.75rem;\n        }\n        .mq-drink-header h3 {\n            font-size: 1.25rem;\n            font-weight: 600;\n        }\n        .mq-drink-sparkle { color: var(--mq-primary); }\n        .mq-drink-desc {\n            font-size: 0.875rem;\n            color: var(--mq-muted);\n            line-height: 1.6;\n            margin-bottom: 0.75rem;\n        }\n        .mq-drink-vibe {\n            font-size: 0.7rem;\n            text-transform: uppercase;\n            letter-spacing: 0.2em;\n            color: var(--mq-primary);\n            font-weight: 500;\n        }\n\n        \/* Action Buttons *\/\n        .mq-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 1rem;\n            justify-content: center;\n            margin-top: 3rem;\n        }\n        .mq-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.75rem 2rem;\n            border-radius: 999px;\n            font-family: 'DM Sans', sans-serif;\n            font-size: 0.875rem;\n            font-weight: 500;\n            letter-spacing: 0.03em;\n            cursor: pointer;\n            transition: all 0.2s;\n            text-decoration: none;\n            border: none;\n        }\n        .mq-btn-outline {\n            background: transparent;\n            border: 1px solid var(--mq-border);\n            color: var(--mq-fg);\n        }\n        .mq-btn-outline:hover { background: var(--mq-accent); }\n        .mq-btn-primary {\n            background: var(--mq-primary);\n            color: var(--mq-primary-fg);\n        }\n        .mq-btn-primary:hover { opacity: 0.9; }\n\n        \/* Animations *\/\n        .mq-slide-enter { animation: mq-slideIn 0.35s ease both; }\n        @keyframes mq-slideIn {\n            from { opacity: 0; transform: translateX(60px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n        .mq-slide-enter-back {\n            animation: mq-slideInBack 0.35s ease both;\n        }\n        @keyframes mq-slideInBack {\n            from { opacity: 0; transform: translateX(-60px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n        .mq-result-enter { animation: mq-scaleIn 0.5s ease both; }\n        @keyframes mq-scaleIn {\n            from { opacity: 0; transform: scale(0.95); }\n            to { opacity: 1; transform: scale(1); }\n        }\n\n        \/* Hide default WP stuff inside quiz *\/\n        .mq-root a { color: inherit; }\n    <\/style>\n\n    <div class=\"mq-root\" id=\"matchaQuiz\">\n        <!-- Hero -->\n        <div class=\"mq-hero\">\n            <p class=\"mq-label\">Pers\u00f6nlichkeitsquiz<\/p>\n            <h1>Welcher Matcha Typ<br><em>bist du?<\/em><\/h1>\n            <p class=\"mq-sub\">Beantworte 7 kurze Fragen und finde dein Perfect Matcha Match.<\/p>\n        <\/div>\n\n        <!-- Progress -->\n        <div class=\"mq-progress-wrap\">\n            <div class=\"mq-progress-info\">\n                <span id=\"mqProgressLabel\">Frage 1 von 7<\/span>\n                <span id=\"mqProgressPct\">0%<\/span>\n            <\/div>\n            <div class=\"mq-progress-bar\">\n                <div class=\"mq-progress-fill\" id=\"mqProgressFill\" style=\"width:0%\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Quiz Content -->\n        <div id=\"mqContent\"><\/div>\n    <\/div>\n\n    <script>\n    (function() {\n        const questions = [\n            { q: \"Wie ist dein Energielevel heute?\", opts: [\n                { label: \"Low\", cat: \"A\" }, { label: \"Medium\", cat: \"C\" },\n                { label: \"High\", cat: \"B\" }, { label: \"Turbo\", cat: \"D\" }\n            ]},\n            { q: \"Dein perfekter Start in den Tag?\", opts: [\n                { label: \"Ruhig, mit einer warmen Tasse\", cat: \"A\" },\n                { label: \"Schnell, ich habe viel vor\", cat: \"B\" },\n                { label: \"Mit Musik und guter Laune\", cat: \"C\" },\n                { label: \"Sport oder Bewegung\", cat: \"D\" }\n            ]},\n            { q: \"Was beschreibt dich am besten?\", opts: [\n                { label: \"Entspannt & vertr\u00e4umt\", cat: \"A\" },\n                { label: \"Ehrgeizig & fokussiert\", cat: \"B\" },\n                { label: \"Sozial & engagiert\", cat: \"C\" },\n                { label: \"Warmherzig & f\u00fcrsorglich\", cat: \"D\" }\n            ]},\n            { q: \"Dein Lieblings-Setting?\", opts: [\n                { label: \"Zuhause\", cat: \"A\" }, { label: \"Caf\u00e9\", cat: \"B\" },\n                { label: \"Party oder Event\", cat: \"C\" }, { label: \"Natur\", cat: \"D\" }\n            ]},\n            { q: \"Dein Geschmack?\", opts: [\n                { label: \"S\u00fc\u00df & cremig\", cat: \"A\" }, { label: \"Pur & intensiv\", cat: \"B\" },\n                { label: \"Frisch & fruchtig\", cat: \"C\" }, { label: \"Ausgefallen & besonders\", cat: \"D\" }\n            ]},\n            { q: \"Dein Wochenende?\", opts: [\n                { label: \"Entspannen & abschalten\", cat: \"A\" },\n                { label: \"Produktiv sein & Dinge erledigen\", cat: \"B\" },\n                { label: \"Mit Freunden unterwegs\", cat: \"C\" },\n                { label: \"Neues ausprobieren\", cat: \"D\" }\n            ]},\n            { q: \"Dein Motto?\", opts: [\n                { label: \"Take it slow\", cat: \"A\" }, { label: \"Hustle hard\", cat: \"B\" },\n                { label: \"Carpe diem\", cat: \"C\" }, { label: \"Stay unique\", cat: \"D\" }\n            ]}\n        ];\n\n        const results = {\n            A: { title: \"Der Gem\u00fctliche\", emoji: \"\u2601\ufe0f\",\n                drinks: [\n                    { name: \"Klassischer Matcha Latte\", vibe: \"calm, effortless & grounded\", desc: \"Du bist casual und startest leicht. Du bist eine perfekte Balance aus Ruhe und Leichtigkeit. Menschen f\u00fchlen sich bei dir sofort wohl, weil du ihnen das Gef\u00fchl gibst, einfach sie selbst sein zu d\u00fcrfen.\" },\n                    { name: \"Matcha Coconut Cloud\", vibe: \"dreamy, soft & peaceful\", desc: \"Du lebst ein bisschen in deiner eigenen Welt. Du bist kreativ, sensibel und brauchst Momente der Ruhe. Du tr\u00e4umst gro\u00df, f\u00fchlst tief und findest Sch\u00f6nheit in Dingen, die andere \u00fcbersehen.\" },\n                    { name: \"Vanilla Matcha\", vibe: \"kind, safe & comforting\", desc: \"Du bist das Herz jeder Freundesgruppe. Empathisch, verst\u00e4ndnisvoll und einf\u00fchlsam! Du h\u00f6rst zu, ohne zu urteilen und schaffst es Menschen wirklich zu sehen.\" },\n                    { name: \"Pumpkin Spice Matcha Latte\", vibe: \"cozy, nostalgic & warm\", desc: \"\\\"Leaves are falling, Matcha is calling\\\" \u2013 Du setzt dich f\u00fcr Gem\u00fctlichkeit ein, liebst kleine Routinen, warme Momente und dieses Gef\u00fchl von Zuhause.\" },\n                    { name: \"Matcha Zimt W\u00f6lkchen\", vibe: \"loving, gentle & comforting\", desc: \"Du bist warmherzig und schenkst Geborgenheit. Du gibst die besten Umarmungen \u2013 im \u00fcbertragenen und im echten Sinne.\" }\n                ]\n            },\n            B: { title: \"Der Fokussierte\", emoji: \"\ud83c\udfaf\",\n                drinks: [\n                    { name: \"Dirty Matcha\", vibe: \"driven, intense & high-energy\", desc: \"Du bist der Workaholic und ein echtes Energieb\u00fcndel. Du liebst es produktiv zu sein und Dinge zu bewegen. Deine gr\u00f6\u00dfte St\u00e4rke ist dein Ehrgeiz.\" },\n                    { name: \"Gr\u00fcner Matcha Smoothie\", vibe: \"focused, strong & unstoppable\", desc: \"Du bist sportlich, motiviert und hast deine Ziele klar vor Augen. Wenn du dir etwas vornimmst, ziehst du es durch. Du inspirierst andere mit deiner Energie und deinem Selbstbewusstsein.\" },\n                    { name: \"Matcha-Purist\", vibe: \"minimal, sharp & intentional\", desc: \"Du wei\u00dft genau was du willst. Du bist diszipliniert und fokussiert. Matcha Tee traditionell \u2013 nur mit Wasser. Kein Schnickschnack.\" }\n                ]\n            },\n            C: { title: \"Der Sonnenschein\", emoji: \"\u2600\ufe0f\",\n                drinks: [\n                    { name: \"Iced Strawberry Matcha Latte\", vibe: \"radiant, social & main character energy\", desc: \"Du bist beliebt und attraktiv! Mit deiner offenen und charmanten Art ziehst du Menschen an, die dir gut tun. Du hast eine hohe Ausstrahlung und du bist der Grund, warum andere sich wohlf\u00fchlen.\" },\n                    { name: \"Mango Matcha Drink\", vibe: \"sunny, fun & free\", desc: \"Du bist die pure Lebensfreude. Mit dir f\u00fchlt sich alles ein bisschen nach Sommer an \u2013 spontan, leicht und voller Energie. Menschen bewundern, wie du selbst kleine Momente zu etwas Besonderem machst.\" }\n                ]\n            },\n            D: { title: \"Der Abenteurer\", emoji: \"\u2728\",\n                drinks: [\n                    { name: \"Matcha Tonic\", vibe: \"bold, unique & unforgettable\", desc: \"Du bist alles \u2013 nur nicht gew\u00f6hnlich. Du liebst es, herauszustechen und deinen eigenen Weg zu gehen. Menschen erinnern sich an dich. Du bist der Star jeder Party.\" },\n                    { name: \"Matcha Mojito\", vibe: \"playful, wild & adventurous\", desc: \"Du bist spontan, frech und immer f\u00fcr ein Abenteuer zu haben. Du probierst gerne Neues aus und gehst Risiken ein. Dein Mut macht dich unwiderstehlich.\" },\n                    { name: \"White Chocolate Matcha\", vibe: \"warm & soft luxury\", desc: \"Du bist ein echter Genie\u00dfer und eine Naschkatze! Du liebst die sch\u00f6nen Dinge im Leben und wei\u00dft genau, wie man sich etwas g\u00f6nnt.\" }\n                ]\n            }\n        };\n\n        let currentQ = 0, answers = [], direction = 1;\n        const content = document.getElementById('mqContent');\n\n        function updateProgress() {\n            const show = currentQ >= questions.length;\n            const pct = ((currentQ + (show ? 0 : 0)) \/ questions.length) * 100;\n            document.getElementById('mqProgressFill').style.width = Math.round(pct) + '%';\n            document.getElementById('mqProgressLabel').textContent = 'Frage ' + Math.min(currentQ + 1, questions.length) + ' von ' + questions.length;\n            document.getElementById('mqProgressPct').textContent = Math.round(pct) + '%';\n        }\n\n        function renderQuestion() {\n            const q = questions[currentQ];\n            const letters = ['A','B','C','D'];\n            const animClass = direction > 0 ? 'mq-slide-enter' : 'mq-slide-enter-back';\n            content.innerHTML = '<div class=\"' + animClass + '\">' +\n                '<h2 class=\"mq-question-title\">' + q.q + '<\/h2>' +\n                '<div class=\"mq-options\">' +\n                q.opts.map(function(o, i) {\n                    return '<button class=\"mq-option\" data-idx=\"' + i + '\" data-cat=\"' + o.cat + '\">' +\n                        '<span class=\"mq-opt-letter\">' + letters[i] + '<\/span>' +\n                        '<span class=\"mq-opt-label\">' + o.label + '<\/span><\/button>';\n                }).join('') +\n                '<\/div>' +\n                '<div class=\"mq-nav\">' +\n                    '<button class=\"mq-back-btn\" id=\"mqBack\"' + (currentQ === 0 ? ' disabled' : '') + '>\u2190 Zur\u00fcck<\/button>' +\n                    '<span class=\"mq-nav-count\">' + (currentQ + 1) + ' \/ ' + questions.length + '<\/span>' +\n                '<\/div>' +\n            '<\/div>';\n\n            content.querySelectorAll('.mq-option').forEach(function(btn) {\n                btn.addEventListener('click', function() {\n                    var idx = parseInt(this.dataset.idx);\n                    var cat = this.dataset.cat;\n                    this.classList.add('selected');\n                    setTimeout(function() {\n                        answers[currentQ] = cat;\n                        if (currentQ < questions.length - 1) {\n                            direction = 1;\n                            currentQ++;\n                            updateProgress();\n                            renderQuestion();\n                        } else {\n                            showResult();\n                        }\n                    }, 350);\n                });\n            });\n\n            var backBtn = document.getElementById('mqBack');\n            if (backBtn) {\n                backBtn.addEventListener('click', function() {\n                    if (currentQ > 0) { direction = -1; currentQ--; updateProgress(); renderQuestion(); }\n                });\n            }\n        }\n\n        function getWinner() {\n            var counts = { A:0, B:0, C:0, D:0 };\n            answers.forEach(function(a) { if (a) counts[a]++; });\n            return Object.entries(counts).sort(function(a,b) { return b[1]-a[1]; })[0][0];\n        }\n\n        function showResult() {\n            var cat = getWinner();\n            var r = results[cat];\n            document.getElementById('mqProgressFill').style.width = '100%';\n            document.getElementById('mqProgressPct').textContent = '100%';\n\n            content.innerHTML = '<div class=\"mq-result mq-result-enter\">' +\n                '<div class=\"mq-result-emoji type-' + cat + '\">' + r.emoji + '<\/div>' +\n                '<p class=\"mq-label\">Dein Matcha Typ<\/p>' +\n                '<h2>' + r.title + '<\/h2>' +\n                '<p class=\"mq-result-sub\">Hier sind deine Perfect Matcha Matches \u2013 Drinks, die genau zu deiner Pers\u00f6nlichkeit passen.<\/p>' +\n                '<div class=\"mq-drinks\">' +\n                r.drinks.map(function(d) {\n                    return '<div class=\"mq-drink-card\">' +\n                        '<div class=\"mq-drink-header\"><h3>' + d.name + '<\/h3><span class=\"mq-drink-sparkle\">\u2726<\/span><\/div>' +\n                        '<p class=\"mq-drink-desc\">' + d.desc + '<\/p>' +\n                        '<p class=\"mq-drink-vibe\">\u2726 ' + d.vibe + '<\/p><\/div>';\n                }).join('') +\n                '<\/div>' +\n                '<div class=\"mq-actions\">' +\n                    '<button class=\"mq-btn mq-btn-outline\" id=\"mqRestart\">\u21ba Nochmal spielen<\/button>' +\n                    '<a href=\"\/rezepte\" class=\"mq-btn mq-btn-primary\">Alle Rezepte entdecken \u2192<\/a>' +\n                '<\/div>' +\n            '<\/div>';\n\n            document.getElementById('mqRestart').addEventListener('click', function() {\n                currentQ = 0; answers = []; direction = 1;\n                updateProgress(); renderQuestion();\n            });\n        }\n\n        updateProgress();\n        renderQuestion();\n    })();\n    <\/script>\n    <\/div>\n<div>\n<style>\n.mr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1152px;margin:0 auto;}\n@media(max-width:900px){.mr-grid{grid-template-columns:repeat(2,1fr);}}\n@media(max-width:600px){.mr-grid{grid-template-columns:1fr;}}\n.mr-card{border-radius:16px;background:hsl(80,30%,95%);border:1px solid hsl(140,15%,88%);overflow:hidden;transition:all 0.3s;}\n.mr-card:hover .mr-img img{transform:scale(1.05);}\n.mr-img{height:192px;overflow:hidden;position:relative;}\n.mr-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}\n.mr-img .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(140,35%,85%);font-size:32px;}\n.mr-lock{position:absolute;inset:0;background:hsla(150,20%,15%,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}\n.mr-lock-inner{text-align:center;color:hsl(80,40%,97%);}\n.mr-lock-inner svg{width:24px;height:24px;margin:0 auto 8px;}\n.mr-lock-inner p{font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;}\n.mr-tag{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:9999px;background:hsla(80,40%,97%,0.8);backdrop-filter:blur(4px);font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:hsl(150,20%,15%);font-weight:500;}\n.mr-body{padding:20px;}\n.mr-body h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:hsl(150,20%,15%);margin:0 0 8px;}\n.mr-meta{display:flex;align-items:center;gap:12px;}\n.mr-meta span{display:inline-flex;align-items:center;gap:4px;font-family:'DM Sans',sans-serif;font-size:12px;color:hsl(150,10%,45%);}\n<\/style>\n<div style=\"text-align:center;margin-bottom:48px;\">\n<p style=\"font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 12px;\">Exklusiv f\u00fcr Members<\/p>\n<h2 style=\"font-family:'Playfair Display',serif;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 16px;\">Member Rezepte<\/h2>\n<p style=\"font-family:'DM Sans',sans-serif;color:hsl(150,10%,45%);max-width:480px;margin:0 auto;\">Entdecke exklusive Matcha-Kreationen \u2013 nur f\u00fcr unsere Community.<\/p>\n<\/div>\n<div class=\"mr-grid\">\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1717398804938-f008d162d7f6-scaled.jpg\" alt=\"Matcha Kokos\"><span class=\"mr-tag\">Community Favorit<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Matcha Kokos<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1717398804885-a6c22b3e5c2f-scaled.jpg\" alt=\"Mango Matcha Latte\"><span class=\"mr-tag\">Sommer Hit<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Mango Matcha Latte<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan m\u00f6glich<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/photo-1631679263367-9095fca628de-scaled.jpg\" alt=\"Matcha Kokos Latte\"><span class=\"mr-tag\">Klassiker<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Matcha Kokos Latte<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 3 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/photo-1705862667467-45491f498cc4-scaled.jpg\" alt=\"Matcha Maracuja Limonade\"><\/p>\n<div class=\"mr-lock\">\n<div class=\"mr-lock-inner\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg><\/p>\n<p>Members only<\/p>\n<\/div>\n<\/div>\n<p><span class=\"mr-tag\">Erfrischend<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Matcha Maracuja Limonade<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1749104028327-a33087ea4f47-scaled.jpg\" alt=\"Matcha Erdbeer Latte\"><\/p>\n<div class=\"mr-lock\">\n<div class=\"mr-lock-inner\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg><\/p>\n<p>Members only<\/p>\n<\/div>\n<\/div>\n<p><span class=\"mr-tag\">Beliebt<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Matcha Erdbeer Latte<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegetarisch<\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"mr-card\">\n<div class=\"mr-img\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/photo-1617892281600-29770cbc6e99-scaled.jpg\" alt=\"Matcha Erdbeer Latte\"><\/p>\n<div class=\"mr-lock\">\n<div class=\"mr-lock-inner\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg><\/p>\n<p>Members only<\/p>\n<\/div>\n<\/div>\n<p><span class=\"mr-tag\">Power Boost<\/span><\/div>\n<div class=\"mr-body\">\n<h3>Dirty Matcha Latte<\/h3>\n<div class=\"mr-meta\"><span>\u23f1 3 Min<\/span><span>\ud83c\udf3f Vegan m\u00f6glich<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"name\":\"Hero\",\"type\":\"section\",\"props\":{\"css\":\".el-section { background-color: hsl(80,40%,97%); }\",\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div style=\\\"text-align:center;max-width:720px;margin:0 auto;\\\">\\n\n\n<div style=\\\"display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:hsla(140,30%,45%,0.1);color:hsl(140,30%,45%);font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.2em;margin-bottom:24px;\\\">\ud83d\udc65 Community<\/div>\n\n\\n\n\n<h1 style=\\\"font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600;color:hsl(150,20%,15%);line-height:1.1;margin:0 0 24px;\\\">Dein Matcha.<br \/><span style=\\\"color:hsl(140,30%,45%);font-style:italic;\\\">Deine Community.<\/span><\/h1>\n\n\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;font-size:18px;color:hsl(150,10%,45%);line-height:1.7;max-width:560px;margin:0 auto 40px;\\\">Entdecke deinen Matcha-Typ, finde dein Perfect Match und werde Teil einer Gemeinschaft, die Matcha liebt.<\/p>\n\n\\n\n\n<div style=\\\"display:flex;flex-wrap:wrap;justify-content:center;gap:16px;\\\">\\n<a href=\\\"#matcha-typen\\\" style=\\\"display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:9999px;background:hsl(140,30%,45%);color:hsl(80,40%,97%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;text-decoration:none;\\\">\u2728 Matcha Typen entdecken<\/a>\\n<a href=\\\"#quiz\\\" style=\\\"display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:9999px;border:1px solid hsl(140,15%,88%);color:hsl(150,20%,15%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;text-decoration:none;\\\">Quiz starten<\/a>\\n<\/div>\n\n\\n<\/div>\n\n\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\"}}]}]}]},{\"name\":\"Matcha Typen\",\"type\":\"section\",\"props\":{\"css\":\".el-section { background-color: hsl(80,30%,95%); }\",\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"large\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n.mt-card{padding:24px;border-radius:16px;background:hsl(80,30%,95%);border:1px solid hsl(140,15%,88%);transition:all 0.3s;cursor:pointer;}\\n.mt-card:hover{border-color:hsla(140,30%,45%,0.3);}\\n.mt-card .emoji{font-size:28px;}\\n.mt-card .badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;font-weight:500;}\\n.mt-card .badge-cozy{background:hsl(140,35%,85%);color:hsl(150,25%,18%);}\\n.mt-card .badge-focused{background:hsla(140,30%,45%,0.1);color:hsl(140,30%,45%);}\\n.mt-card .badge-sunny{background:hsl(48,100%,90%);color:hsl(40,80%,30%);}\\n.mt-card .badge-adventurous{background:hsl(270,50%,93%);color:hsl(270,40%,35%);}\\n.mt-card h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:hsl(150,20%,15%);margin:0 0 4px;}\\n.mt-card .subtitle{font-family:'DM Sans',sans-serif;font-size:12px;color:hsl(150,10%,45%);margin:0 0 12px;}\\n.mt-card .vibe{font-family:'DM Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.15em;color:hsl(140,30%,45%);font-weight:500;}\\n.mt-card .desc{font-family:'DM Sans',sans-serif;font-size:14px;color:hsla(150,20%,15%,0.8);line-height:1.6;margin:0 0 12px;display:none;}\\n.mt-card.expanded .desc{display:block;}\\n.mt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1152px;margin:0 auto;}\\n@media(max-width:900px){.mt-grid{grid-template-columns:repeat(2,1fr);}}\\n@media(max-width:600px){.mt-grid{grid-template-columns:1fr;}}\\n.mt-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;}\\n.mt-filters button{padding:8px 20px;border-radius:9999px;font-family:'DM Sans',sans-serif;font-size:14px;border:none;cursor:pointer;transition:all 0.2s;background:hsl(80,25%,90%);color:hsl(150,20%,20%);}\\n.mt-filters button.active{background:hsl(140,30%,45%);color:hsl(80,40%,97%);}\\n<\/style>\n\n\\n\\n\n\n<div style=\\\"text-align:center;margin-bottom:48px;\\\">\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 12px;\\\">13 Pers\u00f6nlichkeiten<\/p>\n\n\\n\n\n<h2 style=\\\"font-family:'Playfair Display',serif;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 16px;\\\">Die Matcha Typen<\/h2>\n\n\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;color:hsl(150,10%,45%);max-width:480px;margin:0 auto;\\\">Jeder Matcha-Drink spiegelt eine Pers\u00f6nlichkeit wider. Welcher bist du?<\/p>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mt-filters\\\">\\n<button class=\\\"active\\\" onclick=\\\"filterTypes('all')\\\">Alle<\/button>\\n<button onclick=\\\"filterTypes('cozy')\\\">\u2601\ufe0f Gem\u00fctlich<\/button>\\n<button onclick=\\\"filterTypes('focused')\\\">\ud83c\udfaf Fokussiert<\/button>\\n<button onclick=\\\"filterTypes('sunny')\\\">\u2600\ufe0f Sonnenschein<\/button>\\n<button onclick=\\\"filterTypes('adventurous')\\\">\u2728 Abenteurer<\/button>\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mt-grid\\\" id=\\\"matchaTypesGrid\\\"><\/div>\n\n\\n\\n<script>\\nvar matchaTypes=[\\n{name:'Klassischer Matcha Latte',subtitle:'Der Allrounder',emoji:'\u2601\ufe0f',vibe:'calm, effortless & grounded',desc:'Du bist casual und startest leicht. Du bist eine perfekte Balance aus Ruhe und Leichtigkeit. Menschen f\u00fchlen sich bei dir sofort wohl, weil du ihnen das Gef\u00fchl gibst, einfach sie selbst sein zu d\u00fcrfen.',cat:'cozy'},\\n{name:'Iced Strawberry Matcha Latte',subtitle:'Der Hingucker',emoji:'\ud83c\udf53',vibe:'radiant, social & main character energy',desc:'Du bist beliebt und attraktiv! Mit deiner offenen und charmanten Art ziehst du Menschen an, die dir gut tun. Du hast eine hohe Ausstrahlung und du bist der Grund, warum andere sich wohlf\u00fchlen.',cat:'sunny'},\\n{name:'Mango Matcha Drink',subtitle:'Der Sonnenschein',emoji:'\ud83e\udd6d',vibe:'sunny, fun & free',desc:'Du bist die pure Lebensfreude. Mit dir f\u00fchlt sich alles ein bisschen nach Sommer an \u2013 spontan, leicht und voller Energie. Menschen bewundern, wie du selbst kleine Momente zu etwas Besonderem machst.',cat:'sunny'},\\n{name:'Gr\u00fcner Matcha Smoothie',subtitle:'Der Sportliche',emoji:'\ud83d\udcaa',vibe:'focused, strong & unstoppable',desc:'Du bist sportlich, motiviert und hast deine Ziele klar vor Augen. Wenn du dir etwas vornimmst, ziehst du es durch. Du inspirierst andere mit deiner Energie und deinem Selbstbewusstsein.',cat:'focused'},\\n{name:'Matcha Coconut Cloud',subtitle:'Der Tr\u00e4umer',emoji:'\ud83c\udf19',vibe:'dreamy, soft & peaceful',desc:'Du lebst ein bisschen in deiner eigenen Welt. Du bist kreativ, sensibel und brauchst Momente der Ruhe. Du tr\u00e4umst gro\u00df, f\u00fchlst tief und findest Sch\u00f6nheit in Dingen, die andere \u00fcbersehen.',cat:'cozy'},\\n{name:'Dirty Matcha',subtitle:'Der Workaholic',emoji:'\u26a1',vibe:'driven, intense & high-energy',desc:'Du bist ein echtes Energieb\u00fcndel und Kraftpaket. Du liebst es produktiv zu sein und Dinge zu bewegen. Deine gr\u00f6\u00dfte St\u00e4rke ist dein Ehrgeiz.',cat:'focused'},\\n{name:'Matcha Tonic',subtitle:'Der Einzigartige',emoji:'\u2728',vibe:'bold, unique & unforgettable',desc:'Du bist alles \u2013 nur nicht gew\u00f6hnlich. Du liebst es, herauszustechen und deinen eigenen Weg zu gehen. Menschen erinnern sich an dich. Du bist der Star jeder Party.',cat:'adventurous'},\\n{name:'White Chocolate Matcha',subtitle:'Der Genie\u00dfer',emoji:'\ud83c\udf6b',vibe:'warm & soft luxury',desc:'Du bist ein echter Genie\u00dfer und eine Naschkatze! Du liebst die sch\u00f6nen Dinge im Leben und wei\u00dft genau, wie man sich etwas g\u00f6nnt.',cat:'adventurous'},\\n{name:'Vanilla Matcha',subtitle:'Das Herz der Gruppe',emoji:'\ud83d\udc9b',vibe:'kind, safe & comforting',desc:'Du bist das Herz jeder Freundesgruppe. Empathisch, verst\u00e4ndnisvoll und einf\u00fchlsam! Du h\u00f6rst zu, ohne zu urteilen und schaffst es Menschen wirklich zu sehen.',cat:'cozy'},\\n{name:'Matcha-Purist',subtitle:'Der Disziplinierte',emoji:'\ud83c\udfaf',vibe:'minimal, sharp & intentional',desc:'Du wei\u00dft genau was du willst. Du bist diszipliniert und fokussiert. Matcha Tee traditionell \u2013 nur mit Wasser. Kein Schnickschnack.',cat:'focused'},\\n{name:'Pumpkin Spice Matcha Latte',subtitle:'Der Gem\u00fctliche',emoji:'\ud83c\udf83',vibe:'cozy, nostalgic & warm',desc:'\\\"Leaves are falling, Matcha is calling\\\" \u2013 Du setzt dich f\u00fcr Gem\u00fctlichkeit ein, liebst kleine Routinen, warme Momente und dieses Gef\u00fchl von Zuhause.',cat:'cozy'},\\n{name:'Matcha Mojito',subtitle:'Der Abenteurer',emoji:'\ud83c\udf3f',vibe:'playful, wild & adventurous',desc:'Du bist spontan, frech und immer f\u00fcr ein Abenteuer zu haben. Du probierst gerne Neues aus und gehst Risiken ein. Dein Mut macht dich unwiderstehlich.',cat:'adventurous'},\\n{name:'Matcha Zimt W\u00f6lkchen',subtitle:'Der Warmherzige',emoji:'\ud83e\udd0e',vibe:'loving, gentle & comforting',desc:'Du bist warmherzig und schenkst Geborgenheit. Du gibst die besten Umarmungen \u2013 im \u00fcbertragenen und im echten Sinne.',cat:'cozy'}\\n];\\nvar badgeClass={cozy:'badge-cozy',focused:'badge-focused',sunny:'badge-sunny',adventurous:'badge-adventurous'};\\nvar badgeLabel={cozy:'Gem\u00fctlich',focused:'Fokussiert',sunny:'Sonnenschein',adventurous:'Abenteurer'};\\nfunction renderTypes(list){\\nvar g=document.getElementById('matchaTypesGrid');g.innerHTML='';\\nlist.forEach(function(d,i){\\nvar c=document.createElement('div');c.className='mt-card';c.onclick=function(){c.classList.toggle('expanded')};\\nc.innerHTML='\n\n<div style=\\\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;\\\"><span class=\\\"emoji\\\">'+d.emoji+'<\/span><span class=\\\"badge '+badgeClass[d.cat]+'\\\">'+badgeLabel[d.cat]+'<\/span><\/div>\n\n\n\n<h3>'+d.name+'<\/h3>\n\n\n\n<p class=\\\"subtitle\\\">'+d.subtitle+'<\/p>\n\n\n\n<p class=\\\"desc\\\">'+d.desc+'<\/p>\n\n\n\n<p class=\\\"vibe\\\">\u2726 '+d.vibe+'<\/p>\n\n';\\ng.appendChild(c);});}\\nfunction filterTypes(cat){\\ndocument.querySelectorAll('.mt-filters button').forEach(function(b){b.classList.remove('active')});\\nevent.target.classList.add('active');\\nif(cat==='all') renderTypes(matchaTypes);\\nelse renderTypes(matchaTypes.filter(function(d){return d.cat===cat;}));}\\nrenderTypes(matchaTypes);\\n<\/script>\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\"}}]}]}]},{\"name\":\"Community Quiz\",\"type\":\"section\",\"props\":{\"css\":\".el-section { background-color: hsl(80,40%,97%); }\",\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"large\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n.mq-wrap{max-width:672px;margin:0 auto;}\\n.mq-intro{text-align:center;}\\n.mq-start-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;border-radius:9999px;background:hsl(140,30%,45%);color:hsl(80,40%,97%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;border:none;cursor:pointer;transition:opacity 0.2s;}\\n.mq-start-btn:hover{opacity:0.9;}\\n.mq-progress{margin-bottom:32px;}\\n.mq-progress-info{display:flex;justify-content:space-between;font-family:'DM Sans',sans-serif;font-size:12px;color:hsl(150,10%,45%);margin-bottom:8px;}\\n.mq-progress-bar{height:6px;background:hsl(80,25%,90%);border-radius:9999px;overflow:hidden;}\\n.mq-progress-fill{height:100%;background:hsl(140,30%,45%);border-radius:9999px;transition:width 0.4s ease-out;}\\n.mq-question{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;color:hsl(150,20%,15%);text-align:center;margin-bottom:40px;}\\n.mq-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;}\\n@media(max-width:600px){.mq-options{grid-template-columns:1fr;}}\\n.mq-option{padding:20px;border-radius:16px;border:2px solid hsl(140,15%,88%);background:hsl(80,30%,95%);text-align:left;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all 0.3s;}\\n.mq-option:hover{border-color:hsla(140,30%,45%,0.4);background:hsla(140,35%,85%,0.5);}\\n.mq-option.selected{border-color:hsl(140,30%,45%);background:hsla(140,30%,45%,0.1);transform:scale(0.97);}\\n.mq-option .letter{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.15em;color:hsl(150,10%,45%);margin-bottom:4px;}\\n.mq-option .label{color:hsl(150,20%,15%);font-weight:500;font-size:16px;}\\n.mq-nav{display:flex;justify-content:space-between;margin-top:40px;font-family:'DM Sans',sans-serif;font-size:14px;}\\n.mq-back{display:inline-flex;align-items:center;gap:8px;color:hsl(150,10%,45%);background:none;border:none;cursor:pointer;transition:color 0.2s;}\\n.mq-back:hover{color:hsl(150,20%,15%);}\\n.mq-back:disabled{opacity:0.3;cursor:not-allowed;}\\n.mq-result-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;margin-bottom:24px;font-size:48px;}\\n.mq-result-icon.A{background:linear-gradient(135deg,hsl(140,35%,85%),hsl(80,25%,90%));}\\n.mq-result-icon.B{background:linear-gradient(135deg,hsla(140,30%,45%,0.2),hsl(140,35%,85%));}\\n.mq-result-icon.C{background:linear-gradient(135deg,hsl(48,100%,96%),hsl(140,35%,85%));}\\n.mq-result-icon.D{background:linear-gradient(135deg,hsl(270,50%,96%),hsl(140,35%,85%));}\\n.mq-drink-card{padding:24px;border-radius:16px;background:hsl(80,30%,95%);border:1px solid hsl(140,15%,88%);margin-bottom:20px;text-align:left;}\\n.mq-drink-card h4{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:hsl(150,20%,15%);margin:0 0 8px;}\\n.mq-drink-card .d-desc{font-family:'DM Sans',sans-serif;font-size:14px;color:hsl(150,10%,45%);line-height:1.6;margin:0 0 12px;}\\n.mq-drink-card .d-vibe{font-family:'DM Sans',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:0.2em;color:hsl(140,30%,45%);font-weight:500;}\\n.mq-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:48px;}\\n.mq-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:9999px;border:1px solid hsl(140,15%,88%);color:hsl(150,20%,15%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;background:none;cursor:pointer;transition:background 0.2s;text-decoration:none;}\\n.mq-btn-outline:hover{background:hsl(140,35%,85%);}\\n.mq-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:9999px;background:hsl(140,30%,45%);color:hsl(80,40%,97%);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:opacity 0.2s;}\\n.mq-btn-primary:hover{opacity:0.9;}\\n.mq-hidden{display:none!important;}\\n<\/style>\n\n\\n\\n\n\n<div class=\\\"mq-wrap\\\">\\n\n\n<div id=\\\"mqIntro\\\" class=\\\"mq-intro\\\">\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 12px;\\\">Pers\u00f6nlichkeitsquiz<\/p>\n\n\\n\n\n<h2 style=\\\"font-family:'Playfair Display',serif;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 16px;\\\">Welcher Matcha Typ<br \/><span style=\\\"color:hsl(140,30%,45%);font-style:italic;\\\">bist du?<\/span><\/h2>\n\n\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;color:hsl(150,10%,45%);max-width:400px;margin:0 auto 40px;\\\">Beantworte 7 kurze Fragen und finde dein Perfect Matcha Match.<\/p>\n\n\\n<button class=\\\"mq-start-btn\\\" onclick=\\\"startQuiz()\\\">\u2728 Quiz starten<\/button>\\n<\/div>\n\n\\n\n\n<div id=\\\"mqQuiz\\\" class=\\\"mq-hidden\\\">\\n\n\n<div class=\\\"mq-progress\\\">\n\n<div class=\\\"mq-progress-info\\\"><span id=\\\"mqProgLabel\\\"><\/span><span id=\\\"mqProgPct\\\"><\/span><\/div>\n\n\n\n<div class=\\\"mq-progress-bar\\\">\n\n<div class=\\\"mq-progress-fill\\\" id=\\\"mqProgFill\\\" style=\\\"width:0%\\\"><\/div>\n\n<\/div>\n\n<\/div>\n\n\\n\n\n<h3 class=\\\"mq-question\\\" id=\\\"mqQuestion\\\"><\/h3>\n\n\\n\n\n<div class=\\\"mq-options\\\" id=\\\"mqOptions\\\"><\/div>\n\n\\n\n\n<div class=\\\"mq-nav\\\"><button class=\\\"mq-back\\\" id=\\\"mqBack\\\" onclick=\\\"quizBack()\\\">\u2190 Zur\u00fcck<\/button><span id=\\\"mqCounter\\\" style=\\\"font-family:'DM Sans',sans-serif;font-size:14px;color:hsl(150,10%,45%);\\\"><\/span><\/div>\n\n\\n<\/div>\n\n\\n\n\n<div id=\\\"mqResult\\\" class=\\\"mq-hidden\\\" style=\\\"text-align:center;\\\"><\/div>\n\n\\n<\/div>\n\n\\n\\n<script>\\nvar mqQuestions=[\\n{q:'Wie ist dein Energielevel heute?',opts:[{l:'Low',c:'A'},{l:'Medium',c:'C'},{l:'High',c:'B'},{l:'Turbo',c:'D'}]},\\n{q:'Dein perfekter Start in den Tag?',opts:[{l:'Ruhig, mit einer warmen Tasse',c:'A'},{l:'Schnell, ich habe viel vor',c:'B'},{l:'Mit Musik und guter Laune',c:'C'},{l:'Sport oder Bewegung',c:'D'}]},\\n{q:'Was beschreibt dich am besten?',opts:[{l:'Entspannt & vertr\u00e4umt',c:'A'},{l:'Ehrgeizig & fokussiert',c:'B'},{l:'Sozial & engagiert',c:'C'},{l:'Warmherzig & f\u00fcrsorglich',c:'D'}]},\\n{q:'Dein Lieblings-Setting?',opts:[{l:'Zuhause',c:'A'},{l:'Caf\u00e9',c:'B'},{l:'Party oder Event',c:'C'},{l:'Natur',c:'D'}]},\\n{q:'Dein Geschmack?',opts:[{l:'S\u00fc\u00df & cremig',c:'A'},{l:'Pur & intensiv',c:'B'},{l:'Frisch & fruchtig',c:'C'},{l:'Ausgefallen & besonders',c:'D'}]},\\n{q:'Dein Wochenende?',opts:[{l:'Entspannen & abschalten',c:'A'},{l:'Produktiv sein & Dinge erledigen',c:'B'},{l:'Mit Freunden unterwegs',c:'C'},{l:'Neues ausprobieren',c:'D'}]},\\n{q:'Dein Motto?',opts:[{l:'Take it slow',c:'A'},{l:'Hustle hard',c:'B'},{l:'Carpe diem',c:'C'},{l:'Stay unique',c:'D'}]}\\n];\\nvar mqResults={A:{title:'Der Gem\u00fctliche',emoji:'\u2601\ufe0f',drinks:[{n:'Klassischer Matcha Latte',v:'calm, effortless & grounded',d:'Du bist casual und startest leicht. Du bist eine perfekte Balance aus Ruhe und Leichtigkeit.'},{n:'Matcha Coconut Cloud',v:'dreamy, soft & peaceful',d:'Du lebst ein bisschen in deiner eigenen Welt. Du bist kreativ, sensibel und brauchst Momente der Ruhe.'},{n:'Vanilla Matcha',v:'kind, safe & comforting',d:'Du bist das Herz jeder Freundesgruppe. Empathisch, verst\u00e4ndnisvoll und einf\u00fchlsam!'}]},B:{title:'Der Fokussierte',emoji:'\ud83c\udfaf',drinks:[{n:'Dirty Matcha',v:'driven, intense & high-energy',d:'Du bist ein echtes Energieb\u00fcndel. Du liebst es produktiv zu sein und Dinge zu bewegen.'},{n:'Gr\u00fcner Matcha Smoothie',v:'focused, strong & unstoppable',d:'Du bist sportlich, motiviert und hast deine Ziele klar vor Augen.'},{n:'Matcha-Purist',v:'minimal, sharp & intentional',d:'Du wei\u00dft genau was du willst. Kein Schnickschnack.'}]},C:{title:'Der Sonnenschein',emoji:'\u2600\ufe0f',drinks:[{n:'Iced Strawberry Matcha Latte',v:'radiant, social & main character energy',d:'Du bist beliebt und attraktiv! Mit deiner offenen Art ziehst du Menschen an.'},{n:'Mango Matcha Drink',v:'sunny, fun & free',d:'Du bist die pure Lebensfreude. Mit dir f\u00fchlt sich alles nach Sommer an.'}]},D:{title:'Der Abenteurer',emoji:'\u2728',drinks:[{n:'Matcha Tonic',v:'bold, unique & unforgettable',d:'Du bist alles \u2013 nur nicht gew\u00f6hnlich. Du liebst es herauszustechen.'},{n:'Matcha Mojito',v:'playful, wild & adventurous',d:'Du bist spontan, frech und immer f\u00fcr ein Abenteuer zu haben.'},{n:'White Chocolate Matcha',v:'warm & soft luxury',d:'Du bist ein echter Genie\u00dfer und liebst die sch\u00f6nen Dinge im Leben.'}]}};\\nvar mqCur=0,mqAns=[],mqSel=null;\\nfunction startQuiz(){document.getElementById('mqIntro').classList.add('mq-hidden');document.getElementById('mqQuiz').classList.remove('mq-hidden');mqCur=0;mqAns=[];renderQ();}\\nfunction renderQ(){\\nvar q=mqQuestions[mqCur],pct=Math.round((mqCur\/mqQuestions.length)*100);\\ndocument.getElementById('mqProgLabel').textContent='Frage '+(mqCur+1)+' von '+mqQuestions.length;\\ndocument.getElementById('mqProgPct').textContent=pct+'%';\\ndocument.getElementById('mqProgFill').style.width=pct+'%';\\ndocument.getElementById('mqQuestion').textContent=q.q;\\ndocument.getElementById('mqCounter').textContent=(mqCur+1)+' \/ '+mqQuestions.length;\\ndocument.getElementById('mqBack').disabled=mqCur===0;\\nvar opts=document.getElementById('mqOptions');opts.innerHTML='';\\nq.opts.forEach(function(o,i){\\nvar b=document.createElement('button');b.className='mq-option';b.innerHTML='<span class=\\\"letter\\\">'+String.fromCharCode(65+i)+'<\/span><span class=\\\"label\\\">'+o.l+'<\/span>';\\nb.onclick=function(){mqSel=i;b.classList.add('selected');setTimeout(function(){mqAns[mqCur]=o.c;if(mqCur<mqQuestions.length-1){mqCur++;mqSel=null;renderQ();}else{showResult();}},400);};\\nopts.appendChild(b);});}\\nfunction quizBack(){if(mqCur>0){mqCur--;mqSel=null;renderQ();}}\\nfunction showResult(){\\ndocument.getElementById('mqQuiz').classList.add('mq-hidden');\\ndocument.getElementById('mqProgFill').style.width='100%';\\nvar counts={A:0,B:0,C:0,D:0};mqAns.forEach(function(a){if(a)counts[a]++;});\\nvar winner=Object.entries(counts).sort(function(a,b){return b[1]-a[1];})[0][0];\\nvar r=mqResults[winner];\\nvar html='\n\n<div class=\\\"mq-result-icon '+winner+'\\\">'+r.emoji+'<\/div>\n\n';\\nhtml+='\n\n<p style=\\\"font-family:\\\\'DM Sans\\\\',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 8px;\\\">Dein Matcha Typ<\/p>\n\n';\\nhtml+='\n\n<h3 style=\\\"font-family:\\\\'Playfair Display\\\\',serif;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 12px;\\\">'+r.title+'<\/h3>\n\n';\\nhtml+='\n\n<p style=\\\"font-family:\\\\'DM Sans\\\\',sans-serif;color:hsl(150,10%,45%);max-width:400px;margin:0 auto 48px;\\\">Hier sind deine Perfect Matcha Matches.<\/p>\n\n';\\nr.drinks.forEach(function(d){html+='\n\n<div class=\\\"mq-drink-card\\\">\n\n<h4>'+d.n+'<\/h4>\n\n\n\n<p class=\\\"d-desc\\\">'+d.d+'<\/p>\n\n\n\n<p class=\\\"d-vibe\\\">\u2726 '+d.v+'<\/p>\n\n<\/div>\n\n';});\\nhtml+='\n\n<div class=\\\"mq-actions\\\"><button class=\\\"mq-btn-outline\\\" onclick=\\\"restartQuiz()\\\">\u21ba Nochmal spielen<\/button><a href=\\\"\/rezepte\\\" class=\\\"mq-btn-primary\\\">Alle Rezepte entdecken \u2192<\/a><\/div>\n\n';\\ndocument.getElementById('mqResult').innerHTML=html;\\ndocument.getElementById('mqResult').classList.remove('mq-hidden');}\\nfunction restartQuiz(){document.getElementById('mqResult').classList.add('mq-hidden');document.getElementById('mqIntro').classList.remove('mq-hidden');mqCur=0;mqAns=[];mqSel=null;}\\n<\/script>\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"[matcha_quiz]\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}}]}]}]},{\"name\":\"Member Rezepte\",\"type\":\"section\",\"props\":{\"css\":\".el-section { background-color: hsl(80,30%,95%); }\",\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"large\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin_bottom\":\"default\",\"margin_top\":\"default\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-1\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<style>\\n.mr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1152px;margin:0 auto;}\\n@media(max-width:900px){.mr-grid{grid-template-columns:repeat(2,1fr);}}\\n@media(max-width:600px){.mr-grid{grid-template-columns:1fr;}}\\n.mr-card{border-radius:16px;background:hsl(80,30%,95%);border:1px solid hsl(140,15%,88%);overflow:hidden;transition:all 0.3s;}\\n.mr-card:hover .mr-img img{transform:scale(1.05);}\\n.mr-img{height:192px;overflow:hidden;position:relative;}\\n.mr-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}\\n.mr-img .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:hsl(140,35%,85%);font-size:32px;}\\n.mr-lock{position:absolute;inset:0;background:hsla(150,20%,15%,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;}\\n.mr-lock-inner{text-align:center;color:hsl(80,40%,97%);}\\n.mr-lock-inner svg{width:24px;height:24px;margin:0 auto 8px;}\\n.mr-lock-inner p{font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;}\\n.mr-tag{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:9999px;background:hsla(80,40%,97%,0.8);backdrop-filter:blur(4px);font-family:'DM Sans',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.15em;color:hsl(150,20%,15%);font-weight:500;}\\n.mr-body{padding:20px;}\\n.mr-body h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:hsl(150,20%,15%);margin:0 0 8px;}\\n.mr-meta{display:flex;align-items:center;gap:12px;}\\n.mr-meta span{display:inline-flex;align-items:center;gap:4px;font-family:'DM Sans',sans-serif;font-size:12px;color:hsl(150,10%,45%);}\\n<\/style>\n\n\\n\\n\n\n<div style=\\\"text-align:center;margin-bottom:48px;\\\">\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:0.3em;color:hsl(140,30%,45%);margin:0 0 12px;\\\">Exklusiv f\u00fcr Members<\/p>\n\n\\n\n\n<h2 style=\\\"font-family:'Playfair Display',serif;font-size:clamp(1.875rem,4vw,3rem);font-weight:600;color:hsl(150,20%,15%);margin:0 0 16px;\\\">Member Rezepte<\/h2>\n\n\\n\n\n<p style=\\\"font-family:'DM Sans',sans-serif;color:hsl(150,10%,45%);max-width:480px;margin:0 auto;\\\">Entdecke exklusive Matcha-Kreationen \u2013 nur f\u00fcr unsere Community.<\/p>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-grid\\\">\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1717398804938-f008d162d7f6-scaled.jpg\\\" alt=\\\"Matcha Kokos\\\"><span class=\\\"mr-tag\\\">Community Favorit<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Matcha Kokos<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1717398804885-a6c22b3e5c2f-scaled.jpg\\\" alt=\\\"Mango Matcha Latte\\\"><span class=\\\"mr-tag\\\">Sommer Hit<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Mango Matcha Latte<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan m\u00f6glich<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"wp-content\/uploads\/photo-1631679263367-9095fca628de-scaled.jpg\\\" alt=\\\"Matcha Kokos Latte\\\"><span class=\\\"mr-tag\\\">Klassiker<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Matcha Kokos Latte<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 3 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"wp-content\/uploads\/photo-1705862667467-45491f498cc4-scaled.jpg\\\" alt=\\\"Matcha Maracuja Limonade\\\">\n\n<div class=\\\"mr-lock\\\">\n\n<div class=\\\"mr-lock-inner\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\"><rect x=\\\"3\\\" y=\\\"11\\\" width=\\\"18\\\" height=\\\"11\\\" rx=\\\"2\\\"\/><path d=\\\"M7 11V7a5 5 0 0110 0v4\\\"\/><\/svg>\n\n<p>Members only<\/p>\n\n<\/div>\n\n<\/div>\n\n<span class=\\\"mr-tag\\\">Erfrischend<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Matcha Maracuja Limonade<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegan<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"https:\/\/me-matcha.com\/wp-content\/uploads\/photo-1749104028327-a33087ea4f47-scaled.jpg\\\" alt=\\\"Matcha Erdbeer Latte\\\">\n\n<div class=\\\"mr-lock\\\">\n\n<div class=\\\"mr-lock-inner\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\"><rect x=\\\"3\\\" y=\\\"11\\\" width=\\\"18\\\" height=\\\"11\\\" rx=\\\"2\\\"\/><path d=\\\"M7 11V7a5 5 0 0110 0v4\\\"\/><\/svg>\n\n<p>Members only<\/p>\n\n<\/div>\n\n<\/div>\n\n<span class=\\\"mr-tag\\\">Beliebt<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Matcha Erdbeer Latte<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 5 Min<\/span><span>\ud83c\udf3f Vegetarisch<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n\n\n<div class=\\\"mr-card\\\">\\n\n\n<div class=\\\"mr-img\\\"><img src=\\\"wp-content\/uploads\/photo-1617892281600-29770cbc6e99-scaled.jpg\\\" alt=\\\"Matcha Erdbeer Latte\\\">\n\n<div class=\\\"mr-lock\\\">\n\n<div class=\\\"mr-lock-inner\\\"><svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\" stroke-width=\\\"2\\\"><rect x=\\\"3\\\" y=\\\"11\\\" width=\\\"18\\\" height=\\\"11\\\" rx=\\\"2\\\"\/><path d=\\\"M7 11V7a5 5 0 0110 0v4\\\"\/><\/svg>\n\n<p>Members only<\/p>\n\n<\/div>\n\n<\/div>\n\n<span class=\\\"mr-tag\\\">Power Boost<\/span><\/div>\n\n\\n\n\n<div class=\\\"mr-body\\\">\n\n<h3>Dirty Matcha Latte<\/h3>\n\n\n\n<div class=\\\"mr-meta\\\"><span>\u23f1 3 Min<\/span><span>\ud83c\udf3f Vegan m\u00f6glich<\/span><\/div>\n\n<\/div>\n\n\\n<\/div>\n\n\\n\\n<\/div>\n\n\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\"}}]}]}]}],\"version\":\"5.0.24\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc65 Community Dein Matcha.Deine Community. Entdecke deinen Matcha-Typ, finde dein Perfect Match und werde Teil einer Gemeinschaft, die Matcha liebt. \u2728 Matcha Typen entdecken Quiz starten 13 Pers\u00f6nlichkeiten Die Matcha Typen Jeder Matcha-Drink spiegelt eine Pers\u00f6nlichkeit wider. Welcher bist du? Alle \u2601\ufe0f Gem\u00fctlich \ud83c\udfaf Fokussiert \u2600\ufe0f Sonnenschein \u2728 Abenteurer Pers\u00f6nlichkeitsquiz Welcher Matcha Typbist du? Beantworte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-296","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/pages\/296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/comments?post=296"}],"version-history":[{"count":10,"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/pages\/296\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/pages\/296\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/me-matcha.com\/en\/wp-json\/wp\/v2\/media?parent=296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}