{"id":5438,"date":"2026-05-17T17:58:08","date_gmt":"2026-05-17T16:58:08","guid":{"rendered":"https:\/\/janmadeus.net\/?page_id=5438"},"modified":"2026-05-17T19:45:26","modified_gmt":"2026-05-17T18:45:26","slug":"licht-zeitplaner","status":"publish","type":"page","link":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/","title":{"rendered":"Licht Zeitplaner"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5438\" class=\"elementor elementor-5438\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d37e4f e-flex e-con-boxed e-con e-parent\" data-id=\"6d37e4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe39997 elementor-widget elementor-widget-html\" data-id=\"fe39997\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;aos_animation_name&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie<\/title>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n      background: #ffffff;\n      color: #111111;\n      min-height: 100vh;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    \/* HEADER *\/\n    header {\n      border-bottom: 1px solid #e8e8e8;\n      padding: 18px 32px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    .logo {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n    }\n    .logo-box {\n      width: 38px;\n      height: 38px;\n      background: #111;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n    .logo-box span {\n      color: #fff;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 1px;\n    }\n    .logo-name {\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #999;\n    }\n    .header-right {\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #bbb;\n    }\n\n    \/* MAIN *\/\n    main {\n      max-width: 580px;\n      margin: 0 auto;\n      padding: 72px 24px 96px;\n    }\n\n    \/* SCREENS *\/\n    .screen { display: none; }\n    .screen.active { display: block; animation: fadeIn 0.25s ease; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(8px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* OVERLINE *\/\n    .overline {\n      font-size: 10px;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      color: #aaa;\n      margin-bottom: 20px;\n      display: block;\n    }\n\n    \/* INTRO *\/\n    #intro { text-align: center; }\n    #intro h1 {\n      font-size: clamp(22px, 4vw, 30px);\n      font-weight: 300;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      line-height: 1.25;\n      margin-bottom: 16px;\n    }\n    #intro p.sub {\n      font-size: 15px;\n      color: #555;\n      line-height: 1.75;\n      max-width: 400px;\n      margin: 0 auto 10px;\n    }\n    #intro p.note {\n      font-size: 13px;\n      color: #aaa;\n      line-height: 1.7;\n      margin-bottom: 48px;\n    }\n\n    \/* BUTTONS *\/\n    .btn-primary {\n      background: #111;\n      color: #fff;\n      border: none;\n      padding: 14px 44px;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      cursor: pointer;\n      font-family: inherit;\n      transition: opacity 0.15s;\n    }\n    .btn-primary:hover { opacity: 0.8; }\n\n    \/* PROGRESS *\/\n    .progress-wrap { margin-bottom: 52px; }\n    .progress-meta {\n      display: flex;\n      justify-content: space-between;\n      margin-bottom: 10px;\n    }\n    .progress-label {\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #bbb;\n    }\n    .progress-track {\n      height: 1px;\n      background: #e8e8e8;\n      position: relative;\n    }\n    .progress-fill {\n      position: absolute;\n      top: 0; left: 0;\n      height: 100%;\n      background: #111;\n      transition: width 0.3s ease;\n    }\n\n    \/* QUESTION *\/\n    .question-label {\n      font-size: 10px;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      color: #bbb;\n      margin-bottom: 14px;\n      display: block;\n    }\n    .question-text {\n      font-size: clamp(18px, 3vw, 22px);\n      font-weight: 300;\n      line-height: 1.45;\n      margin-bottom: 36px;\n    }\n\n    \/* OPTIONS *\/\n    .options { display: flex; flex-direction: column; gap: 8px; margin-bottom: 44px; }\n    .option-btn {\n      padding: 15px 20px;\n      border: 1px solid #e0e0e0;\n      background: #fff;\n      color: #111;\n      text-align: left;\n      font-size: 14px;\n      cursor: pointer;\n      transition: all 0.12s ease;\n      font-family: inherit;\n      letter-spacing: 0.3px;\n    }\n    .option-btn:hover { border-color: #aaa; }\n    .option-btn.selected {\n      border: 1.5px solid #111;\n      background: #111;\n      color: #fff;\n    }\n\n    \/* NEXT BUTTON *\/\n    .btn-next {\n      width: 100%;\n      padding: 15px;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      border: none;\n      cursor: not-allowed;\n      background: #ebebeb;\n      color: #bbb;\n      font-family: inherit;\n      transition: all 0.15s;\n    }\n    .btn-next.ready {\n      background: #111;\n      color: #fff;\n      cursor: pointer;\n    }\n    .btn-next.ready:hover { opacity: 0.85; }\n\n    \/* RESULT *\/\n    .divider { height: 1px; background: #e8e8e8; margin: 40px 0; }\n    #result h1 {\n      font-size: clamp(20px, 3.5vw, 26px);\n      font-weight: 300;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n    .result-label {\n      font-size: 10px;\n      letter-spacing: 4px;\n      text-transform: uppercase;\n      color: #aaa;\n      margin-bottom: 10px;\n      display: block;\n    }\n    .time-display {\n      font-size: clamp(28px, 6vw, 42px);\n      font-weight: 200;\n      letter-spacing: 2px;\n      line-height: 1.1;\n      margin-bottom: 14px;\n    }\n    .reason-text {\n      font-size: 14px;\n      color: #555;\n      line-height: 1.8;\n      margin-bottom: 0;\n    }\n    .secondary-box {\n      background: #f7f7f7;\n      padding: 22px 24px;\n      margin-bottom: 32px;\n    }\n    .secondary-time {\n      font-size: 22px;\n      font-weight: 300;\n      letter-spacing: 1px;\n      margin-bottom: 6px;\n    }\n    .secondary-note {\n      font-size: 13px;\n      color: #888;\n    }\n    .tip-box {\n      border-left: 2px solid #111;\n      padding-left: 22px;\n      margin-bottom: 28px;\n    }\n    .tip-label {\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #aaa;\n      margin-bottom: 8px;\n      display: block;\n    }\n    .tip-text {\n      font-size: 14px;\n      color: #333;\n      line-height: 1.8;\n    }\n\n    \/* CTA *\/\n    .cta-box {\n      border-top: 1px solid #e8e8e8;\n      padding-top: 44px;\n      text-align: center;\n    }\n    .cta-text {\n      font-size: 15px;\n      color: #555;\n      line-height: 1.8;\n      margin-bottom: 32px;\n    }\n    .cta-link {\n      display: inline-block;\n      background: #111;\n      color: #fff;\n      padding: 15px 44px;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      text-decoration: none;\n      margin-bottom: 20px;\n      transition: opacity 0.15s;\n    }\n    .cta-link:hover { opacity: 0.8; }\n    .btn-reset {\n      display: block;\n      margin: 0 auto;\n      background: none;\n      border: none;\n      font-size: 10px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #bbb;\n      cursor: pointer;\n      text-decoration: underline;\n      font-family: inherit;\n    }\n    .btn-reset:hover { color: #888; }\n\n    @media (max-width: 480px) {\n      header { padding: 14px 20px; }\n      .header-right { display: none; }\n      main { padding: 48px 20px 72px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<header>\n  <div class=\"logo\">\n    <div class=\"logo-box\"><span>JM<\/span><\/div>\n    <span class=\"logo-name\">Jan Madeus<\/span>\n  <\/div>\n  <span class=\"header-right\">Architekturfotografie<\/span>\n<\/header>\n\n<main>\n\n  <!-- INTRO -->\n  <div id=\"intro\" class=\"screen active\">\n    <span class=\"overline\">Kostenloses Tool<\/span>\n    <h1>Der Licht-Zeitplaner<\/h1>\n    <p class=\"sub\">Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting?<\/p>\n    <p class=\"note\">5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten.<\/p>\n    <button class=\"btn-primary\" onclick=\"startQuiz()\">Jetzt starten<\/button>\n  <\/div>\n\n  <!-- QUESTIONS (generated by JS) -->\n  <div id=\"quiz\" class=\"screen\">\n    <div class=\"progress-wrap\">\n      <div class=\"progress-meta\">\n        <span class=\"progress-label\" id=\"prog-label\">Frage 1 von 5<\/span>\n        <span class=\"progress-label\" id=\"prog-pct\">0%<\/span>\n      <\/div>\n      <div class=\"progress-track\">\n        <div class=\"progress-fill\" id=\"prog-fill\" style=\"width:0%\"><\/div>\n      <\/div>\n    <\/div>\n    <span class=\"question-label\" id=\"q-label\"><\/span>\n    <p class=\"question-text\" id=\"q-text\"><\/p>\n    <div class=\"options\" id=\"options\"><\/div>\n    <button class=\"btn-next\" id=\"btn-next\" onclick=\"nextStep()\">Weiter \u2192<\/button>\n  <\/div>\n\n  <!-- RESULT -->\n  <div id=\"result\" class=\"screen\">\n    <span class=\"overline\">Dein Ergebnis<\/span>\n    <h1>Dein optimales Zeitfenster<\/h1>\n    <div class=\"divider\"><\/div>\n\n    <div style=\"margin-bottom:32px\">\n      <span class=\"result-label\">Optimaler Zeitraum<\/span>\n      <div class=\"time-display\" id=\"res-primary\"><\/div>\n      <p class=\"reason-text\" id=\"res-reason\"><\/p>\n    <\/div>\n\n    <div class=\"secondary-box\" id=\"res-secondary-box\">\n      <span class=\"result-label\" style=\"color:#888\">Zweites Zeitfenster<\/span>\n      <div class=\"secondary-time\" id=\"res-secondary\"><\/div>\n      <p class=\"secondary-note\">Falls das erste Fenster nicht m\u00f6glich ist.<\/p>\n    <\/div>\n\n    <div class=\"tip-box\">\n      <span class=\"tip-label\">Umgebungs-Tipp<\/span>\n      <p class=\"tip-text\" id=\"res-env\"><\/p>\n    <\/div>\n\n    <div class=\"tip-box\">\n      <span class=\"tip-label\">Licht-Tipp f\u00fcr deine Stimmung<\/span>\n      <p class=\"tip-text\" id=\"res-mood\"><\/p>\n    <\/div>\n\n    <div class=\"divider\"><\/div>\n\n    <div class=\"cta-box\">\n      <p class=\"cta-text\">\n        Du wei\u00dft jetzt, wann dein Geb\u00e4ude im besten Licht steht.<br>\n        Wenn du m\u00f6chtest, dass ich das f\u00fcr dich umsetze \u2014 ich freue mich auf dein Projekt.\n      <\/p>\n      <a href=\"mailto:info@janmadeus.net\" class=\"cta-link\">Jetzt Projekt anfragen<\/a><br>\n      <button class=\"btn-reset\" onclick=\"resetQuiz()\">Neu starten<\/button>\n    <\/div>\n  <\/div>\n\n<\/main>\n\n<script>\n  const questions = [\n    {\n      id: \"direction\",\n      label: \"HIMMELSRICHTUNG\",\n      text: \"In welche Richtung zeigt die Hauptfassade des Geb\u00e4udes?\",\n      options: [\n        { value: \"nord\",    label: \"Nord\" },\n        { value: \"sued\",    label: \"S\u00fcd\" },\n        { value: \"ost\",     label: \"Ost\" },\n        { value: \"west\",    label: \"West\" },\n        { value: \"unknown\", label: \"Ich wei\u00df es nicht\" },\n      ]\n    },\n    {\n      id: \"type\",\n      label: \"GEB\u00c4UDETYP\",\n      text: \"Um welche Art von Geb\u00e4ude handelt es sich?\",\n      options: [\n        { value: \"wohnhaus\",   label: \"Wohnhaus\" },\n        { value: \"buero\",      label: \"B\u00fcrogeb\u00e4ude\" },\n        { value: \"hotel\",      label: \"Hotel\" },\n        { value: \"gewerbe\",    label: \"Gewerbe\" },\n        { value: \"sonstiges\",  label: \"Sonstiges\" },\n      ]\n    },\n    {\n      id: \"season\",\n      label: \"JAHRESZEIT\",\n      text: \"Wann ist das Shooting geplant?\",\n      options: [\n        { value: \"fruehling\", label: \"Fr\u00fchling\" },\n        { value: \"sommer\",    label: \"Sommer\" },\n        { value: \"herbst\",    label: \"Herbst\" },\n        { value: \"winter\",    label: \"Winter\" },\n      ]\n    },\n    {\n      id: \"environment\",\n      label: \"UMGEBUNG\",\n      text: \"Wie ist die direkte Umgebung des Geb\u00e4udes?\",\n      options: [\n        { value: \"urban_dicht\", label: \"St\u00e4dtisch dicht bebaut\" },\n        { value: \"urban_offen\", label: \"St\u00e4dtisch offen\" },\n        { value: \"laendlich\",   label: \"L\u00e4ndlich\" },\n        { value: \"wasser\",      label: \"Wasser in der N\u00e4he\" },\n      ]\n    },\n    {\n      id: \"mood\",\n      label: \"BILDSTIMMUNG\",\n      text: \"Welche Stimmung sollen die Bilder vermitteln?\",\n      options: [\n        { value: \"dramatisch\",    label: \"Dramatisch & kontrastreich\" },\n        { value: \"weich\",         label: \"Weich & einladend\" },\n        { value: \"hell\",          label: \"Hell & klar\" },\n        { value: \"stimmungsvoll\", label: \"Stimmungsvoll & dunkel\" },\n      ]\n    }\n  ];\n\n  const timeMatrix = {\n    nord: {\n      fruehling: { primary: \"06:30 \u2013 08:00 Uhr\", secondary: \"17:30 \u2013 19:30 Uhr\", reason: \"Bei einer Nordfassade kommt die Sonne nie direkt \u2014 fr\u00fches Morgenlicht und Abendlicht liefern das weichste, gleichm\u00e4\u00dfigste indirekte Licht.\" },\n      sommer:    { primary: \"06:00 \u2013 07:30 Uhr\", secondary: \"18:30 \u2013 20:30 Uhr\", reason: \"Im Sommer ist das Licht sehr fr\u00fch und sehr sp\u00e4t am sch\u00f6nsten. Nutze die kurzen Fenster um Sonnenauf- und -untergang.\" },\n      herbst:    { primary: \"07:00 \u2013 08:30 Uhr\", secondary: \"16:00 \u2013 18:00 Uhr\", reason: \"Das warme Herbstlicht steht tief und streift die Fassade indirekt \u2014 ideal f\u00fcr weiche Kontraste ohne harte Schatten.\" },\n      winter:    { primary: \"11:00 \u2013 13:30 Uhr\", secondary: null, reason: \"Im Winter ist das Mittagslicht das einzige brauchbare Licht f\u00fcr eine Nordfassade. Nutze jeden hellen Moment.\" },\n    },\n    sued: {\n      fruehling: { primary: \"08:00 \u2013 10:30 Uhr\", secondary: \"15:30 \u2013 18:00 Uhr\", reason: \"Vor- und Nachmittagssonne trifft die S\u00fcdfassade in einem flachen Winkel \u2014 das gibt Textur und sch\u00f6ne Kontraste.\" },\n      sommer:    { primary: \"07:00 \u2013 09:00 Uhr\", secondary: \"18:00 \u2013 20:00 Uhr\", reason: \"Die Mittagssonne im Sommer ist zu hart. Fotografiere fr\u00fchmorgens oder abends, wenn das Licht weich und warm ist.\" },\n      herbst:    { primary: \"10:00 \u2013 13:00 Uhr\", secondary: \"14:30 \u2013 17:00 Uhr\", reason: \"Im Herbst steht die Sonne tiefer \u2014 auch zur Mittagszeit gibt es nun sch\u00f6ne, kontrastreiche Lichtsituationen.\" },\n      winter:    { primary: \"11:30 \u2013 14:00 Uhr\", secondary: null, reason: \"Die Wintersonne steht sehr tief. Zur Mittagszeit trifft sie die S\u00fcdfassade frontal \u2014 nutze dieses kurze Fenster.\" },\n    },\n    ost: {\n      fruehling: { primary: \"07:00 \u2013 09:30 Uhr\", secondary: \"Bedeckter Nachmittag\", reason: \"Ostfassaden bekommen ihr bestes Licht in den ersten zwei Stunden nach Sonnenaufgang. Danach wird es flach und uninteressant.\" },\n      sommer:    { primary: \"06:00 \u2013 08:30 Uhr\", secondary: \"Bedeckter Nachmittag\", reason: \"Im Sommer geht die Sonne fr\u00fch auf \u2014 sei vor Ort, bevor sie zu hoch steht. Die goldene Stunde ist dein Fenster.\" },\n      herbst:    { primary: \"07:30 \u2013 10:00 Uhr\", secondary: \"Bedeckter Nachmittag\", reason: \"Warmes Herbst-Morgenlicht von Osten \u2014 tiefer Einfallswinkel, sch\u00f6ne Schatten, perfekte Textur.\" },\n      winter:    { primary: \"09:00 \u2013 11:00 Uhr\", secondary: \"Bedeckter Nachmittag\", reason: \"Im Winter geht die Sonne sp\u00e4ter auf. Nutze das tiefe Winterlicht am Vormittag, bevor es zu flach wird.\" },\n    },\n    west: {\n      fruehling: { primary: \"16:30 \u2013 19:30 Uhr\", secondary: \"Bedeckter Vormittag\", reason: \"Westfassaden geh\u00f6ren dem Abend. Das goldene Nachmittagslicht streift die Fassade warm und klar.\" },\n      sommer:    { primary: \"17:30 \u2013 20:30 Uhr\", secondary: \"Bedeckter Vormittag\", reason: \"Im Sommer wird es sp\u00e4t dunkel \u2014 nutze das lange Abendlicht. Die letzten zwei Stunden vor Sonnenuntergang sind magisch.\" },\n      herbst:    { primary: \"15:00 \u2013 18:00 Uhr\", secondary: \"Bedeckter Vormittag\", reason: \"Das Herbst-Abendlicht ist warm und tief \u2014 es gibt der Westfassade eine besondere Atmosph\u00e4re.\" },\n      winter:    { primary: \"13:30 \u2013 16:00 Uhr\", secondary: \"Bedeckter Vormittag\", reason: \"Im Winter geht die Sonne fr\u00fch unter. Plane das Shooting fr\u00fcher als gewohnt \u2014 ab Mittag beginnt das Abendlicht.\" },\n    },\n    unknown: {\n      fruehling: { primary: \"07:30 \u2013 09:30 Uhr\", secondary: \"17:00 \u2013 19:30 Uhr\", reason: \"Ohne bekannte Himmelsrichtung empfehle ich zwei Besuche: morgens und abends. So kannst du das bessere Licht vor Ort beurteilen.\" },\n      sommer:    { primary: \"06:30 \u2013 08:30 Uhr\", secondary: \"18:30 \u2013 20:30 Uhr\", reason: \"Fotografiere einmal morgens und einmal abends. Das Mittagslicht im Sommer ist f\u00fcr Architekturfotografie fast nie geeignet.\" },\n      herbst:    { primary: \"07:30 \u2013 09:30 Uhr\", secondary: \"15:30 \u2013 18:00 Uhr\", reason: \"Besuche das Objekt an zwei Terminen zur goldenen Stunde. Die Umgebung zeigt dir schnell, woher das beste Licht kommt.\" },\n      winter:    { primary: \"11:00 \u2013 14:00 Uhr\", secondary: null, reason: \"Im Winter ist das Mittagslicht meist das einzige brauchbare Fenster. Plane fr\u00fch und nutze jeden hellen Tag.\" },\n    }\n  };\n\n  const envTips = {\n    urban_dicht: \"Achte auf Reflexionen von Nachbargeb\u00e4uden \u2014 sie k\u00f6nnen das Licht unvorteilhaft streuen oder interessante Spiegeleffekte erzeugen. Ich empfehle mindestens zwei Besichtigungstermine zu verschiedenen Tageszeiten, um das Licht in der Gasse zu beobachten.\",\n    urban_offen: \"Der offene Stadtraum gibt dir mehr Flexibilit\u00e4t. Nutze den Himmel als gestalterisches Element. St\u00f6rende Elemente im Vordergrund \u2014 Autos, Schilder, M\u00fclltonnen \u2014 sollten vor dem Shooting entfernt werden.\",\n    laendlich:   \"Du hast maximale Lichtfreiheit ohne Beschattung durch Nachbargeb\u00e4ude. Nutze die nat\u00fcrliche Umgebung als Kontext. Bei niedrigem Licht entstehen lange Schatten, die dem Bild Tiefe und Raum geben.\",\n    wasser:      \"Wasser reflektiert und verst\u00e4rkt das Licht erheblich. Fr\u00fch morgens entstehen oft spiegelartige Oberfl\u00e4chen. Die Spiegelung des Geb\u00e4udes im Wasser kann das st\u00e4rkste Bild des gesamten Shootings werden.\",\n  };\n\n  const moodTips = {\n    dramatisch:    \"Suche Situationen mit direkter Sonne und klaren Schattenw\u00fcrfen. Bew\u00f6lkter Himmel ist hier dein Feind \u2014 verschiebe das Shooting lieber, als bei flachem, diffusem Licht zu fotografieren.\",\n    weich:         \"Leicht bew\u00f6lkter Himmel oder die erste Stunde nach Sonnenaufgang ist ideal. Das diffuse Licht vermeidet harte Schatten und zeigt Materialien und Farben so, wie das Auge sie wirklich wahrnimmt.\",\n    hell:          \"Suche gleichm\u00e4\u00dfiges Licht ohne starke Kontraste. Ein aufgehellter, leicht bew\u00f6lkter Himmel funktioniert oft besser als direkte Sonne. Ziel ist maximale Lesbarkeit der Architektur.\",\n    stimmungsvoll: \"Die Blue Hour \u2014 15 bis 30 Minuten nach Sonnenuntergang \u2014 ist dein idealer Zeitraum. Das Geb\u00e4ude leuchtet von innen, w\u00e4hrend der Himmel noch ein tiefes Blau zeigt. Bereite dich vor und plane dieses kurze Fenster genau ein.\",\n  };\n\n  let currentStep = 0;\n  let answers = {};\n  let selected = null;\n\n  function showScreen(id) {\n    document.querySelectorAll('.screen').forEach(s => s.classList.remove('active'));\n    document.getElementById(id).classList.add('active');\n  }\n\n  function startQuiz() {\n    currentStep = 0;\n    answers = {};\n    renderQuestion();\n    showScreen('quiz');\n  }\n\n  function renderQuestion() {\n    const q = questions[currentStep];\n    const total = questions.length;\n    const pct = Math.round(((currentStep + 1) \/ total) * 100);\n\n    document.getElementById('prog-label').textContent = `Frage ${currentStep + 1} von ${total}`;\n    document.getElementById('prog-pct').textContent = `${pct}%`;\n    document.getElementById('prog-fill').style.width = `${pct}%`;\n    document.getElementById('q-label').textContent = q.label;\n    document.getElementById('q-text').textContent = q.text;\n\n    const optWrap = document.getElementById('options');\n    optWrap.innerHTML = '';\n    q.options.forEach(opt => {\n      const btn = document.createElement('button');\n      btn.className = 'option-btn';\n      btn.textContent = opt.label;\n      btn.onclick = () => selectOption(opt.value);\n      optWrap.appendChild(btn);\n    });\n\n    selected = null;\n    updateNextBtn();\n  }\n\n  function selectOption(value) {\n    selected = value;\n    document.querySelectorAll('.option-btn').forEach(btn => {\n      btn.classList.toggle('selected', btn.textContent === questions[currentStep].options.find(o => o.value === value).label);\n    });\n    updateNextBtn();\n  }\n\n  function updateNextBtn() {\n    const btn = document.getElementById('btn-next');\n    const isLast = currentStep === questions.length - 1;\n    btn.textContent = isLast ? 'Ergebnis anzeigen' : 'Weiter \u2192';\n    if (selected) {\n      btn.classList.add('ready');\n    } else {\n      btn.classList.remove('ready');\n    }\n  }\n\n  function nextStep() {\n    if (!selected) return;\n    answers[questions[currentStep].id] = selected;\n\n    if (currentStep < questions.length - 1) {\n      currentStep++;\n      renderQuestion();\n    } else {\n      showResult();\n    }\n  }\n\n  function showResult() {\n    const dir    = answers.direction   || 'unknown';\n    const season = answers.season      || 'fruehling';\n    const env    = answers.environment || 'urban_offen';\n    const mood   = answers.mood        || 'weich';\n\n    const timeData = (timeMatrix[dir] || timeMatrix['unknown'])[season] || timeMatrix['unknown']['fruehling'];\n    const envTip   = envTips[env]  || envTips['urban_offen'];\n    const moodTip  = moodTips[mood] || moodTips['weich'];\n\n    document.getElementById('res-primary').textContent  = timeData.primary;\n    document.getElementById('res-reason').textContent   = timeData.reason;\n    document.getElementById('res-env').textContent      = envTip;\n    document.getElementById('res-mood').textContent     = moodTip;\n\n    const secBox = document.getElementById('res-secondary-box');\n    if (timeData.secondary) {\n      document.getElementById('res-secondary').textContent = timeData.secondary;\n      secBox.style.display = 'block';\n    } else {\n      secBox.style.display = 'none';\n    }\n\n    showScreen('result');\n  }\n\n  function resetQuiz() {\n    showScreen('intro');\n  }\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-5438","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"2UBIdMQoKgKVqdgNOY97bCbOiZI2Be4MTWkP7yM5OgU\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Jan Madeus \u2013 Architekturfotografie -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie\" \/>\n\t\t<meta property=\"og:description\" content=\"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-05-17T16:58:08+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-05-17T18:45:26+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/janmadeus.net\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#listItem\",\"name\":\"Licht Zeitplaner\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#listItem\",\"position\":2,\"name\":\"Licht Zeitplaner\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/#organization\",\"name\":\"Jan Madeus \\u2013 Architekturfotografie\",\"url\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/\",\"telephone\":\"+491774966444\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/janmadeus.net\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/JM_01_250.png\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#organizationLogo\",\"width\":250,\"height\":194,\"caption\":\"Jan Madeus Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/janmadeus\\\/\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#webpage\",\"url\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#webpage\",\"name\":\"Licht Zeitplaner - Jan Madeus \\u2013 Architekturfotografie\",\"description\":\"Licht-Zeitplaner \\u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\\u00fcr dein Architektur-Shooting? 5 Fragen \\u2014 dein pers\\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \\u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\\u00f6glich\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/licht-zeitplaner\\\/#webpage\"},\"datePublished\":\"2026-05-17T17:58:08+01:00\",\"dateModified\":\"2026-05-17T19:45:26+01:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/\",\"name\":\"Jan Madeus \\u2013 Architekturfotografie\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/janmadeus.net\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie","description":"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich","canonical_url":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"2UBIdMQoKgKVqdgNOY97bCbOiZI2Be4MTWkP7yM5OgU","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/janmadeus.net\/en#listItem","position":1,"name":"Home","item":"https:\/\/janmadeus.net\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#listItem","name":"Licht Zeitplaner"}},{"@type":"ListItem","@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#listItem","position":2,"name":"Licht Zeitplaner","previousItem":{"@type":"ListItem","@id":"https:\/\/janmadeus.net\/en#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/janmadeus.net\/en\/#organization","name":"Jan Madeus \u2013 Architekturfotografie","url":"https:\/\/janmadeus.net\/en\/","telephone":"+491774966444","logo":{"@type":"ImageObject","url":"https:\/\/janmadeus.net\/wp-content\/uploads\/2026\/04\/JM_01_250.png","@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#organizationLogo","width":250,"height":194,"caption":"Jan Madeus Logo"},"image":{"@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#organizationLogo"},"sameAs":["https:\/\/www.instagram.com\/janmadeus\/"]},{"@type":"WebPage","@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#webpage","url":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#webpage","name":"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie","description":"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/janmadeus.net\/en\/#website"},"breadcrumb":{"@id":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/#webpage"},"datePublished":"2026-05-17T17:58:08+01:00","dateModified":"2026-05-17T19:45:26+01:00"},{"@type":"WebSite","@id":"https:\/\/janmadeus.net\/en\/#website","url":"https:\/\/janmadeus.net\/en\/","name":"Jan Madeus \u2013 Architekturfotografie","inLanguage":"en-GB","publisher":{"@id":"https:\/\/janmadeus.net\/en\/#organization"}}]},"og:locale":"en_GB","og:site_name":"Jan Madeus \u2013 Architekturfotografie -","og:type":"article","og:title":"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie","og:description":"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich","og:url":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/","article:published_time":"2026-05-17T16:58:08+00:00","article:modified_time":"2026-05-17T18:45:26+00:00","twitter:card":"summary_large_image","twitter:title":"Licht Zeitplaner - Jan Madeus \u2013 Architekturfotografie","twitter:description":"Licht-Zeitplaner \u2014 Jan Madeus Architekturfotografie JM Jan Madeus Architekturfotografie Kostenloses Tool Der Licht-Zeitplaner Wann ist der perfekte Moment f\u00fcr dein Architektur-Shooting? 5 Fragen \u2014 dein pers\u00f6nliches Zeitfenster in unter 3 Minuten. Jetzt starten Frage 1 von 5 0% Weiter \u2192 Dein Ergebnis Dein optimales Zeitfenster Optimaler Zeitraum Zweites Zeitfenster Falls das erste Fenster nicht m\u00f6glich"},"aioseo_meta_data":{"post_id":"5438","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-05-17 16:58:10","updated":"2026-05-17 19:46:47","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/janmadeus.net\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tLicht Zeitplaner\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/janmadeus.net\/en"},{"label":"Licht Zeitplaner","link":"https:\/\/janmadeus.net\/en\/licht-zeitplaner\/"}],"_links":{"self":[{"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/pages\/5438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/comments?post=5438"}],"version-history":[{"count":7,"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/pages\/5438\/revisions"}],"predecessor-version":[{"id":5446,"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/pages\/5438\/revisions\/5446"}],"wp:attachment":[{"href":"https:\/\/janmadeus.net\/en\/wp-json\/wp\/v2\/media?parent=5438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}