@oiz/stzh-components 2.0.0-beta → 2.0.0

package/dist/collection/components/stzh-portal-mitwirken/stzh-portal-mitwirken.css

@@ -172,7 +172,7 @@ the .has-focus class is used by the focus target */
   --stzh-color-truegreen: #008000;
   --stzh-color-shiraz: #c00d23;
   --stzh-color-error: #d0021b;
-  --stzh-color-warning: #F28B00;
+  --stzh-color-warning: #DB7E00;
   --stzh-color-active: #a4c400;
 
   --stzh-color-grey5: #F2F2F2;
@@ -887,22 +887,14 @@ main h1,
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h1,
-main h2,
-main stzh-heading[level="1"],
-main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main h1,
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -910,108 +902,65 @@ main stzh-heading[level="2"] {
 main h2,
 main stzh-heading[level="1"],
 main stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main h1, main h2 {
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
-@media screen and (min-width: 600px) {
-  main h1, main h2 {
-    padding-bottom: var(--stzh-space-small);
-  }
-}
 @media screen and (min-width: 1024px) {
   main h1, main h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main h1, main h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main h1,
-main stzh-heading[level="1"] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+main stzh-heading[level="1"],
+main h2,
+main stzh-heading[level="2"] {
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxlarge);
+main stzh-heading[level="1"],
+main h2,
+main stzh-heading[level="2"] {
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main h1,
-main stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxxxlarge);
-  }
-}
+main stzh-heading[level="1"],
 main h2,
-main stzh-heading[level="2"] {
-  margin-top: var(--stzh-space-xxlarge);
-}
-@media screen and (min-width: 600px) {
-  main h2,
 main stzh-heading[level="2"] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 1260px) {
-  main h2,
-main stzh-heading[level="2"] {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
 main h3,
-main stzh-heading[level="3"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-large);
-  }
-}
-@media screen and (min-width: 1024px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main h3,
-main stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xxlarge);
-  }
-}
+main stzh-heading[level="3"],
 main h4,
 main stzh-heading[level="4"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main h4,
-main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
-  main h4,
+  main h3,
+main stzh-heading[level="3"],
+main h4,
 main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  main h4,
+  main h3,
+main stzh-heading[level="3"],
+main h4,
 main stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main p,
@@ -1033,6 +982,16 @@ main stzh-list {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main p,
+main stzh-text,
+main ul,
+main ol,
+main dl,
+main stzh-list {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main p,
 main stzh-text,
@@ -1043,6 +1002,16 @@ main stzh-list {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main p,
+main stzh-text,
+main ul,
+main ol,
+main dl,
+main stzh-list {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main ul ul,
 main ul ol,
 main ul dl,
@@ -1064,46 +1033,32 @@ main stzh-list stzh-list {
 }
 main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=hero],
-main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=hero],
 main stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h1],
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h1],
-main stzh-heading[curve=h1],
-main stzh-text[curve=h2],
-main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h1],
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1111,23 +1066,17 @@ main stzh-heading[curve=h2] {
 main stzh-heading[curve=h1],
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h1],
 main stzh-heading[curve=h1] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h1],
-main stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h1],
 main stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1138,7 +1087,7 @@ main stzh-heading[curve=h1] {
 }
 main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
-  margin-top: var(--stzh-space-xxlarge);
+  margin-top: var(--stzh-space-xxxlarge);
 }
 @media screen and (min-width: 600px) {
   main stzh-text[curve=h2],
@@ -1146,6 +1095,12 @@ main stzh-heading[curve=h2] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main stzh-text[curve=h2],
+main stzh-heading[curve=h2] {
+    margin-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h2],
 main stzh-heading[curve=h2] {
@@ -1154,46 +1109,34 @@ main stzh-heading[curve=h2] {
 }
 main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h3],
-main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h3],
 main stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main stzh-text[curve=h4],
-main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main stzh-text[curve=h4],
 main stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main stzh-text[curve=p1],
