<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <title>Shop - Hochparterre</title>
    <meta name="robots" content="noindex">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 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="https://static.hochparterre.ch/hp_assets/Css/cockpit.css">

    <!-- Jquery -->
    <script src="/js/jquery.min.js"></script>

    <!-- Custom javascript -->
    <script src="/js/bootstrapjs/popper.min.js"></script>
    <script src="/js/bootstrapjs/bootstrap.min.js"></script>
    <script src="/js/script.js"></script>
</head>

<body id="body">

    <div class="pageWrapper" x-data="">

        <header class="pageHeader">

            <div class="pageHeader__top">

                <div class="pageHeader__left">

                </div>

                <div class="pageHeader__right">

                    <ul class="nav nav--meta">

                        <li><a href="javascript:window.close();">
                                <div class="icon icon--cart">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="#000000" width="800px" height="800px" viewbox="0 0 256 256" id="Flat">
                                        <path d="M202.82861,197.17188a3.99991,3.99991,0,1,1-5.65722,5.65624L128,133.65723,58.82861,202.82812a3.99991,3.99991,0,0,1-5.65722-5.65624L122.343,128,53.17139,58.82812a3.99991,3.99991,0,0,1,5.65722-5.65624L128,122.34277l69.17139-69.17089a3.99991,3.99991,0,0,1,5.65722,5.65624L133.657,128Z"></path>
                                    </svg>
                                </div>
                            </a>
                        </li>

                    </ul>
                </div>
            </div>

            <div class="logo-wrapper" x-bind:class="{ 'logo--shifted': $store.page.anyMetaSubOpen || $store.page.navOpen }" style="--logo-shift: 0px;">
                <a href="/" class="logo no-hover" @click="$store.filter.clearFilter()">
                    <svg class="" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 90 90" style="enable-background:new 0 0 90 90;" xml:space="preserve">
                        <style type="text/css">
                            .st0 {
                                clip-path: url(#SVGID_2_);
                                fill: #E01B22;
                            }

                            .st1 {
                                fill: #E01B22;
                            }

                            .st2 {
                                clip-path: url(#SVGID_4_);
                                fill: #E01B22;
                            }

                            .st3 {
                                clip-path: url(#SVGID_6_);
                                fill: #E01B22;
                            }

                            .st4 {
                                clip-path: url(#SVGID_8_);
                                fill: #E01B22;
                            }
                        </style>
                        <g>
                            <defs>
                                <rect id="SVGID_1_" width="90" height="90"></rect>
                            </defs>
                            <clippath id="SVGID_2_">
                                <use xlink:href="#SVGID_1_" style="overflow:visible;"></use>
                            </clippath>
                            <path class="st0" d="M59.4,18.7h-4.2c-0.6,0-1.1-0.5-1.1-1.1V7.2c0-0.6,0.5-1.1,1.1-1.1h4.2c0.6,0,1.1,0.5,1.1,1.1v1.4h5.7V6.2
		C66.2,2.8,63.4,0,60,0h-6.2c-3.4,0-6.2,2.8-6.2,6.2v12.4c0,3.4,2.8,6.2,6.2,6.2H60c3.4,0,6.2-2.8,6.2-6.2v-2.5h-5.7v1.5
		C60.5,18.3,60,18.7,59.4,18.7"></path>
                        </g>
                        <polygon class="st1" points="0.1,65.2 0.1,90 18.6,90 18.6,83.9 6.3,83.8 6.3,80.6 14.7,80.6 14.7,74.5 6.2,74.5 6.3,71.3 
	18.6,71.3 18.6,65.2 "></polygon>
                        <polygon class="st1" points="71.5,65.2 71.5,90 90,90 90,83.9 77.7,83.8 77.7,80.6 86.1,80.6 86.1,74.5 77.6,74.5 77.7,71.3 
	90,71.3 90,65.2 "></polygon>
                        <polygon class="st1" points="70.3,32.6 70.3,39.4 76.8,39.4 76.8,57.4 83.5,57.4 83.5,39.4 90,39.4 90,32.6 ">
                        </polygon>
                        <g>
                            <defs>
                                <rect id="SVGID_3_" width="90" height="90"></rect>
                            </defs>
                            <clippath id="SVGID_4_">
                                <use xlink:href="#SVGID_3_" style="overflow:visible;"></use>
                            </clippath>
                            <path class="st2" d="M60.4,40.2v3.6v0.4c0,0.6-0.5,1.1-1.1,1.1h-4.1c-0.6,0-1.1-0.5-1.1-1.1v-0.4v-3.6v-0.4c0-0.6,0.5-1.1,1.1-1.1
		h4.1c0.6,0,1.1,0.5,1.1,1.1V40.2z M63.8,50.1c1.7-1.1,2.8-3,2.8-5.1v-6.2c0-3.4-2.8-6.2-6.2-6.2H47.9v24.8h6.2v-6.2h3l3.6,6.2h7.1
		L63.8,50.1z"></path>
                        </g>
                        <polygon class="st1" points="83.8,0 83.8,9.3 77.6,9.3 77.6,0 71.4,0 71.4,24.8 77.6,24.8 77.6,15.5 83.8,15.5 83.8,24.8 90,24.8 
	90,0 "></polygon>
                        <g>
                            <defs>
                                <rect id="SVGID_5_" width="90" height="90"></rect>
                            </defs>
                            <clippath id="SVGID_6_">
                                <use xlink:href="#SVGID_5_" style="overflow:visible;"></use>
                            </clippath>
                            <path class="st3" d="M36.1,17.7c0,0.6-0.5,1.1-1.1,1.1H31c-0.6,0-1.1-0.5-1.1-1.1V7.2c0-0.6,0.5-1.1,1.1-1.1H35
		c0.6,0,1.1,0.5,1.1,1.1V17.7z M36.2,0H30c-3.4,0-6.2,2.8-6.2,6.2v12.4c0,3.4,2.8,6.2,6.2,6.2h6.2c3.4,0,6.2-2.8,6.2-6.2V6.2
		C42.4,2.8,39.6,0,36.2,0"></path>
                        </g>
                        <polygon class="st1" points="12.4,0 12.4,9.3 6.2,9.3 6.2,0 0,0 0,24.8 6.2,24.8 6.2,15.5 12.4,15.5 12.4,24.8 18.6,24.8 18.6,0 ">
                        </polygon>
                        <g>
                            <defs>
                                <rect id="SVGID_7_" width="90" height="90"></rect>
                            </defs>
                            <clippath id="SVGID_8_">
                                <use xlink:href="#SVGID_7_" style="overflow:visible;"></use>
                            </clippath>
                            <path class="st4" d="M12.4,40.2v3.6v0.4c0,0.6-0.5,1.1-1.1,1.1H7.2c-0.6,0-1.1-0.5-1.1-1.1v-0.4v-3.6v-0.4c0-0.6,0.5-1.1,1.1-1.1
		h4.1c0.6,0,1.1,0.5,1.1,1.1V40.2z M12.4,32.6H0v24.8h6.2v-6.2h6.2c3.4,0,6.2-2.8,6.2-6.2v-6.2C18.6,35.4,15.8,32.6,12.4,32.6"></path>
                            <path class="st4" d="M36,40.2v3.6v0.4c0,0.6-0.5,1.1-1.1,1.1h-4.1c-0.6,0-1.1-0.5-1.1-1.1v-0.4v-3.6v-0.4c0-0.6,0.5-1.1,1.1-1.1
		h4.1c0.6,0,1.1,0.5,1.1,1.1V40.2z M36,32.6h-6.2c-3.4,0-6.2,2.8-6.2,6.2v18.6h6.2v-6.2H36v6.2h6.2V38.8
		C42.2,35.4,39.4,32.6,36,32.6"></path>
                            <path class="st4" d="M60.4,72.8v3.6v0.4c0,0.6-0.5,1.1-1.1,1.1h-4.1c-0.6,0-1.1-0.5-1.1-1.1v-0.4v-3.6v-0.4c0-0.6,0.5-1.1,1.1-1.1
		h4.1c0.6,0,1.1,0.5,1.1,1.1V72.8z M63.4,82.7c1.7-1.1,2.8-3,2.8-5.1v-6.2c0-3.4-2.8-6.2-6.2-6.2H47.6V90h6.2v-6.2h3l3.6,6.2h7.1
		L63.4,82.7z"></path>
                            <path class="st4" d="M36.1,72.7v3.6v0.4c0,0.6-0.5,1.1-1.1,1.1H31c-0.6,0-1.1-0.5-1.1-1.1v-0.4v-3.6v-0.4c0-0.6,0.5-1.1,1.1-1.1H35
		c0.6,0,1.1,0.5,1.1,1.1V72.7z M39.5,82.7c1.7-1.1,2.8-3,2.8-5.1v-6.2c0-3.4-2.8-6.2-6.2-6.2H23.7V90h6.2v-6.2h3l3.6,6.2h7.1
		L39.5,82.7z"></path>
                        </g>
                    </svg>

                </a>
            </div>
        </header>

        <div class="pageContent">
            <div class="pageContent__bg">
                <div class="pageContent__top">




                    <div class="empty"></div>


                </div>
                <div class="pageContent__main" style="min-height: 60vh;">




                    <div id="c722" class="frame frame-default frame-type-hochparterrecockpit_cockpitaddress frame-layout-0">



                        <div>

<div class="text-center">
    <h1>404</h1><p>Die Aufgerufene Seite existiert nicht.</p>
</div></div>


                        <div class="ce copckpit cockpit--addresses" style="display: none;">
                            <h1 class="header--level-2">Adressangaben</h1>

                            <h3>Rechungsadresse</h3>


                            <template x-for="address in user.addresses.main">
                                <form action="/cockpit/adressangaben?tx_hochparterrecockpit_cockpitaddress%5Baction%5D=upsertAddress&amp;tx_hochparterrecockpit_cockpitaddress%5Bcontroller%5D=Cockpit&amp;cHash=6d79eb1af9801006a83590b3f94e3dec" method="POST" class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed form--adress" x-data="{editMode: false}">
                                    <div class="gridelement__grid">
                                        <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][source]" :value="address.source">
                                        <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][externalId]" :value="address.externalId">
                                        <div class="input-group">
                                            <label>
                                                <span>Anrede</span>
                                                <select x-bind:disabled="!editMode" x-model="address.salutation">

                                                    <option value="00">Firma</option>

                                                    <option value="01">Herr</option>

                                                    <option value="02">Frau</option>

                                                </select>
                                            </label>
                                        </div>
                                        <div class="input-group">
                                            <label>
                                                <span>Vorname</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][firstName]" x-bind:disabled="!editMode" placeholder="Max" x-model="address.firstName">
                                            </label>
                                        </div>
                                        <div class="input-group">
                                            <label>
                                                <span>Name</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][lastName]" x-bind:disabled="!editMode" placeholder="Mustermann" x-model="address.lastName">
                                            </label>
                                        </div>
                                        <div class="input-group">
                                            <label>
                                                <span>Firma</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][company]" x-bind:disabled="!editMode" placeholder="Musterfirma" x-model="address.company">
                                            </label>
                                        </div>

                                        <div class="input-group input-group--grid">
                                            <label>
                                                <span>Strasse</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][street]" x-bind:disabled="!editMode" placeholder="Musterstrasse" x-model="address.street">
                                            </label>

                                            <label>
                                                <span>Nummer</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][streetNumber]" x-bind:disabled="!editMode" placeholder="10" x-model="address.streetNumber">
                                            </label>
                                        </div>

                                        <div class="input-group input-group--grid">
                                            <label>
                                                <span>PLZ</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][zip]" x-bind:disabled="!editMode" placeholder="8000" x-model="address.zip">
                                            </label>

                                            <label>
                                                <span>Ort</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][city]" x-bind:disabled="!editMode" placeholder="Zürich" x-model="address.city">
                                            </label>
                                        </div>

                                        <div class="input-group">
                                            <label>
                                                <span>Land</span>

                                                <select name="tx_hochparterrecockpit_cockpitaddress[address][country]" x-bind:disabled="!editMode" x-model="address.country">

                                                    <option value="CH">Schweiz</option>

                                                    <option value="DE">Deutschland</option>

                                                    <option value="AT">Österreich</option>

                                                </select>
                                            </label>
                                        </div>

                                        <div class="input-group">
                                            <label>
                                                <span>Telefonnummer</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][phone]" x-bind:disabled="!editMode" placeholder="012 234 567 89" x-model="address.phone">
                                            </label>
                                        </div>

                                        <div class="input-group">
                                            <label>
                                                <span>Geburtsdatum</span>
                                                <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][birthdate]" x-bind:disabled="!editMode" placeholder="tt.mm.jjjj" x-model="address.birthdate">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="mt--medium_small form--actions">
                                        <button class="btn" @click.prevent="editMode = true" x-show="!editMode">Angaben
                                            ändern</button>
                                        <button class="btn" x-show="editMode">Angaben speichern</button>
                                        <button class="btn" x-show="editMode">Adresse löschen</button>
                                    </div>
                                </form>
                            </template>
                            <form action="/cockpit/adressangaben?tx_hochparterrecockpit_cockpitaddress%5Baction%5D=upsertAddress&amp;tx_hochparterrecockpit_cockpitaddress%5Bcontroller%5D=Cockpit&amp;cHash=6d79eb1af9801006a83590b3f94e3dec" method="POST" class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed form--adress" x-data="{editMode: false}">
                                <div class="gridelement__grid">
                                    <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][source]" :value="address.source" value="faros">
                                    <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][externalId]" :value="address.externalId" value="ffe5e851-3674-51b8-e914-801fa061727b">
                                    <div class="input-group">
                                        <label>
                                            <span>Anrede</span>
                                            <select x-bind:disabled="!editMode" x-model="address.salutation" disabled="disabled">

                                                <option value="00">Firma</option>

                                                <option value="01">Herr</option>

                                                <option value="02">Frau</option>

                                            </select>
                                        </label>
                                    </div>
                                    <div class="input-group">
                                        <label>
                                            <span>Vorname</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][firstName]" x-bind:disabled="!editMode" placeholder="Max" x-model="address.firstName" disabled="disabled">
                                        </label>
                                    </div>
                                    <div class="input-group">
                                        <label>
                                            <span>Name</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][lastName]" x-bind:disabled="!editMode" placeholder="Mustermann" x-model="address.lastName" disabled="disabled">
                                        </label>
                                    </div>
                                    <div class="input-group">
                                        <label>
                                            <span>Firma</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][company]" x-bind:disabled="!editMode" placeholder="Musterfirma" x-model="address.company" disabled="disabled">
                                        </label>
                                    </div>

                                    <div class="input-group input-group--grid">
                                        <label>
                                            <span>Strasse</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][street]" x-bind:disabled="!editMode" placeholder="Musterstrasse" x-model="address.street" disabled="disabled">
                                        </label>

                                        <label>
                                            <span>Nummer</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][streetNumber]" x-bind:disabled="!editMode" placeholder="10" x-model="address.streetNumber" disabled="disabled">
                                        </label>
                                    </div>

                                    <div class="input-group input-group--grid">
                                        <label>
                                            <span>PLZ</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][zip]" x-bind:disabled="!editMode" placeholder="8000" x-model="address.zip" disabled="disabled">
                                        </label>

                                        <label>
                                            <span>Ort</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][city]" x-bind:disabled="!editMode" placeholder="Zürich" x-model="address.city" disabled="disabled">
                                        </label>
                                    </div>

                                    <div class="input-group">
                                        <label>
                                            <span>Land</span>

                                            <select name="tx_hochparterrecockpit_cockpitaddress[address][country]" x-bind:disabled="!editMode" x-model="address.country" disabled="disabled">

                                                <option value="CH">Schweiz</option>

                                                <option value="DE">Deutschland</option>

                                                <option value="AT">Österreich</option>

                                            </select>
                                        </label>
                                    </div>

                                    <div class="input-group">
                                        <label>
                                            <span>Telefonnummer</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][phone]" x-bind:disabled="!editMode" placeholder="012 234 567 89" x-model="address.phone" disabled="disabled">
                                        </label>
                                    </div>

                                    <div class="input-group">
                                        <label>
                                            <span>Geburtsdatum</span>
                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][birthdate]" x-bind:disabled="!editMode" placeholder="tt.mm.jjjj" x-model="address.birthdate" disabled="disabled">
                                        </label>
                                    </div>
                                </div>
                                <div class="mt--medium_small form--actions">
                                    <button class="btn" @click.prevent="editMode = true" x-show="!editMode">Angaben
                                        ändern</button>
                                    <button class="btn" x-show="editMode" style="display: none;">Angaben
                                        speichern</button>
                                    <button class="btn" x-show="editMode" style="display: none;">Adresse
                                        löschen</button>
                                </div>
                            </form>


                            <div x-data="{expanded: false}" class="additional-addresses dropdown">
                                <div class="dropdown__header" @click="expanded = !expanded">
                                    <h3>Lieferadressen</h3>
                                    <div class="dropdown__trigger" :class="expanded ? 'dropdown__trigger--expanded' : ''">
                                        <div class="icon icon--arrow icon--arrow--down">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="0.8" stroke="currentColor" class="icon">
                                                <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h16"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div x-show="expanded" class="dropdown__content" style="display: none;">
                                    <template x-for="address in user.addresses.additional">

                                        <form action="/cockpit/adressangaben?tx_hochparterrecockpit_cockpitaddress%5Baction%5D=upsertAddress&amp;tx_hochparterrecockpit_cockpitaddress%5Bcontroller%5D=Cockpit&amp;cHash=6d79eb1af9801006a83590b3f94e3dec" method="POST" class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed form--adress" x-data="{editMode: false}">
                                            <div class="gridelement__grid">
                                                <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][source]" :value="address.source">
                                                <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][externalId]" :value="address.externalId">
                                                <div class="input-group">
                                                    <label>
                                                        <span>Anrede</span>
                                                        <select x-bind:disabled="!editMode" x-model="address.salutation">

                                                            <option value="00">Firma</option>

                                                            <option value="01">Herr</option>

                                                            <option value="02">Frau</option>

                                                        </select>
                                                    </label>
                                                </div>
                                                <div class="input-group">
                                                    <label>
                                                        <span>Vorname</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][firstName]" x-bind:disabled="!editMode" placeholder="Max" x-model="address.firstName">
                                                    </label>
                                                </div>
                                                <div class="input-group">
                                                    <label>
                                                        <span>Name</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][lastName]" x-bind:disabled="!editMode" placeholder="Mustermann" x-model="address.lastName">
                                                    </label>
                                                </div>
                                                <div class="input-group">
                                                    <label>
                                                        <span>Firma</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][company]" x-bind:disabled="!editMode" placeholder="Musterfirma" x-model="address.company">
                                                    </label>
                                                </div>

                                                <div class="input-group input-group--grid">
                                                    <label>
                                                        <span>Strasse</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][street]" x-bind:disabled="!editMode" placeholder="Musterstrasse" x-model="address.street">
                                                    </label>

                                                    <label>
                                                        <span>Nummer</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][streetNumber]" x-bind:disabled="!editMode" placeholder="10" x-model="address.streetNumber">
                                                    </label>
                                                </div>

                                                <div class="input-group input-group--grid">
                                                    <label>
                                                        <span>PLZ</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][zip]" x-bind:disabled="!editMode" placeholder="8000" x-model="address.zip">
                                                    </label>

                                                    <label>
                                                        <span>Ort</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][city]" x-bind:disabled="!editMode" placeholder="Zürich" x-model="address.city">
                                                    </label>
                                                </div>

                                                <div class="input-group">
                                                    <label>
                                                        <span>Land</span>

                                                        <select name="tx_hochparterrecockpit_cockpitaddress[address][country]" x-bind:disabled="!editMode" x-model="address.country">

                                                            <option value="CH">Schweiz</option>

                                                            <option value="DE">Deutschland</option>

                                                            <option value="AT">Österreich</option>

                                                        </select>
                                                    </label>
                                                </div>

                                                <div class="input-group">
                                                    <label>
                                                        <span>Telefonnummer</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][phone]" x-bind:disabled="!editMode" placeholder="012 234 567 89" x-model="address.phone">
                                                    </label>
                                                </div>

                                                <div class="input-group">
                                                    <label>
                                                        <span>Geburtsdatum</span>
                                                        <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][birthdate]" x-bind:disabled="!editMode" placeholder="tt.mm.jjjj" x-model="address.birthdate">
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="mt--medium_small form--actions">
                                                <button class="btn" @click.prevent="editMode = true" x-show="!editMode">Angaben ändern</button>
                                                <button class="btn" x-show="editMode">Angaben speichern</button>
                                                <button class="btn" x-show="editMode">Adresse löschen</button>
                                            </div>
                                        </form>

                                    </template>
                                    <form action="/cockpit/adressangaben?tx_hochparterrecockpit_cockpitaddress%5Baction%5D=upsertAddress&amp;tx_hochparterrecockpit_cockpitaddress%5Bcontroller%5D=Cockpit&amp;cHash=6d79eb1af9801006a83590b3f94e3dec" method="POST" class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed form--adress" x-data="{editMode: false}">
                                        <div class="gridelement__grid">
                                            <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][source]" :value="address.source" value="faros">
                                            <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][externalId]" :value="address.externalId" value="d79d64df-7e00-2bb1-da14-c68a69871868">
                                            <div class="input-group">
                                                <label>
                                                    <span>Anrede</span>
                                                    <select x-bind:disabled="!editMode" x-model="address.salutation" disabled="disabled">

                                                        <option value="00">Firma</option>

                                                        <option value="01">Herr</option>

                                                        <option value="02">Frau</option>

                                                    </select>
                                                </label>
                                            </div>
                                            <div class="input-group">
                                                <label>
                                                    <span>Vorname</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][firstName]" x-bind:disabled="!editMode" placeholder="Max" x-model="address.firstName" disabled="disabled">
                                                </label>
                                            </div>
                                            <div class="input-group">
                                                <label>
                                                    <span>Name</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][lastName]" x-bind:disabled="!editMode" placeholder="Mustermann" x-model="address.lastName" disabled="disabled">
                                                </label>
                                            </div>
                                            <div class="input-group">
                                                <label>
                                                    <span>Firma</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][company]" x-bind:disabled="!editMode" placeholder="Musterfirma" x-model="address.company" disabled="disabled">
                                                </label>
                                            </div>

                                            <div class="input-group input-group--grid">
                                                <label>
                                                    <span>Strasse</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][street]" x-bind:disabled="!editMode" placeholder="Musterstrasse" x-model="address.street" disabled="disabled">
                                                </label>

                                                <label>
                                                    <span>Nummer</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][streetNumber]" x-bind:disabled="!editMode" placeholder="10" x-model="address.streetNumber" disabled="disabled">
                                                </label>
                                            </div>

                                            <div class="input-group input-group--grid">
                                                <label>
                                                    <span>PLZ</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][zip]" x-bind:disabled="!editMode" placeholder="8000" x-model="address.zip" disabled="disabled">
                                                </label>

                                                <label>
                                                    <span>Ort</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][city]" x-bind:disabled="!editMode" placeholder="Zürich" x-model="address.city" disabled="disabled">
                                                </label>
                                            </div>

                                            <div class="input-group">
                                                <label>
                                                    <span>Land</span>

                                                    <select name="tx_hochparterrecockpit_cockpitaddress[address][country]" x-bind:disabled="!editMode" x-model="address.country" disabled="disabled">

                                                        <option value="CH">Schweiz</option>

                                                        <option value="DE">Deutschland</option>

                                                        <option value="AT">Österreich</option>

                                                    </select>
                                                </label>
                                            </div>

                                            <div class="input-group">
                                                <label>
                                                    <span>Telefonnummer</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][phone]" x-bind:disabled="!editMode" placeholder="012 234 567 89" x-model="address.phone" disabled="disabled">
                                                </label>
                                            </div>

                                            <div class="input-group">
                                                <label>
                                                    <span>Geburtsdatum</span>
                                                    <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][birthdate]" x-bind:disabled="!editMode" placeholder="tt.mm.jjjj" x-model="address.birthdate" disabled="disabled">
                                                </label>
                                            </div>
                                        </div>
                                        <div class="mt--medium_small form--actions">
                                            <button class="btn" @click.prevent="editMode = true" x-show="!editMode">Angaben ändern</button>
                                            <button class="btn" x-show="editMode" style="display: none;">Angaben
                                                speichern</button>
                                            <button class="btn" x-show="editMode" style="display: none;">Adresse
                                                löschen</button>
                                        </div>
                                    </form>
                                    <div x-data="{addNew: false, editMode: false}">
                                        <div x-show="addNew" style="display: none;">
                                            <form action="/cockpit/adressangaben?tx_hochparterrecockpit_cockpitaddress%5Baction%5D=upsertAddress&amp;tx_hochparterrecockpit_cockpitaddress%5Bcontroller%5D=Cockpit&amp;cHash=6d79eb1af9801006a83590b3f94e3dec" method="POST" class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed form--adress" x-data="{editMode: false}">
                                                <div class="gridelement__grid">
                                                    <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][source]" :value="address.source">
                                                    <input type="hidden" name="tx_hochparterrecockpit_cockpitaddress[address][externalId]" :value="address.externalId">
                                                    <div class="input-group">
                                                        <label>
                                                            <span>Anrede</span>
                                                            <select x-bind:disabled="!editMode" x-model="address.salutation" disabled="disabled">

                                                                <option value="00">Firma</option>

                                                                <option value="01">Herr</option>

                                                                <option value="02">Frau</option>

                                                            </select>
                                                        </label>
                                                    </div>
                                                    <div class="input-group">
                                                        <label>
                                                            <span>Vorname</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][firstName]" x-bind:disabled="!editMode" placeholder="Max" x-model="address.firstName" disabled="disabled">
                                                        </label>
                                                    </div>
                                                    <div class="input-group">
                                                        <label>
                                                            <span>Name</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][lastName]" x-bind:disabled="!editMode" placeholder="Mustermann" x-model="address.lastName" disabled="disabled">
                                                        </label>
                                                    </div>
                                                    <div class="input-group">
                                                        <label>
                                                            <span>Firma</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][company]" x-bind:disabled="!editMode" placeholder="Musterfirma" x-model="address.company" disabled="disabled">
                                                        </label>
                                                    </div>

                                                    <div class="input-group input-group--grid">
                                                        <label>
                                                            <span>Strasse</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][street]" x-bind:disabled="!editMode" placeholder="Musterstrasse" x-model="address.street" disabled="disabled">
                                                        </label>

                                                        <label>
                                                            <span>Nummer</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][streetNumber]" x-bind:disabled="!editMode" placeholder="10" x-model="address.streetNumber" disabled="disabled">
                                                        </label>
                                                    </div>

                                                    <div class="input-group input-group--grid">
                                                        <label>
                                                            <span>PLZ</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][zip]" x-bind:disabled="!editMode" placeholder="8000" x-model="address.zip" disabled="disabled">
                                                        </label>

                                                        <label>
                                                            <span>Ort</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][city]" x-bind:disabled="!editMode" placeholder="Zürich" x-model="address.city" disabled="disabled">
                                                        </label>
                                                    </div>

                                                    <div class="input-group">
                                                        <label>
                                                            <span>Land</span>

                                                            <select name="tx_hochparterrecockpit_cockpitaddress[address][country]" x-bind:disabled="!editMode" x-model="address.country" disabled="disabled">

                                                                <option value="CH">Schweiz</option>

                                                                <option value="DE">Deutschland</option>

                                                                <option value="AT">Österreich</option>

                                                            </select>
                                                        </label>
                                                    </div>

                                                    <div class="input-group">
                                                        <label>
                                                            <span>Telefonnummer</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][phone]" x-bind:disabled="!editMode" placeholder="012 234 567 89" x-model="address.phone" disabled="disabled">
                                                        </label>
                                                    </div>

                                                    <div class="input-group">
                                                        <label>
                                                            <span>Geburtsdatum</span>
                                                            <input type="text" name="tx_hochparterrecockpit_cockpitaddress[address][birthdate]" x-bind:disabled="!editMode" placeholder="tt.mm.jjjj" x-model="address.birthdate" disabled="disabled">
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="mt--medium_small form--actions">
                                                    <button class="btn" @click.prevent="editMode = true" x-show="!editMode">Angaben ändern</button>
                                                    <button class="btn" x-show="editMode" style="display: none;">Angaben
                                                        speichern</button>
                                                    <button class="btn" x-show="editMode" style="display: none;">Adresse
                                                        löschen</button>
                                                </div>
                                            </form>
                                        </div>
                                        <button class="btn" @click="addNew = true;editMode = true">Addresse
                                            hinzufügen</button>
                                    </div>
                                </div>
                            </div>

                            <h3>temporär: Radio / Checkboxes</h3>
                            <form class="gridelelement gridelelement--b13-3cols-33 gridelelement--fixed">
                                <div class="gridelement__grid">
                                    <div class="input-group">
                                        <label class="formlabel formlabel--radioCheckbox" for="radio1">
                                            <span class="pseudoInput"></span>
                                            <input type="radio" name="addressType" id="radio1" value="1">
                                            <span>Radio Group 1, Value 1</span>
                                        </label>
                                    </div>
                                    <div class="input-group">
                                        <label class="formlabel formlabel--radioCheckbox" for="radio2">
                                            <span class="pseudoInput"></span>
                                            <input type="radio" name="addressType" id="radio2" value="2">
                                            <span>Radio Group 1, Value 2</span>
                                        </label>
                                    </div>

                                    <div class="input-group">
                                        <label class="formlabel formlabel--radioCheckbox" for="checkbox1">
                                            <span class="pseudoInput"></span>
                                            <input type="checkbox" name="addressType" id="checkbox1" value="1">
                                            <span>Checkbox</span>
                                        </label>
                                    </div>
                                </div>
                            </form>
                        </div>















                    </div>






                </div>
            </div>
        </div>

        <footer class="pageFooter">
            <div class="footer__col footer__col-1">
                <a href="/">Abonnieren Sie unseren Newsletter</a>

                <ul class="nav nav--footer nav--icon">
                    <li>
                        <label class="formlabel formlabel--radioCheckbox">
                            <span class="pseudoInput"></span>
                            <input type="checkbox" name="footerNav" id="footerNav1" value="1">
                            <span>Hochparterre</span>
                        </label>
                    </li>
                    <li>
                        <label class="formlabel formlabel--radioCheckbox">
                            <span class="pseudoInput"></span>
                            <input type="checkbox" name="footerNav" id="footerNav2" value="2">
                            <span>Hochparterre Wettbewerbe</span>
                        </label>
                    </li>
                    <li>
                        <label class="formlabel formlabel--radioCheckbox">
                            <span class="pseudoInput"></span>
                            <input type="checkbox" name="footerNav" id="footerNav3" value="3">
                            <span>Edition Hochparterre</span>
                        </label>
                    </li>

                </ul>

                <a href="#" class="btn">anmelden</a>
            </div>
            <div class="footer__col footer__col-2">
                <ul class="nav nav--footer">

                    <li><a href="https://www.hochparterre.ch/rss">RSS</a></li>

                    <li><a href="https://www.hochparterre.ch/ueber-hochparterre">Über Hochparterre</a></li>

                    <li><a href="https://www.hochparterre.ch/verlag/ueber-uns">Team</a></li>

                    <li><a href="https://www.hochparterre.ch/impressum">Impressum</a></li>

                    <li><a href="https://www.hochparterre.ch/datenschutz">Datenschutz</a></li>

                    <li><a href="https://www.hochparterre.ch/rechtliche-hinweise">Rechtliche Hinweise</a></li>

                    <li><a href="https://www.hochparterre.ch/mediadaten">Mediadaten</a></li>

                    <li><a href="https://www.hochparterre.ch/faq">FAQ</a></li>
                </ul>
            </div>
            <div class="footer__col footer__col-3">
                <div class="copyright">
                    <span>Hochparterre AG, Verlag für Architektur, Planung und Design</span>
                    <span>Ausstellungsstrasse 25, CH-8005 Zürich</span>
                    <span>Telefon +41 44 444 28 88</span>
                    <span><a href="mailto:verlag@hochparerre.ch">verlag@hochparterre.ch</a></span>
                </div>
            </div>
        </footer>
    </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" 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>
                    </div>
                
                
            

            <span><!-- Ungültiges Tag. Fehler: System.NullReferenceException: Object reference not set to an instance of an object.
   at Shop_Lib.GetOffer() in c:\inetpub\testshop.hochparterre.ch\App_Code\Libraries\Shop_Lib.cs:line 879
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\testshop.hochparterre.ch\App_Code\Libraries\CMSParser.cs:line 1202--></span>
            <!-- Falls hier kein Totalbetrag angezeigt wird, ist das Abo noch nicht fertig eingerichtet:
            <cms type="shopModul" value="offerteTotal">
                <br>
                <div class="row">
                    <div class="col-6">
                        <span>
                            <strong>
                                <cms type="outputTag" value="span">{1}</cms>
                            </strong>
                        </span>
                    </div>
                    <div class="col-6">
                        <span>
                            <strong>CHF <cms type="outputTag" value="span">{2}</cms></strong>
                        </span>
                    </div>
                </div>
            </cms>
            -->
        </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\testshop.hochparterre.ch\App_Code\Libraries\Shop_Lib.cs:line 1129
   at CMSParser.ParseHTML(String inputHTML, String arguments) in c:\inetpub\testshop.hochparterre.ch\App_Code\Libraries\CMSParser.cs:line 732--></span>
            </div>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Benutzerdaten</h5>
        <div class="w-100 d-flex flex-column card-light fw-bold">
            <a class="btn btn-adressen text-muted text-start p-0" aria-current="page" href="">
                <i class="bi bi-house-door-fill me-3"></i> Meine Adresse
            </a>
            <a class="btn btn-password text-muted text-start p-0" href="">
                <i class="bi bi-key me-3"></i> Passwort
            </a>
            <a class="btn btn-email text-muted text-start p-0" href="">
                <i class="bi bi-envelope me-3"></i> E-Mail
            </a>
            <a class="btn btn-account btn-kreditkarten" href="/?benutzerkonto/kreditkarten">
                <i class="bi bi-credit-card me-3"></i> Kreditkarte
            </a>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Dienstleistungen</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 Abos
            </a>
            <a class="btn btn-newsletter text-muted text-start p-0" href="">
                <i class="bi bi-postcard me-3"></i> Newsletter
            </a>
            <a class="btn  text-muted text-start p-0 btn-mitgliedschaft" href="">
                <i class="bi bi-person me-3"></i> Mitgliedschaft
            </a>
        </div>
        <br>
        <h5 class="border-bottom border-dark">Rechnungen</h5>
        <div class="w-100 d-flex flex-column card-light fw-bold">
            <a class="btn text-muted text-start p-0 btn-rechnungen" href="">
                <i class="bi bi-envelope-paper me-3"></i> Meine Rechnungen
            </a>
        </div>
    </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>
        if (getURLParameter("newCheckout") == "true") {
            $("#testCheckout").show();
        }



        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);
            });
        });

        document.addEventListener("DOMContentLoaded", function () {
            bodyResize();
        });

        function saveStartDate(date, itemID) {
            console.log(date, itemID);
            $.get("/shop/removeItem?itemid=" + itemID, function () {
                if (itemID != "") {
                    $.get("/shop/addItem?itemID=" + itemID + "&startDate=" + date, function () {
                        document.location.href = window.location.href;
                    });
                }
            });
        }

        //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);
        }

        // Wird benötigt
        // Password show Button 
        var pw = document.getElementById('passwort');
        var confirm_password = document.getElementById('passwort_hidden');
        var new_pw = document.getElementById('new_pw');
        var new_pw_validate = document.getElementById('new_pw_validate');
        var new_pw_change = document.getElementById('newpassword');
        var new_pw_validate_change = document.getElementById('newpassword_second');

        function PWcheck() {
            if (pw.value != confirm_password.value) {
                confirm_password.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(pw.value) || pw.value.search(/\?/) != "-1" || pw.value.search(/\&/) != "-1") {
                pw.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                confirm_password.setCustomValidity('');
                pw.setCustomValidity('');
            }
        }

        function showPW() {
            if (pw.type === "password") {
                pw.type = "text";
            } else {
                pw.type = "password";
            }
        }

        function showSecondPW() {
            if (confirm_password.type === "password") {
                confirm_password.type = "text";
            } else {
                confirm_password.type = "password";
            }
        }

        var passwordcheck = document.getElementById('passwort_hidden');

        function showHiddenPW() {
            if (passwordcheck.type === "password") {
                passwordcheck.type = "text";
            } else {
                passwordcheck.type = "password";
            }
        }

        function checkNewPW() {
            if (new_pw.value != new_pw_validate.value) {
                new_pw_validate.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(new_pw.value) || new_pw.value.search(/\?/) != "-1" || new_pw.value.search(/\&/) !=
                "-1") {
                new_pw.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                new_pw_validate.setCustomValidity('');
                new_pw.setCustomValidity('');
            }
        }

        function showNewPW_Benutzerkonto() {
            if (new_pw.type === "password") {
                new_pw.type = "text";
            } else {
                new_pw.type = "password";
            }
        }

        function showSecondPW_Benutzerkonto() {
            if (new_pw_validate.type === "password") {
                new_pw_validate.type = "text";
            } else {
                new_pw_validate.type = "password";
            }
        }

        function showNewPW_change() {
            if (new_pw_change.type === "password") {
                new_pw_change.type = "text";
            } else {
                new_pw_change.type = "password";
            }
        }

        function showSecondPW_change() {
            if (new_pw_validate_change.type === "password") {
                new_pw_validate_change.type = "text";
            } else {
                new_pw_validate_change.type = "password";
            }
        }

        function checkNewPWChange() {
            if (new_pw_change.value != new_pw_validate_change.value) {
                new_pw_validate_change.setCustomValidity('Passwörter stimmen nicht überein');
            } else if (/\s/.test(new_pw_change.value) || new_pw_change.value.search(/\?/) != "-1" || new_pw_change.value
                .search(/\&/) != "-1") {
                new_pw_change.setCustomValidity('Passwörter dürfen kein Leerschlag, (?) oder ein (&) enthalten.');
            } else {
                new_pw_validate_change.setCustomValidity('');
                new_pw_change.setCustomValidity('');
            }
        }

        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;
        }

        $('.navbar .dropdown').hover(function () {
            $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
        }, function () {
            $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
        });
    </script>
</body></html>