kte</h5>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <a href="/produkte/Brote" class="footer-nav-link">Brote</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/BROETCHEN" class="footer-nav-link">Brötchen</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/sonstiges" class="footer-nav-link">Süßes</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/imbiss-snacks" class="footer-nav-link">Imbiss &amp; Snacks</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/torten" class="footer-nav-link">Torten</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/fruehstueck" class="footer-nav-link">Frühstück</a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-xl-2 mb-3">
                <div class="row mb-3">
                    <div class="col">
                        <h5 class="mb-3">Karriere</h5>
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <a href="/stellenangebote/arbeiten-bei-der-beck" class="footer-nav-link">Stellenangebote</a>
                            </li>
                            <li class="mb-2">
                                <a href="/ausbildung/ausbildung-mit-zukunft" class="footer-nav-link">Ausbildung</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <h5 class="mb-3">Zahlungsarten</h5>
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <a href="#" class="footer-nav-link"><img src="/Images/payments_paypal.png" alt="Paypal Logo"/></a>
                                <a href="#" class="footer-nav-link ms-1"><img src="/Images/payments_sepa.svg"  alt="SEPA Logo"/></a>
                                <a href="#" class="footer-nav-link ms-1"><img src="/Images/payments_visa.png"  alt="Visa Logo"/></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-2 mb-3">

                <div class="footer-col-certificate row g-0 text-center">
                    <div class="col-6 col-md-12">
                        <div class="footer-follow-us-text">Folge uns auf</div>
                        <div class="footer-follow-us-img">
                            <a href="https://www.facebook.com/derbeck.baeckerei/" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/facebook.svg" alt="Facebook Logo"></a>
                            <a href="https://www.instagram.com/derbeck.baeckerei/" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/instagram.svg"alt="instagram Logo"></a>
                            <a href="#" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/youtube.svg"alt="Youtube Logo"></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="footer-nav-sub row justify-content-center">

            <div class="col-auto col-xl-auto">
                <a href="/cms/agb" class="footer-nav-link">AGB</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Datenschutz" class="footer-nav-link">Datenschutz</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/impressum" class="footer-nav-link">Impressum</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Hinweisgeberstelle" class="footer-nav-link">Hinweisgeberstelle</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Beschwerdeverfahren" class="footer-nav-link">Beschwerdeverfahren LkSG</a>
            </div>

        </div>

    </div>
</footer>

    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

    <script src="/bundles/jquery?v=DWWoOudfG2O38rlQuoE951u4s-SrxqZBsZmd4lmSTn41"></script>

    <script src="/bundles/ol?v=NY5xZ2eAU_f-spZ7VMep9Avi0YWkvMP4VSAo6Kz8ce01"></script>


<script src="/bundles/bootstrap?v=jqNvOKneZo-SkOrbspnabFVeunjNyg7GFH93oYQ2ykU1"></script>
    <script src="/bundles/bootstrap5?v=xpEt8Smz4iYwtQsDEhYMKYPuPkFCIfjoScKA9zPkZS01"></script>
    <script src="/bundles/lightbox_bs5?v=N5JUlDFPbDXVacWFtkJIDX1Xl2gj4IHy0i9pXtW54Ow1" async></script>

    <script src="/bundles/sam?v=JNij303jDv4_ErPEG6IiY2aNSGKrYbILaT7UERyzoFQ1" async></script>


    <!-- Plugin JavaScript - can be loaded async -->
    <script src="/Scripts/jquery.easing.min.js" async></script>
    <script src="/Scripts/scrollreveal.min.js" async></script>
    <script src="/Scripts/jquery.magnific-popup.min.js" async></script>
    <script src="/Scripts/creative.min.js" async></script>
