{"id":199823,"date":"2025-10-26T13:58:54","date_gmt":"2025-10-26T12:58:54","guid":{"rendered":"https:\/\/scen.ar\/io\/?page_id=199823"},"modified":"2025-10-26T14:02:05","modified_gmt":"2025-10-26T13:02:05","slug":"fuer","status":"publish","type":"page","link":"https:\/\/scen.ar\/io\/fuer\/","title":{"rendered":"F\u00fcr wen?"},"content":{"rendered":"<!-- \/fuer\/ \u2013 Audience Hubseite (Bootstrap 5, WordPress Custom HTML kompatibel) -->\n<div class=\"scn-audience-hub\">\n  <style>\n    :root{\n      --scn-turquoise:#41b1cd;\n      --scn-dark:#2b2b2b;\n      --scn-light:#f7f7f7;\n      --scn-white:#ffffff;\n    }\n    .scn-audience-hub{color:var(--scn-dark); font-family: Rubik,system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",sans-serif;}\n    .section{padding: 3.5rem 0;}\n    @media (min-width:992px){ .section{padding: 5rem 0;} }\n\n    \/* Full-bleed Hintergrund \u00fcber gesamte Browserbreite (f\u00fcr graue Segmente) *\/\n    .full-bleed{\n      width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      background:var(--scn-light);\n    }\n    .full-bleed.alignfull{background:var(--scn-light);} \/* WP-Kompat *\/\n\n    .btn-scn{\n      --bs-btn-bg:var(--scn-turquoise);\n      --bs-btn-border-color:var(--scn-turquoise);\n      --bs-btn-hover-bg:#2da6c2;\n      --bs-btn-hover-border-color:#2da6c2;\n      --bs-btn-active-bg:#2493ad;\n      --bs-btn-active-border-color:#2493ad;\n    }\n    .btn-outline-scn{\n      --bs-btn-color:var(--scn-turquoise);\n      --bs-btn-border-color:var(--scn-turquoise);\n      --bs-btn-hover-bg:var(--scn-turquoise);\n      --bs-btn-hover-border-color:var(--scn-turquoise);\n      --bs-btn-hover-color:#fff;\n    }\n\n    .chip{\n      display:inline-flex; align-items:center; gap:.4rem;\n      padding:.35rem .7rem; border-radius:999px;\n      border:1px solid rgba(65,177,205,.35);\n      background:rgba(65,177,205,.10); color:#185867; font-weight:600; font-size:.85rem;\n      cursor:pointer; user-select:none;\n    }\n    .chip[aria-pressed=\"true\"]{background:var(--scn-turquoise); color:#fff;}\n\n    .search-wrap{position:relative;}\n    .search-wrap .form-control{padding-left:2.5rem;}\n    .search-wrap .icon{position:absolute; left:.8rem; top:50%; transform:translateY(-50%); color:#8aaab3;}\n\n    .card-aud{border:1px solid #eef3f6; border-radius:1rem; transition: transform .15s ease, box-shadow .15s ease; background:#fff;}\n    .card-aud:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(43,43,43,.08);}\n    .card-aud .icon{\n      width:48px; height:48px; display:grid; place-items:center; border-radius:50%;\n      background:rgba(65,177,205,.12); border:1px solid rgba(65,177,205,.25); color:#1d6d7f; font-size:1.2rem;\n    }\n    .eyebrow{letter-spacing:.06em; text-transform:uppercase; color:var(--scn-turquoise); font-weight:700; font-size:.85rem;}\n    .scn-muted{color:#6b6b6b;}\n\n    .noresults{display:none;}\n  <\/style>\n\n  <!-- Intro (ohne hero, da Featured Image genutzt werden kann) -->\n  <section class=\"section\" id=\"intro\">\n    <div class=\"container\">\n      <div class=\"row g-4 align-items-end\">\n        <div class=\"col-lg-8\">\n          <div class=\"eyebrow mb-2\">scenario.app<\/div>\n          <h1 class=\"h2 mb-2\">F\u00fcr wen ist scenario.app?<\/h1>\n          <p class=\"lead scn-muted mb-0\">\n            W\u00e4hlen Sie Ihre Perspektive: <strong>Erleben<\/strong> (spielen) oder <strong>Erstellen &amp; Organisieren<\/strong> (entwickeln, anbieten, betreuen).\n          <\/p>\n        <\/div>\n        <div class=\"col-lg-4\">\n          <div class=\"search-wrap\">\n            <i class=\"fa-solid fa-magnifying-glass icon\" aria-hidden=\"true\"><\/i>\n            <input id=\"audSearch\" type=\"search\" class=\"form-control form-control-lg\" placeholder=\"Suchen (z. B. Tourismus, Schule, JGA)\u2026\" aria-label=\"Zielgruppen durchsuchen\">\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"d-flex flex-wrap gap-2 mt-3\" role=\"toolbar\" aria-label=\"Filter Zielgruppen\">\n        <button type=\"button\" class=\"chip\" data-filter=\"all\" aria-pressed=\"true\"><i class=\"fa-solid fa-layer-group\"><\/i> Alle<\/button>\n        <button type=\"button\" class=\"chip\" data-filter=\"erleben\" aria-pressed=\"false\"><i class=\"fa-solid fa-person-hiking\"><\/i> Erleben<\/button>\n        <button type=\"button\" class=\"chip\" data-filter=\"erstellen\" aria-pressed=\"false\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i> Erstellen &amp; Organisieren<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Grid -->\n  <section class=\"section full-bleed alignfull\" id=\"audience-grid\">\n    <div class=\"container\">\n      <div class=\"row g-3 g-sm-4\" id=\"audGrid\">\n\n        <!-- Erleben -->\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erleben\" data-tags=\"familien gemeinschaft kinder ferien freizeit entdecken\">\n          <a href=\"\/fuer\/familien\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-people-roof\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Familien<\/strong>\n                  <small class=\"scn-muted d-block\">Gemeinsam entdecken<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erleben\" data-tags=\"abenteuer outdoor geocaching natur entdecken\">\n          <a href=\"\/fuer\/abenteurer\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-compass\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Abenteurer<\/strong>\n                  <small class=\"scn-muted d-block\">Drau\u00dfen unterwegs<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erleben\" data-tags=\"jga junggesellenabschied party stadt spiel\">\n          <a href=\"\/fuer\/jga\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-champagne-glasses\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Junggesellenabschiede<\/strong>\n                  <small class=\"scn-muted d-block\">Einmalig &amp; interaktiv<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erleben\" data-tags=\"kindergeburtstag geburtstag kinder familie rallye r\u00e4tsel\">\n          <a href=\"\/fuer\/kindergeburtstag\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-cake-candles\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Kindergeburtstag<\/strong>\n                  <small class=\"scn-muted d-block\">Missionen &amp; R\u00e4tsel<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <!-- Erstellen & Organisieren -->\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erstellen\" data-tags=\"schule edu unterricht exkursion projekte lehrkr\u00e4fte\">\n          <a href=\"\/fuer\/edu\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-graduation-cap\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">EDU (Schulen)<\/strong>\n                  <small class=\"scn-muted d-block\">Unterricht, der rausgeht<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erstellen\" data-tags=\"unternehmen hr onboarding teambuilding training\">\n          <a href=\"\/fuer\/unternehmen\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-briefcase\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Unternehmen<\/strong>\n                  <small class=\"scn-muted d-block\">Onboarding &amp; Teambuilding<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erstellen\" data-tags=\"tourismus tourismusverband stadt land route g\u00e4ste familien\">\n          <a href=\"\/fuer\/tourismusverbaende\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Tourismusverb\u00e4nde<\/strong>\n                  <small class=\"scn-muted d-block\">Stadt &amp; Land erleben<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erstellen\" data-tags=\"escape outdoorescape betreiber anbieter r\u00e4tsel spiel verkaufen\">\n          <a href=\"\/fuer\/escape-betreiber\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-puzzle-piece\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">Escape-\/Outdoorescape-Betreiber<\/strong>\n                  <small class=\"scn-muted d-block\">Spiele erstellen &amp; verkaufen<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n        <div class=\"col-6 col-md-4 col-lg-3 aud-item\" data-cat=\"erstellen\" data-tags=\"indie creators creator indiecreators selbst erstellen stories\">\n          <a href=\"\/fuer\/indiecreators\/\" class=\"text-decoration-none\">\n            <div class=\"card-aud h-100 p-3\">\n              <div class=\"d-flex align-items-center gap-3\">\n                <div class=\"icon\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i><\/div>\n                <div>\n                  <strong class=\"d-block\">IndieCreators<\/strong>\n                  <small class=\"scn-muted d-block\">Eigene Routen, eigene Stories<\/small>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <p id=\"noResults\" class=\"noresults scn-muted text-center mt-4\">\n        Keine Treffer. Filter anpassen oder Suchbegriff \u00e4ndern.\n      <\/p>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"section\" id=\"cta\">\n    <div class=\"container\">\n      <div class=\"row align-items-center g-4\">\n        <div class=\"col-lg-8\">\n          <h2 class=\"h3 mb-2\">Nicht sicher, wo Sie starten sollen?<\/h2>\n          <p class=\"scn-muted mb-3\">Wir geben eine kurze Einordnung f\u00fcr Ihren Anwendungsfall und zeigen passende Beispiele.<\/p>\n          <div class=\"d-flex flex-wrap gap-3\">\n            <a href=\"\/demo\/\" class=\"btn btn-scn btn-lg\">Kurzberatung &amp; Demo<\/a>\n            <a href=\"\/kontakt\/\" class=\"btn btn-outline-scn btn-lg\">Kontakt<\/a>\n          <\/div>\n          <div class=\"scn-muted mt-3\"><small>Hinweis: Gespielt wird in der App (iOS\/Android). Erstellung im Web-Editor.<\/small><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Mini-SEO-Text (optional, editierbar) -->\n  <section class=\"section full-bleed alignfull\" id=\"seo\">\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"col-lg-10\">\n          <p class=\"mb-0 scn-muted\">\n            scenario.app verbindet Orte mit Geschichten und Aufgaben. Ob Schule, Unternehmen, Tourismus, Escape-Betrieb oder private Anl\u00e4sse:\n            Erstellen Sie Missionen mit GPS\/QR und erleben Sie sie vor Ort \u2013 mit klaren Zielen und gemeinsamer Erfahrung.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    (function(){\n      const chips = document.querySelectorAll('.chip[data-filter]');\n      const grid  = document.getElementById('audGrid');\n      const items = grid ? Array.from(grid.querySelectorAll('.aud-item')) : [];\n      const search = document.getElementById('audSearch');\n      const nores = document.getElementById('noResults');\n      let activeFilter = 'all';\n      let q = '';\n\n      function apply(){\n        let visible = 0;\n        const qnorm = q.trim().toLowerCase();\n        items.forEach(el=>{\n          const cat = el.getAttribute('data-cat');\n          const tags = (el.getAttribute('data-tags')||'').toLowerCase();\n          const inCat = (activeFilter==='all') || (cat===activeFilter);\n          const inSearch = !qnorm || tags.indexOf(qnorm) !== -1;\n          const show = inCat && inSearch;\n          el.classList.toggle('d-none', !show);\n          if(show) visible++;\n        });\n        if(nores) nores.style.display = visible ? 'none' : 'block';\n      }\n\n      chips.forEach(btn=>{\n        btn.addEventListener('click', ()=>{\n          chips.forEach(b=>b.setAttribute('aria-pressed','false'));\n          btn.setAttribute('aria-pressed','true');\n          activeFilter = btn.getAttribute('data-filter') || 'all';\n          apply();\n        });\n      });\n\n      if(search){\n        search.addEventListener('input', (e)=>{ q = e.target.value; apply(); });\n      }\n\n      \/\/ Initial\n      apply();\n    })();\n  <\/script>\n<\/div>\n<!-- \/End Audience Hubseite -->\n","protected":false},"excerpt":{"rendered":"<p>scenario.app F\u00fcr wen ist scenario.app? W\u00e4hlen Sie Ihre Perspektive: Erleben (spielen) oder Erstellen &amp; Organisieren (entwickeln, anbieten, betreuen). Alle Erleben Erstellen &amp; Organisieren Familien Gemeinsam entdecken Abenteurer Drau\u00dfen unterwegs Junggesellenabschiede Einmalig &amp; interaktiv Kindergeburtstag Missionen &amp; R\u00e4tsel EDU (Schulen) Unterricht, der rausgeht Unternehmen Onboarding &amp; Teambuilding Tourismusverb\u00e4nde Stadt &amp; Land erleben Escape-\/Outdoorescape-Betreiber Spiele erstellen &amp; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199823","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=199823"}],"version-history":[{"count":2,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199823\/revisions"}],"predecessor-version":[{"id":199828,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199823\/revisions\/199828"}],"wp:attachment":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/media?parent=199823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}