{"id":3279,"date":"2026-04-20T14:12:21","date_gmt":"2026-04-20T12:12:21","guid":{"rendered":"https:\/\/azyaperfume.com\/?page_id=3279"},"modified":"2026-04-21T14:07:08","modified_gmt":"2026-04-21T12:07:08","slug":"wiederruf","status":"publish","type":"page","link":"https:\/\/azyaperfume.com\/en\/wiederruf\/","title":{"rendered":"Wiederruf"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3279\" class=\"elementor elementor-3279\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9997690 e-con-full e-flex e-con e-parent\" data-id=\"9997690\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d6eea06 e-flex e-con-boxed e-con e-child\" data-id=\"d6eea06\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e940f85 elementor-widget elementor-widget-html\" data-id=\"e940f85\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --gold: #C9A96E;\r\n      --gold-light: #E8D5B0;\r\n      --gold-dark: #9A7A4A;\r\n      --ink: #1C1A17;\r\n      --ink-soft: #4A4640;\r\n      --ink-muted: #8A8580;\r\n      --cream: #FAF8F4;\r\n      --cream-dark: #F2EFE8;\r\n      --border: #E0DBD0;\r\n      --border-light: #EDE9E1;\r\n      --white: #FFFFFF;\r\n      --error: #C94A4A;\r\n      --success: #3A7A5A;\r\n    }\r\n\r\n\r\n    \/* \u2500\u2500 Layout \u2500\u2500 *\/\r\n    .form-main {\r\n      flex: 1;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      justify-content: center;\r\n      padding: 3rem 1.5rem 4rem;\r\n    }\r\n\r\n    .form-main .card {\r\n      background: var(--white);\r\n      border: 1px solid var(--border);\r\n      width: 100%;\r\n      max-width: 640px;\r\n      padding: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 Gold top bar \u2500\u2500 *\/\r\n    .form-main .card-topbar {\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));\r\n    }\r\n\r\n    .form-main .card-inner { padding: 2.5rem 2.5rem 2rem; }\r\n\r\n    \/* \u2500\u2500 Steps indicator \u2500\u2500 *\/\r\n    .form-main .steps {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 2.5rem;\r\n      gap: 0;\r\n    }\r\n\r\n    .form-main .step-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      flex: 1;\r\n    }\r\n\r\n    .form-main .step-item:last-child { flex: none; }\r\n\r\n    .form-main .step-num {\r\n      width: 28px;\r\n      height: 28px;\r\n      border-radius: 50%;\r\n      border: 1px solid var(--border);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 0.7rem;\r\n      font-weight: 500;\r\n      letter-spacing: 0.05em;\r\n      color: var(--ink-muted);\r\n      background: var(--cream);\r\n      flex-shrink: 0;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .form-main .step-num.active {\r\n      background: var(--gold);\r\n      border-color: var(--gold);\r\n      color: var(--white);\r\n    }\r\n\r\n    .form-main .step-num.done {\r\n      background: var(--ink);\r\n      border-color: var(--ink);\r\n      color: var(--white);\r\n    }\r\n\r\n    .form-main .step-text {\r\n      font-size: 0.7rem;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      color: var(--ink-muted);\r\n      font-weight: 400;\r\n      transition: color 0.3s;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .form-main .step-text.active { color: var(--ink); }\r\n\r\n    .form-main .step-line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: var(--border);\r\n      margin: 0 10px;\r\n    }\r\n\r\n    \/* \u2500\u2500 Section headings \u2500\u2500 *\/\r\n    .form-main .section-label {\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      color: var(--gold-dark);\r\n      font-weight: 500;\r\n      margin-bottom: 1.25rem;\r\n      margin-top: 0;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .form-main .section-label::after {\r\n      content: '';\r\n      flex: 1;\r\n      height: 1px;\r\n      background: var(--border-light);\r\n    }\r\n\r\n    \/* \u2500\u2500 Info box \u2500\u2500 *\/\r\n    .form-main .info-box {\r\n      background: var(--cream);\r\n      border-left: 2px solid var(--gold);\r\n      padding: 0.875rem 1rem;\r\n      margin-bottom: 2rem;\r\n      font-size: 0.8rem;\r\n      line-height: 1.7;\r\n      color: var(--ink-soft);\r\n    }\r\n\r\n    .form-main .info-box strong { color: var(--ink); font-weight: 500; }\r\n\r\n    \/* \u2500\u2500 Form elements \u2500\u2500 *\/\r\n    .form-main .field { margin-bottom: 1.25rem; }\r\n\r\n    .form-main .field label {\r\n      display: block;\r\n      font-size: 0.68rem;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      color: var(--ink-muted);\r\n      margin-bottom: 6px;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .form-main .field label .req { color: var(--error); margin-left: 2px; }\r\n    .form-main .field label .opt { color: var(--ink-muted); font-style: italic; text-transform: none; letter-spacing: 0; margin-left: 4px; font-size: 0.7rem; }\r\n\r\n    .form-main .field input,\r\n    .form-main .field select,\r\n    .form-main .field textarea {\r\n      width: 100%;\r\n      border: 1px solid var(--border);\r\n      border-radius: 0;\r\n      background: var(--cream);\r\n      padding: 0.625rem 0.75rem;\r\n      font-family: 'Jost', sans-serif;\r\n      font-size: 0.875rem;\r\n      color: var(--ink);\r\n      outline: none;\r\n      transition: border-color 0.2s, background 0.2s;\r\n      -webkit-appearance: none;\r\n      appearance: none;\r\n    }\r\n\r\n    .form-main .field input:focus,\r\n    .form-main .field select:focus,\r\n    .form-mainv .field textarea:focus {\r\n      border-color: var(--gold);\r\n      background: var(--white);\r\n    }\r\n\r\n    .form-main .field input.error,\r\n    .form-main .field textarea.error { border-color: var(--error); }\r\n\r\n    .form-main .field textarea { min-height: 90px; resize: vertical; }\r\n\r\n    .form-main .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n\r\n    .form-main .field-row-3 { display: grid; grid-template-columns: 1fr 2fr; gap: 1rem; }\r\n\r\n    \/* \u2500\u2500 Divider \u2500\u2500 *\/\r\n    .form-main .divider { height: 1px; background: var(--border-light); margin: 1.75rem 0; }\r\n\r\n    \/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n    .form-main .btn-primary {\r\n      width: 100%;\r\n      padding: 0.875rem 1rem;\r\n      background: var(--ink);\r\n      color: var(--white);\r\n      border: none;\r\n      font-family: 'Jost', sans-serif;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      transition: background 0.2s;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .form-main .btn-primary:hover { background: var(--ink-soft); }\r\n\r\n    .form-main .btn-confirm {\r\n      width: 100%;\r\n      padding: 0.875rem 1rem;\r\n      background: transparent;\r\n      color: var(--error);\r\n      border: 1px solid var(--error);\r\n      font-family: 'Jost', sans-serif;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      transition: all 0.2s;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .form-main .btn-confirm:hover { background: #FDF0F0; }\r\n\r\n    .form-main .btn-ghost {\r\n      width: 100%;\r\n      padding: 0.75rem 1rem;\r\n      background: transparent;\r\n      color: var(--ink-muted);\r\n      border: 1px solid var(--border);\r\n      font-family: 'Jost', sans-serif;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      transition: all 0.2s;\r\n    }\r\n\r\n    .form-main .btn-ghost:hover { border-color: var(--ink-muted); color: var(--ink); }\r\n\r\n    \/* \u2500\u2500 Summary \u2500\u2500 *\/\r\n    .form-main .summary-table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }\r\n\r\n    .form-main .summary-table tr { border-bottom: 1px solid var(--border-light); }\r\n\r\n    .form-main .summary-table tr:last-child { border-bottom: none; }\r\n\r\n    .form-main .summary-table td {\r\n      padding: 0.625rem 0;\r\n      font-size: 0.825rem;\r\n      vertical-align: top;\r\n      border:none;\r\n      background:transparent;\r\n    }\r\n\r\n    .form-main .summary-table .s-label {\r\n      color: var(--ink-muted);\r\n      width: 42%;\r\n      padding-right: 1rem;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.05em;\r\n    }\r\n\r\n    .form-main .summary-table .s-value {\r\n      color: var(--ink);\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* \u2500\u2500 Success \u2500\u2500 *\/\r\n    .form-main .success-wrap { text-align: center; padding: 1rem 0; }\r\n\r\n    .form-main .success-icon {\r\n      width: 60px;\r\n      height: 60px;\r\n      border-radius: 50%;\r\n      border: 1px solid var(--gold);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 1.5rem;\r\n    }\r\n\r\n    .form-main .success-icon svg { width: 22px; height: 22px; }\r\n\r\n    .form-main .success-title {\r\n      font-family: 'Cormorant Garamond', serif;\r\n      font-size: 1.75rem;\r\n      font-weight: 300;\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 0.5rem;\r\n      color: var(--ink);\r\n    }\r\n\r\n    .form-main .success-sub {\r\n      font-size: 0.8rem;\r\n      color: var(--ink-muted);\r\n      line-height: 1.75;\r\n      max-width: 420px;\r\n      margin: 0 auto 1.75rem;\r\n    }\r\n\r\n    .form-main .timestamp-box {\r\n      display: inline-block;\r\n      background: var(--cream);\r\n      border: 1px solid var(--border);\r\n      padding: 0.625rem 1.25rem;\r\n      font-size: 0.75rem;\r\n      color: var(--ink-soft);\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    \/* \u2500\u2500 Legal note \u2500\u2500 *\/\r\n    .form-main .legal-note {\r\n      font-size: 0.73rem;\r\n      color: var(--ink-muted);\r\n      line-height: 1.75;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n\r\n    .form-main .legal-note a { color: var(--gold-dark); text-decoration: none; }\r\n    .form-main .legal-note a:hover { text-decoration: underline; }\r\n\r\n    \/* \u2500\u2500 Pflicht badge \u2500\u2500 *\/\r\n   .form-main .badge {\r\n      display: inline-block;\r\n      font-size: 0.6rem;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      padding: 2px 7px;\r\n      border: 1px solid var(--border);\r\n      color: var(--ink-muted);\r\n      margin-left: 6px;\r\n      vertical-align: middle;\r\n      font-weight: 400;\r\n    }\r\n\r\n   \r\n\r\n    \/* \u2500\u2500 Animations \u2500\u2500 *\/\r\n    .form-main .step-panel { display: none; animation: fadeIn 0.3s ease; }\r\n    .form-main .step-panel.visible { display: block; }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(6px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n    @media (max-width: 600px) {\r\n     \r\n      .form-main .card-inner { padding: 1.75rem 1.25rem 1.5rem; }\r\n      .form-main .field-row, .form-main .field-row-3 { grid-template-columns: 1fr; }\r\n      .form-main { padding: 1.5rem 0.75rem 3rem; }\r\n      .form-main .steps { gap: 0; }\r\n      .form-main .step-text { display: none; }\r\n    }\r\n  \r\n<\/style> <main class=\"form-main\">\r\n    <div class=\"card\">\r\n      <div class=\"card-topbar\"><\/div>\r\n      <div class=\"card-inner\">\r\n\r\n        <!-- Steps -->\r\n        <div class=\"steps\">\r\n          <div class=\"step-item\">\r\n            <div class=\"step-num active\" id=\"dot1\">1<\/div>\r\n            <span class=\"step-text active\" id=\"lbl1\">Formular<\/span>\r\n          <\/div>\r\n          <div class=\"step-line\"><\/div>\r\n          <div class=\"step-item\">\r\n            <div class=\"step-num\" id=\"dot2\">2<\/div>\r\n            <span class=\"step-text\" id=\"lbl2\">Pr\u00fcfen<\/span>\r\n          <\/div>\r\n          <div class=\"step-line\"><\/div>\r\n          <div class=\"step-item\" style=\"flex:none\">\r\n            <div class=\"step-num\" id=\"dot3\">3<\/div>\r\n            <span class=\"step-text\" id=\"lbl3\">Best\u00e4tigt<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u2550\u2550\u2550 STEP 1 \u2550\u2550\u2550 -->\r\n        <div class=\"step-panel visible\" id=\"step1\">\r\n\r\n          <div class=\"info-box\">\r\n            <strong>Widerrufsrecht nach \u00a7 355 BGB<\/strong><br>\r\n            Sie k\u00f6nnen Ihren Kaufvertrag innerhalb von 14 Tagen ohne Angabe von Gr\u00fcnden widerrufen.\r\n            Bitte f\u00fcllen Sie alle Pflichtfelder aus. Den Widerrufsgrund m\u00fcssen Sie nicht angeben.\r\n          <\/div>\r\n\r\n          <p class=\"section-label\">Bestellung <span class=\"badge\">Pflicht<\/span><\/p>\r\n\r\n          <div class=\"field\">\r\n            <label>Bestellnummer \/ Vertragsnummer <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_bestellnr\" placeholder=\"z.B. AZ-2024-0042\" autocomplete=\"off\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"field-row\">\r\n            <div class=\"field\">\r\n              <label>Bestelldatum <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"date\" id=\"f_bestelldatum\" \/>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Erhalt der Ware <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"date\" id=\"f_eingangsdatum\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"field\">\r\n            <label>Produkt(e) <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_produkt\" placeholder=\"z.B. MABDA Extrait de Parfum 50 ml\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"divider\"><\/div>\r\n\r\n          <p class=\"section-label\">Ihre Daten <span class=\"badge\">Pflicht<\/span><\/p>\r\n\r\n          <div class=\"field-row\">\r\n            <div class=\"field\">\r\n              <label>First name <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"f_vorname\" placeholder=\"First name\" autocomplete=\"given-name\" \/>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Last name <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"f_nachname\" placeholder=\"Last name\" autocomplete=\"family-name\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"field\">\r\n            <label>E-Mail-Adresse <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"email\" id=\"f_email\" placeholder=\"ihre@email.de\" autocomplete=\"email\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"field\">\r\n            <label>Stra\u00dfe und Hausnummer <span class=\"req\">*<\/span><\/label>\r\n            <input type=\"text\" id=\"f_strasse\" placeholder=\"Musterstra\u00dfe 1\" autocomplete=\"street-address\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"field-row-3\">\r\n            <div class=\"field\">\r\n              <label>PLZ <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"f_plz\" placeholder=\"80331\" autocomplete=\"postal-code\" \/>\r\n            <\/div>\r\n            <div class=\"field\">\r\n              <label>Ort <span class=\"req\">*<\/span><\/label>\r\n              <input type=\"text\" id=\"f_ort\" placeholder=\"M\u00fcnchen\" autocomplete=\"address-level2\" \/>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"divider\"><\/div>\r\n\r\n          <p class=\"section-label\">Widerrufsgrund <span class=\"badge\">Optional<\/span><\/p>\r\n\r\n          <div class=\"field\">\r\n            <label>Grund <span class=\"opt\">(freiwillig \u2013 keine Pflichtangabe)<\/span><\/label>\r\n            <textarea id=\"f_grund\" placeholder=\"Sie m\u00fcssen keinen Grund angeben. Ihre Angabe hilft uns, unser Angebot zu verbessern.\"><\/textarea>\r\n          <\/div>\r\n\r\n          <p class=\"legal-note\">\r\n            Mit dem Absenden des Formulars erkl\u00e4ren Sie Ihren Widerruf gem\u00e4\u00df \u00a7 355 BGB.\r\n            Ihre Daten werden ausschlie\u00dflich zur Bearbeitung Ihres Widerrufs verarbeitet\r\n            (Art. 6 Abs. 1 lit. c DSGVO). Weitere Informationen finden Sie in unserer\r\n            <a href=\"https:\/\/azyaperfume.com\/en\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a>.\r\n          <\/p>\r\n\r\n          <button class=\"btn-primary\" onclick=\"goStep2()\">Weiter zur Pr\u00fcfung \u2192<\/button>\r\n        <\/div>\r\n\r\n        <!-- \u2550\u2550\u2550 STEP 2 \u2550\u2550\u2550 -->\r\n        <div class=\"step-panel\" id=\"step2\">\r\n\r\n          <div class=\"info-box\">\r\n            <strong>Bitte pr\u00fcfen Sie Ihre Angaben<\/strong><br>\r\n            Ihr Widerruf ist erst wirksam, wenn Sie ihn unten verbindlich best\u00e4tigen.\r\n            Mit Klick auf \u201eWiderruf best\u00e4tigen\" wird Ihre Erkl\u00e4rung \u00fcbermittelt.\r\n          <\/div>\r\n\r\n          <p class=\"section-label\">Zusammenfassung<\/p>\r\n\r\n          <table class=\"summary-table\">\r\n            <tr><td class=\"s-label\">Bestellnummer<\/td><td class=\"s-value\" id=\"s_bestellnr\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Bestelldatum<\/td><td class=\"s-value\" id=\"s_bestelldatum\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Wareneingangsdatum<\/td><td class=\"s-value\" id=\"s_eingangsdatum\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Produkt(e)<\/td><td class=\"s-value\" id=\"s_produkt\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Name<\/td><td class=\"s-value\" id=\"s_name\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">E-Mail<\/td><td class=\"s-value\" id=\"s_email\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Adresse<\/td><td class=\"s-value\" id=\"s_adresse\">\u2014<\/td><\/tr>\r\n            <tr id=\"s_grund_row\" style=\"display:none\"><td class=\"s-label\">Widerrufsgrund<\/td><td class=\"s-value\" id=\"s_grund\">\u2014<\/td><\/tr>\r\n          <\/table>\r\n\r\n          <p class=\"legal-note\">\r\n            Sie widerrufen hiermit den Kaufvertrag bez\u00fcglich der oben genannten Ware.\r\n            Eine Eingangsbest\u00e4tigung wird Ihnen unverz\u00fcglich per E-Mail zugesandt\r\n            (\u00a7 356a Abs. 3 BGB).\r\n          <\/p>\r\n\r\n          <button class=\"btn-confirm\" onclick=\"goStep3()\">Widerruf best\u00e4tigen<\/button>\r\n          <button class=\"btn-ghost\" onclick=\"goStep1()\">\u2190 Zur\u00fcck und bearbeiten<\/button>\r\n        <\/div>\r\n\r\n        <!-- \u2550\u2550\u2550 STEP 3 \u2550\u2550\u2550 -->\r\n        <div class=\"step-panel\" id=\"step3\">\r\n          <div class=\"success-wrap\">\r\n\r\n            <div class=\"success-icon\">\r\n              <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A96E\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <polyline points=\"4 12 9 17 20 7\"><\/polyline>\r\n              <\/svg>\r\n            <\/div>\r\n\r\n            <h1 class=\"success-title\">Widerruf \u00fcbermittelt<\/h1>\r\n            <p class=\"success-sub\">\r\n              Ihr Widerruf wurde gem\u00e4\u00df \u00a7 356a BGB erfolgreich \u00fcbermittelt.\r\n              Sie erhalten umgehend eine Eingangsbest\u00e4tigung mit Datum und Uhrzeit\r\n              an Ihre angegebene E-Mail-Adresse.\r\n            <\/p>\r\n\r\n            <div class=\"timestamp-box\" id=\"ts_box\">Eingegangen am \u2014<\/div>\r\n\r\n          <\/div>\r\n\r\n          <p class=\"section-label\">Ihre Angaben<\/p>\r\n\r\n          <table class=\"summary-table\">\r\n            <tr><td class=\"s-label\">Bestellnummer<\/td><td class=\"s-value\" id=\"t_bestellnr\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Produkt(e)<\/td><td class=\"s-value\" id=\"t_produkt\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Name<\/td><td class=\"s-value\" id=\"t_name\">\u2014<\/td><\/tr>\r\n            <tr><td class=\"s-label\">Best\u00e4tigung an<\/td><td class=\"s-value\" id=\"t_email\">\u2014<\/td><\/tr>\r\n          <\/table>\r\n\r\n          <p class=\"legal-note\" style=\"text-align:center;\">\r\n            Fragen zur R\u00fcckabwicklung?<br>\r\n            <a href=\"mailto:contact@azyaperfume.com\">contact@azyaperfume.com<\/a> &nbsp;\u00b7&nbsp;\r\n            AZYA Perfume \u00b7 Possartstr. 14, 80538 M\u00fcnchen\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div><!-- \/card-inner -->\r\n    <\/div><!-- \/card -->\r\n  <\/main>\r\n    <script>\r\n\r\n    \/\/ CF7 submission events\r\n    document.addEventListener('wpcf7mailsent', function () {\r\n      showToast('\u2713 Best\u00e4tigung wurde an Ihre E-Mail gesendet.', 'success');\r\n    }, false);\r\n\r\n    document.addEventListener('wpcf7mailfailed', function () {\r\n      showToast('E-Mail konnte nicht gesendet werden. Bitte kontaktieren Sie uns direkt.', 'error');\r\n    }, false);\r\n\r\n    \/\/ Toast function\r\n    function showToast(message, type) {\r\n      const existing = document.getElementById('azya-toast');\r\n      if (existing) existing.remove();\r\n\r\n      const toast = document.createElement('div');\r\n      toast.id = 'azya-toast';\r\n      toast.textContent = message;\r\n      toast.style.cssText = `\r\n        position: fixed;\r\n        bottom: 2rem;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: ${type === 'success' ? '#3A7A5A' : '#C94A4A'};\r\n        color: #fff;\r\n        padding: 0.875rem 1.5rem;\r\n        font-family: 'Jost', sans-serif;\r\n        font-size: 0.85rem;\r\n        letter-spacing: 0.05em;\r\n        z-index: 9999;\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        max-width: 90vw;\r\n        text-align: center;\r\n      `;\r\n      document.body.appendChild(toast);\r\n\r\n      requestAnimationFrame(() => { toast.style.opacity = '1'; });\r\n      setTimeout(() => {\r\n        toast.style.opacity = '0';\r\n        setTimeout(() => toast.remove(), 300);\r\n      }, 5000);\r\n    }\r\n    function fv(id) {\r\n      return (document.getElementById(id)?.value?.trim()) || '';\r\n    }\r\n\r\n    function fmtDate(str) {\r\n      if (!str) return '\u2014';\r\n      const [y, m, d] = str.split('-');\r\n      return d + '.' + m + '.' + y;\r\n    }\r\n    \/\/ \u2500\u2500 CF7 hidden fields mein data daalo \u2500\u2500\r\n    const set = (name, val) => {\r\n      const el = document.querySelector(`.wpcf7-form [name=\"${name}\"]`);\r\n      if (el) el.value = val;\r\n    };\r\n\r\n    function goStep2() {\r\n      const required = [\r\n        'f_bestellnr', 'f_bestelldatum', 'f_eingangsdatum', 'f_produkt',\r\n        'f_vorname', 'f_nachname', 'f_email', 'f_strasse', 'f_plz', 'f_ort'\r\n      ];\r\n      let missing = false;\r\n      required.forEach(id => {\r\n        const el = document.getElementById(id);\r\n        if (!el.value.trim()) {\r\n          el.classList.add('error');\r\n          missing = true;\r\n        } else {\r\n          el.classList.remove('error');\r\n        }\r\n      });\r\n      if (missing) {\r\n        document.querySelector('.step-panel.visible').scrollIntoView({ behavior: 'smooth' });\r\n        return;\r\n      }\r\n\r\n      document.getElementById('s_bestellnr').textContent    = fv('f_bestellnr');\r\n      document.getElementById('s_bestelldatum').textContent = fmtDate(fv('f_bestelldatum'));\r\n      document.getElementById('s_eingangsdatum').textContent= fmtDate(fv('f_eingangsdatum'));\r\n      document.getElementById('s_produkt').textContent      = fv('f_produkt');\r\n      document.getElementById('s_name').textContent         = fv('f_vorname') + ' ' + fv('f_nachname');\r\n      document.getElementById('s_email').textContent        = fv('f_email');\r\n      document.getElementById('s_adresse').textContent      = fv('f_strasse') + ', ' + fv('f_plz') + ' ' + fv('f_ort');\r\n\r\n      const grund = fv('f_grund');\r\n      const grundRow = document.getElementById('s_grund_row');\r\n      if (grund) {\r\n        grundRow.style.display = 'table-row';\r\n        document.getElementById('s_grund').textContent = grund;\r\n      } else {\r\n        grundRow.style.display = 'none';\r\n      }\r\n\r\n      setStep(2);\r\n    }\r\n\r\n    function goStep1() { setStep(1); }\r\n\r\n    function goStep3() {\r\n      document.getElementById('t_bestellnr').textContent = fv('f_bestellnr');\r\n      document.getElementById('t_produkt').textContent   = fv('f_produkt');\r\n      document.getElementById('t_name').textContent      = fv('f_vorname') + ' ' + fv('f_nachname');\r\n      document.getElementById('t_email').textContent     = fv('f_email');\r\n\r\n      const now = new Date();\r\n      const dateFmt = now.toLocaleDateString('de-DE', {\r\n        day: '2-digit', month: '2-digit', year: 'numeric'\r\n      });\r\n      const timeFmt = now.toLocaleTimeString('de-DE', {\r\n        hour: '2-digit', minute: '2-digit'\r\n      });\r\n      document.getElementById('ts_box').textContent =\r\n        'Eingegangen am ' + dateFmt + ' um ' + timeFmt + ' Uhr';\r\n\r\n      \/\/ CF7 hidden form mein values daalo\r\n      set('bestellnr',    fv('f_bestellnr'));\r\n      set('bestelldatum', fmtDate(fv('f_bestelldatum')));\r\n      set('eingangsdatum',fmtDate(fv('f_eingangsdatum')));\r\n      set('produkt',      fv('f_produkt'));\r\n      set('vorname',      fv('f_vorname'));\r\n      set('nachname',     fv('f_nachname'));\r\n      set('email',        fv('f_email'));\r\n      set('adresse',      fv('f_strasse'));\r\n      set('plz',          fv('f_plz'));\r\n      set('ort',          fv('f_ort'));\r\n      set('grund',        fv('f_grund'));\r\n      \/\/ CF7 form AJAX se submit karo\r\n      const cf7Form = document.querySelector('.wpcf7-form');\r\n      cf7Form.dispatchEvent(new Event('submit', { bubbles: true }));\r\n      setStep(3);\r\n      window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    }\r\n\r\n    function setStep(n) {\r\n      [1, 2, 3].forEach(i => {\r\n        const panel = document.getElementById('step' + i);\r\n        const dot   = document.getElementById('dot'  + i);\r\n        const lbl   = document.getElementById('lbl'  + i);\r\n\r\n        panel.classList.toggle('visible', i === n);\r\n        dot.classList.remove('active', 'done');\r\n        lbl.classList.remove('active');\r\n\r\n        if (i < n)  { dot.classList.add('done'); dot.textContent = '\u2713'; }\r\n        if (i === n){ dot.classList.add('active'); dot.textContent = i; lbl.classList.add('active'); }\r\n        if (i > n)  { dot.textContent = i; }\r\n      });\r\n    }\r\n\r\n    \/\/ Remove error highlight on input\r\n    document.querySelectorAll('input, textarea, select').forEach(el => {\r\n      el.addEventListener('input', () => el.classList.remove('error'));\r\n    });\r\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-811ae40 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"811ae40\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3293-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3293\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/3279#wpcf7-f3293-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/3279#wpcf7-f3293-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3293\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3293-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"bestellnr\" value=\"\" type=\"hidden\" name=\"bestellnr\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"bestelldatum\" value=\"\" type=\"hidden\" name=\"bestelldatum\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"eingangsdatum\" value=\"\" type=\"hidden\" name=\"eingangsdatum\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"produkt\" value=\"\" type=\"hidden\" name=\"produkt\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"vorname\" value=\"\" type=\"hidden\" name=\"vorname\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"nachname\" value=\"\" type=\"hidden\" name=\"nachname\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"email\" value=\"\" type=\"hidden\" name=\"email\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"adresse\" value=\"\" type=\"hidden\" name=\"adresse\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"plz\" value=\"\" type=\"hidden\" name=\"plz\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"ort\" value=\"\" type=\"hidden\" name=\"ort\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"grund\" value=\"\" type=\"hidden\" name=\"grund\" \/>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Absenden\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>1 Formular 2 Pr\u00fcfen 3 Best\u00e4tigt Widerrufsrecht nach \u00a7 355 BGB Sie k\u00f6nnen Ihren Kaufvertrag innerhalb von 14 Tagen ohne Angabe von Gr\u00fcnden widerrufen. Bitte f\u00fcllen Sie alle Pflichtfelder aus. Den Widerrufsgrund m\u00fcssen Sie nicht angeben.Bestellung Pflicht Bestellnummer \/ Vertragsnummer * Bestelldatum * Erhalt der Ware * Produkt(e) * Ihre Daten Pflicht Vorname * Nachname [&hellip;]<\/p>","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3279","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/pages\/3279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/comments?post=3279"}],"version-history":[{"count":10,"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/pages\/3279\/revisions"}],"predecessor-version":[{"id":3314,"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/pages\/3279\/revisions\/3314"}],"wp:attachment":[{"href":"https:\/\/azyaperfume.com\/en\/wp-json\/wp\/v2\/media?parent=3279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}