From 58c93fec663cc51e6fd7905688ea8ed0ca0438d4 Mon Sep 17 00:00:00 2001
From: edi <edi@noreply.localhost>
Date: Thu, 23 May 2024 21:36:48 +0000
Subject: [PATCH] Dateien nach "assets/css" hochladen

---
 assets/css/screen_media_767.css | 84 +++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 assets/css/screen_media_767.css

diff --git a/assets/css/screen_media_767.css b/assets/css/screen_media_767.css
new file mode 100644
index 0000000..45ba541
--- /dev/null
+++ b/assets/css/screen_media_767.css
@@ -0,0 +1,84 @@
+@media screen and (max-width: 767px) {
+    header {
+      padding-right: 0 !important;
+    }
+
+    header h4 {
+      margin-top: 1rem !important;
+      margin-bottom: 2rem;
+      font-size: calc(1.5vw + 1.0rem);
+    }
+
+    header p {
+      margin-left: 0 !important;
+    }
+
+    header img {
+      margin-bottom: 0 !important;
+    }
+
+    #header-sm img#logo_sm {
+    display:inline !important;
+    margin: 1rem 0 0 3rem; 
+    }
+
+    #header-sm h4 {
+    display:inline !important;
+    font-family: "gidole", sans-serif;
+    font-size: calc(2vw + 1.1rem);
+    font-weight: 700;
+    color: var(--ve-heavy-violett);
+    text-wrap: balance;
+    }
+
+    .content {
+        padding: 0.5rem !important;
+        margin-right: 0 !important;
+      }
+
+    .content h2, 
+    .content h3, 
+    .content > #vorteile h2, 
+    .content > section h2, 
+    .content > section h3 {
+      font-size: calc(1.3vw + 1.2rem) !important;
+    }
+
+    .content > #vorteile {
+        margin-top: 3rem !important;
+        padding: 0.5rem !important;
+      }
+
+    .content hr {
+        margin: 2rem 0 !important;
+        clear: both;
+        }
+
+    #newsgrid {
+        display: grid;
+        grid-template-columns: repeat(1, 1fr);
+        gap: 0.5rem; 
+    } 
+
+    #newsgrid > article.newsitem:first-child {
+    grid-column: 1 / 2;
+    }
+
+    .wrapper {
+        width: 86%;
+        margin-left: 2.6rem !important;
+      }
+
+      #contact {
+        font-size: 1.02rem;
+        padding: 0.5rem !important;
+      }
+
+      #contact img.icon {
+        width: 0.7rem !important;
+      }
+
+footer {
+      height: auto !important;
+    }
+  }
\ No newline at end of file