{"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 \u2013 En app til sikker kommunikationstr\u00e6ning for b\u00f8rn med selektiv mutisme \u2013 udviklet med animationer, personlige \u00bbMinis\u00ab og strukturerede taleniveauer. Selektiv mutisme er en stille udfordring. B\u00f8rnene vil gerne tale. Men de kan ikke i alle situationer. Mini-Talks bygger bro over denne kl\u00f8ft med en tryg, struktureret og legende oplevelse. 1 ud af 140 Forekomst hos b\u00f8rn\u2026 <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}]}}