<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
	    	

	
	<meta name="robots" content="noindex">
    
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="Schweizerischen Bundesgerichts, stämpfli, bge, luzern, lausane, bern, bundesgericht, schweiz">
    <meta name="description" content="Die Plattform „Amtliche Sammlung der Entscheidungen des Schweizerischen Bundesgerichts“">
	<meta name="referrer" content="unsafe-url">
    <!-- Favicon -->
    <link rel="apple-touch-icon" sizes="57x57" href="images/icons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/icons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/icons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/icons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/icons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/icons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/icons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/icons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/icons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="192x192" href="images/icons/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/icons/favicon-16x16.png">
    <title>Schweizerisches Bundesgericht - Shop</title>

    <!-- Bootstrap Core CSS -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/jquery/jquery-ui.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/funkyradio.css">
    <link rel="stylesheet" href="css/shop-classes.css">

    <!-- Jquery -->
    <script src="/js/jquery.min.js"></script>

    <!-- DataTable -->
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>

    <!-- Datepicker -->
    <link href="/datepicker/datepicker.css" rel="stylesheet">
    <script src="/datepicker/datepicker.js"></script>

    <!-- Google Fonts -->
    <!--noch keine fonts... -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <!-- Custom javascript -->
    <script src="/js/bootstrapjs/popper.min.js"></script>
    <script src="/js/bootstrapjs/bootstrap.min.js"></script>
    <script src="/js/script.js"></script>
    <script src="/js/pageManager/yearChangeFooter.js"></script>
    <script src="/js/pageManager/umleitungActive.js"></script>
</head>

<body id="body">
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container d-flex flex-column">
            <div class="w-100">
                <div class="container d-flex p-0" id="navbar">
                    <a href="https://bger.ch" class="ms-lg-0 d-none d-lg-flex">
                        <img src="/images/schweizerisches-bundesgericht-logo.png" alt="bge-logo" width="200">
                    </a>
                    <a href="https://bger.ch" class="ms-lg-0 d-flex d-lg-none">
                        <img src="/images/icons/android-chrome-192x192.png" alt="bge-logo" width="45">
                    </a>
                    <div class="ms-auto d-flex">
                        <div class="p-1 me-5">
                            <a href="javascript:void(0);" class="text-decoration-none text-black me-3 fw-bold"> DE </a>
                            <a href="javascript:void(0);" onclick="redirectLang('fr')" class="text-decoration-none text-black me-3"> FR </a>
                            <a href="javascript:void(0);" onclick="redirectLang('it')" class="text-decoration-none text-black me-3"> IT </a>
                        </div>
                        <br>
						
							<a href="#" class="nav-link ps-1 pe-1" aria-label="Konto" data-bs-toggle="offcanvas" data-bs-target="#login_register">
								<span class="glyphicon glyphicon-user"></span>
								<span class="line-height">
									<i class="bi bi-person-fill h4 mb-3"></i>
									<span class="d-none d-md-inline">Konto</span>
								</span>
							</a>
						
						
                        <br>
							
								
								<a href="#" class="nav-link ps-1 basketIcon" aria-label="Warenkorb" data-bs-toggle="offcanvas" data-bs-target="#basket">
									
										<span rel="tooltip" title="0 Artikel im Warenkorb">
											<span class="nav-link ps-1 pe-1">
												<i class="bi bi-cart4 h4 mb-3"></i>
												<span class="d-none d-md-inline">Warenkorb</span>
												
												
												
											</span>
										</span>
									
								</a>
							
						
                        <br>
                        <a href="/?home" class="nav-link ps-2 ps-lg-5" aria-label="Home">
                            <div class="position-relative">
                                <i class="bi bi-house p-1 h4"></i>
                                <div class="sticky-top position-absolute w-100"><i class="bi bi-house-door-fill h4 p-1"></i></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>

    <div class="justify-content-center align-items-center d-none" id="loading_artikelseite" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex;">
        <div class="card" style="z-index: 9999; display: flex;">
            <div class="card-body text-center">
                <div id="loading-circle" class="justify-content-center align-items-center" style="position: fixed; left: 0; right: 0; z-index: 999; display: flex;">
                    <div class="spinner-border text-primary" role="status">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                </div>
                <br><br>Daten werden geladen…<br>Wir bereiten alles für Sie vor.<br>
            </div>
        </div>
    </div>

    <!-- include-Content -->
    <main class="mb-5 pt-lg-5">
        <div class="mb-5 container">
            <div>

	
	


