SCHWARZE PFADE

Your browser lacks required capabilities. Please upgrade it or switch to another to continue.

Loading…

-----------------------------START VARIABLEN--------------------------- <<set $koinz to 22>> <<set $on to 0>> <<set $letter1 to 0>> <<set $letter2 to 0>> -------------------------SOUNDS------------------------------------ <<cacheaudio "clock" "https://geomazing.com/paderborn/sounds/clock.mp3">> <<cacheaudio "burgermeisterin" "https://geomazing.com/paderborn/sounds/burgermeisterin.mp3">> <<cacheaudio "francois" "https://geomazing.com/paderborn/sounds/francois.mp3">> <<cacheaudio "fraulot" "https://geomazing.com/paderborn/sounds/fraulot.mp3">> <<cacheaudio "fraulot.1" "https://geomazing.com/paderborn/sounds/fraulot.1.mp3">> <<cacheaudio "hermann" "https://geomazing.com/paderborn/sounds/hermann.mp3">> <<cacheaudio "bg" "https://geomazing.com/paderborn/sounds/bg.mp3">> <<cacheaudio "ende" "https://geomazing.com/paderborn/sounds/ende.mp3">> <<cacheaudio "grrr" "https://geomazing.com/paderborn/sounds/grrr.mp3">> <<cacheaudio "story.1" "https://geomazing.com/paderborn/sounds/story.1.mp3">> <<cacheaudio "story.2" "https://geomazing.com/paderborn/sounds/story.2.mp3">> <<cacheaudio "story.7" "https://geomazing.com/paderborn/sounds/story.7.mp3">> <<cacheaudio "story.8" "https://geomazing.com/paderborn/sounds/story.8.mp3">>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/title.jpg)'); </script> <div class="wrapper"> <h1>Libori <br> Lost</h1> <h2><span style="background-color: #000000">Das Krimi-Labyrinth durch Paderborn</span></h2> </div> <div class="btn-group"> <<button "Start">> <<goto "musik">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.1.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Marktkirche</span></h1> <h2><span style="background-color: #000000">Dieses Foto wurde irgendwo an der Marktkirche aufgenommen. Wir müssen den Ort finden.</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.1">> <<else>> <<set $info to 0>><<goto "ort.1">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.1.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.1.rätsel">> <</button>> </div> <</nobr>>

<h5>Notizen</h5>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.1.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.2">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <h5>Hinweise</h5> <h4> <<if $letter1 is 1>> Tatzeit: 10:10 <</if>> <br> <<if $letter2 is 1>> Bürgermeisterin <</if>> <br> <<if $letter3 is 1>> Architekt <</if>> <br> <<if $letter4 is 1>> 67 Jahre <</if>> <br> <<if $letter6 is 1>> Bibliothekarin <</if>> <br> <<if $letter7 is 1>> Graue Haare <</if>> <br> <<if $letter8 is 1>> Der Künstler <</if>> <br> <<if $letter10 is 1>> 2014 vorbestraft <</if>> <br> <<if $letter11 is 1>> Schwarze Jacke <</if>> <br> <h4>Unser Image: <br> <<if $koinz >= 20>>Ausgezeichnet<</if>> <<if $koinz < 20 and $koinz >= 15>>Solide<</if>> <<if $koinz < 15 and $koinz >= 10>>Ganz ok<</if>> <<if $koinz < 10 and $koinz >= 5>>Mies<</if>> <<if $koinz < 5>>Katastrophal<</if>> </h4> <</nobr>>

<<nobr>> <<audio "story.1" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.1.jpg)'); </script> <div class="wrapper"> <h1>Der Raub</h1> <<timed 1s>> <h2>Shit! <br> <br> Jemand hat den Schrein vom heiligen Liborius gestohlen, samt Knochen und allem was von ihm übrig war. <br> <br>Aber ohne Liborius gibt es auch kein Liborifest. Undenkbar! <br> <br>Perfekte Gelegenheit für unsere frisch gegründete Detektiv-Kanzlei.</h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<audio "story.1" stop>> <<goto "story.2">> <</button>> </div> <</nobr>>

