diff --git a/content/contents/job.blade.php b/content/contents/job.blade.php
index a8e0ce6..8418c7d 100644
--- a/content/contents/job.blade.php
+++ b/content/contents/job.blade.php
@@ -32,7 +32,7 @@
                 </div>
 
                 <div class="col-12 col-lg-9">
-                    <x-img src="{{ $content->image() }}" class="img-fluid rounded" />
+                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                     <br>
                 </div>
 
diff --git a/content/contents/leistungen.blade.php b/content/contents/leistungen.blade.php
index 564ec06..80205a0 100644
--- a/content/contents/leistungen.blade.php
+++ b/content/contents/leistungen.blade.php
@@ -30,7 +30,7 @@
                     </div>
 
                     <div class="col-12 col-lg-9">
-                        <x-img src="{{ $content->image() }}" class="img-fluid rounded" />
+                        <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                         <br>
                     </div>
                     <div class="col-12 mb-5 mt-5 fs-5">
diff --git a/content/contents/news.blade.php b/content/contents/news.blade.php
index ca13fbd..853c845 100644
--- a/content/contents/news.blade.php
+++ b/content/contents/news.blade.php
@@ -35,7 +35,7 @@
 
         <div class="row">
             <div class="col-12 col-lg-9">
-                <x-img src="{{ $content->image() }}" class="img-fluid rounded" />
+                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                 <br>
             </div>
             <div class="col-12 mb-5 mt-5 fs-5">
diff --git a/content/contents/produkt.blade.php b/content/contents/produkt.blade.php
index f3da03e..46fff6b 100644
--- a/content/contents/produkt.blade.php
+++ b/content/contents/produkt.blade.php
@@ -25,7 +25,7 @@
 
         <div class="row">
             <div class="col-12 col-lg-5">
-                <x-img src="{{ $content->image() }}" class="rounded img-fluid shadow-sm"  alt="Bild {{$content->title}} "/>
+                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                 <br>
                 <br>
                 <br>
diff --git a/content/contents/referenz.blade.php b/content/contents/referenz.blade.php
index e92b2e2..f2af2f1 100644
--- a/content/contents/referenz.blade.php
+++ b/content/contents/referenz.blade.php
@@ -34,7 +34,7 @@
                     Veröffentlicht: {{date('d.m.Y', strtotime($content->created_at))}}
                 </div>
                 <div class="col-12 col-lg-9">
-                    <x-img src="{{ $content->image() }}" class="img-fluid rounded" />
+                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                     <br>
                 </div>
                 <div class="col-12 mb-5 mt-5 fs-5">
diff --git a/content/contents/veranstaltung.blade.php b/content/contents/veranstaltung.blade.php
index 30cd325..8edb83e 100644
--- a/content/contents/veranstaltung.blade.php
+++ b/content/contents/veranstaltung.blade.php
@@ -35,7 +35,7 @@
                     Veröffentlicht: {{date('d.m.Y', strtotime($content->created_at))}}
                 </div>
                 <div class="col-12 col-lg-9">
-                    <x-img src="{{ $content->image() }}" class="img-fluid rounded" />
+                    <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, (max-width: 540px) 540px, 720px," class="img-fluid card-img-top"/>
                     <br>
                 </div>
                 <div class="col-12 mb-5 mt-5 fs-5">
diff --git a/content/index.blade.php b/content/index.blade.php
index bcfdc75..1c133c8 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -125,7 +125,7 @@
                             <div class="col-12">
                                 @isset($content->link)
                                     <a href="{{ $content->link }}" class="text-decoration-none" data-aos="fade-up">
-                                        <div class="alert alert-{{ $content->type }} my-2" role="alert">
+                                        <div class="alert alert-{{ $content->color }} my-2" role="alert">
                                             <h5 class="alert-heading">
                                                 <svg width="25" height="25" class="me-2" style="fill: currentColor;">
                                                     <image id="type-icon" xlink:href="{{asset('fonts/icons/font-awesome/light/')}}/{{ $content->icon }}.svg" width="25" height="25"/>
@@ -181,7 +181,7 @@
                         <div class="card mb-5" >
                             <div class="row g-0">
                                 <div class="col-md-4">
-                                    <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top rounded"/>
+                                    <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top rounded"/>
                                 </div>
                                 <div class="col-md-7 ps-4">
                                     <div class="card-body py-lg-4 px-lg-3">
@@ -233,7 +233,7 @@
                             <div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}">
                                 <div class="card shadow-sm h-100">
                                     <a href="{{ $content->path }}" class="text-decoration-none">
-                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                                     </a>
                                     <div class="card-body">
                                         <h3 class="h5 mb-2">
@@ -293,7 +293,7 @@
                             <div class="col-12 col-md-6 col-lg-4 mb-4">
                                 <div class="card shadow-sm h-100">
                                     <a href="{{ $content->path }}" class="text-decoration-none">
