add more practical info content, opening hours + some association sketching

web/src/css/base.scss

@@ -193,8 +193,8 @@ input[type="text"] {
 }
 
 .anchorLinks {
-  position: sticky;
-  top: 0;
+  /*position: sticky;
+  top: 0;*/
 
   >span {
     display: block;
@@ -213,4 +213,70 @@ input[type="text"] {
     background: var(--color-goldenBeige);
     color: var(--color-deepBrick);
   }
+}
+
+.pageSection {
+  background: var(--color-neufPink);
+  margin: calc(var(--spacing-sitepadding)*2) calc(var(--spacing-sitepadding)*-1);
+  padding: var(--spacing-sitepadding) var(--spacing-sitepadding) var(--spacing-section-bottom);
+
+  +.pageSection {
+    margin-top: calc(var(--spacing-sitepadding)*-2);
+  }
+
+  &:nth-of-type(even) {
+    background: var(--color-goldenBeige);
+    color: var(--color-)
+  }
+
+  h1 {
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: .05em;
+    margin-bottom: 4rem;
+
+    &:before {
+      content: "";
+      display: inline-block;
+      background: currentColor;
+      border-radius: 1em;
+      height: 1em;
+      width: 1em;
+      vertical-align: middle;
+      margin-bottom: .2em;
+      margin-right: 1em;
+    }
+  }
+
+  h2 {
+    margin-bottom: 1rem;
+  }
+
+  h3 {
+    margin: 1rem 0;
+  }
+}
+
+.openingHours {
+  width: 100%;
+  max-width: 20em;
+  font-size: inherit;
+
+  td {
+    width: 50%;
+    vertical-align: top;
+    line-height: 1.2;
+    padding: .25em 0;
+
+    &:first-child {
+      padding-right: 1rem;
+    }
+  }
+}
+
+.openingHoursItem {
+  display: inline-block;
+  width: 50%;
+  vertical-align: top;
+  margin-bottom: var(--spacing-section-bottom);
 }