{"id":199881,"date":"2025-11-13T13:48:31","date_gmt":"2025-11-13T12:48:31","guid":{"rendered":"https:\/\/scen.ar\/io\/?page_id=199881"},"modified":"2025-11-13T14:17:28","modified_gmt":"2025-11-13T13:17:28","slug":"professional-services","status":"publish","type":"page","link":"https:\/\/scen.ar\/io\/professional-services\/","title":{"rendered":"Professional Services"},"content":{"rendered":"<section id=\"ak-pro-services\" class=\"ak-scn\">\n  <style>\n    \/* Tokens *\/\n    #ak-pro-services{\n      --scn-primary:#41b1cd;\n      --scn-primary-2:#7fd3e5;\n      --scn-dark:#2b2b2b;\n      --scn-muted:#6b7280;\n      --scn-border:#e3e7ec;\n      --soft:#f6f8f9;\n      --rad:16px;\n      --rad-lg:20px;\n    }\n    .ak-wrap{max-width:960px;margin:0 auto;padding:56px 20px 64px}\n    .ak-overline{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#94a3b8;margin-bottom:8px}\n    h1{margin:0 0 12px;font-size:clamp(26px,3vw,32px);line-height:1.2}\n    h2{margin:24px 0 10px;font-size:20px}\n    h3{margin:0 0 4px;font-size:16px}\n    p{margin:0 0 10px;line-height:1.6;color:#374151}\n    .muted{color:var(--scn-muted);font-size:14px}\n\n    \/* CTAs *\/\n    .ak-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;margin-bottom:24px}\n    .ak-btn{\n      appearance:none;border-radius:999px;\n      padding:10px 18px;font-size:14px;font-weight:600;\n      border:1px solid #cbd5e1;background:#fff;color:#111827;\n      text-decoration:none;cursor:pointer;\n      transition:background .15s ease,box-shadow .15s ease,transform .12s ease;\n    }\n    .ak-btn.primary{\n      background:linear-gradient(90deg,var(--scn-primary),var(--scn-primary-2));\n      border-color:transparent;color:#fff;\n      box-shadow:0 10px 24px rgba(65,177,205,.25);\n    }\n    .ak-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}\n\n    \/* Chips \/ Use Cases *\/\n    .ak-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:6px}\n    .ak-chip{\n      padding:6px 10px;border-radius:999px;\n      background:#f1f5f9;border:1px solid #e2e8f0;\n      font-size:12px;color:#475569;\n    }\n\n    \/* Services: 3 Karten mit kleinem Bild *\/\n    .ak-grid{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n      gap:16px;\n      margin:10px 0 26px;\n    }\n    .ak-card{\n      display:flex;\n      align-items:flex-start;\n      gap:12px;\n      padding:14px 14px;\n      border-radius:var(--rad);\n      border:1px solid var(--scn-border);\n      background:#fff;\n    }\n    .ak-icon{\n      flex:0 0 50px;\n      width:50px;height:50px;\n      border-radius:14px;\n      overflow:hidden;\n      background:#e2e8f0;\n    }\n    .ak-icon img{\n      width:100%;height:100%;\n      object-fit:cover;display:block;\n    }\n    .ak-card p{font-size:14px;margin-bottom:0;}\n\n    \/* Prozess: 3 Steps *\/\n    .ak-steps{\n      display:grid;\n      grid-template-columns:repeat(3,minmax(0,1fr));\n      gap:12px;\n      margin:10px 0 24px;\n    }\n    .ak-step{\n      padding:12px 12px;\n      border-radius:var(--rad);\n      border:1px dashed #e2e8f0;\n      background:#fff;\n    }\n    .ak-step .num{\n      display:inline-grid;place-items:center;\n      width:22px;height:22px;\n      border-radius:999px;\n      background:var(--scn-primary);\n      color:#05242c;font-size:12px;font-weight:700;\n      margin-bottom:6px;\n    }\n    .ak-step p{font-size:13px;margin-bottom:0;}\n\n    \/* Preisblock *\/\n    .ak-price{\n      border-radius:var(--rad-lg);\n      border:1px solid var(--scn-border);\n      background:var(--soft);\n      padding:16px 16px 14px;\n      margin-bottom:8px;\n    }\n    .ak-price h2{margin-top:0;}\n    .ak-price strong.amount{\n      font-size:18px;\n      font-weight:700;\n      color:var(--scn-dark);\n    }\n    .ak-price ul{\n      margin:6px 0 0;\n      padding-left:18px;\n      color:#4b5563;\n      font-size:14px;\n    }\n    .ak-footnote{\n      margin-top:6px;\n      font-size:12px;\n    }\n\n    @media (max-width:780px){\n      .ak-wrap{padding:44px 18px 48px}\n      .ak-grid,.ak-steps{grid-template-columns:1fr}\n    }\n\n    \/* Modal (Kontakt) *\/\n    .ak-modal{\n      position:fixed;inset:0;\n      display:none;\n      align-items:center;justify-content:center;\n      background:rgba(15,23,42,.55);\n      z-index:10000;\n    }\n    .ak-modal[aria-hidden=\"false\"]{display:flex}\n    .ak-dialog{\n      width:min(720px,92vw);\n      max-height:88vh;\n      background:#fff;\n      border-radius:22px;\n      border:1px solid var(--scn-border);\n      overflow:auto;\n      box-shadow:0 20px 60px rgba(0,0,0,.25);\n    }\n    .ak-dialog header{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      padding:14px 16px;\n      border-bottom:1px solid var(--scn-border);\n    }\n    .ak-dialog header h3{margin:0;font-size:16px;}\n    .ak-close{\n      border:none;background:transparent;\n      font-size:22px;cursor:pointer;line-height:1;\n    }\n    .ak-dialog-body{padding:14px 16px 18px;}\n  <\/style>\n\n  <div class=\"ak-wrap\">\n    <div class=\"ak-overline\">AdventureKingz GmbH<\/div>\n    <h1>Professional Services f\u00fcr scenario.app<\/h1>\n    <p class=\"muted\">\n      Wir planen und bauen eure Touren &#038; Escape-Games \u2013 von der ersten Idee bis zur fertigen Route\n      in der App, inkl. Medien und (optional) Technik vor Ort.\n    <\/p>\n\n    <div class=\"ak-chips\">\n      <span class=\"ak-chip\">St\u00e4dte &#038; Tourismus<\/span>\n      <span class=\"ak-chip\">Museen &#038; Ausstellungen<\/span>\n      <span class=\"ak-chip\">Schulen &#038; Bildung<\/span>\n      <span class=\"ak-chip\">Team-Events<\/span>\n    <\/div>\n\n    <div class=\"ak-cta\" style=\"margin-bottom:80px;\">\n      <a href=\"\/kontakt\"  class=\"ak-btn primary\">Projekt anfragen<\/button>\n      <a href=\"\/download\" class=\"ak-btn\">scenario.app testen<\/a>\n    <\/div>\n\n    <!-- Services -->\n    <h2>Was wir \u00fcbernehmen k\u00f6nnen<\/h2>\n    <div class=\"ak-grid\" style=\"margin-bottom:80px;\">\n      <article class=\"ak-card\">\n        <div class=\"ak-icon\">\n          <img decoding=\"async\" src=\"https:\/\/scen.ar\/wp-content\/uploads\/2025\/11\/snap-2025-11-13T13-15-02-717Z.png\" alt=\"\">\n        <\/div>\n        <div>\n          <h3>Touren &#038; Escape-Games<\/h3>\n          <p class=\"muted\">\n            Story, R\u00e4tsel &#038; Wegpunkte f\u00fcr Stadt, Museum oder Natur \u2013 fertig spielbar in der scenario.app.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ak-card\">\n        <div class=\"ak-icon\">\n          <img decoding=\"async\" src=\"https:\/\/scen.ar\/wp-content\/uploads\/2025\/11\/snap-2025-11-13T13-15-34-652Z.png\" alt=\"\">\n        <\/div>\n        <div>\n          <h3>Medien &#038; Design<\/h3>\n          <p class=\"muted\">\n            Karten, Icons, Audio &#038; kurze Clips im passenden Look \u2013 inkl. Szenenbilder f\u00fcr eure Kommunikation.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"ak-card\">\n        <div class=\"ak-icon\">\n          <img decoding=\"async\" src=\"https:\/\/scen.ar\/wp-content\/uploads\/2025\/11\/snap-2025-11-13T13-16-07-737Z.png\" alt=\"\">\n        <\/div>\n        <div>\n          <h3>Technik &#038; Stationsbau<\/h3>\n          <p class=\"muted\">\n            NFC\/QR-Stationen, Sensorik &#038; Beschilderung \u2013 von der Skizze bis zum robusten Einsatz vor Ort.\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- Prozess kurz -->\n    <h2>So l\u00e4uft ein Projekt typischerweise ab<\/h2>\n    <div class=\"ak-steps\" style=\"margin-bottom:80px;\">\n      <div class=\"ak-step\">\n        <div class=\"num\">1<\/div>\n        <h3>Kickoff<\/h3>\n        <p>Kurzer Workshop zu Zielen, Orten, Zielgruppen &#038; Budgetrahmen.<\/p>\n      <\/div>\n      <div class=\"ak-step\">\n        <div class=\"num\">2<\/div>\n        <h3>Konzept &#038; Prototyp<\/h3>\n        <p>Route, Story &#038; erste Szenen in scenario.app zum Testen und Feedback.<\/p>\n      <\/div>\n      <div class=\"ak-step\">\n        <div class=\"num\">3<\/div>\n        <h3>Produktion &#038; Launch<\/h3>\n        <p>Feinschliff, Medien, Technik (falls gebucht) \u2013 plus \u00dcbergabe &#038; Schulung.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Preisrahmen -->\n    <div class=\"ak-price\" style=\"margin-bottom:80px;\">\n      <h2>Preisrahmen<\/h2>\n      <p class=\"muted\">\n        Viele Projekte liegen im Bereich von <strong class=\"amount\">ca. 1.500&nbsp;\u20ac bis 8.000&nbsp;\u20ac<\/strong>,\n        abh\u00e4ngig von Anzahl der Stationen, Medienumfang und Technik.\n      <\/p>\n      <ul>\n        <li>Kleiner Kickstart-Workshop: meist ab ca. 1.500&nbsp;\u20ac<\/li>\n        <li>Pilot-Tour mit 6\u20138 Stationen: oft im Bereich 5.000\u20138.000&nbsp;\u20ac<\/li>\n      <\/ul>\n    <\/div>\n\n    <p class=\"muted ak-footnote\">\n      scenario.app ist <strong>cloudbasiert<\/strong>; eine <strong>Internetverbindung ist erforderlich<\/strong>\n      (Karten, Synchronisation, KI-Bildabgleich).\n    <\/p>\n  <\/div>\n\n  <!-- MODAL: Kontaktformular (nutzt dein scenario_contact_form-Plugin) -->\n  <div class=\"ak-modal\" id=\"pro-contact-modal\" aria-hidden=\"true\" role=\"dialog\" aria-labelledby=\"pro-contact-title\">\n    <div class=\"ak-dialog\">\n      <header>\n        <h3 id=\"pro-contact-title\">Projektanfrage Professional Services<\/h3>\n        <button class=\"ak-close\" aria-label=\"Schlie\u00dfen\" data-ak-contact=\"close\">\u00d7<\/button>\n      <\/header>\n      <div class=\"ak-dialog-body\">\n        <!-- Hier dein bestehender Shortcode -->\n                <div class=\"scenario-contact-wrapper\">\r\n            \r\n            \r\n            <form class=\"scenario-contact-form\" method=\"post\" novalidate>\r\n                <input type=\"hidden\" id=\"scenario_contact_nonce\" name=\"scenario_contact_nonce\" value=\"49836aee5f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/io\/wp-json\/wp\/v2\/pages\/199881\" \/>\r\n                <!-- Timing-Felder -->\r\n                <input type=\"hidden\" name=\"sc_t0\" value=\"1778794126\">\r\n                <input type=\"hidden\" name=\"sc_tsig\" value=\"e04e1de8496189b30198f57627e3638e6dc1729aa7e302ce6e9ee52c67bab47a\">\r\n\r\n                <div class=\"sc-row\">\r\n                    <label for=\"sc_topic\">Thema *<\/label>\r\n                    <select name=\"sc_topic\" id=\"sc_topic\" required>\r\n                        <option value=\"\">Bitte w\u00e4hlen\u2026<\/option>\r\n                                                    <option value=\"demo\" >\r\n                                Demo der scenario.app                            <\/option>\r\n                                                    <option value=\"info\" >\r\n                                Weitere Informationen                            <\/option>\r\n                                                    <option value=\"support\" >\r\n                                Support \/ technischer Fehler                            <\/option>\r\n                                                    <option value=\"partnership\" >\r\n                                Kooperation \/ Partnerprogramm                            <\/option>\r\n                                                    <option value=\"press\" >\r\n                                Presse \/ Medienanfrage                            <\/option>\r\n                                                    <option value=\"other\" >\r\n                                Sonstiges                            <\/option>\r\n                                            <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"sc-row sc-row--two\">\r\n                    <div>\r\n                        <label for=\"sc_name\">Name *<\/label>\r\n                        <input type=\"text\" id=\"sc_name\" name=\"sc_name\" required\r\n                               value=\"\">\r\n                    <\/div>\r\n                    <div>\r\n                        <label for=\"sc_company\">Organisation \/ Unternehmen<\/label>\r\n                        <input type=\"text\" id=\"sc_company\" name=\"sc_company\"\r\n                               value=\"\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"sc-row\">\r\n                    <label for=\"sc_email\">E-Mail-Adresse *<\/label>\r\n                    <input type=\"email\" id=\"sc_email\" name=\"sc_email\" required\r\n                           value=\"\">\r\n                <\/div>\r\n\r\n                <div class=\"sc-row\">\r\n                    <label for=\"sc_message\">Nachricht *<\/label>\r\n                    <textarea id=\"sc_message\" name=\"sc_message\" rows=\"6\" required><\/textarea>\r\n                <\/div>\r\n\r\n                <div class=\"sc-row sc-row--checkbox\">\r\n                    <label>\r\n                        <input type=\"checkbox\" name=\"sc_privacy\" value=\"1\"  required>\r\n                        Ich bin damit einverstanden, dass meine Angaben zur Beantwortung der Anfrage gespeichert und verarbeitet werden.                    <\/label>\r\n                <\/div>\r\n\r\n                <!-- Turnstile (Pflicht) -->\r\n                <div class=\"sc-row\">\r\n                    <div class=\"cf-turnstile\" data-sitekey=\"0x4AAAAAACIFCEdju1n6l_eK\"><\/div>\r\n                <\/div>\r\n\r\n                <!-- Honeypot -->\r\n                <div class=\"sc-row sc-row--hp\" style=\"position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;\">\r\n                    <label for=\"sc_hp\">Bitte nicht ausf\u00fcllen<\/label>\r\n                    <input type=\"text\" name=\"sc_hp\" id=\"sc_hp\" value=\"\" tabindex=\"-1\" autocomplete=\"off\">\r\n                <\/div>\r\n\r\n                <div class=\"sc-row sc-row--submit\">\r\n                    <button type=\"submit\" name=\"scenario_contact_form_submit\" class=\"btn btn-primary\">\r\n                        Nachricht senden                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n        <\/div>\r\n        \n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      var modal = document.getElementById('pro-contact-modal');\n      if(!modal) return;\n      var dialog = modal.querySelector('.ak-dialog');\n\n      function openM(){\n        modal.setAttribute('aria-hidden','false');\n        document.body.style.overflow='hidden';\n        if(dialog){ dialog.focus(); }\n        \/\/ optional: Thema im Formular vorw\u00e4hlen (z.B. \"Kooperation \/ Partnerprogramm\")\n        try{\n          var sel = modal.querySelector('#sc_topic');\n          if(sel){\n            for(var i=0;i<sel.options.length;i++){\n              if(sel.options[i].value === 'partnership'){ sel.selectedIndex = i; break; }\n            }\n          }\n        }catch(e){}\n      }\n      function closeM(){\n        modal.setAttribute('aria-hidden','true');\n        document.body.style.overflow='';\n      }\n\n      document.addEventListener('click',function(e){\n        var t = e.target;\n        if(t.closest('[data-ak-contact=\"open\"]')){\n          e.preventDefault();\n          openM();\n        }\n        if(t.closest('[data-ak-contact=\"close\"]') || t === modal){\n          e.preventDefault();\n          closeM();\n        }\n      });\n\n      document.addEventListener('keydown',function(e){\n        if(e.key === 'Escape' &#038;&#038; modal.getAttribute('aria-hidden') === 'false'){\n          closeM();\n        }\n      });\n    })();\n  <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>AdventureKingz GmbH Professional Services f\u00fcr scenario.app Wir planen und bauen eure Touren &#038; Escape-Games \u2013 von der ersten Idee bis zur fertigen Route in der App, inkl. Medien und (optional) Technik vor Ort. St\u00e4dte &#038; Tourismus Museen &#038; Ausstellungen Schulen &#038; Bildung Team-Events Projekt anfragen scenario.app testen Was wir \u00fcbernehmen k\u00f6nnen Touren &#038; Escape-Games Story, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":199892,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199881","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199881","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=199881"}],"version-history":[{"count":20,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199881\/revisions"}],"predecessor-version":[{"id":200020,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/pages\/199881\/revisions\/200020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/media\/199892"}],"wp:attachment":[{"href":"https:\/\/scen.ar\/io\/wp-json\/wp\/v2\/media?parent=199881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}