1st

css/components/unsorted.css

@@ -1,49 +1,42 @@
-.leaflet-popup-content {
+.path-frontpage .field--name-body .kln-logo-grid--five-columns {
-  & .node--view-mode-teaser .field {
+  display: grid;
-    margin-block-end: 0;
+  grid-template-columns: repeat(5, 145px);
-  }
+  gap: 0;
-  & .node__title {
+  margin: 2rem 0 5rem;
-    font-size: 1.4rem;
+  background: #fff;
-  }
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
-  & article {
+  width: fit-content;
-    margin-bottom: 0;
+}
-  }
+
-  & .node__content {
+.path-frontpage .field--name-body .kln-logo-grid--five-columns a {
-    padding-bottom: 0;
+  display: flex;
-    font-size: 0.9rem;
+  align-items: center;
-    & .field__label,
+  justify-content: center;
-    .field__items {
+  width: 145px;
-      font-size: 0.9rem;
+  height: 135px;
-      font-weight: normal;
+  padding: 8px;
-    }
+  background: #fff;
-  }
+  border: 1px solid #e5e5e5;
-}
+  box-sizing: border-box;
-.view-alphabetical-title-list {
+  text-decoration: none;
-  & .node--view-mode-teaser .field {
+}
-    margin-block-end: 0;
+
-  }
+.path-frontpage .field--name-body .kln-logo-grid--five-columns img {
-  & .node__title {
+  max-width: 125px;
-    /*font-size: 1.4rem;*/
+  max-height: 115px;
-  }
+  width: auto;
-  & article {
+  height: auto;
-    /*margin-bottom: 0;*/
+  object-fit: contain;
-  }
+}
-  & .node__content {
+
-    /*padding-bottom: 0;*/
+@media (max-width: 800px) {
-    /*font-size: 0.9rem;*/
+  .path-frontpage .field--name-body .kln-logo-grid--five-columns {
-    & .field__label,
+    grid-template-columns: repeat(2, 145px);
-    .field__items {
+  }
-      /*font-size: 0.9rem;*/
+}
-      font-weight: normal;
+
-    }
+@media (max-width: 400px) {
-  }
+  .path-frontpage .field--name-body .kln-logo-grid--five-columns {
-}
+    grid-template-columns: 145px;
-.node--type-book {
-  figure {
-    border: 1px solid #ccc;
-    border-bottom: 0;
-  }
-  figcaption {
-    border: 1px solid #ccc;
   }
 }