Vorlage:Teaser-SH: Unterschied zwischen den Versionen

@@ Zeile 1: / Zeile 1: @@
-{| class="wikitable" style="text-align: center; color:black; background-color:#d7fdd0; border: 2px solid #009500;" width="95%"
+<div style="display: flex; flex-wrap: wrap; text-align: center; color: black; background-color: #d7fdd0; border: 2px solid #009500; width: 95%; max-width: 100%; margin: 1em auto; box-sizing: border-box; overflow: hidden;">
-| style="width: 80%; font-size: 150%; line-height: 1.5em;"|
-{{{1}}}
+    <div style="flex: 1 1 60%; min-width: 280px; display: flex; justify-content: center; align-items: center; padding: 15px; font-size: 150%; line-height: 1.5em; box-sizing: border-box;">
-| style="width: 20%; background-color: white;"|
+        <div>{{{1}}}</div>
-[[Bild:Steinschalerhof ohne Logobild.jpg|center|240px]]
+    </div>
-|}
+    <div style="flex: 1 1 20%; min-width: 240px; background-color: white; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box;">
+        [[Bild:Steinschalerhof ohne Logobild.jpg|center|240px|alt=Außenansicht des Steinschalerhofs]]
+    </div>
+</div>