<div id="cookieWarning" class="box-shadow-bottom fixed-footer backgroundWhite">
    <div class="d-flex flex-column m-2 text-center text-md-end">
        <span>Diese Website verwendet ausschließlich technisch notwendige Cookies. Wenn Sie die Website weiter nutzen, gehen wir von Ihrem Einverständnis aus.</span>
        <div class="justify-content-evenly justify-content-md-end d-flex">
            <button class="btn btn-primary me-3" onclick='setCookie("/","hidecookieWarning", "1", 7);jQuery("#cookieWarning").slideUp()'>OK</button>
            <a class="btn btn-primary" href="/Home/Privacy">Weiterlesen</a>
        </div>
    </div>
</div>

    

    
    


    <script src="/bundles/samtagmanager?v=X0hZY7bJOyaVzfhJLLvyeoNTHwR50UqOct1ky-WE6hg1"></script>


    <script>
        if (document.cookie.indexOf('hidecookieWarning=1') != -1) {
            jQuery('#cookieWarning').hide();
        }
        else {
            jQuery('#cookieWarningCloser').show();
        }
            
                $(document).on('click', '[data-toggle="lightbox"]', function (event) {
                    event.preventDefault();
                    $(this).ekkoLightbox({
                        alwaysShowClose: true
                    });
                });
            

        
            // Bootstrap 5: data-dismiss="modal" is no longer supported automatically
            // This solution closes any modal when an element with data-dismiss="modal" is clicked
            $(document).on('click', '[data-dismiss="modal"]', function () {
                var $modal = $(this).closest('.modal');
                if ($modal.length) {
                    var modalEl = $modal[0];
                    var bsModal = bootstrap.Modal.getOrCreateInstance(modalEl);
                    bsModal.hide();
                }
            });
        



        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });

        $(document).ready(function () {
            $('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
                var $el = $(this);
                var $parent = $(this).offsetParent(".dropdown-menu");
                if (!$(this).next().hasClass('show')) {
                    $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
                }
                var $subMenu = $(this).next(".dropdown-menu");
                $subMenu.toggleClass('show');

                $(this).parent("li").toggleClass('show');

                $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
                    $('.dropdown-menu .show').removeClass("show");
                });

                if (!$parent.parent().hasClass('navbar-nav')) {
                    $el.next().css({ "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 });
                }

                return false;
            });
        });


        $(document).ready(function () {
            $(document).on("click", "#btn_searchtopbar", function () {
                $("#searchpopover").show();
                if (parseInt($("#searchpopover").css('opacity')) == 0) {
                    $("#searchpopover").css('opacity', '1');
                }
                else {
                    $("#searchpopover").css('opacity', '0');
                }
            });


            $("#searchtopBar").on("input", function () {
                var searchinput = $(this).val();
                if (searchinput.length < 3) {
                    return;
                }
                $.post("/Catalog/ProductSearch", { searchinput: searchinput }, function (response) {
                    $("#searchResults").html(response).fadeIn();
                });
            });
        });
    </script>


</body>

</html><!DOCTYPE html>
<html lang="de">

<head>
    
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta property="og:title" content="BÄCKEREI DER BECK Webportal">
            <meta name="description" content="">
        <meta name="author" content="">

        <title>BÄCKEREI DER BECK Webportal</title>

    

        <meta name="og:description" content="">
    <meta name="author" content="">

    

    <link rel="shortcut icon" href="/Customers/DerBeck/256/Images/favicon.png" type="image/png">
    <link rel="icon" href="/Customers/DerBeck/256/Images/favicon.png" type="image/png">

    
<link href="/Content/bootstrap?v=7LiDVvQSO8Oo_R6bUPoxJ9AQsAXqHmIAWnX2MBG8Rec1" rel="stylesheet"/>