<<nobr>> <<audio "story.2" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.2.jpg)'); </script> <div class="wrapper"> <h1>Gregorio</h1> <<timed 1s>> <h2>Unser Kumpel Gregorio bei der Polizei und hat uns die Ermittlungsakte geliehen. <br> <br> Schauen wir uns mal die Verdächtigen an:</h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<goto "story.3">> <<audio "story.2" stop>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.1.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 5s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Marktkirche</span></h1> <h2><span style="background-color: #000000">Hmm. Vielleicht vor der Kirche irgendwo?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.1.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.1.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.1.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Marktkirche</span></h1> <h2><span style="background-color: #000000">Könnte es die Bronze Stadt vor der Kirche sein?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.1.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.2.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Wer sagt denn, dass das kein Trinkwasser ist? So, mehr verrate ich nicht. Ich will keine Schwierigkeiten"</h2> </div> <div class="btn-group"> <<button "Der Bischof">> <<goto "ort.2.falsch">> <</button>> <<button "Der Bürgermeister">> <<goto "ort.2.richtig">> <</button>> <<button "Der Straßenfeger">> <<goto "ort.2.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.4">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt.</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.4">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter2 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Die Bürgermeisterin von Paderborn? Hat sie etwa ihre Finger im Spiel?</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.4">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Web App</h1> <br> <h2>Du kannst diese Seite als WebApp auf deinen Startbildschirm legen. Wenn dein Browser das unterstützt, fragt er dich ob du das möchtest. <br> <br> WebApps machen es Dir einfacher zwischen Anwendungen hin und her zu springen und cachen die Inhalte im Hintergrund, sodass es keine Ladezeiten gibt. </h2> </div> <div class="btn-group"> <<button "Ok">> <<goto "intro">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.2.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Marktplatz</span></h1> <h2><span style="background-color: #000000">Irgendwas mit Wasser.</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.2">> <<else>> <<set $info to 0>><<goto "ort.2">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.2.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.2.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.2.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Marktplatz</span></h1> <h2><span style="background-color: #000000">Könnte das ein Brunnen sein?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.2.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.2.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.2.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Marktplatz</span></h1> <h2><span style="background-color: #000000">Ah ok. Das müsste sich finden.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.2.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.2.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.2.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ratsel.jpg)'); </script> <div class="wrapper"> <h1>Rätsel</h1> <h2>Irgendwo hier ist ein weiterer Hinweis versteckt. Sobald wir anfangen zu suchen, tickt die Zeit. Seid ihr bereit? </h2> </div> <div class="btn-group"> <<button "Bereit">> <<goto "ort.2.frage">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.3.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Rathaus</span></h1> <h2><span style="background-color: #000000">Eine Fratze aus Stein</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.3">> <<else>> <<set $info to 0>><<goto "ort.3">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.3.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.3.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.3.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Am Rathaus</span></h1> <h2><span style="background-color: #000000">Könnte das ein Brunnen sein?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.3.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.3.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.3.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Am Rathaus</span></h1> <h2><span style="background-color: #000000">Ah ok. Das müsste sich finden.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.3.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.3.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.3.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.4.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Richtung Salzkotten</span></h1> <h2><span style="background-color: #000000">Der Dieb floh vom Domplatz in Richtung Salzkotten.</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.4">> <<else>> <<set $info to 0>><<goto "ort.4">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.4.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.4.frage">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.4.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">An der Goldschmiede</span></h1> <h2><span style="background-color: #000000">Sieht aus wie gemalt.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.4.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.4.frage">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.4.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Haus der Goldschmiede</span></h1> <h2><span style="background-color: #000000">Ein Wandgemälde am Haus der Goldschmiede</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.4.frage">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.4.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.4.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.4.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Ich weiß wie alt der Täter war. Aber ich sag's nicht. Hier ist ein Rätsel für euch. Wie alt war Dunstheimer?"</h2> </div> <div class="btn-group"> <<button "34 Jahre">> <<goto "ort.4.falsch">> <</button>> <<button "67 Jahre">> <<goto "ort.4.richtig">> <</button>> <<button "81 Jahre">> <<goto "ort.4.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.5">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.5">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter4 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Der oder die Verdächtige war anscheinend 67 Jahre alt. Nützliche Info.</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.5">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.5.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Richtung Pader</span></h1> <h2><span style="background-color: #000000">Der Dieb floh vom Domplatz in Richtung Pader</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.5">> <<else>> <<set $info to 0>><<goto "ort.5">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.5.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.6">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.5.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Vor der Stadtbibliothek</span></h1> <h2><span style="background-color: #000000">Etwas aus Eisen oder so.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.5.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.6">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.5.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Vor der Stadtbiliothek</span></h1> <h2><span style="background-color: #000000">Das Eingangstor.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.6">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.5.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.5.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.6.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Stadtbibliothek</span></h1> <h2><span style="background-color: #000000">Sieht aus wie Metall</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.6">> <<else>> <<set $info to 0>><<goto "ort.6">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.6.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.6.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.6.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Stadtbibliothek</span></h1> <h2><span style="background-color: #000000">Vielleicht eine Skulptur?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.6.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.6.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.6.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Stadtbiliothek</span></h1> <h2><span style="background-color: #000000">Links neben dem Eingang</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.6.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.6.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.6.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.6.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Ich habe einen der Verdächtigen gesehen. Ich bin mir sicher. Es war eine Frau mit drei Buchstaben"</h2> </div> <div class="btn-group"> <<button "Frau Koi">> <<goto "ort.6.falsch">> <</button>> <<button "Frau Ilm">> <<goto "ort.6.falsch">> <</button>> <<button "Frau Lot">> <<goto "ort.6.richtig">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.7">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.7">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter6 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Frau Lot, die Bibliothekarin ist gesehen worden. Was könnte sie wohl zu dem Raub bewegen?</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.7">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.7.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Sagenbrunnen</span></h1> <h2><span style="background-color: #000000">Sieht aus wie ein Wolfskopf</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.7">> <<else>> <<set $info to 0>><<goto "ort.7">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.7.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.7.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.7.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Sagenbrunnen</span></h1> <h2><span style="background-color: #000000">Irgendwo an dem Brunnen, sollte das doch zu finden sein.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.7.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.7.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.7.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Sagenbrunnen</span></h1> <h2><span style="background-color: #000000">Jetzt ist es leicht.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.7.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.7.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.7.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.8.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Alte Stadtmauer</span></h1> <h2><span style="background-color: #000000">Metall und Stein</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.8">> <<else>> <<set $info to 0>><<goto "ort.8">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.8.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.8.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.8.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Alte Stadtmauer</span></h1> <h2><span style="background-color: #000000">Ein Turm vielleicht?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.8.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.8.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.8.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Alte Stadtmauer</span></h1> <h2><span style="background-color: #000000">Jetzt ist es leicht.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.8.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.8.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.8.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.8.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Plus ou moins - das hat er gesagt. Das klang schon so verdächtig. Ich schwöre der war's! Wenn ich jetzt nur noch auf den Namen kommen würde."</h2> </div> <div class="btn-group"> <<button "Morellet">> <<goto "ort.8.richtig">> <</button>> <<button "Couchon">> <<goto "ort.8.falsch">> <</button>> <<button "Maitre">> <<goto "ort.8.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.9">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.9">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter8 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Hm. Der Künstler Antoine Morellet wird auch verdächtigt etwas mit dem Raub zu tun zu haben.</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.9">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.9.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Haxthausen Garten</span></h1> <h2><span style="background-color: #000000">Irgendwas mit Metall</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.9">> <<else>> <<set $info to 0>><<goto "ort.9">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.9.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.10">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/title.jpg)'); </script> <<timed 4s>><<goto "story.1">><</timed>> <div class="wrapper"> <h1>Libori <br> Lost</h1> </div> <div class="btn-group"> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.9.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Haxthausen Garten</span></h1> <h2><span style="background-color: #000000">Ein Skulptur aus Metall</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.9.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.10">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.9.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Haxthausen Garten</span></h1> <h2><span style="background-color: #000000">Jetzt ist es leicht.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.10">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.9.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.9.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.10.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Alte Mühle</span></h1> <h2><span style="background-color: #000000">Glas vielleicht?</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.10">> <<else>> <<set $info to 0>><<goto "ort.10">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.10.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.10.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.10.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Alte Mühle</span></h1> <h2><span style="background-color: #000000">Ein Lampe?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.10.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.10.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.10.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Alte Mühle</span></h1> <h2><span style="background-color: #000000">Das finden wir!</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.10.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.10.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.10.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.8.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Der Täter war schon mal im Knast. Ich bin mir sicher. Und zwar im Jahr..."</h2> </div> <div class="btn-group"> <<button "2010">> <<goto "ort.10.falsch">> <</button>> <<button "2012">> <<goto "ort.10.falsch">> <</button>> <<button "2014">> <<goto "ort.10.richtig">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.11">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.11">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter10 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Der Täter war 2014 anscheindend schon mal im Gefängnis.</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.11">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.11.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<if $info is 0>> <h1><span style="background-color: #000000">Paderquell Gebiet</span></h1> <h2><span style="background-color: #000000">Sieht aus als wäre es von unten fotografiert.</span></h2> <<else>> <</if>> <<button "Info">> <<if $info is 0>> <<set $info to 1>><<goto "ort.11">> <<else>> <<set $info to 0>><<goto "ort.11">> <</if>> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.11.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.11.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.11.1.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Paderquell Gebiet</span></h1> <h2><span style="background-color: #000000">Ein Geländer irgendwo?</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.11.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.11.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.11.2.jpg)'); </script> <div class="wrapper"> <h1><span id="eggs">Image verloren</span></h1> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h1><span style="background-color: #000000">Paderquell Gebiet</span></h1> <h2><span style="background-color: #000000">Das müssten wir finden können.</span></h2> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.11.rätsel">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.11.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.11.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.12.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <span id="text" class="hide"> <h5>Krug</h5> <h4>Der nächste Hinweis.</h4> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.12.1">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.12.sound">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.12.1.jpg)'); </script> <div class="wrapper"> <h5><span id="eggs">1 Münze verloren</span></h5> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h5>Kopf</h5> <h4>Der nächste Hinweis.</h4> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Vergrößern">> <<audio "grrr" play>> <<goto "ort.12.2">> <<set $koinz to $koinz - 1>> <</button>> <<button "Gefunden">> <<goto "ort.12.sound">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/ort.12.2.jpg)'); </script> <div class="wrapper"> <h5><span id="eggs">1 Münze verloren</span></h5> <<timed 2s>><<replace "#eggs">><</replace>><</timed>> </div> <div class="btn-group"> <span id="text" class="hide"> <h5>Kopf</h5> <h4>Der nächste Hinweis.</h4> </span> <<button "Info">> <<toggleclass "#text" "hide">> <</button>> <<button "Gefunden">> <<goto "ort.12.sound">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":bg" volume 0.99 fadeoverto 2 0.1>> <<timed 2s>><<audio "ort.12.sound" play>><</timed>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/sound.jpg)'); </script> <div class="wrapper"> <h5>Der sound flüstert</h5> <h4> Hör genau hin! </h4> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.12.rätsel">> <<audio ":bg" volume 0.0 fadeoverto 2 0.99>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Alte Geheimnisse</h1> <h2>Auch hier ist der sound stark. Ich bin gespannt was er offenbart. </h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.12.frage">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <<timed 120s>><<goto "ort.12.timeout">><</timed>> <div class="wrapper"> <<set $seconds to 120>> <h1><span id="countdown">$seconds Sekunden</span></h1> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds Sekunden<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Wie lange lebte Nikolaus Hillig?</h2> </div> <div class="btn-group"> <<button "36 Tage">> <<goto "ort.12.richtig">> <</button>> <<button "36 Monate">> <<goto "ort.12.falsch">> <</button>> <<button "36 Jahre">> <<goto "ort.12.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "outro">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.2.jpg)'); </script> <div class="wrapper"> <h1>Die Verhaftung</h1> <h2> Wir haben so viele Hinweise wie möglich gesammelt. Jetzt liegt es an uns zu entscheiden, wer hinter Gitter kommt. <br> <br>Wenn wir falsch liegen, ist unsere frisch gegründete Hobby-Detektiv-Kanzlei auch gleich wieder am Ende. <br> <br>Aber wenn wir richtig liegen, sind wir die Helden und Heldinnen der Stadt. <br> <br>No pressure.</h2> <div class="btn-group"> <<button "Weiter">> <<goto "ende.1">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter6 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtige Antwort</h1> <h2>Der sound formt sich. Ich habe eine Rune gefunden</h2> <br> <br> <h3>H</h3> </div> <div class="btn-group"> <<button "weiter">> <<goto "outro">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/burgermeisterin.jpg)'); </script> <div class="wrapper"> <h1>Die Bürgermeisterin</h1> <h2><span style="background-color: #000000">Name: Eva Sauerländer <br>War vormittags in einer Stadtratsitzung <br>Alter: 64 <br>Haarfarbe: hellgrau <br>Kleidung: roter Blazer <br>2014 wegen Steuerhinterziehung verurteilt <br>Beruf: Steuerberaterin <br>2x geschieden und 2x verheiratet</span></h2> </div> <div class="btn-group"> <<button "VERHAFTEN!">> <<goto "ende.bad">> <</button>> <<button "Weiter">> <<goto "ende.2">> <</button>> </div> <</nobr>>

