diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index 4214391..25ff961 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -11,18 +11,49 @@
   <h1 class="sg-main-heading">Patterns – Public Page Patterns</h1>
 
   <section id="public-page-patterns">
-    <p class="sg-preview-label">Pattern Group: Public Page Patterns</p>
-    <p class="sg-preview-label">Component: Public Page Content left</p>
+    <p class="sg-preview-label">pattern: Public Page Content left</p>
 
     <div class="sg-preview-area">
       <div class="sg-content-group-box" data-component="content-group-box">
         <div class="sg-text-block" data-component="text-block">
           <p class="sg-body">
-            Beispieltext für den linken Content-Bereich innerhalb der Content Group Box.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa.
           </p>
         </div>
       </div>
     </div>
+
+    <p class="sg-preview-label">pattern: Public Page Content right</p>
+
+    <div class="sg-preview-area">
+      <div class="sg-content-group-box" data-component="content-group-box">
+        <div class="sg-text-block sg-text-block--align-right" data-component="text-block">
+          <p class="sg-body">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa.
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <p class="sg-preview-label">pattern: CTA box left</p>
+
+    <div class="sg-preview-area">
+      <div class="sg-content-group-box" data-component="content-group-box">
+        <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-card--call-to-action-card" data-component="call-to-action-card" aria-label="Call to action Card">
+          <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">
+              Jetzt passende Inhalte entdecken und direkt mit dem nächsten Schritt starten.
+            </p>
+
+            <div class="sg-call-to-action-card__action">
+              <button class="sg-interaction-element sg-button sg-button--cta" type="button" data-component="button" data-component-variant="cta">
+                Call-to-action-Button
+              </button>
+            </div>
+          </div>
+        </article>
+      </div>
+    </div>
   </section>
 
 </body>
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 4c5a8de..51379b3 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -7,3 +7,7 @@
   flex-direction: column;
   width: 100%;
 }
+
+.sg-page-public-page-patterns .sg-text-block--align-right {
+  margin-left: auto;
+}