<link href="/Content/usebootstrap5?v=ohb_mtuhj5360NoFlpqlHwDVmLdyKkemUghw0VqNT6I1" rel="stylesheet"/>

    <link href="/Content/css?v=guxtPiNt_je6lCc-ki5Kh9WK8HJA5PKJUShbMqWWGTY1" rel="stylesheet"/>


    <link rel="stylesheet" type="text/css" href="/Content/FontAwesome/css/all.css"/>

    
    <link rel="preload" href="/Content/lightbox?v=p92h8Oiz0LVnUSR3FUMRh4zlmtZ4K7d5aUuVu0Qyr4s1" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/Content/lightbox?v=p92h8Oiz0LVnUSR3FUMRh4zlmtZ4K7d5aUuVu0Qyr4s1"></noscript>

    <link rel="preload" href="/Content/magnific-popup.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/Content/magnific-popup.css"></noscript>

        <link rel="preload" href="/Content/creative.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript><link rel="stylesheet" href="/Content/creative.min.css"></noscript>


    

    <style type="text/css">
        :root {
            --main-color: #cd0f3c;
            --backgroundImagePath: url(/Customers/DerBeck/256/Images/background.jpg)
        }
    </style>

    
    
<link rel="canonical" href="">

<link href="/Customers/DerBeck/256/CSS/splide.min.css?v=639003837450101161" rel="stylesheet">
<link href="/Customers/DerBeck/256/CSS/amatic_sc.css?v=639003837439319579" rel="stylesheet">
<link href="/Customers/DerBeck/256/CSS/variables.css?v=639003837456038805" rel="stylesheet">
<link href="/Customers/DerBeck/256/CSS/global.css?v=639003837443850969" rel="stylesheet">

<link href="/Customers/DerBeck/256/CSS/samChanges.css?v=639003837445726020" rel="stylesheet">

<style type="text/css">
</style>





</head>

<body id="page-top">
    
    <!-- Navigation -->
