Musikalben \u2013 Bestellliste | RoZe<\/title>\n\n<style>\n:root{--pink:#ff6699;--pale:#fbe8f0;--ink:#333;--line:#e0b8c8;--paper:#fffafc}\n*{box-sizing:border-box}\n.roze-shop{font:16px\/1.45 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--pale);padding:clamp(10px,2.5vw,22px);border-radius:12px;max-width:1100px;margin:auto;box-shadow:0 4px 14px rgba(0,0,0,.10)}\n.roze-title{background:var(--pink);color:white;font-size:1.3rem;font-weight:bold;text-align:center;padding:12px 16px;border-radius:8px;margin:0 0 12px}\n.roze-intro{font-size:.92rem;margin:0 0 14px;line-height:1.45}\n.roze-table-wrap{width:100%}\n.roze-shop table{border-collapse:collapse;width:100%;table-layout:fixed;background:var(--paper)}\n.roze-shop th{background:#ffe3ed;border-top:2px solid var(--pink);border-bottom:2px solid var(--pink);font-size:.9rem;text-align:left;padding:9px 6px}\n.roze-shop td{border-bottom:1px solid var(--line);padding:9px 6px;vertical-align:middle}\n.roze-shop tbody tr.group-start td{border-top:2px solid var(--line)}\n.roze-shop .article{font-weight:bold;color:#963454;text-align:center}\n.roze-shop .lang{text-align:center;font-weight:normal}\n.roze-shop .money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}\n.roze-shop .quantity{text-align:center}\n.roze-shop input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink);vertical-align:middle}\n.roze-shop input[type=number],.roze-shop input[type=text],.roze-shop input[type=email],.roze-shop input[type=number],.roze-shop textarea{font:inherit;border:1px solid #c9b9c0;border-radius:6px;padding:8px;background:white;color:var(--ink);width:100%;min-width:0}\n.roze-shop input[type=number]{text-align:center;padding:6px 2px}\n.roze-shop tfoot td{background:#ffe3ed;border-top:2px solid var(--pink);font-weight:bold}\n.roze-shop .total-label{text-align:right}\n.roze-shop .total-value{text-align:right;white-space:nowrap;font-size:1.08rem}\n.roze-shop .section-title{color:var(--pink);font-size:1.08rem;margin:22px 0 8px}\n.roze-shop .privacy{font-size:.82rem;color:#51474c;margin:8px 0 14px}\n.roze-shop .buyer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.roze-shop label.field{display:block;font-size:.9rem}\n.roze-shop label.field span{display:block;margin-bottom:4px}\n.roze-shop .checks{margin-top:14px;display:grid;gap:10px;font-size:.9rem}\n.roze-shop .checks label{display:flex;align-items:flex-start;gap:9px}\n.roze-shop .checks input{flex:0 0 auto;margin-top:4px;accent-color:var(--pink)}\n.roze-shop .submit{background:var(--pink);color:white;border:2px solid var(--pink);border-radius:8px;padding:12px 18px;font-weight:bold;font-size:1rem;cursor:pointer;width:100%;margin-top:16px}\n.roze-shop .submit:hover,.roze-shop .submit:focus{background:white;color:var(--pink)}\n.roze-shop .fineprint{font-size:.78rem;color:#675b61;margin:16px 0 0;border-top:1px solid var(--line);padding-top:10px}\n@media(max-width:650px){\n .roze-shop{padding:9px;border-radius:8px;font-size:14px}\n .roze-title{font-size:1.12rem;padding:10px}\n .roze-shop th{font-size:.76rem;padding:7px 3px}\n .roze-shop td{padding:7px 3px}\n .roze-shop .lang{font-size:.78rem}\n .roze-shop .money{font-size:.78rem}\n .roze-shop .album{font-size:.82rem;line-height:1.3;overflow-wrap:anywhere}\n .roze-shop .buyer-fields{grid-template-columns:1fr}\n .roze-shop input[type=number]{font-size:.85rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"roze-shop\">\n <h2 class=\"roze-title\">Mu\u00adsikal\u00adben \u2013 Bestellliste<\/h2>\n <p class=\"roze-intro\">Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: <strong>27,77 \u20ac<\/strong>.<\/p>\n\n \n <form id=\"roze-order-form\">\n <div class=\"roze-table-wrap\">\n <table aria-label=\"Bestellliste f\u00fcr Musikalben\">\n <colgroup>\n <col style=\"width:2.5rem\"><col style=\"width:3.1rem\"><col style=\"width:3rem\"><col><col style=\"width:5.5rem\"><col style=\"width:4.3rem\"><col style=\"width:5.7rem\">\n <\/colgroup>\n <thead><tr>\n <th>\u2611<\/th><th>Art.<\/th><th>Spr.<\/th><th>Al\u00adbum (je 26 Ti\u00adtel)<\/th><th style=\"text-align:right\">Preis<\/th><th style=\"text-align:center\">Anz.<\/th><th style=\"text-align:right\">Ge\u00adsamt<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Deutsch ausw\u00e4hlen\"><\/td><td class=\"article\">A<\/td><td class=\"lang\">DE<\/td><td class=\"album\">W\u00fcn\u00adsche wi\u00adder Wi\u00adder\u00adspr\u00fc\u00adche: DDR 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Deutsch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Ungarisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">HU<\/td><td class=\"album\">K\u00ed\u00adv\u00e1ns\u00e1\u00adgok az el\u00adlent\u00admon\u00add\u00e1\u00adsok el\u00adlen: NDK 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Ungarisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Englisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">EN<\/td><td class=\"album\">De\u00adsi\u00adre against ex\u00adpec\u00adta\u00adti\u00adons: GDR 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Englisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Deutsch ausw\u00e4hlen\"><\/td><td class=\"article\">B<\/td><td class=\"lang\">DE<\/td><td class=\"album\">Un\u00adgarns Frei\u00adheit, mei\u00adne Freiheit<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Deutsch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Ungarisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">HU<\/td><td class=\"album\">Ma\u00adgyar\u00ador\u00adsz\u00e1g sza\u00adbad\u00ads\u00e1\u00adga, az \u00e9n szabads\u00e1gom<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Ungarisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Englisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">EN<\/td><td class=\"album\">Hungary\u2019s Free\u00addom, My Freedom<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Englisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Instrumental ausw\u00e4hlen\"><\/td><td class=\"article\">C<\/td><td class=\"lang\">DE<\/td><td class=\"album\">Na\u00adt\u00fcr\u00adli\u00adche Re\u00adso\u00adnanz \u2013 Zu\u00adr\u00fcck zur Wur\u00adzel (In\u00adstru\u00admen\u00adtal)<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Instrumental\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <\/tbody>\n <tfoot><tr><td colspan=\"6\" class=\"total-label\">Ge\u00adsamt\u00adsum\u00adme<\/td><td class=\"money total-value\" id=\"grand-total\">0,00 \u20ac<\/td><\/tr><\/tfoot>\n <\/table>\n <\/div>\n\n <p class=\"privacy\">Da\u00adten\u00adspar\u00adsam\u00adkeit: F\u00fcr die Be\u00adstel\u00adlung wer\u00adden nur Vor\u00adna\u00adme und E\u2011\u00adMail-Adres\u00adse be\u00adn\u00f6\u00adtigt. Stadt und Al\u00adter sind frei\u00adwil\u00adli\u00adge An\u00adga\u00adben f\u00fcr ei\u00adne an\u00adony\u00adme Sta\u00adtis\u00adtik. Ei\u00adne Lie\u00adfer\u00adan\u00adschrift wird hier nicht abgefragt.<\/p>\n <h3 class=\"section-title\">An\u00adga\u00adben zur Bestellung<\/h3>\n <div class=\"buyer-fields\">\n <label class=\"field\"><span>Vor\u00adna\u00adme *<\/span><input type=\"text\" name=\"first_name\" autocomplete=\"given-name\" required><\/label>\n <label class=\"field\"><span>E\u2011\u00adMail-Adres\u00adse *<\/span><input type=\"email\" name=\"email\" autocomplete=\"email\" required><\/label>\n <label class=\"field\"><span>Stadt (frei\u00adwil\u00adlig)<\/span><input type=\"text\" name=\"city\" autocomplete=\"address-level2\"><\/label>\n <label class=\"field\"><span>Al\u00adter (frei\u00adwil\u00adlig)<\/span><input type=\"number\" name=\"age\" min=\"1\" max=\"120\" inputmode=\"numeric\"><\/label>\n <\/div>\n <div class=\"checks\">\n <label><input type=\"checkbox\" name=\"order_confirm\" required><span>Ich be\u00adst\u00e4\u00adti\u00adge, dass ich die oben aus\u00adge\u00adw\u00e4hl\u00adten Alb\u00adum\u00adfas\u00adsun\u00adgen be\u00adstel\u00adlen m\u00f6chte. *<\/span><\/label>\n <label><input type=\"checkbox\" name=\"terms\" required><span>Ich ha\u00adbe die All\u00adge\u00admei\u00adnen Ge\u00adsch\u00e4fts\u00adbe\u00addin\u00adgun\u00adgen (AGB) ge\u00adle\u00adsen und er\u00adken\u00adne sie an. *<\/span><\/label>\n <\/div>\n <button class=\"submit\" type=\"submit\">Bitte diese Bestellung abschicken<\/button>\n <p class=\"fineprint\">* Pflicht\u00adfel\u00adder. Spr.: DE = Deutsch \u00b7 HU = Un\u00adga\u00adrisch \u00b7 EN = Englisch.<\/p>\n <\/form>\n\n <p class=\"fineprint\">* Ro\u00adZe = (Herr) Ro\u00adsa von Zehn\u00adle (\u00far) \u2013 ein HTML-Ser\u00advice vom 175er Ver\u00adlag. Ge\u00adstal\u00adtung und Skript: RoZe.<\/p>\n<\/section>\n\n<script>\n\/* RoZe-Programm: Bestelllisten-Skript vom 175er Verlag.\n Berechnung und Formularpr\u00fcfung durch RoZe. *\/\n(function () {\n const form = document.getElementById('roze-order-form');\n const rows = Array.from(form.querySelectorAll('[data-item]'));\n const totalNode = document.getElementById('grand-total');\n const euro = n => n.toLocaleString('de-DE', {minimumFractionDigits:2, maximumFractionDigits:2}) + '\\u00a0\u20ac';\n\n function recalculate(changedRow, changedBy) {\n let grand = 0;\n rows.forEach(row => {\n const check = row.querySelector('[data-check]');\n const qty = row.querySelector('[data-qty]');\n const price = Number(row.querySelector('[data-price]').dataset.price);\n if (row === changedRow && changedBy === 'check') {\n qty.value = check.checked ? Math.max(1, Number(qty.value) || 0) : 0;\n }\n if (row === changedRow && changedBy === 'qty') {\n qty.value = Math.max(0, Math.floor(Number(qty.value) || 0));\n check.checked = Number(qty.value) > 0;\n }\n const quantity = Math.max(0, Math.floor(Number(qty.value) || 0));\n const lineTotal = quantity * price;\n row.querySelector('[data-sum]').textContent = euro(lineTotal);\n grand += lineTotal;\n });\n totalNode.textContent = euro(grand);\n return grand;\n }\n rows.forEach(row => {\n row.querySelector('[data-check]').addEventListener('change', () => recalculate(row, 'check'));\n row.querySelector('[data-qty]').addEventListener('input', () => recalculate(row, 'qty'));\n });\n form.addEventListener('submit', function (event) {\n event.preventDefault();\n const total = recalculate();\n const chosen = rows.filter(row => Number(row.querySelector('[data-qty]').value) > 0);\n if (!chosen.length) {\n alert('Bitte mindestens eine Albumfassung mit einer Anzahl ausw\u00e4hlen.');\n return;\n }\n if (!form.reportValidity()) return;\n const emailTarget = 'BITTE-DEINE-EMAIL-ADRESSE-HIER-EINTRAGEN';\n if (emailTarget.includes('BITTE-DEINE-EMAIL')) {\n alert('Die Berechnung funktioniert. Vor dem Live-Einsatz muss im HTML-Code noch deine Bestell-E-Mail-Adresse eingetragen und ein Versandweg eingerichtet werden. Eine statische HTML-Datei kann Bestellungen nicht selbstst\u00e4ndig zuverl\u00e4ssig versenden.');\n return;\n }\n const data = new FormData(form);\n const lines = chosen.map(row => {\n const cells = row.querySelectorAll('td');\n return `${cells[1].textContent.trim()} | ${cells[2].textContent.trim()} | ${cells[3].textContent.trim()} | Anzahl: ${row.querySelector('[data-qty]').value} | ${row.querySelector('[data-sum]').textContent}`;\n });\n const body = [\n 'Neue Musikbestellung',\n '',\n ...lines,\n '',\n 'Gesamtsumme: ' + euro(total),\n 'Vorname: ' + data.get('first_name'),\n 'E-Mail: ' + data.get('email'),\n 'Stadt (freiwillig): ' + (data.get('city') || 'nicht angegeben'),\n 'Alter (freiwillig): ' + (data.get('age') || 'nicht angegeben'),\n 'Bestellvorgang best\u00e4tigt: ja',\n 'AGB anerkannt: ja'\n ].join('\\n');\n window.location.href = 'mailto:' + encodeURIComponent(emailTarget) + '?subject=' + encodeURIComponent('Musikbestellung') + '&body=' + encodeURIComponent(body);\n });\n recalculate();\n})();\n<\/script>\n\n<\/body>\n\n<p>Views: 2<\/p><\/html>","protected":false},"excerpt":{"rendered":"<p>Mu\u00adsikal\u00adben \u2013 Be\u00adstell\u00adlis\u00adte | Ro\u00adZe Mu\u00adsikal\u00adben \u2013 Be\u00adstell\u00adlis\u00adte Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: 27,77 \u20ac. \u2611 Art. Spr. Al\u00adbum (je 26 Ti\u00adtel) \u2026 <a title=\"Shop\" class=\"hm-read-more\" href=\"https:\/\/175er-verlag.org\/.recherchiert\/shop-2\"><span class=\"screen-reader-text\">Shop<\/span>Wei\u00adter\u00adle\u00adsen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","wp_typography_post_enhancements_disabled":false,"footnotes":""},"class_list":["post-11882","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"hybridmag-featured-image":false,"hybridmag-archive-image":false,"hybridmag-archive-image-large":false,"hybridmag-thumbnail":false},"uagb_author_info":{"display_name":"RoZe-recherchiert","author_link":"https:\/\/175er-verlag.org\/.recherchiert\/archive\/author\/roze-recherchiert"},"uagb_comment_info":0,"uagb_excerpt":"Musikalben \u2013 Bestellliste | RoZe Mu\u00adsikal\u00adben \u2013 Bestellliste Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: 27,77 \u20ac. \u2611 Art. Spr. Al\u00adbum (je 26 Titel) … ShopWeiterlesen","_links":{"self":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/comments?post=11882"}],"version-history":[{"count":3,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882\/revisions"}],"predecessor-version":[{"id":12278,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882\/revisions\/12278"}],"wp:attachment":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/media?parent=11882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11882,"date":"2026-09-05T18:05:27","date_gmt":"2026-09-05T16:05:27","guid":{"rendered":"https:\/\/175er-verlag.org\/.recherchiert\/shop-2"},"modified":"2026-10-24T00:02:02","modified_gmt":"2026-10-23T22:02:02","slug":"shop-2","status":"publish","type":"page","link":"https:\/\/175er-verlag.org\/.recherchiert\/shop-2","title":{"rendered":"Shop"},"content":{"rendered":"\n\n\n\n\nMusikalben \u2013 Bestellliste | RoZe<\/title>\n\n<style>\n:root{--pink:#ff6699;--pale:#fbe8f0;--ink:#333;--line:#e0b8c8;--paper:#fffafc}\n*{box-sizing:border-box}\n.roze-shop{font:16px\/1.45 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--pale);padding:clamp(10px,2.5vw,22px);border-radius:12px;max-width:1100px;margin:auto;box-shadow:0 4px 14px rgba(0,0,0,.10)}\n.roze-title{background:var(--pink);color:white;font-size:1.3rem;font-weight:bold;text-align:center;padding:12px 16px;border-radius:8px;margin:0 0 12px}\n.roze-intro{font-size:.92rem;margin:0 0 14px;line-height:1.45}\n.roze-table-wrap{width:100%}\n.roze-shop table{border-collapse:collapse;width:100%;table-layout:fixed;background:var(--paper)}\n.roze-shop th{background:#ffe3ed;border-top:2px solid var(--pink);border-bottom:2px solid var(--pink);font-size:.9rem;text-align:left;padding:9px 6px}\n.roze-shop td{border-bottom:1px solid var(--line);padding:9px 6px;vertical-align:middle}\n.roze-shop tbody tr.group-start td{border-top:2px solid var(--line)}\n.roze-shop .article{font-weight:bold;color:#963454;text-align:center}\n.roze-shop .lang{text-align:center;font-weight:normal}\n.roze-shop .money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}\n.roze-shop .quantity{text-align:center}\n.roze-shop input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink);vertical-align:middle}\n.roze-shop input[type=number],.roze-shop input[type=text],.roze-shop input[type=email],.roze-shop input[type=number],.roze-shop textarea{font:inherit;border:1px solid #c9b9c0;border-radius:6px;padding:8px;background:white;color:var(--ink);width:100%;min-width:0}\n.roze-shop input[type=number]{text-align:center;padding:6px 2px}\n.roze-shop tfoot td{background:#ffe3ed;border-top:2px solid var(--pink);font-weight:bold}\n.roze-shop .total-label{text-align:right}\n.roze-shop .total-value{text-align:right;white-space:nowrap;font-size:1.08rem}\n.roze-shop .section-title{color:var(--pink);font-size:1.08rem;margin:22px 0 8px}\n.roze-shop .privacy{font-size:.82rem;color:#51474c;margin:8px 0 14px}\n.roze-shop .buyer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n.roze-shop label.field{display:block;font-size:.9rem}\n.roze-shop label.field span{display:block;margin-bottom:4px}\n.roze-shop .checks{margin-top:14px;display:grid;gap:10px;font-size:.9rem}\n.roze-shop .checks label{display:flex;align-items:flex-start;gap:9px}\n.roze-shop .checks input{flex:0 0 auto;margin-top:4px;accent-color:var(--pink)}\n.roze-shop .submit{background:var(--pink);color:white;border:2px solid var(--pink);border-radius:8px;padding:12px 18px;font-weight:bold;font-size:1rem;cursor:pointer;width:100%;margin-top:16px}\n.roze-shop .submit:hover,.roze-shop .submit:focus{background:white;color:var(--pink)}\n.roze-shop .fineprint{font-size:.78rem;color:#675b61;margin:16px 0 0;border-top:1px solid var(--line);padding-top:10px}\n@media(max-width:650px){\n .roze-shop{padding:9px;border-radius:8px;font-size:14px}\n .roze-title{font-size:1.12rem;padding:10px}\n .roze-shop th{font-size:.76rem;padding:7px 3px}\n .roze-shop td{padding:7px 3px}\n .roze-shop .lang{font-size:.78rem}\n .roze-shop .money{font-size:.78rem}\n .roze-shop .album{font-size:.82rem;line-height:1.3;overflow-wrap:anywhere}\n .roze-shop .buyer-fields{grid-template-columns:1fr}\n .roze-shop input[type=number]{font-size:.85rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"roze-shop\">\n <h2 class=\"roze-title\">Mu\u00adsikal\u00adben \u2013 Bestellliste<\/h2>\n <p class=\"roze-intro\">Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: <strong>27,77 \u20ac<\/strong>.<\/p>\n\n \n <form id=\"roze-order-form\">\n <div class=\"roze-table-wrap\">\n <table aria-label=\"Bestellliste f\u00fcr Musikalben\">\n <colgroup>\n <col style=\"width:2.5rem\"><col style=\"width:3.1rem\"><col style=\"width:3rem\"><col><col style=\"width:5.5rem\"><col style=\"width:4.3rem\"><col style=\"width:5.7rem\">\n <\/colgroup>\n <thead><tr>\n <th>\u2611<\/th><th>Art.<\/th><th>Spr.<\/th><th>Al\u00adbum (je 26 Ti\u00adtel)<\/th><th style=\"text-align:right\">Preis<\/th><th style=\"text-align:center\">Anz.<\/th><th style=\"text-align:right\">Ge\u00adsamt<\/th>\n <\/tr><\/thead>\n <tbody>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Deutsch ausw\u00e4hlen\"><\/td><td class=\"article\">A<\/td><td class=\"lang\">DE<\/td><td class=\"album\">W\u00fcn\u00adsche wi\u00adder Wi\u00adder\u00adspr\u00fc\u00adche: DDR 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Deutsch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Ungarisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">HU<\/td><td class=\"album\">K\u00ed\u00adv\u00e1ns\u00e1\u00adgok az el\u00adlent\u00admon\u00add\u00e1\u00adsok el\u00adlen: NDK 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Ungarisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Englisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">EN<\/td><td class=\"album\">De\u00adsi\u00adre against ex\u00adpec\u00adta\u00adti\u00adons: GDR 1984\/1<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Englisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Deutsch ausw\u00e4hlen\"><\/td><td class=\"article\">B<\/td><td class=\"lang\">DE<\/td><td class=\"album\">Un\u00adgarns Frei\u00adheit, mei\u00adne Freiheit<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Deutsch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Ungarisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">HU<\/td><td class=\"album\">Ma\u00adgyar\u00ador\u00adsz\u00e1g sza\u00adbad\u00ads\u00e1\u00adga, az \u00e9n szabads\u00e1gom<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Ungarisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Englisch ausw\u00e4hlen\"><\/td><td><\/td><td class=\"lang\">EN<\/td><td class=\"album\">Hungary\u2019s Free\u00addom, My Freedom<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Englisch\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <tr class=\"group-start\" data-item>\n <td><input type=\"checkbox\" data-check aria-label=\"Instrumental ausw\u00e4hlen\"><\/td><td class=\"article\">C<\/td><td class=\"lang\">DE<\/td><td class=\"album\">Na\u00adt\u00fcr\u00adli\u00adche Re\u00adso\u00adnanz \u2013 Zu\u00adr\u00fcck zur Wur\u00adzel (In\u00adstru\u00admen\u00adtal)<\/td><td class=\"money\" data-price=\"27.77\">27,77 \u20ac<\/td><td class=\"quantity\"><input type=\"number\" min=\"0\" step=\"1\" value=\"0\" data-qty aria-label=\"Anzahl Instrumental\"><\/td><td class=\"money\" data-sum>0,00 \u20ac<\/td>\n <\/tr>\n <\/tbody>\n <tfoot><tr><td colspan=\"6\" class=\"total-label\">Ge\u00adsamt\u00adsum\u00adme<\/td><td class=\"money total-value\" id=\"grand-total\">0,00 \u20ac<\/td><\/tr><\/tfoot>\n <\/table>\n <\/div>\n\n <p class=\"privacy\">Da\u00adten\u00adspar\u00adsam\u00adkeit: F\u00fcr die Be\u00adstel\u00adlung wer\u00adden nur Vor\u00adna\u00adme und E\u2011\u00adMail-Adres\u00adse be\u00adn\u00f6\u00adtigt. Stadt und Al\u00adter sind frei\u00adwil\u00adli\u00adge An\u00adga\u00adben f\u00fcr ei\u00adne an\u00adony\u00adme Sta\u00adtis\u00adtik. Ei\u00adne Lie\u00adfer\u00adan\u00adschrift wird hier nicht abgefragt.<\/p>\n <h3 class=\"section-title\">An\u00adga\u00adben zur Bestellung<\/h3>\n <div class=\"buyer-fields\">\n <label class=\"field\"><span>Vor\u00adna\u00adme *<\/span><input type=\"text\" name=\"first_name\" autocomplete=\"given-name\" required><\/label>\n <label class=\"field\"><span>E\u2011\u00adMail-Adres\u00adse *<\/span><input type=\"email\" name=\"email\" autocomplete=\"email\" required><\/label>\n <label class=\"field\"><span>Stadt (frei\u00adwil\u00adlig)<\/span><input type=\"text\" name=\"city\" autocomplete=\"address-level2\"><\/label>\n <label class=\"field\"><span>Al\u00adter (frei\u00adwil\u00adlig)<\/span><input type=\"number\" name=\"age\" min=\"1\" max=\"120\" inputmode=\"numeric\"><\/label>\n <\/div>\n <div class=\"checks\">\n <label><input type=\"checkbox\" name=\"order_confirm\" required><span>Ich be\u00adst\u00e4\u00adti\u00adge, dass ich die oben aus\u00adge\u00adw\u00e4hl\u00adten Alb\u00adum\u00adfas\u00adsun\u00adgen be\u00adstel\u00adlen m\u00f6chte. *<\/span><\/label>\n <label><input type=\"checkbox\" name=\"terms\" required><span>Ich ha\u00adbe die All\u00adge\u00admei\u00adnen Ge\u00adsch\u00e4fts\u00adbe\u00addin\u00adgun\u00adgen (AGB) ge\u00adle\u00adsen und er\u00adken\u00adne sie an. *<\/span><\/label>\n <\/div>\n <button class=\"submit\" type=\"submit\">Bitte diese Bestellung abschicken<\/button>\n <p class=\"fineprint\">* Pflicht\u00adfel\u00adder. Spr.: DE = Deutsch \u00b7 HU = Un\u00adga\u00adrisch \u00b7 EN = Englisch.<\/p>\n <\/form>\n\n <p class=\"fineprint\">* Ro\u00adZe = (Herr) Ro\u00adsa von Zehn\u00adle (\u00far) \u2013 ein HTML-Ser\u00advice vom 175er Ver\u00adlag. Ge\u00adstal\u00adtung und Skript: RoZe.<\/p>\n<\/section>\n\n<script>\n\/* RoZe-Programm: Bestelllisten-Skript vom 175er Verlag.\n Berechnung und Formularpr\u00fcfung durch RoZe. *\/\n(function () {\n const form = document.getElementById('roze-order-form');\n const rows = Array.from(form.querySelectorAll('[data-item]'));\n const totalNode = document.getElementById('grand-total');\n const euro = n => n.toLocaleString('de-DE', {minimumFractionDigits:2, maximumFractionDigits:2}) + '\\u00a0\u20ac';\n\n function recalculate(changedRow, changedBy) {\n let grand = 0;\n rows.forEach(row => {\n const check = row.querySelector('[data-check]');\n const qty = row.querySelector('[data-qty]');\n const price = Number(row.querySelector('[data-price]').dataset.price);\n if (row === changedRow && changedBy === 'check') {\n qty.value = check.checked ? Math.max(1, Number(qty.value) || 0) : 0;\n }\n if (row === changedRow && changedBy === 'qty') {\n qty.value = Math.max(0, Math.floor(Number(qty.value) || 0));\n check.checked = Number(qty.value) > 0;\n }\n const quantity = Math.max(0, Math.floor(Number(qty.value) || 0));\n const lineTotal = quantity * price;\n row.querySelector('[data-sum]').textContent = euro(lineTotal);\n grand += lineTotal;\n });\n totalNode.textContent = euro(grand);\n return grand;\n }\n rows.forEach(row => {\n row.querySelector('[data-check]').addEventListener('change', () => recalculate(row, 'check'));\n row.querySelector('[data-qty]').addEventListener('input', () => recalculate(row, 'qty'));\n });\n form.addEventListener('submit', function (event) {\n event.preventDefault();\n const total = recalculate();\n const chosen = rows.filter(row => Number(row.querySelector('[data-qty]').value) > 0);\n if (!chosen.length) {\n alert('Bitte mindestens eine Albumfassung mit einer Anzahl ausw\u00e4hlen.');\n return;\n }\n if (!form.reportValidity()) return;\n const emailTarget = 'BITTE-DEINE-EMAIL-ADRESSE-HIER-EINTRAGEN';\n if (emailTarget.includes('BITTE-DEINE-EMAIL')) {\n alert('Die Berechnung funktioniert. Vor dem Live-Einsatz muss im HTML-Code noch deine Bestell-E-Mail-Adresse eingetragen und ein Versandweg eingerichtet werden. Eine statische HTML-Datei kann Bestellungen nicht selbstst\u00e4ndig zuverl\u00e4ssig versenden.');\n return;\n }\n const data = new FormData(form);\n const lines = chosen.map(row => {\n const cells = row.querySelectorAll('td');\n return `${cells[1].textContent.trim()} | ${cells[2].textContent.trim()} | ${cells[3].textContent.trim()} | Anzahl: ${row.querySelector('[data-qty]').value} | ${row.querySelector('[data-sum]').textContent}`;\n });\n const body = [\n 'Neue Musikbestellung',\n '',\n ...lines,\n '',\n 'Gesamtsumme: ' + euro(total),\n 'Vorname: ' + data.get('first_name'),\n 'E-Mail: ' + data.get('email'),\n 'Stadt (freiwillig): ' + (data.get('city') || 'nicht angegeben'),\n 'Alter (freiwillig): ' + (data.get('age') || 'nicht angegeben'),\n 'Bestellvorgang best\u00e4tigt: ja',\n 'AGB anerkannt: ja'\n ].join('\\n');\n window.location.href = 'mailto:' + encodeURIComponent(emailTarget) + '?subject=' + encodeURIComponent('Musikbestellung') + '&body=' + encodeURIComponent(body);\n });\n recalculate();\n})();\n<\/script>\n\n<\/body>\n\n<p>Views: 2<\/p><\/html>","protected":false},"excerpt":{"rendered":"<p>Mu\u00adsikal\u00adben \u2013 Be\u00adstell\u00adlis\u00adte | Ro\u00adZe Mu\u00adsikal\u00adben \u2013 Be\u00adstell\u00adlis\u00adte Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: 27,77 \u20ac. \u2611 Art. Spr. Al\u00adbum (je 26 Ti\u00adtel) \u2026 <a title=\"Shop\" class=\"hm-read-more\" href=\"https:\/\/175er-verlag.org\/.recherchiert\/shop-2\"><span class=\"screen-reader-text\">Shop<\/span>Wei\u00adter\u00adle\u00adsen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","wp_typography_post_enhancements_disabled":false,"footnotes":""},"class_list":["post-11882","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"hybridmag-featured-image":false,"hybridmag-archive-image":false,"hybridmag-archive-image-large":false,"hybridmag-thumbnail":false},"uagb_author_info":{"display_name":"RoZe-recherchiert","author_link":"https:\/\/175er-verlag.org\/.recherchiert\/archive\/author\/roze-recherchiert"},"uagb_comment_info":0,"uagb_excerpt":"Musikalben \u2013 Bestellliste | RoZe Mu\u00adsikal\u00adben \u2013 Bestellliste Je\u00adde Alb\u00adum\u00adfas\u00adsung ent\u00adh\u00e4lt 26 Ti\u00adtel: 13 Ti\u00adtel in ru\u00adhi\u00adger Ver\u00adsi\u00adon und die\u00adsel\u00adben 13 Ti\u00adtel in kraft\u00advol\u00adler Ver\u00adsi\u00adon. Preis je Fas\u00adsung: 27,77 \u20ac. \u2611 Art. Spr. Al\u00adbum (je 26 Titel) … ShopWeiterlesen","_links":{"self":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/comments?post=11882"}],"version-history":[{"count":3,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882\/revisions"}],"predecessor-version":[{"id":12278,"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/pages\/11882\/revisions\/12278"}],"wp:attachment":[{"href":"https:\/\/175er-verlag.org\/.recherchiert\/wp-json\/wp\/v2\/media?parent=11882"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}