diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index 8f135cf..3ada11c 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -41,7 +41,7 @@
       <div class="sg-preview-area">
         <div class="sg-content-group-box" data-component="content-group-box">
           <div class="sg-public-page-pattern-text-and-picture-right" data-pattern="text-and-picture-right">
-            <h2 class="sg-sub-heading">Überschrift</h2>
+            <h2 class="sg-heading-h2">Überschrift</h2>
 
             <div class="sg-public-page-pattern-text-and-picture-right__text">
               <p class="sg-body">
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 7345bb2..aba3c04 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -22,7 +22,7 @@
   color: var(--text-public-page-pattern-text-picture);
 }
 
-.sg-public-page-pattern-text-and-picture-right > .sg-sub-heading {
+.sg-public-page-pattern-text-and-picture-right > .sg-heading-h2 {
   grid-column: 1 / -1;
   margin: 0;
   color: var(--text-public-page-pattern-text-picture);
@@ -33,7 +33,7 @@
   min-width: 0;
 }
 
-.sg-public-page-pattern-text-and-picture-right__picture {
+.sg-public-page-pattern-text-and-picture-right > .sg-picture-full-width {
   grid-area: picture;
   min-width: 0;
 }