<header>
    <nav class="navbar navbar-expand-xxl">
        <div class="container-fluid justify-content-end align-content-end navbar-inner">
            <a class="navbar-brand d-flex me-auto" href="/" aria-label="Zur Startseite von Der Beck"><img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo"></a>

            <div class="offcanvas align-items-xl-end offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
                <div class="offcanvas-header w-100">
                    <h5 class="offcanvas-title" id="offcanvasNavbarLabel">
                        <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                    </h5>
                    <button type="button" class="btn-close offcanvasNavbarClose" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                </div>
                <div class="offcanvas-body">
                    <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="/">Der Beck</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="dec1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Der Beck
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/unternehmen">
                                                    &#220;ber uns
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/125-jahre-der-beck">
                                                    Geschichte
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/qualitaet">
                                                    Regionale Qualit&#228;t
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/engagement">
                                                    Engagement
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/kinderfonds-stiftung">
                                                    Kinderfonds Stiftung
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/brotsommelier">
                                                    Brotsommelier
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/der-beck/aktuelles">
                                                    Aktuelles
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="/in-ihrer-naehe/filialfinder">Filialen</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="e6c1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Filialen
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/in-ihrer-naehe/filialfinder">
                                                    Filialfinder
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/in-ihrer-naehe/expansion">
                                                    Neue Standorte
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="/Catalog/Products?assm=Brote">Produkte</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="e9c1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Produkte
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 gotoAssortment"
                                                   href="/Catalog/Products?assm=Brote">
                                                    Der Beck
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="https://karriere.der-beck.de/">Stellenangebote</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="ebc1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Stellenangebote
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/stellenangebote/arbeiten-bei-der-beck">
                                                    Arbeiten bei Der Beck
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="https://karriere.der-beck.de/">
                                                    Offene Stellen
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="https://karriere.der-beck.de/ausbildung">Ausbildung</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="eec1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Ausbildung
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/ausbildung/ausbildung-mit-zukunft">
                                                    Ausbildung mit Zukunft
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="https://karriere.der-beck.de/ausbildung">
                                                    Offene Ausbildungspl&#228;tze
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link" href="/beckcard">BeckCard</a>
                                </li>
                                <li class="dropdown nav-item navigation--entry dropactive js--menu-scroller--item nav-dropdown" style="cursor: pointer;">


                                    <a class="nav-link navigation--link nav-link-bar" href="/Home/404Error">Service</a>

                                    <a class="d-xxl-none nav-link navigation--link openNavbarSideSubCanvas w-100 dropdown-toggle" data-nav-id="f2c1421b-ba88-f011-b898-00155d640123"  onclick="toggleChevron(this)"  href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                        Service
                                        <span class="d-xxl-none" style="display: block; float:right;">
                                            <i class="fas fa-chevron-right"></i>
                                        </span>


                                    </a>
                                    <ul class="dropdown-menu">
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/Content/Geschaeftskunden">
                                                    Gesch&#228;ftskunden
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/produkte/fruehstueck">
                                                    Fr&#252;hst&#252;ck
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/produkte/torten/foto-und-sondertorten">
                                                    Foto- &amp; Wunschtorten
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/service/geschenk-gutscheinkarten">
                                                    Geschenk- &amp; Gutscheinkarten
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/produkte/imbiss-snacks/catering">
                                                    Catering
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/service/veranstaltungen">
                                                    Veranstaltungen
                                                </a>
                                            </li>
                                            <li>
                                                <a class="nav-link navigation--link w-100 "
                                                   href="/service/kundenmagazine">
                                                    Kundenmagazin
                                                </a>
                                            </li>
                                    </ul>

                                </li>
                    </ul>

                    <div class="navbar-ad-logo-wrap d-xxl-flex align-items-center pt-2 pt-md-0 me-0 me-md-3">
                        <div class="navbar-ad-logo  d-flex justify-content-center">
                            <a class="navbar-ad-link" href="/in-ihrer-naehe/casa-pane" aria-label="Zur Casa Pane Info Seite"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                        </div>
                    </div>
                </div>
            </div>


                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="dec1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="dec1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="/"><b>Der Beck</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/unternehmen">
                                            &#220;ber uns
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/125-jahre-der-beck">
                                            Geschichte
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/qualitaet">
                                            Regionale Qualit&#228;t
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/engagement">
                                            Engagement
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/kinderfonds-stiftung">
                                            Kinderfonds Stiftung
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/brotsommelier">
                                            Brotsommelier
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/der-beck/aktuelles">
                                            Aktuelles
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="e6c1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="e6c1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="/in-ihrer-naehe/filialfinder"><b>Filialen</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/in-ihrer-naehe/filialfinder">
                                            Filialfinder
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/in-ihrer-naehe/expansion">
                                            Neue Standorte
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="e9c1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="e9c1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="/Catalog/Products?assm=Brote"><b>Produkte</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 gotoAssortment"
                                           href="/Catalog/Products?assm=Brote">
                                            Der Beck
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="ebc1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="ebc1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="https://karriere.der-beck.de/"><b>Stellenangebote</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/stellenangebote/arbeiten-bei-der-beck">
                                            Arbeiten bei Der Beck
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="https://karriere.der-beck.de/">
                                            Offene Stellen
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="eec1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="eec1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="https://karriere.der-beck.de/ausbildung"><b>Ausbildung</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/ausbildung/ausbildung-mit-zukunft">
                                            Ausbildung mit Zukunft
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="https://karriere.der-beck.de/ausbildung">
                                            Offene Ausbildungspl&#228;tze
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="offcanvas align-items-xl-end offcanvas-end offcanvasNavbarSideSub d-xxl-none" tabindex="-1" data-nav-id="f2c1421b-ba88-f011-b898-00155d640123" aria-labelledby="offcanvasNavbarSideSubLabel">
                        <div class="offcanvas-header w-100">
                            <h5 class="offcanvas-title" id="offcanvasNavbarSideSubLabel">
                                <img class="logo" src="/Customers/DerBeck/256/Images/logo.svg" alt="Der Beck Logo">
                            </h5>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
                        </div>
                        <div class="offcanvas-body">
                            <ul class="navbar-nav ms-auto mb-2 mb-md-0">

                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                    <a class="nav-link navigation--link closeNavbarSideSubCanvas w-100" data-nav-id="f2c1421b-ba88-f011-b898-00155d640123"><i class="fas fa-chevron-left mr-2"></i> Zurück</a>
                                </li>


                                <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100" href="/Home/404Error"><b>Service</b></a>
                                </li>
                                

                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/Content/Geschaeftskunden">
                                            Gesch&#228;ftskunden
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/produkte/fruehstueck">
                                            Fr&#252;hst&#252;ck
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/produkte/torten/foto-und-sondertorten">
                                            Foto- &amp; Wunschtorten
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/service/geschenk-gutscheinkarten">
                                            Geschenk- &amp; Gutscheinkarten
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/produkte/imbiss-snacks/catering">
                                            Catering
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/service/veranstaltungen">
                                            Veranstaltungen
                                        </a>
                                    </li>
                                    <li class="nav-item navigation--entry dropactive js--menu-scroller--item">
                                        <a class="nav-link navigation--link w-100 "
                                           href="/service/kundenmagazine">
                                            Kundenmagazin
                                        </a>
                                    </li>

                            </ul>

                            <div class="navbar-ad-logo-wrap d-none d-xxl-flex align-items-center">
                                <div class="navbar-ad-logo">
                                    <a class="navbar-ad-link" href="#"><img class="logo" src="/Customers/DerBeck/256/Images/casa-pane.png" alt="Casa Pane Logo"></a>
                                </div>
                            </div>
                        </div>
                    </div>

            <div class="navbar-actions-nav-wrap d-flex">
                <div class="navbar-actions-nav row g-0 justify-content-center align-items-center flex-wrap">
                    <div class="col align-middle nav-action-item">
                        <a class="nav-action-link" id="btn_searchtopbar" aria-label="Artikel suche starten"><img class="icon icon-search" src="/Customers/DerBeck/256/Images/bec_lupe.svg" alt="Artikel Suche"></a>
                        <div class="p-3 bg-white shadow navbar-search-navbar" id="searchpopover" style="display:none">
                            <input class="form-control w-100 mw-100" placeholder="Suche" id="searchtopBar" type="search" aria-label="Suche Eingabefeld" />
                            <div id="searchResults" class="w-auto search-result-container mt-2"></div>
                        </div>
                    </div>
                    <!-- <div class="col align-middle nav-action-item">
                        <a class="nav-action-link" href="#"><img class="icon icon-note" src="/Customers/DerBeck/256/Images/bec_herz.svg"></a>
                    </div> -->
                    
            <div class="col align-middle nav-action-item">
                <a class="nav-action-link nav-link js-scroll-trigger" href="/Account/Login" aria-label="Einloggen"><img class="icon icon-user" src="/Customers/DerBeck/256/Images/bec_user.svg" alt="Benutzer Icon"></a>
            </div>


                    <div class="col align-middle nav-action-item">
                        <a class="nav-action-link" href="/Catalog/Cart" aria-label="Zum Warenkorb"><img class="icon icon-cart" src="/Customers/DerBeck/256/Images/bec_warenkorb.svg" alt="Zum Warenkorb springen"></a>



                        <span id="cartItemsTop" class="mobile-cart-counter"></span>



                    </div>
                </div>
            </div>

            <button class="navbar-toggler ms-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Navigation öffnen">
                <span class="navbar-toggler-icon"></span>
            </button>
        </div>
    </nav>