<link rel="stylesheet" href="css/home.css">

<div class="col-12 border-bottom border-black pb-2 mb-3">
    <h1 class="text-dark text-center">Amtliche Sammlung der Entscheidungen <br>des Schweizerischen Bundesgerichts</h1>
</div>
<h4 class="text-center fw-normal">Willkommen auf der Plattform der "Amtlichen Sammlung der Entscheidungen des
    Schweizerischen Bundesgerichts".<br>Folgende Abos und Produkte stehen Ihnen zum Kauf zur Verfügung:</h4>
<br>
<br>
<!-- DataTables CSS & JS -->
<div class="row">
    <h1>Abos</h1>

    <a class="col-12 col-md-6 p-2 text-decoration-none text-black" href="/?artikelliste&praesgrp=ABOONLIN&praessub=">
        <div class="p-4 card-light d-flex flex-column h-100">
            <div class="p-1">
                <h3>Online-Abo (BGE Gesamtausgabe Online) 
					<span class="btn p-0 m-0 h-100" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Zugang zur Expertensuche. Beste Suchmöglichkeiten in den BGE: optimierte Volltextsuche, Suche im Register, Suche nach Metadaten (Normen + Deskriptoren), Publikations- und Kommentarreferenzen, Index, Push-Filter, PDF." data-bs-original-title="" title="">
					<span class="mt-1 h3">ⓘ</span></span>
				</h3>

			</div>
            <i class="bi bi-arrow-right text-end mt-auto h1 home-sub-arrow"></i>
        </div>
    </a>

    <a class="col-12 col-md-6 p-2 text-decoration-none text-black" href="/?artikelliste&praesgrp=ABOPRINT&praessub=">
        <div class="p-4 card-light d-flex flex-column h-100">
            <div class="p-1">
                <h3>Kombi-Abo (Print + Online)</h3>
            </div>
            <i class="bi bi-arrow-right text-end mt-auto h1 home-sub-arrow"></i>
        </div>
    </a>

    <h1 class="mt-5">Weitere Produkte</h1>
    <a class="col-12 col-lg-4 p-2 text-decoration-none text-black" href="/?artikelliste&praesgrp=PRINTPRO&praessub=GESAMT">
        <div class="p-4 card-light d-flex flex-column h-100">
            <div class="p-1">
                <h3>Jahresbände (Gesamtausgabe Teile I - V)</h3>
            </div>
            <i class="bi bi-arrow-right text-end mt-auto h1 home-sub-arrow"></i>
        </div>
    </a>
    <a class="col-12 col-lg-4 p-2 text-decoration-none text-black" href="/?artikelliste&praesgrp=PRINTPRO&praessub=EINZELHE">
        <div class="p-4 card-light d-flex flex-column h-100">
            <div class="p-1">
                <h3>Einzelhefte (Teile I - V)</h3>
            </div>
            <i class="bi bi-arrow-right text-end mt-auto h1 home-sub-arrow"></i>
        </div>
    </a>    
    <a class="col-12 col-lg-4 p-2 text-decoration-none text-black" href="/?artikelliste&praesgrp=PRINTPRO&praessub=REGISTER">
        <div class="p-4 card-light d-flex flex-column h-100">
            <div class="p-1">
                <h3>Register</h3>
            </div>
            <i class="bi bi-arrow-right text-end mt-auto h1 home-sub-arrow"></i>
        </div>
    </a>
</div>

