small improvements

theme/static/css/custom.css

@@ -102,14 +102,13 @@ h1, h2, h3, h4, h5, h6 {
     opacity: 1;
   }
 }
-
 /* end override hamburger settings */
 
-/* Two cards side by side on small screens */
 @media (min-width: 576px) {
   :root {
     --pico-font-size: 118.75%; 
   }
+  /* Two cards side by side on small screens */
   .card {
     max-width: calc(50% - var(--pico-block-spacing-horizontal) / 2);
   }
@@ -121,11 +120,11 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
-/* Three cards side by side on large screens */
 @media (min-width: 1024px) {
   :root {
     --pico-font-size: 131.25%; 
   }
+  /* Three cards side by side on large screens */
   .card {
     max-width: calc(33% - var(--pico-block-spacing-horizontal) * 2 / 3);
   }
@@ -135,30 +134,24 @@ h1, h2, h3, h4, h5, h6 {
   :root {
     --pico-font-size: 137.5%;
   }
+  .container {
+    max-width: 1170px;
+  }
 }
 
-/* Four cards side by side on xs-large screens */
 @media screen and (min-width: 1536px) {
   :root {
     --pico-font-size: 143.75%;
   }
-
+  /* Four cards side by side on xs-large screens */
   .card {
     max-width: calc(25% - var(--pico-block-spacing-horizontal) * 3 / 4);
   }
-
   .container {
     max-width: 1280px;
   }
 }
 
-/* Smaller container width on x-large screens */
-@media (min-width: 1280px) {
-  .container {
-    max-width: 1170px;
-  }
-}
-
 
 /*
  * Light/Dark mode settings (adapted from Yohn's Pico fork)
@@ -290,6 +283,7 @@ h1, h2, h3, h4, h5, h6 {
   box-shadow: var(--pico-card-box-shadow);
   padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5);
   text-align: center;
+  background-color: var(--pico-card-background-color);
 }
 
 .featured-image {
@@ -303,6 +297,9 @@ figcaption {
   a { font-size: 0.85m;}
 }
 
+#no-bottom-margin {
+  margin-bottom: 0;
+}
 
 /* Index page */
 
@@ -336,6 +333,10 @@ figcaption {
 }
 
 
+.events .tr-muted {
+  color: var(--pico-muted-color);
+}
+
 /* event list */
 .event-info {
   vertical-align: top;
@@ -577,7 +578,6 @@ img.impr {
 
   a {
     color: var(--pico-text-color);
-    font-style: italic;
   }
 }
 

theme/templates/termine.html

@@ -7,7 +7,7 @@
   {% if page.featured_image is defined %}
     {% from 'includes/macros.html' import fi %}
     {% set i = page.featured_image[0] %}
-    {{ fi(i.pic, i.link, i.text, i.alt, i.credit, i.credit_link) }}
+    <article id="no-bottom-margin">{{ fi(i.pic, i.link, i.text, i.alt, i.credit, i.credit_link) }}</article>
   {% endif %} 
 <article id="page-body">
   <table class="events">
@@ -28,6 +28,7 @@
         </td>
       </tr>
       {% endfor %}
+      <tr><td colspan="2"><small class="tr-muted">Letzte Aktualisierung: {{ page.written_at | strftime("%d.%m.%Y, %H:%M Uhr") }}</small></td></tr>
     </body>
   </table>
 </article>
@@ -35,7 +36,6 @@
 
 {% if page.written_at is defined %}
 {% block content_footer %}
-<p style="text-align: center";>Letzte Aktualisierung: {{ page.written_at | strftime("%d.%m.%Y, %H:%M Uhr") }}</p>
 {% endblock content_footer %}
 {% endif %}
 {% endif %}