From d87fb39a71e5ec7e88b16becf22711ef08a43b13 Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Fri, 20 Oct 2023 20:06:47 -0300
Subject: [PATCH] .

---
 content/contents/produkt.blade.php |  63 +++---
 content/includes/scripts.blade.php |   8 +-
 content/master.blade.php           | 314 ++++++++++++++++-------------
 3 files changed, 206 insertions(+), 179 deletions(-)

diff --git a/content/contents/produkt.blade.php b/content/contents/produkt.blade.php
index d5e2a2f..94bd667 100644
--- a/content/contents/produkt.blade.php
+++ b/content/contents/produkt.blade.php
@@ -40,27 +40,27 @@
                     </div>
                     <div class=" mt-3 mb-3 fs-6 fw-bolder" >
 
-                    @if($content->verfugbarkeit = 'sofort verfuegbar')
-                        <span style="color: #79b27f;">
-                            <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-                            Sofort in {{$_legal_city}} verfügbar!
-                        </span>
-                    @elseif($content->verfugbarkeit = 'In kürze Verfügbar')
-                        <span style="color: #c9a767;">
-                            <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
-                            In Kürze wieder verfügbar
-                        </span>
-                    @elseif($content->verfugbarkeit == 'auf bestellung verfuegbar')
-                        <span style="color: #c9a767;">
+                        @if($content->verfugbarkeit == 'sofort verfuegbar')
+                            <span style="color: #79b27f;">
+                                <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
+                                Sofort in {{$_legal_city}} verfügbar!
+                            </span>
+                        @elseif($content->verfugbarkeit == 'In kürze Verfügbar')
+                            <span style="color: #c9a767;">
+                                <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
+                                In Kürze wieder verfügbar
+                            </span>
+                        @elseif($content->verfugbarkeit == 'auf bestellung verfuegbar')
+                            <span style="color: #c9a767;">
                             <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
                             Produkt ist auf Bestellung verfügbar.
                         </span>
-                    @elseif($content->verfugbarkeit == 'nicht mehr verfuegbar')
+                        @elseif($content->verfugbarkeit == 'nicht mehr verfuegbar')
                         <span style="color: #b0413d;">
                             <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>
                             Produkt ist leider nicht mehr verfügbar.
                         </span>
-                    @endif
+                        @endif
                         <br>
                         <br>
                             {!! $content->kurzbeschreibung !!}
@@ -135,7 +135,7 @@
                                     <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
                                     In den Einkaufswagen
                                 </button>
-                                <button  id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-success position-relative mb-5">
+                                <button id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="btn btn-success position-relative mb-5">
                                     Im Warenkorb ansehen
                                     <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span>
                                 </button>
@@ -148,7 +148,6 @@
                             </div>
                         </div>
                     @endif
-
                 </div>
             </div>
 
@@ -165,25 +164,25 @@
 
         </div>
 
-            @isset($content->produktbilder)
-                <div class="row mb-5">
-                    <div class="col-12">
-                        <h2 class="mb-4 mt-5 h3">Weitere Produktbilder</h2>
-                    </div>
-                    @foreach($content->produktbilder as $produktbild)
-                        <div class="col-12 col-md-6 col-lg-3 text-center">
-                            <x-img src="{{$produktbild}}" class="rounded img-fluid border mb-3"/>
-                        </div>
-                    @endforeach
-
+        @isset($content->produktbilder)
+            <div class="row mb-5">
+                <div class="col-12">
+                    <h2 class="mb-4 mt-5 h3">Weitere Produktbilder</h2>
                 </div>
-            @endisset
+                @foreach($content->produktbilder as $produktbild)
+                    <div class="col-12 col-md-6 col-lg-3 text-center">
+                        <x-img src="{{$produktbild}}" class="rounded img-fluid border mb-3"/>
+                    </div>
+                @endforeach
+
+            </div>
+        @endisset
 
 
 
-            @php($otherContents = filterByContentType("Produkte")->filter(function ($item) use ($content) { return $item->id != $content->id; }))
+        @php($otherContents = filterByContentType("Produkte")->filter(function ($item) use ($content) { return $item->id != $content->id; }))
 
-            @if($otherContents->isNotEmpty())
+        @if($otherContents->isNotEmpty())
             <div class="row mb-5">
                 <div class="col-12">
                     <hr class="pb-5 mt-5">
@@ -209,10 +208,10 @@
                 @endforeach
 
             </div>
-            @endif
+        @endif
     </div>
 
 @stop
 @section('scripts')
-    <script src="{{storage('js/product.js')}}"></script>
+    <script type="module" src="{{storage('js/product.js')}}"></script>
 @stop
