diff --git a/components/public-page-components.html b/components/public-page-components.html
index 4a2fd02..9a924b2 100644
--- a/components/public-page-components.html
+++ b/components/public-page-components.html
@@ -59,7 +59,7 @@
           <div class="sg-card-segment sg-card-segment--body sg-call-to-action-card__body" data-component-part="card-body">
             <p class="sg-body sg-call-to-action-card__text">Mit dem Newsletter immer über neue Inhalte informiert bleiben.</p>
             <div class="sg-labeled-input-row" data-component="single-line-input" data-component-state="inactive-selectable">
-              <input class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" type="email" placeholder="E-Mail-Adresse" aria-label="E-Mail-Adresse" required>
+              <input class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" type="email" placeholder="E-Mail-Adresse" aria-label="E-Mail-Adresse" pattern="[^\s@]+@[^\s@]+\.[^\s@]{2,}" required>
             </div>
             <div class="sg-call-to-action-card__action">
               <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive" type="button" data-component="button" data-component-variant="process" data-component-state="inactive" disabled aria-disabled="true">Prozess Button</button>
diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index 8540207..69ff1d2 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -208,6 +208,7 @@
                   type="email"
                   placeholder="E-Mail-Adresse"
                   aria-label="E-Mail-Adresse"
+                  pattern="[^\s@]+@[^\s@]+\.[^\s@]{2,}"
                   required
                 >
               </div>