feat: Improved template "Box with shadow" in advanced box content.

src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css

+.quiqqer-boxContentAdvanced-wrapper.template-boxWithShadow {
+    overflow: visible;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow {
+    padding: 2rem 0;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry {
+    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.13);
+    background-color: #fff;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img {
+    background: #f8f8f8;
+    margin-bottom: 1rem;
+    text-align: center;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow header {
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-content {
+    padding: 1rem 1rem 0;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img .fa {
+    margin-bottom: 3rem;
+    margin-top: 3rem;
+}
+
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText header,
+.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText .quiqqer-boxContentAdvanced-entry-content {
+    text-align: center;
+}
\ No newline at end of file

src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html

-<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced__standard">
+<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__boxWithShadow">
+    {assign var=centerTex value=''}
+    {if $centerText}
+        {assign var=centerText value='centerText'}
+    {/if}
     {foreach from=$entries item=entry}
-    <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine}"
+    <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine} {$centerText}"
             {if $entry.entryOrder}style="order: {$entry.entryOrder}"{/if}>
         <div class="quiqqer-boxContentAdvanced-entry">
             {if $entry.entryImage}

src/QUI/Bricks/Controls/BoxContentAdvanced.css

@@ -51,3 +51,19 @@
 .quiqqer-boxContentAdvanced-10 {
     width: 10%;
 }
+
+@media screen and (max-width: 767px) {
+    .quiqqer-boxContentAdvanced-entries .quiqqer-boxContentAdvanced-entry-container {
+        flex: 1 0 280px;
+    }
+}
+
+.quiqqer-boxContentAdvanced-entry-img picture,
+.quiqqer-boxContentAdvanced-entry-img img {
+    width: auto;
+}
+
+.quiqqer-boxContentAdvanced-entry-img .fa {
+    font-size: 60px;
+    margin-bottom: 2rem;
+}
\ No newline at end of file

src/QUI/Bricks/Controls/BoxContentAdvanced.html

@@ -10,7 +10,7 @@
 </div>
 {/if}
 
-<div class="quiqqer-boxContentAdvanced-wrapper grid-children">
+<div class="quiqqer-boxContentAdvanced-wrapper grid-children template-{$this->getAttribute('template')}">
     <div class="grid-children-container">
         {$entriesTemplate}
     </div>

src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css

-.quiqqer-boxContentAdvanced-entry-img {
+.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img {
     margin-bottom: 2rem;
     text-align: center;
 }
 
-.quiqqer-boxContentAdvanced-entry-img picture {
-    display: block;
+.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img picture {
     height: 250px;
-    width: auto !important;
 }
 
-.quiqqer-boxContentAdvanced-entry-img .fa {
-    font-size: 40px;
-    margin-bottom: 2rem;
-}
-
-.quiqqer-boxContentAdvanced-entry-container.centerText .quiqqer-boxContentAdvanced-entry header {
-    text-align: center;
-}
-
-.quiqqer-boxContentAdvanced-entry-title {
+.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title {
     font-size: 1.25rem;
 }
 
-.quiqqer-boxContentAdvanced-entry-subTitle {
+.quiqqer-boxContentAdvanced-entries__standard  .quiqqer-boxContentAdvanced-entry-subTitle {
     font-size: 0.9rem;
 }
 
-.quiqqer-boxContentAdvanced-entry-container.centerText .quiqqer-boxContentAdvanced-entry-content {
-    text-align: center;
+.quiqqer-boxContentAdvanced-entries__standard  .quiqqer-boxContentAdvanced-entry-content *:last-child {
+    margin-bottom: 0;
 }
 
-.quiqqer-boxContentAdvanced-entry-content *:last-child {
-    margin-bottom: 0;
+.quiqqer-boxContentAdvanced-entries__standard  .centerText header,
+.quiqqer-boxContentAdvanced-entries__standard  .centerText .quiqqer-boxContentAdvanced-entry-content {
+    text-align: center;
 }
 
 @media screen and (max-width: 767px) {
-    .quiqqer-boxContentAdvanced-entry-container {
-        flex: 1 0 280px;
-    }
-
-    .quiqqer-boxContentAdvanced-entry-img picture {
+    .quiqqer-boxContentAdvanced-entries__standard  .quiqqer-boxContentAdvanced-entry-img picture {
         height: auto;
     }
 }
\ No newline at end of file

src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html

-<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced__standard">
+<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__standard">
     {assign var=centerTex value=''}
     {if $centerText}
         {assign var=centerText value='centerText'}