<script>
    function showPrice(id) {
        var x = document.getElementById(id).value;
        $('.price_' + id).hide();
        $('#price_' + x).show();
        console.log(id + "   " + x)
    }
    document.querySelectorAll(".card-light").forEach(a => {
        a.addEventListener("click", () => {
            $("#loading_artikelseite").removeClass("d-none");
            $("#loading_artikelseite").show();
        });
    });
	const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
	const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))

    function zeigeSprachauswahl() {
        // Prüfen, ob der Benutzer bereits die Sprachauswahl gesehen hat
        if (!localStorage.getItem('sprachauswahl_gezeigt')) {
            // Pop-Up erstellen mit Bootstrap-Styling
            const popup = document.createElement('div');
            popup.className = 'modal fade';
            popup.id = 'languageModal';
            popup.tabIndex = '-1';
            popup.setAttribute('aria-labelledby', 'languageModalLabel');
            popup.setAttribute('aria-hidden', 'true');
            popup.innerHTML = `
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header text-center d-flex justify-content-center border-0 mt-2">
                            <h5 class="modal-title" id="languageModalLabel">Bitte wählen Sie Ihre Sprache</h5>
                        </div>
                        <div class="modal-body text-center mb-4">
                            <button class="btn btn-primary m-2" onclick="sprachauswahlGesehen();window.location.href='/?home'">Deutsch (DE)</button>
                            <button class="btn btn-secondary m-2" onclick="window.location.href='https://fr.shop.bger.ch/?home&lang=set'">Französisch (FR)</button>
							<button class="btn btn-secondary m-2" onclick="window.location.href='https://it.shop.bger.ch/?home&lang=set'">Italienisch (IT)</button>
                        </div>
                    </div>
                </div>
            `;
            document.body.appendChild(popup);

            // Bootstrap Modal anzeigen
            const languageModal = new bootstrap.Modal(document.getElementById('languageModal'));
            languageModal.show();
        }
    }

    function sprachauswahlGesehen() {
        // Setze ein Flag im Local Storage, um anzuzeigen, dass die Auswahl gezeigt wurde
        localStorage.setItem('sprachauswahl_gezeigt', 'true');
        // Entferne das Modal
        const popup = document.getElementById('languageModal');
        if (popup) {
            const modalInstance = bootstrap.Modal.getInstance(popup);
            modalInstance.hide();
            popup.remove();
        }
    }

    // Rufe die Funktion beim Laden der Seite auf
    if (getURLParameter('lang') != "set") {
        zeigeSprachauswahl();
    } else {
        localStorage.setItem('sprachauswahl_gezeigt', 'true');
    }