<<nobr>> <<audio "bg" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Musik</h1> <br> <h2>von Eric Matyas <br> <br>Du regulierst die Lautstärke über dein Telefon.</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "PWA">> <</button>> </div> <</nobr>>

<a href="https://twitter.com/intent/tweet?url=https://geomazing.com/product/schwarze-pfade/&text=Ich spiele gerade das Outdoor Escape Game "Schwarze Pfade"&via=&hashtags=geomazing>Twitter</a>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.3.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br> "Ich habe den Namen des Diebs gehört - ich bin mir sicher. Aber jetzt fällt es mir nicht mehr ein. <br>Die Antwort muss aber irgendwo hier zu finden sein."</h2> </div> <div class="btn-group"> <<button "Sabine Fleischer">> <<goto "ort.3.falsch">> <</button>> <<button "Hermann Baumhauer">> <<goto "ort.3.richtig">> <</button>> <<button "Dieter Thomas">> <<goto "ort.3.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.2">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.2">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter3 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Hermann Baumhauer - der junge Star-Architekt? Was könnte er nur für ein Motiv haben?</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.2">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <<timed 120s>><<goto "ort.5.timeout">><</timed>> <div class="wrapper"> <<set $seconds to 120>> <h1><span id="countdown">$seconds Sekunden</span></h1> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds Sekunden<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h1>Aus welchem Bibel-Kapitel stammt dieser Vers?</h1> <br> <h2>Darum, ist jemand in Christus, <br> so ist er eine neue Kreatur; <br> das Alte ist vergangen siehe; <br> es ist alles neu geworden!</h2> </div> <div class="btn-group"> <<button "Hebräer 11,3">> <<goto "ort.5.falsch">> <</button>> <<button "Korinther 5.17">> <<goto "ort.5.richtig">> <</button>> <<button "Philipper 2, 6-7">> <<goto "ort.5.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.6">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.6">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.7.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>Lese die Sage über das Liborifest. <br>Die Haarfarbe des Diebs beinhaltet folgende beiden Buchstaben: 7. Zeile, 9. Buchstabe; 10. Zeile, 4. Buchstabe</h2> </div> <div class="btn-group"> <<button "grau">> <<goto "ort.7.richtig">> <</button>> <<button "braun">> <<goto "ort.7.falsch">> <</button>> <<button "blond">> <<goto "ort.7.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.8">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.8">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter7 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Der oder die Verdächtige hatte anscheinend graue Haare.</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.8">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.9.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Plus ou moins - das hat er gesagt. Das klang schon so verdächtig. Ich schwöre der war's!"</h2> </div> <div class="btn-group"> <<button "Francois Morellet">> <<goto "ort.8.richtig">> <</button>> <<button "Düdo Couchon">> <<goto "ort.8.falsch">> <</button>> <<button "Valerie Maitre">> <<goto "ort.8.falsch">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.10">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.10">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.11.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Ich habe gesehen was für eine Jacke der Täter anhatte. Sie war...ah verdammt, jetzt weiß ich es nicht mehr. Die Antwort steht irgendwo in der Nähe."</h2> </div> <div class="btn-group"> <<button "Rot">> <<goto "ort.11.falsch">> <</button>> <<button "Grün">> <<goto "ort.11.falsch">> <</button>> <<button "Schwarz">> <<goto "ort.11.richtig">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden lieber, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.12">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.12">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter11 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig</h1> <h2>Eine schwarze Jacke also.</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ende">> <<set $info to 0>> <</button>> </div> <</nobr>>

