@@ -18,6 +18,8 @@ $font-family-sans-serif: $font-primary;

 // Color system

 $beige: #A18152;

+$light-beige: #FCF4EA;

+

 $black: #000000;

 $white: #fff;

@@ -143,6 +143,74 @@

     }

   }

+  .tab-content {

+    padding: 0;

+    background-color: transparent;

+  }

+

+  #wine-info {

+    background-color: $light-beige;

+    padding: 2.5rem;

+    display: grid;

+    grid-template-columns: 24px 1fr;

+    gap: 2rem;

+    margin: 0 0 2.5rem;

+

+    h4 {

+      font-family: $font-primary;

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

+      margin: 0;

+    }

+

+    p {

+      padding-top: 0.5rem;

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

+      margin: 0;

+    }

+  }

+

+  .product-detail-properties-container {

+    margin: 0;

+    background-color: $light-beige;

+    padding: 1rem 2rem;

+

+    h3 {

+      text-transform: uppercase;

+      font-family: $font-primary;

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

+      padding: 0;

+      margin: 0 0 1.5rem;

+    }

+

+    table.product-detail-properties-table {

+      padding: 0;

+      display: inline-block;

+      tr {

+        border-bottom: 1px solid;

+      }

+

+      tr:last-child {

+        border-bottom: none;

+      }

+

+      th {

+        padding-right: 2.5rem;

+      }

+      td {

+        padding-right: 1rem;

+        color: $dark;

+      }

+

+      th, td {

+        background: transparent;

+      }

+

+      th.properties-label {

+        font-family: $font-primary;

+      }

+    }

+  }

+

   .card-tabs {

     .card-header {

       padding: 0;

@@ -151,6 +219,10 @@

     .nav-item {

       margin: 0;

     }

+

+    .card-body {

+      padding: 0;

+    }

   }

 }

@@ -1,31 +1,35 @@

-.breadcrumb.cms-breadcrumb{

-  padding-inline: 0;

-  margin: 0;

+.cms-breadcrumb.container {

+  display: none;

 }

-nav[aria-label="breadcrumb"] {

-  padding-inline: 2rem;

-  background-color: $lighter;

-  margin-bottom: 1.5rem;

-  width: 100%;

-

-  @include media-breakpoint-down(md) {

-    margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));

-  }

-

-  ol.breadcrumb {

-    margin-bottom: 0;

-    line-height: 50px;

-

-    a {

-      color: $body-color;

-      font-weight: $font-weight-light;

-      white-space: nowrap;

-

-      &.is-active {

-        font-weight: $font-weight-light;

-        color: $primary;

-      }

-    }

-  }

-}

\ No newline at end of file

+//.breadcrumb.cms-breadcrumb{

+//  padding-inline: 0;

+//  margin: 0;

+//}

+//

+//nav[aria-label="breadcrumb"] {

+//  padding-inline: 2rem;

+//  background-color: $lighter;

+//  margin-bottom: 1.5rem;

+//  width: 100%;

+//

+//  @include media-breakpoint-down(md) {

+//    margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));

+//  }

+//

+//  ol.breadcrumb {

+//    margin-bottom: 0;

+//    line-height: 50px;

+//

+//    a {

+//      color: $body-color;

+//      font-weight: $font-weight-light;

+//      white-space: nowrap;

+//

+//      &.is-active {

+//        font-weight: $font-weight-light;

+//        color: $primary;

+//      }

+//    }

+//  }

+//}

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,13 @@

+<?xml version="1.0" encoding="UTF-8"?>

+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 38.3 82.9">

+  <defs>

+    <style>

+      .cls-1 {

+        fill: #a18152;

+        stroke-width: 0px;

+      }

+    </style>

+  </defs>