</script></div>
        </div>
    </main>

    <!-- Footer -->
    <footer class="text-center text-lg-start bg-header-footer text-light p-1 border-top">
        <div>
            <div class="container text-center text-md-start mt-5">
                <div class="d-md-flex mt-3 flex-wrap">

                    <div class="col-md-6 col-lg-2 mx-auto mb-4 text-light text-decoration-none">
                        <p class="h5 text-uppercase fw-bold mb-4">
                            Links
                        </p>
                        <div>
                            <a href="/?home" class="text-light">Webshop Home</a><br>
                            <a href="/?hilfe" class="text-light">Hilfe</a><br>
                            <a href="/?Kontakt" class="text-light">Kontakt</a><br>
                            <span class="d-block d-md-none text-light text-decoration-none">
                                <a href="http://bger.ch" target="_blank" class="text-light">Web</a><br>
                                <a href="=" mages/agb_de.pdf"="" target="_blank" class="text-light">AGB</a>
                            </span>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-2 mx-auto mb-4 d-none d-md-block text-light text-decoration-none">
                        <p class="h5 text-uppercase fw-bold mb-4">&nbsp;</p><br>
                        <a href="http://bger.ch" target="_blank" class="text-light">Web</a><br>
                        <a href="/images/agb_de.pdf" target="_blank" class="text-light">AGB</a>
                    </div>

                    <div class="col-md-6 col-lg-2 mx-auto mb-4 text-light text-decoration-none">
                        <p class="text-uppercase fw-bold mb-4 h5">
                            Adresse
                        </p>
                        <div>
                            <a class="text-light" target="_blank" href="https://maps.app.goo.gl/o8eVajJGDhycw5G96">
                                Stämpfli AG<br>Wölflistrasse 1<br>CH-3001 Bern
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6 col-lg-4 mx-auto mb-md-0 mb-4 text-decoration-none">
                        <p class="h5 text-uppercase fw-bold mb-4">
                            Kontakt
                        </p>
                        <div>
                            <a class="text-light" href="tel:+41313006260">Telefon: +41 31 300 62 60<br></a>
                            <a class="text-light" href="tel:+41413491700"></a>
                            <a class="text-light" href="mailto:abobge@staempfli.ch">Mail: abobge@staempfli.ch</a>
                        </div>
                    </div>

                    <div class="col-md-12 col-lg-2 mx-auto mb-4 d-flex flex-column">

                        <p class="h5 text-uppercase fw-bold mb-4">
                        Versand
                
                    </p>
					
					<div class="col-10"> 
						<img src="images/post/Schweizerische_Post_Logo.svg" alt="ch-post" style="width: 60px">
					</div>
               
                    </div>

                </div>
            </div>
        </div>
        <div class="text-center pt-4">
            <hr>
            <p>© edp-services ag <span id="aktuellesJahr">aktuelles Jahr</span> alle Rechte vorbehalten</p>
        </div>
    </footer>

    <!-- Login -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="login_register">
        <div class="offcanvas-header pb-2">
            <h3 class="offcanvas-title d-none d-lg-block">Konto</h3>
            <p class="offcanvas-title d-lg-none d-block"><b></b><a href="/?home" class="text-decoration-none text-black"></a></p>
            <button type="button" class="btn-close text-reset text-light" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                <div>
				
				    <form id="authForm" action="https://api.bger.ch/japiform?test=true" method="POST">
						<div class="form-group mb-1">
						<label for="login_user">E-Mail:</label>
						<input type="email" class="form-control" id="login_user" name="login_user" required="">
						<div id="emailError" style="color: red; display: none; font-size: 0.9em; margin-top: 4px;">
							Bitte geben Sie eine gültige E-Mail-Adresse ein.
						</div>
						</div>

						<!-- Verstecktes Feld für JSON Payload -->
						<input type="hidden" name="payload" id="payload">

						<div class="form-group">
						<input type="submit" class="form-control btn btn-primary mb-2 mt-2" value="Anmeldelink anfordern">

						</div>
					</form>
					<br>
					<hr>
					<br>
					<div class="form-group">
						<h6>Alternatives Login</h6>
						<button onclick="location.href='/shop/shiblogin'" type="button" class="btn btn-outline-primary mt-1 w-100">Login für Hochschulangehörige</button>
						<button onclick="location.href='/?registration/erstellen'" type="button" class="btn btn-outline-primary mt-2 w-100 d-none">Erstmaliges Login zur Expertensuche</button>
					</div>
                  
                </div>

                <div class="d-none">
                    <h5><b>Registration</b></h5>
                    <button onclick="location.href='/?registration/neu'" type="button" class="btn btn-primary mt-2 w-100">Jetzt Registreiren</button>
                </div>
				<script>
				  document.getElementById('authForm').addEventListener('submit', function(event) {
					event.preventDefault();

					const emailInput = document.getElementById('login_user');
					const email = emailInput.value.trim();
					const errorBox = document.getElementById('emailError');

					// E-Mail-Validierung mit regulärem Ausdruck
					const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;

					if (!emailRegex.test(email)) {
					  errorBox.style.display = 'block';
					  emailInput.classList.add('is-invalid');
					  return; // stoppe Formularversand
					} else {
					  errorBox.style.display = 'none';
					  emailInput.classList.remove('is-invalid');
					}

					const payload = {
					  action: "authlink",
					  email: email,
					  targetKey_return: "ReturnLoginUrl",
					  targetKey_success: "SuccessLoginUrl",
					  targetKey_error: "ErrorUrl",
					  targetKey_landingpage: "LandingPageUrl",
					  mailTemplateKey_AuthConfirm: "auth_de"
					};

					document.getElementById('payload').value = JSON.stringify(payload);

					event.target.submit();
				  });
			</script>
            
            
                <div class="d-lg-none d-block navifation mobile-navigation">
					
					<span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\CMSParser.cs:line 453--></span>
						
							
							
						
									
					<span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\CMSParser.cs:line 430--></span>
					
                </div>
            
        </div>
        
    </div>

    <!-- Warenkorb -->
    <div class="offcanvas offcanvas-end text-dark" tabindex="-1" id="basket">
        <div class="offcanvas-header">
            <h3 class="offcanvas-title d-none d-sm-block">Warenkorb</h3>
            <button type="button" class="btn-close text-reset ms-auto" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            
                
                    <div class="text-center">
                        <div id="basketInner">
                            <div class="alert alert-danger">
                                <h5>
                                    <i class="bi bi-cart4 h4 me-2"></i>
                                    <span>Keine Artikel im Warenkorb</span>
                                </h5>
                            </div>
                        </div>
                        <button class="btn btn-primary w-100 mb-3" data-bs-dismiss="offcanvas">Weiter einkaufen</button>
                        
                            <hr class="mb-3">
                            <b>Sie haben bereits ein Konto?</b>
                            <p>Dann <a class="btn-link" href="#" data-bs-toggle="offcanvas" data-bs-target="#login_register">melden Sie sich hier an</a>, um die Bestellung
                                später schneller abzuschliessen.</p>
                        
                    </div>
                
                
            
        </div>
    </div>

    <div id="benutzer_navigation_inner" class="col-lg-3 mb-5">
        <div class="w-100 d-flex flex-row card-light d-flex flex-row py-3">
            <div class="rounded-circle d-flex" style="height: 40px; width: 40px; background-color: #D9D9D9;">
                <p class="my-auto mx-auto fw-bold"><i class="bi bi-person-fill h4"></i></p>
            </div>
            <div class="d-flex">
                <span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at Shop_Lib.GetEditRechnungsadresses() in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\Shop_Lib.cs:line 1228
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\CMSParser.cs:line 814--></span>
            </div>
        </div>
        <br>
        <h5 class="mb-1">Benutzerdaten</h5>
        <div class="w-100 d-flex flex-column card-light fw-bold">
            <a class="btn btn-account btn-adressen" aria-current="page" href="/?benutzerkonto/adressen">
                <i class="bi bi-house-door-fill me-3"></i> Meine Hauptadresse
            </a>
        </div>
        <br>
		<span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\CMSParser.cs:line 453--></span>
			
						
				<h5 class="mb-1">Abonnemente</h5>
				<div class="w-100 d-flex flex-column card-light fw-bold">
					<a class="btn btn-account btn-abos" href="/?benutzerkonto/abo/uebersicht">
						<i class="bi bi-newspaper me-3"></i> Meine Abonnemente
					</a>
				</div>
				<br>
				<h5 class="mb-1">Rechnungen</h5>
				<div class="w-100 d-flex flex-column card-light fw-bold">
					<a class="btn btn-account btn-rechnungen" href="/?benutzerkonto/rechnungen">
						<i class="bi bi-envelope-paper me-3"></i> Meine Rechnungen
					</a>
				</div>
				<br>
			
		
		<span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\bger-shop-new-test.faros.ch\App_Code\Libraries\CMSParser.cs:line 430--></span>
        <h5 class="mb-1">Häufige Fragen</h5>
        <div class="w-100 d-flex flex-column card-light fw-bold">
            <a class="btn btn-account btn-help" href="/?hilfe">
                <i class="bi bi-question-circle-fill me-3"></i> FAQ
            </a>
        </div>
		<br>
		<a href="/shop/logOffUser?startUrl=/?home" class="w-100 btn text-start ps-0 ms-0">Abmelden <i class="bi bi-box-arrow-right"></i></a>
    </div>

    <!-- allgemeiner Fehler Modal -->
    <div class="modal fade" id="errorModal" role="dialog" tabindex="-1" aria-labelledby="errorModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-danger">
                        <div id="errorModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- allgemeiner Info Modal -->
    <div class="modal fade" id="infoModal" tabindex="-1" aria-labelledby="infoModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="alert alert-success">
                        <div id="infoModalContent"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Schliessen</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Warenkorb loeschen -->
    <div class="modal fade" id="confirmModalWarenkorb" tabindex="-1" aria-labelledby="confirmModalWarenkorb" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body confirmModalWarenkorbText">
                    <div class="alert alert-danger">
                        Alle Artikel im Warenkorb löschen?
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nein</button>
                    <a href="/shop/killWarenkorb" class="btn btn-primary">Ja</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Login verifikation -->
    <div class="modal fade" id="resendActivation" tabindex="-1" aria-labelledby="resendActivation" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body resendActivationText">
                    <div class="alert alert-info">
                        Die E-Mail Adresse ist noch nicht verifiziert. Sollen wir dir eine neue Verifikation-E-Mail
                        senden?
                    </div>
                </div>
                <div class="modal-footer">
                    <form action="/shop/resendActivation">
                        <input type="hidden" id="verifyEmail" name="verifyEmail" value="">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Nein</button>
                        <input class="btn btn-primary" type="submit" value="ja">
                    </form>
                </div>
            </div>
        </div>
    </div>

    <noscript>
        <div style="position: fixed; top: 0px; left: 0px; z-index: 30000000; 
    height: 100%; width: 100%; background-color: #FFFFFF">
            <p style="margin-left: 10px">Bitte aktivieren Sie Javascript, um den Webshop nutzen zu können.</p>
        </div>
    </noscript>

    <script>
        window.onpagehide = (event) => {
            $("#loading_artikelseite").hide();
        };

        $("#loading_artikelseite").addClass("d-none");

        document.querySelectorAll(".btn-account").forEach(a => {
            a.addEventListener("click", () => {
                setTimeout(() => {
                    $("#loading_artikelseite").removeClass("d-none");
                }, 250);
            });
        });

        //fügt navigation dynamisch ein
        if (document.getElementById("benutzer_navigation")) {
            $('#benutzer_navigation_inner').addClass('d-none d-lg-block pe-0');
            const node = document.getElementById("benutzer_navigation_inner");
            document.getElementById("benutzer_navigation").replaceWith(node);
        } else {
            $('#benutzer_navigation_inner').hide();
        }

        //fügt basket dynamisch ein
        if (document.getElementById("offertBasket")) {
            const basket = document.getElementById("basketInner");
            const firstChildDiv = basketInner.firstElementChild;
            const clone = firstChildDiv.cloneNode(true)
            document.getElementById("offertBasket").appendChild(clone);
        }

        function StartPageFunction() {
            // für collapsible
            var coll = document.getElementsByClassName("collapsible");
            var i;

            for (i = 0; i < coll.length; i++) {
                coll[i].addEventListener("click", function () {
                    this.classList.toggle("active");
                    var content = this.nextElementSibling;
                    try {
                        if (content.style.display === "block") {
                            content.style.display = "none";
                        } else {
                            content.style.display = "block";
                        }
                    } catch (e) { }
                });
            }
        }

        // start function
        try {
            StartPageFunction();
        } catch (e) { }

        const mengenangabeMaster = document.querySelectorAll('.mengenangabeMaster');
        const mengenangabeMasterID = document.querySelectorAll('.mengenangabeMasterID');

        for (let i = 0; i < mengenangabeMaster.length; i++) {
            const element = mengenangabeMaster[i];
            element.addEventListener('blur', (event) => handleFormSubmitMaster(event, i));
            element.addEventListener('keypress', (event) => handleFormSubmitMaster(event, i));
        }

        function handleFormSubmitMaster(event, count) {
            if (event.type === "keypress" && event.key !== "Enter") {
                return;
            }
            event.preventDefault();
            window.location.href = "/shop/addItemMenge?itemID=" + mengenangabeMasterID[count].value +
                "&showCard=true&menge=" + mengenangabeMaster[count].value;
        }

		function redirectLang(lang) {
            const currentUrl = window.location.href;
            let newUrl = currentUrl.replace('de.', lang + '.');
			/*
            if($('#itemid').val()) {
                document.location.href = "https://" + lang + ".shop.bger.ch/fastorder?itemid=" + $('#itemid').val() + "&itemtitle=" + "" + "&defaultpage=" + window.location.search.split("?")[1] + "&loggedinpage=" + window.location.search.split("?")[1];
            } else {*/
				if (!newUrl.includes('lang=set')) {
					newUrl = newUrl + "&lang=set";
				}

				window.location.href = newUrl;
            /*}*/
        }

		document.getElementById("checkoutForm").addEventListener("submit", function (e) {
			const email = document.getElementById("emailInput").value.trim();
			if (!email) {
				alert("Bitte gib eine gültige E-Mail-Adresse ein.");
				e.preventDefault();
				return;
			}

		  const hiddenInputs = document.querySelectorAll("#myHiddenBasket input[type=hidden]");
		  const basket = [];

		  hiddenInputs.forEach(input => {
			const valueParts = input.value.split("|");
			const itemid = valueParts[0] || "";
			const qty = parseInt(valueParts[1]) || 1;
			const startdate = valueParts[2] || "";

			basket.push({ itemid, qty, startdate });
		  });

		  const payload = {
			action: "createcheckout",
			email: email,
			targetKey_return: "CheckoutConfirmPage",
			targetKey_offer: "OfferUrl",
			targetKey_error: "ErrorUrl",
			targetKey_landingpage: "LandingPageUrl",
			mailTemplateKey_BuyConfirm: "buyconfirm_de",
			basket: basket
		  };

		  document.getElementById("payloadInput").value = JSON.stringify(payload);
		});				
	</script>

</body></html>