[[Karte]] [[Credits]]

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/map.jpg)'); </script> <div class="wrapper"> </div> <div class="btn-group"> <<button "Zurück" `previous()`>><</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Credits</h1> <h2>LIBORI LOST ist das Ergebnis eines Geomazing-Workshops zum Thema Foto-Labyrinthe. <br> <br>https://geomazing.com <br> Workshopleitung: Gregor Assfalg <br> <br>Möglich gemacht wurde dieser Workshop durch das Stadtmuseum Paderborn, dem Verein Freizeit ohne Barrieren e.V. und dem Kultursekretariat NRW im Rahmen des Projekts STADTBESETZUNG. <br> <br> Die Inhalte wurden erstellt von: <br>Sabine Hövelkröger <br>Christina Sommer <br>Sascha Hartmann <br>Annamarie Hermsdorff <br>Steffen Westerkamp <br>Angelina Westerkamp <br>Vanessa Holzkämper <br>Julia Roos <br>Gregor Assfalg <br>Carolin Ferres <br> <br>FREESOUND-SOUNDS <br>ticking-of-the-clock-01 von blukotek <br> <br>Music by Eric Matyas <br>www.soundimage.org</h2> <br> <br> <img class="logo" src="bilder/logo.1.jpg" alt="pwa.1"> <br> <br> <img class="logo" src="bilder/logo.2.jpg" alt="pwa.1"> <br> <br> <img class="logo" src="bilder/logo.3.jpg" alt="pwa.1"> <br> <br> <img class="logo" src="bilder/logo.4.jpg" alt="pwa.1"> </div> <div class="btn-group"> <<button "Zurück" `previous()`>><</button>> </div> <</nobr>>

