From 96060078a18876bf49c00728562ecc925fa4dbdd Mon Sep 17 00:00:00 2001
From: Reto Bollinger <bolliret@MBP-von-Reto-2.localdomain>
Date: Sun, 24 Nov 2024 20:30:40 +0100
Subject: [PATCH] No clue what I'm doing3

---
 .../project/assets/static/style.css           | 111 +++++++++++++++++-
 1 file changed, 110 insertions(+), 1 deletion(-)

diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index 684f144..108d5a1 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -472,7 +472,7 @@ div.left_footer, div.middle_footer, div.right_footer {
 
 .termine li {
   display: flex;
-  margin-bottom: 10px;
+  margin-bottom: 3px;
 }
 
 
@@ -555,8 +555,66 @@ div.left_footer, div.middle_footer, div.right_footer {
         font-size: 20px;
         align-self: self-start;
     }
+<<<<<<< HEAD
     input[type='checkbox']:not(:checked)+ul {
         display: none;
+=======
+
+    .termine ul {
+        display: table;
+        border-collapse: collapse;
+        padding: 0;
+        margin: 0;
+    }
+
+    .termine ul li{
+        display: table-row;
+        width: 75vw;
+        padding: 0;
+        margin: 0;
+    }
+
+    .termine ul li div{
+        width: 70vw;
+        text-align: left;
+        padding: 0;
+        margin: 0;
+        display: inline-block;
+        white-space: nowrap;
+    }
+
+    .termine ul li ul {
+        display: table-row;
+    }
+
+    .termine ul li ul div{
+        font-weight: normal;
+        padding: 0;
+        margin: 0;
+        text-align: left;
+    }
+
+    .termine ul li ul li {
+        display: table-cell;
+    }
+
+    .termine li ul li:nth-child(1) { width: 40.5vw; }
+    .termine li ul li:nth-child(2) { width: 1.5vw; }
+    .termine li ul li:nth-child(3) { width: 33vw; }
+
+    .termine li ul li:nth-child(1) div{ width: 40.5vw; }
+    .termine li ul li:nth-child(2) div{ width: 1.5vw; }
+    .termine li ul li:nth-child(3) div{ width: 33vw; }
+
+    .termine ul > li > div, .termine ul > li > ul > li > div {
+        font-size: 4vw;
+    }
+}
+
+@media (min-width:1025px) and (max-width:1540px) {
+    div.inner_page.bgimage {
+        min-height: calc((80vw - 60px)*.572)
+>>>>>>> 835da7c (Responsive table on termine page! Woohoo!)
     }
 <<<<<<< HEAD
     .threecolumn{
@@ -643,4 +701,55 @@ div.left_footer, div.middle_footer, div.right_footer {
         width: 150px
 >>>>>>> e4c4875 (Constant font sizes above viewport width of 1540px and tried to reduce jumpiness between 1530p and 1540px)
     }
+
+
+    .termine ul {
+        display: table;
+        border-collapse: collapse;
+        padding: 0;
+        margin: 0;
+    }
+
+    .termine ul li{
+        display: table-row;
+        width: 75vw;
+        padding: 0;
+        margin: 0;
+    }
+
+    .termine ul li div{
+        width: 70vw;
+        text-align: left;
+        padding: 0;
+        margin: 0;
+        display: inline-block;
+        white-space: nowrap;
+    }
+
+    .termine ul li ul {
+        display: table-row;
+    }
+
+    .termine ul li ul div{
+        font-weight: normal;
+        padding: 0;
+        margin: 0;
+        text-align: left;
+    }
+
+    .termine ul li ul li {
+        display: table-cell;
+    }
+
+    .termine li ul li:nth-child(1) { width: 40.5vw; }
+    .termine li ul li:nth-child(2) { width: 1.5vw; }
+    .termine li ul li:nth-child(3) { width: 33vw; }
+
+    .termine li ul li:nth-child(1) div{ width: 40.5vw; }
+    .termine li ul li:nth-child(2) div{ width: 1.5vw; }
+    .termine li ul li:nth-child(3) div{ width: 33vw; }
+
+    .termine ul > li > div, .termine ul > li > ul > li > div {
+        font-size: 2.5vw;
+    }
 }
\ No newline at end of file