diff --git a/content/includes/scripts.blade.php b/content/includes/scripts.blade.php
index d7ef249..ee6303f 100644
--- a/content/includes/scripts.blade.php
+++ b/content/includes/scripts.blade.php
@@ -1,2 +1,6 @@
-<script src="{{storage('libs/jquery-3.7.0.min.js')}}"></script>
-<script src="{{storage('libs/bootstrap-5.3.0/bootstrap.bundle.min.js')}}" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
\ No newline at end of file
+<!-- <script src="{{storage('libs/jquery-3.7.0.min.js')}}"></script> -->
+<script src="{{storage('libs/bootstrap-5.3.0/bootstrap.bundle.min.js')}}" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
+<script src="{{storage('libs/js-cookie-3.0.1.min.js')}}"></script>
+<script src="{{storage('libs/lottie-player-0.4.0.js')}}"></script>
+<script src="{{storage('js/components/cookies-consent.js')}}"></script>
+<script type="module" src="{{storage('js/main.js')}}"></script>
\ No newline at end of file
diff --git a/content/master.blade.php b/content/master.blade.php
index 5e9dda3..2ab14c5 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -15,163 +15,187 @@
     <meta name="checkout" content="{{url('/checkout')}}">
     <meta name="get-contents" content="{{url('/contents')}}">
 
+    <link rel="apple-touch-icon" sizes="180x180" href="{{$favicon['180']}}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{$favicon['32']}}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{$favicon['16']}}">
+
     @yield('head')
 
 </head>
 <body>
-@if($_contact_bar)
-
-    <div style="background-color: {{$_primary_ci_color}}; color: {{$_footer_color}}; font-size: 13px;">
-        <div class="container">
-            <div class="row py-1">
-                <div class="col-6">
-                    {{$_legal_zip_code}} {{$_legal_city}}
-                </div>
-                <div class="col text-end">
-                    <a href="tel:{{$_telefonnummer}}" class="text-decoration-none" style="color:{{$_footer_color}}">
-                        <svg style="fill: currentColor; width: 13px; margin-bottom: 1px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
-                        {{$_telefonnummer}}
-                    </a>
-                </div>
-            </div>
-        </div>
-
-    </div>
-@else
-    <div style="border-top: 8px solid {{$_primary_ci_color}};">
-
-    </div>
-
-    @endif
-
-<nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};">
-    <div class="container ">
-        <a class="navbar-brand " href="{{url('/')}}">
-            <picture>
-                <img src="{{$favicon['180']}}" alt="{{config('settings.name')}}" class="img-fluid" width="80">
-            </picture>
-        </a>
-
-
-        @if(!Request::is('checkout'))
-
-
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-
-            <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
-                <ul class="navbar-nav fs-5">
-
-                    <a class="nav-item nav-link {{request()->is('produkt*')?'active':''}}" href="{{url('/produkte')}}">Produkte</a>
-                    <a class="nav-item nav-link {{request()->is('leistung*')?'active':''}}" href="{{url('/leistungen')}}">Leistungen</a>
-                    <a class="nav-item nav-link {{request()->is('aktuelles*') || request()->is('news*')?'active':''}}" href="{{url('/aktuelles')}}">Aktuelles</a>
-
-                    <a class="nav-item nav-link {{request()->is('ueber-uns*')?'active':''}}" href="{{url('/ueber-uns')}}">Über uns</a>
-                    <a class="nav-item nav-link {{request()->is('referenzen*')?'active':''}}" href="{{url('/referenzen')}}">Referenzen</a>
-                    <a class="nav-item nav-link {{request()->is('events*')?'active':''}}" href="{{url('/events')}}">Events</a>
-                    <a class="nav-item nav-link {{request()->is('karriere*')?'active':''}}" href="{{url('/karriere')}}">Karriere</a>
-                    <a class="nav-item nav-link {{request()->is('kontakt*')?'active':''}}" href="{{url('/kontakt')}}">Kontakt</a>
-
-                    @if($_warenkorb_aktiv)
-                        <li class="nav-item ms-md-5">
-                            <a href="" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="position-relative">
-                                <svg style="fill: {{$_primary_ci_color}}; width: 30px; margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"></path></svg>
-                                <span class="position-absolute top-10 start-90 badge rounded-pill bg-danger" style="display: none; right: -10px;" id="count-products-in-bag">0</span>
-                            </a>
-                        </li>
-                    @endif
-
-                </ul>
-            </div>
-        @endif
-
-
-    </div>
-</nav>
-@yield('content')
-
-@include('template.'.config('settings.template').'.content.includes.cookie-banner')
-
-
-@if($_warenkorb_aktiv)
-
-<div class="modal fade" id="ShoppingCart" tabindex="-1" aria-labelledby="ShoppingCart" aria-hidden="true">
-    <div class="modal-dialog modal-lg">
-        <div class="modal-content">
-            <div class="modal-header" style="background-color: {{$_secondary_ci_color}} ; color: white;">
-                <h5 class="modal-title" id="exampleModalLabel">
-                    <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-                    Warenkorb
-                </h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body">
-                <div class="row">
-                    <div style="display: none;" class="alert alert-danger mt-5" role="alert" id="cart-error">
-                        Fehler beim Laden der Produkte, versuchen Sie, die Seite neu zu laden
-                    </div>
-                    <div style="display: none;" class="col-12 text-center" id="no-products">
-
-                        <br>
-                        <br>
-                        <br>
-                        <lottie-player src="{{storage('animations/no-products.json')}}"  background="transparent"  speed="1"  style="width: 150px; height: 150px; margin-left: 40%"  loop  autoplay></lottie-player>
-                        <br>
-                        <br>
-                        <br>
-                        <i>Es befinden sich noch keine Produkte im Warenkorb</i>
-                        <br>
-                        <br>
-                        <a class="btn btn-primary mb-3" href="{{url('/produkte')}}">Jetzt Produkte entdecken</a>
-                        <br>
-
-
-                    </div>
-                    <div class="col-12">
-                        <table class="table table-striped">
-                            <tbody id="list-products-in-bag"></tbody>
-                            <tfoot>
-                            <tr>
-                                <th class="text-start" scope="col">Gesammt:</th>
-                                <th colspan="3" class="text-end">
-                                    <span id="total-price">0 €</span>
-                                    <br>
-                                    <small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small>
-                                </th>
-                            </tr>
-                            </tfoot>
-                        </table>
-                    </div>
-                </div>
-                <div class="row mt-3" id="modal-buttons">
+    @if($_contact_bar)
+        <div style="background-color: {{$_primary_ci_color}}; color: {{$_footer_color}}; font-size: 13px;">
+            <div class="container">
+                <div class="row py-1">
                     <div class="col-6">