</header>
<script>
    function toggleChevron(element) {
        var icon = element.querySelector('i');
        if (icon.classList.contains('fa-chevron-right')) {
            icon.classList.remove('fa-chevron-right');
            icon.classList.add('fa-chevron-down');
        } else {
            icon.classList.remove('fa-chevron-down');
            icon.classList.add('fa-chevron-right');
        }
    }
</script>
    <div class="body-content">
        <br />
<br />
<br />
<center>
    404 - Seite existiert nicht
</center>
<br />
<br />
<br />
    </div>


    




<footer class="footer bg-dark mt-5">
    <div class="container py-1">
        <div class="footer-nav row justify-content-center align-items-center  align-items-xl-start">
            <div class="col-12 col-xl-2 mb-3 text-center">
                <ul class="list-unstyled">
                    <li>
                        <a class="d-inline-flex mb-2 text-decoration-none" href="/" aria-label="Startseite von Der Beck aufrufen">
                            <img src="/Customers/DerBeck/256/Images/logo-back-footer.svg" class="footer-logo" alt="Der Beck Logo">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-xl-2 mb-3">
                <h5 class="mb-3">Service</h5>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <a href="/in-ihrer-naehe/filialfinder" class="footer-nav-link">Filialfinder</a>
                    </li>
                    <li class="mb-2">
                        <a href="/kontaktformular" class="footer-nav-link">Kontakt</a>
                    </li>
                    <li class="mb-2">
                        <a href="/faq" class="footer-nav-link">FAQ</a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-xl-2 mb-3">
                <h5 class="mb-3">Produkte bestellen</h5>
                <ul class="list-unstyled d-flex justify-content-center flex-column">
                    <li class="mb-2">
                        <a href="/der-beck/zahlungsbedingungen" class="footer-nav-link">Zahlungsbedingungen & Versand</a>
                    </li>
                    <li class="mb-2">
                        <a href="/widerrufsrecht" class="footer-nav-link">Widerrufsrecht</a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-xl-2 mb-3">
                <h5 class="mb-3">Produkte</h5>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <a href="/produkte/Brote" class="footer-nav-link">Brote</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/BROETCHEN" class="footer-nav-link">Brötchen</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/sonstiges" class="footer-nav-link">Süßes</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/imbiss-snacks" class="footer-nav-link">Imbiss &amp; Snacks</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/torten" class="footer-nav-link">Torten</a>
                    </li>
                    <li class="mb-2">
                        <a href="/produkte/fruehstueck" class="footer-nav-link">Frühstück</a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-xl-2 mb-3">
                <div class="row mb-3">
                    <div class="col">
                        <h5 class="mb-3">Karriere</h5>
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <a href="/stellenangebote/arbeiten-bei-der-beck" class="footer-nav-link">Stellenangebote</a>
                            </li>
                            <li class="mb-2">
                                <a href="/ausbildung/ausbildung-mit-zukunft" class="footer-nav-link">Ausbildung</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <h5 class="mb-3">Zahlungsarten</h5>
                        <ul class="list-unstyled">
                            <li class="mb-2">
                                <a href="#" class="footer-nav-link"><img src="/Images/payments_paypal.png" alt="Paypal Logo"/></a>
                                <a href="#" class="footer-nav-link ms-1"><img src="/Images/payments_sepa.svg"  alt="SEPA Logo"/></a>
                                <a href="#" class="footer-nav-link ms-1"><img src="/Images/payments_visa.png"  alt="Visa Logo"/></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-2 mb-3">

                <div class="footer-col-certificate row g-0 text-center">
                    <div class="col-6 col-md-12">
                        <div class="footer-follow-us-text">Folge uns auf</div>
                        <div class="footer-follow-us-img">
                            <a href="https://www.facebook.com/derbeck.baeckerei/" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/facebook.svg" alt="Facebook Logo"></a>
                            <a href="https://www.instagram.com/derbeck.baeckerei/" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/instagram.svg"alt="instagram Logo"></a>
                            <a href="#" class="footer-follow-us-link"><img src="/Customers/DerBeck/256/Images/youtube.svg"alt="Youtube Logo"></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="footer-nav-sub row justify-content-center">

            <div class="col-auto col-xl-auto">
                <a href="/cms/agb" class="footer-nav-link">AGB</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Datenschutz" class="footer-nav-link">Datenschutz</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/impressum" class="footer-nav-link">Impressum</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Hinweisgeberstelle" class="footer-nav-link">Hinweisgeberstelle</a>
            </div>
            <div class="col-auto col-xl-auto">
                <a href="/cms/Beschwerdeverfahren" class="footer-nav-link">Beschwerdeverfahren LkSG</a>
            </div>

        </div>

    </div>
