{"id":3985,"date":"2026-08-03T14:44:07","date_gmt":"2026-08-03T12:44:07","guid":{"rendered":"https:\/\/shoeeyeq.com\/bestellen\/"},"modified":"2026-08-03T14:44:07","modified_gmt":"2026-08-03T12:44:07","slug":"bestellen","status":"publish","type":"page","link":"https:\/\/shoeeyeq.com\/fr\/bestellen\/","title":{"rendered":"Commander"},"content":{"rendered":"<style id=\"pp-layout-3985\">.page-id-3985 .page-header { display:none !important; }.page-id-3985 main.site-main, .page-id-3985 .site-main, .page-id-3985 .page-content, .page-id-3985 .entry-content { max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; padding:0 !important; }body.page-id-3985 { overflow-x:hidden !important; background:#fff !important; }<\/style><style id=\"pp-produktseiten-css\">\n.pp {\n    --pp-primary: #0A86AA;\n    --pp-dark: #086b88;\n    --pp-text: #121C1A;\n    --pp-muted: #55635f;\n    --pp-gruen-1: #E8EDE6;\n    --pp-gruen-2: #DAE3D6;\n    --pp-braun-1: #E6E1D1;\n    --pp-braun-2: #F1F0EC;\n    --pp-grau: #F8F8F8;\n    --pp-rand: #dfe5e2;\n\n    font-family: \"Onest\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    color: var(--pp-text) !important;\n    font-size: 18px !important;\n    line-height: 1.65 !important;\n    -webkit-font-smoothing: antialiased;\n}\n.pp, .pp * { box-sizing: border-box !important; }\n.pp img { max-width: 100% !important; height: auto !important; }\n\n\/* Innenmass aller Baender. Genau die Werte der Kopfzeile: deren .e-con-inner\n   hat max-width 1280px und 20px Innenabstand. Dadurch beginnt der Inhalt auf\n   derselben senkrechten Linie wie das Logo. Wer hier etwas aendert, bricht\n   diese Flucht - also gegen die Kopfzeile nachmessen. *\/\n.pp-innen {\n    width: 100% !important;\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    padding-left: 20px !important;\n    padding-right: 20px !important;\n}\n\n\/* ACHTUNG bei allen Regeln, die ein <p> treffen: die Sammelregel .pp p weiter\n   unten hat als Klasse+Typ die Spezifitaet (0,1,1) und setzt color und margin\n   mit !important. Eine Regel mit nur einer Klasse (0,1,0) verliert dagegen,\n   auch mit !important. Deshalb steht vor jeder solchen Klasse ein .pp - das\n   ergibt (0,2,0) und gewinnt. Ohne das stand der Hero-Vorspann dunkel auf\n   dunklem Grund. *\/\n\n\/* ---------- Auszeichnung \/ Kleinueberschrift ---------- *\/\n.pp .pp-label {\n    display: inline-block !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .14em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n    margin: 0 0 14px !important;\n    line-height: 1.4 !important;\n}\n.pp-hero .pp-label { color: #b9e7f4 !important; }\n\n\/* ---------- Hero ---------- *\/\n.pp-hero {\n    position: relative !important;\n    display: flex !important;\n    align-items: flex-end !important;\n    min-height: clamp(400px, 56vh, 620px) !important;\n    background-color: #0d2a33 !important;\n    overflow: hidden !important;\n    isolation: isolate !important;\n}\n\/* img.pp-hero-bild und nicht nur .pp-hero-bild: die Regel .pp img weiter oben\n   setzt height:auto und max-width:100% ebenfalls mit !important und hat als\n   Klasse+Typ die hoehere Spezifitaet. Ohne den Typ im Selektor waere das Bild\n   in voller Seitenverhaeltnis-Hoehe gestanden und unten abgeschnitten worden,\n   statt mittig beschnitten zu werden. *\/\n.pp img.pp-hero-bild {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    z-index: 0 !important;\n    max-width: none !important;\n}\n\/* Zwei Verlaeufe: einer von unten fuer die Lesbarkeit der Schrift, einer\n   flach ueber alles, damit auch helle Bildstellen den Text nicht fressen. *\/\n.pp-hero-schleier {\n    position: absolute !important;\n    inset: 0 !important;\n    z-index: 1 !important;\n    background-image:\n        linear-gradient(to top, rgba(6,26,32,.94) 0%, rgba(6,26,32,.78) 34%, rgba(6,26,32,.30) 68%, rgba(6,26,32,.12) 100%),\n        linear-gradient(to right, rgba(6,26,32,.55) 0%, rgba(6,26,32,.10) 60%) !important;\n}\n.pp-hero-inhalt {\n    position: relative !important;\n    z-index: 2 !important;\n    padding-top: clamp(70px, 12vw, 120px) !important;\n    padding-bottom: clamp(40px, 6vw, 66px) !important;\n    color: #fff !important;\n}\n.pp-hero h1 {\n    margin: 0 !important;\n    color: #fff !important;\n    font-size: clamp(38px, 6.4vw, 76px) !important;\n    line-height: 1.06 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.035em !important;\n    text-transform: none !important;\n    \/* Kein max-width: die Ueberschrift laeuft ueber die volle Bandbreite.\n       Die Silbentrennung bleibt trotzdem stehen - auf dem Telefon wird sie\n       weiter gebraucht. *\/\n    max-width: none !important;\n    \/* \"Orthopaedieschuhtechnik\" ist laenger als ein Telefon breit ist. Ohne\n       Umbruchpunkt lief das Wort aus dem Hero heraus und wurde von dessen\n       overflow:hidden ersatzlos abgeschnitten - ohne jeden Hinweis darauf.\n       hyphens greift, weil das Dokument lang=\"de-DE\" mitliefert. *\/\n    overflow-wrap: break-word !important;\n    hyphens: auto !important;\n    -webkit-hyphens: auto !important;\n}\n.pp .pp-hero-lead {\n    margin: 20px 0 0 !important;\n    max-width: 60ch !important;\n    font-size: clamp(17px, 1.7vw, 22px) !important;\n    line-height: 1.55 !important;\n    color: rgba(255,255,255,.92) !important;\n}\n\n\/* ---------- Knoepfe ---------- *\/\n.pp-knoepfe {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 12px !important;\n    margin-top: 28px !important;\n}\n\/* Form und Mass der Knoepfe der uebrigen Website: der Hero-Knopf\n   (.custom-hero-btn-primary), \"Jetzt einschreiben\" (.btn-primary) und die\n   Knoepfe im Megamenue stehen alle auf 8px Radius, 15px Schrift und\n   14px\/28px Innenabstand. Keine Pillenform - die kommt auf der Seite\n   nirgends vor. *\/\n.pp-btn {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 10px !important;\n    padding: 14px 28px !important;\n    border-radius: 8px !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    text-decoration: none !important;\n    \/* Das Theme setzt jeden <button> in Grossbuchstaben. Bei den Knoepfen\n       aus <a> faellt das nicht auf, beim Absendeknopf des Bestellformulars\n       schon - und dann sehen die Knoepfe nicht mehr gleich aus. *\/\n    text-transform: none !important;\n    letter-spacing: normal !important;\n    border: 2px solid transparent !important;\n    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;\n    cursor: pointer !important;\n}\n.pp-btn-primaer {\n    background-color: var(--pp-dark) !important;\n    color: #fff !important;\n    border-color: var(--pp-dark) !important;\n}\n.pp-btn-primaer:hover, .pp-btn-primaer:focus-visible {\n    background-color: #06576f !important;\n    border-color: #06576f !important;\n    color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n.pp-btn-hell {\n    background-color: #fff !important;\n    color: var(--pp-dark) !important;\n    border-color: #fff !important;\n}\n.pp-btn-hell:hover, .pp-btn-hell:focus-visible {\n    background-color: transparent !important;\n    color: #fff !important;\n    border-color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n.pp-btn-rand {\n    background-color: transparent !important;\n    color: var(--pp-dark) !important;\n    border-color: rgba(8,107,136,.45) !important;\n}\n.pp-btn-rand:hover, .pp-btn-rand:focus-visible {\n    background-color: var(--pp-dark) !important;\n    border-color: var(--pp-dark) !important;\n    color: #fff !important;\n    transform: translateY(-1px) !important;\n}\n\/* Randknopf auf dunklem Grund: der Standardrand waere dort kaum zu sehen. *\/\n.pp-bestellen .pp-btn-auf-dunkel {\n    color: #fff !important;\n    border-color: rgba(255,255,255,.55) !important;\n    background-color: transparent !important;\n}\n.pp-bestellen .pp-btn-auf-dunkel:hover, .pp-bestellen .pp-btn-auf-dunkel:focus-visible {\n    background-color: #fff !important;\n    border-color: #fff !important;\n    color: var(--pp-dark) !important;\n}\n.pp a:focus-visible, .pp summary:focus-visible {\n    outline: 3px solid #0A86AA !important;\n    outline-offset: 3px !important;\n}\n.pp-hero a:focus-visible { outline-color: #fff !important; }\n\n\/* ---------- Baender ---------- *\/\n.pp-band { padding-top: clamp(52px, 7vw, 88px) !important; padding-bottom: clamp(52px, 7vw, 88px) !important; }\n.pp-band-weiss { background-color: #fff !important; }\n.pp-band-grau { background-color: var(--pp-grau) !important; }\n.pp-band-gruen { background-color: var(--pp-gruen-1) !important; }\n.pp-band-braun { background-color: var(--pp-braun-2) !important; }\n\n.pp h2 {\n    margin: 0 !important;\n    font-size: clamp(28px, 3.6vw, 46px) !important;\n    line-height: 1.14 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.03em !important;\n    color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp h3 {\n    margin: 0 !important;\n    font-size: clamp(21px, 2.2vw, 28px) !important;\n    line-height: 1.24 !important;\n    font-weight: 700 !important;\n    letter-spacing: -.02em !important;\n    color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp h4 {\n    margin: 0 !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    letter-spacing: .1em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n    line-height: 1.4 !important;\n}\n.pp p { margin: 0 0 1.05em !important; color: var(--pp-text) !important; }\n.pp p:last-child { margin-bottom: 0 !important; }\n.pp .pp-lead {\n    font-size: clamp(18px, 1.9vw, 22px) !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n    max-width: none !important;\n}\n\/* Als Klasse und nicht inline: .pp p setzt margin mit !important, ein\n   style=\"margin-top:..\" am Element wuerde dagegen verlieren. *\/\n.pp .pp-lead-abstand { margin-top: 18px !important; }\n\n\/* Kopf eines Bandes *\/\n\/* Kein max-width: Ueberschrift und Fliesstext laufen ueber die volle Breite\n   des Bandes, so gewuenscht. *\/\n.pp-band-kopf { max-width: none !important; margin-bottom: clamp(32px, 4vw, 52px) !important; }\n\/* nur der Fliesstext bekommt Abstand, nicht die Auszeichnung ueber der\n   Ueberschrift - \"p\" allein haette auch .pp-label mitgenommen *\/\n.pp .pp-band-kopf .pp-lead { margin-top: 16px !important; }\n\n\/* ---------- Produktkarte (Buch) ---------- *\/\n\/* Nur die Kopfreihe ist zweispaltig: Cover links, Titelblock rechts.\n   Beschreibung, Verzeichnis und Zusatzblock laufen darunter ueber die volle\n   Breite. Vorher standen Text und Verzeichnis nebeneinander, und weil beide\n   unterschiedlich lang sind, blieben je nach Buch mehrere hundert Pixel leer. *\/\n.pp-buch {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    gap: clamp(22px, 2.6vw, 34px) clamp(28px, 3.4vw, 46px) !important;\n    align-items: start !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 20px !important;\n    padding: clamp(26px, 3.4vw, 46px) !important;\n}\n.pp-buch + .pp-buch { margin-top: clamp(24px, 3vw, 40px) !important; }\n.pp-buch-cover { grid-column: 1 !important; grid-row: 1 !important; }\n.pp-buch-kopf { grid-column: 2 !important; grid-row: 1 !important; }\n.pp-buch-text, .pp-buch-inhalt, .pp-zusatz { grid-column: 1 \/ -1 !important; }\n@media (max-width: 900px) {\n    .pp-buch { grid-template-columns: 1fr !important; }\n    .pp-buch-cover, .pp-buch-kopf { grid-column: 1 \/ -1 !important; grid-row: auto !important; }\n}\n\/* Beschreibung zweispaltig: ueber die volle Kartenbreite waeren es sonst\n   rund 120 Zeichen je Zeile. So sind es etwa 60 - und die Karte wird halb\n   so hoch. break-inside haelt einen Absatz zusammen. *\/\n.pp-buch-text { column-count: 2 !important; column-gap: clamp(30px, 3.4vw, 46px) !important; }\n@media (max-width: 900px) { .pp-buch-text { column-count: 1 !important; } }\n.pp-buch-text p { break-inside: avoid !important; -webkit-column-break-inside: avoid !important; }\n.pp-buch-kopf-zeile { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 10px 16px !important; }\n.pp-buch-nr {\n    font-size: clamp(34px, 4vw, 50px) !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n    color: var(--pp-primary) !important;\n    letter-spacing: -.04em !important;\n}\n.pp-buch-kopf-zeile h3 { flex: 1 1 14ch !important; }\n\n.pp-buch-text p { color: var(--pp-muted) !important; }\n.pp-buch-text p:first-child {\n    color: var(--pp-text) !important;\n    font-size: clamp(18px, 1.8vw, 20px) !important;\n    font-weight: 500 !important;\n}\n\n\/* Merkmale *\/\n.pp-merkmale {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 8px !important;\n    margin: 18px 0 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n}\n.pp-merkmale li {\n    margin: 0 !important;\n    padding: 7px 15px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-gruen-1) !important;\n    color: var(--pp-text) !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n    list-style: none !important;\n}\n.pp-merkmale li::before, .pp-merkmale li::marker { content: none !important; }\n\n.pp .pp-autoren {\n    margin: 20px 0 0 !important;\n    font-size: 15px !important;\n    color: var(--pp-muted) !important;\n}\n.pp-autoren strong { color: var(--pp-text) !important; font-weight: 700 !important; }\n\n\/* ---------- Preise ---------- *\/\n.pp .pp-preis { margin: 18px 0 0 !important; }\n.pp .pp-preis .pp-preis-betrag {\n    display: block !important;\n    font-size: 24px !important; font-weight: 700 !important;\n    line-height: 1.2 !important; letter-spacing: -.02em !important;\n    color: var(--pp-text) !important;\n}\n.pp .pp-preis-gross .pp-preis-betrag { font-size: 30px !important; }\n.pp .pp-preis .pp-preis-zusatz {\n    display: block !important; margin-top: 3px !important;\n    font-size: 13px !important; line-height: 1.5 !important;\n    color: var(--pp-muted) !important; font-weight: 400 !important;\n}\n.pp .pp-box-ohne-inhalt {\n    margin: 20px 0 0 !important; flex: 1 1 auto !important;\n    padding: 13px 15px !important;\n    background-color: var(--pp-braun-2) !important; border-radius: 10px !important;\n    font-size: 14.5px !important; line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n\n\/* ---------- Zusatzblock unter dem Bestellknopf ---------- *\/\n.pp-zusatz {\n    margin-top: 26px !important;\n    padding: 22px 24px 20px !important;\n    background-color: var(--pp-gruen-1) !important;\n    border-radius: 16px !important;\n}\n.pp-zusatz > h4 { margin: 0 0 8px !important; }\n.pp .pp-zusatz-text {\n    margin: 0 0 16px !important;\n    font-size: 15.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n.pp-zusatz-liste { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n.pp-zusatz-liste li { margin: 0 0 8px !important; padding: 0 !important; list-style: none !important; }\n.pp-zusatz-liste li::marker { content: none !important; }\n.pp-zusatz-liste li:last-child { margin-bottom: 0 !important; }\n.pp-zusatz-liste a {\n    display: flex !important;\n    align-items: center !important;\n    gap: 11px !important;\n    padding: 11px 15px !important;\n    background-color: #fff !important;\n    border: 1px solid transparent !important;\n    border-radius: 11px !important;\n    text-decoration: none !important;\n    color: var(--pp-text) !important;\n    font-size: 15.5px !important;\n    font-weight: 600 !important;\n    line-height: 1.4 !important;\n    transition: border-color .18s ease, transform .18s ease !important;\n}\n.pp-zusatz-liste a:hover { border-color: var(--pp-primary) !important; transform: translateX(2px) !important; }\n.pp-zusatz-liste a .pp-icon { color: var(--pp-dark) !important; flex-shrink: 0 !important; }\n.pp-zusatz-titel { flex: 1 1 auto !important; }\n.pp-zusatz-bald {\n    flex-shrink: 0 !important;\n    padding: 3px 10px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-braun-1) !important;\n    color: #6b4f16 !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    line-height: 1.5 !important;\n}\n.pp .pp-zusatz-fuss {\n    margin: 16px 0 0 !important;\n    font-size: 14.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n.pp .pp-zusatz-fuss a { color: var(--pp-dark) !important; font-weight: 700 !important; text-decoration: none !important; }\n.pp .pp-zusatz-fuss a:hover { text-decoration: underline !important; }\n\n\/* ---------- Buchcover ----------\n   img.pp-cover-img mit Typ im Selektor, sonst schlaegt .pp img mit\n   height:auto die Regel - dieselbe Falle wie beim Kopfbild.\n   Die Vorlagen sind nur 223x260 gross, deshalb keine Vergroesserung\n   ueber 240px: darueber wird das Cover sichtbar weich. *\/\n.pp-cover {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    background-color: var(--pp-gruen-1) !important;\n    border-radius: 16px !important;\n    padding: 26px 20px !important;\n    margin-bottom: 18px !important;\n}\n\/* Breite fest auf die native Groesse statt width:auto: irgendeine Fremdregel\n   der Umgebung setzt width auf 100%, und bei auto gewinnt sie - das Cover\n   wurde dadurch von 223px auf 240px hochgezogen. max-width haelt es auf sehr\n   schmalen Karten trotzdem im Rahmen. *\/\n.pp .pp-cover img.pp-cover-img {\n    display: block !important;\n    width: 223px !important;\n    max-width: 100% !important;\n    height: auto !important;\n    filter: drop-shadow(0 14px 26px rgba(18,28,26,.22)) !important;\n}\n\n\/* ---------- Inhaltsverzeichnis ---------- *\/\n.pp-inhalt {\n    background-color: var(--pp-braun-2) !important;\n    border: 1px solid var(--pp-braun-1) !important;\n    border-radius: 16px !important;\n    padding: 24px 24px 8px !important;\n}\n.pp-inhalt > h4 { margin-bottom: 16px !important; }\n\/* Zwei Spalten, weil das Verzeichnis jetzt ueber die volle Kartenbreite\n   laeuft - 22 Eintraege untereinander waeren sonst eine sehr lange Saeule.\n   break-inside haelt einen Eintrag zusammen, break-after laesst eine Rubrik\n   nicht allein am Spaltenende stehen. *\/\n.pp-liste {\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n    counter-reset: pp-punkt !important;\n    column-count: 2 !important;\n    column-gap: 38px !important;\n    column-rule: 1px solid rgba(18,28,26,.09) !important;\n}\n@media (max-width: 780px) {\n    .pp-liste { column-count: 1 !important; column-rule: none !important; }\n}\n.pp-liste li { break-inside: avoid !important; -webkit-column-break-inside: avoid !important; }\n.pp-liste li.pp-rubrik { break-after: avoid !important; }\n.pp-liste li {\n    position: relative !important;\n    margin: 0 !important;\n    padding: 9px 0 9px 40px !important;\n    border-top: 1px solid rgba(18,28,26,.09) !important;\n    font-size: 15.5px !important;\n    line-height: 1.5 !important;\n    color: var(--pp-text) !important;\n    list-style: none !important;\n}\n.pp-liste li:first-child { border-top: 0 !important; }\n.pp-liste li::marker { content: none !important; }\n.pp-liste li::before {\n    counter-increment: pp-punkt !important;\n    content: counter(pp-punkt) !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 11px !important;\n    width: 26px !important;\n    height: 26px !important;\n    border-radius: 50% !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-braun-1) !important;\n    color: var(--pp-dark) !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    line-height: 1 !important;\n}\n\/* Rubrikzeile innerhalb des Verzeichnisses: keine Nummer, sondern Titel *\/\n.pp-liste li.pp-rubrik {\n    padding-left: 0 !important;\n    padding-top: 20px !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .1em !important;\n    text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n}\n.pp-liste li.pp-rubrik::before { content: none !important; counter-increment: none !important; }\n.pp-liste li .pp-art { color: var(--pp-muted) !important; font-size: 14px !important; }\n\n\/* Anzahl neben der Ueberschrift des Verzeichnisses *\/\n.pp-inhalt > h4 .pp-inhalt-anzahl {\n    display: inline !important;\n    margin-left: 10px !important;\n    font-size: 12.5px !important;\n    font-weight: 600 !important;\n    letter-spacing: .04em !important;\n    text-transform: none !important;\n    color: var(--pp-muted) !important;\n}\n\n\/* ---------- Michl-Box Raster ---------- *\/\n.pp-boxen {\n    display: grid !important;\n    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;\n    gap: clamp(18px, 2.2vw, 28px) !important;\n}\n@media (max-width: 700px) {\n    .pp-boxen { grid-template-columns: 1fr !important; }\n}\n.pp-box {\n    display: flex !important;\n    flex-direction: column !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important;\n    overflow: hidden !important;\n    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;\n}\n\/* Das Foto sitzt randlos oben, der Text bekommt sein Innenmass eine Ebene\n   tiefer - deshalb hat .pp-box selbst kein padding mehr. *\/\n.pp-box-koerper {\n    display: flex !important;\n    flex-direction: column !important;\n    flex: 1 1 auto !important;\n    padding: 24px 26px 26px !important;\n}\n.pp-box-bild {\n    background-color: var(--pp-braun-2) !important;\n    overflow: hidden !important;\n    height: 200px !important;\n}\n@supports (aspect-ratio: 4 \/ 3) {\n    .pp-box-bild { aspect-ratio: 4 \/ 3 !important; height: auto !important; }\n}\n.pp img.pp-box-foto {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: cover !important;\n    object-position: center !important;\n    transition: transform .35s ease !important;\n}\n.pp-box:hover img.pp-box-foto { transform: scale(1.04) !important; }\n.pp-box:hover {\n    border-color: var(--pp-primary) !important;\n    transform: translateY(-3px) !important;\n    box-shadow: 0 14px 32px rgba(10,134,170,.13) !important;\n}\n.pp .pp-box-nr {\n    margin: 0 !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    letter-spacing: .12em !important;\n    color: var(--pp-dark) !important;\n    text-transform: uppercase !important;\n    line-height: 1.4 !important;\n}\n.pp-box h3 { margin: 8px 0 0 !important; font-size: clamp(20px, 1.9vw, 24px) !important; }\n.pp-box-inhalt {\n    margin: 20px 0 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n    flex: 1 1 auto !important;\n}\n.pp-box-inhalt li {\n    position: relative !important;\n    margin: 0 !important;\n    padding: 8px 0 8px 30px !important;\n    font-size: 15.5px !important;\n    line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n    border-top: 1px solid #eef1ef !important;\n    list-style: none !important;\n}\n.pp-box-inhalt li:first-child { border-top: 0 !important; }\n.pp-box-inhalt li::marker { content: none !important; }\n.pp-box-inhalt li::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 4px !important;\n    top: 17px !important;\n    width: 8px !important;\n    height: 8px !important;\n    border-radius: 50% !important;\n    background-color: var(--pp-primary) !important;\n}\n.pp-box-fuss { margin-top: 22px !important; }\n\n.pp .pp-hinweis {\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    margin: 14px 0 0 !important;\n    padding: 7px 15px !important;\n    border-radius: 999px !important;\n    background-color: var(--pp-braun-1) !important;\n    color: #6b4f16 !important;\n    font-size: 13.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n}\n.pp-box-bald { background-color: var(--pp-grau) !important; }\n.pp-box-bald:hover { transform: none !important; box-shadow: none !important; border-color: var(--pp-rand) !important; }\n\n\/* ---------- Bestellband ---------- *\/\n.pp-bestellen { background-color: var(--pp-dark) !important; color: #fff !important; }\n.pp-bestellen h2, .pp-bestellen p { color: #fff !important; }\n.pp-bestellen .pp-label { color: #b9e7f4 !important; }\n.pp-bestellen .pp-lead { color: rgba(255,255,255,.88) !important; }\n.pp-bestell-raster {\n    display: grid !important;\n    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important;\n    gap: clamp(30px, 4vw, 60px) !important;\n    align-items: center !important;\n}\n@media (max-width: 860px) {\n    .pp-bestell-raster { grid-template-columns: 1fr !important; }\n}\n.pp-kontaktkarte {\n    background-color: rgba(255,255,255,.08) !important;\n    border: 1px solid rgba(255,255,255,.20) !important;\n    border-radius: 18px !important;\n    padding: 28px 28px 26px !important;\n}\n.pp-kontaktzeile { display: block !important; padding: 14px 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; }\n.pp-kontaktzeile:first-of-type { border-top: 0 !important; padding-top: 0 !important; }\n.pp-kontaktzeile .pp-k-label {\n    display: block !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    letter-spacing: .12em !important;\n    text-transform: uppercase !important;\n    \/* #b9e7f4 kaeme auf der aufgehellten Karte nur auf 3,85:1 - unter der\n       AA-Schwelle. #e6f7fd ergibt 4,65:1. Auf dem Band selbst reicht\n       #b9e7f4 mit 4,55:1, deshalb bleibt es bei .pp-label. *\/\n    color: #e6f7fd !important;\n    margin-bottom: 4px !important;\n}\n.pp-kontaktzeile a, .pp-kontaktzeile span.pp-k-wert {\n    display: inline-block !important;\n    font-size: 19px !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    text-decoration: none !important;\n    line-height: 1.4 !important;\n    word-break: break-word !important;\n}\n.pp-kontaktzeile a:hover { text-decoration: underline !important; }\n.pp-kontaktzeile address { font-style: normal !important; font-size: 17px !important; color: rgba(255,255,255,.92) !important; line-height: 1.55 !important; }\n\n\/* ---------- Querverweis ---------- *\/\n.pp-quer {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 22px !important;\n    background-color: #fff !important;\n    border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important;\n    padding: clamp(24px, 3vw, 36px) !important;\n}\n.pp-quer-text { flex: 1 1 22ch !important; }\n.pp-quer h3 { margin-bottom: 6px !important; }\n.pp-quer p { color: var(--pp-muted) !important; font-size: 16.5px !important; }\n\n\/* ---------- Bildschirmleser ---------- *\/\n.pp-sr {\n    position: absolute !important;\n    width: 1px !important; height: 1px !important;\n    padding: 0 !important; margin: -1px !important;\n    overflow: hidden !important; clip: rect(0,0,0,0) !important;\n    white-space: nowrap !important; border: 0 !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .pp *, .pp *::before, .pp *::after {\n        transition: none !important;\n        animation: none !important;\n    }\n    .pp .pp-btn:hover, .pp .pp-box:hover { transform: none !important; }\n    .pp .pp-box:hover img.pp-box-foto { transform: none !important; }\n}\n<\/style><style id=\"pp-bestellung-css\">\n.pp-seite-bestellung h1 {\n    margin: 0 !important;\n    font-size: clamp(30px, 4vw, 50px) !important;\n    line-height: 1.12 !important; font-weight: 700 !important;\n    letter-spacing: -.03em !important; color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp-bestell-kopf { padding-bottom: clamp(26px, 3vw, 38px) !important; }\n.pp-bestell-band { padding-top: clamp(30px, 3.4vw, 44px) !important; }\n\n\/* ---------- Fortschritt ---------- *\/\n.pp-schritte {\n    display: flex !important; flex-wrap: wrap !important; gap: 10px 26px !important;\n    margin: 0 0 26px !important; padding: 0 !important; list-style: none !important;\n}\n.pp-schritt {\n    display: flex !important; align-items: center !important; gap: 10px !important;\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n    font-size: 15px !important; font-weight: 700 !important; color: #8b968f !important;\n}\n.pp-schritt::marker { content: none !important; }\n.pp-schritt-nr {\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    width: 30px !important; height: 30px !important; border-radius: 50% !important;\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important;\n    font-size: 14px !important; line-height: 1 !important; flex-shrink: 0 !important;\n}\n.pp-schritt.is-aktiv { color: var(--pp-text) !important; }\n.pp-schritt.is-aktiv .pp-schritt-nr {\n    background-color: var(--pp-dark) !important; border-color: var(--pp-dark) !important; color: #fff !important;\n}\n.pp-schritt.is-fertig .pp-schritt-nr {\n    background-color: var(--pp-gruen-2) !important; border-color: var(--pp-gruen-2) !important; color: var(--pp-dark) !important;\n}\n\n\/* ---------- Karten und Abschnitte ---------- *\/\n.pp-abschnitt { display: none !important; }\n.pp-abschnitt.is-aktiv { display: block !important; }\n.pp-karte {\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important; padding: clamp(22px, 3vw, 36px) !important;\n}\n.pp-seite-bestellung .pp-karte h2 {\n    margin: 0 0 6px !important; font-size: clamp(21px, 2.2vw, 27px) !important;\n    line-height: 1.2 !important; letter-spacing: -.02em !important;\n}\n.pp .pp-karte-text { margin: 0 0 22px !important; font-size: 15.5px !important; color: var(--pp-muted) !important; }\n.pp-gruppe-titel {\n    margin: 26px 0 12px !important; font-size: 13px !important; font-weight: 700 !important;\n    letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--pp-dark) !important;\n}\n.pp-gruppe-titel:first-of-type { margin-top: 4px !important; }\n\n\/* ---------- Artikelliste ---------- *\/\n.pp-artikel { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n.pp-artikel-zeile {\n    display: flex !important; align-items: center !important; gap: 16px !important;\n    margin: 0 0 10px !important; padding: 12px 14px !important;\n    border: 1px solid var(--pp-rand) !important; border-radius: 14px !important;\n    list-style: none !important; transition: border-color .18s ease, background-color .18s ease !important;\n}\n.pp-artikel-zeile::marker { content: none !important; }\n.pp-artikel-zeile.is-gewaehlt { border-color: var(--pp-primary) !important; background-color: #f2fafc !important; }\n.pp-artikel-zeile.is-gesperrt { background-color: var(--pp-grau) !important; }\n.pp-artikel-bild {\n    width: 68px !important; height: 68px !important; flex-shrink: 0 !important;\n    border-radius: 10px !important; overflow: hidden !important;\n    background-color: var(--pp-braun-2) !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n}\n.pp img.pp-artikel-img {\n    width: 100% !important; height: 100% !important; max-width: none !important;\n    object-fit: cover !important; display: block !important;\n}\n.pp-artikel-ersatz { font-size: 22px !important; color: var(--pp-primary) !important; }\n.pp-artikel-text { flex: 1 1 auto !important; min-width: 0 !important; }\n.pp-artikel-titel { display: block !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--pp-text) !important; }\n.pp-artikel-zusatz { display: block !important; font-size: 13.5px !important; color: var(--pp-muted) !important; margin-top: 2px !important; }\n.pp .pp-artikel-bald { margin: 0 !important; flex-shrink: 0 !important; }\n\n\/* Mengenwahl *\/\n.pp-menge { display: flex !important; align-items: center !important; gap: 0 !important; flex-shrink: 0 !important; }\n.pp-menge-btn {\n    width: 38px !important; height: 38px !important; flex-shrink: 0 !important;\n    border: 1px solid var(--pp-rand) !important; background-color: #fff !important;\n    color: var(--pp-dark) !important; font-size: 18px !important; font-weight: 700 !important;\n    line-height: 1 !important; cursor: pointer !important; padding: 0 !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n    transition: background-color .15s ease, color .15s ease !important;\n}\n.pp-menge-btn:first-child { border-radius: 9px 0 0 9px !important; }\n.pp-menge-btn:last-child { border-radius: 0 9px 9px 0 !important; }\n.pp-menge-btn:hover { background-color: var(--pp-dark) !important; color: #fff !important; }\n.pp-menge-btn:disabled { opacity: .4 !important; cursor: default !important; background-color: #fff !important; color: var(--pp-muted) !important; }\n.pp .pp-menge-feld {\n    width: 52px !important; height: 38px !important; text-align: center !important;\n    border: 1px solid var(--pp-rand) !important; border-left: 0 !important; border-right: 0 !important;\n    border-radius: 0 !important; font-size: 15px !important; font-weight: 700 !important;\n    color: var(--pp-text) !important; background-color: #fff !important;\n    padding: 0 !important; margin: 0 !important; -moz-appearance: textfield !important;\n}\n.pp .pp-menge-feld::-webkit-outer-spin-button,\n.pp .pp-menge-feld::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }\n\n\/* ---------- Formularfelder ---------- *\/\n.pp-raster { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 16px !important; }\n.pp-feld { grid-column: span 6 !important; }\n.pp-feld-halb { grid-column: span 3 !important; }\n.pp-feld-drittel { grid-column: span 2 !important; }\n.pp-feld-zweidrittel { grid-column: span 4 !important; }\n@media (max-width: 700px) {\n    .pp-feld, .pp-feld-halb, .pp-feld-drittel, .pp-feld-zweidrittel { grid-column: span 6 !important; }\n}\n.pp-feld label {\n    display: flex !important; align-items: baseline !important; gap: 8px !important;\n    margin: 0 0 6px !important; font-size: 14px !important; font-weight: 700 !important;\n    color: var(--pp-text) !important; line-height: 1.4 !important;\n}\n.pp-pflicht { color: #b4453a !important; font-weight: 700 !important; }\n.pp-optional { font-size: 12px !important; font-weight: 400 !important; color: #8b968f !important; }\n.pp .pp-feld input[type=\"text\"],\n.pp .pp-feld input[type=\"email\"],\n.pp .pp-feld input[type=\"tel\"],\n.pp .pp-feld input[type=\"number\"],\n.pp .pp-feld select,\n.pp .pp-feld textarea {\n    width: 100% !important; padding: 12px 14px !important;\n    border: 1px solid var(--pp-rand) !important; border-radius: 10px !important;\n    background-color: #fff !important; color: var(--pp-text) !important;\n    font-family: inherit !important; font-size: 15.5px !important; line-height: 1.5 !important;\n    box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease !important;\n    margin: 0 !important; max-width: none !important;\n}\n.pp .pp-feld textarea { min-height: 108px !important; resize: vertical !important; }\n.pp .pp-feld input:focus, .pp .pp-feld select:focus, .pp .pp-feld textarea:focus {\n    border-color: var(--pp-primary) !important;\n    box-shadow: 0 0 0 3px rgba(10,134,170,.16) !important; outline: none !important;\n}\n.pp-feld.is-fehler input, .pp-feld.is-fehler select, .pp-feld.is-fehler textarea {\n    border-color: #b4453a !important; background-color: #fdf7f6 !important;\n}\n.pp .pp-feld-hinweis { margin: 5px 0 0 !important; font-size: 12.5px !important; color: #8b968f !important; }\n.pp .pp-feld-fehler {\n    margin: 0 !important; font-size: 13px !important; font-weight: 600 !important;\n    color: #b4453a !important; line-height: 1.45 !important; display: none !important;\n}\n.pp .pp-feld-fehler.is-sichtbar { display: block !important; margin-top: 6px !important; }\n\n\/* ---------- Kontrollkaestchen ---------- *\/\n.pp-checkbox {\n    display: flex !important; align-items: flex-start !important; gap: 12px !important;\n    margin: 20px 0 0 !important; cursor: pointer !important;\n    font-size: 15px !important; line-height: 1.55 !important; color: var(--pp-text) !important;\n}\n.pp-checkbox input[type=\"checkbox\"] {\n    position: absolute !important; opacity: 0 !important; width: 22px !important; height: 22px !important;\n    margin: 0 !important; cursor: pointer !important;\n}\n.pp-checkbox-kasten {\n    position: relative !important; flex-shrink: 0 !important;\n    width: 22px !important; height: 22px !important; margin-top: 1px !important;\n    border: 2px solid #c3ccc7 !important; border-radius: 6px !important;\n    background-color: #fff !important; transition: background-color .15s ease, border-color .15s ease !important;\n}\n.pp-checkbox-kasten::after {\n    content: \"\" !important; position: absolute !important;\n    left: 6px !important; top: 2px !important; width: 5px !important; height: 10px !important;\n    border: solid #fff !important; border-width: 0 2.5px 2.5px 0 !important;\n    transform: rotate(45deg) !important; display: none !important;\n}\n.pp-checkbox input:checked ~ .pp-checkbox-kasten {\n    background-color: var(--pp-dark) !important; border-color: var(--pp-dark) !important;\n}\n.pp-checkbox input:checked ~ .pp-checkbox-kasten::after { display: block !important; }\n.pp-checkbox input:focus-visible ~ .pp-checkbox-kasten {\n    box-shadow: 0 0 0 3px rgba(10,134,170,.28) !important;\n}\n.pp-checkbox a { color: var(--pp-dark) !important; font-weight: 700 !important; }\n.pp-checkbox-ds { align-items: flex-start !important; }\n.pp-lieferadresse { margin-top: 20px !important; }\n\n\/* ---------- Hinweise ---------- *\/\n.pp .pp-preishinweis {\n    display: flex !important; align-items: flex-start !important; gap: 11px !important;\n    margin: 22px 0 0 !important; padding: 15px 18px !important;\n    background-color: var(--pp-braun-1) !important; border-radius: 12px !important;\n    font-size: 14.5px !important; line-height: 1.6 !important; color: #5d4a1c !important;\n}\n.pp .pp-preishinweis .pp-icon { flex-shrink: 0 !important; margin-top: 2px !important; }\n.pp .pp-preishinweis-stark { background-color: #fdf3dd !important; }\n\n\/* ---------- Pruefansicht ---------- *\/\n.pp-pruef-block { margin-bottom: 24px !important; }\n.pp-pruef-kopf { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; }\n.pp-pruef-kopf .pp-gruppe-titel { margin: 0 !important; }\n.pp-aendern {\n    background: none !important; border: 0 !important; padding: 0 !important;\n    color: var(--pp-dark) !important; font-family: inherit !important;\n    font-size: 14px !important; font-weight: 700 !important; cursor: pointer !important;\n    text-decoration: underline !important;\n}\n.pp-pruef-artikel { margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; }\n.pp-pruef-artikel li {\n    display: flex !important; align-items: baseline !important; justify-content: space-between !important;\n    gap: 16px !important; margin: 0 !important; padding: 11px 0 !important;\n    border-bottom: 1px solid #f1f0ec !important; list-style: none !important;\n    font-size: 15.5px !important; color: var(--pp-text) !important;\n}\n.pp-pruef-artikel li::marker { content: none !important; }\n.pp-pruef-artikel li:last-child { border-bottom: 0 !important; }\n.pp-pruef-menge { font-weight: 700 !important; white-space: nowrap !important; }\n.pp-summe {\n    display: block !important; margin-top: 16px !important; padding-top: 14px !important;\n    border-top: 1px solid var(--pp-rand) !important;\n}\n.pp-summe-zeile {\n    display: flex !important; align-items: baseline !important; justify-content: space-between !important;\n    gap: 16px !important; padding: 5px 0 !important;\n    font-size: 15.5px !important; color: var(--pp-muted) !important;\n}\n.pp-summe-frei { color: var(--pp-dark) !important; font-weight: 700 !important; }\n.pp-summe-gesamt {\n    margin-top: 6px !important; padding-top: 12px !important;\n    border-top: 1px solid var(--pp-rand) !important;\n    font-size: 20px !important; font-weight: 700 !important; color: var(--pp-text) !important;\n}\n.pp-summe-hinweis {\n    display: block !important; margin-top: 6px !important;\n    font-size: 13px !important; color: var(--pp-muted) !important;\n}\n.pp .pp-artikel-preis { color: var(--pp-text) !important; font-weight: 700 !important; }\n.pp-pruef-adresse {\n    margin-top: 10px !important; padding: 16px 18px !important;\n    background-color: var(--pp-grau) !important; border-radius: 12px !important;\n    font-size: 15px !important; line-height: 1.65 !important; color: var(--pp-text) !important;\n}\n.pp-pruef-adresse strong { display: block !important; margin-bottom: 2px !important; }\n.pp-pruef-adresse .pp-pruef-teil + .pp-pruef-teil {\n    margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid #e8e8e4 !important;\n}\n\n\/* ---------- Navigation ---------- *\/\n.pp-navi {\n    display: flex !important; align-items: center !important; justify-content: space-between !important;\n    gap: 14px !important; margin-top: 20px !important; flex-wrap: wrap !important;\n}\n.pp-absenden[disabled] { opacity: .6 !important; cursor: progress !important; }\n\n\/* ---------- Bestaetigung ---------- *\/\n.pp-karte-fertig { text-align: center !important; }\n.pp-haken {\n    width: 62px !important; height: 62px !important; margin: 0 auto 18px !important;\n    border-radius: 50% !important; background-color: var(--pp-gruen-2) !important;\n    color: var(--pp-dark) !important;\n    display: flex !important; align-items: center !important; justify-content: center !important;\n}\n.pp .pp-fertig-nummer { margin: 8px 0 14px !important; font-size: 17px !important; color: var(--pp-muted) !important; }\n.pp .pp-fertig-nummer strong { color: var(--pp-text) !important; font-size: 19px !important; }\n.pp-karte-fertig .pp-knoepfe { justify-content: center !important; }\n.pp-karte-fertig .pp-karte-text { margin-left: auto !important; margin-right: auto !important; max-width: 56ch !important; }\n\n\/* Honigtopf: fuer Menschen unsichtbar, aber nicht display:none - manche\n   Automaten ueberspringen ausgeblendete Felder gezielt. *\/\n.pp-honig {\n    position: absolute !important; left: -9999px !important; top: auto !important;\n    width: 1px !important; height: 1px !important; overflow: hidden !important;\n}\n<\/style>\t<div class=\"pp pp-seite-bestellung\">\n\t\t<section class=\"pp-band pp-band-weiss pp-bestell-kopf\">\n\t\t\t<div class=\"pp-innen\">\n\t\t\t\t<p class=\"pp-label\">Bestellung<\/p>\n\t\t\t\t<h1>B\u00fccher und Michl-Boxen bestellen<\/h1>\n\t\t\t\t<p class=\"pp-lead pp-lead-abstand\">In drei Schritten: Artikel w\u00e4hlen, Adresse angeben, Bestellung pr\u00fcfen. Sie erhalten die \u00dcbersicht danach sofort per E-Mail.<\/p>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<section class=\"pp-band pp-band-grau pp-bestell-band\">\n\t\t\t<div class=\"pp-innen\">\n\n\t\t\t\t<ol class=\"pp-schritte\" aria-label=\"Fortschritt\">\n\t\t\t\t\t<li class=\"pp-schritt is-aktiv\" data-schritt=\"1\"><span class=\"pp-schritt-nr\">1<\/span><span class=\"pp-schritt-txt\">Artikel<\/span><\/li>\n\t\t\t\t\t<li class=\"pp-schritt\" data-schritt=\"2\"><span class=\"pp-schritt-nr\">2<\/span><span class=\"pp-schritt-txt\">Adresse<\/span><\/li>\n\t\t\t\t\t<li class=\"pp-schritt\" data-schritt=\"3\"><span class=\"pp-schritt-nr\">3<\/span><span class=\"pp-schritt-txt\">Pr\u00fcfen<\/span><\/li>\n\t\t\t\t<\/ol>\n\n\t\t\t\t<form id=\"pp-bestellform\" class=\"pp-bestellform\" novalidate\n\t\t\t\t\tdata-vorwahl=\"\"\n\t\t\t\t\tdata-ajax=\"https:\/\/shoeeyeq.com\/wp-admin\/admin-ajax.php\"\n\t\t\t\t\tdata-nonce=\"839f62faa7\">\n\n\t\t\t\t\t\t\t\t\t\t<div class=\"pp-honig\" aria-hidden=\"true\">\n\t\t\t\t\t\t<label for=\"pp-f-website\">Website<\/label>\n\t\t\t\t\t\t<input type=\"text\" id=\"pp-f-website\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- ------------------------------ Schritt 1 -->\n\t\t\t\t\t<div class=\"pp-abschnitt is-aktiv\" data-abschnitt=\"1\">\n\t\t\t\t\t\t<div class=\"pp-karte\">\n\t\t\t\t\t\t\t<h2>Welche Artikel m\u00f6chten Sie bestellen?<\/h2>\n\t\t\t\t\t\t\t<p class=\"pp-karte-text\">W\u00e4hlen Sie die Anzahl je Artikel. Sie k\u00f6nnen B\u00fccher und Michl-Boxen in einer Bestellung zusammenfassen.<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pp-gruppe-titel\">Fachb\u00fccher<\/h3>\n\t\t\t\t\t\t\t\t<ul class=\"pp-artikel\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"buch-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"223\" height=\"260\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-trittspur-leisten.webp\" class=\"pp-artikel-img\" alt=\"Buchcover \u201eVon der Trittspur zum Leisten&quot; mit t\u00fcrkisem Einband und gezeichneter Fu\u00dfkonstruktion\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-trittspur-leisten.webp 223w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-trittspur-leisten-10x12.webp 10w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Von der Trittspur zum Leisten<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t136 Seiten\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"69.00\">69,00 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Von der Trittspur zum Leisten\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[buch-1]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Von der Trittspur zum Leisten\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Von der Trittspur zum Leisten\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"buch-2\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"223\" height=\"260\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-schaftbau.webp\" class=\"pp-artikel-img\" alt=\"Buchcover \u201eDer Schaftbau&quot; mit t\u00fcrkisem Einband und gezeichneter Schaftkonstruktion\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-schaftbau.webp 223w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/cover-schaftbau-10x12.webp 10w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Grundkenntnisse im Schaftbau<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t360 Seiten\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"115.00\">115,00 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Grundkenntnisse im Schaftbau\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[buch-2]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Grundkenntnisse im Schaftbau\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Grundkenntnisse im Schaftbau\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pp-gruppe-titel\">Michl-Boxen<\/h3>\n\t\t\t\t\t\t\t\t<ul class=\"pp-artikel\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-1-halbschuhleisten-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDer Halbschuhleisten&quot;: Holzleisten, Musterleisten, rote Knetmasse, Arbeitsbl\u00e4tter und Holzkiste mit Holzwolle\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-1-halbschuhleisten-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-1-halbschuhleisten-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-1-halbschuhleisten-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-1-halbschuhleisten.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Der Halbschuhleisten<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t6 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"142.80\">142,80 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Der Halbschuhleisten\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-1]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Der Halbschuhleisten\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Der Halbschuhleisten\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-2\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-2-beinleisten-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDer Beinleisten&quot;: blaues Beinmodell vor einer Stellungszeichnung, Musterleisten, Knetmasse und Unterlagen\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-2-beinleisten-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-2-beinleisten-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-2-beinleisten-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-2-beinleisten.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Der Beinleisten<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t6 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"178.50\">178,50 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Der Beinleisten\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-2]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Der Beinleisten\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Der Beinleisten\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-3\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-3-leistenkopie-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDie Leistenkopie&quot;: Musterleisten, aufgeschnittene Kopierschablonen aus Papier und Anleitung\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-3-leistenkopie-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-3-leistenkopie-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-3-leistenkopie-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-3-leistenkopie.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Die Leistenkopie<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t3 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"119.00\">119,00 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Die Leistenkopie\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-3]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Die Leistenkopie\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Die Leistenkopie\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-4\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-4-schuhzurichtung-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDie Schuhzurichtung&quot;: blaues Fu\u00dfmodell, Karten mit Krankheitsbildern und Zurichtungen sowie Arbeitsbl\u00e4tter\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-4-schuhzurichtung-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-4-schuhzurichtung-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-4-schuhzurichtung-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-4-schuhzurichtung.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Die Schuhzurichtung<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t4 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"130.90\">130,90 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Die Schuhzurichtung\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-4]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Die Schuhzurichtung\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Die Schuhzurichtung\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-5\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-5-druckmessung-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDie Druckmessung&quot;: Steckplatten mit farbigen Elementen, Druckbilder von Fu\u00dfsohlen und Aufgabenbl\u00e4tter\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-5-druckmessung-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-5-druckmessung-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-5-druckmessung-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-5-druckmessung.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Die Druckmessung<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t4 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"142.80\">142,80 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Die Druckmessung\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-5]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Die Druckmessung\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Die Druckmessung\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-6\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-6-messer-schaerfen-300x300.webp\" class=\"pp-artikel-img\" alt=\"Inhalt der Michl-Box \u201eDas Messer sch\u00e4rfen&quot;: Schleifstein, Messer, Abziehleder und Unterlagen vor der Holzkiste\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-6-messer-schaerfen-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-6-messer-schaerfen-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-6-messer-schaerfen-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-6-messer-schaerfen.webp 316w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Das Messer sch\u00e4rfen<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t2 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"178.50\">178,50 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Das Messer sch\u00e4rfen\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-6]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Das Messer sch\u00e4rfen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Das Messer sch\u00e4rfen\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile is-gesperrt\" data-artikel=\"box-7\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"300\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-7-muskelfunktionstest-300x300.webp\" class=\"pp-artikel-img\" alt=\"Michl-Box \u201eDer Muskelfunktionstest&quot;: ge\u00f6ffnete Holzkiste mit Holzwolle und Unterlagen\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-7-muskelfunktionstest-300x300.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-7-muskelfunktionstest-150x150.webp 150w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-7-muskelfunktionstest-12x12.webp 12w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/box-7-muskelfunktionstest.webp 444w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Der Muskelfunktionstest<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t3 Bestandteile\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"129.71\">129,71 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-hinweis pp-artikel-bald\"><svg class=\"pp-icon\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm1 3v4.6l3.1 1.8-1 1.7L11 12.6V7z\"\/><\/svg>In K\u00fcrze<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"pp-artikel-zeile\" data-artikel=\"box-8\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-bild\">\n\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"300\" height=\"200\" src=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten-300x200.webp\" class=\"pp-artikel-img\" alt=\"Ge\u00f6ffnete Michl-Box \u201eDer Einlagenbaukasten\u201c auf einer Werkbank: Rohlinge, Pelotten und Keile im Schaumstoffeinsatz, daneben zwei fertige Einlagen.\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten-300x200.webp 300w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten-1024x683.webp 1024w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten-768x512.webp 768w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten-18x12.webp 18w, https:\/\/shoeeyeq.com\/wp-content\/uploads\/2026\/08\/praeparatio-michlbox-einlagenbaukasten.webp 1536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-artikel-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-titel\">Michl-Box: Der Einlagenbaukasten<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-artikel-zusatz\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tMichl-Box\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\u00b7 <strong class=\"pp-artikel-preis\" data-preis=\"261.80\">261,80 \u20ac<\/strong>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-menge\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"-1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl verringern f\u00fcr Michl-Box: Der Einlagenbaukasten\">&minus;<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"number\" class=\"pp-menge-feld\" name=\"artikel[box-8]\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue=\"0\" min=\"0\" max=\"99\" step=\"1\" inputmode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl f\u00fcr Michl-Box: Der Einlagenbaukasten\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-menge-btn\" data-schritt-menge=\"1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Anzahl erh\u00f6hen f\u00fcr Michl-Box: Der Einlagenbaukasten\">+<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<p class=\"pp-feld-fehler pp-fehler-artikel\" role=\"alert\"><\/p>\n\n\t\t\t\t\t\t\t<p class=\"pp-preishinweis\">\n\t\t\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.2 21 6v12l-9 3.8L3 18V6zm0 2.2L5.6 7 12 9.6 18.4 7zM5 8.7v8l6 2.5v-8zm8 10.5 6-2.5v-8l-6 2.5z\"\/><\/svg>\t\t\t\t\t\t\t\t<span>Alle Preise inkl. MwSt. \u00b7 versandkostenfrei innerhalb Deutschlands. Nach \u00d6sterreich und in die Schweiz nennen wir Ihnen die Versandkosten mit der Auftragsbest\u00e4tigung.<\/span>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"pp-navi\">\n\t\t\t\t\t\t\t<span><\/span>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-btn pp-btn-primaer\" data-weiter=\"2\">Weiter zur Adresse<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- ------------------------------ Schritt 2 -->\n\t\t\t\t\t<div class=\"pp-abschnitt\" data-abschnitt=\"2\">\n\t\t\t\t\t\t<div class=\"pp-karte\">\n\t\t\t\t\t\t\t<h2>An wen sollen wir liefern?<\/h2>\n\t\t\t\t\t\t\t<p class=\"pp-karte-text\">Mit <span class=\"pp-pflicht\">*<\/span> gekennzeichnete Felder brauchen wir f\u00fcr die Lieferung.<\/p>\n\n\t\t\t\t\t\t\t<div class=\"pp-raster\">\n\t\t\t\t\t\t\t\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"firma\">\n\t\t<label for=\"pp-f-firma\">\n\t\t\tFirma oder Betrieb\t\t\t\t\t\t\t<span class=\"pp-optional\">optional<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-firma\" name=\"firma\"\n\t\t\t\t\t\t\t\tautocomplete=\"organization\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"vorname\">\n\t\t<label for=\"pp-f-vorname\">\n\t\t\tVorname\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-vorname\" name=\"vorname\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"given-name\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"nachname\">\n\t\t<label for=\"pp-f-nachname\">\n\t\t\tNachname\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-nachname\" name=\"nachname\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"family-name\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"strasse\">\n\t\t<label for=\"pp-f-strasse\">\n\t\t\tStra\u00dfe und Hausnummer\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-strasse\" name=\"strasse\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"street-address\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-drittel\" data-feld=\"plz\">\n\t\t<label for=\"pp-f-plz\">\n\t\t\tPLZ\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-plz\" name=\"plz\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"postal-code\"\t\t\t\tinputmode=\"numeric\"\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-zweidrittel\" data-feld=\"ort\">\n\t\t<label for=\"pp-f-ort\">\n\t\t\tOrt\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-ort\" name=\"ort\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"address-level2\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"land\">\n\t\t<label for=\"pp-f-land\">Land<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span><\/label>\n\t\t<select id=\"pp-f-land\" name=\"land\" autocomplete=\"country\">\n\t\t\t\t\t\t\t<option value=\"DE\" selected='selected'>Deutschland<\/option>\n\t\t\t\t\t\t\t<option value=\"AT\">\u00d6sterreich<\/option>\n\t\t\t\t\t\t\t<option value=\"CH\">Schweiz<\/option>\n\t\t\t\t\t\t\t<option value=\"andere\">Anderes Land<\/option>\n\t\t\t\t\t<\/select>\n\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"land_frei\">\n\t\t<label for=\"pp-f-land_frei\">\n\t\t\tLand\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-land_frei\" name=\"land_frei\"\n\t\t\t\trequired\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"email\">\n\t\t<label for=\"pp-f-email\">\n\t\t\tE-Mail\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"email\" id=\"pp-f-email\" name=\"email\"\n\t\t\t\trequired\t\t\t\tautocomplete=\"email\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t\t<p class=\"pp-feld-hinweis\">An diese Adresse geht die Bestell\u00fcbersicht.<\/p>\n\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"telefon\">\n\t\t<label for=\"pp-f-telefon\">\n\t\t\tTelefon\t\t\t\t\t\t\t<span class=\"pp-optional\">optional<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"tel\" id=\"pp-f-telefon\" name=\"telefon\"\n\t\t\t\t\t\t\t\tautocomplete=\"tel\"\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t\t<p class=\"pp-feld-hinweis\">Nur f\u00fcr R\u00fcckfragen zur Lieferung.<\/p>\n\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<label class=\"pp-checkbox pp-abweichend-schalter\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"liefer_abweichend\" id=\"pp-f-liefer_abweichend\" value=\"1\">\n\t\t\t\t\t\t\t\t<span class=\"pp-checkbox-kasten\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<span>Die Lieferadresse weicht von der Rechnungsadresse ab<\/span>\n\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t\t\t\t<div class=\"pp-lieferadresse\" hidden>\n\t\t\t\t\t\t\t\t<h3 class=\"pp-gruppe-titel\">Lieferadresse<\/h3>\n\t\t\t\t\t\t\t\t<div class=\"pp-raster\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"liefer_firma\">\n\t\t<label for=\"pp-f-liefer_firma\">\n\t\t\tFirma oder Betrieb\t\t\t\t\t\t\t<span class=\"pp-optional\">optional<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-liefer_firma\" name=\"liefer_firma\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"liefer_name\">\n\t\t<label for=\"pp-f-liefer_name\">\n\t\t\tName\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-liefer_name\" name=\"liefer_name\"\n\t\t\t\trequired\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"liefer_strasse\">\n\t\t<label for=\"pp-f-liefer_strasse\">\n\t\t\tStra\u00dfe und Hausnummer\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-liefer_strasse\" name=\"liefer_strasse\"\n\t\t\t\trequired\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-drittel\" data-feld=\"liefer_plz\">\n\t\t<label for=\"pp-f-liefer_plz\">\n\t\t\tPLZ\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-liefer_plz\" name=\"liefer_plz\"\n\t\t\t\trequired\t\t\t\t\t\t\t\tinputmode=\"numeric\"\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-zweidrittel\" data-feld=\"liefer_ort\">\n\t\t<label for=\"pp-f-liefer_ort\">\n\t\t\tOrt\t\t\t\t\t\t\t<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<input type=\"text\" id=\"pp-f-liefer_ort\" name=\"liefer_ort\"\n\t\t\t\trequired\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"\">\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t<div class=\"pp-feld pp-feld-halb\" data-feld=\"liefer_land\">\n\t\t<label for=\"pp-f-liefer_land\">Land<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span><\/label>\n\t\t<select id=\"pp-f-liefer_land\" name=\"liefer_land\" autocomplete=\"country\">\n\t\t\t\t\t\t\t<option value=\"DE\" selected='selected'>Deutschland<\/option>\n\t\t\t\t\t\t\t<option value=\"AT\">\u00d6sterreich<\/option>\n\t\t\t\t\t\t\t<option value=\"CH\">Schweiz<\/option>\n\t\t\t\t\t\t\t<option value=\"andere\">Anderes Land<\/option>\n\t\t\t\t\t<\/select>\n\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<div class=\"pp-feld pp-feld-voll\" data-feld=\"anmerkung\">\n\t\t<label for=\"pp-f-anmerkung\">\n\t\t\tAnmerkung\t\t\t\t\t\t\t<span class=\"pp-optional\">optional<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t\t<textarea id=\"pp-f-anmerkung\" name=\"anmerkung\" rows=\"4\"\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Wunschtermin, R\u00fcckfrage, abweichende Rechnungsanschrift \u2026\"><\/textarea>\n\t\t\t\t\t\t<p class=\"pp-feld-fehler\" role=\"alert\"><\/p>\n\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"pp-navi\">\n\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-btn pp-btn-rand\" data-zurueck=\"1\">Zur\u00fcck<\/button>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-btn pp-btn-primaer\" data-weiter=\"3\">Weiter zur Pr\u00fcfung<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- ------------------------------ Schritt 3 -->\n\t\t\t\t\t<div class=\"pp-abschnitt\" data-abschnitt=\"3\">\n\t\t\t\t\t\t<div class=\"pp-karte\">\n\t\t\t\t\t\t\t<h2>Bitte pr\u00fcfen Sie Ihre Bestellung<\/h2>\n\n\t\t\t\t\t\t\t<div class=\"pp-pruef-block\">\n\t\t\t\t\t\t\t\t<div class=\"pp-pruef-kopf\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"pp-gruppe-titel\">Artikel<\/h3>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-aendern\" data-zurueck=\"1\">\u00c4ndern<\/button>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<ul class=\"pp-pruef-artikel\" id=\"pp-pruef-artikel\"><\/ul>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"pp-summe\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-summe-zeile\">\n\t\t\t\t\t\t\t\t\t\t\t<span>Versand<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-summe-frei\">kostenfrei<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-summe-zeile pp-summe-gesamt\">\n\t\t\t\t\t\t\t\t\t\t\t<span>Gesamt<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<span id=\"pp-summe-betrag\">\u2014<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pp-summe-hinweis\">inkl. MwSt. \u00b7 versandkostenfrei innerhalb Deutschlands<\/span>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"pp-pruef-block\">\n\t\t\t\t\t\t\t\t<div class=\"pp-pruef-kopf\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"pp-gruppe-titel\">Adresse<\/h3>\n\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-aendern\" data-zurueck=\"2\">\u00c4ndern<\/button>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"pp-pruef-adresse\" id=\"pp-pruef-adresse\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"pp-preishinweis pp-preishinweis-stark\">\n\t\t\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm1 3v4.6l3.1 1.8-1 1.7L11 12.6V7z\"\/><\/svg>\t\t\t\t\t\t\t\t<span><strong>Der Vertrag kommt mit unserer Auftragsbest\u00e4tigung zustande.<\/strong> Sie erhalten sofort eine Eingangsbest\u00e4tigung per E-Mail; die verbindliche Best\u00e4tigung folgt von uns. Der Versand innerhalb Deutschlands ist kostenfrei.<\/span>\n\t\t\t\t\t\t\t<\/p>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"pp-checkbox pp-checkbox-ds\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"agb\" id=\"pp-f-agb\" value=\"1\" required>\n\t\t\t\t\t\t\t\t<span class=\"pp-checkbox-kasten\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<span>Ich habe die <a href=\"https:\/\/shoeeyeq.com\/fr\/agb-verkauf\/\" target=\"_blank\" rel=\"noopener\">AGB f\u00fcr den Warenverkauf<\/a> und die <a href=\"https:\/\/shoeeyeq.com\/fr\/widerrufsbelehrung\/\" target=\"_blank\" rel=\"noopener\">Widerrufsbelehrung<\/a> gelesen und stimme ihnen zu.<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span><\/span>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<p class=\"pp-feld-fehler pp-fehler-agb\" role=\"alert\"><\/p>\n\n\t\t\t\t\t\t\t<label class=\"pp-checkbox pp-checkbox-ds\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"datenschutz\" id=\"pp-f-datenschutz\" value=\"1\" required>\n\t\t\t\t\t\t\t\t<span class=\"pp-checkbox-kasten\" aria-hidden=\"true\"><\/span>\n\t\t\t\t\t\t\t\t<span>Ich habe die <a href=\"https:\/\/shoeeyeq.com\/fr\/datenschutz\/\" target=\"_blank\" rel=\"noopener\">Datenschutzhinweise<\/a> gelesen. Meine Angaben werden zur Bearbeitung der Bestellung gespeichert und verarbeitet.<span class=\"pp-pflicht\" aria-hidden=\"true\">*<\/span><\/span>\n\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<p class=\"pp-feld-fehler pp-fehler-datenschutz\" role=\"alert\"><\/p>\n\n\t\t\t\t\t\t\t<p class=\"pp-feld-fehler pp-fehler-gesamt\" role=\"alert\"><\/p>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"pp-navi\">\n\t\t\t\t\t\t\t<button type=\"button\" class=\"pp-btn pp-btn-rand\" data-zurueck=\"2\">Zur\u00fcck<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"pp-btn pp-btn-primaer pp-absenden\">\n\t\t\t\t\t\t\t\t<svg class=\"pp-icon\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2.2 21 6v12l-9 3.8L3 18V6zm0 2.2L5.6 7 12 9.6 18.4 7zM5 8.7v8l6 2.5v-8zm8 10.5 6-2.5v-8l-6 2.5z\"\/><\/svg><span>Zahlungspflichtig bestellen<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/form>\n\n\t\t\t\t<!-- ------------------------------ Bestaetigung -->\n\t\t\t\t<div class=\"pp-fertig\" id=\"pp-fertig\" hidden tabindex=\"-1\">\n\t\t\t\t\t<div class=\"pp-karte pp-karte-fertig\">\n\t\t\t\t\t\t<div class=\"pp-haken\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<h2>Vielen Dank f\u00fcr Ihre Bestellung<\/h2>\n\t\t\t\t\t\t<p class=\"pp-fertig-nummer\">Bestellnummer <strong id=\"pp-fertig-nr\"><\/strong><\/p>\n\t\t\t\t\t\t<p class=\"pp-karte-text\" id=\"pp-fertig-text\"><\/p>\n\t\t\t\t\t\t<div class=\"pp-knoepfe\">\n\t\t\t\t\t\t\t<a class=\"pp-btn pp-btn-rand\" href=\"https:\/\/shoeeyeq.com\/fr\/\">Zur Startseite<\/a>\n\t\t\t\t\t\t\t<a class=\"pp-btn pp-btn-rand\" href=\"tel:+4996211838\"><svg class=\"pp-icon\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z\"\/><\/svg>09621 1838<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n\t<script type=\"text\/javascript\">\n(function () {\n    var form = document.getElementById('pp-bestellform');\n    if (!form) { return; }\n\n    var fertig     = document.getElementById('pp-fertig');\n    var schritte   = Array.prototype.slice.call(document.querySelectorAll('.pp-schritt'));\n    var abschnitte = Array.prototype.slice.call(document.querySelectorAll('.pp-abschnitt'));\n    var aktuell    = 1;\n\n    \/* ---------- Hilfen ---------- *\/\n\n    function feldHuelle(name) {\n        return form.querySelector('.pp-feld[data-feld=\"' + name + '\"]');\n    }\n\n    function fehlerZeigen(name, meldung) {\n        var huelle = feldHuelle(name);\n        if (!huelle) { return; }\n        huelle.classList.add('is-fehler');\n        var p = huelle.querySelector('.pp-feld-fehler');\n        if (p) { p.textContent = meldung; p.classList.add('is-sichtbar'); }\n    }\n\n    function fehlerLoeschen(name) {\n        var huelle = feldHuelle(name);\n        if (!huelle) { return; }\n        huelle.classList.remove('is-fehler');\n        var p = huelle.querySelector('.pp-feld-fehler');\n        if (p) { p.textContent = ''; p.classList.remove('is-sichtbar'); }\n    }\n\n    function alleFehlerLoeschen() {\n        Array.prototype.forEach.call(form.querySelectorAll('.pp-feld.is-fehler'), function (h) {\n            h.classList.remove('is-fehler');\n        });\n        Array.prototype.forEach.call(form.querySelectorAll('.pp-feld-fehler'), function (p) {\n            p.textContent = ''; p.classList.remove('is-sichtbar');\n        });\n    }\n\n    function sammelFehler(klasse, meldung) {\n        var p = form.querySelector('.' + klasse);\n        if (!p) { return; }\n        if (meldung) { p.textContent = meldung; p.classList.add('is-sichtbar'); }\n        else { p.textContent = ''; p.classList.remove('is-sichtbar'); }\n    }\n\n    \/* ---------- Mengen ---------- *\/\n\n    function zeilen() {\n        return Array.prototype.slice.call(form.querySelectorAll('.pp-artikel-zeile'));\n    }\n\n    function mengeSetzen(zeile, wert) {\n        var feld = zeile.querySelector('.pp-menge-feld');\n        if (!feld) { return; }\n        var zahl = parseInt(wert, 10);\n        if (isNaN(zahl) || zahl < 0) { zahl = 0; }\n        if (zahl > 99) { zahl = 99; }\n        feld.value = String(zahl);\n        zeile.classList.toggle('is-gewaehlt', zahl > 0);\n        var minus = zeile.querySelector('[data-schritt-menge=\"-1\"]');\n        if (minus) { minus.disabled = (zahl === 0); }\n        if (zahl > 0) { sammelFehler('pp-fehler-artikel', ''); }\n    }\n\n    zeilen().forEach(function (zeile) {\n        var feld = zeile.querySelector('.pp-menge-feld');\n        if (!feld) { return; }\n        mengeSetzen(zeile, feld.value);\n        Array.prototype.forEach.call(zeile.querySelectorAll('[data-schritt-menge]'), function (btn) {\n            btn.addEventListener('click', function () {\n                var delta = parseInt(btn.getAttribute('data-schritt-menge'), 10) || 0;\n                mengeSetzen(zeile, (parseInt(feld.value, 10) || 0) + delta);\n            });\n        });\n        feld.addEventListener('input', function () { mengeSetzen(zeile, feld.value); });\n        feld.addEventListener('blur', function () { mengeSetzen(zeile, feld.value); });\n    });\n\n    \/* Vorauswahl aus der Adresse, z. B. \/bestellen\/?artikel=buch-2 *\/\n    var vorwahl = form.getAttribute('data-vorwahl');\n    if (vorwahl) {\n        var treffer = form.querySelector('.pp-artikel-zeile[data-artikel=\"' + vorwahl + '\"]');\n        if (treffer && !treffer.classList.contains('is-gesperrt')) { mengeSetzen(treffer, 1); }\n    }\n\n    function auswahl() {\n        var liste = [];\n        zeilen().forEach(function (zeile) {\n            var feld = zeile.querySelector('.pp-menge-feld');\n            if (!feld) { return; }\n            var zahl = parseInt(feld.value, 10) || 0;\n            if (zahl > 0) {\n                var titel = zeile.querySelector('.pp-artikel-titel');\n                var preisEl = zeile.querySelector('.pp-artikel-preis');\n                liste.push({\n                    titel: titel ? titel.textContent : '',\n                    menge: zahl,\n                    preis: preisEl ? parseFloat(preisEl.getAttribute('data-preis')) : null\n                });\n            }\n        });\n        return liste;\n    }\n\n    \/* Betrag als deutscher Preis. Die Summe hier ist reine Anzeige - was\n       gilt, rechnet der Server in pp_summe() noch einmal nach. *\/\n    function preisText(betrag) {\n        return betrag.toFixed(2).replace('.', ',') + ' \u20ac';\n    }\n\n    \/* ---------- Bedingte Felder ---------- *\/\n\n    var landFeld  = document.getElementById('pp-f-land');\n    var landFrei  = feldHuelle('land_frei');\n    function landPruefen() {\n        var andere = landFeld && landFeld.value === 'andere';\n        if (landFrei) {\n            landFrei.hidden = !andere;\n            var eingabe = landFrei.querySelector('input');\n            if (eingabe) { eingabe.disabled = !andere; }\n            if (!andere) { fehlerLoeschen('land_frei'); }\n        }\n    }\n    if (landFeld) { landFeld.addEventListener('change', landPruefen); }\n    landPruefen();\n\n    var abweichend = document.getElementById('pp-f-liefer_abweichend');\n    var lieferBlock = form.querySelector('.pp-lieferadresse');\n    function lieferPruefen() {\n        var an = abweichend && abweichend.checked;\n        if (lieferBlock) {\n            lieferBlock.hidden = !an;\n            Array.prototype.forEach.call(lieferBlock.querySelectorAll('input, select'), function (e) {\n                e.disabled = !an;\n            });\n            if (!an) {\n                Array.prototype.forEach.call(lieferBlock.querySelectorAll('.pp-feld'), function (h) {\n                    fehlerLoeschen(h.getAttribute('data-feld'));\n                });\n            }\n        }\n    }\n    if (abweichend) { abweichend.addEventListener('change', lieferPruefen); }\n    lieferPruefen();\n\n    \/* ---------- Pruefung je Schritt ---------- *\/\n\n    function wert(name) {\n        var e = form.elements[name];\n        return e && typeof e.value === 'string' ? e.value.trim() : '';\n    }\n\n    function pruefeSchritt(nr) {\n        alleFehlerLoeschen();\n        sammelFehler('pp-fehler-artikel', '');\n        var ok = true, ersterFehler = null;\n\n        function melde(name, meldung) {\n            fehlerZeigen(name, meldung);\n            ok = false;\n            if (!ersterFehler) { ersterFehler = form.elements[name] || feldHuelle(name); }\n        }\n\n        if (nr === 1) {\n            if (auswahl().length === 0) {\n                sammelFehler('pp-fehler-artikel', 'Bitte w\u00e4hlen Sie mindestens einen Artikel aus.');\n                ok = false;\n            }\n        }\n\n        if (nr === 2) {\n            var pflicht = {\n                vorname:  'Bitte geben Sie Ihren Vornamen an.',\n                nachname: 'Bitte geben Sie Ihren Nachnamen an.',\n                strasse:  'Bitte geben Sie Stra\u00dfe und Hausnummer an.',\n                plz:      'Bitte geben Sie die Postleitzahl an.',\n                ort:      'Bitte geben Sie den Ort an.'\n            };\n            Object.keys(pflicht).forEach(function (name) {\n                if (wert(name) === '') { melde(name, pflicht[name]); }\n            });\n\n            var mail = wert('email');\n            if (mail === '' || mail.indexOf('@') < 1 || mail.lastIndexOf('.') < mail.indexOf('@')) {\n                melde('email', 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse an.');\n            }\n\n            var land = landFeld ? landFeld.value : 'DE';\n            if (land === 'andere' && wert('land_frei') === '') {\n                melde('land_frei', 'Bitte geben Sie das Land an.');\n            }\n            var muster = { DE: \/^\\d{5}$\/, AT: \/^\\d{4}$\/, CH: \/^\\d{4}$\/ };\n            if (muster[land] && wert('plz') !== '' && !muster[land].test(wert('plz'))) {\n                melde('plz', land === 'DE'\n                    ? 'Die Postleitzahl besteht in Deutschland aus f\u00fcnf Ziffern.'\n                    : 'Die Postleitzahl besteht in diesem Land aus vier Ziffern.');\n            }\n\n            if (abweichend && abweichend.checked) {\n                var lp = {\n                    liefer_name:    'Bitte geben Sie den Namen an.',\n                    liefer_strasse: 'Bitte geben Sie Stra\u00dfe und Hausnummer an.',\n                    liefer_plz:     'Bitte geben Sie die Postleitzahl an.',\n                    liefer_ort:     'Bitte geben Sie den Ort an.'\n                };\n                Object.keys(lp).forEach(function (name) {\n                    if (wert(name) === '') { melde(name, lp[name]); }\n                });\n            }\n        }\n\n        if (!ok && ersterFehler && typeof ersterFehler.focus === 'function') {\n            ersterFehler.focus({ preventScroll: false });\n        }\n        return ok;\n    }\n\n    \/* ---------- Pruefansicht fuellen ---------- *\/\n\n    function pruefansichtFuellen() {\n        var liste = document.getElementById('pp-pruef-artikel');\n        var summe = 0, alleMitPreis = true;\n        if (liste) {\n            liste.innerHTML = '';\n            auswahl().forEach(function (a) {\n                var li = document.createElement('li');\n                var t = document.createElement('span');\n                t.textContent = a.titel;\n                var m = document.createElement('span');\n                m.className = 'pp-pruef-menge';\n                if (a.preis !== null && !isNaN(a.preis)) {\n                    summe += a.preis * a.menge;\n                    m.textContent = a.menge + '\u00d7 \u00b7 ' + preisText(a.preis * a.menge);\n                } else {\n                    alleMitPreis = false;\n                    m.textContent = a.menge + '\u00d7';\n                }\n                li.appendChild(t);\n                li.appendChild(m);\n                liste.appendChild(li);\n            });\n        }\n        var betrag = document.getElementById('pp-summe-betrag');\n        if (betrag) {\n            betrag.textContent = alleMitPreis ? preisText(summe) : 'auf Anfrage';\n        }\n\n        var ziel = document.getElementById('pp-pruef-adresse');\n        if (!ziel) { return; }\n        ziel.innerHTML = '';\n\n        function block(titel, zeilenTexte) {\n            var d = document.createElement('div');\n            d.className = 'pp-pruef-teil';\n            if (titel) {\n                var s = document.createElement('strong');\n                s.textContent = titel;\n                d.appendChild(s);\n            }\n            zeilenTexte.filter(function (z) { return z && z.trim() !== ''; }).forEach(function (z, i) {\n                if (i > 0) { d.appendChild(document.createElement('br')); }\n                d.appendChild(document.createTextNode(z));\n            });\n            ziel.appendChild(d);\n        }\n\n        var landTxt = landFeld && landFeld.value === 'andere'\n            ? wert('land_frei')\n            : (landFeld ? landFeld.options[landFeld.selectedIndex].text : '');\n\n        block(abweichend && abweichend.checked ? 'Rechnungsadresse' : '', [\n            wert('firma'),\n            (wert('vorname') + ' ' + wert('nachname')).trim(),\n            wert('strasse'),\n            (wert('plz') + ' ' + wert('ort')).trim(),\n            landTxt,\n            wert('email'),\n            wert('telefon')\n        ]);\n\n        if (abweichend && abweichend.checked) {\n            var lland = document.getElementById('pp-f-liefer_land');\n            block('Lieferadresse', [\n                wert('liefer_firma'),\n                wert('liefer_name'),\n                wert('liefer_strasse'),\n                (wert('liefer_plz') + ' ' + wert('liefer_ort')).trim(),\n                lland ? lland.options[lland.selectedIndex].text : ''\n            ]);\n        }\n\n        if (wert('anmerkung') !== '') {\n            block('Anmerkung', [wert('anmerkung')]);\n        }\n    }\n\n    \/* ---------- Umschalten ---------- *\/\n\n    function zeige(nr) {\n        aktuell = nr;\n        abschnitte.forEach(function (a) {\n            a.classList.toggle('is-aktiv', parseInt(a.getAttribute('data-abschnitt'), 10) === nr);\n        });\n        schritte.forEach(function (s) {\n            var n = parseInt(s.getAttribute('data-schritt'), 10);\n            s.classList.toggle('is-aktiv', n === nr);\n            s.classList.toggle('is-fertig', n < nr);\n        });\n        if (nr === 3) { pruefansichtFuellen(); }\n        var kopf = document.querySelector('.pp-schritte');\n        if (kopf && typeof kopf.scrollIntoView === 'function') {\n            kopf.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n    }\n\n    Array.prototype.forEach.call(form.querySelectorAll('[data-weiter]'), function (btn) {\n        btn.addEventListener('click', function () {\n            var ziel = parseInt(btn.getAttribute('data-weiter'), 10);\n            if (pruefeSchritt(aktuell)) { zeige(ziel); }\n        });\n    });\n    Array.prototype.forEach.call(form.querySelectorAll('[data-zurueck]'), function (btn) {\n        btn.addEventListener('click', function () {\n            zeige(parseInt(btn.getAttribute('data-zurueck'), 10));\n        });\n    });\n\n    \/* Eingabetaste soll im Formular nicht vorzeitig absenden. *\/\n    form.addEventListener('keydown', function (e) {\n        if (e.key === 'Enter' && e.target && e.target.tagName !== 'TEXTAREA' && e.target.type !== 'submit') {\n            e.preventDefault();\n        }\n    });\n\n    \/* ---------- Absenden ---------- *\/\n\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        sammelFehler('pp-fehler-gesamt', '');\n        sammelFehler('pp-fehler-agb', '');\n        sammelFehler('pp-fehler-datenschutz', '');\n\n        if (!pruefeSchritt(1)) { zeige(1); return; }\n        if (!pruefeSchritt(2)) { zeige(2); return; }\n\n        var agb = document.getElementById('pp-f-agb');\n        if (!agb || !agb.checked) {\n            sammelFehler('pp-fehler-agb', 'Bitte best\u00e4tigen Sie AGB und Widerrufsbelehrung.');\n            if (agb) { agb.focus(); }\n            return;\n        }\n\n        var ds = document.getElementById('pp-f-datenschutz');\n        if (!ds || !ds.checked) {\n            sammelFehler('pp-fehler-datenschutz', 'Bitte best\u00e4tigen Sie die Hinweise zum Datenschutz.');\n            if (ds) { ds.focus(); }\n            return;\n        }\n\n        var knopf = form.querySelector('.pp-absenden');\n        var text  = knopf ? knopf.querySelector('span') : null;\n        var alt   = text ? text.textContent : '';\n        if (knopf) { knopf.disabled = true; }\n        if (text)  { text.textContent = 'Wird gesendet \u2026'; }\n\n        var daten = new FormData(form);\n        daten.append('action', 'pp_bestellung');\n        daten.append('nonce', form.getAttribute('data-nonce'));\n\n        fetch(form.getAttribute('data-ajax'), { method: 'POST', body: daten, credentials: 'same-origin' })\n            .then(function (r) { return r.json(); })\n            .then(function (antwort) {\n                if (antwort && antwort.success) {\n                    form.hidden = true;\n                    var kopf = document.querySelector('.pp-schritte');\n                    if (kopf) { kopf.hidden = true; }\n                    var nr = document.getElementById('pp-fertig-nr');\n                    if (nr) { nr.textContent = antwort.data.nummer; }\n                    var txt = document.getElementById('pp-fertig-text');\n                    if (txt) {\n                        txt.textContent = antwort.data.mail_kunde\n                            ? 'Die Bestell\u00fcbersicht ist an ' + antwort.data.email + ' unterwegs \u2013 zusammen mit der Widerrufsbelehrung. Die verbindliche Auftragsbest\u00e4tigung schicken wir Ihnen gesondert.'\n                            : 'Ihre Bestellung ist bei uns eingegangen. Die Best\u00e4tigungsmail konnten wir gerade nicht zustellen \u2013 wir melden uns telefonisch oder per E-Mail bei Ihnen.';\n                    }\n                    if (fertig) {\n                        fertig.hidden = false;\n                        fertig.focus();\n                        if (typeof fertig.scrollIntoView === 'function') {\n                            fertig.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                        }\n                    }\n                    return;\n                }\n\n                if (knopf) { knopf.disabled = false; }\n                if (text)  { text.textContent = alt; }\n\n                var d = antwort && antwort.data ? antwort.data : {};\n                if (d.felder) {\n                    alleFehlerLoeschen();\n                    var sprung = 0;\n                    Object.keys(d.felder).forEach(function (name) {\n                        if (name === 'artikel') {\n                            sammelFehler('pp-fehler-artikel', d.felder[name]);\n                            if (!sprung) { sprung = 1; }\n                        } else if (name === 'agb') {\n                            sammelFehler('pp-fehler-agb', d.felder[name]);\n                        } else if (name === 'datenschutz') {\n                            sammelFehler('pp-fehler-datenschutz', d.felder[name]);\n                        } else {\n                            fehlerZeigen(name, d.felder[name]);\n                            if (!sprung) { sprung = 2; }\n                        }\n                    });\n                    if (sprung) { zeige(sprung); }\n                }\n                sammelFehler('pp-fehler-gesamt', d.meldung || 'Die Bestellung konnte nicht \u00fcbermittelt werden. Bitte versuchen Sie es erneut oder rufen Sie uns an.');\n            })\n            .catch(function () {\n                if (knopf) { knopf.disabled = false; }\n                if (text)  { text.textContent = alt; }\n                sammelFehler('pp-fehler-gesamt', 'Die Verbindung ist abgebrochen. Bitte versuchen Sie es erneut oder rufen Sie uns an.');\n            });\n    });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/3985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/comments?post=3985"}],"version-history":[{"count":0,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/3985\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/media?parent=3985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}