{"id":199737,"date":"2025-10-16T20:11:54","date_gmt":"2025-10-16T18:11:54","guid":{"rendered":"https:\/\/scen.ar\/io\/?page_id=199737"},"modified":"2025-11-14T11:46:06","modified_gmt":"2025-11-14T10:46:06","slug":"features","status":"publish","type":"page","link":"https:\/\/scen.ar\/io\/features\/","title":{"rendered":"Features"},"content":{"rendered":"<style>\n  :root{\n    --scn-brand:#41b1cd;\n    --scn-dark:#2b2b2b;\n    --scn-text:#2b2b2b;\n    --scn-bg:#0f1115;\n    --scn-soft:#f4f7f9;\n  }\n\n  body{\n    background-color:#ffffff;\n    line-height:1.6;\n  }\n\n  \/* HERO: hell, kompakter *\/\n  .scn-hero{\n    position:relative;\n    overflow:hidden;\n    background:#ffffff;\n    color:var(--scn-text);\n    \n  }\n  .scn-hero .container{\n    padding-top:32px;\n    padding-bottom:28px;\n  }\n  .scn-hero h1{\n    font-weight:800;\n    letter-spacing:.2px;\n    font-size:2.1rem;\n    margin-bottom:.4rem;\n  }\n  .scn-hero p.lead{\n    max-width:820px;\n    opacity:.9;\n    font-size:1rem;\n    margin-bottom:0;\n  }\n  .scn-chip{\n    display:inline-flex;\n    gap:.5rem;\n    align-items:center;\n    padding:.3rem .7rem;\n    border-radius:999px;\n    background:#f4f7f9;\n    border:1px solid #dde7f0;\n    font-size:.8rem;\n    color:#4b5661;\n  }\n  .scn-chip i{opacity:.85}\n\n  .btn-scn{\n    --bs-btn-bg:var(--scn-brand);\n    --bs-btn-border-color:var(--scn-brand);\n    --bs-btn-hover-bg:#2fa3c1;\n    --bs-btn-hover-border-color:#2fa3c1;\n    --bs-btn-color:#0e2b33;\n  }\n  .btn-ghost{\n    border:1px solid #c9d5e0;\n    color:#1f2933;\n    background:#ffffff;\n  }\n  .btn-ghost:hover{\n    background:#f4f7f9;\n    color:#111827;\n  }\n\n.site-main {\nmargin-bottom: -50px !important;\n}\n  \/* SUBNAV als Chips *\/\n  .scn-subnav{\n    backdrop-filter:saturate(1.2) blur(8px);\n    background:rgba(255,255,255,.92);\n    position:sticky;\n    top:0;\n    z-index:20;\n    margin-bottom: 80px;\n  }\n  .scn-subnav .nav{\n    flex-wrap:wrap;\n    gap:.35rem;\n    padding-top:.55rem;\n    padding-bottom:.55rem;\n  }\n  .scn-subnav .nav-link{\n    border-radius:999px;\n    border:1px solid #d3dde7;\n    padding:.25rem .85rem;\n    font-size:.85rem;\n    color:#4b5661;\n    background:#ffffff;\n  }\n  .scn-subnav .nav-link:hover{\n    background:#f4f7f9;\n    text-decoration:none;\n  }\n  .scn-subnav .nav-link.active{\n    background:var(--scn-brand);\n    color:#0b2a33;\n    border-color:var(--scn-brand);\n    font-weight:600;\n  }\n\n  .feature{\n    background:#fff;\n    border:1px solid #e9eef2;\n    border-radius:18px;\n    padding:22px;\n    height:100%;\n    box-shadow:0 10px 30px rgba(0,0,0,.04);\n  }\n  .feature h3{font-size:1.1rem; margin:0 0 .4rem}\n  .feature p{opacity:.9}\n  .feature .icon{\n    width:40px;\n    height:40px;\n    display:grid;\n    place-items:center;\n    border-radius:10px;\n    background:var(--scn-soft);\n    color:var(--scn-brand);\n  }\n  .feature .icon-top{\n    width:52px;height:52px;\n    display:grid;place-items:center;\n    border-radius:14px;\n    background:var(--scn-soft);\n    color:var(--scn-brand);\n    margin:0 auto 10px;\n    font-size:1.25rem;\n  }\n  .feature.text-center h4{\n    font-size:1rem;\n    margin:.2rem 0 .25rem;\n  }\n\n  .section-title{margin-bottom:10px}\n  .eyebrow{\n    font-size:.85rem;\n    font-weight:700;\n    color:var(--scn-brand);\n    text-transform:uppercase;\n    letter-spacing:.1em;\n  }\n\n  .mute{opacity:.75}\n  .tile{\n    background:#fff;\n    border:1px solid #e9eef2;\n    border-radius:16px;\n    padding:18px;\n  }\n\n  .matrix-table{--bs-table-striped-bg:#f8fbfd}\n  .matrix-table th, .matrix-table td{vertical-align:middle}\n\n  .badge-round{background:var(--scn-brand); color:#03252c; font-weight:700}\n\n  \/* CTA-Band wird von der Section (#faq-cta) vollfl\u00e4chig \u00fcbernommen *\/\n  .cta-band{\n    background:transparent;\n    border-radius:0;\n    padding:0;\n  }\n  .cta-band .btn{\n    box-shadow:0 10px 30px rgba(65,177,205,.35);\n  }\n\n  .check{color:#12b886}\n  .xmark{color:#df3e3e}\n  .soon{\n    display:inline-block;\n    padding:.2rem .5rem;\n    border:1px dashed #b9c8d3;\n    border-radius:6px;\n    font-size:.82rem;\n    color:#5f7b8c;\n  }\n\n  \/* Full-Width-Hintergrund f\u00fcr bg-light-Sektionen *\/\n  main section.bg-light{\n    background:#f4f7f9;\n    position:relative;\n    left:50%;\n    margin-left:-50vw;\n    width:100vw;\n  }\n\n  \/* Volle Breite f\u00fcr CTA-Section *\/\n  #faq-cta{\n    position:relative;\n    left:50%;\n    margin-left:-50vw;\n    width:100vw;\n    padding:40px 0;\n    background:linear-gradient(180deg, #10151c 0%, #0c1117 100%);\n    color:#fff;\n  }\n\n  \/* besseres Scrollverhalten mit Sticky-Nav *\/\n  main section{scroll-margin-top:90px;}\n<\/style>\n<\/head>\n<body>\n  <!-- ===================== HERO ===================== -->\n  <header class=\"scn-hero\">\n    <div class=\"container\">\n      <div class=\"row align-items-center g-4\">\n        <div class=\"col-lg-10\">\n          <span class=\"scn-chip mb-3\"><i class=\"fa-solid fa-sparkles\"><\/i> <span>Das scenario-\u00d6kosystem<\/span><\/span>\n          <h1 class=\"display-5 mb-3\">Alle Features. Ein System f\u00fcr Spieler <span class=\"opacity-75\">und<\/span> Creators.<\/h1>\n          <p class=\"lead\">Erlebe kooperative Stadtabenteuer \u2013 oder baue sie mit dem Storyboard selbst. scenario.app verbindet App, Editor, Medien, Bezahlung, Analytics und Gamification zu einer schlanken Plattform, die <em>einfach funktioniert<\/em>.<\/p>\n          <div class=\"d-flex gap-2 flex-wrap mt-3\">\n            <a href=\"#players\" class=\"btn btn-scn btn-lg\"><i class=\"fa-solid fa-person-running me-2\"><\/i>F\u00fcr Spieler<\/a>\n            <a href=\"#creators\" class=\"btn btn-ghost btn-lg\"><i class=\"fa-solid fa-cubes me-2\"><\/i>F\u00fcr Creators<\/a>\n            <a href=\"#monetization\" class=\"btn btn-ghost btn-lg\"><i class=\"fa-solid fa-receipt me-2\"><\/i>Monetarisierung<\/a>\n          <\/div>\n        <\/div>\n        <div class=\"col-lg-5 text-lg-end\">\n          <!-- Decorative mock (replace with real asset\/screenshot if wanted) -->\n          <div class=\"tile text-center text-lg-end\" style=\"display:none; background:#ffffff; border:1px solid #e5edf3\">\n            <div class=\"small text-muted\">Story &amp; Map<\/div>\n            <img decoding=\"async\" alt=\"App + Storyboard Mock\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='520' height='260'%3E%3Crect width='100%25' height='100%25' fill='%23f4f7f9'\/%3E%3Crect x='18' y='20' width='230' height='220' rx='16' fill='%23ffffff' stroke='%23dde5ef' stroke-width='2'\/%3E%3Crect x='272' y='20' width='230' height='220' rx='16' fill='%23ffffff' stroke='%23dde5ef' stroke-width='2'\/%3E%3Ccircle cx='90' cy='95' r='38' fill='%2341b1cd'\/%3E%3Crect x='52' y='152' width='160' height='16' rx='8' fill='%23e3eaf2'\/%3E%3Crect x='52' y='176' width='104' height='16' rx='8' fill='%23e3eaf2'\/%3E%3Crect x='302' y='44' width='170' height='140' rx='10' fill='%23e3eaf2'\/%3E%3Ccircle cx='322' cy='196' r='8' fill='%2341b1cd'\/%3E%3Ccircle cx='366' cy='210' r='6' fill='%2341b1cd'\/%3E%3Ccircle cx='414' cy='188' r='7' fill='%2341b1cd'\/%3E%3C\/svg%3E\" style=\"max-width:100%; border-radius:12px\" \/>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ===================== SUBNAV ===================== -->\n  <nav class=\"scn-subnav\">\n    <div class=\"container\">\n      <ul class=\"nav nav-underline\">\n        <li class=\"nav-item\"><a class=\"nav-link active\" href=\"#overview\">\u00dcberblick<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#gameplay\">W\u00e4hrend des Spiels<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#storyboard\">Storyboard-Editor<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#blocks\">Bausteine<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#ai\">KI-Generator<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#discover\">Entdecken &amp; Starten<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#players\">F\u00fcr Spieler<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#creators\">F\u00fcr Creators<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#media\">Medien<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#analytics\">Achievements<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#monetization\">Ver\u00f6ffentlichen &amp; Preise<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#org\">Organisation &amp; Lizenzen<\/a><\/li>\n        <li class=\"nav-item\"><a class=\"nav-link\" href=\"#faq-cta\">FAQ &amp; Loslegen<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/nav>\n\n  <main>\n    <!-- ===================== \u00dcBERBLICK ===================== -->\n    <section id=\"overview\" class=\"py-5 bg-light\">\n      <div class=\"container\">\n        <div class=\"row align-items-center g-4\">\n          <div class=\"col-lg-7\">\n            <div class=\"section-title\">\n              <span class=\"eyebrow\">Kurz gesagt<\/span>\n              <h2 class=\"h1\">scenario.app ist dein Baukasten f\u00fcr reale Abenteuer<\/h2>\n            <\/div>\n            <p class=\"mb-3\">Mit der kostenlosen App spielst du Community-Szenarien oder unsere <strong>Originals<\/strong>. Mit dem <strong>Storyboard-Editor<\/strong> erstellst du selbst Spiele \u2013 von einfachen Stadtrallyes bis zu ausgefeilten Missionen mit Videos, Audio, Fragen, Wegpunkten, QR-Codes und NFC. Bezahlung und Termine sind integriert, ebenso XP, Level und Abzeichen.<\/p>\n            <ul class=\"list-unstyled small\">\n              <li class=\"mb-2\"><i class=\"fa-solid fa-circle-check text-success me-2\"><\/i>Klar strukturierte <strong>Kategorien<\/strong>: Originals, Classics, Virtuals, Extreme, Locationless, Shorts.<\/li>\n              <li class=\"mb-2\"><i class=\"fa-solid fa-circle-check text-success me-2\"><\/i><strong>Mehrsprachig<\/strong> gedacht \u2013 Inhalte k\u00f6nnen pro Sprache gepflegt werden.<\/li>\n              <li class=\"mb-2\"><i class=\"fa-solid fa-circle-check text-success me-2\"><\/i><strong>Saubere WordPress-Integration<\/strong>: moderne Templates, Sticky-Playbar, QR-Start.<\/li>\n              <li class=\"mb-2\"><i class=\"fa-solid fa-circle-check text-success me-2\"><\/i><strong>Ganz ohne Schnickschnack<\/strong>: Fokus auf Spielbarkeit, klare UI, mobile first.<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"col-lg-5\">\n            <div class=\"row g-3\">\n              <div class=\"col-12 col-sm-6\">\n                <div class=\"feature h-100\">\n                  <div class=\"icon mb-2\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\n                  <h3>Live-Map &amp; Wegpunkte<\/h3>\n                  <p class=\"mb-0\">Leitplanken statt Spoiler: Karte, Hinweise, Fragen, GPS-Checks \u2013 so bleibt es spannend.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"col-12 col-sm-6\">\n                <div class=\"feature h-100\">\n                  <div class=\"icon mb-2\"><i class=\"fa-solid fa-qrcode\"><\/i><\/div>\n                  <h3>QR &amp; NFC<\/h3>\n                  <p class=\"mb-0\">Szenen lassen sich \u00fcber QR-Codes starten; NFC-Tags sind optional integrierbar.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"col-12 col-sm-6\">\n                <div class=\"feature h-100\">\n                  <div class=\"icon mb-2\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\n                  <h3>Storyboard<\/h3>\n                  <p class=\"mb-0\">Baue Szenen, Verzweigungen und Bedingungen mit einem visuellen Editor.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"col-12 col-sm-6\">\n                <div class=\"feature h-100\">\n                  <div class=\"icon mb-2\"><i class=\"fa-solid fa-bolt\"><\/i><\/div>\n                  <h3>Ready-to-Publish<\/h3>\n                  <p class=\"mb-0\">Bezahlen, Termine, Bewertungen, Kategorien \u2013 alles im Standard dabei.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== W\u00c4HREND DES SPIELS ===================== -->\n    <section id=\"gameplay\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">In-App<\/span>\n          <h2>W\u00e4hrend des Spiels: klar, spannend, kooperativ<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\n              <h3>Live-Map &amp; Wegpunkte<\/h3>\n              <p>Navigation mit GPS-Checks ohne Spoiler: Hinweise f\u00fchren euch an Ort und Stelle zur Aufgabe.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-qrcode\"><\/i><\/div>\n              <h3>Scannen &amp; Starten<\/h3>\n              <p>QR-Codes starten Szenen sekundenschnell.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-question\"><\/i><\/div>\n              <h3>Fragen &amp; R\u00e4tsel<\/h3>\n              <p>Verschiedene Fragentypen und Bedingungen \u2013 von einfachen Prompts bis zu ortsgebundenen Checks.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-photo-film\"><\/i><\/div>\n              <h3>Medien im Spiel<\/h3>\n              <p>Videos (mit Buttons exakt am Ende), Audio mit Untertiteln &amp; 360\u00b0-Einblicke halten die Story lebendig.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/div>\n              <h3>Hinweise, Texte, Bilder<\/h3>\n              <p>Kontext und Tipps, wenn\u2019s klemmt \u2013 ohne die L\u00f6sung vorwegzunehmen.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-star\"><\/i><\/div>\n              <h3>XP, Level &amp; Abzeichen<\/h3>\n              <p>Erfolge motivieren: sammelt Punkte, steigt auf und schaltet Badges frei.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== F\u00dcR SPIELER ===================== -->\n    <section id=\"players\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">F\u00fcr Spieler<\/span>\n          <h2>Spielen, teilen, aufsteigen<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-compass\"><\/i><\/div>\n              <h3>Originals &amp; Community<\/h3>\n              <p>Kuratiert oder von der Community \u2013 entdecke Szenarien nach Kategorie, Ort und Bewertung.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\n              <h3>Terminbuchung<\/h3>\n              <p>Verf\u00fcgbarkeiten siehst du im Kalender. Bezahlt wird <em>pro Zeitslot<\/em>, nicht pro Person.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-people-group\"><\/i><\/div>\n              <h3>Gemeinsam spielen<\/h3>\n              <p>Kooperativ mit Freunden, Familie oder Team. Max. Gruppengr\u00f6\u00dfe steht in der Beschreibung.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-shield-heart\"><\/i><\/div>\n              <h3>Einfach &amp; fair<\/h3>\n              <p>Kindertauglichkeit, Hundehinweis &amp; Hinweise zur Eignung direkt im Szenario ersichtlich.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-mobile-screen-button\"><\/i><\/div>\n              <h3>Klare UI<\/h3>\n              <p>Saubere App mit Live-Map, Fragen, Medien, 360\u00b0-Einblicken und QR-Start \u00fcber die Playbar.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-star\"><\/i><\/div>\n              <h3>XP &amp; Abzeichen<\/h3>\n              <p>Sammle Erfahrungspunkte, levele auf und sichere dir Abzeichen f\u00fcr besondere Leistungen.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <!-- Hinweis mit Byte entfernt wie gew\u00fcnscht -->\n      <\/div>\n    <\/section>\n\n    <!-- ===================== KI-GENERATOR ===================== -->\n    <section id=\"ai\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-3\">\n          <span class=\"eyebrow\">Assistent<\/span>\n          <h2>KI-Generator: Szenarien aus deiner Idee<\/h2>\n        <\/div>\n        <div class=\"row g-4 align-items-center\">\n          <div class=\"col-lg-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n              <h3>So funktioniert\u2019s<\/h3>\n              <p>Beschreibe kurz dein Vorhaben, w\u00e4hle die maximale Anzahl an Szenen und die Sprache \u2013 und lass dir einen Startentwurf erzeugen, den du im Storyboard weiterbearbeitest.<\/p>\n              <ul class=\"small mb-0\">\n                <li>Eingabefeld f\u00fcr Idee\/Beschreibung<\/li>\n                <li><strong>Max. Szenen<\/strong> festlegen<\/li>\n                <li><strong>Sprache<\/strong> ausw\u00e4hlen (z. B. Deutsch)<\/li>\n                <li>Tageskontingent: <strong>20 Generierungen<\/strong><\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"col-lg-6\">\n            <div class=\"tile h-100\">\n              <div class=\"small text-muted\">Beispiel<\/div>\n              <p class=\"mb-2\">\u201eErstelle eine Geschichte von verschwundenem Gold in der Innenstadt, die zu den 3 wichtigsten Sehensw\u00fcrdigkeiten f\u00fchrt.\u201c<\/p>\n              <div class=\"d-flex gap-2 flex-wrap\">\n                <span class=\"badge text-bg-light\">Max. Szenen: 4<\/span>\n                <span class=\"badge text-bg-light\">Sprache: Deutsch<\/span>\n                <span class=\"badge text-bg-light\">Limit: 20\/Tag<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== STORYBOARD-EDITOR ===================== -->\n    <section id=\"storyboard\" class=\"py-5 bg-light\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">Editor<\/span>\n          <h2>Storyboard: Szenen bauen, verzweigen, testen<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-lg-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/div>\n              <h3>Visueller Aufbau<\/h3>\n              <p>Szenen als Kacheln, klare Verbindungen und Bedingungen: so entstehen lineare Routen oder verzweigte Missionen.<\/p>\n              <ul class=\"small mb-0\">\n                <li>GPS-Bereiche, QR- und optionale NFC-Einstiege<\/li>\n                <li>Bedingungen: richtige Antworten, gesehene Szenen, Zeitfenster u. a.<\/li>\n                <li>Mehrsprachige Inhalte &amp; Kategorien<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"col-lg-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-photo-film\"><\/i><\/div>\n              <h3>Medien-Bl\u00f6cke<\/h3>\n              <p>Video- und Audio-Elemente mit Poster, Untertiteln und konfigurierbaren Buttons am Ende. 360\u00b0-Bilder &amp; Galerien integrierbar.<\/p>\n              <ul class=\"small mb-0\">\n                <li>End-Buttons: Text, Zielszene, Farbe; letzter Button \u201eWiederholen\u201c<\/li>\n                <li>Untertitel-Editor inkl. Import<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"col-lg-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-vial\"><\/i><\/div>\n              <h3>Vorschau &amp; Testspiel<\/h3>\n              <p>Szenen pr\u00fcfen, Medien testen, Verzweigungen durchklicken \u2013 erst live schalten, wenn alles stimmig ist.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-lg-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-rocket\"><\/i><\/div>\n              <h3>Ver\u00f6ffentlichung<\/h3>\n              <p>Community-Spiele sind kostenfrei. Bezahlte Szenarien d\u00fcrfen <strong>nur mit Professional-Lizenz<\/strong> ver\u00f6ffentlicht werden.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== STORYBOARD-BAUSTEINE ===================== -->\n    <section id=\"blocks\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">Bausteine<\/span>\n          <h2>Alles, was du f\u00fcr dein interaktives Abenteuer brauchst<\/h2>\n        <\/div>\n\n        <h3 class=\"h5 mb-3\">UI-Elemente<\/h3>\n        <div class=\"row g-3 mb-4\">\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-hand-pointer\"><\/i><\/div><h4>Button<\/h4><p class=\"small mb-0\">Aktionen &amp; Verzweigungen starten.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-pen-to-square\"><\/i><\/div><h4>Abfragefeld<\/h4><p class=\"small mb-0\">Antworten eingeben &amp; pr\u00fcfen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div><h4>Dialog<\/h4><p class=\"small mb-0\">Sprechblasen-Stil f\u00fcr Story.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-comments\"><\/i><\/div><h4>Dialog V2<\/h4><p class=\"small mb-0\">Erweiterter Dialogfluss.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-image\"><\/i><\/div><h4>Hintergrundbild<\/h4><p class=\"small mb-0\">Szene visuell rahmen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-palette\"><\/i><\/div><h4>Hintergrundfarbe<\/h4><p class=\"small mb-0\">Klares Fokus-Design.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-clapperboard\"><\/i><\/div><h4>Szenenanimation<\/h4><p class=\"small mb-0\">Weiche \u00dcberg\u00e4nge &amp; Effekte.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-video\"><\/i><\/div><h4>Videoplayer<\/h4><p class=\"small mb-0\">Poster &amp; Buttons am Ende.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-volume-high\"><\/i><\/div><h4>Audioplayer<\/h4><p class=\"small mb-0\">Waveform, Untertitel, Follow-Up.<\/p><\/div><\/div>\n        <\/div>\n\n        <h3 class=\"h5 mb-3\">Native Funktionen<\/h3>\n        <div class=\"row g-3 mb-4\">\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><h4>Wegpunkt<\/h4><p class=\"small mb-0\">Ort erreichen &amp; pr\u00fcfen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-location-crosshairs\"><\/i><\/div><h4>Dynamischer Wegpunkt<\/h4><p class=\"small mb-0\">Ziel aus Kontext berechnen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-qrcode\"><\/i><\/div><h4>QR-Code<\/h4><p class=\"small mb-0\">Szenen per Scan starten.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-wave-square\"><\/i><\/div><h4>NFC-Tag<\/h4><p class=\"small mb-0\">Optionaler Check am Objekt.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-toolbox\"><\/i><\/div><h4>Spot aus Toolbox<\/h4><p class=\"small mb-0\">Vordef. Spot einsetzen.<\/p><\/div><\/div>\n        <\/div>\n\n        <h3 class=\"h5 mb-3\">Variablen<\/h3>\n        <div class=\"row g-3 mb-4\">\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-suitcase\"><\/i><\/div><h4>Inventar<\/h4><p class=\"small mb-0\">Gegenst\u00e4nde sammeln &amp; nutzen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-sliders\"><\/i><\/div><h4>Menge anpassen<\/h4><p class=\"small mb-0\">Z\u00e4hlen, addieren, entfernen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-code\"><\/i><\/div><h4>Variable<\/h4><p class=\"small mb-0\">Wert setzen\/lesen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div><h4>Variable anpassen<\/h4><p class=\"small mb-0\">Erh\u00f6hen, verringern, toggeln.<\/p><\/div><\/div>\n        <\/div>\n\n        <h3 class=\"h5 mb-3\">Erweitert<\/h3>\n        <div class=\"row g-3\">\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-headphones-simple\"><\/i><\/div><h4>Audio-Hintergrund<\/h4><p class=\"small mb-0\">Ambiente &amp; Stimmung.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-flag-checkered\"><\/i><\/div><h4>Checkpoint<\/h4><p class=\"small mb-0\">Fortschritt sichern.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-stopwatch\"><\/i><\/div><h4>Countdown<\/h4><p class=\"small mb-0\">Zeitdruck &amp; Timing.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/div><h4>Hinweise<\/h4><p class=\"small mb-0\">Tipps bei Bedarf.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-square-minus\"><\/i><\/div><h4>Entfernen<\/h4><p class=\"small mb-0\">Bausteine zur\u00fccknehmen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-brands fa-js\"><\/i><\/div><h4>Javascript<\/h4><p class=\"small mb-0\">Eigene Logik einbinden.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-globe\"><\/i><\/div><h4>360\u00b0-Bild<\/h4><p class=\"small mb-0\">Rundumblick &amp; Hotspots.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-user-slash\"><\/i><\/div><h4>Team-Sync deaktivieren<\/h4><p class=\"small mb-0\">Solo-Momente erzwingen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-camera-rotate\"><\/i><\/div><h4>Fotovergleich<\/h4><p class=\"small mb-0\">Livebild vs. Referenz pr\u00fcfen.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-camera\"><\/i><\/div><h4>Foto-Challenge<\/h4><p class=\"small mb-0\">Aufgabe mit Kamera.<\/p><\/div><\/div>\n          <div class=\"col-6 col-md-4 col-lg-3\"><div class=\"feature text-center h-100\"><div class=\"icon-top\"><i class=\"fa-solid fa-file-code\"><\/i><\/div><h4>Benutzerdef. Stil<\/h4><p class=\"small mb-0\">Feintuning per Styles.<\/p><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== F\u00dcR CREATORS ===================== -->\n    <section id=\"creators\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">F\u00fcr Creators<\/span>\n          <h2>Erstellen, pr\u00e4sentieren, pflegen<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-pen-ruler\"><\/i><\/div>\n              <h3>Klarer Workflow<\/h3>\n              <p>Von der Idee \u00fcber den Editor direkt zur Spielseite \u2013 mit Galerie, Beschreibung und Kategorien.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\n              <h3>Termine &amp; Slots<\/h3>\n              <p>Verf\u00fcgbarkeiten planen, Buchungen sichtbar machen \u2013 Preis gilt pro Zeitslot f\u00fcr alle Teilnehmenden.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-star-half-stroke\"><\/i><\/div>\n              <h3>Bewertungen &amp; Sichtbarkeit<\/h3>\n              <p>Feedback einsammeln, Kategoriezuordnungen pflegen, Spielseiten aktuell halten.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== ENTDECKEN ===================== -->\n    <section id=\"discover\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-3\">\n          <span class=\"eyebrow\">Entdecken<\/span>\n          <h2>Finden &amp; starten \u2013 was zu euch passt<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-magnifying-glass-location\"><\/i><\/div>\n              <h3>Kategorien &amp; Filter<\/h3>\n              <p>Originals, Classics, Virtuals, Extreme, Locationless, Shorts \u2013 dazu Suche, Bewertung und Bookmarks.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-play\"><\/i><\/div>\n              <h3>Schnellstart<\/h3>\n              <p>Per QR von der Spielseite direkt in die App. Szenen-Poster und kurze Einblicke helfen bei der Wahl.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== MEDIEN ===================== -->\n    <section id=\"media\" class=\"py-5 bg-light\">\n      <div class=\"container\">\n        <div class=\"section-title mb-3\">\n          <span class=\"eyebrow\">Medien<\/span>\n          <h2>Video, Audio, 360\u00b0 &amp; Galerien<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6\">\n            <div class=\"tile h-100\">\n              <h3 class=\"h5\"><i class=\"fa-solid fa-play me-2 text-muted\"><\/i>Video<\/h3>\n              <ul class=\"small mb-0\">\n                <li>Posterbilder, echte \u201eAm-Ende\u201c-Buttons<\/li>\n                <li>Buttons: Text, Zielszene, Farbe; letzter Button \u201eWiederholen\u201c<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6\">\n            <div class=\"tile h-100\">\n              <h3 class=\"h5\"><i class=\"fa-solid fa-wave-square me-2 text-muted\"><\/i>Audio<\/h3>\n              <ul class=\"small mb-0\">\n                <li>Waveform-Player, Untertitel, Text nach Ende<\/li>\n                <li>Buttons nach Ende wie beim Video<\/li>\n              <\/ul>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== MONETARISIERUNG ===================== -->\n    <section id=\"monetization\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">Ver\u00f6ffentlichen &amp; Preise<\/span>\n          <h2>Community frei \u2013 Bezahlangebote mit Pro-Lizenz<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-users\"><\/i><\/div>\n              <h3>Community-Spiele<\/h3>\n              <p>Kostenfrei erstellen &amp; spielen. Ideal zum Einstieg und f\u00fcr offene Stadtabenteuer.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\n              <h3>Professional-Lizenz<\/h3>\n              <p>Nur mit Pro-Lizenz d\u00fcrfen <strong>kostenpflichtige<\/strong> Szenarien ver\u00f6ffentlicht werden.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\n              <h3>Faire Preise<\/h3>\n              <p>Pro Zeitslot f\u00fcr die ganze Gruppe \u2013 transparent und leicht verst\u00e4ndlich.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"row mt-4\">\n          <div class=\"col-12\">\n            <div class=\"table-responsive\">\n              <table class=\"table table-striped matrix-table align-middle\">\n                <thead>\n                  <tr>\n                    <th>Feature<\/th>\n                    <th class=\"text-center\">Spieler<\/th>\n                    <th class=\"text-center\">Creator<\/th>\n                  <\/tr>\n                <\/thead>\n                <tbody>\n                  <tr>\n                    <td>Termin-Kalender<\/td>\n                    <td class=\"text-center\"><i class=\"fa-solid fa-check check\"><\/i><\/td>\n                    <td class=\"text-center\"><i class=\"fa-solid fa-check check\"><\/i><\/td>\n                  <\/tr>\n                  <tr>\n                    <td>Preis pro Zeitslot (Gruppe)<\/td>\n                    <td class=\"text-center\"><i class=\"fa-solid fa-check check\"><\/i><\/td>\n                    <td class=\"text-center\"><i class=\"fa-solid fa-check check\"><\/i><\/td>\n                  <\/tr>\n                  <tr>\n                    <td>Ver\u00f6ffentlichung kostenpflichtiger Szenarien<\/td>\n                    <td class=\"text-center\"><i class=\"fa-solid fa-minus text-muted\"><\/i><\/td>\n                    <td class=\"text-center\"><strong>Pro-Lizenz erforderlich<\/strong><\/td>\n                  <\/tr>\n                <\/tbody>\n              <\/table>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== ORGANISATION & LIZENZEN ===================== -->\n    <section id=\"org\" class=\"py-5 bg-light\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">Teams<\/span>\n          <h2>Organisation &amp; Lizenzen (Professional &amp; Education)<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-building-user\"><\/i><\/div>\n              <h3>Organisation verwalten<\/h3>\n              <p>Zentrale Oberfl\u00e4che mit Bereichen: <em>\u00dcbersicht<\/em>, <em>Abo &amp; Lizenzen<\/em>, <em>Planung<\/em>, <em>Benutzer<\/em>, <em>Gruppen<\/em>, <em>Boards<\/em>.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-user-shield\"><\/i><\/div>\n              <h3>Rollen &amp; Gruppen<\/h3>\n              <p>Mitglieder einladen, Rollen vergeben (z. B. Admin\/Mitglied) und Gruppen je Projekt oder Klasse organisieren.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-table-columns\"><\/i><\/div>\n              <h3>Boards &amp; Planung<\/h3>\n              <p>Planungs-Boards und \u00dcbersichten f\u00fcr Szenarien, Termine und Teamaufgaben \u2013 ideal f\u00fcr Teams &amp; Bildung.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"alert alert-secondary small mt-4\" role=\"alert\">\n          Professional &amp; Education b\u00fcndeln Team-Features. <strong>Kostenpflichtige Ver\u00f6ffentlichungen<\/strong> bleiben an die Professional-Lizenz gekn\u00fcpft.\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== ANALYTICS & GAMIFICATION ===================== -->\n    <section id=\"analytics\" class=\"py-5\">\n      <div class=\"container\">\n        <div class=\"section-title mb-4\">\n          <span class=\"eyebrow\">Analytics<\/span>\n          <h2>Messbar, motivierend, skalierbar<\/h2>\n        <\/div>\n        <div class=\"row g-4\">\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\n              <h3>Gamification-Events<\/h3>\n              <p>XP-Formeln, Level-Ups, Badges, Event-Log, Leaderboards \u2013 integriert in Profile und Szenarien.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-magnifying-glass-chart\"><\/i><\/div>\n              <h3>Statistik &amp; Cache<\/h3>\n              <p>Metriken werden effizient aggregiert (Cron-Tasks), um Live-Ansichten schnell zu halten.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"col-md-6 col-lg-4\">\n            <div class=\"feature h-100\">\n              <div class=\"icon mb-2\"><i class=\"fa-solid fa-ranking-star\"><\/i><\/div>\n              <h3>Bewertungen &amp; Ranking<\/h3>\n              <p>Einheitliches Rating (0\u2013100), prozentuale Anzeige, Bookmarks und Kategoriefilter.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ===================== CTA (VOLLE BREITE) ===================== -->\n    <section id=\"faq-cta\">\n      <div class=\"container\">\n        <div class=\"cta-band align-items-start align-items-lg-center justify-content-between gap-3\">\n        \n            <div class=\"eyebrow mb-1\">Bereit?<\/div>\n            <h3 class=\"mb-2\">Spielen oder erstellen \u2013 heute anfangen.<\/h3>\n            <p class=\"mb-0 mute\">Community-Spiele sind kostenfrei. Bezahlte Ver\u00f6ffentlichungen sind mit Professional-Lizenz m\u00f6glich.<\/p>\n          \n <div style=\"padding:30px\">\n            <a href=\"\/download\/\" class=\"btn btn-scn btn-lg\"><i class=\"fa-solid fa-download me-2\"><\/i>App laden<\/a>\n            <a href=\"\/erstellen\/\" class=\"btn btn-outline-light btn-lg\"><i class=\"fa-solid fa-pen-ruler me-2\"><\/i>Storyboard \u00f6ffnen<\/a>\n            <a href=\"\/faq\/\" class=\"btn btn-outline-light btn-lg\"><i class=\"fa-solid fa-circle-question me-2\"><\/i>FAQ<\/a>\n   <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <script>\n    \/\/ Active Subnav w\u00e4hrend des Scrollens\n    (function(){\n      const links = document.querySelectorAll('.scn-subnav .nav-link');\n      const ids = Array.from(links)\n        .map(a => a.getAttribute('href'))\n        .filter(Boolean)\n        .map(h => h.replace('#',''));\n      const sections = ids.map(id => document.getElementById(id)).filter(Boolean);\n\n      const onScroll = () => {\n        let current = ids[0];\n        for (const s of sections){\n          if (s.getBoundingClientRect().top <= 110) current = s.id;\n        }\n        links.forEach(a => {\n          a.classList.toggle('active', a.getAttribute('href') === ('#'+current));\n        });\n      };\n      document.addEventListener('scroll', onScroll, {passive:true});\n      onScroll();\n    })();\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Das scenario-\u00d6kosystem Alle Features. Ein System f\u00fcr Spieler und Creators. Erlebe kooperative Stadtabenteuer \u2013 oder baue sie mit dem Storyboard selbst. scenario.app verbindet App, Editor, Medien, Bezahlung, Analytics und Gamification zu einer schlanken Plattform, die einfach funktioniert. F\u00fcr Spieler F\u00fcr Creators Monetarisierung Story &amp; Map \u00dcberblick W\u00e4hrend des Spiels Storyboard-Editor Bausteine KI-Generator Entdecken &amp; Starten [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":200053,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199737","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199737","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/comments?post=199737"}],"version-history":[{"count":22,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199737\/revisions"}],"predecessor-version":[{"id":200069,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199737\/revisions\/200069"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/media\/200053"}],"wp:attachment":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/media?parent=199737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}