-                        <a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart">
-                            Warenkorb teilen
-                            <svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
+                        {{$_legal_zip_code}} {{$_legal_city}}
+                    </div>
+                    <div class="col text-end">
+                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none" style="color:{{$_footer_color}}">
+                            <svg style="fill: currentColor; width: 13px; margin-bottom: 1px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
+                            {{$_telefonnummer}}
                         </a>
                     </div>
-                    <div class="col-6 text-end">
-                        <a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot unverbindlich anfragen</a>
+                </div>
+            </div>
+        </div>
+    @else
+        <div style="border-top: 8px solid {{$_primary_ci_color}};"></div>
+    @endif
 
+    <nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};">
+        <div class="container ">
+            <a class="navbar-brand " href="{{url('/')}}">
+                <picture>
+                    <img src="{{$favicon['180']}}" alt="{{config('settings.name')}}" class="img-fluid" width="80">
+                </picture>
+            </a>
+
+
+            @if(!Request::is('checkout'))
+
+
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+
+
+                <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+                    <ul class="navbar-nav fs-5">
+
+                        <a class="nav-item nav-link {{request()->is('produkt*')?'active':''}}" href="{{url('/produkte')}}">Produkte</a>
+                        <a class="nav-item nav-link {{request()->is('leistung*')?'active':''}}" href="{{url('/leistungen')}}">Leistungen</a>
+                        <a class="nav-item nav-link {{request()->is('aktuelles*') || request()->is('news*')?'active':''}}" href="{{url('/aktuelles')}}">Aktuelles</a>
+
+                        <a class="nav-item nav-link {{request()->is('ueber-uns*')?'active':''}}" href="{{url('/ueber-uns')}}">Über uns</a>
+                        <a class="nav-item nav-link {{request()->is('referenzen*')?'active':''}}" href="{{url('/referenzen')}}">Referenzen</a>
+                        <a class="nav-item nav-link {{request()->is('events*')?'active':''}}" href="{{url('/events')}}">Events</a>
+                        <a class="nav-item nav-link {{request()->is('karriere*')?'active':''}}" href="{{url('/karriere')}}">Karriere</a>
+                        <a class="nav-item nav-link {{request()->is('kontakt*')?'active':''}}" href="{{url('/kontakt')}}">Kontakt</a>
+
+                        @if($_warenkorb_aktiv)
+                            <li class="nav-item ms-md-5">
+                                <a href="" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="position-relative">
+                                    <svg style="fill: {{$_primary_ci_color}}; width: 30px; margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"></path></svg>
+                                    <span class="position-absolute top-10 start-90 badge rounded-pill bg-danger js-product-counter" style="display: none; right: -10px;">0</span>
+                                </a>
+                            </li>
+                        @endif
+
+                    </ul>
+                </div>
+            @endif
+
+
+        </div>
+    </nav>
+
+    @yield('content')
+
+    @include('template.'.config('settings.template').'.content.includes.cookie-banner')
+    
+    @if($_warenkorb_aktiv)
+        <div class="modal fade" id="shopping-cart" tabindex="-1" aria-labelledby="shopping-cart" aria-hidden="true">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header" style="background-color: {{$_secondary_ci_color}} ; color: white;">
+                        <h5 class="modal-title" id="exampleModalLabel">
+                            <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
+                            Warenkorb
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="row">
+                            <div style="display: none;" class="alert alert-danger mt-5" role="alert" id="cart-error">
+                                Fehler beim Laden der Produkte, versuchen Sie, die Seite neu zu laden
+                            </div>
+                            <div style="display: none;" class="col-12 text-center" id="no-products">
+                                <br>
+                                <br>
+                                <br>
+                                <lottie-player src="{{storage('animations/no-products.json')}}"  background="transparent"  speed="1"  style="width: 150px; height: 150px; margin-left: 40%"  loop  autoplay></lottie-player>
+                                <br>
+                                <br>
+                                <br>
+                                <i>Es befinden sich noch keine Produkte im Warenkorb</i>
+                                <br>
+                                <br>
+                                <a class="btn btn-primary mb-3" href="{{url('/produkte')}}">Jetzt Produkte entdecken</a>
+                                <br>
+                            </div>
+                            <div class="col-12">
+                                <table class="table table-striped">
+                                    <tbody id="list-products-in-bag"></tbody>
+                                    <tfoot>
+                                        <tr>
+                                            <th class="text-start" scope="col">Gesammt:</th>
+                                            <th colspan="3" class="text-end">
+                                                <span class="js-total-price">0 €</span>
+                                                <br>
+                                                <small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small>
+                                            </th>
+                                        </tr>
+                                    </tfoot>
+                                </table>
+                            </div>
+                        </div>
+                        <div class="row mt-3" id="modal-buttons">
+                            <div class="col-6">
+                                <button class="btn btn-light text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#share-cart">
+                                    Warenkorb teilen
+                                    <svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
+                                </button>
+
+                            </div>
+                            <div class="col-6 text-end">
+                                <a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot unverbindlich anfragen</a>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <div class="modal fade" id="share-cart" tabindex="-1" aria-labelledby="share-cart" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header" style="background-color: #10307b; color: white;">
+                        <h5 class="modal-title" id="exampleModalLabel">Warenkorb teilen</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body" style="background-color: #f7fcf7;">
+                        <div class="row">
+                            <div class="col-12 my-3">
+                                <p>Teilen Sie Ihre Einkaufsliste mit Freunden und Bekannten, damit diese Sie dann bei Ihrere Auswahl helfen können.</p>
+                            </div>
+                        </div>
+
+                        <div class="input-group input-group-lg my-2">
+                            <input type="text" class="form-control cart-link js-cart-link" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg" style="box-shadow: none;" readonly>
+                            <span class="input-group-text" id="btn-copy-cart-link">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
+                                    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+                                    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+                                </svg>
+                            </span>
+                        </div>
+
+                        <br>
+
+                        <button class="btn btn-share btn-primary mx-auto">
+                            Warenkorb teilen
+                            <svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
+                        </button>
                     </div>
                 </div>
             </div>
-
         </div>
-    </div>
-</div>
-@endif
-@include('template.'.config('settings.template').'.content.includes.footer')
-@include('template.'.config('settings.template').'.content.includes.scripts')
-<script src="{{storage('js/cookie.js')}}"></script>
-<script src="{{storage('js/lottie.js')}}"></script>
-<script src="{{storage('js/cookies-consent.js')}}"></script>
+    @endif
 
-<script src="{{storage('js/data.js')}}"></script>
-<script src="{{storage('js/methods.js')}}"></script>
-<script src="{{storage('js/script.js')}}"></script>
-@yield('scripts')
+    @include('template.'.config('settings.template').'.content.includes.footer')
+    @include('template.'.config('settings.template').'.content.includes.scripts')
+    @yield('scripts')
 </body>
 </html>