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 1ab2035..ee7477b 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/content/news/foodsaving/banner_1.jpg b/content/news/foodsaving/3.jpg
similarity index 100%
rename from content/news/foodsaving/banner_1.jpg
rename to content/news/foodsaving/3.jpg
diff --git a/content/news/foodsaving/banner.png b/content/news/foodsaving/banner.png
new file mode 100644
index 0000000..5ce4156
Binary files /dev/null and b/content/news/foodsaving/banner.png differ
diff --git a/themes/buha/assets/scss/banner.scss b/themes/buha/assets/scss/banner.scss
index 017e29e..9472363 100644
--- a/themes/buha/assets/scss/banner.scss
+++ b/themes/buha/assets/scss/banner.scss
@@ -1,13 +1,12 @@
 .banner {
-	min-height: 33vh;
+	min-height: calc(60vw / 2.4);
     display: flex;
     align-items: center;
     font-size: 115%;
     //box-shadow: inset 0px -11px 8px -10px #444;
-	background-position: center;
-	background-size: cover;
-	background-repeat: no-repeat;
-	background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: top center;
     h1 {
         margin-left: auto;
         margin-right: auto;
diff --git a/themes/buha/assets/scss/container.scss b/themes/buha/assets/scss/container.scss
index 70db3ee..0028d0b 100644
--- a/themes/buha/assets/scss/container.scss
+++ b/themes/buha/assets/scss/container.scss
@@ -1,3 +1,7 @@
+* {
+    overflow-wrap: break-word;
+    hyphens: auto;
+}
 .container {
     display: flex;
     flex-direction: column;
diff --git a/themes/buha/assets/scss/main.scss b/themes/buha/assets/scss/main.scss
index 7622a53..a4d273f 100644
--- a/themes/buha/assets/scss/main.scss
+++ b/themes/buha/assets/scss/main.scss
@@ -15,6 +15,12 @@ main {
 		font-size: 150%;
 	}
 	.gen_list {
+		.text {
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+			overflow: hidden;
+					}
 		.article_list {
 			margin-bottom: 5rem;
 		}
@@ -22,7 +28,8 @@ main {
 			text-decoration: none;
 			&:hover {
 				.img {
-					height: 240px;
+					height: 140px;
+					background-size: 120% auto;
 				}
 				.img-only {
 					height: 360px;
@@ -41,8 +48,8 @@ main {
 			width: 100%;
 			height: 140px;
 			transition: all .3s ease-in-out;
-			background-position: center;
-			background-size: cover;
+			background-position: center center;
+			background-size: 100% auto;
 			background-repeat: no-repeat;
 		}
 		.img-only {
@@ -50,7 +57,7 @@ main {
 			height: 360px;
 			transition: all .2s ease-in-out;
 			background-size: 100% auto;
-			background-position: top; 
+			background-position: top center; 
 			background-repeat: no-repeat;
 		}
 	}
diff --git a/themes/buha/layouts/partials/layout/gen_list.html b/themes/buha/layouts/partials/layout/gen_list.html
index 7ec77f8..6610215 100644
--- a/themes/buha/layouts/partials/layout/gen_list.html
+++ b/themes/buha/layouts/partials/layout/gen_list.html
@@ -59,6 +59,7 @@
 						<div class="img" style="background-image: url({{ .Permalink }})">
 						</div>
 					{{ end }}
+					<div class="text">
 					{{ if .Description }}
 						{{ .Description }}
 					{{ else if .Summary }}
@@ -70,6 +71,7 @@
 						<div class="img-only" style="background-image: url({{ $i }})">
 						</div>
 					{{ end }}
+					</div>
 				</section>
 			</a>
 		</div>