Make the list of rooms mobile aware

themes/tsc_vfl/assets/css/main.scss

@@ -612,6 +612,27 @@ h1 {
     max-width: 100%;
 }
 
+.room {
+    .image {
+        max-width: 70%;
+    }
+
+    @include media-large() {
+        display: flex;
+        align-items: start;
+
+        .image {
+            flex: 50% 0 1;
+        }
+        .address {
+            margin-left: 10px;
+        }
+        p {
+            margin: 0;
+        }
+    }
+}
+
 :root {
     --color-vhvorne: #ddcb55;
     --color-vhmitte: #c98879;

themes/tsc_vfl/layouts/shortcodes/tsc/rooms/address.html

@@ -0,0 +1 @@
+<div class="address">{{ .Inner }}</div>

themes/tsc_vfl/layouts/shortcodes/tsc/rooms/image.html

@@ -0,0 +1,4 @@
+<div class="image">
+    {{ $resource := .Page.Resources.GetMatch (.Get "image") }}
+    <img src="{{ $resource.RelPermalink}} ">
+</div>

themes/tsc_vfl/layouts/shortcodes/tsc/rooms/room.html

@@ -0,0 +1 @@
+<div class="room">{{ .Inner }}</div>