diff --git a/content/news/foodsaving/index.de.md b/content/news/foodsaving/index.de.md
index ae8034f4..b073581b 100644
--- a/content/news/foodsaving/index.de.md
+++ b/content/news/foodsaving/index.de.md
@@ -14,6 +14,8 @@ Food-Saving macht weitere Verteilungen
 
 Die Initiative "Foodsaving Celle" hat sich ein neues Verteilkonzept überlegt. Nachdem die Tafel wieder geöffnet und damit die Häufigkeit und Menge der Lebensmittelspenden sich auch verringert hat, geht es trotzdem weiter mit öffentlichen Lebensmittelausgaben.
 
+{{< picture 1 >}}
+
 Gerettete Lebensmittel freuen sich nun auf geregelte Öffnungszeiten: Die Foodsaving-Initiative des Vereins Buntes Haus e.V. richtet ab dem heutigen Mittwoch feste Abholtermine ein. Menschen, die gerettete Lebensmittel abholen möchten werden mittwochs von 18:30-19:00 Uhr und samstags von 15:00-15:30 Uhr im Essensladen (analog zum Umsonstladen vielleicht einen cooleren Titel?)am Bunten Haus bedient.
 
 "Es gibt auch nach Wiederöffnung der Tafeln weiterhin sowohl den Bedarf für Unterstützung als auch den Zustand, dass leider immer noch viele Nahrungsmittel im Müll landen. Viele Menschen haben mitbekommen, wie viel Essen immer wieder gerettet wird - und freuen sich über die ökologisch und ökonomisch sinnvolle Verschenkaktion. Vor allem Backwaren haben wir in großen Mengen - mindestens diese gibt es weiterhin Mittwochs und Samstags.
diff --git a/themes/buha/assets/css/layout.css b/themes/buha/assets/css/layout.css
index 186a782a..e9f96bd8 100644
--- a/themes/buha/assets/css/layout.css
+++ b/themes/buha/assets/css/layout.css
@@ -156,7 +156,6 @@ article h3 {
 }
 
 #articleimage {
-	margin-top: 1rem;
 }
 
 #articledata {
@@ -187,9 +186,8 @@ article h3 {
   user-select: all;
 }
 
-label,textarea {
+label,textarea,#label {
 	width: 100%;
-	flex-grow: 1;
 }
 
 fieldset{
diff --git a/themes/buha/layouts/partials/orga/generator.html b/themes/buha/layouts/partials/orga/generator.html
index 4998c125..356eb668 100644
--- a/themes/buha/layouts/partials/orga/generator.html
+++ b/themes/buha/layouts/partials/orga/generator.html
@@ -13,14 +13,14 @@
   Jeder Artikel kann getaggt werden. Das Vorgehen ist dabei Analog zu den Kategorien.
   <br>
   Soll der Artikel auf der Homepage ganz vorne erscheinen, dann gib "Wichtige Neuigkeiten" einen Haken.
-  <br>
-  <br>
-  <b>Einträge mit * sind minimal erforderlich.</b>
-  <br>
-  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
 </p>
-<br>
-<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px;">
+  <p><b>Einträge mit * sind minimal erforderlich.</b></p>
+  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
+
+<div id='display' class="result" style="white-space: pre; display: none; background: var(--background-body); padding: .6rem 0 1rem 1rem;">
+</div>
+
+<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px; margin-top: 1rem;">
   {{ partial "orga/generator/partials/input_line" (dict "name" "title" "mandatory" "true") }}
   {{ partial "orga/generator/content" }}
   {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "categories" "expanded" "true"  "new" "false") }}
@@ -42,7 +42,6 @@
 
 </form>
 
-<div id='display' class="result" style="white-space: pre; background: var(--background-body); padding: 1rem;"></div>
 
 </article>
 <script defer language="javascript" type="text/javascript"  src="{{ "/js/visibleIf.js" | urlize | relURL }}"></script>
diff --git a/themes/buha/layouts/partials/orga/generator/partials/input_line.html b/themes/buha/layouts/partials/orga/generator/partials/input_line.html
index 962329f1..6d3f73d9 100644
--- a/themes/buha/layouts/partials/orga/generator/partials/input_line.html
+++ b/themes/buha/layouts/partials/orga/generator/partials/input_line.html
@@ -1,2 +1,2 @@
-<label for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
+<label id="label" for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
 <input type="text" name="new{{- .name -}}" id="new{{- .name -}}" value="" placeholder="{{ .eg }}" />
