update

scss/blog.scss

@@ -19,117 +19,17 @@ $type: blog;
 // ToDo
 //
 
-/*
-body {
-    background: rgb(33, 39, 48) !important;
-    color: rgb(255, 255, 255) !important;
-}*/
 
-/*.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
+.related_post a {
-    rgb(109, 176, 255) !important;
+  color: #979ba9 !important;
-}*/
-
-/*
-body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
-    rgb(109, 176, 255) !important;
-}
-*/
-
-/*
-.post-meta-single-top .post-meta {
-    color: rgb(187, 187, 187) !important;
-}
-*/
-
-
-/* Logo links im Header */
-/*@media ( min-width: 480px ) {
-    .header-titles-wrapper::before {
-        content: ' ';
-        background: url(/.cdn/images/natenom_avatar_cleanspace_200x200.png);
-        background-size: auto;
-        position: relative;
-        background-size: cover;
-        height: 4.5rem;
-        width: 4.5rem;
-        -webkit-width: 9rem;
-        display: table;
-        float: left;
-        margin-right: 3rem;
-    }
-}*/
-
-/* Damit auch in Chromium der Elefant komplett angezeigt wird und sich nicht versteckt */
-/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
-.header-titles-wrapper::before {
-    width: 9rem;
-}*/
-
-
-
-/* Abstand Artikelbilder zu Inhalt darunter und drueber verkleinern */
-.entry-header {
-    padding-bottom: 4rem !important;
 }
 
-.post-inner {
-    padding-top: 4rem !important;
-}
-
-.featured-media {
-    margin-top: 0 !important;
-}
 
 /* Bildbeschreibungen nur unter Artikelbildern werden ausgeblendet */
 .featured-media-inner .wp-caption-text {
     display: none;
 }
 
-/* Abstand zwischenÃUeerschrift und Artikel verringern, wenn kein "Featured Media" bzw. Bild */
-
-.blog .featured-media, .tag .featured-media, .category .featured-media {
-    padding-bottom: 4rem !important;
-
-}
-.post-inner {
-    padding-top: 0rem !important;
-}
-
-
-/* Zum Ausblenden der Anzahl der Kommentare auf Hauptseite */
-/*.post-comment-link.meta-wrapper {
-    display: none;
-}*/
-
-
-/* Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10 */
-.cover-header-inner-wrapper.screen-height {
-    min-height: 60vh !important;
-}
-
-/* Cover-Farbe (falls du keinen Hex-Code angeben kannst) */
-.cover-color-overlay.color-accent {
-    color: #252d39 !important;
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-.template-cover .primary-menu-wrapper a, .cover-header .entry-categories a {
-    color: #fff !important;
-}
-.primary-menu-wrapper a, .entry-categories a {
-    color: #6db0ff !important;
-}
 
 .menu-modal a {
     color: #6db0ff !important;
@@ -150,14 +50,3 @@ body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .pri
 .search-submit {
     background: #6db0ff !important;
 }
-
-
-/* Auf Seiten muss auch etwas Platz von Header zum Text eingefuegt werden */
-.page .post-inner {
-    padding-top: 4rem !important;
-}
-
-/* Auf Beitragsseiten ohne Artikelbilder muss auch etwas Platz von Header zum Text eingefuegt werden */
-.single-post .post-inner {
-    padding-top: 4rem !important;
-}

scss/import/blog.scss

@@ -1,12 +1,7 @@
-// Links: blau statt default pink
-.related_post a {
-  color: #979ba9 !important;
-}
-
-
-
 
+//
 // main
+//
 
 body {
   position: relative;
@@ -25,6 +20,19 @@ body {
     font-size: 1.5rem !important; // smaller
   }
   header {
+    .header-inner {
+      .header-navigation-wrapper {
+        nav.primary-menu-wrapper {
+          ul.primary-menu {
+            li.menu-item {
+              a {
+                color: $blau-light !important;
+              }
+            }
+          }
+        }
+      }
+    }
     .search-modal {
       top: 32px; // Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden
     }
@@ -35,7 +43,15 @@ body {
   main {
     article {
       header.entry-header {
+        padding-bottom: 40px; // Abstand zw. Artikelbildern und Überschrit verkleinern
         .entry-header-inner {
+          .entry-categories {
+            .entry-categories-inner {
+              a {
+                color: $blau-light;
+              }
+            }
+          }
           .post-meta-wrapper {
             ul.post-meta {
               li.post-author {
@@ -45,7 +61,11 @@ body {
           }
         }
       }
+      .featured-media {
+        margin-top: 0;
+      }
       .post-inner {
+        padding-top: 40px; // Abstand zw. Artikelbildern und Inhalt verkleinern
         .entry-content {
           a {
             color: $blau-light !important;
@@ -123,7 +143,9 @@ body {
   }
 }
 
+//
 // article / post
+//
 
 body.post-template {
   main {
@@ -229,7 +251,95 @@ body.post-template {
   }
 }
 
+//
+// article / post: cover template
+//
+
+body.post-template.template-cover {
+  header {
+    .header-inner {
+      .header-navigation-wrapper {
+        nav.primary-menu-wrapper {
+          ul.primary-menu {
+            li.menu-item {
+              a {
+                color: rgb(255, 255, 255) !important;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  main {
+    article.post {
+      .cover-header {
+        .cover-header-inner-wrapper {
+          min-height: 60vh; // Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10
+          .cover-header-inner {
+            .cover-color-overlay {
+              color: rgb(37, 45, 57); // Cover-Farbe (falls kein Hex-Code angegeben werden kann)
+            }
+            header.entry-header {
+              .entry-header-inner {
+                .entry-categories {
+                  .entry-categories-inner {
+                    a {
+                      color: rgb(255, 255, 255);
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+//
+// page (e.g. https://blog.natenom.com/natenom/)
+//
+
+body.page-template {
+  main {
+    article.page {
+      .post-inner {
+      }
+    }
+  }
+}
+
+//
+// category (e.g. https://blog.natenom.com/category/allgemein/)
+//
+
+body.category {
+  main {
+    article.post {
+      .featured-media {
+      }
+    }
+  }
+}
+
+//
+// tag (e.g. https://blog.natenom.com/tag/fahrrad/)
+//
+
+body.tag {
+  main {
+    article.post {
+      .featured-media {
+      }
+    }
+  }
+}
+
+//
 // Lightbox Plugin
+//
 
 #slb_viewer_wrap {
   #slb_viewer_slb_default {