Dateien nach "assets/css" hochladen

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;
+    }
+  }