\ No newline at end of file
diff --git a/themes/buha/layouts/partials/single/article.html b/themes/buha/layouts/partials/single/article.html
index 66671310..fd1d4d83 100644
--- a/themes/buha/layouts/partials/single/article.html
+++ b/themes/buha/layouts/partials/single/article.html
@@ -1,26 +1,20 @@
 	<div id="articletitle">
 		<h1>{{- .Title -}}</h1>
 	</div>
+{{- $pic := index (.Resources.ByType "image") 0 -}}
+
 <article>
 	<div id="articlecontent">
 		{{ partial "structure/article_meta" (dict "context" . "visible" "all" )  }}
 		<div id="articleinner">
 			<div id="articledata">
-					{{- if .Resources.ByType "image" -}}
-					{{ if eq .Content "" }}
-						<div class="notext">
-					{{ else }}
-						<div class="text">
-					{{ end }}
-						{{ range .Resources.ByType "image" }}
-							{{- $pic := . -}}
-							{{- $thumb := $pic.Resize "1024x" }}
-							<a href="{{ . }}"><img src="{{- $thumb.Permalink -}}" style="border-radius: 15px;" /></a>
-						{{ end }}
-					</div>
-					{{- end }}
 				<div id="articletext">
 				    {{- .Content -}}
+				    {{- if ne $pic "" -}}
+					<div id="picture">
+						<a href="{{ $pic.Permalink }}"><img src="{{ $pic.Permalink }}" /></a>
+					</div>
+					{{ end }}
 				</div>
 			</div>
 		</div>
diff --git a/themes/buha/layouts/partials/structure/list_article.html b/themes/buha/layouts/partials/structure/list_article.html
index 0664dde2..3f37ab2a 100644
--- a/themes/buha/layouts/partials/structure/list_article.html
+++ b/themes/buha/layouts/partials/structure/list_article.html
@@ -22,10 +22,8 @@
 					</div>
 				{{- end }}
 				<div id="articletext">
-					{{- if .Truncated -}}
+					{{- if .Summary -}}
 						{{- .Summary -}}
-					{{- else -}}
-						{{- .Content -}}
 					{{- end }}
 					{{ if or .Truncated (eq ($.Scratch.Get "meta") "true") }}
 						<div id="readmore">{{- i18n "readmore" -}}..</div>
diff --git a/themes/buha/layouts/shortcodes/picture.html b/themes/buha/layouts/shortcodes/picture.html
new file mode 100644
index 00000000..3d77c4e4
--- /dev/null
+++ b/themes/buha/layouts/shortcodes/picture.html
@@ -0,0 +1,5 @@
+{{ $p := .Params }}
+{{ range $p }}
+	{{- $pic := index ($.Page.Resources.ByType "image") . -}}
+	<img src="{{- $pic.Permalink -}}" style="border-radius: 15px;" />
+{{ end }}
\ No newline at end of file
diff --git a/themes/buha/static/js/generator.js b/themes/buha/static/js/generator.js
index f3b39232..8defec1a 100644
--- a/themes/buha/static/js/generator.js
+++ b/themes/buha/static/js/generator.js
@@ -26,6 +26,7 @@ function testor(input) {
 function showInput(e) {
   document.getElementById("display").innerHTML = '';
   e.preventDefault();
+  document.getElementById("display").style.display = "flex";
   var output_info = document.getElementById("myform");
   var display = document.getElementById("display");
 
@@ -85,7 +86,6 @@ function showInput(e) {
   
 
   if (title && content) {
-    display.innerHTML += "<div style=\"background-color: grey;\"";
     display.innerHTML += "---<br>";
     display.innerHTML += "title: \"" + title + "\"<br>";
     display.innerHTML += "date: \"" + datestring + "<br>";
@@ -123,8 +123,8 @@ function showInput(e) {
         display.innerHTML += "registeremail: \"" + registeremail + "\"<br>";
     }
     display.innerHTML += "---<br>";
-    display.innerHTML += "</div>";
     if (content) {
+       document.getElementById("myDIV").style.display = "flex"; 
       display.innerHTML += content;
     }
   }