+  <path id="Pfad_164" data-name="Pfad 164" class="cls-1" d="M22.2,74.2l1.3-36.8s-5-2.5-5-6.6l.9-21c0-1.5.5-2.7,1.5-2.7l.6,19.8c0,.8.5,1.4,1.3,1.5.8,0,1.4-.7,1.3-1.5l.9-19.8h1.3l.9,19.8c0,.8.5,1.4,1.3,1.5h0c.8,0,1.3-.7,1.3-1.5l.8-19.8h0c.7,0,1.3,1.2,1.3,2.7l1.1,21c0,4-5.3,6.5-5.3,6.5l1.3,37c0,1.4-1.1,3.5-2.4,3.5h-2.1c-1.3,0-2.4-2.1-2.4-3.5"/>

+  <path id="Pfad_165" data-name="Pfad 165" class="cls-1" d="M12.6,77.8h-2.2c-1.4,0-2.5-1-2.5-2.4l2.2-26.3c-1.3-4.8-3.7-9.7-3.7-16.7,0-18.7,3.6-25.4,8.2-25.4v41.6l.6,26.7c0,1.3-1.2,2.4-2.5,2.4"/>

+</svg>

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,13 @@

+<?xml version="1.0" encoding="UTF-8"?>

+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.96 61.06">

+  <defs>

+    <style>

+      .cls-1 {

+        fill: #a18152;

+        stroke-width: 0px;

+      }

+    </style>

+  </defs>

+  <path id="Pfad_145" data-name="Pfad 145" class="cls-1" d="M28.16,0H1.81C.3,4.1-.78,15.38.73,21.47c.69,3.38,2.6,6.4,5.37,8.47,3.71,3.21,7.54,7.83,7.54,25.62,0,1.89-1.81,3.33-4.6,3.66-1.28.15-3.55.57-4.43,1.23-.12.08-.17.24-.12.37.04.14.17.24.31.24h20.35c.15,0,.28-.09.31-.24.05-.14,0-.29-.11-.37-.88-.66-3.15-1.08-4.42-1.23-2.8-.33-4.6-1.77-4.6-3.66,0-17.79,3.83-22.42,7.54-25.62,2.77-2.07,4.68-5.08,5.37-8.47C30.75,15.39,29.66,4.1,28.16,0M27.61,21.03c-.63,3.02-2.34,5.71-4.81,7.56-.79.67-1.54,1.38-2.25,2.13-1.68,1.8-3.64,3.72-5.57,3.72s-3.88-1.92-5.56-3.72c-.71-.75-1.46-1.46-2.25-2.13-2.48-1.85-4.19-4.54-4.82-7.56-1.17-4.7-.72-13.69.47-18.58l.17-.7h23.96l.17.7c1.19,4.89,1.65,13.88.48,18.58"/>

+  <path id="Pfad_144" data-name="Pfad 144" class="cls-1" d="M14.98,12.08c-2.64.85-5.38,1.35-8.16,1.5-1.31.02-2.61-.2-3.84-.66-.1,2.6.11,5.21.64,7.76.57,2.75,2.13,5.19,4.38,6.85.82.7,1.61,1.44,2.35,2.23,1,1.07,3.09,3.3,4.62,3.3s3.62-2.23,4.62-3.3c.74-.78,1.53-1.53,2.35-2.23,2.26-1.67,3.82-4.11,4.38-6.85.62-3.19.82-6.46.58-9.7-1.11-.32-2.26-.48-3.41-.47-2.9.15-5.77.67-8.53,1.56"/>

+</svg>

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,15 @@

+<?xml version="1.0" encoding="UTF-8"?>

+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40.3 84.9">

+  <defs>

+    <style>

+      .cls-1 {

+        fill: #a18152;

+        stroke-width: 0px;

+      }

+    </style>

+  </defs>

+  <g id="Gruppe_158" data-name="Gruppe 158">