<<nobr>> <<set $seconds to 120>> <<audio "clock" loop play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/clock.jpg)'); </script> <<timed 120s>><<goto "ort.1.timeout">><</timed>> <div class="wrapper"> <h3><span id="countdown">$seconds</span></h3> <<silently>> <<repeat 1s>> <<set $seconds to $seconds - 1>> <<if $seconds gt 0>> <<replace "#countdown">>$seconds<</replace>> <<else>> <<replace "#countdown">>0<</replace>> /* do something useful here */ <<stop>> <</if>> <</repeat>> <</silently>> <h2>Anonymer Hinweis: <br> <br>"Ich weiß wann es passiert ist. Irgenwann um...um...äh, die Antwort ist ganz nah."</h2> </div> <div class="btn-group"> <<button "06:20 Uhr">> <<goto "ort.1.falsch">> <</button>> <<button "15:15 Uhr">> <<goto "ort.1.falsch">> <</button>> <<button "10:10 Uhr">> <<goto "ort.1.richtig">> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Zeit abgelaufen</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.3">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Falsch</h1><<audio "grrr" play>> <h2>Wir verschwinden besser, bevor uns jemand verpetzt</h2> </div> <div class="btn-group"> <<button "Weiter">> <<goto "ort.3">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio ":playing:not(:bg)" stop>> <<set $letter1 to 1>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bg.jpg)'); </script> <div class="wrapper"> <h1>Richtig!</h1> <h2>Der Dieb hat den alten Liborius um 10:10 Uhr gestohlen. Am hellichten Tag also. Hmmm. Was sagt uns das?</h2> </div> <div class="btn-group"> <<button "weiter">> <<goto "ort.3">> <<set $info to 0>> <</button>> </div> <</nobr>>

