@@ -1,6 +1,5 @@

 footer.footer-main {

   border: 0;

-  font-size: $font-size-xs;

   color: var(--bs-body-color-inverse);

   margin-top: 3.5rem;

@@ -46,6 +45,8 @@ footer.footer-main {

   .footer-newsletter {

+    color: $body-color;

+    background-color: $light-gray;

     .input-group {

       max-width: 400px;

     }

@@ -64,16 +65,32 @@ footer.footer-main {

       }

       i {

+        color: $body-color-inverse;

         font-size: 2rem;

+        &:hover, &:focus {

+          color: $primary;

+        }

       }

     }

   }

   .footer-content {

+    background: url('/bundles/weinmanufakturtheme/img/footer_schiefer_2000px.jpg');

     --bs-link-color: currentColor;

     --bs-link-hover-color: var(--bs-link-color);

     position: relative;

+    font-size: rfs-value(18px);

+    line-height: 2rem;

+

+    a {

+      color: $body-color-inverse;

+      text-decoration: none;

+      &:hover, &:focus {

+        color: $primary;

+      }

+    }

+

     @extend %include-adler;

     ul.list-unstyled {

@@ -99,9 +116,12 @@ footer.footer-main {

           color: var(--bs-body-color-inverse);

           font-weight: $font-weight-bold;

-          font-size: $font-size-xs;

           text-transform: uppercase;

         }

+

+        .footer-column-content-inner p {

+          line-height: rfs-value(22px);

+        }

       }

@@ -115,9 +135,25 @@ footer.footer-main {

         text-transform: uppercase;

       }

     }

+

+    #footer-menu {

+      flex: 1;

+      flex-shrink: 0;

+      flex-grow: 0;

+

+      .footer-column-headline {

+        white-space: nowrap;

+        font-size: rfs-value(20px);

+      }

+

+      .footer-column-content {

+        display: none;

+      }

+    }

   }

   .footer-logos {

+    background-color: $light-gray;

     .footer-logo {

       flex-flow: row wrap;

       justify-content: center;

@@ -126,7 +162,12 @@ footer.footer-main {

   }

   .footer-copyright {

-    --bs-link-color: currentColor;

-    --bs-link-hover-color: var(--bs-link-color);

+    a {

+      color: $body-color-inverse;

+      text-decoration: none;

+      &:hover, &:focus {

+        color: $primary;

+      }

+    }

   }

 }

\ No newline at end of file

@@ -25,6 +25,8 @@ $light: #EBE8E7;

 $lighter: #F8F7F7;

 $lightest: #F8F5F1;

+$light-gray: #CDC6C3;

+

 $tab-inactive: #ECEAE9;

 $table-border: #D3CDCA;

new file mode 100644

Binary files /dev/null and b/src/Resources/public/img/footer_schiefer_2000px.jpg differ

@@ -3,13 +3,13 @@

         "treukunde": {

             "claim-first": "Ja, ich werde ein",

             "claim-second": "treueKunde",

-            "description": "Wein verbindet. Als treueKunde gehören Sie zu einer begeisterten Gruppe von Menschen, die Genuss, Wein und exklusive Angebote schätzt. Genießen Sie unsere Benefits! Viermal im Jahr senden wir Ihnen per Post einen exklusiven Folder mit besonderen Angeboten. Auf Ihre erste Bestellung erhalten Sie 10 % Rabatt. Der Versand ist für Sie ab einem Warenwert von 90 Euro immer kostenlos. Unser Newsletter informiert über aktuelle weinThemen und Termine.",

+            "description": "<p>Wein verbindet. Als treueKunde gehören Sie zu einer begeisterten Gruppe von Menschen, die Genuss, Wein und exklusive Angebote schätzt.<p> <p><strong>Genießen Sie unsere Benefits!</strong></p><ul><li>Viermal im Jahr senden wir Ihnen per Post einen exklusiven Folder mit besonderen Angeboten.</li><li>Auf Ihre erste Bestellung erhalten Sie 10 % Rabatt.</li><li>Der Versand ist für Sie ab einem Warenwert von 90 Euro immer kostenlos.</li><li>Unser Newsletter informiert über aktuelle weinThemen und Termine.</li></ul>",

             "button": "Treuekunde werden",

             "url": "/treuekunde-werden"

         },

         "newsletter": {

             "title": "Newsletter abonnieren",

-            "subtitle": "Erfahren Sie ab sofort exklusiv alle Neuigkeiten",

+            "subtitle": "Erfahren Sie ab sofort exklusiv alle Neuigkeiten.",

             "placeholder": "Ihre E-Mail Adresse",

             "button": "weiter",

             "form": {

@@ -18,9 +18,6 @@

             "input": {

                 "aria-label": "Newsletter E-Mail Adresse eingeben"

             },

-            "button": {

-                "aria-label": "Newsletter abonnieren"

-            },

             "benefits": {

                 "title": "Ihr Mehrwert",

                 "line1": "Besondere Produkte und Veranstaltungen",

@@ -11,7 +11,7 @@

                 </div>

             </div>

             <div class="col-12 col-md-6 right-col align-self-center">

-                <p>{{ "footer.treukunde.description"|trans }}</p>

+                <p>{{ "footer.treukunde.description"|trans|raw }}</p>

                 <p class="mt-3 mt-md-5 text-center">

                     <a href="{{ "footer.treukunde.url"|trans }}" class="btn btn-outline-white">

                         {{ "footer.treukunde.button"|trans }}

@@ -22,7 +22,7 @@

     </div>

 </div>

-<div class="footer-newsletter bg-lighter py-5">

+<div class="footer-newsletter py-5">

     <div class="container">

         <div class="row align-items-end g-md-5 gy-5">

             <div class="col-12 col-md-6">

@@ -93,7 +93,7 @@

             {% block layout_footer_navigation %}

                 <div

                         id="footerColumns"

-                        class="row footer-columns"

+                        class="footer-columns d-flex justify-content-between"

                         {# @deprecated tag:v6.6.0 - Registering plugin on selector "data-collapse-footer" is deprecated. Use "data-collapse-footer-columns" instead #}

                         {% if feature('v6.6.0.0') %}

                             data-collapse-footer-columns="true"

@@ -103,7 +103,7 @@

                         role="list"

                 >

                     {% block layout_footer_navigation_hotline %}

-                        <div class="col-md-4 footer-column js-footer-column">

+                        <div class="footer-column js-footer-column" id="footer-hotline">

                             {% block layout_footer_navigation_hotline_headline %}

                                 <div class="footer-column-headline mb-md-1 footer-headline js-footer-column-headline js-collapse-footer-column-trigger"

                                      id="collapseFooterHotlineTitle"

@@ -138,73 +138,9 @@

                     {% endblock %}

                     {% block layout_footer_navigation_columns %}

-                        {% for root in page.footer.navigation.tree %}

-                            {% block layout_footer_navigation_column %}

-                                <div class="ms-md-auto col-md-auto footer-column js-footer-column">

-                                    {% block layout_footer_navigation_information_headline %}

-                                        <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger d-md-none"

-                                             data-bs-target="#collapseFooterTitle{{ loop.index }}"

-                                             aria-expanded="true"

-                                             aria-controls="collapseFooter{{ loop.index }}">

-

-                                            {% if root.category.type == 'folder' %}

-                                                {{ root.category.translated.name }}

-                                            {% else %}

-                                                <a href="{{ category_url(root.category) }}"

-                                                   {% if category_linknewtab(root.category) %}target="_blank"{% endif %}

-                                                   title="{{ root.category.translated.name }}">

-                                                    {{ root.category.translated.name }}

-                                                </a>

-                                            {% endif %}

-                                            {% block layout_footer_navigation_information_icons %}

-                                                <div class="footer-column-toggle">

-                                                <span class="footer-plus-icon">

-                                                    {% sw_icon 'plus' %}

-                                                </span>

-                                                    <span class="footer-minus-icon">

-                                                    {% sw_icon 'minus' %}

-                                                </span>

-                                                </div>

-                                            {% endblock %}

-                                        </div>

-                                    {% endblock %}

-

-                                    {% block layout_footer_navigation_information_content %}

-                                        <div id="collapseFooter{{ loop.index }}"

-                                             class="footer-column-content collapse js-footer-column-content"

-                                             aria-labelledby="collapseFooterTitle{{ loop.index }}">

-                                            <div class="footer-column-content-inner">

-                                                {% block layout_footer_navigation_information_links %}

-                                                    <ul class="list-unstyled">

-                                                        {% for treeItem in root.children %}

-                                                            {% set category = treeItem.category %}

-                                                            {% set name = category.translated.name %}

-

-                                                            {% block layout_footer_navigation_information_link_item %}

-                                                                <li class="footer-link-item">

-                                                                    {% block layout_footer_navigation_information_link %}

-                                                                        {% if category.type == 'folder' %}

-                                                                            <div>{{ name }}</div>

-                                                                        {% else %}

-                                                                            <a class="footer-link"

-                                                                               href="{{ category_url(category) }}"

-                                                                               {% if category_linknewtab(category) %}target="_blank"{% endif %}

-                                                                               title="{{ name }}">

-                                                                                {{ name }}

-                                                                            </a>

-                                                                        {% endif %}

-                                                                    {% endblock %}

-                                                                </li>

-                                                            {% endblock %}

-                                                        {% endfor %}

-                                                    </ul>

-                                                {% endblock %}

-                                            </div>

-                                        </div>

-                                    {% endblock %}

-                                </div>

-                            {% endblock %}

-                        {% endfor %}

+                        <div id="footer-menu">

+                        {{ parent() }}

+                        </div>

                     {% endblock %}

                 </div>

             {% endblock %}