{"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\/da\/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        En sikker app til kommunikationstr\u00e6ning for b\u00f8rn med selektiv mutisme - bygget med animation, personlige Minis og strukturerede taleniveauer.\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>Selektiv mutisme er en tavs udfordring.<\/h2>\r\n    <p class=\"l1-challenge-desc\">\r\n      B\u00f8rn vil gerne tale. Men det kan de ikke i alle sammenh\u00e6nge. Mini-Talks bygger bro over den kl\u00f8ft med en sikker, struktureret og legende oplevelse.\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 ud af 140<\/div>\r\n          <div class=\"l1-stat-title\">Udbredelse hos b\u00f8rn<\/div>\r\n          <div class=\"l1-stat-sub\">Angstbaseret lidelse<\/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\">Tale-niveauer<\/div>\r\n          <div class=\"l1-stat-sub\">Lyd \u2192 Ord \u2192 S\u00e6tning \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\">Brugerroller<\/div>\r\n          <div class=\"l1-stat-sub\">Barn, for\u00e6lder, ekspert, opbygger<\/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-kombinationer<\/div>\r\n          <div class=\"l1-stat-sub\">H\u00e5r \u00d7 Hoved \u00d7 Torso \u00d7 Ben<\/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\">Indgang og identitet<\/h3>\r\n        <p class=\"l1-chapter-desc\">4 roller, sikker indlogning, for\u00e6ldre-barn-ekspertforbindelser.<\/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\">Ops\u00e6tning og personalisering<\/h3>\r\n        <p class=\"l1-chapter-desc\">59 scener, minifigurbygger, h\u00e5r\/hoved\/rygrad\/ben<\/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, optagelse, animeret afspilning, ekspert i sort mursten.<\/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\">Fremskridt og dashboard<\/h3>\r\n        <p class=\"l1-chapter-desc\">8 widgets, vis\/administrer roller, infrastruktur til klinisk observation<\/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\">Lag 1:<\/span>\r\n    <span class=\"l1-badge\">Indgang og identitet<\/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\">Hovedmenu<\/h2>\r\n  <p class=\"l1-mm-desc\">\r\n    Hovedmenuen er med vilje enkel. Tre murstensknapper: Afspil, Om, Indstillinger. Intet rod, intet pres. Tilmeld dig i \u00f8verste h\u00f8jre hj\u00f8rne for at l\u00e5se op for den fulde oplevelse - 50 scener, fuld tilpasning, Mini Journey-dashboard. Eller bare tryk p\u00e5 Play uden en 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 roller, 4 forskellige oplevelser<\/h2>\r\n  <p class=\"l1-roles-desc\">\r\n    N\u00e5r man opretter en konto, kan man v\u00e6lge mellem 4 roller. Hver rolle medf\u00f8rer en forskellig registreringsformular og forskellige tilladelser.\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')\">Barn (Mini)<\/div>\r\n    <div class=\"l1-role-tab role-blue\" data-role=\"parent\" onclick=\"l1SelectRole(this, 'parent')\">For\u00e6lder<\/div>\r\n    <div class=\"l1-role-tab role-green\" data-role=\"expert\" onclick=\"l1SelectRole(this, 'expert')\">Ekspert<\/div>\r\n    <div class=\"l1-role-tab role-yellow\" data-role=\"builder\" onclick=\"l1SelectRole(this, 'builder')\">Bygherre<\/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>Barn (Mini)<\/h3>\r\n      <div class=\"l1-role-subtitle\">Spiller, optager<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Skab og spil Mini<\/li>\r\n        <li class=\"checked\">Optag og afspil stemme<\/li>\r\n        <li class=\"checked\">Ser deres egen rejse<\/li>\r\n        <li class=\"unchecked\">Ingen styring af dashboard<\/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>For\u00e6lder<\/h3>\r\n      <div class=\"l1-role-subtitle\">Administrerer, godkender og overv\u00e5ger<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Administrerer b\u00f8rneprofiler<\/li>\r\n        <li class=\"checked\">Godkender ekspertforbindelser<\/li>\r\n        <li class=\"checked\">Viser dashboard for fremskridt<\/li>\r\n        <li class=\"checked\">Administrerer indstillinger<\/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\">For\u00e6ldreformular 1<br>- billede afventer -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">For\u00e6ldreformular 2<br>- billede afventer -<\/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>Ekspert<\/h3>\r\n      <div class=\"l1-role-subtitle\">Observerer, guider (kun visning)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">F\u00f8lger den tilsluttede Minis fremskridt<\/li>\r\n        <li class=\"checked\">Adgang via for\u00e6ldregodkendelse<\/li>\r\n        <li class=\"checked\">Infrastruktur til klinisk observation<\/li>\r\n        <li class=\"unchecked\">Kan ikke redigere indstillinger eller profil<\/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\">Ekspertformular 1<br>- billede afventer -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Ekspertformular 2<br>- billede afventer -<\/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>Bygherre<\/h3>\r\n      <div class=\"l1-role-subtitle\">Opretter, tilpasser (18+)<\/div>\r\n      <ul class=\"l1-role-features\">\r\n        <li class=\"checked\">Tilpasser egne figurer<\/li>\r\n        <li class=\"checked\">Afspiller og optager scener<\/li>\r\n        <li class=\"checked\">LEGO Creations sektion<\/li>\r\n        <li class=\"unchecked\">Ingen Mini-styring<\/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\">Bygherreformular 1<br>- billede afventer -<\/div>\r\n      <\/div>\r\n      <div class=\"l1-role-form-item\">\r\n        <div class=\"l1-role-form-placeholder\">Bygherreformular 2<br>- billede afventer -<\/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\">S\u00e5dan fungerer forbindelser.<\/h2>\r\n  <p class=\"l1-conn-desc\">\r\n    Tre veje, \u00e9n regel: Intet sker uden for\u00e6ldrenes godkendelse.\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\">Barnet begynder<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Barnet udfylder tilmeldingsblanketten + indtaster for\u00e6ldrenes e-mail<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> 'Send for\u00e6ldreanmodning' udl\u00f8ses<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> For\u00e6ldre godkender<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Kontoen aktiveres<\/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\">For\u00e6ldre starter<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> For\u00e6ldrene logger ind p\u00e5 deres konto<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> Opretter b\u00f8rneprofil via 'Tilf\u00f8j barn'<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Aktiv med det samme (for\u00e6ldrene er allerede i gang med at godkende)<\/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\">Ekspert starter<\/h3>\r\n    <div class=\"l1-flow-steps\">\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">1<\/span> Ekspert trykker p\u00e5 'Add Mini'<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">2<\/span> For\u00e6lder modtager anmodning<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-step\"><span class=\"l1-step-num\">3<\/span> For\u00e6ldre godkender<\/div>\r\n      <span class=\"l1-arrow\">\u2192<\/span>\r\n      <div class=\"l1-result\">Kun adgang til visning<\/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\">Lag 2:<\/span>\r\n    <span class=\"l2-badge\">Ops\u00e6tning og personalisering<\/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>V\u00e6lg, hvem der skal spille.<\/h2>\r\n    <p>For\u00e6ldre kan registrere flere b\u00f8rn. N\u00e5r der trykkes p\u00e5 Play, v\u00e6lger de, hvilken profil der skal spille. Hvert barns scener, fremskridt og bel\u00f8nninger er uafh\u00e6ngige.<\/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\">Barn-1<\/div>\r\n          <div class=\"l2-profile-sub\">Alder: 7-9 \u00e5r<\/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\">Barn-2<\/div>\r\n          <div class=\"l2-profile-sub\">Alder: 4-6 \u00e5r<\/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\">For\u00e6lder<\/div>\r\n          <div class=\"l2-profile-sub\">Administrer<\/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\">Scener fra det virkelige liv<\/div>\r\n    <h2>50 SCENER<\/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>Caf\u00e9<\/li>\r\n        <li>Klassev\u00e6relse<\/li>\r\n        <li>Orkester<\/li>\r\n      <\/ul>\r\n      <ul>\r\n        <li>Legeplads<\/li>\r\n        <li>Pool Party<\/li>\r\n        <li>Robot-turnering<\/li>\r\n        <li>Supermarked<\/li>\r\n        <li>Tennis<\/li>\r\n        <li class=\"more\">og meget mere...<\/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\">Tilpasning af minifigurer<\/h2>\r\n  <p class=\"l2-mfc-desc\">\r\n    4 sektioner \u00d7 Kvinde\/Mand\/Barn-kategori \u00d7 dusinvis af stilarter \u00d7 farvepalet. Overrask mig eller brug standardindstillingerne. I dialogtilstand bygges to mini'er samtidigt.\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')\">H\u00e5r<\/div>\r\n    <div class=\"l2-mfc-tab\" onclick=\"l2MfcTabSwitch(this, 'head')\">Hoved<\/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')\">Ben<\/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>Tilpasning af h\u00e5r<\/h3>\r\n        <p class=\"l2-mfc-card-desc\">\r\n          Enkel og udtryksfuld underkategori. Mulighed for skaldethed. ~Ca. 30 styles pr. kategori i forskellige farver: brun, sort, r\u00f8d, gr\u00e5 m.m.\r\n        <\/p>\r\n\r\n        <!-- Categories \u2014 directly on red bg, just pills + divider -->\r\n        <div class=\"l2-mfc-label\">Kategorier:<\/div>\r\n        <div class=\"l2-mfc-pill-row\">\r\n          <div class=\"l2-mfc-pill\">Kvinde<\/div>\r\n          <div class=\"l2-mfc-pill\">Mand<\/div>\r\n          <div class=\"l2-mfc-pill\">Barn<\/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\">Kort<\/div>\r\n          <div class=\"l2-mfc-pill\">Lang<\/div>\r\n          <div class=\"l2-mfc-pill\">Hat<\/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\">Farve:<\/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\">Tilpasning af hovedet - kommer snart<\/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\">Tilpasning af torso - kommer snart<\/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\">Tilpasning af ben - kommer snart<\/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>Nulstil<\/h3>\r\n      <p>Nulstil alle valg til standard<\/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>Overrask mig!<\/h3>\r\n      <p>Generer en tilf\u00e6ldig 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>Klar til brug<\/h3>\r\n      <p>Start hurtigt med 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>Gemme<\/h3>\r\n      <p>Gem Mini og forts\u00e6t til scenen<\/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>Tilpasning af farver<\/h3>\r\n    <p>I kvindetilstand vises det som 'Bryn og vipper'. Til briller: V\u00e6lg f\u00f8rst form og derefter farve.<\/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\">BROER<\/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\">\u00d8JNE<\/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\">GLAS<\/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 p\u00e5mindelse<\/h3>\r\n    <p>N\u00e5r du gemmer Mini 1 uden at tilpasse Mini 2, vises en \"Vent et \u00f8jeblik!\"-prompt. Der er tre muligheder: Tilpas \/ Brug klar \/ Overrask mig!<\/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>Byg en Mini, der<br>ligner dig.<\/h2>\r\n    <p>Barnet bygger to minifigurer hver for sig: Mini 1 repr\u00e6senterer dem selv, Mini 2 repr\u00e6senterer den person, de skal tale med. H\u00e5rfarve, \u00f8jenfarve, brillestil - hver eneste detalje er under barnets kontrol. At bygge en figur, der ligner dem selv, styrker b\u00e5ndet til Mini'en og \u00f8ger direkte optagelsesmotivationen.<\/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>Rigtigt barn<\/h4>\r\n          <p>R\u00f8de briller - Bl\u00e5 \u00f8jne - Brunt h\u00e5r<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"l2-buildmini-foot\">Billederne er AI-genererede for at beskytte identiteten.<\/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\">Match<\/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-version<\/h4>\r\n          <p>R\u00f8de briller - Bl\u00e5 \u00f8jne - Brunt h\u00e5r<\/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\">Lag 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>Farvekodet system til placering af klodser<\/h3>\r\n    <p>Tryk p\u00e5 en plads for at afsl\u00f8re dens muligheder. N\u00e5r du har truffet et valg, fyldes pladsen, og den n\u00e6ste aktiveres.<\/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\">Niveau<\/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\">Lyd<\/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\">Handling<\/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: R\u00f8d \u2192 Gr\u00f8n<\/h3>\r\n    <p>Krydsstenen forbliver r\u00f8d, s\u00e5 l\u00e6nge der er tomme pladser. N\u00e5r alle pladser er fyldt, bliver den automatisk gr\u00f8n - systemet er klar, og animationen kan begynde.<\/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>N\u00e5r dialogtilstand er valgt, udvides Mini 2 + Audio 2 slots automatisk. Skjult i andre niveauer. To Mini'er, to demoer, to optagelser.<\/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>N\u00e5r Demo er valgt<\/h3>\r\n      <p>Play &amp; Reset aktiv<br>Optag og slet inaktive<\/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>Efter optagelse<\/h3>\r\n      <p>Afspil automatisk valgt<br>Slet aktiv<br>Nulstilling 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>Sort mursten: Ekspertbesparelse<\/h3>\r\n    <p>Eksperten gemmer et tilsluttet barns optagelse p\u00e5 sit eget panel. Lyden forbliver p\u00e5 enheden - kun numeriske data (varighed, niveau, dato) sendes til serveren. Kr\u00e6ver for\u00e6ldrenes godkendelse.<\/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>Rekord<br>Lyd, ord, s\u00e6tning<\/h3>\r\n      <p>Enkelt Mini stemmeindgang.<\/p>\r\n      <p>Systemet optager en lydstr\u00f8m, der er mappet til: Scene \u00d7 Niveau \u00d7 Mini \u00d7 Optagelsessted.<\/p>\r\n      <p>Varigheden er begr\u00e6nset og kontrolleres i realtid.<\/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>Optag - Dialog<\/h3>\r\n      <p>Dobbelt mini-interaktion.<\/p>\r\n      <p>Hver Mini har et uafh\u00e6ngigt lydspor.<\/p>\r\n      <p>Brugeren v\u00e6lger den aktive Mini og optager separat.<\/p>\r\n      <p>Dette muligg\u00f8r sekventiel interaktion mellem flere roller i samme scene.<\/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\">Fra lyd til dialog, trin for trin.<\/h2>\r\n  <p class=\"l3-s2d-desc\">\r\n    Gradvis eksponering er den centrale tilgang i behandlingen af selektiv mutisme. Mini-Talks oms\u00e6tter dette princip til fire kommunikationsniveauer - hvert niveau starter der, hvor barnet er klar.\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>Lyd<\/h3>\r\n      <h4>Niveau 1 - Ordl\u00f8se lyde<\/h4>\r\n      <p>Ikke-verbalt vokalt output i en scenekontekst.<\/p>\r\n      <p>Enkle, gentagelige lyde, der er forbundet med omgivelserne.<\/p>\r\n      <p>Ingen sproglige krav - fokus p\u00e5 stemmeaktivering.<\/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>Ord<\/h3>\r\n      <h4>Niveau 2 - Svar p\u00e5 et enkelt ord<\/h4>\r\n      <p>Produktion af enkeltord knyttet til sceneelementer.<\/p>\r\n      <p>Objekter og handlinger navngives i en sammenh\u00e6ng, hvilket introducerer kontrolleret tale uden at \u00f8ge presset.<\/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>S\u00e6tning<\/h3>\r\n      <h4>Niveau 3 - Fuldst\u00e6ndige s\u00e6tninger<\/h4>\r\n      <p>Struktureret s\u00e6tningsproduktion inden for scenen.<\/p>\r\n      <p>Barnet udtrykker \u00f8nsker, reaktioner eller beskrivelser ved hj\u00e6lp af korte s\u00e6tninger, der er knyttet til den aktuelle kontekst.<\/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>Niveau 4 - To minier, frem og tilbage<\/h4>\r\n      <p>Interaktion med flere roller ved hj\u00e6lp af to Mini'er.<\/p>\r\n      <p>Barnet producerer sekventiel tale inden for en f\u00e6lles kontekst og danner grundl\u00e6ggende dialogstrukturer.<\/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 af scener<\/h3>\r\n  <p class=\"l3-sceneint-desc\">Den tilpassede Mini placeres i den valgte scene. Efter en kort sceneanimation begynder den talende animation med disse Mini'er. Under demo-afspilningen afspilles Mini'ens mundanimation ogs\u00e5 - barnet ser sin figur tale.<\/p>\r\n\r\n  <div class=\"l3-sceneint-divider\"><\/div>\r\n\r\n  <div class=\"l3-sceneint-subtitle\">Indholdets 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\">Scene<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-red\">Niveau<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-blue\">Mini talerolle<\/span>\r\n      <span class=\"l3-sceneint-x\">\u00d7<\/span>\r\n      <span class=\"l3-sceneint-pill c-green\">Demo og foredrag<\/span>\r\n    <\/div>\r\n    <p class=\"l3-sceneint-note\">Alle forventninger til demoindhold og optagelser bestemmes af krydsfeltet mellem disse fire dimensioner.<\/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\">Interaktionsflow<\/h3>\r\n\r\n  <!-- PHASE 1 -->\r\n  <div class=\"l3-intflow-phase\">Fase 1 - Hver interaktion starter her<\/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>Minier tr\u00e6der ind p\u00e5 scenen<\/h4>\r\n      <p>Tilpassede minier placeres i den valgte scene. En kort scenerelateret introanimation afspilles. Derefter begynder interaktionstilstanden.<\/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\">Fase 2 - Tre interaktionsformer<\/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>Se og lyt<\/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\">Spil<\/span>\r\n      <\/div>\r\n      <p>Demolyd afspilles, mens Minis mund bev\u00e6ger sig synkront. Barnet ser og h\u00f8rer sin figur tale.<\/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>Rekord<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Tal<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Rekord<\/span>\r\n      <\/div>\r\n      <p>Barnet taler som sin Minis stemme og optager. Lyden forbliver p\u00e5 enheden - kun numeriske data sendes til serveren.<\/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>Animeret afspilning<\/h4>\r\n      <div class=\"l3-intflow-mode-pills\">\r\n        <span class=\"l3-intflow-mode-pill p-green\">Tal<\/span>\r\n        <span class=\"l3-intflow-mode-plus\">+<\/span>\r\n        <span class=\"l3-intflow-mode-pill p-yellow\">Spil<\/span>\r\n      <\/div>\r\n      <p>Barnets egen stemme afspilles synkront med Mini's mundanimation. Opbygger ejerskab og 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\">Lag 4:<\/span><span class=\"konturlu\">Fremskridt og 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 fremskridt spores fra \u00e9t sted. 7 widgets, hver med en Manage- og View-sk\u00e6rm.<\/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\">For\u00e6lder<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kan administrere indstillinger og se detaljerede fremskridt.<\/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\">Ekspert<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kan se detaljerede fremskridt med for\u00e6ldrenes tilladelse.<\/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\">Barn<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kan f\u00e5 adgang til hoveddashboardet uden detaljerede data.<\/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\">Bygherre<\/h3>\r\n      <p class=\"l4-mj-card-desc\">Kan se detaljerede fremskridt i deres egen aktivitet.<\/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=\"Tidligere\" 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=\"N\u00e6ste\" 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')\">Motiverende budskaber<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'scenes')\">Scener og niveauer<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rec')\">Optagelser<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'streak')\">Stribe<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'missions')\">Missioner<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'rewards')\">Bel\u00f8nninger<\/div>\r\n    <div class=\"l4-tab\" onclick=\"l4TabSwitch(this, 'minis')\">Tilpassede minier<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Motiverende budskaber<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Motiverende budskaber<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Scener og niveauer<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Scener og niveauer<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Optagelser<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Optagelser<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Stribe<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Stribe<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Missioner<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Missioner<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Bel\u00f8nninger<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Bel\u00f8nninger<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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')\">Administrer<\/button>\r\n          <button class=\"l4-toggle-btn\" onclick=\"l4ModeSwitch(this, 'view')\">Udsigt<\/button>\r\n        <\/div>\r\n        <div class=\"l4-mode-content active\" data-mode=\"manage\">\r\n          <h3>Tilpassede minier<\/h3>\r\n          <p>Ops\u00e6t daglige motivationsbeskeder til dit barn. V\u00e6lg meddelelsestemaer, skriv brugerdefinerede noter, og planl\u00e6g, hvorn\u00e5r de skal vises. Beskederne vises f\u00f8r hver session for at holde barnet opmuntret og fokuseret.<\/p>\r\n        <\/div>\r\n        <div class=\"l4-mode-content\" data-mode=\"view\">\r\n          <h3>Tilpassede minier<\/h3>\r\n          <p>Gennemg\u00e5, hvilke beskeder der er blevet vist, og hvordan barnet reagerede. Statistikker over engagement p\u00e5 tv\u00e6rs af temaer, timing og hyppighed hj\u00e6lper dig med at finjustere, hvad der virker bedst - alt sammen uden at gemme noget personligt indhold.<\/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\">Kommer snart<\/div>\r\n        <\/div>\r\n        <div class=\"l4-shot-mode\" data-mode=\"view\">\r\n          <div class=\"l4-shot-placeholder\">Visningstilstand - kommer snart<\/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>Stemmeoptagelser bliver aldrig gemt.<br>Ingen personlige data indsamlet.<\/h2>\r\n      <p class=\"l4-privacy-intro\">Mini-Talks s\u00e6tter dit barns privatliv over alt andet. Stemmeoptagelser gemmes aldrig permanent - ikke p\u00e5 vores servere, ikke p\u00e5 enheden. De eksisterer kun under sessionen, kan afspilles og forsvinder, n\u00e5r sessionen slutter.<\/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>Stemmeoptagelser bliver aldrig gemt<\/h4>\r\n            <p>Stemmeoptagelser gemmes aldrig permanent nogen steder. Barnet optager i slots og lytter tilbage under sessionen - n\u00e5r sessionen slutter, slettes lyddataene automatisk. Vores servere gemmer kun numeriske fremskridtsdata.<\/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>Enhver adgang kr\u00e6ver for\u00e6ldrenes godkendelse<\/h4>\r\n            <p>Eksperter kan kun f\u00e5 adgang til b\u00f8rnedata med for\u00e6ldrenes godkendelse. B\u00f8rnekonti aktiveres ikke uden for\u00e6ldrenes samtykke. Den fulde kontrol forbliver hos for\u00e6ldrene.<\/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>Ingen personlige oplysninger indsamlet<\/h4>\r\n            <p>Der anmodes ikke om barnets rigtige navn, foto eller identitetsoplysninger. Der gemmes ingen personlige data ud over mininavn og aldersgruppe. Dashboard indeholder kun anonyme statistiske data.<\/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>Hvad er der p\u00e5 vores servere?<\/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>Optagelsest\u00e6lling, varighed, scene- og niveaudata<\/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 for scenens forl\u00f8b og niveaumatrix<\/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>Legetid og daglige aktivitetsm\u00f8nstre<\/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>Statistik over striber, missioner og bel\u00f8nninger<\/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>Data om brug af motivationsmeddelelser<\/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>Pr\u00e6ferencer og tilpasning af minikarakterer<\/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>Lydfiler, navn, foto, identitet<\/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\">Genererer data under afspilning.<br>L\u00e6gger grunden til forskning.<\/h2>\r\n  <p class=\"l4-research-desc\">\r\n    Mini-Talks er ogs\u00e5 en struktureret, etisk og for\u00e6ldregodkendt observationsplatform til forskning i selektiv mutisme. Forskningen kan udf\u00f8res udelukkende ved hj\u00e6lp af numeriske dashboarddata uden adgang til lydfiler.\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>Graderet eksponeringsprogression<\/h3>\r\n      <p>Tendenser i progressionshastighed og optagelsesvarighed p\u00e5 tv\u00e6rs af hierarkiet Lyd \u2192 Ord \u2192 S\u00e6tning \u2192 Dialog. Tidsserieanalyse af verbal outputproduktion. Prim\u00e6rt datas\u00e6t til kvantitativ overv\u00e5gning af ikke-farmakologiske interventionsresultater.<\/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>Generalisering af social kontekst<\/h3>\r\n      <p>Generalisering p\u00e5 tv\u00e6rs af kontekster kan m\u00e5les gennem klyngedannelse p\u00e5 sceneniveau p\u00e5 tv\u00e6rs af 50 scener. Svar p\u00e5 angsthierarki i velkendte (klassev\u00e6relse) vs. nye (biograf) omgivelser afsl\u00f8rer, hvilke sociale sammenh\u00e6nge der f\u00f8les trygge for barnet.<\/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>Longitudinel adf\u00e6rdsanalyse<\/h3>\r\n      <p>Fuld aktivitetsrapport pr. dag: sessionsvarighed, scener, antal optagelser, niveauer, mini-pr\u00e6ferencer, motivationsbesked og bel\u00f8nninger. Muligg\u00f8r langsg\u00e5ende adf\u00e6rdsm\u00f8nsteranalyse, der er velegnet til single-case experimental design (SCED) metodologi.<\/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>Terapeutisk opgaveanalyse<\/h3>\r\n      <p>Korrelationen mellem missionens fuldf\u00f8relsesgrad, type og niveau m\u00e5ler effektiviteten af de trin i angsthierarkiet, som for\u00e6ldrene har konfigureret. Hvilke missioner, der er lettest at gennemf\u00f8re, kan vejlede individuelle strategier for stimulusfading.<\/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>Forst\u00e6rkning og motivationsprofil<\/h3>\r\n      <p>Bel\u00f8nningsfordelingen mursten \u2192 medalje \u2192 pokal afsl\u00f8rer effektiviteten af positive forst\u00e6rkningsmekanismer i selektiv mutismeintervention. Hvilken bel\u00f8nningskategori, der driver engagementet, kortl\u00e6gger barnets individuelle adf\u00e6rdsm\u00e6ssige motivationsprofil.<\/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>Karakterformidlet verbal produktion<\/h3>\r\n      <p>Korrelationen mellem karaktertype og optagelsesvarighed giver unikke data til forskning i verbal produktion gennem psykologisk distancering. Brugsm\u00f8nstre for Multi-Mini underst\u00f8tter hypoteser om avatartilknytning og kommunikationstillid.<\/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\/da\/app-studio\/mini-talks-studio\/\">L\u00e6s mere <span class=\"screen-reader-text\">Studio<\/span><\/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\/da\/wp-json\/wp\/v2\/pages\/13427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/comments?post=13427"}],"version-history":[{"count":22,"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/pages\/13427\/revisions"}],"predecessor-version":[{"id":13470,"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/pages\/13427\/revisions\/13470"}],"up":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/pages\/13069"}],"wp:attachment":[{"href":"https:\/\/mini-talks.org\/da\/wp-json\/wp\/v2\/media?parent=13427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}