<<nobr>> <<audio "burgermeisterin" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/burgermeisterin.jpg)'); </script> <div class="wrapper"> <h1>Die Bürgermeisterin</h1> <<timed 1s>> <h2><span style="background-color: #000000"> <br>War vormittags in einer Stadtratsitzung <br>Alter: 64 <br>Haarfarbe: hellgrau <br>Kleidung: roter Blazer <br>2014 wegen Steuerhinterziehung verurteilt <br>2x verheiratet und 2x geschieden </span></h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<goto "story.4">> <<audio "burgermeisterin" stop>> <</button>> </div> <</nobr>>

<<nobr>> <<audio "hermann" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/architekt.jpg)'); </script> <div class="wrapper"> <h1>Der Star-Architekt</h1> <<timed 1s>> <h2><span style="background-color: #000000"> <br>War den ganzen Tag alleine im Büro <br>Alter: 34 Jahre <br>Haarfarbe: dunkelbraun <br>Kleidung: kariertes Hemd <br>2013 verurteilt wegen illegalem Glücksspiel <br>ledig, ungebunden und bei Paarship </span></h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<goto "story.5">> <<audio "hermann" stop>> <</button>> </div> <</nobr>>

<<nobr>> <<audio "fraulot" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/bibliothekarin.jpg)'); </script> <div class="wrapper"> <h1>Die Bibliothekarin</h1> <<timed 1s>> <h2><span style="background-color: #000000"> <br>War spazieren <br>Alter: 67 Jahre alt <br>Haarfarbe: grau <br>Kleidung: bunte Bluse <br>Wurde 2014 wegen Hausfriedensbruch verurteilt <br>Alleinstehend mit 8 Katzen </span></h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<goto "story.6">> <<audio "fraulot" stop>> <</button>> </div> <</nobr>>