+    <path id="Pfad_147" data-name="Pfad 147" class="cls-1" d="M24.6,57.4v-6.7h4.8c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1h-4.8v-5.9h4.8c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1h-4.8v-5.9h4.8c.6,0,1.1-.5,1.1-1.1s-.5-1-1.1-1.1h-4.8v-14.9c0-3.3-2.7-6-6-6s-6,2.7-6,6v39.9c-5.7,3.3-7.6,10.6-4.3,16.3,3.3,5.7,10.6,7.6,16.3,4.3,3.7-2.1,5.9-6,5.9-10.3s-2.3-8.2-5.9-10.3M18.6,77.4c-5.4,0-9.7-4.4-9.7-9.7s2.1-7,5.3-8.7l.6-.3V17.5c0-2.1,1.9-3.7,4-3.6,2,0,3.5,1.7,3.6,3.6v41.2l.6.3c4.8,2.4,6.7,8.3,4.3,13.1-1.7,3.3-5,5.3-8.7,5.3"/>

+    <path id="Pfad_148" data-name="Pfad 148" class="cls-1" d="M21.4,59.9v-23.4h-5.6v23.4c-4.3,1.5-6.6,6.3-5.1,10.6,1.5,4.3,6.3,6.6,10.6,5.1s6.6-6.3,5.1-10.6c-.8-2.4-2.7-4.2-5.1-5.1"/>

+  </g>

+</svg>

\ No newline at end of file

@@ -54,5 +54,12 @@

       "shipping": "Kostenloser Versand ab 90€ für unsere <a href=\"/treuekunde-werden\" _target=\"blank\">Treuekunden</a>",

       "returns": "100 Tage Rückgaberecht"

     }

+  },

+  "product-detail": {

+    "wine-info": {

+      "description": "Beschreibung",

+      "food-pairing": "Speiseempfehlung",

+      "temperature": "Empfohlene Trinktemperatur"

+    }

   }

 }

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,30 @@

+{% sw_extends '@Storefront/storefront/component/product/description.html.twig' %}

+

+{% block component_product_description_container %}

+    <div id="wine-info">

+        <img src="{{ asset('/bundles/weinmanufakturtheme/img/glass_8.svg') }}" role="presentation" alt="Glas">

+        <div>

+            <h4>{{ "product-detail.wine-info.description"|trans }}</h4>

+            <p>{{ product.description }}</p>

+        </div>

+        <img src="{{ asset('/bundles/weinmanufakturtheme/img/besteck_3.svg') }}" role="presentation" alt="Besteck">

+        {% if product.customFields.custom_wine_attributes_speiseempfehlung is not empty %}

+            <div>

+                <h4>{{ "product-detail.wine-info.food-pairing"|trans }}</h4>

+                <p>{{ product.customFields.custom_wine_attributes_speiseempfehlung }}</p>

+            </div>

+        {% endif %}

+        <img src="{{ asset('/bundles/weinmanufakturtheme/img/temp_4.svg') }}" alt="Thermometer">

+        {% if product.customFields.custom_wine_attributes_trinktemperatur is not empty %}

+            <div>

+                <h4>{{ "product-detail.wine-info.temperature"|trans }}</h4>

+                <p>{{ product.customFields.custom_wine_attributes_trinktemperatur }} °C</p>

+            </div>

+        {% endif %}

+    </div>

+

+    {% block component_product_description_content_properties %}

+        {{ parent() }}

+    {% endblock %}

+

+{% endblock %}

\ No newline at end of file

@@ -3,7 +3,17 @@

 {% block component_product_properties_container %}

     <div class="row product-detail-properties-container">

         {% block component_product_properties_table %}

-            {{ parent() }}

+            <h3>Eigenschaften</h3>

+            <table class="table product-detail-properties-table">

+                <tbody>

+                {# @var product \Shopware\Core\Content\Product\SalesChannel\SalesChannelProductEntity #}

+                {% for group in product.sortedProperties %}

+                    {% block component_product_properties_table_row %}

+                        {{ parent() }}

+                    {% endblock %}

+                {% endfor %}

+                </tbody>

+            </table>

         {% endblock %}

     </div>

 {% endblock %}

\ No newline at end of file

new file mode 100644

@@ -0,0 +1,5 @@

+{% sw_extends '@Storefront/storefront/element/cms-element-product-description-reviews.html.twig' %}

+

+{% block element_product_description_reviews_tabs_navigation %}{% endblock %}

+

+{% block element_product_description_reviews_tabs_content_review %}{% endblock %}

\ No newline at end of file