@@ -1211,6 +1154,14 @@ main stzh-heading[curve=p2] {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main stzh-text[curve=p1],
+main stzh-text[curve=p2],
+main stzh-heading[curve=p1],
+main stzh-heading[curve=p2] {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main stzh-text[curve=p1],
 main stzh-text[curve=p2],
@@ -1219,6 +1170,14 @@ main stzh-heading[curve=p2] {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main stzh-text[curve=p1],
+main stzh-text[curve=p2],
+main stzh-heading[curve=p1],
+main stzh-heading[curve=p2] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main stzh-figure {
   margin-top: var(--stzh-space-xxlarge);
   margin-bottom: var(--stzh-space-xxlarge);
@@ -1232,7 +1191,7 @@ main blockquote {
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
   padding-left: var(--stzh-space-medium);
   padding-right: var(--stzh-space-medium);
-  margin: var(--stzh-space-large);
+  margin: var(--stzh-space-xxlarge);
   color: var(--stzh-richttext-blockquote-color);
   position: relative;
 }
@@ -1270,14 +1229,9 @@ main blockquote {
     padding-right: var(--stzh-space-xlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main blockquote {
-    margin: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main blockquote {
-    margin: var(--stzh-space-xxlarge);
+    margin: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -1304,6 +1258,11 @@ main blockquote p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main blockquote p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main blockquote p::before, main blockquote p::after {
   display: inline-block;
 }
@@ -1917,7 +1876,7 @@ main .process-header .process-header__container .process-header__info .heading2
   font-size: var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));
   line-height: var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-hecto-text-line-height));
   letter-spacing: var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));
-  margin-bottom: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-xlarge);
   margin-top: 0;
   border-bottom: none;
   padding-bottom: 0;
@@ -1949,25 +1908,18 @@ main .process-header .process-header__container .process-header__info .heading2
     letter-spacing: var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
-  main .card--full .process-header .process-header__container .process-header__info .card__title,
-main .process-header .process-header__container .process-header__info .card--full .card__title,
-main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .card--full .process-header .process-header__container .process-header__info .card__title,
 main .process-header .process-header__container .process-header__info .card--full .card__title,
 main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .card--full .process-header .process-header__container .process-header__info .card__title,
 main .process-header .process-header__container .process-header__info .card--full .card__title,
 main .process-header .process-header__container .process-header__info .heading2 {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .process-header .process-header__container {
@@ -2215,8 +2167,8 @@ main .clear.meeting-polls__button {
   color: var(--stzh-color-error);
 }
 main .wrapper {
-  padding-top: var(--stzh-space-xxlarge);
-  padding-bottom: var(--stzh-space-xxlarge);
+  padding-top: var(--stzh-space-xxxlarge);
+  padding-bottom: var(--stzh-space-xxxlarge);
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
@@ -2225,6 +2177,11 @@ main .wrapper {
     padding-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .wrapper {
+    padding-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .wrapper {
     padding-top: var(--stzh-space-xbig);
@@ -2235,6 +2192,11 @@ main .wrapper {
     padding-bottom: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .wrapper {
+    padding-bottom: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .wrapper {
     padding-bottom: var(--stzh-space-xbig);
@@ -2283,8 +2245,8 @@ main .heading1, main h1 {
   font-size: var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));
   line-height: var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));
   letter-spacing: var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));
-  margin-top: var(--stzh-space-large);
-  margin-bottom: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xlarge);
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
@@ -2309,14 +2271,9 @@ main .heading1, main h1 {
     letter-spacing: var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading1, main h1 {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading1, main h1 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2324,34 +2281,24 @@ main .heading1, main h1 {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading1, main h1 {
-    margin-bottom: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
-  main .heading1, main h1 {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
   main .heading1, main h1 {
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1260px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-small);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading1, main h1 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .section-heading,
@@ -2362,7 +2309,7 @@ main .heading2, main h2 {
   line-height: var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h2-default-heading-letter-spacing);
   margin-top: var(--stzh-space-xxlarge);
-  margin-bottom: var(--stzh-space-medium);
+  margin-bottom: var(--stzh-space-xlarge);
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
@@ -2390,52 +2337,40 @@ main .heading2, main h2 {
     letter-spacing: var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1024px) {
   main .section-heading,
 main .heading2, main h2 {
-    margin-top: var(--stzh-space-xxxxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
-@media screen and (min-width: 600px) {
-  main .section-heading,
-main .heading2, main h2 {
-    margin-bottom: var(--stzh-space-large);
+    margin-top: var(--stzh-space-xxxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .section-heading,
-main .heading2, main h2 {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main .section-heading,
 main .heading2, main h2 {
     margin-bottom: var(--stzh-space-xxlarge);
   }
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-small);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1024px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .section-heading,
 main .heading2, main h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .heading3, main h3 {
@@ -2444,7 +2379,7 @@ main .heading3, main h3 {
   font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));
   line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);
-  margin-top: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 600px) {
   main .heading3, main h3 {
@@ -2460,19 +2395,14 @@ main .heading3, main h3 {
     letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading3, main h3 {
-    margin-top: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading3, main h3 {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading3, main h3 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .heading4, main h4 {
@@ -2481,7 +2411,7 @@ main .heading4, main h4 {
   font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));
   line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));
   letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);
-  margin-top: var(--stzh-space-medium);
+  margin-top: var(--stzh-space-xlarge);
   color: var(--stzh-base-color);
 }
 @media screen and (min-width: 1024px) {
@@ -2491,19 +2421,14 @@ main .heading4, main h4 {
     letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);
   }
 }
-@media screen and (min-width: 600px) {
-  main .heading4, main h4 {
-    margin-top: var(--stzh-space-large);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .heading4, main h4 {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .heading4, main h4 {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .heading4, main h4,
@@ -2517,16 +2442,11 @@ main #most-commented a {
   text-decoration: none;
 }
 main .section {
-  margin-bottom: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .section {
-    margin-bottom: var(--stzh-space-xlarge);
-  }
+  margin-bottom: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .section {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2906,22 +2826,14 @@ main .ql-editor h1,
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h1,
-main .ql-editor h2,
-main .ql-editor stzh-heading[level="1"],
-main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor h1,
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -2929,108 +2841,65 @@ main .ql-editor stzh-heading[level="2"] {
 main .ql-editor h2,
 main .ql-editor stzh-heading[level="1"],
 main .ql-editor stzh-heading[level="2"] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor h1, main .ql-editor h2 {
   padding-bottom: var(--stzh-space-xsmall);
   border-bottom: 0.0625rem solid var(--stzh-base-border-color);
 }
-@media screen and (min-width: 600px) {
-  main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-small);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-medium);
+    padding-bottom: var(--stzh-space-small);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor h1, main .ql-editor h2 {
-    padding-bottom: var(--stzh-space-large);
+    padding-bottom: var(--stzh-space-medium);
   }
 }
 main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+main .ql-editor stzh-heading[level="1"],
+main .ql-editor h2,
+main .ql-editor stzh-heading[level="2"] {
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxlarge);
+main .ql-editor stzh-heading[level="1"],
+main .ql-editor h2,
+main .ql-editor stzh-heading[level="2"] {
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor h1,
-main .ql-editor stzh-heading[level="1"] {
-    margin-top: var(--stzh-space-xxxxlarge);
-  }
-}
+main .ql-editor stzh-heading[level="1"],
 main .ql-editor h2,
-main .ql-editor stzh-heading[level="2"] {
-  margin-top: var(--stzh-space-xxlarge);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h2,
 main .ql-editor stzh-heading[level="2"] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 1260px) {
-  main .ql-editor h2,
-main .ql-editor stzh-heading[level="2"] {
-    margin-top: var(--stzh-space-xbig);
-  }
-}
 main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-large);
-  }
-}
-@media screen and (min-width: 1024px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  main .ql-editor h3,
-main .ql-editor stzh-heading[level="3"] {
-    margin-top: var(--stzh-space-xxlarge);
-  }
-}
+main .ql-editor stzh-heading[level="3"],
 main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor h4,
-main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
-  main .ql-editor h4,
+  main .ql-editor h3,
+main .ql-editor stzh-heading[level="3"],
+main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
-  main .ql-editor h4,
+  main .ql-editor h3,
+main .ql-editor stzh-heading[level="3"],
+main .ql-editor h4,
 main .ql-editor stzh-heading[level="4"] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor p,
@@ -3052,6 +2921,16 @@ main .ql-editor stzh-list {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor p,
+main .ql-editor stzh-text,
+main .ql-editor ul,
+main .ql-editor ol,
+main .ql-editor dl,
+main .ql-editor stzh-list {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main .ql-editor p,
 main .ql-editor stzh-text,
@@ -3062,6 +2941,16 @@ main .ql-editor stzh-list {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor p,
+main .ql-editor stzh-text,
+main .ql-editor ul,
+main .ql-editor ol,
+main .ql-editor dl,
+main .ql-editor stzh-list {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor ul ul,
 main .ql-editor ul ol,
 main .ql-editor ul dl,
@@ -3083,46 +2972,32 @@ main .ql-editor stzh-list stzh-list {
 }
 main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=hero],
-main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=hero],
 main .ql-editor stzh-heading[curve=hero] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-  margin-bottom: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h1],
-main .ql-editor stzh-heading[curve=h1],
-main .ql-editor stzh-text[curve=h2],
-main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-large);
-  }
+  margin-bottom: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -3130,23 +3005,17 @@ main .ql-editor stzh-heading[curve=h2] {
 main .ql-editor stzh-heading[curve=h1],
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1] {
-  margin-top: var(--stzh-space-large);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h1],
-main .ql-editor stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xlarge);
-  }
+  margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h1],
 main .ql-editor stzh-heading[curve=h1] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -3157,7 +3026,7 @@ main .ql-editor stzh-heading[curve=h1] {
 }
 main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
-  margin-top: var(--stzh-space-xxlarge);
+  margin-top: var(--stzh-space-xxxlarge);
 }
 @media screen and (min-width: 600px) {
   main .ql-editor stzh-text[curve=h2],
@@ -3165,6 +3034,12 @@ main .ql-editor stzh-heading[curve=h2] {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .ql-editor stzh-text[curve=h2],
+main .ql-editor stzh-heading[curve=h2] {
+    margin-top: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h2],
 main .ql-editor stzh-heading[curve=h2] {
@@ -3173,46 +3048,34 @@ main .ql-editor stzh-heading[curve=h2] {
 }
 main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h3],
-main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h3],
 main .ql-editor stzh-heading[curve=h3] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-  margin-top: var(--stzh-space-medium);
-}
-@media screen and (min-width: 600px) {
-  main .ql-editor stzh-text[curve=h4],
-main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-large);
-  }
+  margin-top: var(--stzh-space-xlarge);
 }
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   main .ql-editor stzh-text[curve=h4],
 main .ql-editor stzh-heading[curve=h4] {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 main .ql-editor stzh-text[curve=p1],
@@ -3230,6 +3093,14 @@ main .ql-editor stzh-heading[curve=p2] {
     margin-top: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor stzh-text[curve=p1],
+main .ql-editor stzh-text[curve=p2],
+main .ql-editor stzh-heading[curve=p1],
+main .ql-editor stzh-heading[curve=p2] {
+    margin-top: var(--stzh-space-large);
+  }
+}
 @media screen and (min-width: 1024px) {
   main .ql-editor stzh-text[curve=p1],
 main .ql-editor stzh-text[curve=p2],
@@ -3238,6 +3109,14 @@ main .ql-editor stzh-heading[curve=p2] {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor stzh-text[curve=p1],
+main .ql-editor stzh-text[curve=p2],
+main .ql-editor stzh-heading[curve=p1],
+main .ql-editor stzh-heading[curve=p2] {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor stzh-figure {
   margin-top: var(--stzh-space-xxlarge);
   margin-bottom: var(--stzh-space-xxlarge);
@@ -3251,7 +3130,7 @@ main .ql-editor blockquote {
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
   padding-left: var(--stzh-space-medium);
   padding-right: var(--stzh-space-medium);
-  margin: var(--stzh-space-large);
+  margin: var(--stzh-space-xxlarge);
   color: var(--stzh-richttext-blockquote-color);
   position: relative;
 }
@@ -3289,14 +3168,9 @@ main .ql-editor blockquote {
     padding-right: var(--stzh-space-xlarge);
   }
 }
-@media screen and (min-width: 600px) {
-  main .ql-editor blockquote {
-    margin: var(--stzh-space-xlarge);
-  }
-}
 @media screen and (min-width: 1024px) {
   main .ql-editor blockquote {
-    margin: var(--stzh-space-xxlarge);
+    margin: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
@@ -3323,6 +3197,11 @@ main .ql-editor blockquote p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .ql-editor blockquote p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .ql-editor blockquote p::before, main .ql-editor blockquote p::after {
   display: inline-block;
 }
@@ -3562,6 +3441,11 @@ main .accountability .intro .progress-level p {
     margin-bottom: var(--stzh-space-medium);
   }
 }
+@media screen and (min-width: 1260px) {
+  main .accountability .intro .progress-level p {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
 main .accountability .categories .progress-figure {
   margin-top: 0;
 }
@@ -3602,7 +3486,7 @@ main .lead .ql-editor p {
   font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));
   line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));
   letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);
-  margin-bottom: var(--stzh-space-xxlarge);
+  margin-bottom: var(--stzh-space-xxxlarge);
   margin-top: var(--stzh-space-xxlarge);
 }
 @media screen and (min-width: 600px) {
@@ -3624,6 +3508,11 @@ main .lead .ql-editor p {
     margin-bottom: var(--stzh-space-xxxxlarge);
   }
 }
+@media screen and (min-width: 1024px) {
+  main .lead .ql-editor p {
+    margin-bottom: var(--stzh-space-big);
+  }
+}
 @media screen and (min-width: 1260px) {
   main .lead .ql-editor p {
     margin-bottom: var(--stzh-space-xbig);