<<nobr>> <<audio "francois" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/kuenstler.jpg)'); </script> <div class="wrapper"> <h1>Der Künstler</h1> <<timed 1s>> <h2><span style="background-color: #000000"> <br>War in seinem Atelier <br>Alter: 53 Jahre <br>Haarfarbe: grau <br>Kleidung: schwarze Jacke <br>2011 wegen Fälschungen verurteilt </span></h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<goto "story.7">> <<audio "francois" stop>> <</button>> </div> <</nobr>>

<<nobr>> <<audio "story.7" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.2.jpg)'); </script> <div class="wrapper"> <h1>Die Hinweise</h1> <<timed 1s>> <h2>In der Akte sind lauter Bilder. Alles anonyme Hinweise aus der Bevölkerung. Alle haben was gesehen, aber niemand will was sagen. Typisch. <br> <br> Wir sollten schauen wo die Fotos gemacht wurden, um dem Dieb auf die Spur zu kommen.</h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<audio "story.7" stop>> <<goto "story.8">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/hermann.jpg)'); </script> <div class="wrapper"> <h1>Der Star-Architekt</h1> <h2><span style="background-color: #000000"> Name: Hermann Baumhauer <br>War den ganzen Tag alleine im Büro <br>Alter: 34 Jahre <br>Haarfarbe: dunkelbraun <br>Kleidung: kariertes Hemd <br>2013 verurteilt wegen illegalem Glücksspiel <br>ledig, ungebunden und bei Paarship </span></h2> </div> <div class="btn-group"> <<button "VERHAFTEN">> <<goto "ende.bad">> <</button>> <<button "Weiter">> <<goto "ende.3">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/fraulot.jpg)'); </script> <div class="wrapper"> <h1>Die Bibliothekarin</h1> <h2><span style="background-color: #000000"> Name: Esmeralda Lot <br>War spazieren <br>Alter: 67 Jahre alt <br>Haarfarbe: grau <br>Kleidung: bunte Bluse <br>Wurde 2014 wegen Hausfriedensbruch verurteilt <br>Alleinstehend mit 8 Katzen </span></h2> </div> <div class="btn-group"> <<button "VERHAFTEN">> <<goto "ende.gut">> <</button>> <<button "Weiter">> <<goto "ende.4">> <</button>> </div> <</nobr>>

