{"id":4047,"date":"2026-08-17T14:36:22","date_gmt":"2026-08-17T12:36:22","guid":{"rendered":"https:\/\/shoeeyeq.com\/widerrufsbelehrung\/"},"modified":"2026-08-17T14:36:22","modified_gmt":"2026-08-17T12:36:22","slug":"widerrufsbelehrung","status":"publish","type":"page","link":"https:\/\/shoeeyeq.com\/fr\/widerrufsbelehrung\/","title":{"rendered":"Information sur le droit de r\u00e9tractation"},"content":{"rendered":"<style id=\"pp-layout-4047\">.page-id-4047 .page-header { display:none !important; }.page-id-4047 main.site-main, .page-id-4047 .site-main, .page-id-4047 .page-content, .page-id-4047 .entry-content { max-width:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; padding:0 !important; }body.page-id-4047 { 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-recht-css\">\n.pp-recht h1 {\n    margin: 0 !important;\n    font-size: clamp(30px, 4vw, 44px) !important;\n    line-height: 1.14 !important; font-weight: 700 !important;\n    letter-spacing: -.03em !important; color: var(--pp-text) !important;\n    text-transform: none !important;\n}\n.pp-recht-kopf { padding-bottom: clamp(26px, 3vw, 38px) !important; }\n.pp .pp-recht-stand {\n    margin: 14px 0 0 !important; font-size: 14px !important; color: #8b968f !important;\n}\n\n\/* Zweispaltig ab 1000px: links das Verzeichnis, rechts der Text. Darunter\n   untereinander - ein mitlaufendes Verzeichnis auf dem Telefon nimmt nur\n   Platz weg. *\/\n.pp-recht-layout { display: block !important; }\n@media (min-width: 1000px) {\n    .pp-recht-layout {\n        display: grid !important;\n        grid-template-columns: 268px minmax(0, 1fr) !important;\n        gap: 56px !important;\n        align-items: start !important;\n    }\n}\n\n\/* ---------- Verzeichnis ---------- *\/\n.pp-recht-nav {\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important;\n    border-radius: 16px !important; padding: 20px 22px !important;\n    margin: 0 0 32px !important;\n}\n@media (min-width: 1000px) {\n    \/* Der Datenschutztext hat 17 Abschnitte. Ohne Deckel waere das\n       Verzeichnis hoeher als der Bildschirm und die unteren Punkte\n       waeren nicht erreichbar. *\/\n    .pp-recht-nav {\n        position: sticky !important; top: 100px !important; margin: 0 !important;\n        max-height: calc(100vh - 140px) !important; overflow-y: auto !important;\n    }\n}\n.pp .pp-recht-nav-titel {\n    margin: 0 0 12px !important; font-size: 12px !important; font-weight: 700 !important;\n    letter-spacing: .1em !important; text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n}\n.pp-recht-nav ol {\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n    counter-reset: none !important;\n}\n.pp-recht-nav li { margin: 0 !important; padding: 0 !important; list-style: none !important; }\n.pp-recht-nav li::marker { content: none !important; }\n.pp-recht-nav a {\n    display: flex !important; gap: 10px !important; align-items: baseline !important;\n    padding: 7px 0 !important; font-size: 14.5px !important; line-height: 1.4 !important;\n    color: var(--pp-text) !important; text-decoration: none !important;\n    border-bottom: 1px solid #eceae4 !important;\n}\n.pp-recht-nav li:last-child a { border-bottom: 0 !important; }\n.pp-recht-nav a:hover { color: var(--pp-dark) !important; }\n.pp-recht-nav-nr {\n    flex-shrink: 0 !important; width: 30px !important;\n    font-weight: 700 !important; color: var(--pp-dark) !important; font-size: 13.5px !important;\n}\n\n\/* ---------- Text ---------- *\/\n.pp-recht-text {\n    background-color: #fff !important; border: 1px solid var(--pp-rand) !important;\n    border-radius: 18px !important; padding: clamp(24px, 3.4vw, 46px) !important;\n}\n.pp-recht-text-solo { max-width: 860px !important; }\n.pp-recht-schmal .pp-recht-text-solo { margin: 0 auto !important; }\n\n\/* ---------- Uebernommene Dokumente ----------\n   AGB der Plattform, Datenschutz, Impressum und Cookie-Richtlinie bringen\n   ihr eigenes HTML mit. Damit sie aussehen wie die hier gesetzten Seiten,\n   werden die Grundbausteine angeglichen.\n\n   Diese Regeln stehen bewusst VOR den .pp-para-Regeln: bei gleicher\n   Spezifitaet gewinnt die spaetere, und das soll die eigene Fassung sein.\n\n   Die Abschnittsueberschriften werden ueber die Klasse angesprochen und\n   nicht ueber die Stufe. Welche Stufe ein Dokument gliedert, ist von Text\n   zu Text verschieden - die Plattform-AGB nimmt h3, der Datenschutztext\n   h2. Ueber die Klasse sehen beide gleich aus. *\/\n.pp-recht .pp-recht-text .pp-recht-abschnitt {\n    margin: 36px 0 14px !important;\n    padding-top: 32px !important;\n    border-top: 1px solid #eceae4 !important;\n    font-size: clamp(19px, 2vw, 23px) !important;\n    line-height: 1.25 !important; font-weight: 700 !important;\n    letter-spacing: -.02em !important; color: var(--pp-text) !important;\n    text-transform: none !important; scroll-margin-top: 110px !important;\n}\n.pp-recht .pp-recht-text > .pp-recht-abschnitt:first-child {\n    margin-top: 0 !important; padding-top: 0 !important; border-top: 0 !important;\n}\n.pp-recht .pp-recht-text h2, .pp-recht .pp-recht-text h3,\n.pp-recht .pp-recht-text h4, .pp-recht .pp-recht-text h5 {\n    margin: 24px 0 10px !important; font-weight: 700 !important;\n    line-height: 1.32 !important; letter-spacing: -.01em !important;\n    color: var(--pp-text) !important; text-transform: none !important;\n    scroll-margin-top: 110px !important;\n}\n.pp-recht .pp-recht-text h2 { font-size: 19px !important; }\n.pp-recht .pp-recht-text h3 { font-size: 17px !important; }\n.pp-recht .pp-recht-text h4, .pp-recht .pp-recht-text h5 { font-size: 15.5px !important; }\n\n.pp-recht .pp-recht-text ul, .pp-recht .pp-recht-text ol {\n    margin: 10px 0 16px !important; padding: 0 0 0 22px !important;\n}\n.pp-recht .pp-recht-text ul { list-style: disc !important; }\n.pp-recht .pp-recht-text ol { list-style: decimal !important; }\n.pp-recht .pp-recht-text li {\n    margin: 0 0 6px !important; padding: 0 !important;\n    font-size: 15.5px !important; line-height: 1.7 !important; color: #3c4744 !important;\n}\n.pp-recht .pp-recht-text li::marker { color: #9aa4a0 !important; }\n.pp-recht .pp-recht-text strong, .pp-recht .pp-recht-text b {\n    font-weight: 700 !important; color: var(--pp-text) !important;\n}\n.pp-recht .pp-recht-text hr {\n    border: 0 !important; border-top: 1px solid #eceae4 !important; margin: 26px 0 !important;\n}\n.pp-recht .pp-recht-text blockquote {\n    margin: 16px 0 !important; padding: 14px 18px !important;\n    background-color: var(--pp-braun-2) !important; border-radius: 12px !important;\n    border-left: 0 !important;\n}\n\/* Lange Adressen in Datenschutz- und Cookietexten sollen umbrechen statt\n   die Karte aufzuspreizen. *\/\n.pp-recht .pp-recht-text { overflow-wrap: break-word !important; word-break: break-word !important; }\n.pp-recht .pp-recht-text table {\n    width: 100% !important; border-collapse: collapse !important;\n    margin: 14px 0 18px !important; font-size: 15px !important;\n    display: block !important; overflow-x: auto !important;\n}\n.pp-recht .pp-recht-text th, .pp-recht .pp-recht-text td {\n    border: 1px solid var(--pp-rand) !important; padding: 9px 12px !important;\n    text-align: left !important; vertical-align: top !important;\n}\n.pp-recht .pp-recht-text th { background-color: var(--pp-grau) !important; font-weight: 700 !important; }\n\n.pp-recht .pp-para { scroll-margin-top: 110px !important; }\n.pp-recht .pp-para + .pp-para {\n    margin-top: 34px !important; padding-top: 32px !important;\n    border-top: 1px solid #eceae4 !important;\n}\n.pp-recht .pp-para h2 {\n    display: flex !important; gap: 14px !important; align-items: baseline !important;\n    margin: 0 0 14px !important;\n    font-size: clamp(19px, 2vw, 23px) !important; line-height: 1.25 !important;\n    font-weight: 700 !important; letter-spacing: -.02em !important;\n    color: var(--pp-text) !important; text-transform: none !important;\n}\n.pp-recht .pp-para-nr {\n    flex-shrink: 0 !important; color: var(--pp-dark) !important;\n    font-size: .78em !important; font-weight: 700 !important;\n    letter-spacing: 0 !important;\n}\n.pp-recht .pp-recht-zwischen {\n    margin: 22px 0 10px !important; font-size: 16.5px !important; font-weight: 700 !important;\n    line-height: 1.3 !important; color: var(--pp-text) !important; text-transform: none !important;\n}\n.pp-recht .pp-recht-zwischen:first-child { margin-top: 0 !important; }\n\n.pp-recht p {\n    margin: 0 0 12px !important; font-size: 16px !important; line-height: 1.75 !important;\n    color: #3c4744 !important;\n}\n.pp-recht p:last-child { margin-bottom: 0 !important; }\n\n\/* Nur Verweise IM Fliesstext einfaerben, nicht pauschal jedes a innerhalb\n   von .pp-recht. Ein .pp-recht a waere (0,1,1) und wuerde .pp-btn-primaer\n   (0,1,0) schlagen - dann steht die Knopfschrift in der Farbe des Knopfes\n   und ist unsichtbar. Genau das war am 17.08.2026 der Fall. Das !important\n   hilft dagegen nicht: hoehere Spezifitaet gewinnt trotzdem. *\/\n.pp-recht .pp-recht-text a { color: var(--pp-dark) !important; text-decoration: underline !important; }\n.pp-recht .pp-recht-text a:hover { text-decoration: none !important; }\n\n\/* Nummerierte Absaetze. Die Nummer haengt aussen, damit der Text eine\n   gerade Kante behaelt. *\/\n.pp-recht ol.pp-absaetze {\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n    counter-reset: absatz !important;\n}\n.pp-recht ol.pp-absaetze > li {\n    position: relative !important; counter-increment: absatz !important;\n    margin: 0 0 14px !important; padding: 0 0 0 34px !important;\n    list-style: none !important;\n}\n.pp-recht ol.pp-absaetze > li::marker { content: none !important; }\n.pp-recht ol.pp-absaetze > li::before {\n    content: \"(\" counter(absatz) \")\";\n    position: absolute !important; left: 0 !important; top: 0 !important;\n    font-size: 14px !important; line-height: 1.9 !important;\n    font-weight: 700 !important; color: #9aa4a0 !important;\n}\n.pp-recht ol.pp-absaetze > li:last-child { margin-bottom: 0 !important; }\n\n.pp-recht ul.pp-recht-liste, .pp-recht ol.pp-recht-liste {\n    margin: 8px 0 12px !important; padding: 0 0 0 20px !important;\n}\n.pp-recht ul.pp-recht-liste { list-style: disc !important; }\n.pp-recht ol.pp-recht-liste { list-style: decimal !important; }\n.pp-recht .pp-recht-liste li {\n    margin: 0 0 5px !important; padding: 0 !important;\n    font-size: 15.5px !important; line-height: 1.7 !important; color: #3c4744 !important;\n}\n.pp-recht .pp-recht-liste li::marker { color: #9aa4a0 !important; }\n\n\/* ---------- Hervorgehobene Kaesten ---------- *\/\n.pp-recht-kasten {\n    margin: 18px 0 0 !important; padding: clamp(18px, 2.4vw, 26px) !important;\n    background-color: var(--pp-braun-2) !important; border-radius: 14px !important;\n}\n.pp .pp-recht-kasten-titel {\n    margin: 0 0 12px !important; font-size: 12px !important; font-weight: 700 !important;\n    letter-spacing: .1em !important; text-transform: uppercase !important;\n    color: var(--pp-dark) !important;\n}\n.pp .pp-recht-nach { margin: 14px 0 0 !important; font-size: 15px !important; color: var(--pp-muted) !important; }\n\n.pp-recht-formular {\n    margin: 28px 0 0 !important; padding: clamp(18px, 2.4vw, 26px) !important;\n    background-color: var(--pp-gruen-1) !important; border-radius: 14px !important;\n    scroll-margin-top: 110px !important;\n}\n.pp .pp-recht-formular-vor { margin: 0 0 14px !important; font-size: 15.5px !important; }\n.pp-recht ul.pp-recht-formular-liste {\n    margin: 0 !important; padding: 0 !important; list-style: none !important;\n}\n.pp-recht ul.pp-recht-formular-liste li {\n    margin: 0 !important; padding: 12px 0 !important; list-style: none !important;\n    font-size: 15px !important; line-height: 1.6 !important; color: var(--pp-text) !important;\n    border-bottom: 1px dashed #bcc9b8 !important;\n}\n.pp-recht ul.pp-recht-formular-liste li::marker { content: none !important; }\n.pp-recht ul.pp-recht-formular-liste li:last-child { border-bottom: 0 !important; }\n.pp-recht ul.pp-recht-formular-liste li.pp-recht-fussnote {\n    font-size: 13.5px !important; color: var(--pp-muted) !important; padding-bottom: 0 !important;\n}\n\n.pp .pp-recht-schluss {\n    margin: 30px 0 0 !important; padding-top: 20px !important;\n    border-top: 1px solid #eceae4 !important;\n    font-size: 14px !important; color: #8b968f !important;\n}\n\n\/* ---------- Verweisband ---------- *\/\n.pp-recht-fuss-gitter {\n    display: grid !important; gap: 14px !important;\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;\n}\n.pp-recht .pp-recht-fuss-karte {\n    display: block !important; padding: 18px 20px !important;\n    border: 1px solid var(--pp-rand) !important; border-radius: 14px !important;\n    text-decoration: none !important; background-color: #fff !important;\n    transition: border-color .18s ease, background-color .18s ease !important;\n}\n.pp-recht .pp-recht-fuss-karte:hover {\n    border-color: var(--pp-primary) !important; background-color: #f2fafc !important;\n}\n.pp-recht-fuss-titel {\n    display: block !important; font-size: 16px !important; font-weight: 700 !important;\n    color: var(--pp-text) !important; margin-bottom: 4px !important;\n}\n.pp-recht-fuss-text {\n    display: block !important; font-size: 14.5px !important; line-height: 1.55 !important;\n    color: var(--pp-muted) !important;\n}\n.pp-recht-fuss-knopf { margin-top: 26px !important; }\n\n@media (prefers-reduced-motion: reduce) {\n    .pp-recht * { transition: none !important; }\n}\n<\/style>\t<div class=\"pp pp-recht\">\n\t\t\t<section class=\"pp-band pp-band-weiss pp-recht-kopf\">\n\t\t<div class=\"pp-innen\">\n\t\t\t<p class=\"pp-label\">Droit de r\u00e9tractation<\/p>\n\t\t\t<h1>Informations sur le droit de r\u00e9tractation et formulaire type de r\u00e9tractation<\/h1>\n\t\t\t<p class=\"pp-lead pp-lead-abstand\">En tant que consommateur ou consommatrice, vous pouvez r\u00e9voquer votre commande de livres et de bo\u00eetes Michl dans un d\u00e9lai de 14 jours sans avoir \u00e0 en indiquer les motifs.<\/p>\n\t\t\t<p class=\"pp-recht-stand\">Mise au 17 ao\u00fbt 2026<\/p>\n\t\t<\/div>\n\t<\/section>\n\t\n\t\t<section class=\"pp-band pp-band-grau\">\n\t\t\t<div class=\"pp-innen\">\n\t\t\t\t<div class=\"pp-recht-layout\">\n\t\t\t\t\t\t<nav class=\"pp-recht-nav\" aria-label=\"Contenu\">\n\t\t<p class=\"pp-recht-nav-titel\">Contenu<\/p>\n\t\t<ol>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"#widerrufsrecht\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-recht-nav-nr\">1<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Droit de r\u00e9tractation<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"#folgen\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-recht-nav-nr\">2<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Cons\u00e9quences de la r\u00e9tractation<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"#formular\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pp-recht-nav-nr\">3<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>Mod\u00e8le de formulaire de r\u00e9tractation<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t\t<\/ol>\n\t<\/nav>\n\t\n\t\t\t\t\t<div class=\"pp-recht-text\">\n\t\t\t\t\t\t<section class=\"pp-para\">\n\t\t\t\t\t\t\t<h3 class=\"pp-recht-zwischen\" id=\"widerrufsrecht\">Droit de r\u00e9tractation<\/h3><p>Vous avez le droit de r\u00e9voquer le pr\u00e9sent contrat dans un d\u00e9lai de quinzaine jours sans donner de motif.<\/p><p>Le d\u00e9lai de r\u00e9tractation est de quatorze jours \u00e0 compter du jour o\u00f9 vous-m\u00eame, ou un tiers autre que le transporteur et d\u00e9sign\u00e9 par vous, prenez possession des biens.<\/p><p>Si vous avez command\u00e9 plusieurs marchandises dans le cadre d'une seule et m\u00eame commande qui sont livr\u00e9es s\u00e9par\u00e9ment, le d\u00e9lai de r\u00e9tractation est de quatorze jours \u00e0 compter du jour o\u00f9 vous-m\u00eame, ou un tiers d\u00e9sign\u00e9 par vous autre que le transporteur, avez pris possession de la derni\u00e8re marchandise.<\/p><p>Pour exercer votre droit de r\u00e9tractation, vous devez nous informer (Praeparatio e.V., Schlachthausstra\u00dfe 11, 92224 Amberg, t\u00e9l\u00e9phone 09621 1838, e-mail info@praeparatio.com) de votre d\u00e9cision de r\u00e9tractation du pr\u00e9sent contrat au moyen d'une d\u00e9claration d\u00e9nu\u00e9e toute ambig\u00fcit\u00e9 (par exemple, une lettre envoy\u00e9e par la poste ou un e-mail). Vous pouvez utiliser le mod\u00e8le de formulaire de r\u00e9tractation ci-joint, mais ce n'est pas obligatoire.<\/p><p>Pour respecter le d\u00e9lai de r\u00e9tractation, il suffit que vous transmettiez votre communication relative \u00e0 l'exercice du droit de r\u00e9tractation avant l'expiration du d\u00e9lai de r\u00e9tractation.<\/p><h3 class=\"pp-recht-zwischen\" id=\"folgen\">Cons\u00e9quences de la r\u00e9tractation<\/h3><p>Si vous r\u00e9voquez le pr\u00e9sent contrat, nous vous rembourserons tous les paiements re\u00e7us de votre part, y compris les frais de livraison (\u00e0 l'exception des frais suppl\u00e9mentaires d\u00e9coulant du fait que vous avez choisi un mode de livraison autre que le mode moins co\u00fbteux de livraison standard propos\u00e9 par nous), sans retard injustifi\u00e9 et au plus tard dans les quatorze jours \u00e0 compter du jour o\u00f9 nous sommes inform\u00e9s de votre d\u00e9cision de r\u00e9tractation du pr\u00e9sent contrat. Pour ce remboursement, nous utilisons le m\u00eame moyen de paiement que celui que vous avez utilis\u00e9 pour la transaction initiale, sauf accord expr\u00e8s contraire avec vous ; en aucun cas des frais ne vous seront factur\u00e9s pour ce remboursement.<\/p><p>Nous pouvons diff\u00e9rer le remboursement jusqu'\u00e0 ce que nous ayons r\u00e9cup\u00e9r\u00e9 les biens ou jusqu'\u00e0 ce que vous ayez fourni une preuve de l'exp\u00e9dition des biens, selon la premi\u00e8re de ces \u00e9ventualit\u00e9s.<\/p><p>Vous devez renvoyer ou rendre les biens \u00e0 nous, sans retard excessif et, en tout \u00e9tat de cause, au plus tard quatorze jours suivant le jour o\u00f9 vous nous informez de votre r\u00e9tractation du pr\u00e9sent contrat. Le d\u00e9lai est respect\u00e9 si vous renvoyez les biens avant l'expiration du d\u00e9lai de quatorze jours.<\/p><p>Vous supportez les frais directs de renvoi des marchandises.<\/p><p>Vous ne devez endosser la responsabilit\u00e9 d'une d\u00e9pr\u00e9ciation des biens que si cette d\u00e9pr\u00e9ciation r\u00e9sulte d'une manipulation des biens qui n'est pas n\u00e9cessaire pour s'assurer de leur nature, de leurs caract\u00e9ristiques et de leur bon fonctionnement.<\/p>\t\t\t\t\t\t<\/section>\n\n\t\t\t\t\t\t<div class=\"pp-recht-formular\" id=\"formular\"><p class=\"pp-recht-kasten-titel\">Mod\u00e8le de formulaire de r\u00e9tractation<\/p><p class=\"pp-recht-formular-vor\">Si vous souhaitez r\u00e9voquer le contrat, veuillez remplir ce formulaire et le renvoyer. Vous n'\u00eates pas oblig\u00e9 de l'utiliser ; une d\u00e9claration d\u00e9nu\u00e9e d'ambigu\u00eft\u00e9 exprim\u00e9e sous une autre forme suffit.<\/p><ul class=\"pp-recht-formular-liste\"><li>Praeparatio e.V., Schlachthausstra\u00dfe 11, 92224 Amberg, e-mail : info@praeparatio.com :<\/li><li>Par la pr\u00e9sente, je\/nous (*) r\u00e9voque\/r\u00e9voquons (*) le contrat conclu par moi\/nous (*) portant sur l'achat des biens (*)\/la prestation de services (*) suivants (*)<\/li><li>Command\u00e9 le (*) \/ re\u00e7u le (*)<\/li><li>Nom du ou des consommateurs<\/li><li>Adresse du ou des consommateurs<\/li><li>Signature du ou des consommateurs (uniquement en cas de notification sur papier)<\/li><li>Date<\/li><li class=\"pp-recht-fussnote\">(*) Rayer la mention inutile.<\/li><\/ul><\/div>\n\t\t\t\t\t\t<p class=\"pp-recht-schluss\">\n\t\t\t\t\t\t\tCette instruction fait partie de\n\t\t\t\t\t\t\t<a href=\"https:\/\/shoeeyeq.com\/fr\/agb-verkauf\/\">Conditions g\u00e9n\u00e9rales de vente de marchandises<\/a> \u00b7\n\t\t\t\t\t\t\tAu 17 ao\u00fbt 2026\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t\t<section class=\"pp-band pp-band-weiss pp-recht-fuss\">\n\t\t<div class=\"pp-innen\">\n\t\t\t<div class=\"pp-recht-fuss-gitter\">\n\t\t\t\t\t\t\t\t\t<a class=\"pp-recht-fuss-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/agb-verkauf\/\">\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-titel\">Conditions g\u00e9n\u00e9rales de vente de marchandises<\/span>\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-text\">Conclusion du contrat, livraison, paiement et garantie.<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"pp-recht-fuss-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/agb\/\">\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-titel\">Conditions g\u00e9n\u00e9rales de vente de la plateforme d'apprentissage<\/span>\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-text\">Inscription, acc\u00e8s aux cours et utilisation de shoeeyeq.com.<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"pp-recht-fuss-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/datenschutz\/\">\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-titel\">Mentions relatives \u00e0 la protection des donn\u00e9es<\/span>\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-text\">Quelles donn\u00e9es nous traitons et quels sont vos droits.<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"pp-recht-fuss-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/cookie-richtlinien\/\">\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-titel\">Politique relative aux cookies<\/span>\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-text\">Quels cookies sont d\u00e9pos\u00e9s et comment vous pouvez modifier cela.<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<a class=\"pp-recht-fuss-karte\" href=\"https:\/\/shoeeyeq.com\/fr\/impressum\/\">\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-titel\">Mentions l\u00e9gales<\/span>\n\t\t\t\t\t\t<span class=\"pp-recht-fuss-text\">Fournisseur, repr\u00e9sentation et informations au registre.<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"pp-knoepfe pp-recht-fuss-knopf\">\n\t\t\t\t<a class=\"pp-btn pp-btn-primaer\" href=\"https:\/\/shoeeyeq.com\/fr\/bestellen\/\">\n\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>Pour la commande\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/section>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4047","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/4047","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"}],"replies":[{"embeddable":true,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/comments?post=4047"}],"version-history":[{"count":0,"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/pages\/4047\/revisions"}],"wp:attachment":[{"href":"https:\/\/shoeeyeq.com\/fr\/wp-json\/wp\/v2\/media?parent=4047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}