{"id":2207,"date":"2015-09-16T01:45:36","date_gmt":"2015-09-15T23:45:36","guid":{"rendered":"http:\/\/silviasbeetles.de\/?page_id=2207"},"modified":"2026-09-30T18:32:41","modified_gmt":"2026-09-30T16:32:41","slug":"impressum","status":"publish","type":"page","link":"https:\/\/silviasbeetles.de\/en\/impressum\/","title":{"rendered":"Legal notice"},"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<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<!-- SBK | 1-impressum__ZWEISPRACHIG #1 | Website 1.0 | 2026-09-27 | Abmahnhinweis DE und EN entfernt (R7), Kommentare raus -->\n<style>\n\/* Rechtstext-Insel im hellen Produkt-Ton *\/\n.rt{position:relative;max-width:1180px;margin:30px auto 46px;\n  background:linear-gradient(135deg,#d8eeba,#c7e6a2);\n  border:1.5px solid #7cbf7c;border-radius:30px;\n  padding:38px 44px 42px;\n  font-family:Nunito,sans-serif;color:#22331d;\n  font-size:1rem;line-height:1.72;\n  box-shadow:0 18px 38px rgba(15,35,18,.30),0 7px 14px rgba(0,0,0,.16)}\n.rt *{box-sizing:border-box}\n\n\/* --- Ueberschriften: gruen wie in den Produkt-Inseln, mit Luft davor --- *\/\n.rt h1,.rt h2{font-family:Fredoka,sans-serif;font-weight:700;color:#185f22;\n  font-size:1.5rem;line-height:1.2;margin:34px 0 12px}\n.rt h3{font-family:Fredoka,sans-serif;font-weight:700;color:#1f771b;\n  font-size:1.14rem;line-height:1.25;margin:26px 0 8px}\n.rt h4{font-family:Fredoka,sans-serif;font-weight:700;color:#2a4a1c;\n  font-size:1rem;margin:20px 0 6px}\n.rt h1:first-child,.rt h2:first-child,.rt h3:first-child{margin-top:0}\n\n\/* Fliesstext mit begrenzter Zeilenlaenge *\/\n.rt p{margin:0 0 15px;max-width:78ch}\n.rt strong,.rt b{color:#123a15;font-weight:700}\n.rt em,.rt i{color:#33502a}\n.rt small{font-size:.86rem;color:#4a6b3e}\n\n\/* --- Listen --- *\/\n.rt ul,.rt ol{margin:0 0 16px;padding-left:22px;max-width:78ch}\n.rt li{margin:0 0 7px}\n.rt ul li::marker{color:#2e9e2e}\n.rt ol li::marker{color:#1f771b;font-weight:700}\n\n\/* --- Links: gut sichtbar, ohne zu schreien --- *\/\n.rt a{color:#185f22;text-decoration:underline;text-underline-offset:3px;\n  text-decoration-thickness:1px;transition:color .15s ease}\n.rt a:hover{color:#0d3a12}\n\n\/* --- Adressbloecke und alles Vorformatierte --- *\/\n.rt address{font-style:normal;margin:0 0 15px}\n.rt pre{white-space:pre-wrap;font-family:Nunito,sans-serif;margin:0 0 15px}\n\n\/* --- Tabellen (Widerrufsformular, Gebuehrenuebersichten) --- *\/\n.rt table{width:100%;max-width:900px;border-collapse:collapse;margin:0 0 20px;\n  background:rgba(255,255,255,.5);border-radius:14px;overflow:hidden}\n.rt th,.rt td{padding:10px 14px;text-align:left;\n  border-bottom:1px solid rgba(24,95,34,.2)}\n.rt th{font-family:Fredoka,sans-serif;font-weight:700;color:#185f22;\n  background:rgba(255,255,255,.55)}\n.rt tr:last-child td{border-bottom:0}\n\n\/* --- Trennlinien zwischen den Abschnitten --- *\/\n.rt hr{border:0;border-top:1px solid rgba(24,95,34,.28);margin:30px 0}\n\n\/* Hervorgehobener Kasten *\/\n.rt blockquote{margin:0 0 20px;padding:16px 20px;\n  background:rgba(255,255,255,.55);border:1.5px solid #7cbf7c;border-radius:18px;\n  max-width:900px}\n.rt blockquote p:last-child{margin-bottom:0}\n\n\/* --- Bilder in der Insel (z. B. die PDF-Vorschau des Widerrufsformulars) --- *\/\n.rt img{max-width:100%;height:auto;display:block;border-radius:14px;\n  border:1.5px solid #7cbf7c;box-shadow:0 8px 20px rgba(15,35,18,.22);margin:0 0 18px}\n.rt figure{margin:0 0 20px}\n.rt figcaption{font-size:.86rem;color:#4a6b3e;margin-top:7px}\n\n\/* PDF-Links als Knopf *\/\n.rt a[href*=\".pdf\"],.rt a[href*=\".PDF\"],.rt .wp-block-freeform a[href*=\"widerruf\"]{\n  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 28px;margin:4px 0 14px;\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.rt a[href*=\".pdf\"]:hover,.rt a[href*=\".PDF\"]:hover,.rt .wp-block-freeform a[href*=\"widerruf\"]: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.rt a[href*=\".pdf\"]:active,.rt a[href*=\".PDF\"]:active,.rt .wp-block-freeform a[href*=\"widerruf\"]:active{transform:translateY(4px);\n  box-shadow:0 2px 0 #1f771b,0 5px 10px rgba(31,90,30,.32)}\n\n\/* Klassisch-Block ohne eigenen Rahmen *\/\n.rt .wp-block-freeform,.rt .wp-block-freeform table,.rt .wp-block-freeform td{\n  border:0!important;background:none!important;padding:0!important}\n\n\/* Freiflaeche unter dem Footer in Footer-Gruen *\/\nhtml{background-color:#1f5a1e}\n\n@media(max-width:900px){\n  .rt{padding:26px 20px 30px;border-radius:24px;font-size:.97rem;line-height:1.68}\n  .rt h1,.rt h2{font-size:1.3rem;margin-top:26px}\n  .rt h3{font-size:1.06rem}\n  .rt table{font-size:.9rem}\n  .rt a[href*=\".pdf\"]{padding:11px 22px;font-size:.95rem}\n  .rt th,.rt td{padding:8px 10px}\n}\n<\/style>\n\n<style>\n\/* Sprachweiche: TranslatePress setzt lang=\"en-US\" am html-Element *\/\n.rt .sbk-nur-de{display:block}\n.rt .sbk-nur-en{display:none}\nhtml[lang^=\"en\"] .rt .sbk-nur-de{display:none}\nhtml[lang^=\"en\"] .rt .sbk-nur-en{display:block}\n\n.rt .imp-hinweis{background:rgba(46,158,46,.12);border-left:4px solid #2e9e2e;\n  border-radius:0 12px 12px 0;padding:13px 17px;margin:0 0 20px;font-size:.97rem}\n.rt .imp-hinweis b{color:#123a15}\n.rt address{font-style:normal;font-weight:700;color:#123a15;line-height:1.55;\n  margin:0 0 15px}\n<\/style>\n\n<div class=\"rt\" data-sbk=\"1-impressum__ZWEISPRACHIG #1\">\n<div class=\"sbk-nur-de\" lang=\"de\">\n\n  <h2>Anbieter<\/h2>\n  <address>silviasbeetles<br>\n  Silvia Jakusch<br>\n  Br&#252;ggener Stra&#223;e 28<br>\n  41372 Niederkr&#252;chten<br>\n  Deutschland<\/address>\n  <p>E-Mail: <a href=\"mailto:silvia@jakusch.net\">silvia@jakusch.net<\/a><br>\n  Telefon: (0049) 1781073717<\/p>\n\n  <h2>Umsatzsteuer-Identifikationsnummer<\/h2>\n  <p>Umsatzsteuer-Identifikationsnummer gem&#228;&#223; &#167; 27a UStG: DE 314170952<\/p>\n\n  <h2>Verbraucherstreitbeilegung<\/h2>\n  <p>Wir sind weder verpflichtet noch bereit, an einem Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.<\/p>\n\n<\/div>\n<div class=\"sbk-nur-en\" lang=\"en\">\n\n  <h2>Legal Notice<\/h2>\n\n  <p class=\"imp-hinweis\">This is the English version of our legal notice (Impressum) under section 5 of the German Digital Services Act (DDG). <b>The German version is the authoritative one.<\/b> The details themselves are identical.<\/p>\n\n  <h2>Site owner<\/h2>\n  <address>silviasbeetles<br>\n  Silvia Jakusch<br>\n  Br&#252;ggener Stra&#223;e 28<br>\n  41372 Niederkr&#252;chten<br>\n  Germany<\/address>\n  <p>E-mail: <a href=\"mailto:silvia@jakusch.net\">silvia@jakusch.net<\/a><br>\n  Phone: +49 178 1073717<\/p>\n\n  <h2>VAT identification number<\/h2>\n  <p>VAT identification number under section 27a of the German VAT Act: DE 314170952<\/p>\n\n  <h2>Consumer dispute resolution<\/h2>\n  <p>We are neither obliged nor willing to take part in dispute resolution proceedings before a consumer arbitration board.<\/p>\n\n<\/div>\n<\/div>\n\n<\/div><\/div>\n\n\n\n\n\n<p><\/p>\n\n\n\n<div style=\"height:112px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Anbieter silviasbeetles Silvia Jakusch Br&#252;ggener Stra&#223;e 28 41372 Niederkr&#252;chten Deutschland E-Mail: silvia@jakusch.net Telefon: (0049) 1781073717 Umsatzsteuer-Identifikationsnummer Umsatzsteuer-Identifikationsnummer gem&#228;&#223; &#167; 27a UStG: DE 314170952 Verbraucherstreitbeilegung Wir sind weder verpflichtet noch bereit, an einem Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. Legal Notice This is the English version of our legal notice (Impressum) under section 5 of the German&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":5,"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-2207","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2207","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=2207"}],"version-history":[{"count":22,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2207\/revisions"}],"predecessor-version":[{"id":11502,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2207\/revisions\/11502"}],"wp:attachment":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/media?parent=2207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}