</footer>

    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>

    <script src="/bundles/jquery?v=DWWoOudfG2O38rlQuoE951u4s-SrxqZBsZmd4lmSTn41"></script>

    <script src="/bundles/ol?v=NY5xZ2eAU_f-spZ7VMep9Avi0YWkvMP4VSAo6Kz8ce01"></script>


<script src="/bundles/bootstrap?v=jqNvOKneZo-SkOrbspnabFVeunjNyg7GFH93oYQ2ykU1"></script>
    <script src="/bundles/bootstrap5?v=xpEt8Smz4iYwtQsDEhYMKYPuPkFCIfjoScKA9zPkZS01"></script>
    <script src="/bundles/lightbox_bs5?v=N5JUlDFPbDXVacWFtkJIDX1Xl2gj4IHy0i9pXtW54Ow1" async></script>

    <script src="/bundles/sam?v=JNij303jDv4_ErPEG6IiY2aNSGKrYbILaT7UERyzoFQ1" async></script>


    <!-- Plugin JavaScript - can be loaded async -->
    <script src="/Scripts/jquery.easing.min.js" async></script>
    <script src="/Scripts/scrollreveal.min.js" async></script>
    <script src="/Scripts/jquery.magnific-popup.min.js" async></script>
    <script src="/Scripts/creative.min.js" async></script>
