From c45818158cdf401368311af1b98104175b1b0303 Mon Sep 17 00:00:00 2001
From: Stefan Seifert <stefanseifert@users.noreply.github.com>
Date: Thu, 14 Dec 2023 16:58:17 +0100
Subject: [PATCH] Horizontal lines in content to separate different sections

---
 styles/styles.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/styles/styles.css b/styles/styles.css
index 580d80f..4a71c37 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -231,6 +231,11 @@ header .header-container .logo div {
   }
 }
 
+/* horizontal line in content */
+main > div:nth-child(n+2) + div:not(.stage-header-section, .aside-bar-section, .teaser-bar-section) {
+  border-top: 1px solid var(--color-medium-dark-gray);
+}
+
 /* --- grid layout for main area --- */
 @media screen and (width <= 799px) {
   main .section {
@@ -282,6 +287,10 @@ header .header-container .logo div {
     grid-column: 2 / 4;
   }
 
+  .content-3col main > .section:not(.stage-header-section, .aside-bar-section, .teaser-bar-section) {
+    margin-right: 20px;
+  }
+
   main .section.stage-header-section {
     grid-column: 2 / 6;
     grid-row: 1;