<<nobr>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/francois.jpg)'); </script> <div class="wrapper"> <h1>Der Künstler</h1> <h2><span style="background-color: #000000"> Name: Antoine Morellet <br>War in seinem Atelier <br>Alter: 53 Jahre <br>Haarfarbe: grau <br>Kleidung: schwarze Jacke <br>2011 wegen Fälschungen verurteilt</span></h2> </div> <div class="btn-group"> <<button "VERHAFTEN">> <<goto "ende.bad">> <</button>> <<button "Weiter">> <<goto "ende.1">> <</button>> </div> <</nobr>>

<<nobr>> <<audio "fraulot.1" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/fraulot.jpg)'); </script> <div class="wrapper"> <h1>Erwischt!</h1> <h2> Die alte Frau Lot war's. Nicht zu fassen! </h2> <div class="btn-group"> <<button "Weiter">> <<goto "ende.7">> <<audio "fraulot.1" stop>> <</button>> </div> <</nobr>>

<<nobr>> <<set $koinz to 0>> <<audio "grrr" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.2.jpg)'); </script> <div class="wrapper"> <h1>Fail!</h1> <h2> Wir haben den Falschen verknackt. Das war's dann wohl mit unserer Hobby-Detektiv-Kanzlei. Gregorio ist schwer enttäuscht von euch. </h2> <div class="btn-group"> <<button "Weiter">> <<goto "ende.7">> <</button>> </div> <</nobr>>

<<nobr>> <<audio "ende" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/title.jpg)'); </script> <<timed 4s>><<goto "ende.8">><</timed>> <div class="wrapper"> <h1>Ende</h1> </div> <div class="btn-group"> </div> <</nobr>>

<<nobr>> <<audio "story.8" play>> <script> $('#story').attr('style', 'background-image:url(https://geomazing.com/paderborn/bilder/story.2.jpg)'); </script> <div class="wrapper"> <h1>Unser Image</h1> <<timed 1s>> <h2>Die Bilder zeigen Nahaufnahmen der Hinweise. Wenn wir aus einem Ausschnitt herauszoomen wollen, müssen wir Gregorio zu Hilfe bitten. <br> <br> Je mehr wir das aber tun, desto mehr sinkt unser Image und das Ansehen unserer neuen Detektiv-Kanzlei. <br> <br> Alle gesammelten Hinweise können wir über das Pfeilsymbol im linken oberern Rand des Bildschrims einsehen. <br> <br> Und jetzt sollten wir einen Blick auf die Fotos werfen.</h2> <</timed>> </div> <div class="btn-group"> <<button "Weiter">> <<audio "story.8" stop>> <<goto "ort.1">> <<set $info to 0>> <</button>> </div> <</nobr>>