-                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                                     </a>
                                     <div class="card-body">
                                         <h3 class="h5 mb-2">
diff --git a/content/lists/aktuelles.blade.php b/content/lists/aktuelles.blade.php
index 33377f2..63b3ae3 100644
--- a/content/lists/aktuelles.blade.php
+++ b/content/lists/aktuelles.blade.php
@@ -24,7 +24,7 @@
                     <div class="col-12 col-md-6 col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="{{$index * 250}}">
                         <div class="card shadow-sm h-100">
                             <a href="{{ $content->path }}" class="text-decoration-none">
-                                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                             </a>
 
                             <div class="card-body">
diff --git a/content/lists/events.blade.php b/content/lists/events.blade.php
index 017c6c1..f2de773 100644
--- a/content/lists/events.blade.php
+++ b/content/lists/events.blade.php
@@ -20,7 +20,7 @@
                 <div class="col-12 col-md-6 col-lg-4 mb-4">
                     <div class="card shadow-sm h-100">
                         <a href="{{ $content->path }}" class="text-decoration-none">
-                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                         </a>
 
                         <div class="card-body">
diff --git a/content/lists/leistungen.blade.php b/content/lists/leistungen.blade.php
index 6577bfc..ff937be 100644
--- a/content/lists/leistungen.blade.php
+++ b/content/lists/leistungen.blade.php
@@ -23,7 +23,7 @@
                     <div class="col-12 col-md-6 col-lg-4 mb-4">
                         <a href="{{ $content->path }}" class="text-decoration-none">
                             <div class="card h-100 shadow-lg mb-4" id="news-{{$content->id}}">
-                                <img src="{{ $content->image() }}" class="card-img-top">
+                                <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                                 <div class="card-body">
                                     <h3 class="h5 mb-3">{{$content->title}} </h3>
                                     {!! Str::limit($content->kurzbeschreibung, 180) !!}
diff --git a/content/lists/produkte.blade.php b/content/lists/produkte.blade.php
index 804a68d..013d0cb 100644
--- a/content/lists/produkte.blade.php
+++ b/content/lists/produkte.blade.php
@@ -14,7 +14,7 @@
                 <div class="col-12 col-md-6 col-lg-4 mb-3">
                     <a href="{{ $content->path }}" class="text-decoration-none">
                         <div class="card shadow-sm h-100">
-                            <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" class="img-fluid card-img-top"/>
+                            <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
                             <div class="card-body">
                                 <h3 class="h5 mb-2">{{$content->title}} </h3>
                                 <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">{{$content->preis}} €</div>
diff --git a/content/lists/referenzen.blade.php b/content/lists/referenzen.blade.php
index c8ca811..ed7b534 100644
--- a/content/lists/referenzen.blade.php
+++ b/content/lists/referenzen.blade.php
@@ -25,7 +25,7 @@
 
                     <div class="card h-100 shadow-lg mb-4" id="news-{{$content->id}}">
 
-                            <x-img src="{{ $content->image() }}" class="card-img-top"/>
+                        <x-img src="{{ $content->image() }}" sizes="(max-width: 330px) 330px, 540px" class="img-fluid card-img-top"/>
 
                         <div class="card-body">
 
diff --git a/variables.json b/variables.json
index 09c670f..9a35714 100644
--- a/variables.json
+++ b/variables.json
@@ -243,10 +243,17 @@
     "group_name": "Über uns",
     "description": "Texte und Bildder der Seite Über uns",
     "variables": [
+
+      {
+        "name": "Warenkorb aktiv",
+        "id": "zeige team",
+        "type": "boolean",
+        "description": "Soll die Funktion Warenkorb aktiviert werden?"
+      },
       {
         "id": "about_introduction",
-        "name": "Introduco Sobre nos",
-        "value": "Muito obrigado pelo seu interesse, por favor, preencha o formulário preliminar e entraremos em contato o mais rápido possível",
+        "name": "Einleitung Über uns Seite",
+        "value": "Hier möchten wir Ihnen einen Einblick in unsere Geschichte, Werte und unser Team geben. Wir laden Sie ein, mehr über uns zu erfahren und Teil unserer spannenden Reise zu werden.",
         "type": "string"
       },
 
@@ -273,8 +280,8 @@
       },
       {
         "id": "about_text",
-        "name": "Texto Sobre nos",
-        "value": "Muito obrigado pelo seu interesse, por favor, preencha o formulário preliminar e entraremos em contato o mais rápido possível",
+        "name": "Haupt Text",
+        "value": "Unsere \"Über uns\"-Seite ist dazu da, Ihnen einen tieferen Einblick in unser Unternehmens zu geben. Wir laden Sie ein, mehr über unsere Geschichte, unser Team und unsere Leidenschaft für unsere Arbeit zu erfahren. Vielen Dank, dass Sie Teil unserer Reise sind!",
         "type": "string"
       }
     ]