padding bottom for h2 paragraph headings

src/components/accordion-container/accordion-container.tsx

@@ -30,19 +30,3 @@ export class AccordionContainer {
     );
   }
 }
-
-/*
-Paragraphs that have an option to include an H2-heading:
-Harmonise the padding under the enabled H2-heading in all paragraphs.
-Where exactly? Under paragraph or under the h2 title?
-
-No sidebar navigation:
-- Mobile 24 px = 1.5rem
-- Tablet: 28 px = 1.75rem
-- Screens 960-1200 px: 32 px = 2rem
-- Screens wider than 1200 px: 40 px = 2.5rem
-
-With sidebar navigation:
-- Screens 1201-1600 px: 32 px = 2rem
-- Screens wider than 1600 px: 40 px = 2.5rem
-* */

src/components/heading/heading.scss

@@ -48,7 +48,7 @@
     padding: 1.5rem 0 1rem;
 
     @include breakpoint($narrow) {
-      padding: 2rem 0 1.5rem;
+      padding: 2rem 0 1rem;
     }
   }
 
@@ -170,6 +170,20 @@ h1.hy-heading__introduction {
       padding: 0 0 1rem;
     }
   }
+
+  h2.hy-heading__landingsection,
+  h2.hy-heading__contentsection {
+    padding-bottom: 1.5rem;
+    @include breakpoint($narrow) {
+      padding-bottom: 1.75rem;
+    }
+    @include breakpoint($wide) {
+      padding-bottom: 2rem;
+    }
+    @include breakpoint($xlarge) {
+      padding-bottom: 2.5rem;
+    }
+  }
 }
 
 // Applied when there is NO sidebar
@@ -198,6 +212,20 @@ h1.hy-heading__introduction {
     }
   }
 
+  h2.hy-heading__landingsection,
+  h2.hy-heading__contentsection {
+    padding-bottom: 1.5rem;
+    @include breakpoint($narrow) {
+      padding-bottom: 1.75rem;
+    }
+    @include breakpoint($wide) {
+      padding-bottom: 2rem;
+    }
+    @include breakpoint($extrawide) {
+      padding-bottom: 2.5rem;
+    }
+  }
+
   //Hero h1
   h1.hy-heading__introduction {
     @include breakpoint($extrawide) {