<div id="cookieWarning" class="box-shadow-bottom fixed-footer backgroundWhite">
    <div class="d-flex flex-column m-2 text-center text-md-end">
        <span>Diese Website verwendet ausschließlich technisch notwendige Cookies. Wenn Sie die Website weiter nutzen, gehen wir von Ihrem Einverständnis aus.</span>
        <div class="justify-content-evenly justify-content-md-end d-flex">
            <button class="btn btn-primary me-3" onclick='setCookie("/","hidecookieWarning", "1", 7);jQuery("#cookieWarning").slideUp()'>OK</button>
            <a class="btn btn-primary" href="/Home/Privacy">Weiterlesen</a>
        </div>
    </div>
</div>

    

    
    


    <script src="/bundles/samtagmanager?v=X0hZY7bJOyaVzfhJLLvyeoNTHwR50UqOct1ky-WE6hg1"></script>


    <script>
        if (document.cookie.indexOf('hidecookieWarning=1') != -1) {
            jQuery('#cookieWarning').hide();
        }
        else {
            jQuery('#cookieWarningCloser').show();
        }
            
                $(document).on('click', '[data-toggle="lightbox"]', function (event) {
                    event.preventDefault();
                    $(this).ekkoLightbox({
                        alwaysShowClose: true
                    });
                });
            

        
            // Bootstrap 5: data-dismiss="modal" is no longer supported automatically
            // This solution closes any modal when an element with data-dismiss="modal" is clicked
            $(document).on('click', '[data-dismiss="modal"]', function () {
                var $modal = $(this).closest('.modal');
                if ($modal.length) {
                    var modalEl = $modal[0];
                    var bsModal = bootstrap.Modal.getOrCreateInstance(modalEl);
                    bsModal.hide();
                }
            });
        



        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });

        $(document).ready(function () {
            $('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
                var $el = $(this);
                var $parent = $(this).offsetParent(".dropdown-menu");
                if (!$(this).next().hasClass('show')) {
                    $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
                }
                var $subMenu = $(this).next(".dropdown-menu");
                $subMenu.toggleClass('show');

                $(this).parent("li").toggleClass('show');

                $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
                    $('.dropdown-menu .show').removeClass("show");
                });

                if (!$parent.parent().hasClass('navbar-nav')) {
                    $el.next().css({ "top": $el[0].offsetTop, "left": $parent.outerWidth() - 4 });
                }

                return false;
            });
        });


        $(document).ready(function () {
            $(document).on("click", "#btn_searchtopbar", function () {
                $("#searchpopover").show();
                if (parseInt($("#searchpopover").css('opacity')) == 0) {
                    $("#searchpopover").css('opacity', '1');
                }
                else {
                    $("#searchpopover").css('opacity', '0');
                }
            });


            $("#searchtopBar").on("input", function () {
                var searchinput = $(this).val();
                if (searchinput.length < 3) {
                    return;
                }
                $.post("/Catalog/ProductSearch", { searchinput: searchinput }, function (response) {
                    $("#searchResults").html(response).fadeIn();
                });
            });
        });
    </script>


</body>

</html>