{"id":10774,"date":"2026-06-13T21:57:11","date_gmt":"2026-06-13T19:57:11","guid":{"rendered":"https:\/\/silviasbeetles.de\/?page_id=10774"},"modified":"2026-10-01T11:34:14","modified_gmt":"2026-10-01T09:34:14","slug":"vertrag-widerrufen","status":"publish","type":"page","link":"https:\/\/silviasbeetles.de\/en\/vertrag-widerrufen\/","title":{"rendered":"Withdraw from Contract"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- SBK | hero #12 | Website 1.0 | 2026-10-10 | Handy-Ruhe: Wortmarke steht, keine Mini-Kaefer, grosser Kaefer sitzt (Paket 17) -->\n<!-- hero #12 (Paket 17, Cello 10.10.: \"Auf der mobilen Version muss im Hero weniger Bewegung rein. Die Buchstaben sollen sich\n     nicht mehr bewegen und auch die kleinen Kaefer sollen nicht rumlaufen, aber die drei Buttons unter dem Hero sollen sich\n     nach wie vor bewegen und auch diese Spiegelung behalten.\"). Nur am Handy (ohne Maus und hoechstens 900 px breit):\n     Buchstaben ohne Einblend-Hopser, ohne i-Wackeln und ohne Welle (M11 entfernt), Tagline ohne Zittern, keine Mini-Kaefer,\n     grosser Kaefer ohne Schweben und Atmen (Antippen laesst ihn weiter kurz laufen). Knoepfe: Herzschlag und Glanz bleiben\n     (stehen in Footer-Widget 4, M23). Dazu hero-effects.js #7 (Kennung ?v=7). Am Rechner aendert sich nichts. -->\n<!-- SBK | hero #11 | Website 1.0 | 2026-10-09 | hero-effects.js mit Kennung v=6 (Paket 13, ruhiger Lauf) -->\n<!-- hero #11 (Paket 13, Cello 08.10.: Hero am Handy ruckelt): nur die Kennung ?v=6 fuer hero-effects #6 (Mini-Kaefer aus\n     festem Vorrat, Takt nur bei sichtbarem Hero). Stil und Inhalt unveraendert. -->\n<!-- hero #10 (P7 Barrierefreiheit 28.09.): nur die Kennung ?v=5 fuer hero-effects #5 (Tagline mit\n     Vorlesetext statt aria-label). Vorher stand hier ?v=2, obwohl live schon #4 lief. -->\n<!-- hero #9 (Cello 26.09. nachts): Der Knopf \"eBay-Shop\" verlinkt jetzt auf silviasbeetles.de\/ebay\/\n     (wie das Kopfmenue), ohne neuen Tab. Zu eBay selbst geht es ueber die eBay-Inseln. -->\n<!-- hero #8 (Cello 26.09.): Am Handy (bis 767 px) steht der grosse 3D-Kaefer nicht mehr unter\n     den Knoepfen, sondern sitzt klein (64 px) oben rechts in der Ecke am Schriftzug. Der Hero\n     wird dadurch rund halb so hoch, Shop und Inhalt beginnen im ersten Bildschirm. Am Rechner\n     aendert sich nichts. Texte unveraendert (Uebersetzung haengt am Wortlaut), sichtbare\n     Umlaute jetzt als Zeichen-Code. hero-effects.js bleibt #2: es setzt am Kaefer nur die\n     Klasse \"run\", Groesse und Lage kommen allein aus diesem CSS. -->\n<!-- SilviasBeetles HERO (produktiv). JS extern: hero-effects.js. BG global (Sektion 1).\n     2026-09-07: beide Buttons verlinkt \u2014 vorher zeigten sie auf #shop \/ #ebay, die es\n     auf der Seite nicht gibt, und kein JS fing das ab.\n     2026-09-12: DRITTER Button \"Mein Konto\" (gelb, schwarze Schrift). Gleicher Aufbau wie\n     die anderen beiden \u2014 \"Konto\" steckt in .wm\/.km und poppt damit unter der Maus hoch,\n     sobald hero-effects.js die eine neue magnify()-Zeile hat.\n     2026-09-12 (zweite Runde): Konto-Button macht jetzt MIT beim Sonar \u2014 Ringe, Zerschellen\n     an den Nachbarn, gelbe Kr\u00fcmel; gelbe K\u00e4fer laufen aus \"Beetles\" zu ihm. Beides steckt in\n     hero-effects.js, hier \u00e4nderte sich nur der Rand (dunkler, siehe Kommentar bei .btn-konto).\n     ZWEI neue Sprites n\u00f6tig: kaefer-mini-gelb.png + kaefer-mini-gelb-mirror.png.\n     2026-09-13: GEGENVERKEHR. Bisher liefen die K\u00e4fer nur in eine Richtung \u2014 aus\n     \"Beetles\" hinunter zu ihrem Knopf. Jetzt l\u00f6st auch jeder KNOPF K\u00e4fer aus, in seiner\n     eigenen Farbe: gr\u00fcner Knopf \u2192 gr\u00fcner K\u00e4fer, lila Knopf \u2192 lila, gelber Knopf \u2192 gelb.\n     Sie starten mitten im Knopf (unsichtbar, die K\u00e4fer-Ebene liegt auf z-index 1, die\n     Knopfzeile auf 2), kommen oben \u00fcber die Knopfkante hervor, laufen hinauf zur\n     3D-Schrift, drehen dort ein paar Runden und verschwinden hinter den Buchstaben.\n     Der Sonar bleibt unver\u00e4ndert \u2014 er h\u00e4ngt an eigenen Zuh\u00f6rern am selben Knopf.\n     Das Ganze steckt komplett in hero-effects.js; an diesem Block \u00e4nderte sich NICHTS\n     au\u00dfer diesem Kommentar. Neue Bilder braucht es keine. -->\n<style>\n.sbk-hero,.sbk-hero *{box-sizing:border-box}\n.sbk-hero{max-width:1180px;margin:0 auto;padding:0 22px}\n.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;padding:18px 0 44px}\n\/* ---------- Wortmarke ---------- *\/\n.brandname{position:relative;font-family:Chango,'Comic Sans MS',cursive;font-weight:400;line-height:.92;cursor:default;user-select:none}\n.line{display:block;white-space:nowrap;position:relative;z-index:2}\n.line.bl{padding-left:1.15em;margin-top:.04em}\n.beetle-layer{position:absolute;left:0;right:0;pointer-events:none;z-index:1;overflow:visible}\n.mag{display:inline-block;font-size:clamp(3rem,8.5vw,6.4rem);will-change:transform;\n  animation:sbk-pop-in .55s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i)*.05s)}\n@keyframes sbk-pop-in{0%{opacity:0;transform:translateY(22px) scale(.55)}100%{opacity:1;transform:none}}\n.s{color:#2e9e2e;text-shadow:0 1px 0 #1f771b,0 2px 0 #185f15,0 3px 6px rgba(0,0,0,.30);transform-origin:center bottom}\n.b{color:#ede000;text-shadow:0 1px 0 #cdbf00,0 2px 0 #c2b400,0 3px 0 #b6a800,0 4px 0 #aa9c00,0 5px 0 #9d9000,0 6px 0 #918400,0 7px 0 #857800,0 8px 0 #786c00,0 12px 14px rgba(0,0,0,.38);transform-origin:center top}\n.tagline{position:relative;z-index:2;font-family:Fredoka,'Trebuchet MS',sans-serif;font-weight:600;font-size:clamp(1.25rem,2.9vw,1.85rem);color:#1f7a2b;margin:12px 0 20px;padding-left:6.5rem;text-shadow:0 1px 3px rgba(255,255,255,.55);animation:sbk-fade .6s ease .8s backwards}\n@keyframes sbk-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}\n.tagline .tw{display:inline-block;white-space:nowrap}\n.tagline .tl{display:inline-block;will-change:transform}\n.tagline .tl.trem{animation:tag-trem .55s cubic-bezier(.33,.9,.4,1)}\n@keyframes tag-trem{0%{transform:none}42%{transform:translate(.4px,-1px)}100%{transform:none}}\n\/* ---------- Buttons + Canvas-Buehne ---------- *\/\n.cta-row{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:2;animation:sbk-fade .6s ease 1s backwards}\n@keyframes sbk-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}\n\/* M6 (Cello 16.09.): frueher stand hier @media(prefers-reduced-motion:no-preference).\n   Android meldet \"reduce\" nicht nur im Energiesparmodus, sondern auch bei\n   reduzierter System-Animationsskala - dann stand der ganze Hero still. Fuer Globus\n   und Deko-Kaefer wurde dieselbe Kopplung am 25.06. bewusst geloest; beim Hero war\n   es nie nachgezogen. Jetzt gleiche Linie: die Dauerbewegung laeuft immer. *\/\n.cta-row{animation:sbk-fade .6s ease 1s backwards,sbk-breathe 3.6s ease-in-out 1.6s infinite}\n#fx{position:absolute;left:-110px;top:-110px;pointer-events:none;z-index:1}\n.btn{font-family:Fredoka,'Trebuchet MS',sans-serif;text-decoration:none;border-radius:30px;font-size:1rem;cursor:pointer;position:relative;z-index:2;display:inline-flex;align-items:center;height:50px;box-sizing:border-box;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}\n.btn:focus-visible{outline:3px solid #1f7a2b;outline-offset:3px}\n.btn-shop{font-weight:600;border:1px solid #49b545;padding:0 26px;line-height:1;background:linear-gradient(180deg,#49b545 0%,#3bab37 18%,#2e9e2e 62%,#228122 100%);color:#eaffe0;box-shadow:0 6px 0 #1f771b,0 12px 20px rgba(31,90,30,.32),inset 0 1px 0 rgba(255,255,255,.28),inset 0 4px 6px rgba(255,255,255,.10)}\n.btn-shop:hover{transform:translateY(-3px);box-shadow:0 9px 0 #1f771b,0 16px 22px rgba(31,90,30,.32),inset 0 1px 0 rgba(255,255,255,.28),inset 0 4px 6px rgba(255,255,255,.10)}\n.btn-shop:active{transform:translateY(4px);box-shadow:0 2px 0 #1f771b,0 5px 10px rgba(31,90,30,.32)}\n.btn .wm{display:inline-block;margin:0 .28em}\n.btn .sm{display:inline-block;font-size:1.43em;font-weight:800;line-height:1;transform-origin:center bottom;will-change:transform}\n.btn-ebay{font-weight:700;padding:0 26px;background:linear-gradient(180deg,#9573ec 0%,#8155e9 24%,#6d28d9 78%,#5e21bd 100%);border:1px solid #9573ec;line-height:1;color:#f1e9ff;box-shadow:0 6px 0 #4c1d95,0 12px 20px rgba(80,30,160,.3),inset 0 1px 0 rgba(255,255,255,.25),inset 0 4px 6px rgba(255,255,255,.09)}\n.btn-ebay .wm{margin:0}\n.btn-ebay .em{display:inline-block;font-size:1.43em;transform-origin:center bottom;will-change:transform}\n.btn-ebay .b2{font-size:1.72em}\n.btn-ebay .suffix{font-size:.92em;margin-left:.06em}\n.btn-ebay:hover{transform:translateY(-3px);box-shadow:0 9px 0 #4c1d95,0 16px 24px rgba(80,30,160,.4),inset 0 1px 0 rgba(255,255,255,.25),inset 0 4px 6px rgba(255,255,255,.09)}\n.btn-ebay:active{transform:translateY(4px);box-shadow:0 2px 0 #4c1d95,0 5px 10px rgba(80,30,160,.32)}\n.btn-shop,.btn-shop:hover,.btn-shop:focus,.btn-shop:active,.btn-shop .sm{color:#eaffe0!important}\n.btn-ebay,.btn-ebay:hover,.btn-ebay:focus,.btn-ebay:active,.btn-ebay .em,.btn-ebay .suffix{color:#f1e9ff!important}\n\/* ---------- Dritter Button: Mein Konto (Beetles-Gelb, schwarze Schrift) ---------- *\/\n\/* Rand BEWUSST dunkler als die Buttonflaeche (2026-09-12): Gelb auf hellem Hintergrund\n   verliert mit hellem Rand die Kante. #8a7f00 ist eine der Schattenstufen des 3D-Titels,\n   passt also in dieselbe Farbfamilie. Der weisse Inset-Saum oben ist dafuer zurueckgenommen. *\/\n.btn-konto{font-weight:600;padding:0 24px;line-height:1;background:linear-gradient(180deg,#f8ef5a 0%,#f4e63a 24%,#ede000 78%,#d8cc00 100%);border:1px solid #8a7f00;color:#1a1a1a;box-shadow:0 6px 0 #a89c00,0 12px 20px rgba(150,135,0,.30),inset 0 1px 0 rgba(255,255,255,.30),inset 0 4px 6px rgba(255,255,255,.12)}\n.btn-konto .kico{width:19px;height:19px;display:block;flex:0 0 auto;fill:currentColor;margin-right:.42em}\n.btn-konto .wm{margin:0 0 0 .3em}\n.btn-konto .km{display:inline-block;font-size:1.43em;font-weight:800;line-height:1;transform-origin:center bottom;will-change:transform}\n.btn-konto:hover{transform:translateY(-3px);box-shadow:0 9px 0 #a89c00,0 16px 24px rgba(150,135,0,.40),inset 0 1px 0 rgba(255,255,255,.30),inset 0 4px 6px rgba(255,255,255,.12)}\n.btn-konto:active{transform:translateY(4px);box-shadow:0 2px 0 #a89c00,0 5px 10px rgba(150,135,0,.32)}\n.btn-konto,.btn-konto:hover,.btn-konto:focus,.btn-konto:active,.btn-konto .km{color:#1a1a1a!important}\n\/* ---------- Kaefer rechts ---------- *\/\n.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding-right:46px}\n.glow{position:absolute;width:330px;height:320px;background:radial-gradient(circle,rgba(237,224,0,.45),transparent 62%);filter:blur(11px)}\n.kw{position:relative;width:300px;max-width:68%;cursor:pointer;animation:sbk-fade .7s ease .5s backwards}\n.kw:focus-visible{outline:3px dashed #1f7a2b;outline-offset:8px;border-radius:20px}\n.ksway{display:block}\n.beetle-img{display:block;width:100%;height:auto;transform-origin:50% 60%}\n\/* M6 (Cello 16.09.): Kaefer-Schweben, Kaefer-Atmen und das Wackeln der beiden\n   i-Buchstaben liefen nur bei prefers-reduced-motion:no-preference - siehe Begruendung\n   oben bei .cta-row. Der Media-Wrapper ist entfallen, die Regeln gelten jetzt immer. *\/\n.ksway{animation:sbk-idle 10s ease-in-out infinite}\n.beetle-img{animation:sbk-kw-breathe 3s ease-in-out infinite}\n.line:not(.bl) .mag:nth-child(2),.line:not(.bl) .mag:nth-child(5){animation:sbk-pop-in .55s cubic-bezier(.34,1.56,.64,1) backwards,sbk-i-wiggle 1.9s ease-in-out 1.4s infinite;transform-origin:50% 85%}\n.line:not(.bl) .mag:nth-child(5){animation-delay:calc(var(--i)*.05s),1.95s}\n@keyframes sbk-idle{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-3px,-4px) rotate(-.6deg)}50%{transform:translate(3px,-2px) rotate(.5deg)}75%{transform:translate(-2px,-5px) rotate(-.3deg)}}\n@keyframes sbk-kw-breathe{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(1.4deg)}}\n@keyframes sbk-i-wiggle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-5deg)}}\n.kw.run .ksway{animation:sbk-trot 4.2s ease-in-out}\n.kw.run .beetle-img{animation:sbk-crawl .4s ease-in-out infinite}\n@keyframes sbk-trot{0%{transform:translate(0,0) rotate(0)}20%{transform:translate(26px,-14px) rotate(10deg)}40%{transform:translate(40px,-6px) rotate(4deg)}55%{transform:translate(20px,-18px) rotate(-6deg)}75%{transform:translate(-14px,-10px) rotate(-10deg)}100%{transform:translate(0,0) rotate(0)}}\n@keyframes sbk-crawl{0%,100%{transform:scaleY(1) scaleX(1) skewX(0)}25%{transform:scaleY(.972) scaleX(1.014) skewX(1.4deg)}50%{transform:scaleY(1.012) scaleX(.99) skewX(0)}75%{transform:scaleY(.972) scaleX(1.014) skewX(-1.4deg)}}\n\/* ---------- Mini-Kaefer hinter \"Beetles\" ---------- *\/\n.mini{position:absolute;pointer-events:none;will-change:transform,opacity}\n.mini img{display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}\n\/* ---------- Responsive ---------- *\/\n@media(max-width:900px){\n  .hero{grid-template-columns:1fr;text-align:center}\n  .hero-visual{padding-right:0}\n  .cta-row{justify-content:center}\n  .tagline{padding-left:0}\n  .brandname{display:inline-block}\n}\n@media(max-width:600px){\n  .sbk-hero{padding:0 14px}\n  .hero{padding:28px 0 24px;gap:4px;min-height:0}\n  .mag{font-size:clamp(2.3rem,12.5vw,4.4rem);letter-spacing:-.02em}\n  .line.bl{padding-left:0}\n  .tagline{font-size:1.3rem;margin:8px 0 16px}\n  .cta-row{gap:10px}\n  .btn{font-size:.9rem;height:44px}\n  .btn-shop,.btn-ebay{padding:0 18px}\n  .btn-konto{padding:0 16px}\n  .btn-konto .kico{width:17px;height:17px;margin-right:.34em}\n  \/* M12 (Cello 16.09.): Der grosse Kaefer klebte am Handy direkt unter den\n     Knoepfen, darunter klaffte bis zur naechsten Insel eine grosse Luecke.\n     Cello: \u201eDer Kaefer muss weiter runter, er soll mittig zwischen dem Hero und\n     der naechsten Insel stehen.\" Mehr Abstand nach oben schiebt ihn in die Mitte\n     des freien Raums; der kleinere Abstand nach unten faengt ab, dass die Seite\n     dadurch laenger wird. Am Rechner aendert sich nichts - dort steht der Kaefer\n     neben dem Text, nicht darunter. *\/\n  .hero-visual{margin-top:74px;margin-bottom:-18px}\n  .kw{width:178px;max-width:50%}\n  .glow{width:190px;height:190px}\n\n  \/* M11 (Buchstaben-Welle am Handy, Cello 16.09.) ist mit hero #12 entfernt: am Handy steht die Wortmarke jetzt still\n     (Paket 17, Cello 10.10.). Siehe Block HANDY-RUHE ganz unten. *\/\n}\n\/* ==========================================================================\n   hero #8 (Cello 26.09.): HANDY BIS 767 PX. KLEINER KAEFER IN DER ECKE\n   ==========================================================================\n   Vorher: der grosse Kaefer stand unter den Knoepfen (178 px breit plus 74 px\n   Abstand), der Hero fuellte am iPhone fast den ganzen ersten Bildschirm, im\n   Shop musste man erst darueber hinweg scrollen. Jetzt sitzt derselbe Kaefer\n   klein oben rechts am Schriftzug, er schwebt, atmet und laeuft bei Tippen\n   weiter (Klasse \"run\" aus hero-effects.js), nur mit kleineren Wegen, damit er\n   nicht ueber den Bildschirmrand laeuft. Steht NACH dem 600-px-Block, gewinnt\n   also dort gegen die alten Handy-Regeln. Am Rechner und zwischen 768 und\n   900 px aendert sich nichts. *\/\n@media(max-width:767px){\n  .hero{position:relative;padding:14px 0 12px}\n  .hero-visual{position:absolute;top:-12px;right:-10px;width:72px;height:72px;margin:0;padding:0;z-index:3}\n  \/* Cello 26.09.: am Handy gespiegelt (Kopf nach oben links), passt so neben das kuerzere\n     \"Silvias\". Gespiegelt wird der Behaelter, nicht .kw oder das Bild: deren Einblend- und\n     Atem-Animationen setzen selbst transform und wuerden die Spiegelung ueberschreiben. *\/\n  .hero-visual{transform:scaleX(-1)}\n  \/* Die Abstandsbloecke direkt vor und nach dem Hero (Startseite 120 px danach, Shop 60 px\n     davor und 100 px danach) sind fuer den Rechner gedacht; am Handy schieben sie den\n     Inhalt nur weiter nach unten. Hier nur am Handy verkleinert, die Bloecke bleiben stehen.\n     Reihenfolge im Seiten-HTML: Abstand, style, main.sbk-hero, script, Abstand. *\/\n  .sbk-hero + script + .wp-block-spacer{height:24px!important}\n  .wp-block-spacer:has(+ style + .sbk-hero){height:8px!important}\n  .kw{width:64px;max-width:none}\n  .glow{width:92px;height:92px;filter:blur(7px)}\n  .tagline{margin:6px 0 12px}\n  .kw.run .ksway{animation:sbk-trot-mini 4.2s ease-in-out}\n}\n@keyframes sbk-trot-mini{0%{transform:translate(0,0) rotate(0)}20%{transform:translate(8px,6px) rotate(-10deg)}40%{transform:translate(16px,2px) rotate(-4deg)}55%{transform:translate(10px,8px) rotate(6deg)}75%{transform:translate(4px,4px) rotate(10deg)}100%{transform:translate(0,0) rotate(0)}}\n\/* ==========================================================================\n   HANDY-RUHE (hero #12, Paket 17, Cello 10.10.)\n   ==========================================================================\n   Nur Geraete ohne Maus bis 900 px (Handy). Steht ganz unten, gewinnt also gegen alle Regeln darueber.\n   - Wortmarke: kein Einblend-Hopser, kein Wackeln der beiden i (die Welle M11 ist entfernt).\n   - Tagline: kein Zittern, wenn ein Sonar-Ring der Knoepfe sie streift.\n   - Mini-Kaefer: Ebene aus (hero-effects.js #7 startet sie am Handy ohnehin nicht mehr).\n   - Grosser Kaefer: sitzt still, kein Schweben und kein Atmen. Mit der Klasse \"run\" (Antippen) laeuft er kurz.\n   - Knoepfe: unveraendert (Herzschlag und Glanz aus Footer-Widget 4, Atmen der Knopfzeile hier oben bei .cta-row). *\/\n@media (max-width:900px) and (hover:none){\n  .mag,.line:not(.bl) .mag:nth-child(2),.line:not(.bl) .mag:nth-child(5){animation:none}\n  .tagline .tl.trem{animation:none}\n  .beetle-layer{display:none}\n  .kw:not(.run) .ksway,.kw:not(.run) .beetle-img{animation:none}\n}\n<\/style>\n<main class=\"sbk-hero\" data-sbk=\"hero #12\">\n  <section class=\"hero\">\n    <div class=\"hero-text\">\n      <h1 class=\"brandname\" aria-label=\"Silvias Beetles\">\n        <span class=\"beetle-layer\" aria-hidden=\"true\"><\/span>\n        <span class=\"line\" aria-hidden=\"true\"><span class=\"mag s\" style=\"--i:0\">S<\/span><span class=\"mag s\" style=\"--i:1\">i<\/span><span class=\"mag s\" style=\"--i:2\">l<\/span><span class=\"mag s\" style=\"--i:3\">v<\/span><span class=\"mag s\" style=\"--i:4\">i<\/span><span class=\"mag s\" style=\"--i:5\">a<\/span><span class=\"mag s\" style=\"--i:6\">s<\/span><\/span>\n        <span class=\"line bl\" aria-hidden=\"true\"><span class=\"mag b\" style=\"--i:7\">B<\/span><span class=\"mag b\" style=\"--i:8\">e<\/span><span class=\"mag b\" style=\"--i:9\">e<\/span><span class=\"mag b\" style=\"--i:10\">t<\/span><span class=\"mag b\" style=\"--i:11\">l<\/span><span class=\"mag b\" style=\"--i:12\">e<\/span><span class=\"mag b\" style=\"--i:13\">s<\/span><\/span>\n      <\/h1>\n      <p class=\"tagline\">K&#228;fer &amp; Insekten aus aller Welt<\/p>\n      <div class=\"cta-row\">\n        <canvas id=\"fx\" aria-hidden=\"true\"><\/canvas>\n        <a class=\"btn btn-shop\" href=\"https:\/\/silviasbeetles.de\/shop\/\" aria-label=\"Im Shop st&#246;bern\">Im<span class=\"wm\" aria-hidden=\"true\"><span class=\"sm\">S<\/span><span class=\"sm\">h<\/span><span class=\"sm\">o<\/span><span class=\"sm\">p<\/span><\/span>st&#246;bern<\/a>\n        <a class=\"btn btn-ebay\" href=\"https:\/\/silviasbeetles.de\/ebay\/\" aria-label=\"eBay-Shop\"><span class=\"wm\" aria-hidden=\"true\"><span class=\"em\">e<\/span><span class=\"em b2\">B<\/span><span class=\"em\">a<\/span><span class=\"em\">y<\/span><\/span><span class=\"suffix\" aria-hidden=\"true\">-Shop<\/span><\/a>\n        <!-- Konto-Seite: auf \/test liegt sie unter ?page_id=9 (Permalinks dort aus).\n             Beim Echt-Live auf https:\/\/silviasbeetles.de\/mein-konto\/ umstellen. -->\n        <a class=\"btn btn-konto\" href=\"https:\/\/silviasbeetles.de\/mein-konto\/\" aria-label=\"Mein Konto\"><svg class=\"kico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2a5 5 0 1 1 -5 5l.005 -.217a5 5 0 0 1 4.995 -4.783z\"\/><path d=\"M14 14a5 5 0 0 1 5 5v1a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-1a5 5 0 0 1 5 -5h4z\"\/><\/svg>Mein<span class=\"wm\" aria-hidden=\"true\"><span class=\"km\">K<\/span><span class=\"km\">o<\/span><span class=\"km\">n<\/span><span class=\"km\">t<\/span><span class=\"km\">o<\/span><\/span><\/a>\n      <\/div>\n    <\/div>\n    <div class=\"hero-visual\">\n      <div class=\"glow\"><\/div>\n      <div class=\"kw\" role=\"button\" tabindex=\"0\" aria-label=\"K&#228;fer anklicken, er l&#228;uft kurz los\">\n        <div class=\"ksway\">\n          <img decoding=\"async\" class=\"beetle-img\" src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/nicht%20loeschen_kaefer-gross.png\" alt=\"\" aria-hidden=\"true\" draggable=\"false\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n<!-- ?v= ist KEIN Zierrat (Fable-Fund S5, 16.09.): Der Server liefert\n     Cache-Control max-age=10368000, also 120 Tage. Ohne Kennung in der Adresse\n     bekommt ein wiederkehrender Besucher vier Monate lang die alte Datei -\n     egal wie oft hochgeladen oder \"Clear All Cache\" gedrueckt wird. Beides\n     wirkt nur auf dem Server bzw. auf dem eigenen Rechner.\n     REGEL: Wird hero-effects.js geaendert, MUSS die Zahl hier mitwandern.\n     Sie ist die Blocknummer der Datei - hero-effects #2 also ?v=2.\n     Kein \"#\" in die Adresse: dort waere es ein Sprungmarken-Zeichen, kein Wert. -->\n<script src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/hero-effects.js?v=7\" defer><\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- SBK | 2-widerruf-kopf #2 | Website 1.0 | 2026-09-30 | zweisprachig ohne TranslatePress (Weiche html[lang^=en], Huelle data-no-translation), Wortlaut DE unveraendert -->\n<!-- =============================================================================\n     SilviasBeetles - SEITE \"VERTRAG WIDERRUFEN\", TEIL 1 VON 2: KOPF + FORMULAR-LOOK\n     Stand 2026-09-13\n     =============================================================================\n     WOHIN: Seite \"Vertrag widerrufen\" (auf dem Test-Stand die Seite 2190),\n     als Block DIREKT UEBER dem Formular.\n\n     WICHTIG - DAS FORMULAR SELBST STECKT NICHT IN DIESEM BLOCK.\n     Die Felder (Bestellnummer, E-Mail, Vorname, Nachname) und der Knopf\n     \"Widerruf bestaetigen\" kommen aus dem Plugin\n        \"EU Order Withdrawal Button for WooCommerce\" (Hersteller vendidero),\n     das auf der alten Live-Seite bereits laeuft. Ein Custom-HTML-Block kann so\n     ein Formular NICHT nachbauen: es gaebe keine Pruefung der Bestellnummer,\n     keine Eingangsbestaetigung per E-Mail und keinen Eintrag im Shop.\n     Nachgebautes HTML waere eine Attrappe - und rechtlich wertlos.\n\n     DESHALB BRAUCHT DIE SEITE ZWEI BLOECKE HINTEREINANDER:\n       Block 1: dieser hier (Individuelles HTML) -> Ueberschrift, Erklaerung, Aussehen\n       Block 2: ein \"Shortcode\"-Block mit genau dieser einen Zeile:\n                [eu_owb_order_withdrawal_request_form]\n     Die beiden greifen optisch ineinander: dieser Block ist oben gerundet und\n     unten offen, das Formular darunter dockt an und schliesst die Insel ab.\n\n     VORAUSSETZUNG: Das Plugin muss auf dem Test-Stand installiert UND aktiviert\n     sein (Plugins -> \"EU Widerrufsbutton fuer WooCommerce\"). Der Test-Stand ist\n     eine Kopie der Live-Seite, das Plugin sollte also vorhanden sein - moeglich\n     ist aber, dass es dort deaktiviert wurde. Steht nach dem Einbau statt des\n     Formulars nur der nackte Text [eu_owb_...] auf der Seite, dann fehlt es.\n\n     ZWEI FALLEN, DIE HIER SCHON ECHTEN SCHADEN ANGERICHTET HABEN:\n     1) CACHE. Das Formular traegt ein Einmal-Token, das nach rund einem Tag\n        ablaeuft. WP Fastest Cache speichert die Seite samt Token als festes HTML\n        -> danach beantwortet der Server jedes Absenden mit 403 und es passiert\n        NICHTS: keine Meldung, keine E-Mail, kein Eintrag. Genau das war im Juni\n        auf der Live-Seite der Fall. Diese Seite MUSS vom Cache ausgenommen\n        werden (WP Fastest Cache -> Ausschliessen -> Seite -> enthaelt \"widerruf\").\n     2) DAS FELD \"E-MAIL (WIEDERHOLEN)\" IST EINE FALLE FUER BOTS und wird vom\n        Plugin absichtlich unsichtbar gehalten. Dieses CSS fasst die Sichtbarkeit\n        der Felder deshalb NICHT an. Wer hier spaeter etwas aendert: niemals\n        pauschal alle Zeilen des Formulars sichtbar schalten - wird das Feld\n        ausgefuellt, verwirft das Plugin den Widerruf als Spam.\n\n     SPRACHE (30.09.): beide Sprachen stehen im Markup (.sbk-nur-de \/ .sbk-nur-en), die Weiche\n     html[lang^=\"en\"] blendet um, die Huelle hat data-no-translation. Der Wortlaut DE ist\n     unveraendert; die Texte in EN stehen im Block selbst, TranslatePress wird nicht gebraucht.\n     Links der EN-Fassung fuehren auf \/en\/. Das Formular-Plugin bleibt unberuehrt.\n\n     Regeln des Hauses: nur ASCII (Umlaute als Entities), kein :has(), cache-sicher.\n     ============================================================================= -->\n<div class=\"wr-kopf\" data-sbk=\"2-widerruf-kopf #2\" data-no-translation>\n<div class=\"sbk-nur-de\" lang=\"de\">\n  <h2>Vertrag widerrufen<\/h2>\n  <p class=\"wr-lead\">Sie haben bei uns bestellt und m&ouml;chten den Kauf r&uuml;ckg&auml;ngig\n     machen? Hier k&ouml;nnen Sie Ihren Widerruf direkt online erkl&auml;ren. Ohne\n     Anmeldung, ohne Begr&uuml;ndung, ohne Anruf. Sie brauchen nur Ihre Bestellnummer und\n     die E-Mail-Adresse, mit der Sie bestellt haben.<\/p>\n\n  <ol class=\"wr-schritte\">\n    <li><b>Ausf&uuml;llen<\/b><span>Bestellnummer und E-Mail-Adresse eintragen. Der Name ist\n        freiwillig und hilft uns beim Zuordnen.<\/span><\/li>\n    <li><b>Absenden<\/b><span>Ein Klick auf &bdquo;Widerruf best&auml;tigen&ldquo;.\n        Damit ist der Widerruf erkl&auml;rt und die Frist gewahrt.<\/span><\/li>\n    <li><b>Best&auml;tigung<\/b><span>Sie bekommen sofort eine E-Mail mit Datum und Uhrzeit\n        des Eingangs. Bitte als Nachweis aufbewahren.<\/span><\/li>\n  <\/ol>\n\n  <p class=\"wr-hinweis\"><b>Sie haben 14 Tage Zeit<\/b>, gerechnet ab dem Tag, an dem Sie die\n     Ware erhalten haben. Was danach geschieht (R&uuml;cksendung, R&uuml;ckzahlung,\n     Kosten) steht vollst&auml;ndig in der\n     <a href=\"https:\/\/silviasbeetles.de\/widerrufsbelehrung\/\">Widerrufsbelehrung<\/a>.\n     Lieber auf Papier oder per E-Mail? Das geht genauso, siehe unterhalb des\n     Formulars.<\/p>\n<\/div>\n<div class=\"sbk-nur-en\" lang=\"en\">\n  <h2>Withdraw from Contract<\/h2>\n  <p class=\"wr-lead\">You ordered from us and would like to undo the purchase? You can\n     declare your withdrawal online right here. No login, no reason, no phone call. All you\n     need is your order number and the email address you used for your order.<\/p>\n\n  <ol class=\"wr-schritte\">\n    <li><b>Fill out<\/b><span>Enter your order number and email address. The name is\n        optional and helps us to match your order.<\/span><\/li>\n    <li><b>Submit<\/b><span>One click on &ldquo;Confirm withdrawal&rdquo;.\n        This declares your withdrawal and meets the deadline.<\/span><\/li>\n    <li><b>Confirmation<\/b><span>You will immediately receive an email with the date and\n        time of receipt. Please keep it as proof.<\/span><\/li>\n  <\/ol>\n\n  <p class=\"wr-hinweis\"><b>You have 14 days<\/b>, counting from the day you received the\n     goods. What happens next (return, refund, costs) is set out in full in our\n     <a href=\"https:\/\/silviasbeetles.de\/en\/widerrufsbelehrung\/\">Right of Withdrawal<\/a>\n     page. Prefer paper or email? That works just as well, see below the form.<\/p>\n<\/div>\n<\/div>\n\n<style>\n\/* ===========================================================================\n   0) SPRACHWEICHE (wie bei den Rechtstexten): beide Sprachen stehen im Markup,\n   html[lang^=\"en\"] (auf \/en\/ ist lang=\"en-GB\", sonst de-DE) blendet um.\n   Die Huelle traegt data-no-translation, TranslatePress fasst nichts an.\n   =========================================================================== *\/\n.wr-kopf .sbk-nur-de{display:block}\n.wr-kopf .sbk-nur-en{display:none}\nhtml[lang^=\"en\"] .wr-kopf .sbk-nur-de{display:none}\nhtml[lang^=\"en\"] .wr-kopf .sbk-nur-en{display:block}\n\n\/* ===========================================================================\n   1) DIE INSEL - OBERTEIL\n   Heller Produkt-Ton wie auf den Rechtstext-Seiten. Unten bewusst offen und\n   ohne Aussenabstand: das Formular darunter setzt die Insel fort.\n   =========================================================================== *\/\n.wr-kopf{position:relative;box-sizing:border-box;\n  max-width:820px;margin:30px auto 0!important;\n  background:linear-gradient(135deg,#d8eeba,#c7e6a2);\n  border:1.5px solid #7cbf7c;border-bottom:0;\n  border-radius:30px 30px 0 0;\n  padding:34px 40px 24px;\n  font-family:Nunito,sans-serif;color:#22331d;font-size:1rem;line-height:1.7;\n  box-shadow:0 18px 38px rgba(15,35,18,.30),0 7px 14px rgba(0,0,0,.16)}\n.wr-kopf *{box-sizing:border-box}\n.wr-kopf h2{font-family:Fredoka,sans-serif;font-weight:700;color:#185f22;\n  font-size:1.6rem;line-height:1.2;margin:0 0 12px}\n.wr-kopf p{margin:0 0 14px}\n.wr-kopf a{color:#185f22;text-decoration:underline;text-underline-offset:3px}\n.wr-kopf a:hover{color:#0d3a12}\n.wr-lead{max-width:64ch}\n\n\/* --- die drei Schritte, jeder mit gruener Nummer --- *\/\n.wr-schritte{counter-reset:wrs;list-style:none;margin:18px 0 16px;padding:0;\n  display:flex;flex-wrap:wrap;gap:12px}\n.wr-schritte li{flex:1 1 190px;counter-increment:wrs;\n  background:rgba(255,255,255,.55);border:1.5px solid #7cbf7c;border-radius:18px;\n  padding:16px 16px 14px}\n.wr-schritte li::before{content:counter(wrs);\n  display:flex;align-items:center;justify-content:center;\n  width:30px;height:30px;border-radius:50%;\n  background:linear-gradient(180deg,#49b545,#228122);color:#fff;\n  font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;margin:0 0 9px}\n.wr-schritte b{display:block;font-family:Fredoka,sans-serif;font-weight:700;\n  color:#185f22;font-size:1.04rem;margin-bottom:3px}\n.wr-schritte span{display:block;font-size:.92rem;line-height:1.5;color:#33502a}\n\n.wr-hinweis{font-size:.95rem;color:#33502a;margin:0!important;max-width:64ch}\n.wr-hinweis b{color:#123a15}\n\n\/* ===========================================================================\n   2) DAS FORMULAR AUS DEM PLUGIN\n   Getroffen wird die Klasse, die das Plugin selbst vergibt. Dadurch wirkt das\n   hier unabhaengig davon, in welchen Block der Shortcode gesetzt wird.\n   =========================================================================== *\/\nform.order-withdrawal-request{box-sizing:border-box;\n  position:relative;z-index:1;\n  max-width:820px;margin:0 auto 46px!important;\n  \/* Der Verlauf setzt dort an, wo der Kopf aufhoert (#c7e6a2), damit die Naht\n     zwischen den beiden Bloecken nicht als Farbsprung zu sehen ist. Das z-index\n     darueber legt das Formular ueber den Schlagschatten des Kopfes - sonst\n     zeichnet dieser eine dunkle Linie quer durch die Insel. *\/\n  background:linear-gradient(135deg,#c7e6a2,#b9de92);\n  border:1.5px solid #7cbf7c;border-top:0;\n  border-radius:0 0 30px 30px;\n  padding:8px 40px 32px;\n  font-family:Nunito,sans-serif;color:#22331d;\n  box-shadow:0 18px 38px rgba(15,35,18,.30),0 7px 14px rgba(0,0,0,.16);\n  overflow:hidden}\nform.order-withdrawal-request *{box-sizing:border-box}\n\n\/* --- Zeilen. Bewusst die alte Float-Schreibweise von WooCommerce, weil das\n       Plugin selbst .form-row-first\/.form-row-last und <div class=\"clear\">\n       mitliefert. KEINE display-Angabe an den Zeilen: sonst wuerde das\n       unsichtbare Bot-Feld sichtbar (siehe Kopfkommentar, Falle 2). --- *\/\nform.order-withdrawal-request .form-row{margin:0 0 16px;padding:0}\nform.order-withdrawal-request .form-row-full{width:100%;clear:both}\nform.order-withdrawal-request .form-row-first{float:left;width:48.5%}\nform.order-withdrawal-request .form-row-last{float:right;width:48.5%}\nform.order-withdrawal-request .clear{clear:both}\n\n\/* --- Beschriftungen --- *\/\nform.order-withdrawal-request label{display:block;\n  font-family:Fredoka,sans-serif;font-weight:600;font-size:.98rem;\n  color:#185f22;margin:0 0 6px}\nform.order-withdrawal-request label .required{color:#b33a00;margin-left:2px}\nform.order-withdrawal-request label .optional{font-family:Nunito,sans-serif;\n  font-weight:600;font-size:.85rem;color:#4a6b3e}\n\n\/* --- Eingabefelder --- *\/\nform.order-withdrawal-request input[type=\"text\"],\nform.order-withdrawal-request input[type=\"email\"],\nform.order-withdrawal-request input[type=\"tel\"],\nform.order-withdrawal-request textarea,\nform.order-withdrawal-request select{width:100%;\n  font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;color:#1c2b16;\n  background:#fbfff5;border:1.5px solid #7cbf7c;border-radius:12px;\n  padding:12px 14px;line-height:1.35;\n  box-shadow:inset 0 2px 4px rgba(24,95,34,.10);\n  transition:border-color .15s ease,box-shadow .15s ease}\nform.order-withdrawal-request input[type=\"text\"]:focus,\nform.order-withdrawal-request input[type=\"email\"]:focus,\nform.order-withdrawal-request textarea:focus,\nform.order-withdrawal-request select:focus{outline:0;border-color:#2e9e2e;\n  box-shadow:inset 0 2px 4px rgba(24,95,34,.10),0 0 0 3px rgba(73,181,69,.28)}\nform.order-withdrawal-request .woocommerce-input-wrapper{display:block;width:100%}\n\n\/* --- Ankreuzfeld fuer den Teilwiderruf (erscheint nur, wenn die Bestellung\n       mehrere Positionen hat - das steuert das Plugin selbst) --- *\/\nform.order-withdrawal-request label.checkbox{font-family:Nunito,sans-serif;\n  font-weight:600;color:#22331d;font-size:.95rem;line-height:1.5}\nform.order-withdrawal-request input[type=\"checkbox\"]{width:18px;height:18px;\n  vertical-align:-3px;margin-right:7px;accent-color:#2e9e2e}\nform.order-withdrawal-request .notice,\nform.order-withdrawal-request .eu-owb-woocommerce-select-certain-items-desc{\n  display:block;font-size:.88rem;line-height:1.5;color:#4a6b3e;\n  margin:6px 0 0;padding:0;background:none;border:0}\n\n\/* --- Der Knopf: derselbe gruene Knopf wie ueberall auf der Seite --- *\/\nform.order-withdrawal-request .form-row-submit{margin:22px 0 0;clear:both}\nform.order-withdrawal-request button[name=\"order_withdrawal_request\"],\nform.order-withdrawal-request button.woocommerce-form-return_request__submit,\nform.order-withdrawal-request button[type=\"submit\"]{\n  display:inline-block;cursor:pointer;\n  font-family:Fredoka,sans-serif;font-weight:700;font-size:1.06rem;color:#eaffe0;\n  background:linear-gradient(180deg,#49b545 0%,#3bab37 18%,#2e9e2e 62%,#228122 100%);\n  border:1px solid #49b545;border-radius:30px;padding:14px 34px;\n  box-shadow:0 6px 0 #1f771b,0 12px 20px rgba(31,90,30,.32),\n             inset 0 1px 0 rgba(255,255,255,.28);\n  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}\nform.order-withdrawal-request button[type=\"submit\"]:hover{color:#fff;\n  transform:translateY(-3px);\n  box-shadow:0 9px 0 #1f771b,0 16px 22px rgba(31,90,30,.32),\n             inset 0 1px 0 rgba(255,255,255,.28)}\nform.order-withdrawal-request button[type=\"submit\"]:active{transform:translateY(4px);\n  box-shadow:0 2px 0 #1f771b,0 5px 10px rgba(31,90,30,.32)}\n\n\/* ===========================================================================\n   3) RUECKMELDUNGEN\n   Die Erfolgsmeldung ist der wichtigste Text der ganzen Seite - sie ist fuer\n   den Kunden der Beleg, dass der Widerruf angekommen ist.\n   =========================================================================== *\/\n.eu-owb-notice-wrapper{margin:0}\n.eu-owb-notice-wrapper:empty{display:none}\n.woocommerce-message,.woocommerce-info,.woocommerce-error,\n.eu-owb-notice-wrapper .woocommerce-message,\n.eu-owb-notice-wrapper ul.woocommerce-error{\n  box-sizing:border-box;max-width:820px;margin:24px auto 0;\n  font-family:Nunito,sans-serif;font-weight:700;font-size:1rem;line-height:1.6;\n  border-radius:18px;padding:16px 20px;list-style:none}\n.woocommerce-message,.eu-owb-notice-wrapper .woocommerce-message{\n  background:rgba(255,255,255,.78);border:1.5px solid #2e9e2e;color:#14561a}\n.woocommerce-info{background:rgba(255,255,255,.7);border:1.5px solid #7cbf7c;color:#22331d}\n.woocommerce-error,.eu-owb-notice-wrapper ul.woocommerce-error{\n  background:#fff3e8;border:1.5px solid #d2691e;color:#7a3b00}\n.woocommerce-error li{margin:0 0 4px}\n.woocommerce-error li:last-child{margin:0}\n\n\/* ===========================================================================\n   4) HANDY\n   =========================================================================== *\/\n@media(max-width:760px){\n  .wr-kopf{max-width:none;margin:20px 12px 0!important;\n    padding:24px 20px 18px;border-radius:24px 24px 0 0;font-size:.97rem}\n  .wr-kopf h2{font-size:1.35rem}\n  .wr-schritte{gap:10px}\n  .wr-schritte li{flex:1 1 100%;padding:13px 14px 12px}\n  form.order-withdrawal-request{max-width:none;margin:0 12px 34px!important;\n    padding:8px 20px 24px;border-radius:0 0 24px 24px}\n  form.order-withdrawal-request .form-row-first,\n  form.order-withdrawal-request .form-row-last{float:none;width:100%}\n  form.order-withdrawal-request button[type=\"submit\"]{width:100%;padding:14px 20px}\n  .woocommerce-message,.woocommerce-info,.woocommerce-error{max-width:none;margin:18px 12px 0}\n}\n<\/style>\n\n\n<form class=\"woocommerce-form woocommerce-form-order-withdrawal-request order-withdrawal-request\" method=\"post\">\n\t\n\t<div class=\"eu-owb-notice-wrapper\"><\/div>\n\n\t<div class=\"eu-owb-form-fields\">\n\t\t\t\t\t<div class=\"form-row form-row-full form-row-order-number validate-required\" id=\"order-withdrawal-request-order-number_field\" data-priority=\"\"><label for=\"order-withdrawal-request-order-number\" class=\"required_field\">Contract Identification, e.g. order number&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><\/label><span class=\"woocommerce-input-wrapper\"><input type=\"text\" class=\"input-text \" name=\"order_number\" id=\"order-withdrawal-request-order-number\" placeholder=\"\"  value=\"\" maxlength=\"20\" aria-required=\"true\" autocomplete=\"off\" \/><\/span><\/div>\n\t\t\t<div class=\"form-row form-row-full form-row-email validate-email validate-required\" id=\"order-withdrawal-request-email_field\" data-priority=\"\"><label for=\"order-withdrawal-request-email\" class=\"required_field\">Email&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><\/label><span class=\"woocommerce-input-wrapper\"><input type=\"text\" class=\"input-text \" name=\"email\" id=\"order-withdrawal-request-email\" placeholder=\"\"  value=\"\" aria-required=\"true\" autocomplete=\"email\" \/><\/span><\/div>\n\t\t\t<div class=\"form-row form-row-full form-row-email-repeat validate-required\" id=\"order-withdrawal-request-email-repeat_field\" data-priority=\"\"><label for=\"order-withdrawal-request-email-repeat\" class=\"required_field\">Email (repeat)&nbsp;<span class=\"required\" aria-hidden=\"true\">*<\/span><\/label><span class=\"woocommerce-input-wrapper\"><input type=\"text\" class=\"input-text \" name=\"email_repeat\" id=\"order-withdrawal-request-email-repeat\" placeholder=\"\"  value=\"\" aria-required=\"true\" autocomplete=\"email\" \/><\/span><\/div>\n\t\t\t<div class=\"form-row form-row-first form-row-first-name\" id=\"order-withdrawal-request-first-name_field\" data-priority=\"\"><label for=\"order-withdrawal-request-first-name\" class=\"\">First name&nbsp;<span class=\"optional\">(optional)<\/span><\/label><span class=\"woocommerce-input-wrapper\"><input type=\"text\" class=\"input-text \" name=\"first_name\" id=\"order-withdrawal-request-first-name\" placeholder=\"\"  value=\"\" maxlength=\"40\" autocomplete=\"off\" \/><\/span><\/div>\n\t\t\t<div class=\"form-row form-row-last form-row-last-name\" id=\"order-withdrawal-request-last-name_field\" data-priority=\"\"><label for=\"order-withdrawal-request-last-name\" class=\"\">Last name&nbsp;<span class=\"optional\">(optional)<\/span><\/label><span class=\"woocommerce-input-wrapper\"><input type=\"text\" class=\"input-text \" name=\"last_name\" id=\"order-withdrawal-request-last-name\" placeholder=\"\"  value=\"\" maxlength=\"40\" autocomplete=\"off\" \/><\/span><\/div>\n\t\t\t<div class=\"clear\"><\/div>\n\n\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\n\t\t\t\n\t\t\n\t\t<div class=\"form-row form-row-submit\" id=\"order-withdrawal-request-submit\">\n\t\t\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"914900d4a6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/10774\" \/>\t\t\t<button type=\"submit\" class=\"woocommerce-button button woocommerce-form-return_request__submit\" name=\"order_withdrawal_request\" value=\"Confirm withdrawal\">Confirm withdrawal<\/button>\n\t\t<\/div>\n\t\n\t<div class=\"clear\"><\/div>\n\t<\/form>\n\n\n\n\n<!-- SBK | 4-widerruf-papierweg #2 | Website 1.0 | 2026-09-30 | zweisprachig ohne TranslatePress (Weiche html[lang^=en], Huelle data-no-translation), Wortlaut DE unveraendert -->\n<!-- =============================================================================\n     SilviasBeetles - SEITE \"VERTRAG WIDERRUFEN\", TEIL 2 VON 2: DER PAPIERWEG\n     Stand 2026-09-13\n     =============================================================================\n     WOHIN: dieselbe Seite, als letzter Block UNTER dem Formular-Shortcode.\n\n     WAS DAS IST: der zweite, gesetzlich weiterhin erlaubte Weg - Brief oder\n     E-Mail mit dem Muster-Widerrufsformular. Das Online-Formular darueber ist\n     ein ZUSAETZLICHES Angebot, kein Ersatz. Der Postweg darf nie verschwinden,\n     sonst wird die Belehrung falsch.\n\n     ERSETZT: den bisherigen losen Inhalt dieser Seite (Einleitungssatz,\n     PDF-Vorschaubild, Download-Knopf und den abgetippten Formulartext, der\n     ungestaltet unter der Insel stand). Alles davon steckt jetzt hier drin\n     oder in der Seite \"Widerrufsbelehrung\" - die alten Bloecke koennen weg.\n\n     PDF: verlinkt ist die Datei auf der Hauptdomain\n       \/wp-content\/uploads\/2026\/06\/MusterWiderrufsformularSilviasBeetles-1.pdf\n     Diese Adresse gilt auch nach dem Umzug weiter, deshalb steht sie absolut da\n     und nicht als Test-Adresse.\n\n     SPRACHE (30.09.): beide Sprachen stehen im Markup (.sbk-nur-de \/ .sbk-nur-en), die Weiche\n     html[lang^=\"en\"] blendet um, die Huelle hat data-no-translation. Der Wortlaut DE ist\n     unveraendert. Sprungmarke der EN-Fassung: \/en\/widerrufsbelehrung\/#musterformular-en\n     (die DE-Marke #musterformular liegt im ausgeblendeten Teil und taugt dort nicht).\n\n     Regeln des Hauses: nur ASCII (Umlaute als Entities), kein :has(), cache-sicher.\n     ============================================================================= -->\n<div class=\"wr-papier\" data-sbk=\"4-widerruf-papierweg #2\" data-no-translation>\n<div class=\"sbk-nur-de\" lang=\"de\">\n  <h2>Lieber auf Papier oder per E-Mail?<\/h2>\n  <p>Das Formular oben ist der schnellste Weg, aber kein Zwang. Sie k&ouml;nnen uns Ihren\n     Widerruf genauso mit einem formlosen Brief oder einer E-Mail mitteilen.\n     Wichtig ist nur, dass klar wird, dass Sie den Vertrag widerrufen wollen.<\/p>\n\n  <div class=\"wr-zwei\">\n    <div class=\"wr-karte\">\n      <h3>Muster-Widerrufsformular<\/h3>\n      <p>Vorgeschrieben ist es nicht, aber es macht die Sache einfach: ausdrucken,\n         ausf&uuml;llen, abschicken.<\/p>\n      <p><a class=\"wr-knopf\" href=\"https:\/\/silviasbeetles.de\/widerrufsbelehrung\/#musterformular\">Zum\n         Muster-Widerrufsformular<\/a><\/p>\n      <p class=\"wr-klein\">Dort finden Sie den Text zum Abtippen und das Formular als PDF.<\/p>\n    <\/div>\n\n    <div class=\"wr-karte\">\n      <h3>Schicken Sie es an<\/h3>\n      <p class=\"wr-adresse\">\n        SilviasBeetles, Silvia Jakusch<br>\n        Br&uuml;ggener Stra&szlig;e 28<br>\n        41372 Niederkr&uuml;chten<br>\n        Deutschland\n      <\/p>\n      <p><a class=\"wr-mail\" href=\"mailto:silvia@jakusch.net\">silvia@jakusch.net<\/a><\/p>\n      <p class=\"wr-klein\">Auch auf diesem Weg best&auml;tigen wir Ihnen den Eingang.<\/p>\n    <\/div>\n  <\/div>\n\n  <p class=\"wr-frist\"><b>Zur Frist:<\/b> Es gen&uuml;gt, dass Sie den Widerruf innerhalb der\n     14 Tage <i>absenden<\/i>. Er muss in dieser Zeit nicht bei uns angekommen sein.<\/p>\n<\/div>\n<div class=\"sbk-nur-en\" lang=\"en\">\n  <h2>Prefer paper or email?<\/h2>\n  <p>The form above is the quickest way, but you do not have to use it. You can just as\n     well tell us about your withdrawal in an informal letter or an email. All that matters\n     is that it is clear you want to withdraw from the contract.<\/p>\n\n  <div class=\"wr-zwei\">\n    <div class=\"wr-karte\">\n      <h3>Model withdrawal form<\/h3>\n      <p>It is not required, but it makes things easy: print it out, fill it in, send it\n         off.<\/p>\n      <p><a class=\"wr-knopf\" href=\"https:\/\/silviasbeetles.de\/en\/widerrufsbelehrung\/#musterformular-en\">Go to the\n         model withdrawal form<\/a><\/p>\n      <p class=\"wr-klein\">There you will find the text to type out and the form as a PDF.<\/p>\n    <\/div>\n\n    <div class=\"wr-karte\">\n      <h3>Send it to<\/h3>\n      <p class=\"wr-adresse\">\n        SilviasBeetles, Silvia Jakusch<br>\n        Br&uuml;ggener Stra&szlig;e 28<br>\n        41372 Niederkr&uuml;chten<br>\n        Germany\n      <\/p>\n      <p><a class=\"wr-mail\" href=\"mailto:silvia@jakusch.net\">silvia@jakusch.net<\/a><\/p>\n      <p class=\"wr-klein\">We will confirm receipt this way too.<\/p>\n    <\/div>\n  <\/div>\n\n  <p class=\"wr-frist\"><b>On the deadline:<\/b> It is enough if your withdrawal is\n     <i>sent<\/i> within the 14 days. It does not have to reach us within that time.<\/p>\n<\/div>\n<\/div>\n\n<style>\n\/* ===========================================================================\n   SPRACHWEICHE (wie bei den Rechtstexten): beide Sprachen im Markup,\n   html[lang^=\"en\"] blendet um, die Huelle traegt data-no-translation.\n   =========================================================================== *\/\n.wr-papier .sbk-nur-de{display:block}\n.wr-papier .sbk-nur-en{display:none}\nhtml[lang^=\"en\"] .wr-papier .sbk-nur-de{display:none}\nhtml[lang^=\"en\"] .wr-papier .sbk-nur-en{display:block}\n\n\/* ===========================================================================\n   Insel im hellen Produkt-Ton - dieselben Werte wie die Rechtstext-Seiten,\n   damit die Seite als Ganzes ruhig wirkt.\n   =========================================================================== *\/\n.wr-papier{position:relative;box-sizing:border-box;\n  max-width:820px;margin:0 auto 46px;\n  background:linear-gradient(135deg,#d8eeba,#c7e6a2);\n  border:1.5px solid #7cbf7c;border-radius:30px;\n  padding:32px 40px 30px;\n  font-family:Nunito,sans-serif;color:#22331d;font-size:1rem;line-height:1.7;\n  box-shadow:0 18px 38px rgba(15,35,18,.30),0 7px 14px rgba(0,0,0,.16)}\n.wr-papier *{box-sizing:border-box}\n.wr-papier h2{font-family:Fredoka,sans-serif;font-weight:700;color:#185f22;\n  font-size:1.4rem;line-height:1.2;margin:0 0 12px}\n.wr-papier h3{font-family:Fredoka,sans-serif;font-weight:700;color:#1f771b;\n  font-size:1.1rem;line-height:1.25;margin:0 0 8px}\n.wr-papier p{margin:0 0 13px;max-width:70ch}\n.wr-papier p:last-child{margin-bottom:0}\n\n\/* --- zwei Karten nebeneinander, am Handy untereinander --- *\/\n.wr-zwei{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 16px}\n.wr-karte{flex:1 1 290px;\n  background:rgba(255,255,255,.55);border:1.5px solid #7cbf7c;border-radius:20px;\n  padding:20px 22px 18px}\n.wr-karte p{font-size:.95rem;line-height:1.6}\n\n.wr-adresse{font-family:Nunito,sans-serif;font-weight:700;color:#123a15;\n  line-height:1.55!important}\n.wr-mail{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.02rem;\n  color:#185f22;text-decoration:underline;text-underline-offset:3px}\n.wr-mail:hover{color:#0d3a12}\n.wr-klein{font-size:.86rem!important;color:#4a6b3e;margin-bottom:0!important}\n\n\/* --- Der Download-Knopf: gleiche Optik wie die Knoepfe der uebrigen Inseln --- *\/\n.wr-knopf{display:inline-block;text-decoration:none;\n  font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;color:#eaffe0;\n  background:linear-gradient(180deg,#49b545 0%,#3bab37 18%,#2e9e2e 62%,#228122 100%);\n  border:1px solid #49b545;border-radius:30px;padding:12px 26px;margin:2px 0 4px;\n  box-shadow:0 6px 0 #1f771b,0 12px 20px rgba(31,90,30,.32),\n             inset 0 1px 0 rgba(255,255,255,.28);\n  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}\n.wr-knopf:hover{color:#fff;transform:translateY(-3px);\n  box-shadow:0 9px 0 #1f771b,0 16px 22px rgba(31,90,30,.32),\n             inset 0 1px 0 rgba(255,255,255,.28)}\n.wr-knopf:active{transform:translateY(4px);\n  box-shadow:0 2px 0 #1f771b,0 5px 10px rgba(31,90,30,.32)}\n\n.wr-frist{font-size:.95rem;color:#33502a;\n  border-top:1px solid rgba(24,95,34,.28);padding-top:14px;margin-top:4px!important}\n.wr-frist b{color:#123a15}\n\n@media(max-width:760px){\n  .wr-papier{max-width:none;margin:0 12px 34px;padding:24px 20px 22px;\n    border-radius:24px;font-size:.97rem}\n  .wr-papier h2{font-size:1.25rem}\n  .wr-zwei{gap:12px}\n  .wr-karte{flex:1 1 100%;padding:17px 18px 16px}\n  .wr-knopf{display:block;text-align:center;padding:12px 18px}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Vertrag widerrufen Sie haben bei uns bestellt und m&ouml;chten den Kauf r&uuml;ckg&auml;ngig machen? Hier k&ouml;nnen Sie Ihren Widerruf direkt online erkl&auml;ren. Ohne Anmeldung, ohne Begr&uuml;ndung, ohne Anruf. Sie brauchen nur Ihre Bestellnummer und die E-Mail-Adresse, mit der Sie bestellt haben. Ausf&uuml;llenBestellnummer und E-Mail-Adresse eintragen. Der Name ist freiwillig und hilft uns beim Zuordnen. AbsendenEin Klick&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":11,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-10774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/10774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/comments?post=10774"}],"version-history":[{"count":7,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/10774\/revisions"}],"predecessor-version":[{"id":11507,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/10774\/revisions\/11507"}],"wp:attachment":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/media?parent=10774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}