diff --git a/assets/js/webinar.js b/assets/js/webinar.js
index 8e8e8352e..ee1ec6b20 100644
--- a/assets/js/webinar.js
+++ b/assets/js/webinar.js
@@ -5,6 +5,7 @@ class Webinar {
   constructor(webinarId, lang, languageNames, data) {
     $.getJSON(`${API_BASE_URL}/connect/contact/webinar/${webinarId}`).done(d => {
       data.name = d.name;
+      data.status = d.status;
       data.language = languageNames[d.language];
       data.dateStart = d.dateStart.replace(' ', 'T') + 'Z';
       data.lead = d.metadata.lead[lang];
diff --git a/i18n/de.yaml b/i18n/de.yaml
index 8993756bf..11ade0766 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -1367,6 +1367,12 @@
   translation: "Deutsch"
 - id: webinar_accept_privacy
   translation: "Ich akzeptiere die <a class=\"text-link\" href=\"/de/privacy/\">Datenschutzerklärung</a>."
+- id: webinar_none_title
+  translation: "Aktuell ist kein Webinar geplant"
+- id: webinar_none_lead
+  translation: "Derzeit ist kein Webinar geplant, aber wir kündigen regelmäßig neue Termine an."
+- id: webinar_none_newsletter_instruction
+  translation: "Abonniere unseren Hub-Newsletter und wir informieren dich, sobald das nächste Webinar feststeht."
 
 # Sale
 - id: sale_off
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 9a4ac4b63..7dd8b483d 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1406,6 +1406,12 @@
   translation: "German"
 - id: webinar_accept_privacy
   translation: "I accept the <a class=\"text-link\" href=\"/privacy/\" target=\"_blank\">Privacy Policy</a>."
+- id: webinar_none_title
+  translation: "No Webinar Scheduled Right Now"
+- id: webinar_none_lead
+  translation: "There's no webinar planned at the moment, but we announce new sessions regularly."
+- id: webinar_none_newsletter_instruction
+  translation: "Subscribe to our Hub mailing list and we'll let you know as soon as the next webinar is scheduled."
 
 # Sale
 - id: sale_off
diff --git a/layouts/webinar/single.html b/layouts/webinar/single.html
index d1cfdfe57..75f519b28 100644
--- a/layouts/webinar/single.html
+++ b/layouts/webinar/single.html
@@ -3,162 +3,194 @@
 {{ end }}
 {{ define "main" }}
   {{- $lang := .Site.Language.Lang }}
-  <section x-data="{feedbackData: {success: false, inProgress: false, errorMessage: ''}, submitData: {webinarId: '{{ .Site.Params.webinar.webinarId }}', firstName: '', lastName: '', email: '', company: '', captcha: null, acceptNewsletter: false}, webinar: {name: '', language: '', dateStart: null, lead: '', learnTitle: '', learnItems: []}, acceptTerms: false, apiForm: null, captchaState: null}" x-init="apiForm = new ApiForm($refs.form, feedbackData, submitData, API_BASE_URL + '/connect/contact/register-webinar'); new Webinar(submitData.webinarId, '{{ $lang }}', {en: '{{ i18n "webinar_language_en" }}', de: '{{ i18n "webinar_language_de" }}'}, webinar)" class="container py-12">
-    <header class="mb-6">
-      <h1 class="font-h1 mb-8" x-show="webinar.name" x-text="'Webinar: ' + webinar.name" x-cloak></h1>
-      <p class="lead" x-show="webinar.lead" x-text="webinar.lead" x-cloak></p>
-    </header>
-
-    <form x-ref="form" @submit.prevent="apiForm.request(); $refs.captcha.reset()">
-      <div x-show="!feedbackData.success" class="grid grid-cols-1 md:grid-cols-5 gap-6 items-start">
-        <!-- Left Side - Registration Form -->
-        <section class="white-box md:col-span-3">
-          <div class="px-4 py-5 md:p-6">
-            <div class="mb-6">
-              <h3 class="font-h3">{{ i18n "webinar_form_title" }}</h3>
-              <p class="mt-1 text-sm text-gray-500">{{ i18n "webinar_form_subtitle" }}</p>
-            </div>
-            <div class="grid grid-cols-2 gap-6">
-              <!-- First Name -->
-              <div class="col-span-2 md:col-span-1">
-                <label for="firstName" class="label-uppercase mb-2">
-                  {{ i18n "webinar_first_name" }} <span class="text-red-500" aria-label="required">*</span>
-                </label>
-                <input type="text" id="firstName" name="firstName" x-model="submitData.firstName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
-              </div>
+  <div x-data="{feedbackData: {success: false, inProgress: false, errorMessage: ''}, submitData: {webinarId: '{{ .Site.Params.webinar.webinarId }}', firstName: '', lastName: '', email: '', company: '', captcha: null, acceptNewsletter: false}, webinar: {status: null, name: '', language: '', dateStart: null, lead: '', learnTitle: '', learnItems: []}, acceptTerms: false, apiForm: null, captchaState: null}" x-init="apiForm = new ApiForm($refs.form, feedbackData, submitData, API_BASE_URL + '/connect/contact/register-webinar'); new Webinar(submitData.webinarId, '{{ $lang }}', {en: '{{ i18n "webinar_language_en" }}', de: '{{ i18n "webinar_language_de" }}'}, webinar)">
+    <!-- Webinar Planned: Registration -->
+    <section x-show="webinar.status === 'Planned'" class="container py-12" x-cloak>
+      <header class="mb-6">
+        <h1 class="font-h1 mb-8" x-show="webinar.name" x-text="'Webinar: ' + webinar.name" x-cloak></h1>
+        <p class="lead" x-show="webinar.lead" x-text="webinar.lead" x-cloak></p>
+      </header>
 
-              <!-- Last Name -->
-              <div class="col-span-2 md:col-span-1">
-                <label for="lastName" class="label-uppercase mb-2">
-                  {{ i18n "webinar_last_name" }} <span class="text-red-500" aria-label="required">*</span>
-                </label>
-                <input type="text" id="lastName" name="lastName" x-model="submitData.lastName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+      <form x-ref="form" @submit.prevent="apiForm.request(); $refs.captcha.reset()">
+        <div x-show="!feedbackData.success" class="grid grid-cols-1 md:grid-cols-5 gap-6 items-start">
+          <!-- Left Side - Registration Form -->
+          <section class="white-box md:col-span-3">
+            <div class="px-4 py-5 md:p-6">
+              <div class="mb-6">
+                <h3 class="font-h3">{{ i18n "webinar_form_title" }}</h3>
+                <p class="mt-1 text-sm text-gray-500">{{ i18n "webinar_form_subtitle" }}</p>
               </div>
+              <div class="grid grid-cols-2 gap-6">
+                <!-- First Name -->
+                <div class="col-span-2 md:col-span-1">
+                  <label for="firstName" class="label-uppercase mb-2">
+                    {{ i18n "webinar_first_name" }} <span class="text-red-500" aria-label="required">*</span>
+                  </label>
+                  <input type="text" id="firstName" name="firstName" x-model="submitData.firstName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+                </div>
 
-              <!-- Company -->
-              <div class="col-span-2">
-                <label for="company" class="label-uppercase mb-2">
-                  {{ i18n "webinar_company" }} <span class="text-red-500" aria-label="required">*</span>
-                </label>
-                <input type="text" id="company" name="company" x-model="submitData.company" class="block input-box w-full" maxlength="200" required aria-required="true" @blur="$el.classList.add('show-invalid')">
-              </div>
+                <!-- Last Name -->
+                <div class="col-span-2 md:col-span-1">
+                  <label for="lastName" class="label-uppercase mb-2">
+                    {{ i18n "webinar_last_name" }} <span class="text-red-500" aria-label="required">*</span>
+                  </label>
+                  <input type="text" id="lastName" name="lastName" x-model="submitData.lastName" class="block input-box w-full" maxlength="100" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+                </div>
 
-              <!-- Email -->
-              <div class="col-span-2">
-                <label for="email" class="label-uppercase mb-2">
-                  {{ i18n "webinar_email" }} <span class="text-red-500" aria-label="required">*</span>
-                </label>
-                <input type="email" id="email" name="email" x-model="submitData.email" class="block input-box w-full" required aria-required="true" @blur="$el.classList.add('show-invalid')">
-              </div>
+                <!-- Company -->
+                <div class="col-span-2">
+                  <label for="company" class="label-uppercase mb-2">
+                    {{ i18n "webinar_company" }} <span class="text-red-500" aria-label="required">*</span>
+                  </label>
+                  <input type="text" id="company" name="company" x-model="submitData.company" class="block input-box w-full" maxlength="200" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+                </div>
 
-              <div class="col-span-2">
-                <!-- Terms & Privacy Acceptance -->
-                <p class="font-p text-sm mb-2">
-                  {{ partial "checkbox.html" (dict "context" . "alpineVariable" "acceptTerms" "label" (i18n "webinar_accept_privacy" | safeHTML)) }}
-                </p>
+                <!-- Email -->
+                <div class="col-span-2">
+                  <label for="email" class="label-uppercase mb-2">
+                    {{ i18n "webinar_email" }} <span class="text-red-500" aria-label="required">*</span>
+                  </label>
+                  <input type="email" id="email" name="email" x-model="submitData.email" class="block input-box w-full" required aria-required="true" @blur="$el.classList.add('show-invalid')">
+                </div>
 
-                <!-- Optional Newsletter -->
-                <p class="font-p text-sm mb-2">
-                  {{ partial "checkbox.html" (dict "context" . "alpineVariable" "submitData.acceptNewsletter" "label" (i18n "accept_hub_newsletter_optional")) }}
-                </p>
-              </div>
+                <div class="col-span-2">
+                  <!-- Terms & Privacy Acceptance -->
+                  <p class="font-p text-sm mb-2">
+                    {{ partial "checkbox.html" (dict "context" . "alpineVariable" "acceptTerms" "label" (i18n "webinar_accept_privacy" | safeHTML)) }}
+                  </p>
+
+                  <!-- Optional Newsletter -->
+                  <p class="font-p text-sm mb-2">
+                    {{ partial "checkbox.html" (dict "context" . "alpineVariable" "submitData.acceptNewsletter" "label" (i18n "accept_hub_newsletter_optional")) }}
+                  </p>
+                </div>
 
-              <div class="col-span-2">
-                <p :class="{'hidden': !feedbackData.errorMessage}" class="text-sm text-red-600 mb-2" x-text="feedbackData.errorMessage"></p>
-                <button :disabled="feedbackData.inProgress || !acceptTerms || captchaState == 'verifying'" type="submit" class="btn btn-primary w-full md:w-64" data-umami-event="webinar-form" x-cloak>
-                  <i :class="{'fa-paper-plane': !feedbackData.inProgress, 'fa-spinner fa-spin': feedbackData.inProgress}" class="fa-solid" aria-hidden="true"></i>
-                  {{ i18n "webinar_submit" }}
-                </button>
-                {{ $challengeUrl := printf "%s/connect/contact/challenge" .Site.Params.apiBaseUrl }}
-                {{ partial "captcha.html" (dict "challengeUrl" $challengeUrl "captchaPayload" "submitData.captcha" "captchaState" "captchaState") }}
+                <div class="col-span-2">
+                  <p :class="{'hidden': !feedbackData.errorMessage}" class="text-sm text-red-600 mb-2" x-text="feedbackData.errorMessage"></p>
+                  <button :disabled="feedbackData.inProgress || !acceptTerms || captchaState == 'verifying'" type="submit" class="btn btn-primary w-full md:w-64" data-umami-event="webinar-form" x-cloak>
+                    <i :class="{'fa-paper-plane': !feedbackData.inProgress, 'fa-spinner fa-spin': feedbackData.inProgress}" class="fa-solid" aria-hidden="true"></i>
+                    {{ i18n "webinar_submit" }}
+                  </button>
+                  {{ $challengeUrl := printf "%s/connect/contact/challenge" .Site.Params.apiBaseUrl }}
+                  {{ partial "captcha.html" (dict "challengeUrl" $challengeUrl "captchaPayload" "submitData.captcha" "captchaState" "captchaState") }}
+                </div>
               </div>
             </div>
-          </div>
-        </section>
+          </section>
 
-        <!-- Sidebar -->
-        <aside class="white-box md:col-span-2">
-          <div class="px-4 py-5 md:p-6">
-            <div class="space-y-8">
-              <div>
-                <h3 class="font-h3 mb-6">{{ i18n "webinar_details_title" }}</h3>
-
-                <ul role="list" class="space-y-5">
-                  <li class="flex items-start">
-                    <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
-                      <i class="fa-solid fa-calendar text-primary" aria-hidden="true"></i>
-                    </div>
-                    <div>
-                      <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_date_label" }}</div>
-                      <p class="font-medium text-gray-900"><time :datetime="webinar.dateStart" x-text="webinar.dateStart ? Webinar.formatBerlin(webinar.dateStart, { dateStyle: 'long' }) : ''"></time></p>
-                    </div>
-                  </li>
-
-                  <li class="flex items-start">
-                    <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
-                      <i class="fa-solid fa-clock text-primary" aria-hidden="true"></i>
-                    </div>
-                    <div>
-                      <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_time_label" }}</div>
-                      <p class="font-medium text-gray-900"><time :datetime="webinar.dateStart" x-text="webinar.dateStart ? Webinar.formatBerlin(webinar.dateStart, { hour: 'numeric', minute: '2-digit', timeZoneName: 'short' }) : ''"></time></p>
-                    </div>
-                  </li>
-
-                  <li class="flex items-start">
-                    <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
-                      <i class="fa-solid fa-globe text-primary" aria-hidden="true"></i>
-                    </div>
-                    <div>
-                      <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_language_label" }}</div>
-                      <p class="font-medium text-gray-900" x-show="webinar.language" x-text="webinar.language" x-cloak></p>
-                    </div>
-                  </li>
-                </ul>
-              </div>
+          <!-- Sidebar -->
+          <aside class="white-box md:col-span-2">
+            <div class="px-4 py-5 md:p-6">
+              <div class="space-y-8">
+                <div>
+                  <h3 class="font-h3 mb-6">{{ i18n "webinar_details_title" }}</h3>
 
-              <!-- Divider -->
-              <hr class="border-gray-200">
+                  <ul role="list" class="space-y-5">
+                    <li class="flex items-start">
+                      <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
+                        <i class="fa-solid fa-calendar text-primary" aria-hidden="true"></i>
+                      </div>
+                      <div>
+                        <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_date_label" }}</div>
+                        <p class="font-medium text-gray-900"><time :datetime="webinar.dateStart" x-text="webinar.dateStart ? Webinar.formatBerlin(webinar.dateStart, { dateStyle: 'long' }) : ''"></time></p>
+                      </div>
+                    </li>
 
-              <!-- What You'll Learn -->
-              <div x-show="webinar.learnItems.length" x-cloak>
-                <h3 class="font-h3 mb-6" x-text="webinar.learnTitle"></h3>
+                    <li class="flex items-start">
+                      <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
+                        <i class="fa-solid fa-clock text-primary" aria-hidden="true"></i>
+                      </div>
+                      <div>
+                        <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_time_label" }}</div>
+                        <p class="font-medium text-gray-900"><time :datetime="webinar.dateStart" x-text="webinar.dateStart ? Webinar.formatBerlin(webinar.dateStart, { hour: 'numeric', minute: '2-digit', timeZoneName: 'short' }) : ''"></time></p>
+                      </div>
+                    </li>
 
-                <ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
-                  <template x-for="item in webinar.learnItems" :key="item">
-                    <li>
-                      <span class="fa-li"><i class="fa-solid fa-check text-primary"></i></span>
-                      <span x-text="item"></span>
+                    <li class="flex items-start">
+                      <div class="flex-shrink-0 w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-4">
+                        <i class="fa-solid fa-globe text-primary" aria-hidden="true"></i>
+                      </div>
+                      <div>
+                        <div class="text-xs uppercase tracking-wide text-gray-500 mb-0.5">{{ i18n "webinar_language_label" }}</div>
+                        <p class="font-medium text-gray-900" x-show="webinar.language" x-text="webinar.language" x-cloak></p>
+                      </div>
                     </li>
-                  </template>
-                </ul>
+                  </ul>
+                </div>
+
+                <!-- Divider -->
+                <hr class="border-gray-200">
+
+                <!-- What You'll Learn -->
+                <div x-show="webinar.learnItems.length" x-cloak>
+                  <h3 class="font-h3 mb-6" x-text="webinar.learnTitle"></h3>
+
+                  <ul role="list" class="fa-ul text-sm lg:text-base ml-7 lg:ml-8 space-y-4">
+                    <template x-for="item in webinar.learnItems" :key="item">
+                      <li>
+                        <span class="fa-li"><i class="fa-solid fa-check text-primary"></i></span>
+                        <span x-text="item"></span>
+                      </li>
+                    </template>
+                  </ul>
+                </div>
               </div>
             </div>
+          </aside>
+        </div>
+
+        <section x-show="feedbackData.success" class="white-box" x-cloak>
+          <div class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
+            <i class="fa-solid fa-check-circle text-7xl text-secondary" aria-hidden="true"></i>
+            <h3 class="font-h3">
+              {{ i18n "webinar_success_title" }}
+            </h3>
+            <p class="font-p max-w-md text-gray-600">
+              {{ i18n "webinar_success_message" }}
+            </p>
+            <p class="text-sm text-gray-500 inline-flex items-center gap-2">
+              <i class="fa-solid fa-envelope" aria-hidden="true"></i>
+              {{ i18n "webinar_success_inbox_hint" }}
+            </p>
           </div>
-        </aside>
-      </div>
+        </section>
+      </form>
+    </section>
+
+    <!-- No Webinar Planned: Newsletter Signup -->
+    <section x-show="webinar.status && webinar.status !== 'Planned'" x-data="{data: {email: '', listId: 'cryptomatorhub', captcha: null, acceptTerms: false, errorMessage: '', success: false, inProgress: false}, captchaState: null}" class="container py-12 text-center" x-cloak>
+      <header class="mb-8">
+        <h1 class="font-h1 mb-4">{{ i18n "webinar_none_title" }}</h1>
+        <p class="lead max-w-2xl mx-auto">{{ i18n "webinar_none_lead" }}</p>
+      </header>
+
+      <form x-show="!data.success" x-ref="form" class="max-w-xl mx-auto mb-4" @submit.prevent="new Newsletter($refs.form, data).subscribe(); $refs.captcha.reset()">
+        <p class="font-p mb-4">{{ i18n "webinar_none_newsletter_instruction" }}</p>
+        <div class="flex justify-center items-center rounded-sm bg-gray-300 mb-4">
+          <input x-model="data.email" x-ref="email" @blur="$refs.email.classList.add('show-invalid')" type="email" class="grow input-box rounded-r-none focus:border-secondary" placeholder="{{ i18n "hub_newsletter_email_placeholder" }}" required/>
+          <button :disabled="data.inProgress || !data.acceptTerms || captchaState == 'verifying'" type="submit" class="shrink-0 flex items-center gap-1 btn btn-primary rounded-l-none px-4" data-umami-event="webinar-newsletter-form">
+            <i :class="{'fa-envelope': !data.inProgress, 'fa-spinner fa-spin': data.inProgress}" class="fa-solid" aria-hidden="true"></i> {{ i18n "hub_newsletter_subscribe" }}
+          </button>
 
-      <section x-show="feedbackData.success" class="white-box" x-cloak>
-        <div class="flex flex-col items-center justify-center gap-4 text-center md:min-h-110 px-4 py-5 md:p-6">
-          <i class="fa-solid fa-check-circle text-7xl text-secondary" aria-hidden="true"></i>
-          <h3 class="font-h3">
-            {{ i18n "webinar_success_title" }}
-          </h3>
-          <p class="font-p max-w-md text-gray-600">
-            {{ i18n "webinar_success_message" }}
-          </p>
-          <p class="text-sm text-gray-500 inline-flex items-center gap-2">
-            <i class="fa-solid fa-envelope" aria-hidden="true"></i>
-            {{ i18n "webinar_success_inbox_hint" }}
-          </p>
+          {{ $challengeUrl := printf "%s/connect/newsletter/challenge" .Site.Params.apiBaseUrl }}
+          {{ partial "captcha.html" (dict "challengeUrl" $challengeUrl "captchaPayload" "data.captcha" "captchaState" "captchaState") }}
         </div>
-      </section>
-    </form>
-  </section>
+        <p class="font-p">{{ partial "checkbox.html" (dict "context" . "alpineVariable" "data.acceptTerms" "label" (i18n "accept_hub_newsletter_privacy" | safeHTML)) }}</p>
+        <p :class="{'hidden': !data.errorMessage}" class="text-sm text-red-600 mt-2" x-text="data.errorMessage"></p>
+      </form>
+
+      <div x-show="data.success" class="mb-4" x-cloak>
+        <p class="font-p mb-4">{{ ":love_letter:" | emojify }} {{ i18n "hub_newsletter_success" . }}</p>
+      </div>
+    </section>
+  </div>
 {{ end }}
 {{ define "script" }}
   {{ if hugo.IsDevelopment }}
     {{ $apiFormJs := resources.Get "js/apiform.js" }}
     <script type="text/javascript" src="{{ $apiFormJs.RelPermalink }}" defer></script>
+    {{ $newsletterJs := resources.Get "js/newsletter.js" }}
+    <script type="text/javascript" src="{{ $newsletterJs.RelPermalink }}" defer></script>
     {{ $webinarJs := resources.Get "js/webinar.js" }}
     <script type="text/javascript" src="{{ $webinarJs.RelPermalink }}" defer></script>
     {{ $altchaJs := resources.Get "js/altcha/altcha.js" }}
@@ -168,6 +200,8 @@ <h3 class="font-h3">
   {{ else }}
     {{ $apiFormJs := resources.Get "js/apiform.js" | minify | fingerprint }}
     <script type="text/javascript" src="{{ $apiFormJs.RelPermalink }}" integrity="{{ $apiFormJs.Data.Integrity }}" defer></script>
+    {{ $newsletterJs := resources.Get "js/newsletter.js" | minify | fingerprint }}
+    <script type="text/javascript" src="{{ $newsletterJs.RelPermalink }}" integrity="{{ $newsletterJs.Data.Integrity }}" defer></script>
     {{ $webinarJs := resources.Get "js/webinar.js" | minify | fingerprint }}
     <script type="text/javascript" src="{{ $webinarJs.RelPermalink }}" integrity="{{ $webinarJs.Data.Integrity }}" defer></script>
     {{ $altchaJs := resources.Get "js/altcha/altcha.js" }}