fix(css): serve live theme CSS verbatim instead of diverging SCSS fork

The Sass file in sass/_praxis_theme.scss had drifted from the live
_style.css over the project's life — different line-heights (34/28 vs
24), padding overrides, restructured selectors, and a few sections that
the SCSS parser couldn't accept anyway (CSS // line-comments, missing
semicolons inherited from the original hand-written CSS).

For Phase 1 visual parity the correct source of truth is the live CSS,
not a re-edited copy. Drop compile_sass, ship the live _style.css as
/css/praxis.css straight from static/, and point base.html at it. This
restores the live vertical rhythm (paragraph spacing, banner padding)
that had been subtly off.

config.toml

@@ -2,7 +2,7 @@ base_url = "https://preview.praxis-am-lienhardplatz.de"
 title = "Praxis am Lienhardplatz"
 description = "Dr. Oliver Riemann, Dr. Angela Krey und Christian Malyga begrüßen Sie in der Hausärztlichen Gemeinschaftspraxis am Lienhardplatz in Wuppertal-Vohwinkel"
 default_language = "de"
-compile_sass = true
+compile_sass = false
 build_search_index = false
 generate_feeds = false
 

sass/main.scss

@@ -1,8 +0,0 @@
-// Praxis am Lienhardplatz — theme entry point
-//
-// Compiled by Zola into /main.css and loaded by base.html.
-// Bootstrap, mobile-menu, flexslider, and Font Awesome are loaded as separate
-// <link> tags from /css/ (see templates/partials/head.html), so we don't import
-// them here. Only the praxis-specific theme styles compile through SASS.
-
-@import "praxis_theme";

static/css/praxis.css

@@ -19,12 +19,12 @@ h1, h2, h3, h4, h5, h6 {
 
 h1 {
     font-size   : 30px;
-    line-height : 34px;
+    line-height : 24px;
     }
 
 h2 {
     font-size   : 24px;
-    line-height : 28px;
+    line-height : 24px;
     }
 
 h3 {
@@ -209,38 +209,7 @@ button:focus,
         padding-right : 30px;
         }
     }
-/*
-@media (max-width : 768px) {
-	.pt-100 {
-		padding-top : 60px;
-		}
 
-	.ptb-90 {
-		padding-bottom : 50px;
-		padding-top    : 50px;
-		}
-
-	.ptb-100 {
-		padding-top    : 60px;
-		padding-bottom : 60px;
-		}
-
-	.ptb-150 {
-		padding-top    : 100px;
-		padding-bottom : 100px;
-		}
-
-	.ptb-160 {
-		padding-top    : 120px;
-		padding-bottom : 120px;
-		}
-
-	.ptb-170 {
-		padding-top    : 140px;
-		padding-bottom : 140px;
-		}    
-}
-*/
 
 /* ----------------------------------------------
 text-highlights
@@ -285,7 +254,7 @@ text-highlights
     font-family    : 'Montserrat', sans-serif;
     }
 
-@media (max-width : 768px) {
+@media (max-width : 766px) {
     .page-header h1 {
         font-size   : 44px;
         line-height : 44px;
@@ -303,10 +272,6 @@ text-highlights
     background-size : cover;
     }
 
-.text-bg {
-	background : #f9f9f9; 
-    }
-
 /* ------------------------------------------------------------------
 BACK TO TOP
 --------------------------------------------------------------------- */
@@ -756,8 +721,10 @@ Shortcode Content
     }
 
 /*Media Query*/
-
 @media screen and (max-width : 900px) {
+    .hero-slide {
+        margin-top : 60px;
+        }
 
     .hero-slide .carousel-caption p {
         font-size : 24px;
@@ -768,43 +735,6 @@ Shortcode Content
         }
     }
 
-@media screen and (max-width : 768px) {
-
-    .hero-slide  {
-        margin-top : 110px;
-        }
-
-	.hero-slide .carousel-caption p {
-        font-size : 18px;
-		margin-bottom: 40px;
-        }
-		
-	.hero-slide .carousel-control.left,
-	.hero-slide .carousel-control.right {
-		width       : 30px;
-		height      : 30px;
-		line-height : 23px;
-		}
-		
-}
-
-@media screen and (max-width : 500px) {
-
-	.hero-slide .carousel-caption p {
-        font-size : 14px;
-        }
-	
-}
-
-@media screen and (max-width : 400px) {
-
-	.hero-slide .carousel-caption p {
-        font-size : 12px;
-		margin-bottom: 50px;
-        }
-	
-}
-
 /* -------------------
  Section Title Style
  --------------------- */
@@ -1754,12 +1684,12 @@ ul {
 
 @media screen and (max-width : 768px) {
 	.about-text {
-		padding-top    : 60px;
+		padding-top    : 170px;
 		}
 
     .navbar-default {
 		background    : #333333 !important;
-        padding       : 0px 0px;
+        padding       : 5px 0px;
         border-bottom : none;
         }
     }
@@ -1767,7 +1697,7 @@ ul {
 @media (min-width : 768px) {
     .navbar-default {
         background-color   : transparent;
-        padding            : 30px 0px;
+        padding            : 30px 0;
         border-color       : transparent;
         }
 
@@ -1831,9 +1761,8 @@ ul {
 */
 
 .anchor:target { 
-    margin-top: -140px; 
 	padding-top: 140px; 
-	-webkit-transform: translateZ(0);
+	-webkit-transform: translateZ(0)
 	z-index: 1000;
 	}
 	
@@ -1996,6 +1925,4 @@ ul {
     padding-top    : 50px;
     }
 
-.news-text {
+
-    background-color : #f9f9f9;
-}

templates/partials/head.html

@@ -20,4 +20,4 @@
 <link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.min.css">
 <link rel="stylesheet" href="/css/mobile-menu.css">
 <link rel="stylesheet" href="/css/flexslider.css">
-<link rel="stylesheet" href="/main.css">
+<link rel="stylesheet" href="/css/praxis.css">