4er Box - Anpassung der Bilder in den Boxen.

src/QUI/Bricks/Controls/SideBox4.css

@@ -39,8 +39,23 @@
     -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
     border-radius: 15px;
-    width: 100%;
     height: auto;
+    width: 100%;
+    display: flex;
+}
+
+.content-switcher-extra-div {
+    -webkit-border-radius: 15px;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    height: 180px;
+    overflow: hidden;
+
+    width: 100%;
 }
 
 header {
@@ -82,4 +97,11 @@ h3.sidebox4-header {
         width: 100% !important;
     }
 
+    .content-switcher-extra-div {
+        width: 100%;
+        height: 100%;
+        background: none;
+        overflow: hidden;
+    }
+
 }
\ No newline at end of file

src/QUI/Bricks/Controls/SideBox4.html

@@ -13,10 +13,11 @@
         <article class="quiqqer-bricks-sidebox4-article">
 
 
-            {if $this->getAttribute( 'showImage' )}
-                {image src=$Child->getAttribute('image_site') width=650 class="sidebox4-container-image"}
-            {/if}
-
+            <div class="content-switcher-extra-div">
+                {if $this->getAttribute( 'showImage' )}
+                    {image src=$Child->getAttribute('image_site') width=650 class="sidebox4-container-image"}
+                {/if}
+            </div>
             {if $this->getAttribute( 'showTitle' ) || $this->getAttribute( 'showShort' )}
             <header>
                 {if $this->getAttribute( 'showTitle' )}