diff --git a/content/news/2022-04-04-Konzert-Katzengejammer/banner_2.jpeg b/content/news/2022-04-04-Konzert-Katzengejammer/banner_2.jpeg
index ee7477b..145eab3 100644
Binary files a/content/news/2022-04-04-Konzert-Katzengejammer/banner_2.jpeg and b/content/news/2022-04-04-Konzert-Katzengejammer/banner_2.jpeg differ
diff --git a/themes/buha/assets/scss/banner.scss b/themes/buha/assets/scss/banner.scss
index a9836f0..3b1c0bc 100644
--- a/themes/buha/assets/scss/banner.scss
+++ b/themes/buha/assets/scss/banner.scss
@@ -7,7 +7,6 @@
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
-    display: flex;
     flex-direction: column;
     align-content: center;
     
diff --git a/themes/buha/assets/scss/gen_list.scss b/themes/buha/assets/scss/gen_list.scss
index 3082f9b..10e0069 100644
--- a/themes/buha/assets/scss/gen_list.scss
+++ b/themes/buha/assets/scss/gen_list.scss
@@ -15,8 +15,7 @@
 		background-repeat: no-repeat;
 		position: relative;
 		background-size: cover;
-		min-height: 20vw;
-		max-height: 33vw;
+		height: calc(33vh / 2.4);
 	}
 	.img-only {
 		width: 100%;
diff --git a/themes/buha/layouts/partials/snippets/banner.html b/themes/buha/layouts/partials/snippets/banner.html
index c0a2034..336a7d2 100644
--- a/themes/buha/layouts/partials/snippets/banner.html
+++ b/themes/buha/layouts/partials/snippets/banner.html
@@ -25,9 +25,13 @@
 {{ if and (resources.GetMatch $banner) (ne .Params.banner false) }}
     {{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
     <div style="background-image: url({{- $img.Permalink -}})" class="banner">
-        <h1>{{ $title }}</h1>
         {{ if eq hugo.Environment "development" }}
             <div style="display: flex; flex-direction: column;">
+        {{ end }}
+        
+        <h1>{{ $title }}</h1>
+
+        {{ if eq hugo.Environment "development" }}
                 <div>Width: {{ (resources.GetMatch $banner).Width }}px</div>
                 <div>Height: {{ (resources.GetMatch $banner).Height }}px</div>
                 <div>Ratio: {{div (float (resources.GetMatch $banner).Width) (float (resources.GetMatch $banner).Height) }}</div>
@@ -37,27 +41,42 @@
 {{ else if and (.Resources.Match "banner*") (ne .Params.banner false) }}
         {{ $img = (.Resources.GetMatch "banner*").Fill $fill }}
         {{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
-    <div style="background-image:url({{- $img.Permalink -}})" class="banner"><h1>{{ $title }}</h1>
-    {{ if eq hugo.Environment "development" }}
-        <div style="display: flex; flex-direction: column;">
-            <div>Width: {{ (index (.Resources.Match "banner*") 0).Width }}px</div>
-            <div>Height: {{ (index (.Resources.Match "banner*") 0).Height }}px</div>
-            <div>Ratio: {{div (float (index (.Resources.Match "banner*") 0).Width) (float (index (.Resources.Match "banner*") 0).Height) }}</div>
-        </div>
-    {{ end }}
+    <div style="background-image:url({{- $img.Permalink -}})" class="banner">
+        {{ if eq hugo.Environment "development" }}
+            <div style="display: flex; flex-direction: column;">
+        {{ end }}
+    
+        <h1>{{ $title }}</h1>
+        
+        {{ if eq hugo.Environment "development" }}
+                <div>Width: {{ (index (.Resources.Match "banner*") 0).Width }}px</div>
+                <div>Height: {{ (index (.Resources.Match "banner*") 0).Height }}px</div>
+                <div>Ratio: {{div (float (index (.Resources.Match "banner*") 0).Width) (float (index (.Resources.Match "banner*") 0).Height) }}</div>
+            </div>
+        {{ end }}
     </div>
 {{ else if and (.Resources.ByType "image") (ne .Params.banner false) $all }}
         {{ $img = (index (.Resources.ByType "image") 0).Fill $fill }}
         {{ $height = safeCSS (printf "height: calc(%spx - 5rem);" (string $img.Height)) }}
-    <div style="background-image: url({{- $img.Permalink -}})" class="banner"><h1>{{ $title }}</h1>
-    {{ if eq hugo.Environment "development" }}
-        <div style="display: flex; flex-direction: column;">
-            <div>Width: {{ (index (.Resources.ByType "image") 0).Width }}px</div>
-            <div>Height: {{ (index (.Resources.ByType "image") 0).Height }}px</div>
-            <div>Ratio: {{div (float (index (.Resources.ByType "image") 0).Width) (float (index (.Resources.ByType "image") 0).Height) }}</div>
-        </div>
-    {{ end }}
+    <div style="background-image: url({{- $img.Permalink -}})" class="banner">
+        {{ if eq hugo.Environment "development" }}
+            <div style="display: flex; flex-direction: column;">
+        {{ end }}
+        
+        <h1>{{ $title }}</h1>
+        
+        {{ if eq hugo.Environment "development" }}
+                <div>Width: {{ (index (.Resources.ByType "image") 0).Width }}px</div>
+                <div>Height: {{ (index (.Resources.ByType "image") 0).Height }}px</div>
+                <div>Ratio: {{div (float (index (.Resources.ByType "image") 0).Width) (float (index (.Resources.ByType "image") 0).Height) }}</div>
+            </div>
+        {{ end }}
     </div>
 {{ else }}
-    <div class="banner"><h1>{{ $title }}</h1>{{ if eq hugo.Environment "development" }}<p>assets/images/banner/{{ $what -}}.* missing..{{ end }}</div>
+    <div class="banner">
+        <h1>{{ $title }}</h1>
+        {{ if eq hugo.Environment "development" }}
+            <p>assets/images/banner/{{ $what -}}.* missing..</p>
+        {{ end }}
+    </div>
 {{ end }}