{"id":13427,"date":"2026-04-20T01:34:45","date_gmt":"2026-04-19T22:34:45","guid":{"rendered":"https:\/\/mini-talks.org\/financial-model-2\/"},"modified":"2026-04-22T04:01:24","modified_gmt":"2026-04-22T01:01:24","slug":"mini-talks-studio","status":"publish","type":"page","link":"https:\/\/mini-talks.org\/de\/app-studio\/mini-talks-studio\/","title":{"rendered":"Studio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13427\" class=\"elementor elementor-13427\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-83b4d58 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"83b4d58\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e26f755\" data-id=\"e26f755\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-927c65e elementor-widget elementor-widget-html\" data-id=\"927c65e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 PAGE \u2014 HERO INTRO\r\n     Section 0 \u2014 Mini-Talks Studio + Challenge + 4 Chapters\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ INTRO HERO ============ *\/\r\n.l1-intro {\r\n  width: 82%;\r\n  margin: 40px auto 0;\r\n  padding: 20px 0 40px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l1-intro-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Mini-Talks Studio title \u2014 outlined *\/\r\n.l1-intro-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* 4 color bars \u2014 connected, sharp corners, RED-YELLOW-BLUE-GREEN *\/\r\n.l1-intro-bars {\r\n  display: flex;\r\n  gap: 0;\r\n  height: 8px;\r\n  margin-bottom: 22px;\r\n  max-width: 360px;\r\n}\r\n.l1-intro-bars span { flex: 1; height: 100%; }\r\n\r\n.l1-intro-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  max-width: 460px;\r\n}\r\n\r\n\/* Yellow logo card \u2014 clean, no bottom border *\/\r\n.l1-intro-logo-card {\r\n  background: #FFCC00;\r\n  border-radius: 20px;\r\n  padding: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  aspect-ratio: 16 \/ 9;\r\n  max-width: 440px;\r\n  margin-left: auto;\r\n}\r\n.l1-intro-logo-card img {\r\n  max-width: 180px;\r\n  height: auto;\r\n}\r\n\r\n\/* ============ BLUE CHALLENGE SECTION ============ *\/\r\n.l1-challenge {\r\n  background: #0055BF;\r\n  padding: 60px 0 70px;\r\n  width: 100%;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l1-challenge-inner {\r\n  width: 82%;\r\n  margin: 0 auto;\r\n}\r\n.l1-challenge h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.5vw, 48px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.15;\r\n  text-align: center;\r\n}\r\n.l1-challenge-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n  margin: 0 auto 46px;\r\n  max-width: 720px;\r\n}\r\n\r\n\/* Yellow stats brick \u2014 clean, no bottom border *\/\r\n.l1-stats-brick {\r\n  position: relative;\r\n  background: #FFCC00;\r\n  border-radius: 16px;\r\n  padding: 40px 24px 28px;\r\n  margin-top: 40px;\r\n}\r\n\/* PNG studs on top *\/\r\n.l1-stats-studs {\r\n  position: absolute;\r\n  top: -28px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 30px;\r\n  background-image:\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png'),\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png'),\r\n    url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-sari-4.png');\r\n  background-repeat: no-repeat, no-repeat, no-repeat;\r\n  background-position: left bottom, center bottom, right bottom;\r\n  background-size: 34% auto, 34% auto, 34% auto;\r\n}\r\n\r\n.l1-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n}\r\n.l1-stat-cell {\r\n  padding: 10px 24px;\r\n  position: relative;\r\n}\r\n.l1-stat-cell + .l1-stat-cell::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 10%;\r\n  bottom: 10%;\r\n  width: 2px;\r\n  background: rgba(0,85,191,0.3);\r\n}\r\n.l1-stat-big {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(32px, 3.2vw, 48px);\r\n  color: #0055BF;\r\n  line-height: 1;\r\n  margin-bottom: 10px;\r\n}\r\n.l1-stat-big.infinity {\r\n  -webkit-text-stroke: 2px #0055BF;\r\n  paint-order: stroke fill;\r\n  font-size: clamp(36px, 3.6vw, 52px);\r\n  letter-spacing: -2px;\r\n}\r\n.l1-stat-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(15px, 1.5vw, 20px);\r\n  color: #0055BF;\r\n  margin-bottom: 6px;\r\n}\r\n.l1-stat-sub {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* ============ 4 CHAPTER CARDS \u2014 LEGO bricks (fig-talks border style, sharp bottom) ============ *\/\r\n.l1-chapters {\r\n  width: 82%;\r\n  margin: 60px auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l1-chapters-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n  padding-top: 36px;\r\n}\r\n\r\n.l1-chapter {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n}\r\n\r\n\/* PNG studs on top *\/\r\n.l1-chapter-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 0%;\r\n  right: 0%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Content *\/\r\n.l1-chapter-body {\r\n  padding: 22px 24px 24px;\r\n  flex: 1;\r\n}\r\n.l1-chapter-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  margin-bottom: 8px;\r\n}\r\n.l1-chapter-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.2;\r\n}\r\n.l1-chapter-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* Color variants *\/\r\n.l1-chapter.c-red    { border-color: #E52828; }\r\n.l1-chapter.c-red    .l1-chapter-label  { color: #E52828; }\r\n.l1-chapter.c-red    .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n\r\n.l1-chapter.c-blue   { border-color: #0055BF; }\r\n.l1-chapter.c-blue   .l1-chapter-label  { color: #0055BF; }\r\n.l1-chapter.c-blue   .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n\r\n.l1-chapter.c-green  { border-color: #237841; }\r\n.l1-chapter.c-green  .l1-chapter-label  { color: #237841; }\r\n.l1-chapter.c-green  .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n\r\n.l1-chapter.c-yellow { border-color: #FFCC00; }\r\n.l1-chapter.c-yellow .l1-chapter-label  { color: #D4A017; }\r\n.l1-chapter.c-yellow .l1-chapter-studs  { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .l1-intro-grid { grid-template-columns: 1fr; }\r\n  .l1-intro-logo-card { margin: 0 auto; }\r\n  .l1-chapters-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 36px;\r\n  }\r\n  .l1-stats-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px 0;\r\n  }\r\n  .l1-stat-cell + .l1-stat-cell::before { display: none; }\r\n}\r\n@media (max-width: 600px) {\r\n  .l1-chapters-grid { grid-template-columns: 1fr; }\r\n  .l1-challenge { padding: 40px 0 50px; }\r\n}\r\n<\/style>\r\n\r\n<!-- INTRO -->\r\n<div class=\"l1-intro\">\r\n  <div class=\"l1-intro-grid\">\r\n    <div class=\"l1-intro-left\">\r\n      <h1 class=\"l1-intro-title\">Mini-Talks Studio<\/h1>\r\n      <div class=\"l1-intro-bars\">\r\n        <span style=\"background:#E52828\"><\/span>\r\n        <span style=\"background:#FFCC00\"><\/span>\r\n        <span style=\"background:#0055BF\"><\/span>\r\n        <span style=\"background:#237841\"><\/span>\r\n      <\/div>\r\n      <p class=\"l1-intro-desc\">\r\n        Eine sichere App zum \u00dcben der Kommunikation f\u00fcr Kinder mit selektivem Mutismus - mit Animationen, personalisierten Minis und strukturierten Sprachstufen.\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"l1-intro-right\">\r\n      <div class=\"l1-intro-logo-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/minitalks-logo-2.png\" alt=\"Mini-Talks\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- BLUE CHALLENGE -->\r\n<div class=\"l1-challenge\">\r\n  <div class=\"l1-challenge-inner\">\r\n    <h2>Selektiver Mutismus ist eine stille Herausforderung.<\/h2>\r\n    <p class=\"l1-challenge-desc\">\r\n      Kinder wollen sprechen. Aber das k\u00f6nnen sie nicht in jeder Umgebung. Mini-Talks \u00fcberbr\u00fcckt diese L\u00fccke mit einer sicheren, strukturierten und spielerischen Erfahrung.\r\n    <\/p>\r\n\r\n    <div class=\"l1-stats-brick\">\r\n      <div class=\"l1-stats-studs\"><\/div>\r\n      <div class=\"l1-stats-grid\">\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">1 von 140<\/div>\r\n          <div class=\"l1-stat-title\">Pr\u00e4valenz bei Kindern<\/div>\r\n          <div class=\"l1-stat-sub\">Angstbedingte St\u00f6rung<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">4<\/div>\r\n          <div class=\"l1-stat-title\">Sprachniveaus<\/div>\r\n          <div class=\"l1-stat-sub\">Ton \u2192 Wort \u2192 Satz \u2192 Dialog<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big\">4<\/div>\r\n          <div class=\"l1-stat-title\">Benutzerrollen<\/div>\r\n          <div class=\"l1-stat-sub\">Kind, Elternteil, Experte, Bauherr<\/div>\r\n        <\/div>\r\n        <div class=\"l1-stat-cell\">\r\n          <div class=\"l1-stat-big infinity\">\u221e<\/div>\r\n          <div class=\"l1-stat-title\">Mini-Kombinationen<\/div>\r\n          <div class=\"l1-stat-sub\">Haare \u00d7 Kopf \u00d7 Rumpf \u00d7 Beine<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- 4 CHAPTER CARDS -->\r\n<div class=\"l1-chapters\">\r\n  <div class=\"l1-chapters-grid\">\r\n\r\n    <div class=\"l1-chapter c-red\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">Kapitel 1<\/div>\r\n        <h3 class=\"l1-chapter-title\">Einreise &amp; Identit\u00e4t<\/h3>\r\n        <p class=\"l1-chapter-desc\">4 Rollen, sichere Anmeldung, Eltern-Kind-Expertenverbindungen.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-blue\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">Kapitel 2<\/div>\r\n        <h3 class=\"l1-chapter-title\">Einrichtung &amp; Personalisierung<\/h3>\r\n        <p class=\"l1-chapter-desc\">59 Szenen, Mini-Figur-Builder, Haare\/Kopf\/Torso\/Beine<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-green\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">Kapitel 3<\/div>\r\n        <h3 class=\"l1-chapter-title\">Interaktionssystem<\/h3>\r\n        <p class=\"l1-chapter-desc\">Brick Slot System, Demo, Aufnahme, animierte Wiedergabe, Experte schwarzer Ziegel.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"l1-chapter c-yellow\">\r\n      <div class=\"l1-chapter-studs\"><\/div>\r\n      <div class=\"l1-chapter-body\">\r\n        <div class=\"l1-chapter-label\">Kapitel 4<\/div>\r\n        <h3 class=\"l1-chapter-title\">Fortschritt &amp; Dashboard<\/h3>\r\n        <p class=\"l1-chapter-desc\">8 Widgets, Rollen anzeigen\/verwalten, Infrastruktur f\u00fcr klinische Beobachtung<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc7e79f elementor-widget elementor-widget-html\" data-id=\"cc7e79f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1: ENTRY & IDENTITY\r\n     Section 1 \u2014 Layer Header + Main Menu\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER HEADER ============ *\/\r\n.l1-header {\r\n  width: 82%;\r\n  margin: 60px auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Sol ve sa\u011f renkli barlar \u2014 red, yellow, blue, GREEN (sharp corners) *\/\r\n.l1-header-bars-left,\r\n.l1-header-bars-right {\r\n  display: flex;\r\n  gap: 0;\r\n  flex: 1;\r\n  height: 8px;\r\n  max-width: 340px;\r\n}\r\n.l1-header-bars-left span,\r\n.l1-header-bars-right span { flex: 1; height: 100%; }\r\n.l1-bar-red    { background: #E52828; }\r\n.l1-bar-yellow { background: #FFCC00; }\r\n.l1-bar-blue   { background: #0055BF; }\r\n.l1-bar-green  { background: #237841; }\r\n\r\n\/* Layer title container *\/\r\n.l1-header-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  flex-shrink: 0;\r\n}\r\n\/* \"Layer 1:\" \u2014 solid red text *\/\r\n.l1-header-title .l1-prefix {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #E52828;\r\n  white-space: nowrap;\r\n}\r\n\/* \"Entry & Identity\" \u2014 konturlu\/outlined heading *\/\r\n.l1-header-title .l1-badge {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ MAIN MENU SECTION ============ *\/\r\n.l1-mm {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Section title \u2014 solid red, NO outline *\/\r\n.l1-mm-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-mm-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 32px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* Screenshots grid: 1 big left + 2 small right *\/\r\n.l1-mm-grid {\r\n  display: grid;\r\n  grid-template-columns: 2fr 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n\/* Main screenshot \u2014 fig-talks border style *\/\r\n.l1-mm-main-shot {\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  aspect-ratio: 16 \/ 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l1-mm-main-shot img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.l1-mm-side {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n.l1-mm-side-shot {\r\n  flex: 1;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  min-height: 150px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l1-mm-side-shot.border-blue  { border-color: #0055BF; }\r\n.l1-mm-side-shot.border-green { border-color: #237841; }\r\n.l1-mm-side-shot img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .l1-header {\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n  .l1-header-bars-left,\r\n  .l1-header-bars-right { max-width: 100%; }\r\n  .l1-mm-grid { grid-template-columns: 1fr; }\r\n  .l1-mm-side { flex-direction: row; }\r\n  .l1-mm-desc { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 1 HEADER -->\r\n<div class=\"l1-header\">\r\n  <div class=\"l1-header-bars-left\">\r\n    <span class=\"l1-bar-red\"><\/span>\r\n    <span class=\"l1-bar-yellow\"><\/span>\r\n    <span class=\"l1-bar-blue\"><\/span>\r\n    <span class=\"l1-bar-green\"><\/span>\r\n  <\/div>\r\n  <div class=\"l1-header-title\">\r\n    <span class=\"l1-prefix\">Schicht 1:<\/span>\r\n    <span class=\"l1-badge\">Einreise &amp; Identit\u00e4t<\/span>\r\n  <\/div>\r\n  <div class=\"l1-header-bars-right\">\r\n    <span class=\"l1-bar-red\"><\/span>\r\n    <span class=\"l1-bar-yellow\"><\/span>\r\n    <span class=\"l1-bar-blue\"><\/span>\r\n    <span class=\"l1-bar-green\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN MENU SECTION -->\r\n<div class=\"l1-mm\">\r\n  <h2 class=\"l1-mm-title\">Hauptmen\u00fc<\/h2>\r\n  <p class=\"l1-mm-desc\">\r\n    Das Hauptmen\u00fc ist absichtlich einfach gehalten. Drei Ziegelsteintasten: Wiedergabe, Info, Einstellungen. Kein Durcheinander, kein Druck. Melden Sie sich in der oberen rechten Ecke an, um das volle Erlebnis freizuschalten - 50 Szenen, volle Anpassungsm\u00f6glichkeiten, Mini Journey Dashboard. Oder du dr\u00fcckst einfach auf Play ohne ein Konto.\r\n  <\/p>\r\n\r\n  <div class=\"l1-mm-grid\">\r\n    <div class=\"l1-mm-main-shot\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/eaa52c602f6e3126fec05fa64bda03211575ebe6.png\" alt=\"Mini-Talks Main Menu\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"l1-mm-side\">\r\n      <div class=\"l1-mm-side-shot border-blue\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/fd03fc950280b61266a4ba5a377cbc01f7a12f95.jpg\" alt=\"About Page\" \/>\r\n      <\/div>\r\n      <div class=\"l1-mm-side-shot border-green\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7f100ec40e098fc5c9f9d5120d1b27916bc3c6d5.png\" alt=\"Settings Page\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70130cd elementor-widget elementor-widget-html\" data-id=\"70130cd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 \u2014 4 ROLES, 4 DISTINCT EXPERIENCES\r\n     Section 2 \u2014 Interactive role switcher\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l1-roles {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Section title \u2014 SOLID RED (no outline) *\/\r\n.l1-roles-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-roles-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 28px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* ============ ROLE TABS \u2014 fig-talks border style ============ *\/\r\n.l1-roles-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 0; \/* close to content card *\/\r\n}\r\n\r\n.l1-role-tab {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 18px 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.3vw, 19px);\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  text-align: center;\r\n  user-select: none;\r\n  color: #1D1D1B; \/* pasifken siyah *\/\r\n}\r\n\r\n\/* Border colors \u2014 pasif *\/\r\n.l1-role-tab.role-red    { border-color: #E52828; }\r\n.l1-role-tab.role-blue   { border-color: #0055BF; }\r\n.l1-role-tab.role-green  { border-color: #237841; }\r\n.l1-role-tab.role-yellow { border-color: #FFCC00; }\r\n\r\n.l1-role-tab:hover { transform: translateY(-2px); }\r\n\r\n\/* Aktif = filled bg + white text (sar\u0131 hari\u00e7) *\/\r\n.l1-role-tab.active.role-red    { background: #E52828; color: #FFFFFF; }\r\n.l1-role-tab.active.role-blue   { background: #0055BF; color: #FFFFFF; }\r\n.l1-role-tab.active.role-green  { background: #237841; color: #FFFFFF; }\r\n.l1-role-tab.active.role-yellow { background: #FFCC00; color: #1D1D1B; }\r\n\r\n\/* ============ ROLE CONTENT CARD \u2014 close to tabs ============ *\/\r\n.l1-role-content {\r\n  display: none;\r\n  border: 3px solid;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 14px 18px 20px 36px;\r\n  color: #FFFFFF;\r\n  overflow: hidden;\r\n  margin-top: 18px;\r\n}\r\n.l1-role-content.active {\r\n  display: grid;\r\n  grid-template-columns: 1fr 2fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Color variants \u2014 border same color as bg *\/\r\n.l1-role-content.bg-red    { background: #E52828; border-color: #E52828; }\r\n.l1-role-content.bg-blue   { background: #0055BF; border-color: #0055BF; }\r\n.l1-role-content.bg-green  { background: #237841; border-color: #237841; }\r\n.l1-role-content.bg-yellow { background: #FFCC00; border-color: #FFCC00; color: #1D1D1B; }\r\n\r\n\/* Left side \u2014 role text *\/\r\n.l1-role-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.1;\r\n}\r\n.l1-role-left .l1-role-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(14px, 1.2vw, 17px);\r\n  opacity: 0.92;\r\n  margin: 0 0 22px 0;\r\n}\r\n\r\n.l1-role-features {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.l1-role-features li {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  line-height: 1.4;\r\n  margin-bottom: 14px;\r\n  padding-left: 34px;\r\n  position: relative;\r\n  min-height: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\/* Check box \u2014 white filled, rounded *\/\r\n.l1-role-features li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 22px;\r\n  height: 22px;\r\n  background: #FFFFFF;\r\n  border-radius: 5px;\r\n}\r\n\r\n\/* Checked \u2014 dark check inside *\/\r\n.l1-role-features li.checked::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 6px;\r\n  top: 50%;\r\n  transform: translateY(-65%) rotate(45deg);\r\n  width: 8px;\r\n  height: 14px;\r\n  border: solid #1D1D1B;\r\n  border-width: 0 3px 3px 0;\r\n}\r\n\r\n\/* Unchecked \u2014 dash (minus) inside box, no strikethrough *\/\r\n.l1-role-features li.unchecked::before {\r\n  background: rgba(255,255,255,0.55);\r\n}\r\n.l1-role-features li.unchecked::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 5px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 12px;\r\n  height: 3px;\r\n  background: #1D1D1B;\r\n  border-radius: 2px;\r\n}\r\n.l1-role-features li.unchecked {\r\n  opacity: 0.75;\r\n}\r\n\r\n\/* Yellow content \u2014 unchecked variant *\/\r\n.l1-role-content.bg-yellow .l1-role-features li.unchecked::before {\r\n  background: rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Right side \u2014 single WHITE panel with two forms *\/\r\n.l1-role-forms-panel {\r\n  background: #FFFFFF;\r\n  border-radius: 12px;\r\n  padding: 16px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 14px;\r\n  align-items: stretch;\r\n}\r\n.l1-role-form-item {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  border-radius: 8px;\r\n  min-height: 360px;\r\n  background: transparent;\r\n}\r\n.l1-role-form-item img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n.l1-role-form-placeholder {\r\n  color: #999;\r\n  font-weight: 700;\r\n  font-size: 13px;\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .l1-roles-tabs { grid-template-columns: repeat(2, 1fr); }\r\n  .l1-role-content.active { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 600px) {\r\n  .l1-roles-tabs {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n  .l1-role-tab {\r\n    padding: 12px 10px;\r\n    font-size: 13px;\r\n  }\r\n  .l1-role-content.active { padding: 24px; }\r\n  .l1-role-forms-panel { grid-template-columns: 1fr; }\r\n  .l1-roles-desc { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l1-roles\">\r\n  <h2 class=\"l1-roles-title\">4 Rollen, 4 unterschiedliche Erlebnisse<\/h2>\r\n  <p class=\"l1-roles-desc\">\r\n    Bei der Erstellung eines Kontos k\u00f6nnen die Nutzer zwischen 4 Rollen w\u00e4hlen. Jede Rolle bringt ein anderes Anmeldeformular und andere Berechtigungen mit sich.\r\n  <\/p>\r\n\r\n  <!-- ROLE TABS -->\r\n  <div class=\"l1-roles-tabs\">\r\n    <div class=\"l1-role-tab role-red active\" data-role=\"child\" onclick=\"l1SelectRole(this, 'child')\">Kind (Mini)<\/div>\r\n    <div class=\"l1-role-tab role-blue\" data-role=\"parent\" onclick=\"l1SelectRole(this, 'parent')\">Elternteil<\/div>\r\n    <div class=\"l1-role-tab role-green\" data-role=\"expert\" onclick=\"l1SelectRole(this, 'expert')\">Experte<\/div>\r\n    <div class=\"l1-role-tab role-yellow\" data-role=\"builder\" onclick=\"l1SelectRole(this, 'builder')\">Bauherr<\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== CHILD (MINI) \u2014 RED ========== -->\r\n  <div class=\"l1-role-content bg-red active\" data-content=\"child\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Kind (Mini)<\/h3>\r\n      <div class=\"l1-role-subtitle\">Spiele, Aufzeichnungen<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Mini erstellen &amp; spielen<\/li>\r\n        <li class=\"checked\">Aufnehmen und Wiedergeben von Sprache<\/li>\r\n        <li class=\"checked\">Sieht ihre eigene Reise<\/li>\r\n        <li class=\"unchecked\">Kein Dashboard-Management<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/4e1a6770fda409b8251621157b780e6e4b019df3.png\" alt=\"Child Form Step 1\" \/>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/257f66f84fca90421a54eacf22b37c689b8dc52f.png\" alt=\"Child Form Step 2\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== PARENT \u2014 BLUE ========== -->\r\n  <div class=\"l1-role-content bg-blue\" data-content=\"parent\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Elternteil<\/h3>\r\n      <div class=\"l1-role-subtitle\">Verwaltet, genehmigt und \u00fcberwacht<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Verwaltet Kinderprofile<\/li>\r\n        <li class=\"checked\">Genehmigt Expertenverbindungen<\/li>\r\n        <li class=\"checked\">Ansichten Fortschritt Dashboard<\/li>\r\n        <li class=\"checked\">Verwaltet Einstellungen<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Formular der Eltern 1<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Formular der Eltern 2<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== EXPERT \u2014 GREEN ========== -->\r\n  <div class=\"l1-role-content bg-green\" data-content=\"expert\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Experte<\/h3>\r\n      <div class=\"l1-role-subtitle\">Beobachtet, f\u00fchrt (nur Ansicht)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Verfolgt den Fortschritt des angeschlossenen Minis<\/li>\r\n        <li class=\"checked\">Zugang \u00fcber die Zustimmung der Eltern<\/li>\r\n        <li class=\"checked\">Infrastruktur f\u00fcr die klinische Beobachtung<\/li>\r\n        <li class=\"unchecked\">Einstellungen oder Profil k\u00f6nnen nicht bearbeitet werden<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Expertenformular 1<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Expertenformular 2<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ========== BUILDER \u2014 YELLOW ========== -->\r\n  <div class=\"l1-role-content bg-yellow\" data-content=\"builder\">\r\n    <div class=\"l1-role-left\">\r\n      <h3>Bauherr<\/h3>\r\n      <div class=\"l1-role-subtitle\">Kreiert, passt an (18+)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Eigene Figuren anpassen<\/li>\r\n        <li class=\"checked\">Spielt und zeichnet Szenen auf<\/li>\r\n        <li class=\"checked\">Abschnitt LEGO Kreationen<\/li>\r\n        <li class=\"unchecked\">Keine Mini-Verwaltung<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div class=\"l1-role-forms-panel\">\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Formular f\u00fcr Bauherren 1<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Builder Form 2<br>- Bild ausstehend -<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction l1SelectRole(tab, roleKey) {\r\n  document.querySelectorAll('.l1-role-tab').forEach(function(t) { t.classList.remove('active'); });\r\n  document.querySelectorAll('.l1-role-content').forEach(function(c) { c.classList.remove('active'); });\r\n  tab.classList.add('active');\r\n  document.querySelector('.l1-role-content[data-content=\"' + roleKey + '\"]').classList.add('active');\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd73941 elementor-widget elementor-widget-html\" data-id=\"dd73941\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 1 \u2014 HOW CONNECTIONS WORK\r\n     Section 3 \u2014 Three flow paths\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l1-conn {\r\n  width: 82%;\r\n  margin: 0 auto 80px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Title \u2014 SOLID RED (no outline) *\/\r\n.l1-conn-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l1-conn-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 36px 0;\r\n}\r\n\r\n\/* ============ FLOW BOX \u2014 fig-talks border style ============ *\/\r\n.l1-flow {\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 24px 32px;\r\n  margin-bottom: 24px;\r\n  background: #FFFFFF;\r\n}\r\n.l1-flow.flow-blue   { border-color: #0055BF; }\r\n.l1-flow.flow-yellow { border-color: #FFCC00; }\r\n.l1-flow.flow-green  { border-color: #237841; }\r\n\r\n.l1-flow-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 26px);\r\n  margin: 0 0 16px 0;\r\n}\r\n.l1-flow.flow-blue   .l1-flow-title { color: #0055BF; }\r\n.l1-flow.flow-yellow .l1-flow-title { color: #E8B000; }\r\n.l1-flow.flow-green  .l1-flow-title { color: #237841; }\r\n\r\n\/* Steps row *\/\r\n.l1-flow-steps {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Step pill *\/\r\n.l1-step {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.1vw, 15px);\r\n  color: #1D1D1B;\r\n}\r\n\r\n\/* Numbered small box *\/\r\n.l1-step-num {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 5px;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 13px;\r\n  flex-shrink: 0;\r\n}\r\n.l1-flow.flow-blue   .l1-step-num { background: #0055BF; }\r\n.l1-flow.flow-yellow .l1-step-num { background: #FFCC00; color: #1D1D1B; }\r\n.l1-flow.flow-green  .l1-step-num { background: #237841; }\r\n\r\n\/* Arrow *\/\r\n.l1-arrow {\r\n  color: #237841;\r\n  font-size: 22px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Result chip \u2014 green filled *\/\r\n.l1-result {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: #237841;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(13px, 1.1vw, 15px);\r\n  padding: 8px 16px;\r\n  border-radius: 8px;\r\n  white-space: nowrap;\r\n}\r\n.l1-result::before {\r\n  content: '\u2713';\r\n  font-weight: 900;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .l1-flow { padding: 20px; }\r\n  .l1-flow-steps {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 8px;\r\n  }\r\n  .l1-arrow {\r\n    transform: rotate(90deg);\r\n    margin: 2px 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l1-conn\">\r\n  <h2 class=\"l1-conn-title\">Wie Verbindungen funktionieren.<\/h2>\r\n  <p class=\"l1-conn-desc\">\r\n    Drei Wege, eine Regel: Nichts geschieht ohne die Zustimmung der Eltern.\r\n  <\/p>\r\n\r\n  <!-- CHILD STARTS \u2014 BLUE -->\r\n  <div class=\"l1-flow flow-blue\">\r\n    <h3 class=\"l1-flow-title\">Kind f\u00e4ngt an<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Das Kind f\u00fcllt das Anmeldeformular aus und gibt die E-Mail-Adresse der Eltern ein.<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> Elternanfrage senden\" wird ausgel\u00f6st<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> Eltern genehmigen<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Konto wird aktiviert<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- PARENT STARTS \u2014 YELLOW -->\r\n  <div class=\"l1-flow flow-yellow\">\r\n    <h3 class=\"l1-flow-title\">Parent Starts<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Eltern melden sich bei ihrem Konto an<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> Erzeugt ein Kinderprofil \u00fcber \"Kind hinzuf\u00fcgen\".<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Sofort aktiv (Elternteil hat bereits zugestimmt)<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- EXPERT STARTS \u2014 GREEN -->\r\n  <div class=\"l1-flow flow-green\">\r\n    <h3 class=\"l1-flow-title\">Experte startet<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Experte tippt auf 'Mini hinzuf\u00fcgen'<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> Elternteil erh\u00e4lt Antrag<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> Eltern genehmigen<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Zugang nur zur Ansicht<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e38bcd elementor-widget elementor-widget-html\" data-id=\"0e38bcd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2: SETUP & PERSONALIZATION\r\n     Section 1 \u2014 Layer Header + Pick Who Plays\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER 2 HEADER ============ *\/\r\n.l2-header {\r\n  width: 82%;\r\n  margin: 60px auto 50px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n}\r\n\r\n.l2-header-bars-left,\r\n.l2-header-bars-right {\r\n  display: flex;\r\n  gap: 0;\r\n  flex: 1;\r\n  height: 8px;\r\n  max-width: 340px;\r\n}\r\n.l2-header-bars-left span,\r\n.l2-header-bars-right span { flex: 1; height: 100%; }\r\n.l2-bar-red    { background: #E52828; }\r\n.l2-bar-yellow { background: #FFCC00; }\r\n.l2-bar-blue   { background: #0055BF; }\r\n.l2-bar-green  { background: #237841; }\r\n\r\n.l2-header-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  flex-shrink: 0;\r\n}\r\n\/* \"Layer 2:\" \u2014 solid red *\/\r\n.l2-header-title .l2-prefix {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #E52828;\r\n  white-space: nowrap;\r\n}\r\n\/* \"Setup & Personalization\" \u2014 konturlu *\/\r\n.l2-header-title .l2-badge {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ PICK WHO PLAYS CARD ============ *\/\r\n.l2-pick {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 10px 14px 18px 36px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n\r\n.l2-pick-left h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-pick-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 24px 0;\r\n}\r\n\r\n\/* Profile pills \u2014 flex row, badge sits next to info naturally *\/\r\n.l2-profiles {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 10px;\r\n}\r\n.l2-profile {\r\n  background: #F2F2F2;\r\n  color: #1D1D1B;\r\n  border-radius: 8px;\r\n  padding: 10px 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  min-height: 52px;\r\n}\r\n.l2-profile-icon {\r\n  width: 28px;\r\n  height: 28px;\r\n  background: #D8D8D8;\r\n  border-radius: 5px;\r\n  flex-shrink: 0;\r\n}\r\n.l2-profile-info {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n.l2-profile-name {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  line-height: 1.2;\r\n  color: #1D1D1B;\r\n}\r\n.l2-profile-sub {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(10px, 0.9vw, 12px);\r\n  color: #666;\r\n  line-height: 1.2;\r\n  margin-top: 2px;\r\n}\r\n.l2-profile-badge {\r\n  background: #0055BF;\r\n  color: #FFFFFF;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: 10px;\r\n  padding: 3px 7px;\r\n  border-radius: 4px;\r\n  flex-shrink: 0;\r\n  letter-spacing: 0.3px;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Right side \u2014 white container with screenshot *\/\r\n.l2-pick-right {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-pick-right img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-header {\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n  .l2-header-bars-left,\r\n  .l2-header-bars-right { max-width: 100%; }\r\n  .l2-pick {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    padding: 24px;\r\n  }\r\n  .l2-profiles {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 2 HEADER -->\r\n<div class=\"l2-header\">\r\n  <div class=\"l2-header-bars-left\">\r\n    <span class=\"l2-bar-red\"><\/span>\r\n    <span class=\"l2-bar-yellow\"><\/span>\r\n    <span class=\"l2-bar-blue\"><\/span>\r\n    <span class=\"l2-bar-green\"><\/span>\r\n  <\/div>\r\n  <div class=\"l2-header-title\">\r\n    <span class=\"l2-prefix\">Schicht 2:<\/span>\r\n    <span class=\"l2-badge\">Einrichtung &amp; Personalisierung<\/span>\r\n  <\/div>\r\n  <div class=\"l2-header-bars-right\">\r\n    <span class=\"l2-bar-red\"><\/span>\r\n    <span class=\"l2-bar-yellow\"><\/span>\r\n    <span class=\"l2-bar-blue\"><\/span>\r\n    <span class=\"l2-bar-green\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PICK WHO PLAYS CARD -->\r\n<div class=\"l2-pick\">\r\n  <div class=\"l2-pick-left\">\r\n    <h2>W\u00e4hlen Sie aus, wer spielt.<\/h2>\r\n    <p>Die Eltern k\u00f6nnen mehrere Kinder anmelden. Wenn sie auf \"Play\" dr\u00fccken, w\u00e4hlen sie, welches Profil gespielt werden soll. Die Szenen, Fortschritte und Belohnungen der einzelnen Kinder sind unabh\u00e4ngig voneinander.<\/p>\r\n\r\n    <div class=\"l2-profiles\">\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">Kind-1<\/div>\r\n          <div class=\"l2-profile-sub\">Alter: 7-9 Jahre<\/div>\r\n        <\/div>\r\n        <span class=\"l2-profile-badge\">Aktiv<\/span>\r\n      <\/div>\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">Kind-2<\/div>\r\n          <div class=\"l2-profile-sub\">Alter: 4-6<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l2-profile\">\r\n        <div class=\"l2-profile-icon\"><\/div>\r\n        <div class=\"l2-profile-info\">\r\n          <div class=\"l2-profile-name\">Elternteil<\/div>\r\n          <div class=\"l2-profile-sub\">Verwalten Sie<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-pick-right\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/0777784d8556917f83b0e0b931fb90b29df28322.png\" alt=\"Pick who plays \u2014 Mini-Talks Play screen\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d612024 elementor-widget elementor-widget-html\" data-id=\"d612024\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 50 SCENES\r\n     Section 2 \u2014 Real-life scenes with stacked images\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ 50 SCENES CARD ============ *\/\r\n.l2-scenes {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 10px 14px 18px 36px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.8fr;\r\n  gap: 26px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Left side \u2014 text *\/\r\n.l2-scenes-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 4px 0;\r\n}\r\n\r\n.l2-scenes h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(44px, 6vw, 88px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 22px 0;\r\n  line-height: 1;\r\n  letter-spacing: -1px;\r\n}\r\n\r\n.l2-scenes-list {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4px 24px;\r\n}\r\n.l2-scenes-list ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n.l2-scenes-list li {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  line-height: 1.5;\r\n  color: #FFFFFF;\r\n}\r\n\/* \"and more...\" \u2014 italic, last item of RIGHT column *\/\r\n.l2-scenes-list li.more {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-style: italic;\r\n  font-size: clamp(16px, 1.5vw, 20px);\r\n  color: #FFFFFF;\r\n  margin-top: 10px;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Right side \u2014 stacked scene images *\/\r\n.l2-scenes-stack {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n.l2-scenes-stack img {\r\n  position: absolute;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 82%;\r\n  border-radius: 14px;\r\n  object-fit: cover;\r\n  box-shadow: -6px 0 14px rgba(0,0,0,0.22);\r\n  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n              transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\r\n              opacity 0.3s ease;\r\n}\r\n\/* En soldaki ARKA (en k\u00fc\u00e7\u00fck z-index) \u2192 sa\u011fa do\u011fru \u00d6NE \u2014 tight stacking *\/\r\n.l2-scenes-stack .scene-1 { left: 0%;    z-index: 1; }\r\n.l2-scenes-stack .scene-2 { left: 3.6%;  z-index: 2; }\r\n.l2-scenes-stack .scene-3 { left: 7.2%;  z-index: 3; }\r\n.l2-scenes-stack .scene-4 { left: 10.8%; z-index: 4; }\r\n.l2-scenes-stack .scene-5 { left: 14.4%; z-index: 5; }\r\n.l2-scenes-stack .scene-6 { left: 18%;   z-index: 6; }\r\n\r\n\/* Cycling states \u2014 when .cycling is added, the front card slides out *\/\r\n.l2-scenes-stack.cycling img.going-back {\r\n  transform: translateX(-10%) scale(0.92);\r\n  opacity: 0;\r\n  z-index: 0 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-scenes {\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n    padding: 24px;\r\n  }\r\n  .l2-scenes-stack {\r\n    aspect-ratio: 16 \/ 10;\r\n  }\r\n}\r\n@media (max-width: 500px) {\r\n  .l2-scenes-list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- 50 SCENES CARD -->\r\n<div class=\"l2-scenes\">\r\n  <div class=\"l2-scenes-left\">\r\n    <div class=\"l2-scenes-label\">Szenen aus dem wirklichen Leben<\/div>\r\n    <h2>50 SZENEN<\/h2>\r\n\r\n    <div class=\"l2-scenes-list\">\r\n      <ul>\r\n        <li>Basketball<\/li>\r\n        <li>Strand<\/li>\r\n        <li>Cafe<\/li>\r\n        <li>Klassenzimmer<\/li>\r\n        <li>Orchester<\/li>\r\n      <\/ul>\r\n      <ul>\r\n        <li>Spielplatz<\/li>\r\n        <li>Pool-Party<\/li>\r\n        <li>Roboter-Turnier<\/li>\r\n        <li>Supermarkt<\/li>\r\n        <li>Tennis<\/li>\r\n        <li class=\"more\">und mehr...<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-scenes-right\">\r\n    <div class=\"l2-scenes-stack\" onclick=\"l2ScenesCycle(this)\">\r\n      <!-- En solda ARKA \u2192 sa\u011fa do\u011fru \u00d6NE (s\u0131ra tersine \u00e7evrildi) -->\r\n      <img decoding=\"async\" class=\"scene-1\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/1bcc15012d55089e5ba6e4e1994ee1c29c9efff7.png\" alt=\"Scene 1\" \/>\r\n      <img decoding=\"async\" class=\"scene-2\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/84c6f278ed3f027cfce6091e020e29be1d09eb13.png\" alt=\"Scene 2\" \/>\r\n      <img decoding=\"async\" class=\"scene-3\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/afcb13bb75f3b3f676a974dced8c780744ea2070.png\" alt=\"Scene 3\" \/>\r\n      <img decoding=\"async\" class=\"scene-4\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/2ee73e7960e25cdf4b0323f8ce01b54e3a0bdb85.png\" alt=\"Scene 4\" \/>\r\n      <img decoding=\"async\" class=\"scene-5\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/f60c83c6e859fe177ceb37a18896e1702060ca3a.png\" alt=\"Scene 5\" \/>\r\n      <img decoding=\"async\" class=\"scene-6\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/cd67811cb0658adaf22491c2d0a1d386ae5bd0a8.png\" alt=\"Scene 6\" \/>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  \/\/ Animation lock to prevent double-click during transition\r\n  var animating = false;\r\n\r\n  window.l2ScenesCycle = function(stackEl) {\r\n    if (animating) return;\r\n    animating = true;\r\n\r\n    var imgs = stackEl.querySelectorAll('img');\r\n    if (imgs.length === 0) { animating = false; return; }\r\n\r\n    \/\/ Find the FRONT image (highest current z-index among classes scene-1..scene-6)\r\n    var classOrder = ['scene-1','scene-2','scene-3','scene-4','scene-5','scene-6'];\r\n    var positions = [\r\n      { left: '0%',    z: 1 },\r\n      { left: '3.6%',  z: 2 },\r\n      { left: '7.2%',  z: 3 },\r\n      { left: '10.8%', z: 4 },\r\n      { left: '14.4%', z: 5 },\r\n      { left: '18%',   z: 6 }\r\n    ];\r\n\r\n    \/\/ Determine current class-to-position mapping (cached on stackEl)\r\n    if (!stackEl._order) {\r\n      stackEl._order = classOrder.slice(); \/\/ position-0 = back ... position-5 = front\r\n    }\r\n    var order = stackEl._order;\r\n    \/\/ Front is the last one in order\r\n    var frontClass = order[order.length - 1];\r\n    var frontImg = stackEl.querySelector('.' + frontClass);\r\n    if (!frontImg) { animating = false; return; }\r\n\r\n    \/\/ Phase 1: animate front out\r\n    frontImg.classList.add('going-back');\r\n    stackEl.classList.add('cycling');\r\n\r\n    setTimeout(function() {\r\n      \/\/ Phase 2: rotate order \u2014 move front class to back of array\r\n      var moved = order.pop();\r\n      order.unshift(moved);\r\n\r\n      \/\/ Apply new positions (no transition on the going-back element yet)\r\n      \/\/ Remove transition briefly for the jumped element\r\n      frontImg.style.transition = 'none';\r\n      frontImg.classList.remove('going-back');\r\n\r\n      \/\/ Reassign z-index + left based on new order\r\n      order.forEach(function(cls, idx) {\r\n        var el = stackEl.querySelector('.' + cls);\r\n        if (!el) return;\r\n        var pos = positions[idx];\r\n        el.style.left = pos.left;\r\n        el.style.zIndex = pos.z;\r\n      });\r\n\r\n      \/\/ Force reflow, then restore transition\r\n      void frontImg.offsetWidth;\r\n      frontImg.style.transition = '';\r\n      stackEl.classList.remove('cycling');\r\n\r\n      animating = false;\r\n    }, 500);\r\n  };\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0104509 elementor-widget elementor-widget-html\" data-id=\"0104509\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 MINI FIGURE CUSTOMIZATION\r\n     Section 3 \u2014 Title + 4 Tabs + Hair Card + 4 Action Bricks\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-mfc {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* Title \u2014 solid red *\/\r\n.l2-mfc-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l2-mfc-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 28px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* ============ TABS (Hair\/Head\/Torso\/Legs) ============ *\/\r\n.l2-mfc-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n  margin-bottom: 0;\r\n}\r\n.l2-mfc-tab {\r\n  background: #FFFFFF;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 18px 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.3vw, 19px);\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  text-align: center;\r\n  user-select: none;\r\n  color: #1D1D1B;\r\n}\r\n.l2-mfc-tab:hover { transform: translateY(-2px); }\r\n.l2-mfc-tab.active { background: #E52828; color: #FFFFFF; }\r\n\r\n\/* Tab content wrapper *\/\r\n.l2-mfc-content { display: none; margin-top: 18px; }\r\n.l2-mfc-content.active { display: block; }\r\n\r\n\/* Placeholder for Head\/Torso\/Legs *\/\r\n.l2-mfc-placeholder {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 100px 28px;\r\n  color: #FFFFFF;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(16px, 1.5vw, 22px);\r\n  letter-spacing: 0.3px;\r\n  min-height: 320px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* ============ HAIR CUSTOMIZATION CARD ============ *\/\r\n.l2-mfc-card {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 26px 26px 30px 32px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.3fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n}\r\n.l2-mfc-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-mfc-card-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 20px 0;\r\n}\r\n\r\n.l2-mfc-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 8px 0;\r\n}\r\n\r\n\/* White panel (only for Color) *\/\r\n.l2-mfc-panel {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px 14px;\r\n  margin-top: 14px;\r\n}\r\n\/* Label inside white panel should be black *\/\r\n.l2-mfc-panel .l2-mfc-label {\r\n  color: #1D1D1B;\r\n}\r\n\r\n\/* Pill buttons \u2014 no outer border, just white fills *\/\r\n.l2-mfc-pill-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 8px;\r\n}\r\n.l2-mfc-pill {\r\n  background: #FFFFFF;\r\n  color: #1D1D1B;\r\n  border: none;\r\n  border-radius: 8px;\r\n  padding: 9px 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  text-align: center;\r\n}\r\n\r\n\/* Horizontal divider \u2014 WHITE on red bg *\/\r\n.l2-mfc-hdivider {\r\n  height: 2px;\r\n  background: #FFFFFF;\r\n  margin: 12px 0;\r\n}\r\n\r\n\/* Color palette \u2014 white bg + vertical divider *\/\r\n.l2-mfc-colors {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.l2-mfc-color {\r\n  width: 22px;\r\n  height: 22px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(0,0,0,0.15);\r\n  cursor: pointer;\r\n  flex-shrink: 0;\r\n}\r\n.l2-mfc-color.rainbow {\r\n  background: conic-gradient(#E52828, #FFCC00, #237841, #0055BF, #8E44AD, #E52828);\r\n  border-color: rgba(0,0,0,0.15);\r\n}\r\n.l2-mfc-vdivider {\r\n  width: 1px;\r\n  height: 22px;\r\n  background: rgba(0,0,0,0.18);\r\n  margin: 0 4px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Right side \u2014 screenshot container *\/\r\n.l2-mfc-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-mfc-shot img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n\/* ============ 4 ACTION BRICK BUTTONS ============ *\/\r\n.l2-actions {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  margin-top: 54px;\r\n}\r\n.l2-action-btn {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 12px;\r\n  border-radius: 18px;\r\n  padding: 20px 18px 22px 18px;\r\n  text-align: center;\r\n}\r\n\r\n\/* LEGO studs on top \u2014 PNG (same pattern as chapter cards) *\/\r\n.l2-action-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Inner icon\/label badge (the PNG the user provided) \u2014 inside the body *\/\r\n.l2-action-icon {\r\n  display: block;\r\n  max-width: 78%;\r\n  width: auto;\r\n  height: auto;\r\n  margin: 0 auto 10px;\r\n}\r\n\r\n.l2-action-btn h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2vw, 28px);\r\n  margin: 6px 0 6px 0;\r\n  line-height: 1.1;\r\n}\r\n.l2-action-btn p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n\r\n\/* Color variants \u2014 border + stud PNG + title color *\/\r\n.l2-action-btn.c-red    { border-color: #E52828; }\r\n.l2-action-btn.c-red    h3 { color: #E52828; }\r\n.l2-action-btn.c-red    .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n\r\n.l2-action-btn.c-yellow { border-color: #FFCC00; }\r\n.l2-action-btn.c-yellow h3 { color: #D4A017; }\r\n.l2-action-btn.c-yellow .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n\r\n.l2-action-btn.c-green  { border-color: #237841; }\r\n.l2-action-btn.c-green  h3 { color: #237841; }\r\n.l2-action-btn.c-green  .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n\r\n.l2-action-btn.c-blue   { border-color: #0055BF; }\r\n.l2-action-btn.c-blue   h3 { color: #0055BF; }\r\n.l2-action-btn.c-blue   .l2-action-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .l2-mfc-tabs { grid-template-columns: repeat(2, 1fr); }\r\n  .l2-mfc-card {\r\n    grid-template-columns: 1fr;\r\n    padding: 24px;\r\n  }\r\n  .l2-actions { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n  .l2-mfc-tabs, .l2-actions { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-mfc\">\r\n  <h2 class=\"l2-mfc-title\">Anpassung der Minifigur<\/h2>\r\n  <p class=\"l2-mfc-desc\">\r\n    4 Abschnitte \u00d7 Kategorie Frauen\/M\u00e4nner\/Kinder \u00d7 Dutzende von Stilen \u00d7 Farbpalette. \u00dcberrasche mich oder verwende die Standardeinstellungen. Im Dialogmodus werden zwei Minis gleichzeitig erstellt.\r\n  <\/p>\r\n\r\n  <!-- TABS -->\r\n  <div class=\"l2-mfc-tabs\">\r\n    <div class=\"l2-mfc-tab active\" onclick=\"l2MfcTabSwitch(this, 'hair')\">Haare<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'head')\">Kopf<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'torso')\">Torso<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'legs')\">Beine<\/div>\r\n  <\/div>\r\n\r\n  <!-- HAIR (active) -->\r\n  <div class=\"l2-mfc-content active\" data-mfc=\"hair\">\r\n    <div class=\"l2-mfc-card\">\r\n      <div class=\"l2-mfc-card-left\">\r\n        <h3>Haaranpassung<\/h3>\r\n        <p class=\"l2-mfc-card-desc\">\r\n          Einfache und ausdrucksstarke Unterkategorien. Kahle Option verf\u00fcgbar. ~30 Stile pro Kategorie in verschiedenen Farben: braun, schwarz, rot, grau, und mehr.\r\n        <\/p>\r\n\r\n        <!-- Categories \u2014 directly on red bg, just pills + divider -->\r\n        <div class=\"l2-mfc-label\">Kategorien:<\/div>\r\n        <div class=\"l2-mfc-pill-row\">\r\n          <div class=\"l2-mfc-pill\">Weiblich<\/div>\r\n          <div class=\"l2-mfc-pill\">M\u00e4nnlich<\/div>\r\n          <div class=\"l2-mfc-pill\">Kind<\/div>\r\n        <\/div>\r\n        <div class=\"l2-mfc-hdivider\"><\/div>\r\n        <div class=\"l2-mfc-pill-row\">\r\n          <div class=\"l2-mfc-pill\">Kurz<\/div>\r\n          <div class=\"l2-mfc-pill\">Lang<\/div>\r\n          <div class=\"l2-mfc-pill\">Hut<\/div>\r\n        <\/div>\r\n\r\n        <!-- Color in white panel (kept) -->\r\n        <div class=\"l2-mfc-panel\">\r\n          <div class=\"l2-mfc-label\">Farbe:<\/div>\r\n          <div class=\"l2-mfc-colors\">\r\n            <span class=\"l2-mfc-color rainbow\"><\/span>\r\n            <div class=\"l2-mfc-vdivider\"><\/div>\r\n            <span class=\"l2-mfc-color\" style=\"background:#1D1D1B\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#E67E22\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#F1C40F\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#95A5A6\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#FFFFFF; border-color:#DDD\"><\/span>\r\n            <span class=\"l2-mfc-color\" style=\"background:#FF6BCB\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"l2-mfc-shot\">\r\n        <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/38b9516eb20dcb976768034fce600ea67ad76a0d.png\" alt=\"Hair Customization Screen\" \/>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- HEAD (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"head\">\r\n    <div class=\"l2-mfc-placeholder\">Kopfanpassung - in K\u00fcrze<\/div>\r\n  <\/div>\r\n\r\n  <!-- TORSO (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"torso\">\r\n    <div class=\"l2-mfc-placeholder\">Torso-Anpassung - in K\u00fcrze<\/div>\r\n  <\/div>\r\n\r\n  <!-- LEGS (placeholder) -->\r\n  <div class=\"l2-mfc-content\" data-mfc=\"legs\">\r\n    <div class=\"l2-mfc-placeholder\">Anpassung der Beine - in K\u00fcrze<\/div>\r\n  <\/div>\r\n\r\n  <!-- 4 ACTION BRICK BUTTONS -->\r\n  <div class=\"l2-actions\">\r\n    <div class=\"l2-action-btn c-red\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-139-1.png\" alt=\"Reset\" \/>\r\n      <h3>Zur\u00fccksetzen<\/h3>\r\n      <p>Alle Auswahlen auf die Standardwerte zur\u00fccksetzen<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-yellow\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-52.png\" alt=\"Surprise Me\" \/>\r\n      <h3>\u00dcberrasche mich!<\/h3>\r\n      <p>Erzeugen einer zuf\u00e4lligen Kombination<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-green\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-139.png\" alt=\"User Ready\" \/>\r\n      <h3>Benutzerbereit<\/h3>\r\n      <p>Schneller Start mit dem Standard-Mini<\/p>\r\n    <\/div>\r\n    <div class=\"l2-action-btn c-blue\">\r\n      <div class=\"l2-action-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l2-action-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-140-1.png\" alt=\"Save\" \/>\r\n      <h3>Speichern Sie<\/h3>\r\n      <p>Mini speichern und mit der Szene fortfahren<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction l2MfcTabSwitch(el, name) {\r\n  var tabs = document.querySelectorAll('.l2-mfc-tab');\r\n  tabs.forEach(function(t) { t.classList.remove('active'); });\r\n  el.classList.add('active');\r\n  var contents = document.querySelectorAll('.l2-mfc-content');\r\n  contents.forEach(function(c) {\r\n    if (c.getAttribute('data-mfc') === name) { c.classList.add('active'); }\r\n    else { c.classList.remove('active'); }\r\n  });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99e2511 elementor-widget elementor-widget-html\" data-id=\"99e2511\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 COLOR CUSTOMIZATION\r\n     Section 4 \u2014 Gray border card + 3 color palette rows\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-colorcust {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #F5F5F5;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 20px 22px 24px 30px;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1.1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Vertical divider in middle \u2014 gray, with top\/bottom margin *\/\r\n.l2-colorcust-divider {\r\n  width: 1px;\r\n  background: rgba(0,0,0,0.18);\r\n  margin: 24px 0;\r\n  align-self: stretch;\r\n}\r\n\r\n.l2-colorcust-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-colorcust-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0 0 18px 0;\r\n}\r\n\r\n\/* Palette rows container *\/\r\n.l2-palettes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n\/* Single palette row *\/\r\n.l2-palette {\r\n  background: #FFFFFF;\r\n  border: 2px solid #E5E5E5;\r\n  border-radius: 10px;\r\n  padding: 12px 14px;\r\n}\r\n.l2-palette-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(11px, 1vw, 13px);\r\n  color: #1D1D1B;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 8px;\r\n}\r\n.l2-palette-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n.l2-palette-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  background: #FFFFFF;\r\n  border: 2px solid #E5E5E5;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #1D1D1B;\r\n  flex-shrink: 0;\r\n}\r\n.l2-palette-icon svg {\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n.l2-palette-icon svg[viewBox=\"0 0 40 20\"] {\r\n  width: 32px;\r\n  height: 16px;\r\n}\r\n.l2-palette-swatch {\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  border: 2px solid transparent;\r\n}\r\n.l2-palette-swatch.selected {\r\n  border-color: #2ECC71;\r\n  box-shadow: 0 0 0 2px #FFFFFF inset;\r\n}\r\n\r\n\/* Right side \u2014 screenshot *\/\r\n.l2-colorcust-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n.l2-colorcust-shot img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 4px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l2-colorcust {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    padding: 20px;\r\n  }\r\n  .l2-colorcust-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-colorcust\">\r\n  <div class=\"l2-colorcust-left\">\r\n    <h3>Farbanpassung<\/h3>\r\n    <p>Im Frauenmodus als \"Augenbrauen &amp; Wimpern\" angezeigt. F\u00fcr Brillen: W\u00e4hlen Sie zuerst die Form, dann die Farbe.<\/p>\r\n\r\n    <div class=\"l2-palettes\">\r\n      <!-- BROWS -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">BROSEN<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\r\n              <path d=\"M4 14 Q12 6, 20 14\" \/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#D8D8D8; border-color:#DDD\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#A8A8A8\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#4A2510\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#A52A2A\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- EYES -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">AUGEN<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\r\n              <path d=\"M2 12 Q12 4, 22 12 Q12 20, 2 12 Z\" \/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#7A8B3C\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#2E5C2E\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#2E6FC7\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- GLASSES -->\r\n      <div class=\"l2-palette\">\r\n        <div class=\"l2-palette-label\">GL\u00c4SER<\/div>\r\n        <div class=\"l2-palette-row\">\r\n          <div class=\"l2-palette-icon\">\r\n            <svg viewbox=\"0 0 40 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\r\n              <circle cx=\"10\" cy=\"10\" r=\"6.5\" \/>\r\n              <circle cx=\"30\" cy=\"10\" r=\"6.5\" \/>\r\n              <line x1=\"16.5\" y1=\"10\" x2=\"23.5\" y2=\"10\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1D1D1B\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#6B3410\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#1F3A8A\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#E52828\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#237841\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#E67E22\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#FF6BCB\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#8E44AD\"><\/span>\r\n          <span class=\"l2-palette-swatch\" style=\"background:#95A5A6\"><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l2-colorcust-divider\"><\/div>\r\n\r\n  <div class=\"l2-colorcust-shot\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/51977175da4faeff46ad5a7d3fdcb719902c4203.png\" alt=\"Color Customization Screen\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b9d322 elementor-widget elementor-widget-html\" data-id=\"1b9d322\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 MINI 2 REMINDER\r\n     Section 5 \u2014 Blue alert with BLACK border + warning icon\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-reminder {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #0055BF;\r\n  border: 3px solid #000000;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 22px 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 28px;\r\n  color: #FFFFFF;\r\n}\r\n\r\n.l2-reminder-icon {\r\n  flex-shrink: 0;\r\n  width: 64px;\r\n  height: 64px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l2-reminder-icon img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.l2-reminder-body {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n.l2-reminder-body h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.8vw, 24px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.15;\r\n}\r\n.l2-reminder-body p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .l2-reminder {\r\n    padding: 18px 20px;\r\n    gap: 16px;\r\n  }\r\n  .l2-reminder-icon { width: 48px; height: 48px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-reminder\">\r\n  <div class=\"l2-reminder-icon\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Vector.png\" alt=\"Warning\" \/>\r\n  <\/div>\r\n  <div class=\"l2-reminder-body\">\r\n    <h3>Mini 2-Erinnerung<\/h3>\r\n    <p>Wenn Sie Mini 1 speichern, ohne Mini 2 anzupassen, erscheint die Aufforderung \"Warten Sie eine Sekunde\". Drei Optionen: Anpassen \/ Bereit verwenden \/ \u00dcberraschen Sie mich!<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0156633 elementor-widget elementor-widget-html\" data-id=\"0156633\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 2 \u2014 BUILD A MINI THAT LOOKS LIKE YOU\r\n     Section 6 \u2014 Yellow card + BLACK border + match demo\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l2-buildmini {\r\n  width: 82%;\r\n  margin: 0 auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #FFCC00;\r\n  border: 3px solid #000000;\r\n  border-bottom-width: 10px;\r\n  border-radius: 12px;\r\n  padding: 24px 32px 22px 32px;\r\n  color: #1D1D1B;\r\n}\r\n\r\n.l2-buildmini-top {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.8fr;\r\n  gap: 30px;\r\n  align-items: start;\r\n  margin-bottom: 24px;\r\n}\r\n.l2-buildmini-top h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.2;\r\n}\r\n.l2-buildmini-top p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Demo row: Real Child col | Match | Mini Version col *\/\r\n.l2-buildmini-demo {\r\n  display: grid;\r\n  grid-template-columns: 1fr auto 1fr;\r\n  gap: 20px;\r\n  align-items: start;\r\n}\r\n\r\n\/* White outer wrapper \u2014 her iki kart da bu beyaz \u00e7er\u00e7eveye sahip *\/\r\n.l2-mini-wrap {\r\n  background: #FFFFFF;\r\n  border-radius: 14px;\r\n  padding: 6px;\r\n}\r\n\r\n\/* Real Child inner \u2014 cream + dashed border *\/\r\n.l2-mini-inner-real {\r\n  background: #FFF9DB;\r\n  border: 2px dashed rgba(0,0,0,0.22);\r\n  border-radius: 10px;\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n\/* Mini Version inner \u2014 yellow (section bg) + BLACK solid border *\/\r\n.l2-mini-inner-mini {\r\n  background: #FFCC00;\r\n  border: 2px solid #000000;\r\n  border-radius: 10px;\r\n  padding: 22px 18px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.l2-mini-inner-real img,\r\n.l2-mini-inner-mini img {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n}\r\n.l2-mini-inner-real h4,\r\n.l2-mini-inner-mini h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.4vw, 18px);\r\n  color: #1D1D1B;\r\n  margin: 4px 0 0 0;\r\n}\r\n.l2-mini-inner-real p,\r\n.l2-mini-inner-mini p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* AI disclaimer \u2014 sadece Real Child kolonunun alt\u0131nda *\/\r\n.l2-mini-col-real {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n.l2-buildmini-foot {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(11px, 1vw, 13px);\r\n  color: rgba(0,0,0,0.55);\r\n  text-align: center;\r\n  margin: 0;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Match section (ortadaki) *\/\r\n.l2-match {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding-top: 40px; \/* center vertically-ish *\/\r\n}\r\n.l2-match-arrow {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n.l2-match-btn {\r\n  background: #FFFFFF;\r\n  color: #1D1D1B;\r\n  border: 2px solid #000000;\r\n  border-bottom-width: 6px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  padding: 8px 22px;\r\n  border-radius: 10px;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l2-buildmini-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l2-buildmini-demo {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .l2-match {\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    padding-top: 0;\r\n  }\r\n  .l2-match-arrow svg { transform: rotate(90deg); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l2-buildmini\">\r\n  <div class=\"l2-buildmini-top\">\r\n    <h2>Bauen Sie einen Mini, der<br>sieht aus wie Sie.<\/h2>\r\n    <p>Das Kind baut zwei separate Mini-Figuren: Mini 1 stellt sich selbst dar, Mini 2 stellt die Person dar, mit der es sprechen wird. Haarfarbe, Augenfarbe, Brillenstil - jedes Detail liegt in der Kontrolle des Kindes. Der Bau einer Figur, die so aussieht wie es selbst, st\u00e4rkt die Bindung zum Mini und erh\u00f6ht direkt die Aufnahmemotivation.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"l2-buildmini-demo\">\r\n\r\n    <!-- LEFT: Real Child card + AI disclaimer -->\r\n    <div class=\"l2-mini-col-real\">\r\n      <div class=\"l2-mini-wrap\">\r\n        <div class=\"l2-mini-inner-real\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Real Child\" \/>\r\n          <h4>Echtes Kind<\/h4>\r\n          <p>Rote Brille - Blaue Augen - Braune Haare<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"l2-buildmini-foot\">Die Bilder sind zum Schutz der Identit\u00e4t KI-generiert.<\/p>\r\n    <\/div>\r\n\r\n    <!-- MIDDLE: Arrow + Match button -->\r\n    <div class=\"l2-match\">\r\n      <div class=\"l2-match-arrow\">\r\n        <svg width=\"52\" height=\"18\" viewbox=\"0 0 52 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M2 9 H44 M36 2 L44 9 L36 16\" stroke=\"#000000\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <span class=\"l2-match-btn\">Spiel<\/span>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Mini Version card -->\r\n    <div class=\"l2-mini-col-mini\">\r\n      <div class=\"l2-mini-wrap\">\r\n        <div class=\"l2-mini-inner-mini\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Mini Version\" \/>\r\n          <h4>Mini-Ausf\u00fchrung<\/h4>\r\n          <p>Rote Brille - Blaue Augen - Braune Haare<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46d3bb0 elementor-widget elementor-widget-html\" data-id=\"46d3bb0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 HEADER + COLOR-CODED BRICK SLOT SYSTEM\r\n     Section 0 \u2014 Header bar + intro card\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ HEADER BAR ============ *\/\r\n.l3-header-wrap {\r\n  width: 82%;\r\n  margin: 60px auto 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-bars {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  height: 5px;\r\n}\r\n.l3-bars span:nth-child(1) { background: #E52828; }\r\n.l3-bars span:nth-child(2) { background: #FFCC00; }\r\n.l3-bars span:nth-child(3) { background: #0055BF; }\r\n.l3-bars span:nth-child(4) { background: #237841; }\r\n\r\n.l3-header-title {\r\n  font-weight: 900;\r\n  font-size: clamp(24px, 2.8vw, 42px);\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n.l3-header-title .prefix {\r\n  color: #E52828;\r\n  margin-right: 10px;\r\n}\r\n.l3-header-title .konturlu {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ COLOR-CODED CARD ============ *\/\r\n.l3-colorcoded {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #F5F5F5;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 6px;\r\n  border-radius: 12px;\r\n  padding: 18px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 28px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-colorcoded-bricks {\r\n  display: flex;\r\n  gap: 6px;\r\n  align-items: center;\r\n}\r\n.l3-colorcoded-bricks img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-colorcoded-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-colorcoded-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-header-wrap { gap: 10px; }\r\n  .l3-colorcoded {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-colorcoded-bricks img { height: 42px; }\r\n}\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<div class=\"l3-header-wrap\">\r\n  <div class=\"l3-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n  <h2 class=\"l3-header-title\">\r\n    <span class=\"prefix\">Schicht 3:<\/span><span class=\"konturlu\">Interaktionssystem<\/span>\r\n  <\/h2>\r\n  <div class=\"l3-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/div>\r\n\r\n<!-- COLOR-CODED CARD -->\r\n<div class=\"l3-colorcoded\">\r\n  <div class=\"l3-colorcoded-bricks\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-686.png\" alt=\"Red slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-687.png\" alt=\"Blue slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Green slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-689.png\" alt=\"Yellow slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Red tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-colorcoded-right\">\r\n    <h3>Farbcodiertes Steckplatzsystem f\u00fcr Ziegel<\/h3>\r\n    <p>Tippen Sie auf ein Feld, um die Optionen anzuzeigen. Sobald Sie eine Wahl getroffen haben, f\u00fcllt sich der Slot und der n\u00e4chste wird aktiviert.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82ad0eb elementor-widget elementor-widget-html\" data-id=\"82ad0eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 CATEGORIES (Level\/Mini\/Audio\/Action)\r\n     Section 1 \u2014 4 white cards with colored borders (no studs)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-categories {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-cat {\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 16px 18px;\r\n  text-align: left;\r\n}\r\n\r\n\/* Color variants \u2014 border + label color *\/\r\n.l3-cat.c-red    { border-color: #E52828; }\r\n.l3-cat.c-red    .l3-cat-label { color: #E52828; }\r\n\r\n.l3-cat.c-blue   { border-color: #0055BF; }\r\n.l3-cat.c-blue   .l3-cat-label { color: #0055BF; }\r\n\r\n.l3-cat.c-green  { border-color: #237841; }\r\n.l3-cat.c-green  .l3-cat-label { color: #237841; }\r\n\r\n.l3-cat.c-yellow { border-color: #FFCC00; }\r\n.l3-cat.c-yellow .l3-cat-label { color: #D4A017; }\r\n\r\n\/* Label \u2014 top-left *\/\r\n.l3-cat-label {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* Inner content (PNG with mini bricks) \u2014 fixed height, preserves aspect *\/\r\n.l3-cat-bricks {\r\n  height: 60px;\r\n  width: auto;\r\n  max-width: 100%;\r\n  display: block;\r\n  margin: 0 auto;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-categories { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 500px) {\r\n  .l3-categories { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-categories\">\r\n  <div class=\"l3-cat c-red\">\r\n    <div class=\"l3-cat-label\">Ebene<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Frame-22.png\" alt=\"Level bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-blue\">\r\n    <div class=\"l3-cat-label\">Mini<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MINI-FGURE.png\" alt=\"Mini bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-green\">\r\n    <div class=\"l3-cat-label\">Audio<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/VOICE.png\" alt=\"Audio bricks\" \/>\r\n  <\/div>\r\n  <div class=\"l3-cat c-yellow\">\r\n    <div class=\"l3-cat-label\">Aktion<\/div>\r\n    <img decoding=\"async\" class=\"l3-cat-bricks\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/ACTION.png\" alt=\"Action bricks\" \/>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af28ef7 elementor-widget elementor-widget-html\" data-id=\"af28ef7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 TICK BRICK: RED \u2192 GREEN\r\n     Section 2 \u2014 White gray-bordered card with 2 bricks + arrow\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-tickbrick {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-tickbrick-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.l3-tickbrick-left img {\r\n  height: 56px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-tickbrick-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 24px;\r\n  color: #1D1D1B;\r\n  line-height: 1;\r\n}\r\n.l3-tickbrick-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-tickbrick-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-tickbrick {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-tickbrick-left { justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-tickbrick\">\r\n  <div class=\"l3-tickbrick-left\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Red tick\" \/>\r\n    <span class=\"l3-tickbrick-arrow\">\u2192<\/span>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-681.png\" alt=\"Green tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-tickbrick-right\">\r\n    <h3>Tick Brick: Rot \u2192 Gr\u00fcn<\/h3>\r\n    <p>Das H\u00e4kchen bleibt rot, solange noch freie Pl\u00e4tze vorhanden sind. Wenn alle Slots gef\u00fcllt sind, wird er automatisch gr\u00fcn - das System ist bereit, die Animation kann beginnen.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7d24a elementor-widget elementor-widget-html\" data-id=\"1f7d24a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 DIALOGUE\r\n     Section 3 \u2014 White gray-bordered card with 7 bricks\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-dialogue {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-dialogue-bricks {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\r\n}\r\n.l3-dialogue-bricks img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-dialogue-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-dialogue-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-dialogue {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-dialogue-bricks {\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n  }\r\n  .l3-dialogue-bricks img { height: 42px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-dialogue\">\r\n  <div class=\"l3-dialogue-bricks\">\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-165.png\" alt=\"Dialogue\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-166.png\" alt=\"Mini-1\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-175.png\" alt=\"Mini-2\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-688.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-689.png\" alt=\"Slot\" \/>\r\n    <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-690.png\" alt=\"Tick\" \/>\r\n  <\/div>\r\n  <div class=\"l3-dialogue-right\">\r\n    <h3>Dialog<\/h3>\r\n    <p>Wenn der Dialogmodus ausgew\u00e4hlt ist, werden die Steckpl\u00e4tze f\u00fcr Mini 2 und Audio 2 automatisch erweitert. Versteckt in anderen Ebenen. Zwei Minis, zwei Demos, zwei Aufnahmen.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-997dfd3 elementor-widget elementor-widget-html\" data-id=\"997dfd3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 DEMO SEQUENCES\r\n     Section 4 \u2014 \"When Demo is selected\" + \"After recording\" (2 side-by-side)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-demoseq {\r\n  width: 82%;\r\n  margin: 0 auto 20px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-demo-card {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 20px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 20px;\r\n  align-items: center;\r\n}\r\n.l3-demo-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  flex-shrink: 0;\r\n}\r\n.l3-demo-left img {\r\n  height: 54px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n.l3-demo-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 22px;\r\n  color: #1D1D1B;\r\n  margin: 0 2px;\r\n}\r\n.l3-demo-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(15px, 1.35vw, 19px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-demo-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-demoseq { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 550px) {\r\n  .l3-demo-card {\r\n    grid-template-columns: 1fr;\r\n    gap: 12px;\r\n  }\r\n  .l3-demo-left { justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-demoseq\">\r\n  <!-- When Demo is selected -->\r\n  <div class=\"l3-demo-card\">\r\n    <div class=\"l3-demo-left\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-684.png\" alt=\"Demo-1\" \/>\r\n      <span class=\"l3-demo-arrow\">\u2192<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-158.png\" alt=\"Play\" \/>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-162.png\" alt=\"Reset\" \/>\r\n    <\/div>\r\n    <div class=\"l3-demo-right\">\r\n      <h3>Wenn Demo ausgew\u00e4hlt ist<\/h3>\r\n      <p>Play &amp; Reset aktiv<br>Aufnehmen &amp; L\u00f6schen inaktiv<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- After recording -->\r\n  <div class=\"l3-demo-card\">\r\n    <div class=\"l3-demo-left\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-159.png\" alt=\"Record\" \/>\r\n      <span class=\"l3-demo-arrow\">\u2192<\/span>\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-682.png\" alt=\"Play\" \/>\r\n    <\/div>\r\n    <div class=\"l3-demo-right\">\r\n      <h3>Nach der Aufnahme<\/h3>\r\n      <p>Automatisch ausgew\u00e4hlte Wiedergabe<br>Aktiv l\u00f6schen<br>Reset aktiv<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3599f62 elementor-widget elementor-widget-html\" data-id=\"3599f62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 BLACK BRICK: EXPERT SAVE\r\n     Section 5 \u2014 White gray-bordered card\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-blackbrick {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px 24px;\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 30px;\r\n  align-items: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-blackbrick img {\r\n  height: 56px;\r\n  width: auto;\r\n  display: block;\r\n  flex-shrink: 0;\r\n}\r\n.l3-blackbrick-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(17px, 1.5vw, 22px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-blackbrick-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .l3-blackbrick {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-blackbrick\">\r\n  <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-685.png\" alt=\"Black Save Brick\" \/>\r\n  <div class=\"l3-blackbrick-right\">\r\n    <h3>Schwarzer Ziegelstein: Experte speichern<\/h3>\r\n    <p>Der Experte speichert die Aufnahme eines angeschlossenen Kindes auf seinem eigenen Panel. Der Ton bleibt auf dem Ger\u00e4t - nur die numerischen Daten (Dauer, Pegel, Datum) gehen an den Server. Erfordert die Zustimmung der Eltern.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc57ce elementor-widget elementor-widget-html\" data-id=\"7cc57ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 RECORD SCREENS\r\n     Section 6 \u2014 Record Sound\/Word\/Sentence + Record Dialogue\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-records {\r\n  width: 82%;\r\n  margin: 0 auto 40px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l3-record-card {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 16px;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 18px;\r\n  align-items: center;\r\n}\r\n.l3-record-img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 8px;\r\n}\r\n.l3-record-text h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(16px, 1.4vw, 20px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.25;\r\n}\r\n.l3-record-text p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 8px 0;\r\n  line-height: 1.5;\r\n}\r\n.l3-record-text p:last-child { margin-bottom: 0; }\r\n\r\n@media (max-width: 900px) {\r\n  .l3-records { grid-template-columns: 1fr; }\r\n}\r\n@media (max-width: 550px) {\r\n  .l3-record-card { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-records\">\r\n  <!-- Record \u2014 Sound, Word, Sentence -->\r\n  <div class=\"l3-record-card\">\r\n    <img decoding=\"async\" class=\"l3-record-img\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/image-4.png\" alt=\"Record screen\" \/>\r\n    <div class=\"l3-record-text\">\r\n      <h3>Datensatz<br>Klang, Wort, Satz<\/h3>\r\n      <p>Einzelner Mini-Spracheingang.<\/p>\r\n      <p>Das System nimmt einen Audiostrom auf, der einer Szene \u00d7 einem Pegel \u00d7 einem Mini \u00d7 einem Aufnahmeschacht zugeordnet ist: Szene \u00d7 Pegel \u00d7 Mini \u00d7 Aufnahmeschacht.<\/p>\r\n      <p>Die Dauer ist begrenzt und wird in Echtzeit kontrolliert.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Record \u2014 Dialogue -->\r\n  <div class=\"l3-record-card\">\r\n    <img decoding=\"async\" class=\"l3-record-img\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/image-2.png\" alt=\"Record dialogue screen\" \/>\r\n    <div class=\"l3-record-text\">\r\n      <h3>Aufnahme - Dialog<\/h3>\r\n      <p>Duale Mini-Interaktion.<\/p>\r\n      <p>Jeder Mini verf\u00fcgt \u00fcber einen unabh\u00e4ngigen Audio-Slot.<\/p>\r\n      <p>Der Benutzer w\u00e4hlt den aktiven Mini aus und zeichnet separat auf.<\/p>\r\n      <p>Dies erm\u00f6glicht eine sequenzielle Multi-Rollen-Interaktion innerhalb derselben Szene.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da0a66c elementor-widget elementor-widget-html\" data-id=\"da0a66c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 FROM SOUND TO DIALOGUE\r\n     Section 7 \u2014 Red title + 4 RED studded cards (all same color)\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-s2d {\r\n  width: 82%;\r\n  margin: 40px auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-s2d-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.15;\r\n}\r\n.l3-s2d-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* 4 RED studded brick cards *\/\r\n.l3-s2d-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n.l3-s2d-card {\r\n  position: relative;\r\n  background: #E52828;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 22px 18px 20px 18px;\r\n  color: #FFFFFF;\r\n  text-align: left;\r\n}\r\n\r\n\/* Red LEGO studs on top (all cards same \u2014 red) *\/\r\n.l3-s2d-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png');\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n}\r\n\r\n\/* Round icon at top of body *\/\r\n.l3-s2d-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  display: block;\r\n  margin: 0 0 14px 0;\r\n}\r\n\r\n.l3-s2d-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.15;\r\n}\r\n.l3-s2d-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 800;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.3;\r\n}\r\n.l3-s2d-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #FFFFFF;\r\n  line-height: 1.5;\r\n  margin: 0 0 8px 0;\r\n}\r\n.l3-s2d-card p:last-child { margin-bottom: 0; }\r\n\r\n@media (max-width: 900px) {\r\n  .l3-s2d-cards { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }\r\n}\r\n@media (max-width: 500px) {\r\n  .l3-s2d-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-s2d\">\r\n  <h2 class=\"l3-s2d-title\">Vom Ton zum Dialog, Schritt f\u00fcr Schritt.<\/h2>\r\n  <p class=\"l3-s2d-desc\">\r\n    Die schrittweise Exposition ist der zentrale Ansatz bei der Behandlung des selektiven Mutismus. Mini-Talks setzt dieses Prinzip in vier Kommunikationsstufen um - jede Stufe beginnt dort, wo das Kind bereit ist.\r\n  <\/p>\r\n\r\n  <div class=\"l3-s2d-cards\">\r\n    <!-- Sound -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632.png\" alt=\"Sound\" \/>\r\n      <h3>Ton<\/h3>\r\n      <h4>Stufe 1 - Wortlose Kl\u00e4nge<\/h4>\r\n      <p>Nonverbale stimmliche \u00c4u\u00dferungen im Kontext einer Szene.<\/p>\r\n      <p>Einfache, wiederholbare Kl\u00e4nge, die mit der Umgebung assoziiert werden.<\/p>\r\n      <p>Keine sprachlichen Anforderungen - Fokus auf Sprachaktivierung.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Word -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-1.png\" alt=\"Word\" \/>\r\n      <h3>Wort<\/h3>\r\n      <h4>Stufe 2 - Einzelne Wortantworten<\/h4>\r\n      <p>Ein-Wort-Produktion in Verbindung mit Szenenelementen.<\/p>\r\n      <p>Objekte und Handlungen werden im Kontext benannt, wodurch eine kontrollierte Sprache eingef\u00fchrt wird, ohne den Druck zu erh\u00f6hen.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Sentence -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-2.png\" alt=\"Sentence\" \/>\r\n      <h3>Satz<\/h3>\r\n      <h4>Stufe 3 - Vollst\u00e4ndige S\u00e4tze<\/h4>\r\n      <p>Strukturierte Satzproduktion innerhalb der Szene.<\/p>\r\n      <p>Das Kind dr\u00fcckt W\u00fcnsche, Reaktionen oder Beschreibungen in kurzen S\u00e4tzen aus, die an den aktuellen Kontext gebunden sind.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Dialogue -->\r\n    <div class=\"l3-s2d-card\">\r\n      <div class=\"l3-s2d-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l3-s2d-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Rectangle-632-3.png\" alt=\"Dialogue\" \/>\r\n      <h3>Dialog<\/h3>\r\n      <h4>Level 4 - Zwei Minis, hin und her<\/h4>\r\n      <p>Multi-Rollen-Interaktion mit zwei Minis.<\/p>\r\n      <p>Das Kind spricht sequentiell in einem gemeinsamen Kontext und bildet grundlegende Dialogstrukturen.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4b0502 elementor-widget elementor-widget-html\" data-id=\"d4b0502\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 CAFE SCENE BANNER (PNG)\r\n     Section 8 \u2014 Single pre-designed PNG display\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n.l3-cafe-wrap {\r\n  width: 100%;\r\n  margin: 20px auto 30px;\r\n  text-align: center;\r\n  line-height: 0;\r\n}\r\n.l3-cafe-wrap img {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto;\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-cafe-wrap\">\r\n  <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Group-722.png\" alt=\"LEGO Cafe Scene \u2014 Sound, Word, Sentence, Dialogue\" \/>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-846a5ce elementor-widget elementor-widget-html\" data-id=\"846a5ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 SCENE INTEGRATION\r\n     Section 9 \u2014 Soft blue card (#E2EFFF) with 4 pills structure\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-sceneint {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #E2EFFF;\r\n  border: 4px solid #0055BF;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 20px 26px 22px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-sceneint h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 6px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-sceneint-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0 0 18px 0;\r\n}\r\n\r\n.l3-sceneint-divider {\r\n  height: 1px;\r\n  background: rgba(0,85,191,0.3);\r\n  margin: 14px 0 16px;\r\n}\r\n\r\n.l3-sceneint-subtitle {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 12px 0;\r\n}\r\n\r\n.l3-sceneint-row {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n\r\n.l3-sceneint-pills {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n.l3-sceneint-pill {\r\n  background: #FFFFFF;\r\n  border: 2px solid;\r\n  border-bottom-width: 6px;\r\n  border-radius: 8px;\r\n  padding: 7px 14px 5px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n  color: #1D1D1B;\r\n}\r\n.l3-sceneint-pill.c-red   { border-color: #E52828; }\r\n.l3-sceneint-pill.c-blue  { border-color: #0055BF; }\r\n.l3-sceneint-pill.c-green { border-color: #237841; }\r\n\r\n.l3-sceneint-x {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 14px;\r\n  color: #1D1D1B;\r\n}\r\n\r\n.l3-sceneint-note {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .l3-sceneint-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-sceneint\">\r\n  <h3>Integration von Szenen<\/h3>\r\n  <p class=\"l3-sceneint-desc\">Der angepasste Mini wird in der ausgew\u00e4hlten Szene platziert. Nach einer kurzen Szenenanimation beginnt die Sprechanimation mit diesen Minis. W\u00e4hrend der Demo-Wiedergabe wird auch die Mundanimation des Minis abgespielt - das Kind sieht seine Figur sprechen.<\/p>\r\n\r\n  <div class=\"l3-sceneint-divider\"><\/div>\r\n\r\n  <div class=\"l3-sceneint-subtitle\">Inhaltliche Struktur<\/div>\r\n\r\n  <div class=\"l3-sceneint-row\">\r\n    <div class=\"l3-sceneint-pills\">\r\n      <span class=\"l3-sceneint-pill c-red\">Schauplatz<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-red\">Ebene<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-blue\">Mini-Sprechrolle<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-green\">Demo &amp; Gespr\u00e4ch<\/span>\r\n    <\/div>\r\n    <p class=\"l3-sceneint-note\">Jeder Demoinhalt und jede Aufnahmeerwartung wird durch die Schnittmenge dieser vier Dimensionen bestimmt.<\/p>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffbc31 elementor-widget elementor-widget-html\" data-id=\"7ffbc31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 3 \u2014 INTERACTION FLOW\r\n     Section 10 \u2014 Green outer card with Phase 1 + 3 colored mode cards\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l3-intflow {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  background: #FFFFFF;\r\n  border: 4px solid #237841;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 22px 28px 26px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l3-intflow-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 2vw, 28px);\r\n  color: #237841;\r\n  margin: 0 0 20px 0;\r\n  line-height: 1.15;\r\n}\r\n\r\n.l3-intflow-phase {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: rgba(0,0,0,0.45);\r\n  margin: 0 0 14px 0;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* ============ PHASE 1 ============ *\/\r\n.l3-intflow-phase1 {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: 24px;\r\n  align-items: center;\r\n  margin-bottom: 8px;\r\n}\r\n.l3-intflow-p1-boxes {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n.l3-intflow-p1-box {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: #E5E5E5;\r\n  border-radius: 10px;\r\n}\r\n.l3-intflow-p1-arrow {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 22px;\r\n  color: #1D1D1B;\r\n}\r\n.l3-intflow-p1-right h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(16px, 1.4vw, 20px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.2;\r\n}\r\n.l3-intflow-p1-right p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #1D1D1B;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n.l3-intflow-divider {\r\n  height: 1px;\r\n  background: rgba(35,120,65,0.3);\r\n  margin: 22px 0 18px;\r\n}\r\n\r\n\/* ============ PHASE 2 \u2014 3 MODE CARDS ============ *\/\r\n.l3-intflow-modes {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n}\r\n.l3-intflow-mode {\r\n  border: 3px solid;\r\n  border-bottom-width: 8px;\r\n  border-radius: 14px;\r\n  padding: 14px 16px;\r\n}\r\n.l3-intflow-mode.c-green  { background: #EDF9F1; border-color: #237841; }\r\n.l3-intflow-mode.c-red    { background: #FFE8E8; border-color: #E52828; }\r\n.l3-intflow-mode.c-yellow { background: #FFF5CF; border-color: #FFCC00; }\r\n\r\n\/* Top icon row *\/\r\n.l3-intflow-icons {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-bottom: 10px;\r\n}\r\n.l3-intflow-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.l3-intflow-icon img {\r\n  width: 20px;\r\n  height: 20px;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* Icon bg \u2014 always GREEN (left) + YELLOW (right), regardless of card color *\/\r\n.l3-intflow-icon.i-1 { background: #237841; }\r\n.l3-intflow-icon.i-2 { background: #FFCC00; }\r\n\r\n\/* Icons: white on green, dark on yellow *\/\r\n.l3-intflow-icon.i-1 img { filter: brightness(0) invert(1); }\r\n.l3-intflow-icon.i-2 img { filter: brightness(0); }\r\n\r\n.l3-intflow-mode h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 17px);\r\n  color: #1D1D1B;\r\n  margin: 0 0 8px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n\/* Pills row *\/\r\n.l3-intflow-mode-pills {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  margin-bottom: 10px;\r\n}\r\n.l3-intflow-mode-pill {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(10px, 0.95vw, 12px);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n  line-height: 1;\r\n}\r\n.l3-intflow-mode-pill.p-green  { background: #237841; color: #FFFFFF; }\r\n.l3-intflow-mode-pill.p-yellow { background: #FFCC00; color: #1D1D1B; }\r\n.l3-intflow-mode-plus {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: 13px;\r\n  color: #237841;\r\n}\r\n\r\n.l3-intflow-mode p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(11px, 1.05vw, 13px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l3-intflow-phase1 {\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n  .l3-intflow-modes { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l3-intflow\">\r\n  <h3 class=\"l3-intflow-title\">Interaktionsfluss<\/h3>\r\n\r\n  <!-- PHASE 1 -->\r\n  <div class=\"l3-intflow-phase\">Phase 1 - Jede Interaktion beginnt hier<\/div>\r\n  <div class=\"l3-intflow-phase1\">\r\n    <div class=\"l3-intflow-p1-boxes\">\r\n      <div class=\"l3-intflow-p1-box\"><\/div>\r\n      <span class=\"l3-intflow-p1-arrow\">\u2192<\/span>\r\n      <div class=\"l3-intflow-p1-box\"><\/div>\r\n    <\/div>\r\n    <div class=\"l3-intflow-p1-right\">\r\n      <h4>Minis betreten die Szene<\/h4>\r\n      <p>Angepasste Minis werden in der ausgew\u00e4hlten Szene platziert. Eine kurze szenenbezogene Einf\u00fchrungsanimation wird abgespielt. Dann beginnt der Interaktionsmodus.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"l3-intflow-divider\"><\/div>\r\n\r\n  <!-- PHASE 2 -->\r\n  <div class=\"l3-intflow-phase\">Phase 2 - Drei Interaktionsmodi<\/div>\r\n  <div class=\"l3-intflow-modes\">\r\n\r\n    <!-- Watch & Listen \u2014 GREEN -->\r\n    <div class=\"l3-intflow-mode c-green\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/volume_up.png\" alt=\"Sound\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Polygon-1.png\" alt=\"Play\" \/><\/div>\r\n      <\/div>\r\n      <h4>Sehen und H\u00f6ren<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Demo<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Spielen<\/span>\r\n      <\/div>\r\n      <p>Der Demo-Ton wird abgespielt, w\u00e4hrend sich Minis Mund synchron dazu bewegt. Das Kind sieht und h\u00f6rt, wie seine Figur spricht.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Record \u2014 RED -->\r\n    <div class=\"l3-intflow-mode c-red\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MicFill.png\" alt=\"Mic\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Ellipse-14.png\" alt=\"Record\" \/><\/div>\r\n      <\/div>\r\n      <h4>Datensatz<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Gespr\u00e4ch<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Datensatz<\/span>\r\n      <\/div>\r\n      <p>Das Kind spricht mit der Stimme seines Minis und nimmt auf. Der Ton bleibt auf dem Ger\u00e4t - nur die numerischen Daten gehen an den Server.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Animated Playback \u2014 YELLOW -->\r\n    <div class=\"l3-intflow-mode c-yellow\">\r\n      <div class=\"l3-intflow-icons\">\r\n        <div class=\"l3-intflow-icon i-1\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/MicFill.png\" alt=\"Mic\" \/><\/div>\r\n        <div class=\"l3-intflow-icon i-2\"><img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Polygon-1.png\" alt=\"Play\" \/><\/div>\r\n      <\/div>\r\n      <h4>Animierte Wiedergabe<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Gespr\u00e4ch<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Spielen<\/span>\r\n      <\/div>\r\n      <p>Die eigene Stimme des Kindes wird synchron mit der Mundanimation von Mini abgespielt. Das f\u00f6rdert die Eigenverantwortung und Motivation.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-084e0e8 elementor-widget elementor-widget-html\" data-id=\"084e0e8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 HEADER + MINI JOURNEY DASHBOARD\r\n     Section 0 \u2014 Layer 4 header + title + 4 studded brick cards\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* ============ LAYER 4 HEADER BAR ============ *\/\r\n.l4-header-wrap {\r\n  width: 82%;\r\n  margin: 60px auto 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l4-bars {\r\n  flex: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  height: 5px;\r\n}\r\n.l4-bars span:nth-child(1) { background: #E52828; }\r\n.l4-bars span:nth-child(2) { background: #FFCC00; }\r\n.l4-bars span:nth-child(3) { background: #0055BF; }\r\n.l4-bars span:nth-child(4) { background: #237841; }\r\n\r\n.l4-header-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(24px, 2.8vw, 42px);\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n.l4-header-title .prefix {\r\n  color: #E52828;\r\n  margin-right: 10px;\r\n}\r\n.l4-header-title .konturlu {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n  line-height: 1.1;\r\n}\r\n\r\n\/* ============ MINI JOURNEY ============ *\/\r\n.l4-mj {\r\n  width: 82%;\r\n  margin: 40px auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l4-mj-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #E52828;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l4-mj-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* Cards grid *\/\r\n.l4-mj-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 22px;\r\n}\r\n.l4-mj-card {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid;\r\n  border-bottom-width: 10px;\r\n  border-radius: 18px;\r\n  padding: 22px 20px 22px;\r\n}\r\n\r\n\/* Studs on top \u2014 same pattern as Layer 1\/2\/3 *\/\r\n.l4-mj-card-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 2%;\r\n  right: 2%;\r\n  height: 30px;\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: 100% auto;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Color variants *\/\r\n.l4-mj-card.c-red    { border-color: #E52828; }\r\n.l4-mj-card.c-red    .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-kirmizi.png'); }\r\n.l4-mj-card.c-red    .l4-mj-card-title { color: #E52828; }\r\n\r\n.l4-mj-card.c-blue   { border-color: #0055BF; }\r\n.l4-mj-card.c-blue   .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-mavi.png'); }\r\n.l4-mj-card.c-blue   .l4-mj-card-title { color: #0055BF; }\r\n\r\n.l4-mj-card.c-yellow { border-color: #FFCC00; }\r\n.l4-mj-card.c-yellow .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-sari.png'); }\r\n.l4-mj-card.c-yellow .l4-mj-card-title { color: #D4A017; }\r\n\r\n.l4-mj-card.c-green  { border-color: #237841; }\r\n.l4-mj-card.c-green  .l4-mj-card-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/02\/yeni-3-yesil.png'); }\r\n.l4-mj-card.c-green  .l4-mj-card-title { color: #237841; }\r\n\r\n\/* Head icon *\/\r\n.l4-mj-card-icon {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 0 14px 0;\r\n}\r\n\r\n.l4-mj-card-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(20px, 1.9vw, 28px);\r\n  margin: 0 0 10px 0;\r\n  line-height: 1.1;\r\n}\r\n\r\n.l4-mj-card-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.15vw, 15px);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\/* Card description color matches title tone (lighter) *\/\r\n.l4-mj-card.c-red    .l4-mj-card-desc { color: #E86969; }\r\n.l4-mj-card.c-blue   .l4-mj-card-desc { color: #5A83C9; }\r\n.l4-mj-card.c-yellow .l4-mj-card-desc { color: #D4A017; }\r\n.l4-mj-card.c-green  .l4-mj-card-desc { color: #5AA377; }\r\n\r\n@media (max-width: 900px) {\r\n  .l4-mj-cards { grid-template-columns: repeat(2, 1fr); row-gap: 44px; }\r\n}\r\n@media (max-width: 500px) {\r\n  .l4-mj-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<!-- LAYER 4 HEADER -->\r\n<div class=\"l4-header-wrap\">\r\n  <div class=\"l4-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n  <h2 class=\"l4-header-title\">\r\n    <span class=\"prefix\">Schicht 4:<\/span><span class=\"konturlu\">Fortschritt &amp; Dashboard<\/span>\r\n  <\/h2>\r\n  <div class=\"l4-bars\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/div>\r\n\r\n<!-- MINI JOURNEY DASHBOARD -->\r\n<div class=\"l4-mj\">\r\n  <h2 class=\"l4-mj-title\">Mini Journey Dashboard<\/h2>\r\n  <p class=\"l4-mj-desc\">Alle Fortschritte werden von einem Ort aus verfolgt. 7 Widgets, jedes mit einem Verwaltungs- und Ansichtsbildschirm.<\/p>\r\n\r\n  <div class=\"l4-mj-cards\">\r\n    <div class=\"l4-mj-card c-red\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Parent\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Elternteil<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Sie k\u00f6nnen Einstellungen verwalten und den Fortschritt detailliert anzeigen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-blue\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Expert\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Experte<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kann mit Erlaubnis der Eltern detaillierte Fortschritte einsehen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-yellow\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Child\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Kind<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Sie k\u00f6nnen auf das Haupt-Dashboard ohne detaillierte Daten zugreifen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-mj-card c-green\">\r\n      <div class=\"l4-mj-card-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-mj-card-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Builder\" \/>\r\n      <h3 class=\"l4-mj-card-title\">Bauherr<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Sie k\u00f6nnen den Fortschritt ihrer eigenen Aktivit\u00e4ten detailliert verfolgen.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d5cb65 elementor-widget elementor-widget-html\" data-id=\"2d5cb65\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 DASHBOARD SLIDER\r\n     Section 1 \u2014 2 images side-by-side with chevron arrows\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-slider {\r\n  width: 82%;\r\n  margin: 0 auto 40px;\r\n  position: relative;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* 2-item grid \u2014 fills full 82% width (same as cards above) *\/\r\n.l4-slider-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n\/* Chevron arrow buttons \u2014 positioned OUTSIDE the 82% grid *\/\r\n.l4-slider-btn {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  transform: translateY(-50%) !important;\r\n  width: 46px !important;\r\n  height: 46px !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  cursor: pointer !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  box-shadow: none !important;\r\n  opacity: 0.6;\r\n  transition: opacity 0.2s ease !important;\r\n  z-index: 3;\r\n}\r\n.l4-slider-btn.prev { left: -60px !important; }\r\n.l4-slider-btn.next { right: -60px !important; }\r\n\r\n.l4-slider-btn:hover {\r\n  opacity: 1 !important;\r\n  background: transparent !important;\r\n}\r\n.l4-slider-btn:focus {\r\n  outline: none !important;\r\n  background: transparent !important;\r\n}\r\n.l4-slider-btn svg {\r\n  width: 40px !important;\r\n  height: 40px !important;\r\n  display: block !important;\r\n}\r\n.l4-slider-btn svg path {\r\n  stroke: #999999 !important;\r\n  stroke-width: 2.5 !important;\r\n  fill: none !important;\r\n  stroke-linecap: round !important;\r\n  stroke-linejoin: round !important;\r\n}\r\n\r\n\/* Each slide \u2014 gray brick bordered card *\/\r\n.l4-slider-item {\r\n  background: #FFFFFF;\r\n  border: 4px solid #C8C8C8;\r\n  border-bottom-width: 10px;\r\n  border-radius: 14px;\r\n  padding: 10px;\r\n  overflow: hidden;\r\n}\r\n.l4-slider-item img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 6px;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-slider-grid { grid-template-columns: 1fr; }\r\n  .l4-slider-btn { width: 36px !important; height: 36px !important; }\r\n  .l4-slider-btn.prev { left: -44px !important; }\r\n  .l4-slider-btn.next { right: -44px !important; }\r\n  .l4-slider-btn svg { width: 28px !important; height: 28px !important; }\r\n}\r\n@media (max-width: 700px) {\r\n  .l4-slider-btn.prev { left: 4px !important; }\r\n  .l4-slider-btn.next { right: 4px !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-slider\">\r\n  <button class=\"l4-slider-btn prev\" type=\"button\" aria-label=\"Vorherige\" onclick=\"l4SliderGo(-1)\">\r\n    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M15 6l-6 6 6 6\"\/>\r\n    <\/svg>\r\n  <\/button>\r\n\r\n  <div class=\"l4-slider-grid\">\r\n    <div class=\"l4-slider-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/96be4cf1917bb4a714b04201819b1ec20ed81dfe.png\" alt=\"Mini Journey - Child View\" id=\"l4Slide1\" \/>\r\n    <\/div>\r\n    <div class=\"l4-slider-item\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/83558e9ff1d6886503f3bcf59b94bd3cb4cf61af.png\" alt=\"Mini Journey - Parent View\" id=\"l4Slide2\" \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button class=\"l4-slider-btn next\" type=\"button\" aria-label=\"Weiter\" onclick=\"l4SliderGo(1)\">\r\n    <svg viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M9 6l6 6-6 6\"\/>\r\n    <\/svg>\r\n  <\/button>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Optional: arrows can swap the 2 images for cycling\r\n(function() {\r\n  window.l4SlideImages = [\r\n    'https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/96be4cf1917bb4a714b04201819b1ec20ed81dfe.png',\r\n    'https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/83558e9ff1d6886503f3bcf59b94bd3cb4cf61af.png'\r\n  ];\r\n  window.l4SliderGo = function(dir) {\r\n    var s1 = document.getElementById('l4Slide1');\r\n    var s2 = document.getElementById('l4Slide2');\r\n    if (!s1 || !s2) return;\r\n    \/\/ Simple swap on arrow click\r\n    var tmp = s1.src;\r\n    s1.src = s2.src;\r\n    s2.src = tmp;\r\n  };\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4aa2bf elementor-widget elementor-widget-html\" data-id=\"b4aa2bf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 7 INTERACTIVE TABS + CONTENT CARD\r\n     Section 2 \u2014 All 7 tabs with Manage\/View toggle + photo swap\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-tabs-wrap {\r\n  width: 82%;\r\n  margin: 0 auto 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* ============ TABS ============ *\/\r\n.l4-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n  align-items: stretch;\r\n}\r\n.l4-tab {\r\n  background: #FFFFFF;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 8px;\r\n  border-radius: 12px;\r\n  padding: 12px 10px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(11px, 1vw, 14px);\r\n  color: #1D1D1B;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: all 0.2s ease;\r\n  line-height: 1.25;\r\n  user-select: none;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 56px;\r\n}\r\n.l4-tab:hover { transform: translateY(-2px); }\r\n.l4-tab.active {\r\n  background: #E52828;\r\n  color: #FFFFFF;\r\n}\r\n\r\n\/* ============ CONTENT CARDS ============ *\/\r\n.l4-tab-content { display: none; }\r\n.l4-tab-content.active { display: block; }\r\n\r\n.l4-content-card {\r\n  background: #E52828;\r\n  border: 3px solid #E52828;\r\n  border-bottom-width: 6px;\r\n  border-radius: 14px;\r\n  padding: 26px 28px;\r\n  color: #FFFFFF;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n  min-height: 380px;\r\n}\r\n\r\n\/* Manage\/View toggle \u2014 pressed (active) vs unpressed (inactive) brick effect *\/\r\n.l4-toggle {\r\n  display: flex;\r\n  gap: 10px;\r\n  margin-bottom: 18px;\r\n}\r\n.l4-toggle-btn {\r\n  background: #FFFFFF !important;\r\n  color: #000000 !important;\r\n  border: 2px solid #000000 !important;\r\n  border-bottom-width: 6px !important;\r\n  border-radius: 8px !important;\r\n  padding: 6px 22px 4px !important;\r\n  font-family: 'Montserrat', sans-serif !important;\r\n  font-weight: 900 !important;\r\n  font-size: clamp(12px, 1.1vw, 14px) !important;\r\n  cursor: pointer !important;\r\n  user-select: none;\r\n  transition: all 0.15s ease !important;\r\n  margin: 0 !important;\r\n  line-height: 1 !important;\r\n}\r\n.l4-toggle-btn.active {\r\n  background: #000000 !important;\r\n  color: #FFFFFF !important;\r\n  border-bottom-width: 2px !important;\r\n  padding-bottom: 8px !important;\r\n}\r\n\r\n\/* Mode content \u2014 Manage vs View swap *\/\r\n.l4-mode-content { display: none; }\r\n.l4-mode-content.active { display: block; }\r\n\r\n.l4-content-left h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.15;\r\n}\r\n.l4-content-left p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #FFFFFF;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right side \u2014 screenshot + mode swap, fills stretched column *\/\r\n.l4-content-shot {\r\n  background: #FFFFFF;\r\n  border-radius: 10px;\r\n  padding: 12px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n.l4-shot-mode {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.l4-shot-mode.active {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n.l4-shot-mode img {\r\n  width: 100%;\r\n  max-height: 100%;\r\n  height: auto;\r\n  display: block;\r\n  border-radius: 6px;\r\n  object-fit: contain;\r\n}\r\n.l4-shot-placeholder {\r\n  background: #F5F5F5;\r\n  border-radius: 6px;\r\n  width: 100%;\r\n  min-height: 300px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 20px;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #999999;\r\n  letter-spacing: 0.3px;\r\n}\r\n\r\n\/* Left side also vertically centered within stretched column *\/\r\n.l4-content-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-tabs { grid-template-columns: repeat(4, 1fr); }\r\n  .l4-content-card {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n}\r\n@media (max-width: 500px) {\r\n  .l4-tabs { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-tabs-wrap\">\r\n\r\n  <!-- 7 TABS -->\r\n  <div class=\"l4-tabs\">\r\n    <div class=\"l4-tab active\" onclick=\"l4TabSwitch(this, 'mm')\">Motivation Botschaften<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'scenes')\">Szenen &amp; Levels<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rec')\">Aufzeichnungen<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'streak')\">Streak<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'missions')\">Missionen<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rewards')\">Belohnungen<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'minis')\">Personalisierte Minis<\/div>\r\n  <\/div>\r\n\r\n  <!-- Motivation Messages (active) \u2014 has real Manage photo -->\r\n  <div class=\"l4-tab-content active\" data-tab=\"mm\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Motivation Botschaften<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Motivation Botschaften<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/e8fe9d626b36b56e9f4aec28729506ab5c9fdb30.png\" alt=\"Motivation Messages Manager\" \/>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Scenes & Levels \u2014 placeholder photos both modes -->\r\n  <div class=\"l4-tab-content\" data-tab=\"scenes\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Szenen &amp; Levels<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Szenen &amp; Levels<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Recordings -->\r\n  <div class=\"l4-tab-content\" data-tab=\"rec\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Aufzeichnungen<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Aufzeichnungen<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Streak -->\r\n  <div class=\"l4-tab-content\" data-tab=\"streak\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Streak<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Streak<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Missions -->\r\n  <div class=\"l4-tab-content\" data-tab=\"missions\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Missionen<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Missionen<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Rewards -->\r\n  <div class=\"l4-tab-content\" data-tab=\"rewards\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Belohnungen<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Belohnungen<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Customized Minis -->\r\n  <div class=\"l4-tab-content\" data-tab=\"minis\">\r\n    <div class=\"l4-content-card\">\r\n      <div class=\"l4-content-left\">\r\n        <div class=\"l4-toggle\">\r\n          <button class=\"l4-toggle-btn active\" onclick=\"l4ModeSwitch(this, 'manage')\">Verwalten Sie<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Siehe<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Personalisierte Minis<\/h3>\r\n          <p>Richten Sie t\u00e4gliche Motivationsnachrichten f\u00fcr Ihr Kind ein. W\u00e4hlen Sie die Themen der Nachrichten, schreiben Sie eigene Notizen und legen Sie fest, wann sie erscheinen. Die Nachrichten werden vor jeder Sitzung angezeigt, damit das Kind ermutigt und konzentriert bleibt.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Personalisierte Minis<\/h3>\r\n          <p>\u00dcberpr\u00fcfen Sie, welche Nachrichten gezeigt wurden und wie das Kind darauf reagiert hat. Statistiken zum Engagement in Bezug auf Themen, Zeitpunkt und H\u00e4ufigkeit helfen Ihnen bei der Feinabstimmung dessen, was am besten funktioniert - und das alles, ohne pers\u00f6nliche Inhalte zu speichern.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"l4-content-shot\">\r\n        <div class=\"l4-shot-mode active\" data-mode=\"manage\">\r\n          <div class=\"l4-shot-placeholder\">Demn\u00e4chst verf\u00fcgbar<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Ansichtsmodus - in K\u00fcrze<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction l4TabSwitch(el, name) {\r\n  var tabs = document.querySelectorAll('.l4-tab');\r\n  tabs.forEach(function(t) { t.classList.remove('active'); });\r\n  el.classList.add('active');\r\n  var contents = document.querySelectorAll('.l4-tab-content');\r\n  contents.forEach(function(c) {\r\n    if (c.getAttribute('data-tab') === name) { c.classList.add('active'); }\r\n    else { c.classList.remove('active'); }\r\n  });\r\n}\r\n\r\nfunction l4ModeSwitch(btn, mode) {\r\n  \/\/ Find current tab-content (the container for this tab)\r\n  var tabContent = btn.closest('.l4-tab-content');\r\n  if (!tabContent) return;\r\n\r\n  \/\/ Toggle active state on buttons within THIS tab\r\n  var btns = tabContent.querySelectorAll('.l4-toggle-btn');\r\n  btns.forEach(function(b) { b.classList.remove('active'); });\r\n  btn.classList.add('active');\r\n\r\n  \/\/ Switch text mode content\r\n  var modes = tabContent.querySelectorAll('.l4-mode-content');\r\n  modes.forEach(function(m) {\r\n    if (m.getAttribute('data-mode') === mode) { m.classList.add('active'); }\r\n    else { m.classList.remove('active'); }\r\n  });\r\n\r\n  \/\/ Switch photo mode content\r\n  var shots = tabContent.querySelectorAll('.l4-shot-mode');\r\n  shots.forEach(function(s) {\r\n    if (s.getAttribute('data-mode') === mode) { s.classList.add('active'); }\r\n    else { s.classList.remove('active'); }\r\n  });\r\n}\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abc94a9 elementor-widget elementor-widget-html\" data-id=\"abc94a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 PRIVACY \/ NO PERSONAL DATA\r\n     Section 3 \u2014 Dark green full-width bg with content\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-privacy {\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  background: #237841;\r\n  padding: 40px 0;\r\n  margin-top: 30px;\r\n  margin-bottom: 30px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n.l4-privacy-inner {\r\n  width: 82%;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 0.8fr;\r\n  gap: 30px;\r\n  align-items: stretch;\r\n}\r\n\r\n\/* Left column \u2014 flex so cards fill height *\/\r\n.l4-privacy-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.l4-privacy-left h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  color: #FFFFFF;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-intro {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  color: #FFFFFF;\r\n  line-height: 1.55;\r\n  margin: 0 0 22px 0;\r\n  max-width: 95%;\r\n}\r\n\r\n\/* 3 cards wrapper \u2014 fills remaining height *\/\r\n.l4-privacy-cards {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n  flex: 1;\r\n}\r\n\r\n\/* 3 white info cards \u2014 with gray brick border *\/\r\n.l4-privacy-card {\r\n  background: #FFFFFF;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 8px;\r\n  border-radius: 12px;\r\n  padding: 16px 18px;\r\n  display: grid;\r\n  grid-template-columns: 40px 1fr;\r\n  gap: 14px;\r\n  align-items: center;\r\n  flex: 1;\r\n}\r\n.l4-privacy-card-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: #E5E5E5;\r\n  border-radius: 8px;\r\n}\r\n.l4-privacy-card h4 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(14px, 1.3vw, 16px);\r\n  color: #237841;\r\n  margin: 0 0 4px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.1vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* Right side \u2014 shield card with gray brick border + centered vertically *\/\r\n.l4-privacy-right {\r\n  background: #FFFFFF;\r\n  border: 3px solid #C8C8C8;\r\n  border-bottom-width: 8px;\r\n  border-radius: 14px;\r\n  padding: 24px 26px;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n}\r\n.l4-privacy-right-head {\r\n  margin-bottom: 14px;\r\n}\r\n.l4-privacy-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n.l4-privacy-shield {\r\n  width: 48px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto 10px;\r\n}\r\n.l4-privacy-right h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #237841;\r\n  margin: 0 0 16px 0;\r\n  text-align: center;\r\n  line-height: 1.2;\r\n}\r\n.l4-privacy-item {\r\n  display: grid;\r\n  grid-template-columns: 28px 1fr;\r\n  gap: 10px;\r\n  align-items: center;\r\n  padding: 8px 10px;\r\n  border: 1px solid #E5E5E5;\r\n  border-radius: 8px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(11px, 1.05vw, 13px);\r\n  color: #1D1D1B;\r\n  line-height: 1.3;\r\n}\r\n.l4-privacy-item-mark {\r\n  width: 24px;\r\n  height: 24px;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 900;\r\n  color: #FFFFFF;\r\n  font-size: 14px;\r\n}\r\n.l4-privacy-item.check .l4-privacy-item-mark { background: #237841; }\r\n.l4-privacy-item.cross .l4-privacy-item-mark { background: #E52828; }\r\n\r\n@media (max-width: 900px) {\r\n  .l4-privacy-inner {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-privacy\">\r\n  <div class=\"l4-privacy-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"l4-privacy-left\">\r\n      <h2>Sprachaufzeichnungen werden niemals gespeichert.<br>Es werden keine personenbezogenen Daten erhoben.<\/h2>\r\n      <p class=\"l4-privacy-intro\">Mini-Talks stellt die Privatsph\u00e4re Ihres Kindes \u00fcber alles. Sprachaufnahmen werden niemals dauerhaft gespeichert - weder auf unseren Servern noch auf dem Ger\u00e4t. Sie existieren nur w\u00e4hrend der Sitzung, k\u00f6nnen abgespielt werden und verschwinden, wenn die Sitzung endet.<\/p>\r\n\r\n      <div class=\"l4-privacy-cards\">\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Sprachaufzeichnungen werden niemals gespeichert<\/h4>\r\n            <p>Sprachaufnahmen werden nirgendwo dauerhaft gespeichert. Das Kind nimmt in Slots auf und h\u00f6rt w\u00e4hrend der Sitzung zu - wenn die Sitzung endet, werden die Audiodaten automatisch gel\u00f6scht. Unsere Server speichern nur die numerischen Fortschrittsdaten.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Jeder Zugang erfordert die Zustimmung der Eltern<\/h4>\r\n            <p>Experten k\u00f6nnen nur mit Zustimmung der Eltern auf die Daten von Kindern zugreifen. Kinderkonten werden nicht ohne die Zustimmung der Eltern aktiviert. Die volle Kontrolle bleibt bei den Eltern.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"l4-privacy-card\">\r\n          <div class=\"l4-privacy-card-icon\"><\/div>\r\n          <div>\r\n            <h4>Keine pers\u00f6nlichen Informationen gesammelt<\/h4>\r\n            <p>Es werden keine echten Namen, Fotos oder Identit\u00e4tsinformationen vom Kind verlangt. \u00dcber den Mini-Namen und die Altersgruppe hinaus werden keine pers\u00f6nlichen Daten gespeichert. Das Dashboard enth\u00e4lt nur anonyme statistische Daten.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Shield card -->\r\n    <div class=\"l4-privacy-right\">\r\n      <div class=\"l4-privacy-right-head\">\r\n        <img decoding=\"async\" class=\"l4-privacy-shield\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/Security.png\" alt=\"Security\" \/>\r\n        <h3>Was befindet sich auf unseren Servern?<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"l4-privacy-items\">\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Aufzeichnungsanzahl, Dauer, Szene und Pegeldaten<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Status des Szenenfortschritts und Stufenmatrix<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Spielzeit und t\u00e4gliche Aktivit\u00e4tsmuster<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Statistiken zu Streiks, Missionen und Belohnungen<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Daten zur Nutzung von Motivationsmeldungen<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item check\">\r\n          <div class=\"l4-privacy-item-mark\">\u2713<\/div>\r\n          <span>Mini-Charaktervorlieben und -anpassung<\/span>\r\n        <\/div>\r\n        <div class=\"l4-privacy-item cross\">\r\n          <div class=\"l4-privacy-item-mark\">\u2715<\/div>\r\n          <span>Audiodateien, Name, Foto, Identit\u00e4t<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8297774 elementor-widget elementor-widget-html\" data-id=\"8297774\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 4 \u2014 RESEARCH \/ DATA GROUNDWORK\r\n     Section 4 \u2014 6 red studded brick cards in 3x2 grid\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n.l4-research {\r\n  width: 82%;\r\n  margin: 30px auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.l4-research-title {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(26px, 2.8vw, 40px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n.l4-research-desc {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 17px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0 0 60px 0;\r\n  max-width: 85%;\r\n}\r\n\r\n\/* 3x2 cards grid *\/\r\n.l4-research-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 70px 24px;\r\n}\r\n\r\n.l4-research-card {\r\n  position: relative;\r\n  background: #FFFFFF;\r\n  border: 4px solid #E52828;\r\n  border-bottom-width: 12px;\r\n  border-radius: 18px;\r\n  padding: 24px 22px 22px;\r\n}\r\n\r\n\/* 4-stud red on top \u2014 92% width centered *\/\r\n.l4-research-studs {\r\n  position: absolute;\r\n  top: -33px;\r\n  left: 0;\r\n  right: 0;\r\n  width: 92%;\r\n  height: 30px;\r\n  margin: 0 auto;\r\n  background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/yeni_kirmizi_studs_4.png');\r\n  background-repeat: no-repeat;\r\n  background-position: center bottom;\r\n  background-size: contain;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n}\r\n\r\n.l4-research-icon {\r\n  width: 58px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 0 16px 0;\r\n}\r\n\r\n.l4-research-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(18px, 1.7vw, 24px);\r\n  color: #E52828;\r\n  margin: 0 0 14px 0;\r\n  line-height: 1.2;\r\n}\r\n\r\n.l4-research-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 500;\r\n  font-size: clamp(12px, 1.15vw, 14px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .l4-research-cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    row-gap: 44px;\r\n  }\r\n}\r\n@media (max-width: 550px) {\r\n  .l4-research-cards { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l4-research\">\r\n  <h2 class=\"l4-research-title\">Erzeugt Daten w\u00e4hrend der Wiedergabe.<br>Legt den Grundstein f\u00fcr die Forschung.<\/h2>\r\n  <p class=\"l4-research-desc\">\r\n    Mini-Talks ist auch eine strukturierte, ethische und von den Eltern genehmigte Beobachtungsplattform f\u00fcr die Erforschung des selektiven Mutismus. Die Forschung kann nur mit numerischen Dashboard-Daten durchgef\u00fchrt werden, ohne auf Audiodateien zuzugreifen.\r\n  <\/p>\r\n\r\n  <div class=\"l4-research-cards\">\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Abgestufte Expositionsprogression<\/h3>\r\n      <p>Entwicklung der Progressionsrate und der Aufzeichnungsdauer in der Hierarchie Ton \u2192 Wort \u2192 Satz \u2192 Dialog. Zeitreihenanalyse der Produktion verbaler \u00c4u\u00dferungen. Prim\u00e4rer Datensatz f\u00fcr die quantitative \u00dcberwachung der Ergebnisse nicht-pharmakologischer Interventionen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Verallgemeinerung des sozialen Kontexts<\/h3>\r\n      <p>Die kontext\u00fcbergreifende Generalisierung ist durch Clustering auf Szenenebene in 50 Szenen messbar. Angsthierarchie-Reaktionen in vertrauten (Klassenzimmer) und neuen (Kino) Umgebungen zeigen, welche sozialen Kontexte sich f\u00fcr das Kind sicher anf\u00fchlen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>L\u00e4ngsschnitt-Verhaltensanalyse<\/h3>\r\n      <p>Vollst\u00e4ndiger Aktivit\u00e4tsbericht pro Tag: Sitzungsdauer, Szenen, Anzahl der Aufzeichnungen, Stufen, Minipr\u00e4ferenzen, Motivationsbotschaft und Belohnungen. Erm\u00f6glicht die Analyse von Verhaltensmustern im L\u00e4ngsschnitt, geeignet f\u00fcr die Methodik des experimentellen Einzelfalldesigns (SCED).<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Therapeutische Aufgabenanalyse<\/h3>\r\n      <p>Missionsabschlussrate, -typ und -levelkorrelation messen die Wirksamkeit der von den Eltern konfigurierten Angsthierarchieschritte. Welche Aufgaben am ehesten erf\u00fcllt werden, kann als Richtschnur f\u00fcr individuelle Strategien zur Stimulusausblendung dienen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Verst\u00e4rkungs- und Motivationsprofil<\/h3>\r\n      <p>Die Verteilung der Belohnungen (Ziegelstein \u2192 Medaille \u2192 Tasse) zeigt die Wirksamkeit positiver Verst\u00e4rkungsmechanismen bei der Intervention bei selektivem Mutismus. Welche Belohnungskategorie das Engagement f\u00f6rdert, bildet das individuelle Verhaltensmotivationsprofil des Kindes ab.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"l4-research-card\">\r\n      <div class=\"l4-research-studs\"><\/div>\r\n      <img decoding=\"async\" class=\"l4-research-icon\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/7476b5816f4628ed55648a07eca5eb231b3fe5a4.png\" alt=\"Head\" \/>\r\n      <h3>Zeichenvermittelte verbale Produktion<\/h3>\r\n      <p>Die Korrelation zwischen Charaktertyp und Aufnahmedauer liefert einzigartige Daten zur Erforschung der verbalen Produktion durch psychologische Distanzierung. Multi-Mini-Nutzungsmuster unterst\u00fctzen Hypothesen \u00fcber Avatar-Bindung und Kommunikationsvertrauen.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mini-Talks Studio A safe communication practice app for children with selective mutism \u2014 built with animation, personalized Minis, and structured speech levels. Selective mutism is a silent challenge. Children want to speak. But they can&#8217;t in every setting. Mini-Talks bridges that gap with a safe, structured, and playful experience. 1 in 140 Prevalence in children&hellip; <a class=\"more-link\" href=\"https:\/\/mini-talks.org\/de\/app-studio\/mini-talks-studio\/\"><span class=\"screen-reader-text\">Studio<\/span> weiterlesen<\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":13069,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-13427","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/comments?post=13427"}],"version-history":[{"count":22,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13427\/revisions"}],"predecessor-version":[{"id":13470,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13427\/revisions\/13470"}],"up":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13069"}],"wp:attachment":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/media?parent=13427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}