1st

css/components/unsorted.css

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