{"id":2201,"date":"2015-09-16T01:40:11","date_gmt":"2015-09-15T23:40:11","guid":{"rendered":"http:\/\/silviasbeetles.de\/?page_id=2201"},"modified":"2026-09-30T18:29:48","modified_gmt":"2026-09-30T16:29:48","slug":"ebay","status":"publish","type":"page","link":"https:\/\/silviasbeetles.de\/en\/ebay\/","title":{"rendered":"eBay"},"content":{"rendered":"\n<div style=\"height:112px\" 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-ebay #8 | Website 1.0 | 2026-09-28 | eBay-Links und Auswahlfeld mit Namen fuer Vorleseprogramme (P7) -->\n<!-- =============================================================================\n     SilviasBeetles - Seite EBAY (live laufende Auktionen)        Stand 2026-09-13\n     =============================================================================\n     WAS DAS IST\n     Die Artikel kommen NICHT aus WooCommerce, sondern direkt von eBay. Geliefert\n     werden sie von AuctionNudge - einem fremden Dienst, der den oeffentlichen\n     Verkaeufer-Feed von silviasbeetles abholt und als fertiges Stueck HTML in ein\n     leeres div schreibt. Jeder Artikel verlinkt auf SEINE eigene Auktion\n     (ebay.com\/itm\/NUMMER), nicht auf die Shop-Uebersicht.\n\n     GESTALTUNG: WIE DIE EBAY-INSEL AUF DER STARTSEITE (Cello 13.09.)\n     Lila Insel #6e54a6, weisse Karten mit Rand #cabcee, Bild oben quadratisch,\n     Titel dunkel, Preis gross in Lila, Knopf in Lila - dieselben Farben und Masse\n     wie die Karten der Startseiten-Insel (.eb-card). Nur eben mit ECHTEN,\n     laufenden Auktionen statt Platzhaltern, und mit Kategorie-Auswahl und\n     Blaettern. (Ein Suchfeld gab es bis zum 13.09. auch - es ist raus, weil es nur\n     die englischen eBay-Titel durchsucht; die Begruendung steht unten im CSS.)\n\n     DER KNIFF: FREMDES MARKUP IN UNSERE KARTEN VERWANDELN\n     AuctionNudge liefert eine Tabelle aus der Zeit vor CSS-Grid. Eine Karte kommt\n     so an:\n         td  (die Zelle = spaetere Karte)\n           strong > a ........... Titel, verlinkt auf die Auktion\n           table > tbody > tr\n             td.image > .image-container > a > img ..... Bild, fest auf 100 px\n             td.info .................................. Preis, Gebote, Link\n     Daraus wird unsere Karte in drei Schritten:\n       1. Die Tabellen werden aufgeloest: table\/tbody\/tr bekommen display:contents,\n          sie verschwinden also als Kasten und ihre Kinder ruecken eine Ebene hoch.\n          Dadurch liegen Bild, Titel und Angaben zusammen in EINER Karte.\n       2. Die Karte wird zur Flexbox von oben nach unten, und die drei Teile\n          bekommen eine Reihenfolge: Bild (1), Titel (2), Angaben (3). Im Markup\n          steht der Titel VOR dem Bild - ohne diesen Schritt saesse er oben.\n       3. Die Angaben werden selbst zur Flexbox: Preis links, Gebote daneben,\n          der Knopf rechts aussen.\n     Fast alles mit !important, weil der Dienst Groessen als style-Attribut direkt\n     ins Markup schreibt (width:100px steht am Bild-Behaelter).\n\n     WARUM DER ANKER [id^=auction-nudge] UND NICHT UNSERE EIGENE KLASSE\n     Der Dienst schreibt immer in ein Element, dessen id mit auction-nudge beginnt.\n     Daran haengt die ganze Gestaltung. Das hat einen praktischen Grund: Auf der\n     Seite stand bisher der Plugin-Kurzbefehl [auction-nudge tool=\"listings\"].\n     Wer den behalten will, kann das - die Karten sehen trotzdem richtig aus, weil\n     die Regeln nicht an unserem Behaelter haengen, sondern an dem des Dienstes.\n\n     DREI DINGE, DIE MAN WISSEN MUSS\n     1. ZIEL-KENNUNG. Die id des leeren div (unten: auction-nudge-sbkebay1) und das\n        Ende der Skript-Adresse (...\/target\/sbkebay1) sind dasselbe Wort. Wer eines\n        aendert, muss das andere mitaendern, sonst bleibt die Seite leer.\n     2. KEIN defer AM SKRIPT. Es schreibt direkt beim Laden in die Seite.\n     3. SPRACHE DEUTSCH. Steht in der Skript-Adresse als lang\/german. Damit sind\n        auch die Beschriftungen des Dienstes deutsch (Gebot statt bid, Bei eBay\n        ansehen statt View on eBay). Geprueft am 13.09. an der Einrichtungsseite\n        des Dienstes: german ist ein gueltiger Wert, daneben gaebe es french,\n        italian, spanish, polish, dutch, english.\n\n     WELCHE ARTIKEL ERSCHEINEN - UND WIE MAN DAS STEUERT (Cello-Frage 13.09.)\n     Der Feed zeigt IMMER alle gerade laufenden Angebote des eBay-Kontos. Einzelne\n     Artikel von Hand auswaehlen kann der Dienst NICHT - dafuer muesste man\n     Artikelnummern fest eintragen, und die Karte waere tot, sobald die Auktion\n     endet. Steuern laesst sich die Auswahl aber ueber vier Werte in der\n     Skript-Adresse (alle am 13.09. an der Einrichtungsseite abgelesen):\n\n       sortOrder\/WERT ... Reihenfolge. Ohne Angabe: die zuerst, die bald enden.\n           StartTimeNewest ............ neueste zuerst\n           PricePlusShippingHighest ... teuerste zuerst  (der alte Ansatz)\n           PricePlusShippingLowest .... guenstigste zuerst\n           BestMatch .................. eBays eigene Sortierung\n\n       keyword\/WORT ..... zeigt nur Artikel, deren Titel das Wort enthaelt.\n           DAS ist der Weg zu einer echten Auswahl: ein Wort in die eBay-Titel\n           setzen (z. B. Lucanidae oder ein eigenes Kuerzel), und nur diese\n           Artikel erscheinen. Die Auswahl wird dann bei eBay gepflegt, nicht hier.\n\n       categoryId\/NUMMER  zeigt nur eine eBay-Kategorie.\n\n       listing_type\/auction_only  nur Auktionen (bin_only waere nur Sofortkauf).\n\n     Nichts davon muss bei eBay umgestellt werden - AUSSER man will ueber\n     keyword filtern, dann gehoert das Wort in die Artikeltitel.\n     Vorschlag fuer die Aufteilung: hier auf der eBay-Seite ALLES zeigen (mit\n     Kategorie-Auswahl), auf der Startseite dagegen nur eine Handvoll als\n     Schaufenster - dort waere sortOrder\/PricePlusShippingHighest sinnvoll oder ein\n     keyword, das die Schaustuecke markiert.\n\n     WAS NICHT GEHT\n     KEINE RESTZEIT \/ ABLAUFZEIT. Am 13.09. direkt beim Dienst geprueft (der Feed\n     wurde einmal mit add_details\/0 und einmal mit \/1 abgerufen und verglichen):\n     Die Antwort enthaelt NIRGENDS eine Endzeit - kein Datum, kein Countdown, auch\n     nicht als verstecktes Feld. Der Schalter add_details tut etwas ganz anderes:\n     Er ersetzt den Link \"Auf eBay ansehen\" durch \"Details anzeigen [+]\", das ein\n     Fenster VON AUCTIONNUDGE oeffnet; die echte eBay-Adresse wandert dabei aus dem\n     href in ein Datenattribut. Damit waere die Grundbedingung gebrochen, dass jeder\n     Klick direkt zur Auktion fuehrt - deshalb bleibt add_details auf 0.\n     Folge: Der Knopf \"Bald endend\" ordnet zwar richtig (es ist die Reihenfolge, die\n     eBay liefert), aber es steht keine Zeit an der Karte. Der Knopf traegt deshalb\n     einen erklaerenden title-Text.\n\n     Die gelbe Gebote-Plakette auf dem Bild (wie auf der Startseite) laesst sich\n     hier nicht bauen: Die Zahl der Gebote kommt als nackter Text mitten im Satz,\n     ohne eigenes Element - CSS kann so etwas nicht herausgreifen und woanders\n     hinsetzen. Die Gebote stehen deshalb neben dem Preis.\n\n     RECHTLICHES\n     Partnerlinks (campid\/customid in der Adresse) - eBay zahlt beim Kauf eine\n     Vermittlung. Der Dienst setzt selbst einen Hinweis ueber das Raster und\n     rel=nofollow an jeden Link. Der deutsche Satz unten sagt dasselbe noch einmal,\n     weil der Hinweis des Dienstes englisch und sehr klein ist.\n     ============================================================================= -->\n<style>\n\/* ---------- DIE INSEL (Farben und Masse wie .ebay-island auf der Startseite) ---------- *\/\n.sbe{background:#6e54a6;border:1.5px solid #8b5cf6;border-radius:30px;\n  padding:28px 32px 32px;margin:0 auto 46px;max-width:1180px;position:relative;\n  font-family:Nunito,sans-serif;color:#f3ecff;\n  \/* overflow-x:clip haelt die Kaefer IN der Insel (Cello 13.09.).\n     Ein satter Kaefer laeuft zur naechsten Kante raus und faedet dort aus - sein\n     Ziel liegt bewusst 40 px HINTER dem Rand. Ohne diese Zeile zaehlt der Browser\n     den Kaefer zur Seitenbreite: am Handy wurde die Seite dadurch 681 statt 433 px\n     breit, es erschien ein waagerechter Rollbalken und das Wischen wurde hakelig.\n     Bewusst \"clip\" und nicht \"hidden\": clip schneidet nur waagerecht ab und macht\n     aus der Insel keinen eigenen Rollbereich - die Schatten der Karten beim\n     Darueberfahren bleiben nach oben und unten unbeschnitten. *\/\n  overflow-x:clip;\n  box-shadow:0 18px 38px rgba(20,8,40,.34),0 7px 14px rgba(0,0,0,.16)}\n.sbe *{box-sizing:border-box}\n.sbe h2{margin:0;line-height:1.15}\n\n\/* ---------- DIE UEBERSCHRIFT MIT DEN KAEFERN (Cello 13.09.) ----------\n   Auf der Startseite atmet der Insel-Titel und schickt beim Darueberfahren einen\n   Schwarm lila Kaefer hinter den Buchstaben hindurch. Hier stand bisher eine tote\n   h2 - deshalb passierte nichts.\n   DREI TEILE muessen zusammenkommen, sonst bleibt es still:\n     1. MARKUP: a.htitle mit data-bugmode=\"mixed\" (Flugart) und data-bugcolor=\"lila\"\n        (Sprite-Satz). Darin ZWEI Huellen: .bug-layer ist die Buehne hinter dem Text,\n        .lift traegt den Text und hebt sich beim Darueberfahren an.\n     2. SKRIPT: beetle-headline-effects.js (unten eingebunden). Es sucht von selbst\n        jedes a.htitle[data-bugmode] im Dokument - es muss hier nichts angemeldet\n        werden. Es vermisst jeden Buchstaben einzeln (ueber eine Text-Auswahl, ohne\n        das Markup anzufassen) und laesst die Kaefer daran entlanglaufen.\n     3. DIESE REGELN. Sie stehen zwar auch im Customizer und gelten damit ohnehin\n        seitenweit - hier stehen sie trotzdem mit, damit der Block fuer sich allein\n        funktioniert und niemand spaeter im Customizer danach suchen muss. Alles ist\n        auf .sbe eingegrenzt, kann also keinen anderen Titel der Seite beeinflussen.\n   WARUM DER TITEL EIN LINK IST: Die Engine dockt ausschliesslich an a.htitle an.\n   Ein h2 ohne Link waere fuer sie unsichtbar - das war genau der bisherige Zustand. *\/\n.sbe .htitle{display:inline-block;position:relative;font-family:Fredoka,sans-serif;\n  font-weight:700;font-size:1.7rem;color:#f3ecff!important;\n  text-shadow:0 1px 3px rgba(0,0,0,.45);text-decoration:none!important;cursor:pointer;\n  transition:color .18s ease,transform .18s ease;\n  animation:sbkPulse 2.6s ease-in-out infinite}\n.sbe .htitle:hover{color:#f3ecff!important;animation:none}\n.sbe .htitle b{font-style:italic;font-weight:800}\n\/* Die Buehne fuer die Kaefer: genau so gross wie der Titel, liegt HINTER dem Text\n   (z-index 1 gegen 3) und faengt keine Mausklicks ab. *\/\n.sbe .htitle .bug-layer{position:absolute;left:0;top:0;width:100%;height:100%;\n  z-index:1;pointer-events:none}\n.sbe .htitle .lift{display:inline-block;position:relative;z-index:3;\n  transition:transform .28s cubic-bezier(.34,1.5,.5,1)}\n.sbe .htitle:hover .lift{transform:translateY(-4px)}\n\/* Ein einzelner Kaefer, vom Skript erzeugt. *\/\n.sbe .htitle .bug{position:absolute;opacity:0;will-change:transform,opacity;pointer-events:none}\n.sbe .htitle .bug img{display:block;width:100%;height:auto;-webkit-user-drag:none}\n\/* Das Pfeilchen blinkt mit dem Atmen mit und steht beim Darueberfahren still. *\/\n.sbe .htitle .chev4{display:inline-block;margin-left:9px;color:inherit;opacity:.2;\n  animation:sbkChevPulse 2.6s ease-in-out infinite;\n  transition:opacity .2s ease,transform .2s ease}\n.sbe .htitle:hover .chev4{animation:none;opacity:1;transform:translateX(0)}\n@keyframes sbkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}\n@keyframes sbkChevPulse{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}\n\/* Wer im Betriebssystem weniger Bewegung eingestellt hat, bekommt den Titel ruhig\n   und bereits angehoben - aber nicht unsichtbar. *\/\n@media (prefers-reduced-motion: reduce){\n  .sbe .htitle{animation:none!important}\n  .sbe .htitle .chev4{animation:none!important;opacity:1;transform:none}\n  .sbe .htitle .lift{transform:translateY(-4px);transition:none}\n}\n.sbe .sbe-sub{color:#e6ddfb;font-weight:600;margin:8px 0 20px;max-width:720px}\n.sbe .sbe-sub b{color:#fff}\n\/* Die Plakette oben rechts - gleicher gruener Punkt wie auf der Startseite *\/\n.sbe .sbe-live{position:absolute;top:20px;right:24px;z-index:3;display:inline-flex;\n  align-items:center;gap:8px;font:800 .85rem Nunito,sans-serif;color:#5b21b6;\n  background:rgba(255,255,255,.92);border:1.5px solid rgba(255,255,255,.6);\n  border-radius:22px;padding:6px 15px;text-decoration:none;\n  box-shadow:0 2px 8px rgba(0,0,0,.18);\n  transition:transform .18s cubic-bezier(.34,1.6,.5,1),box-shadow .18s ease,background .18s ease}\n.sbe .sbe-live:hover{transform:translateY(-2px);background:#fff;box-shadow:0 5px 13px rgba(0,0,0,.25)}\n.sbe .sbe-live::before{content:\"\";width:11px;height:11px;border-radius:50%;background:#1f771b;box-shadow:0 0 0 0 rgba(46,158,46,.6);animation:sbe-pulse 1.8s ease-out infinite}\n@keyframes sbe-pulse{0%{box-shadow:0 0 0 0 rgba(46,158,46,.6);opacity:1}45%{opacity:.6}70%{box-shadow:0 0 0 9px rgba(46,158,46,0)}100%{box-shadow:0 0 0 0 rgba(46,158,46,0);opacity:1}}\n\/* Cello 27.09.: Punkt dunkelgruen, Ring kraeftiger, damit das Pulsieren auf der weissen Plakette sichtbar ist *\/\n@media (prefers-reduced-motion:reduce){.sbe .sbe-live::before{animation:none}}\n\n\/* ---------- KAEFER UND PUNKTRASTER (Cello 13.09.) ----------\n   Genau wie in der eBay-Insel auf der Startseite. Zwei Dinge sorgen dafuer:\n\n   1. DIE KRABBEL-KAEFER (beetle-krabbel.js). Das Skript sucht feste Kennungen im\n      Dokument - eine davon ist eb-krabbel. Es reicht also, einen leeren Layer mit\n      dieser id in die Insel zu legen; das Skript findet ihn von selbst und laesst\n      die lila Kaefer darin laufen. (Die anderen beiden Kennungen, die es kennt,\n      sind foot-krabbel-full im Footer und kat-krabbel in der Kategorie-Insel.)\n\n   2. PUNKTRASTER, VIGNETTE UND GLOW (ebay-bg-effect.js). Das Skript hat fertige\n      Insel-Vorlagen, gebunden an Klassennamen; die fuer .ebay-island ist genau die\n      gewuenschte (lila Punkte, lila Vignette, lila Glow, punktefressende Kaefer).\n      Deshalb traegt die Insel hier ZUSAETZLICH diese Klasse - nur als Haken. Das\n      Aussehen kommt weiterhin aus .sbe.\n      ACHTUNG LEISTUNG: Das Canvas ist so gross wie die Insel. Deshalb stehen hier\n      nur 12 Artikel statt 24 - die Begruendung mit Messwerten steht unten beim\n      Skript-Block.\n\n   SCHICHTEN: Der Effekt malt auf eigene Ebenen ganz unten. Alles, was gelesen\n   oder geklickt wird, liegt darueber - sonst laufen die Kaefer vor den Karten\n   statt dahinter. *\/\n.sbe .eb-krabbel{position:absolute;inset:0;overflow:hidden;pointer-events:none;\n  z-index:1;border-radius:30px}\n.sbe .eb-krabbel .krab{position:absolute;left:0;top:0;opacity:0;\n  will-change:transform,opacity;pointer-events:none}\n.sbe .eb-krabbel .krab img{display:block;width:100%;height:auto;-webkit-user-drag:none;\n  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}\n.sbe .sbe-head,.sbe .sbe-sub,.sbe .sbe-sortbar,\n.sbe .sbe-cta-row,.sbe .sbe-note{position:relative;z-index:2}\n[id^=\"auction-nudge\"] .an-ebay-top,\n[id^=\"auction-nudge\"] .an-ebay-top+div,\n[id^=\"auction-nudge\"] .an-controls-top,\n[id^=\"auction-nudge\"] .an-item-wrap,\n[id^=\"auction-nudge\"] .an-page-bot{position:relative;z-index:2}\n\n\/* ---------- SORTIERLEISTE (Cello 13.09.) ----------\n   Steht im Markup mit dem Attribut hidden und wird erst von ebay-sort.js sichtbar\n   gemacht, sobald wirklich Artikel da sind. Ohne das Skript bleibt sie unsichtbar -\n   besser als eine Leiste, die nichts tut. *\/\n\/* ABSTAENDE (Cello 13.09.): Die Leiste sass vorher ohne jede Luft nach oben\n   direkt unter der Kategorie-Auswahl und mit nur 16 px ueber den Karten - alles\n   klebte aneinander. Weil die Insel eine Flexbox ist, addieren sich Abstaende hier\n   (sie fallen NICHT zusammen wie sonst im Fliesstext): die 8 px oben kommen also\n   zu den 22 px unter der Kategorie-Auswahl hinzu. *\/\n.sbe .sbe-sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;\n  margin:8px 0 28px}\n.sbe .sbe-sortlabel{font:800 .8rem Nunito,sans-serif;color:#e6ddfb;\n  text-transform:uppercase;letter-spacing:.4px;margin-right:2px}\n\/* Die NICHT gewaehlten Knoepfe sind voll ausgefuellt, nicht durchsichtig\n   (Cello 13.09.): derselbe lila Verlauf wie die anderen Knoepfe der Insel. Vorher\n   war es ein Weiss mit 9 % Deckkraft - darunter liefen Punkte und Kaefer durch,\n   und die Knoepfe sahen halbfertig aus. *\/\n.sbe .sbe-sortbar button{font-family:Fredoka,sans-serif;font-weight:600;font-size:.84rem;\n  padding:7px 15px;border-radius:12px;cursor:pointer;color:#f3ecff;border:0;\n  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);\n  transition:transform .14s ease,box-shadow .18s ease,color .18s ease}\n.sbe .sbe-sortbar button:hover{transform:translateY(-1px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}\n\/* Der gerade gewaehlte Knopf ist weiss gefuellt - wie die Plakette oben rechts,\n   damit beides als dieselbe Bedien-Ebene liest. *\/\n.sbe .sbe-sortbar button.ist-an{background:#fff;color:#5b21b6;font-weight:700;\n  box-shadow:0 2px 8px rgba(0,0,0,.22)}\n.sbe .sbe-sortbar button.ist-an:hover{transform:none;background:#fff}\n\n\/* ================================================================================\n   AB HIER: DAS FREMDE MARKUP DES DIENSTES\n   Anker ist immer [id^=\"auction-nudge\"] - siehe Kopf. Damit greift die Gestaltung\n   auch dann, wenn das Raster ueber den Plugin-Kurzbefehl eingesetzt wird.\n   ================================================================================ *\/\n\n\/* ---------- REIHENFOLGE IM KOPF (Cello 13.09.) ----------\n   Der Dienst legt sechs Kaesten hintereinander in sein div: Logo, Pflicht-Hinweis,\n   Suche, Blaettern oben, das Raster, Blaettern unten. Unsere Sortierleiste steht im\n   Markup davor und sass deshalb ganz oben - Cello wollte sie weiter runter, direkt\n   ueber die Artikel.\n   Geloest ohne JavaScript: Das div des Dienstes bekommt display:contents, damit\n   verschwindet es als Kasten und seine sechs Kaesten werden zu Kindern der Insel.\n   Die Insel ist eine Flexbox von oben nach unten - jetzt lassen sich alle Teile\n   frei anordnen, auch unsere Leiste dazwischen.\n   VORTEIL gegenueber dem naheliegenden Weg (die Leiste per Skript ins div haengen):\n   der Dienst baut sein div beim Blaettern komplett neu auf und wuerde die Leiste\n   dabei mit wegraeumen. So bleibt sie, wo sie ist. *\/\n.sbe{display:flex;flex-direction:column}\n[id^=\"auction-nudge\"]{display:contents}\n[id^=\"auction-nudge\"] .an-ebay-top{order:1}\n[id^=\"auction-nudge\"] .an-ebay-top+div{order:2}      \/* Pflicht-Hinweis *\/\n[id^=\"auction-nudge\"] .an-controls-top{order:3}      \/* Suche und Kategorien *\/\n.sbe .sbe-sortbar{order:4}                           \/* unsere Sortierleiste *\/\n[id^=\"auction-nudge\"] .an-page-top{order:5}\n[id^=\"auction-nudge\"] .an-item-wrap{order:6}         \/* die Artikel *\/\n[id^=\"auction-nudge\"] .an-page-bot{order:7}\n.sbe .sbe-cta-row{order:8}\n.sbe .sbe-note{order:9}\n\n\/* --- LOGO UND PFLICHT-HINWEIS ALS EIN BLOCK (Cello 13.09.) ---\n   Ausgangslage: Der Dienst setzt zwei Kaesten untereinander - erst das eBay-Logo,\n   dann den hellen Hinweisbalken. Das Logo stand nackt auf dem Lila und wirkte wie\n   ein vergessener Schnipsel, der Balken darunter wie ein Fremdkoerper.\n   Weil der Balken sich nicht umfaerben laesst (siehe unten), wird es andersherum\n   geloest: Die Logo-Zeile bekommt DENSELBEN hellen Grund und denselben Rahmen -\n   oben abgerundet, unten offen. Der Balken rundet unten ab und laesst oben den\n   Rahmen weg. Zusammen ergibt das EINEN hellen Kasten mit Logo im Kopf und dem\n   Hinweis darunter: die eBay-Kennzeichnung als gewolltes Element statt als Panne.\n\n   DER NEGATIVE ABSTAND ist kein Schoenheitsfehler, sondern noetig: Der Balken\n   bringt margin:10px 0 !important mit und laesst sich davon nicht abbringen.\n   Die -10px hier ziehen die Luecke wieder zu, damit beide Teile aneinanderstossen.\n\n   Das Logo ist 166x96 px gross und war auf 24 px Hoehe gequetscht - ein Fleck.\n   Jetzt 34 px hoch, auf dem hellen Grund gut lesbar. *\/\n[id^=\"auction-nudge\"] .an-ebay-top{\n  background:#e5e0f0;border:1px solid rgba(196,181,253,.55);border-bottom:0;\n  border-radius:12px 12px 0 0;padding:10px 14px 7px;margin:0 0 -10px!important;\n  max-width:660px}\n[id^=\"auction-nudge\"] .an-ebay-logo{display:inline-block}\n[id^=\"auction-nudge\"] .an-ebay-logo img{height:34px!important;width:auto!important;display:block;\n  background:#fff;border:1px solid rgba(90,80,120,.28);border-radius:8px;padding:3px 7px}\n\n\/* --- Der Pflicht-Hinweis von eBay (\"Anzeige - wenn Sie auf einen Artikel klicken...\") ---\n\n   WICHTIG FUER ALLE SPAETEREN VERSUCHE: Dieser Balken laesst sich NICHT einfaerben.\n   Der Dienst schreibt ihm seine Gestaltung direkt ins style-Attribut, und zwar mit\n   !important an jedem einzelnen Wert:\n       color:#222 !important; background:rgba(255,255,255,0.8) !important;\n       visibility:visible !important; opacity:1 !important; display:block !important;\n       height:initial !important; filter:none !important; clip-path:none !important; ...\n   Ein style-Attribut mit !important ist die hoechste Stufe, die CSS kennt - keine\n   Regel aus einem Stylesheet kommt dagegen an, egal wie spezifisch sie ist.\n   Das ist Absicht: eBay verhindert damit, dass jemand die Werbekennzeichnung\n   unsichtbar macht. Sie MUSS stehen bleiben, also ist das auch richtig so.\n   (Am 13.09. gemessen - vorher stand hier der Versuch, ihn lila einzufaerben; der\n   hatte keine Wirkung.)\n\n   WAS DOCH GEHT: alles, was NICHT im style-Attribut steht - also Rahmen, runde\n   Ecken, Innenabstand UND max-width. Ueber die Breite kommt die Insel zurueck:\n   Der Kasten ist auf 660 px begrenzt, steht also kompakt links statt quer ueber\n   alles. Rechts daneben bleiben Sternenfeld und Kaefer sichtbar (Cello 13.09.:\n   der Kasten hatte die Punkte verdeckt und die Kaefer verschwanden dahinter). Damit liest sich der Balken wenigstens als bewusst\n   gesetzter Kasten und nicht als vergessener Fremdkoerper. *\/\n\/* UNDURCHSICHTIG MACHEN - der Trick an eBays Sperre vorbei (Cello 13.09.):\n   Der Kasten ist mit rgba(255,255,255,0.8) halbdurchsichtig, und weil background\n   mit !important im style-Attribut steht, laesst es sich nicht ueberschreiben.\n   Folge: Punkte und Kaefer schienen mitten durch die Werbekennzeichnung hindurch.\n   box-shadow steht NICHT in eBays Sperrliste. Ein nach innen gerichteter Schatten\n   mit riesigem Radius fuellt die ganze Flaeche und liegt UEBER dem Hintergrund,\n   aber UNTER dem Text - der Kasten deckt also, ohne dass am Hintergrund oder an\n   der Lesbarkeit etwas geaendert wurde. Gemessen und im Bild geprueft.\n   Die Kaefer laufen weiterhin dort entlang, man sieht sie nur nicht mehr\n   hindurchschimmern - genau das war der Wunsch. *\/\n[id^=\"auction-nudge\"] .an-ebay-top+div{\n  border:1px solid rgba(196,181,253,.55)!important;border-top:0!important;\n  border-radius:0 0 12px 12px!important;padding:3px 14px 11px!important;max-width:660px;\n  box-shadow:inset 0 0 0 9999px #e5e0f0}\n\n\/* Das Kaestchen um das Wort Anzeige hat KEIN !important - das laesst sich also\n   gestalten. Aus dem grauen Kasten mit schwarzem Rand wird eine ruhige Plakette.\n   BEWUSST NEUTRAL statt gelb (Cello 13.09.): Gelb ist im Seiten-Design die Farbe\n   fuer Wichtiges - eine Werbekennzeichnung soll aber nicht um Aufmerksamkeit\n   buhlen, sie soll nur klar lesbar sein. Deshalb gedecktes Grau-Violett. *\/\n[id^=\"auction-nudge\"] .an-ebay-top+div span{\n  background:#dedbe8!important;color:#4a4458!important;border:0!important;\n  border-radius:7px!important;padding:2px 8px!important;margin-right:7px;\n  font:800 .7rem Nunito,sans-serif!important;text-transform:uppercase;letter-spacing:.4px}\n\n\/* --- Kategorie-Auswahl (das Suchfeld ist aus, siehe unten) ---\n   DAS SUCHFELD IST RAUS (Cello 13.09., search_box\/0 in der Skript-Adresse).\n   Der Grund ist nicht, dass es kaputt waere - es ist EINSPRACHIG. Am 13.09. im\n   Browser durchgespielt:\n       \"Butterfly\" ... findet Artikel\n       \"Kaefer\" ...... \"Keine Artikel gefunden.\"\n   Die Suche des Dienstes durchsucht die eBay-Titel, und die sind samt und sonders\n   englisch (\"** BEETLES, (261669) , Chrysomelidae, Sagra oberthuri , Madagascar\").\n   Auf einer deutschen Seite tippt man aber Kaefer, Schmetterling oder Bockkaefer -\n   und bekommt jedes Mal null Treffer. Ein Suchfeld, das fuer die naheliegenden\n   Woerter systematisch nichts findet, ist schlechter als keines: Der Besucher\n   schliesst daraus, es gebe nichts, und geht.\n   WIEDER EINSCHALTEN: search_box\/1 in der Skript-Adresse ganz unten. Dann greifen\n   die Regeln hier weiter - sie bleiben deshalb stehen. Sinnvoll wird das erst,\n   wenn die eBay-Titel deutsche Woerter enthalten.\n\n   DIE KATEGORIE-AUSWAHL BLEIBT. Sie wurde am 13.09. mitgeprueft und laedt die\n   Liste richtig neu (Wechsel auf \"Animals\" getestet). Dort waehlt man aus dem, was\n   da ist - danebengreifen kann man also nicht. Der Dienst liefert zurzeit drei\n   Eintraege: Alle Kategorien, Collectibles, Animals. Auch die kommen von eBay und\n   sind deshalb englisch. *\/\n\/* ABSTAENDE (Cello 13.09.): oben Luft zum Pflicht-Hinweis, unten zur\n   Sortierleiste - vorher klebte die Auswahl zwischen beiden fest. *\/\n[id^=\"auction-nudge\"] .an-controls-top{display:flex;flex-wrap:wrap;gap:10px;\n  align-items:center;margin:24px 0 22px}\n[id^=\"auction-nudge\"] .an-search-box,\n[id^=\"auction-nudge\"] .an-cats-nav{font-family:Nunito,sans-serif;font-size:.88rem;\n  font-weight:600;padding:9px 14px;border-radius:12px;min-width:190px;\n  border:1.5px solid rgba(255,255,255,.45)!important;\n  background:rgba(255,255,255,.94)!important;color:#2a1259!important}\n[id^=\"auction-nudge\"] .an-search-box{min-width:230px}\n\/* Such-Knopf und Suchfeld sind beim Dienst KEIN button und KEIN input, sondern divs\n   (das Feld ist contenteditable). Deshalb hier ueberall !important - die mitgelieferte\n   Gestaltung des Dienstes ist sonst staerker und der Knopf bleibt blassgrau. *\/\n[id^=\"auction-nudge\"] .an-search-submit{font-family:Fredoka,sans-serif;font-weight:700;\n  font-size:.86rem;padding:9px 20px!important;border-radius:12px!important;border:0!important;\n  cursor:pointer;color:#fff!important;\n  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%)!important;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);\n  transition:transform .12s ease,box-shadow .12s ease}\n[id^=\"auction-nudge\"] .an-search-submit:hover{transform:translateY(-1px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}\n\n\/* --- DAS KARTEN-RASTER ---\n   tbody wird zum Raster, tr verschwindet (display:contents), damit alle Zellen in\n   EIN Raster rutschen statt zeilenweise in mehrere. Die Karten einer Reihe sind\n   dadurch automatisch gleich hoch. *\/\n[id^=\"auction-nudge\"] table.grid{display:block!important;width:100%!important;border:0}\n[id^=\"auction-nudge\"] table.grid>tbody{display:grid;\n  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:34px 16px}\n[id^=\"auction-nudge\"] table.grid>tbody>tr{display:contents}\n\n\/* --- DIE KARTE (entspricht .eb-card auf der Startseite) --- *\/\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td{display:flex!important;flex-direction:column;\n  width:auto!important;padding:0!important;overflow:hidden;\n  background:#fff;border:1.5px solid #cabcee;border-radius:16px;\n  transition:transform .18s cubic-bezier(.34,1.5,.64,1),box-shadow .18s ease,border-color .18s ease}\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:hover{transform:translateY(-5px);\n  box-shadow:0 16px 30px rgba(20,8,40,.28);border-color:#8b5cf6}\n\/* Fuellzellen am Zeilenende zeigen sonst eine leere weisse Karte *\/\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:empty{display:none!important}\n\/* #3: Die Fuellzellen bringen ein festes Leerzeichen mit und sind damit NICHT :empty\n   (gemessen 27.09.: letzte Seite mit 6 Auktionen zeigte zwei leere weisse Karten).\n   Diese Regel erkennt sie daran, dass kein Link darin steht. Browser ohne :has\n   ueberspringen sie und bleiben beim alten Bild. *\/\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:not(:has(a)){display:none!important}\n\n\/* Innere Tabelle aufloesen, damit Bild und Angaben direkt in der Karte liegen *\/\n[id^=\"auction-nudge\"] td table,\n[id^=\"auction-nudge\"] td table>tbody,\n[id^=\"auction-nudge\"] td table>tbody>tr{display:contents!important}\n\n\/* Reihenfolge in der Karte: Bild oben, dann Titel, dann Preiszeile *\/\n[id^=\"auction-nudge\"] td.image{order:1;display:block!important;width:100%!important;padding:0!important}\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td>strong{order:2;display:block;\n  padding:11px 12px 0;font:700 1rem Nunito,sans-serif;line-height:1.3;min-height:3.2em}\n[id^=\"auction-nudge\"] td.info{order:3;display:flex!important;flex-wrap:wrap;align-items:center;\n  gap:4px 8px;width:100%!important;margin-top:auto;padding:0 12px 13px!important}\n\n\/* Titel: dunkel auf der weissen Karte, Farbe wie .eb-title *\/\n[id^=\"auction-nudge\"] td>strong>a{color:#1c2b16!important;text-decoration:none;display:block}\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:hover>strong>a{color:#6d28d9!important}\n\n\/* Bild: fuellt die Karte oben, quadratisch. Der Dienst schreibt 100x100 direkt ins\n   Markup - deshalb ueberall !important. *\/\n[id^=\"auction-nudge\"] .image-container{width:100%!important;height:auto!important;\n  max-width:none!important;max-height:none!important;aspect-ratio:1\/1;\n  display:block;overflow:hidden;background:#f3f3f3}\n[id^=\"auction-nudge\"] .image-container a{display:block!important;width:100%!important;\n  height:100%!important;max-width:none!important;max-height:none!important}\n[id^=\"auction-nudge\"] .image-container img{width:100%!important;height:100%!important;\n  max-width:none!important;max-height:none!important;object-fit:cover;display:block;\n  transition:transform .3s ease}\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:hover .image-container img{transform:scale(1.06)}\n\n\/* Preiszeile. Die Zahl der Gebote steht als nackter Text zwischen Preis und Knopf -\n   sie erbt deshalb die Schrift von td.info; Preis und Knopf ueberschreiben sie. *\/\n[id^=\"auction-nudge\"] td.info{font:800 .72rem Nunito,sans-serif;color:#6b6480}\n[id^=\"auction-nudge\"] td.info br{display:none}\n[id^=\"auction-nudge\"] td.info>strong{font-family:Fredoka,sans-serif;font-weight:800;\n  font-size:1.2rem;color:#6d28d9;line-height:1}\n[id^=\"auction-nudge\"] td.info>a{margin-left:auto;display:inline-block;\n  font:800 .82rem Nunito,sans-serif;color:#fff!important;white-space:nowrap;\n  text-decoration:none;border-radius:12px;padding:6px 13px 7px;\n  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);\n  transition:transform .12s ease,box-shadow .12s ease}\n[id^=\"auction-nudge\"] table.grid>tbody>tr>td:hover td.info>a{transform:translateY(-1px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}\n[id^=\"auction-nudge\"] td.info>a:active{transform:translateY(2px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 0 #5b21b6,0 2px 5px rgba(80,30,160,.34)}\n\n\/* --- Blaettern. Der Dienst liefert hier KEINE Links, sondern eine Aufzaehlung:\n       ul mit li, die per Skript klickbar sind. Unbehandelt stehen dort Listenpunkte. --- *\/\n\/* Der helle Balken, den Cello ueber den Artikeln gesehen hat: Diese Aufzaehlung\n   bringt vom Dienst einen grauen Hintergrund mit (rgb 245) und war dadurch ein\n   weisser Streifen quer durch die Insel. background:none raeumt ihn weg. *\/\n[id^=\"auction-nudge\"] .an-page-wrap{list-style:none!important;display:flex;flex-wrap:wrap;\n  gap:8px;margin:16px 0 0!important;padding:0!important;justify-content:center;\n  background:none!important;border:0!important}\n\/* Die OBERE Blaetterleiste faellt weg (Cello 13.09.): Zwei Knopfpaare fuer dieselbe\n   Sache, eines davon ueber den Artikeln, sah nach Versehen aus. Geblaettert wird\n   unter der Liste - dort, wo man ankommt, wenn man durch ist. *\/\n[id^=\"auction-nudge\"] .an-page-top{display:none!important}\n\/* Die untere Leiste mittig, mit Luft nach oben. *\/\n[id^=\"auction-nudge\"] .an-page-bot{margin:26px 0 0!important;gap:12px}\n\/* DIE BLAETTER-KNOEPFE - und warum sie zweimal nicht wirkten (Cello 13.09.)\n\n   GEMESSEN, nicht geraten: Die Knoepfe blieben klein, blass und ohne Fuellung,\n   obwohl die Regel hier stand. Im Browser nachgesehen, welche Regeln an so einem\n   Knopf tatsaechlich ankommen - Ergebnis:\n     - Der Dienst laedt ein EIGENES Stylesheet nach:\n       auctionnudge.app\/assets\/feed\/item\/css\/all.css.gz\n     - Es wird per Skript nachgeladen, landet also NACH unserem style-Block.\n     - Bei gleich starken Regeln gewinnt die spaetere. Also gewann seines.\n   Sichtbar war das daran, dass nur die schwachen Eigenschaften durchkamen (Schrift\n   und Schriftgroesse, die der Dienst nicht setzt), waehrend Innenabstand, Fuellung\n   und Ecken auf seinen Werten blieben: 0 Abstand, kein Hintergrund - genau der\n   zu kleine, durchsichtige Knopf mit angeschnittenem Text.\n\n   GEGENMITTEL, zwei Stufen:\n     1. !important an JEDER Eigenschaft - schlaegt jede normale Regel, egal wie\n        spaet sie geladen wird.\n     2. ul im Selektor (ul.an-page-wrap statt .an-page-wrap) - eine Stufe mehr\n        Gewicht, falls der Dienst spaeter selbst !important benutzt.\n   Nachgemessen nach dem Umbau: 41 px hoch, 166 px breit, voller Verlauf - also\n   zwischen Sortierknopf (33 px) und grossem Knopf (52 px), wie gewuenscht.\n\n   width\/height auf auto und white-space auf nowrap stehen mit dabei, weil der\n   Dienst dem Knopf sonst eine feste Groesse gibt und die Beschriftung\n   (\"Naechste Seite\") am Rand abschneidet. *\/\n[id^=\"auction-nudge\"] ul.an-page-wrap li{list-style:none!important;\n  display:inline-block!important;cursor:pointer!important;\n  font-family:Fredoka,sans-serif!important;font-weight:700!important;\n  font-size:.95rem!important;color:#fff!important;\n  padding:12px 26px!important;margin:0!important;\n  width:auto!important;height:auto!important;min-width:0!important;\n  white-space:nowrap!important;text-align:center!important;\n  border:0!important;border-radius:14px!important;line-height:1.1!important;\n  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%)!important;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 #5b21b6,0 9px 16px rgba(80,30,160,.38)!important;\n  transition:transform .12s ease,box-shadow .12s ease}\n[id^=\"auction-nudge\"] ul.an-page-wrap li:hover{transform:translateY(-2px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 0 #5b21b6,0 12px 22px rgba(80,30,160,.44)!important}\n[id^=\"auction-nudge\"] ul.an-page-wrap li:active{transform:translateY(3px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #5b21b6,0 4px 9px rgba(80,30,160,.4)!important}\n\/* Auf der ersten Seite gibt es kein Zurueck - der Dienst markiert das mit\n   an-inactive. Der Knopf behaelt Groesse und Form, verliert aber den 3D-Sockel und\n   wird gedeckt ausgegraut: man sieht, dass es ihn gibt und dass er gerade nicht\n   geht. KEINE Durchsichtigkeit mehr (Cello 13.09.) - ein gedecktes Graulila, sonst\n   laufen Punkte und Kaefer mitten durch den Knopf.\n   Auch hier das ul im Selektor: ohne das waere die Regel schwaecher als die\n   Knopf-Regel darueber und der graue Zustand kaeme nie an. *\/\n[id^=\"auction-nudge\"] ul.an-page-wrap li.an-inactive{pointer-events:none;\n  transform:none!important;\n  background:#4a3a70!important;\n  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)!important;\n  color:#c3b6e2!important}\n\n\/* ---------- FUSS: grosser Knopf + deutscher Partner-Hinweis ---------- *\/\n.sbe .sbe-cta-row{display:flex;justify-content:center;margin-top:38px}\n.sbe .sbe-cta{display:inline-flex;align-items:center;gap:11px;font-family:Fredoka,sans-serif;\n  font-weight:700;font-size:1.08rem;color:#fff;text-decoration:none;border:0;border-radius:16px;\n  padding:15px 32px;\n  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 0 #5b21b6,0 10px 20px rgba(80,30,160,.40);\n  transition:transform .12s ease,box-shadow .12s ease}\n.sbe .sbe-cta:hover{transform:translateY(-2px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 0 #5b21b6,0 14px 26px rgba(80,30,160,.46)}\n.sbe .sbe-cta:active{transform:translateY(4px);\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #5b21b6,0 4px 9px rgba(80,30,160,.4)}\n.sbe .sbe-cta-logo{background:#fff;border-radius:10px;padding:3px 9px;\n  font-family:Fredoka,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.5px;line-height:1}\n.sbe .sbe-cta-logo b{font-style:italic;font-weight:800}\n.sbe .sbe-chev{display:inline-block;transition:transform .18s cubic-bezier(.34,1.6,.5,1)}\n.sbe .sbe-cta:hover .sbe-chev{transform:translateX(4px)}\n.sbe .sbe-note{text-align:center;font-size:.92rem;font-weight:600;color:#e6ddfb;\n  margin:16px auto 0;max-width:760px;line-height:1.5}\n\n@media(max-width:900px){\n  .sbe{padding:22px 16px 26px;border-radius:24px}\n  .sbe .htitle{font-size:1.3rem}\n  .sbe .sbe-head{padding-right:104px}\n  .sbe .sbe-live{top:14px;right:14px;font-size:.72rem;padding:5px 11px}\n  [id^=\"auction-nudge\"] table.grid>tbody{grid-template-columns:repeat(2,1fr);gap:20px 12px}\n  [id^=\"auction-nudge\"] table.grid>tbody>tr>td>strong{font-size:.88rem;min-height:3.4em;padding:9px 10px 0}\n  [id^=\"auction-nudge\"] td.info{padding:0 10px 11px!important}\n  [id^=\"auction-nudge\"] td.info>strong{font-size:1.05rem}\n  [id^=\"auction-nudge\"] td.info>a{font-size:.7rem;padding:5px 10px 6px}\n  [id^=\"auction-nudge\"] .an-search-box,[id^=\"auction-nudge\"] .an-cats-nav{min-width:0;flex:1 1 130px}\n  \/* Auf schmalen Schirmen bricht die Sortierleiste ohnehin auf zwei Zeilen um -\n     dann reicht etwas weniger Luft, sonst wird der Kopf der Insel zu lang. *\/\n  [id^=\"auction-nudge\"] .an-controls-top{margin:18px 0 16px}\n  .sbe .sbe-sortbar{margin:6px 0 20px}\n}\n@media(max-width:600px){\n  .sbe .sbe-cta{font-size:.92rem;padding:12px 20px;gap:8px}\n  .sbe .sbe-cta-logo{font-size:.92rem;padding:2px 7px}\n  .sbe .sbe-cta-row{margin-top:24px}\n  \/* 24.09.: am Handy ist die Live-Plakette breiter als die 104 px Freiraum rechts und lag\n     ueber der Ueberschrift. Jetzt steht die Ueberschrift unter der Plakette. *\/\n  .sbe .sbe-head{padding-right:0;padding-top:30px}\n}\n\/* 24.09.: das eBay-Logo im grossen Knopf brach am Handy in \"eba\" und \"y\" um *\/\n.sbe .sbe-cta-logo{white-space:nowrap;flex-shrink:0}\n\n\/* ===== 5.3b HINWEIS-KARTE, WENN KEINE AUKTIONEN KOMMEN (Cello 24.09.) =====\n   Werbeblocker (uBlock, AdBlock, LibreWolf ab Werk) sperren das Skript von\n   AuctionNudge. Dann bliebe die Insel leer. Stattdessen erscheint diese Karte an\n   der Stelle der Artikel. Zwei Texte: \"block\" (Skript gesperrt, onerror am\n   Skript-Tag) und \"leer\" (Skript da, aber nach 8 s keine Artikel). Beide Texte\n   stehen im Markup, damit TranslatePress sie uebersetzt; das Skript setzt nur\n   data-art. Kommen die Artikel doch noch, verschwindet die Karte wieder. *\/\n.ebay-island .eb-leer{order:6;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;\n  text-align:center;gap:10px;box-sizing:border-box;width:100%;max-width:660px;margin:4px auto 6px;\n  padding:30px 28px 26px;background:#fff;border:1.5px solid #cabcee;border-radius:22px;\n  box-shadow:0 12px 26px rgba(20,8,40,.26),0 3px 8px rgba(0,0,0,.10)}\n.ebay-island .eb-leer[hidden]{display:none!important}\n.ebay-island .eb-leer-nw{white-space:nowrap}\n.ebay-island .eb-leer-ico{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);\n  box-shadow:0 4px 0 #4c1d95,0 9px 18px rgba(76,29,149,.30)}\n.ebay-island .eb-leer-ico svg{width:30px;height:30px;display:block}\n.ebay-island .eb-leer-titel{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.35rem;line-height:1.25;\n  color:#5b21b6;margin:6px 0 0!important;padding:0}\n.ebay-island .eb-leer-txt{font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;line-height:1.55;\n  color:#3f3553;margin:0!important;max-width:540px}\n.ebay-island .eb-leer-tipp{font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;line-height:1.45;\n  color:#5d5178;background:#f3effc;border:1px solid #e2d9f7;border-radius:12px;padding:9px 15px;margin:4px 0 0!important}\n.ebay-island .eb-leer .nur-block,.ebay-island .eb-leer .nur-leer{display:none}\n.ebay-island .eb-leer[data-art=\"block\"] .nur-block,.ebay-island .eb-leer[data-art=\"leer\"] .nur-leer{display:block}\n@media(max-width:600px){\n  .ebay-island .eb-leer{padding:24px 16px 20px;border-radius:18px}\n  .ebay-island .eb-leer-titel{font-size:1.15rem}\n  .ebay-island .eb-leer-txt{font-size:.95rem}\n}\n\n\/* ---------- BLAETTER-LEISTEN (#6, Cello 27.09.; Vorgaenger #3 SB-124) ----------\n   Zwei gleiche Leisten, OBEN (ueber den Auktionen) und UNTEN, in der Form der lila\n   Leiste der eBay-Insel auf der Startseite (Snippet Abschnitt 30): helle lila Pille ueber\n   die ganze Breite.\n   AUFBAU (Rechner): links \"Seite 3 von 8\", Mitte die beiden Pfeile, rechts \"Pro Seite:\n   12 24 48\". Auf der letzten Seite erscheint in der UNTEREN Leiste rechts zusaetzlich der\n   lila Knopf \"Alle Auktionen auf eBay\". Handy: oben Seite und Pfeile, darunter Pro Seite\n   und ggf. der Endknopf.\n   DIE GESAMTZAHL: Der Dienst nennt sie nicht. Die Seite lernt sie, sobald man einmal auf\n   der letzten Seite war (Zahl der Artikel, gilt fuer den Besuch und je Kategorie), und\n   rechnet daraus auch fuer 24 oder 48 je Seite. Vorher steht nur \"Seite 3\".\n   Die Leisten sind leere Huellen im Markup; das Skript ganz unten fuellt sie. Ohne Skript\n   bleiben sie verborgen und die alten Knoepfe des Dienstes stehen wie bisher da. Deshalb\n   verschwinden die alten Knoepfe NUR, wenn das Skript die Klasse sbe-pille-an setzt. *\/\n.sbe.sbe-pille-an [id^=\"auction-nudge\"] ul.an-page-bot,\n.sbe.sbe-pille-an [id^=\"auction-nudge\"] ul.an-page-top{display:none!important}\n.sbe .sbe-pille{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;\n  align-items:center;column-gap:12px;row-gap:6px;min-height:62px;padding:5px 10px 5px 22px;\n  box-sizing:border-box;border-radius:31px;\n  background:linear-gradient(180deg,#f7f3ff 0%,#e7ddfc 100%);border:1.5px solid #b9a3ee;\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 10px rgba(60,20,120,.2)}\n.sbe .sbe-pille[data-sbe-pille=\"oben\"]{order:5;margin:2px 0 18px}\n.sbe .sbe-pille[data-sbe-pille=\"unten\"]{order:7;margin:26px 0 0}\n.sbe .sbe-pille[hidden]{display:none}\n\/* #7 (Cello 27.09., Variante 2 \"wie die Shop-Leiste\"): links nur \"SEITE:\", zwischen den\n   Pfeilen runde Seitenzahlen (erste, Nachbarn, aktuelle golden, letzte), sobald die\n   Gesamtzahl gelernt ist; vorher nur die aktuelle Zahl. Handy: ohne Beschriftung, nur\n   erste, aktuelle und letzte Zahl. Den vollen Stand (\"Seite 3 von 8\") liest der Vorleser. *\/\n.sbe .sbe-pille .sbe-seite{justify-self:start;white-space:nowrap}\n.sbe .sbe-pille .sbe-lbl{font:800 .8rem Nunito,sans-serif;color:#5b21b6;\n  text-transform:uppercase;letter-spacing:.4px}\n.sbe .sbe-pille .sbe-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;\n  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n.sbe .sbe-pille .sbe-pfeile{display:flex;align-items:center;gap:10px}\n.sbe .sbe-pille .sbe-zahlen{display:flex;align-items:center;gap:6px;\n  transition:opacity .2s ease}\n.sbe .sbe-pille .sbe-zm{display:none}\n.sbe .sbe-pille.sbe-laedt .sbe-zahlen{opacity:.6}\n.sbe .sbe-pille .sbe-dots{font:800 .9rem Nunito,sans-serif;color:#7c3aed;padding:0 1px}\n.sbe .sbe-pille .sbe-zahlen button{width:42px;height:42px;margin:0!important;padding:0!important;\n  border-radius:50%!important;border:1.5px solid #b9a3ee!important;background:#fff!important;\n  color:#5b21b6!important;font:600 .95rem Fredoka,Nunito,sans-serif!important;cursor:pointer;\n  min-height:0!important;box-shadow:0 2px 0 #b9a3ee!important;line-height:1!important;\n  font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;\n  transition:transform .16s ease}\n@media (hover:hover) and (pointer:fine){\n  .sbe .sbe-pille .sbe-zahlen button:not(.ist-an):not([disabled]):hover{transform:translateY(-2px);\n    border-color:#7c3aed!important}}\n.sbe .sbe-pille .sbe-zahlen button.ist-an{background:linear-gradient(180deg,#f4d64a,#e0a91f)!important;\n  border-color:#b9871a!important;color:#1a1a1a!important;box-shadow:0 2px 0 #b9871a!important;\n  cursor:default}\n.sbe .sbe-pille .sbe-zahlen button[disabled]:not(.ist-an){cursor:default}\n.sbe .sbe-pille .sbe-zahlen button:focus-visible{outline:3px solid #5b21b6;outline-offset:2px}\n.sbe .sbe-pille .sbe-pfeil{position:relative;flex:0 0 auto;width:52px;height:52px;\n  margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;\n  background:none!important;box-shadow:none!important;cursor:pointer;display:flex;\n  align-items:center;justify-content:center;color:#7c3aed!important;min-height:0!important;\n  -webkit-tap-highlight-color:transparent;transition:opacity .3s ease}\n.sbe .sbe-pille .sbe-pfeil svg{display:block;width:30px;height:34px;overflow:visible;\n  filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 1px 2px rgba(60,20,120,.35));\n  transition:transform .28s cubic-bezier(.34,1.56,.64,1)}\n.sbe .sbe-pille .sbe-pfeil path{fill:currentColor;stroke:currentColor;stroke-width:4;\n  stroke-linejoin:round}\n@media (hover:hover) and (pointer:fine){\n  .sbe .sbe-pille .sbe-pfeil:not([disabled]):hover{color:#5b21b6!important}\n  .sbe .sbe-pille .sbe-vor:not([disabled]):hover svg{transform:translateX(3px)}\n  .sbe .sbe-pille .sbe-zurueck:not([disabled]):hover svg{transform:translateX(-3px)}}\n.sbe .sbe-pille .sbe-pfeil:not([disabled]):active svg{transform:scale(.88)}\n.sbe .sbe-pille .sbe-pfeil:focus-visible{outline:3px solid #5b21b6;outline-offset:-4px}\n\/* gesperrter Pfeil blass wie in der Insel (erste bzw. letzte Seite) *\/\n.sbe .sbe-pille .sbe-pfeil[disabled]{opacity:.25;cursor:default}\n.sbe .sbe-pille .sbe-rechts{justify-self:end;display:flex;flex-wrap:wrap;align-items:center;\n  justify-content:flex-end;gap:8px 14px}\n.sbe .sbe-pille .sbe-je{display:flex;align-items:center;gap:6px}\n.sbe .sbe-pille .sbe-je-lbl{font:800 .8rem Nunito,sans-serif;color:#5b21b6;\n  text-transform:uppercase;letter-spacing:.4px;margin-right:2px;white-space:nowrap}\n.sbe .sbe-pille .sbe-je button{width:42px;height:42px;margin:0!important;padding:0!important;\n  border-radius:50%!important;border:1.5px solid #b9a3ee!important;background:#fff!important;\n  color:#5b21b6!important;font:600 .95rem Fredoka,Nunito,sans-serif!important;cursor:pointer;\n  min-height:0!important;box-shadow:0 2px 0 #b9a3ee!important;line-height:1!important;\n  -webkit-tap-highlight-color:transparent;transition:transform .16s ease}\n@media (hover:hover) and (pointer:fine){\n  .sbe .sbe-pille .sbe-je button:not(.ist-an):hover{transform:translateY(-2px);\n    border-color:#7c3aed!important}}\n.sbe .sbe-pille .sbe-je button.ist-an{background:linear-gradient(180deg,#f4d64a,#e0a91f)!important;\n  border-color:#b9871a!important;color:#1a1a1a!important;box-shadow:0 2px 0 #b9871a!important;\n  cursor:default}\n.sbe .sbe-pille .sbe-je button:focus-visible{outline:3px solid #5b21b6;outline-offset:2px}\n.sbe .sbe-pille .sbe-ende{display:inline-flex;align-items:center;gap:8px;height:44px;\n  padding:0 18px;box-sizing:border-box;border-radius:22px;text-decoration:none!important;\n  font:600 .95rem Fredoka,Nunito,sans-serif;color:#fff!important;white-space:nowrap;\n  border:1px solid #a78bfa;\n  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%);\n  box-shadow:0 4px 0 #5b21b6,0 8px 14px rgba(80,30,160,.34),inset 0 1px 0 rgba(255,255,255,.35);\n  transition:transform .16s ease,box-shadow .16s ease}\n.sbe .sbe-pille .sbe-ende[hidden]{display:none}\n.sbe .sbe-pille .sbe-ende .sbe-ende-pf{color:#e6ddfb;font-weight:800}\n.sbe .sbe-pille .sbe-ende:hover{transform:translateY(-2px)}\n.sbe .sbe-pille .sbe-ende:active{transform:translateY(3px);box-shadow:0 1px 0 #5b21b6}\n@media(max-width:899px){\n  .sbe .sbe-pille{grid-template-columns:1fr auto;padding:6px 8px 8px 18px;border-radius:26px}\n  .sbe .sbe-pille .sbe-rechts{grid-column:1 \/ -1;justify-self:center;justify-content:center}}\n@media(max-width:599px){\n  .sbe .sbe-pille{grid-template-columns:1fr;column-gap:4px;padding:6px 8px 10px}\n  .sbe .sbe-pille .sbe-seite{position:absolute;left:0;top:0}\n  .sbe .sbe-pille .sbe-lbl{display:none}\n  .sbe .sbe-pille .sbe-pfeile{gap:2px;justify-self:center}\n  .sbe .sbe-pille .sbe-zd{display:none}\n  .sbe .sbe-pille .sbe-zm{display:flex}\n  .sbe .sbe-pille .sbe-zahlen button{width:44px;height:44px}\n  .sbe .sbe-pille .sbe-pfeil{width:48px}\n  .sbe .sbe-pille .sbe-pfeil svg{width:26px;height:30px}\n  .sbe .sbe-pille .sbe-je button{width:44px;height:44px}\n  .sbe .sbe-pille .sbe-rechts{gap:10px}}\n@media (prefers-reduced-motion:reduce){\n  .sbe .sbe-pille .sbe-pfeil,.sbe .sbe-pille .sbe-pfeil svg,.sbe .sbe-pille .sbe-je button,\n  .sbe .sbe-pille .sbe-zahlen,.sbe .sbe-pille .sbe-zahlen button,\n  .sbe .sbe-pille .sbe-ende{transition-duration:.01s!important}}\n<\/style>\n\n<!-- Die zweite Klasse ebay-island und die id sind KEIN Gestaltungsfehler, sondern\n     die zwei Haken fuer die Effekt-Skripte:\n       .ebay-island ... daran haengt ebay-bg-effect.js seine lila Punkte, Vignette\n                        und die punktefressenden Kaefer (Vorlage im Skript).\n       #ebay-island ... danach sucht beetle-krabbel.js. Es startet die Krabbel-\n                        Kaefer nur, wenn es ein Element mit dieser ID findet -\n                        die KLASSE allein genuegt ihm nicht (nachgemessen 13.09.:\n                        mit Klasse blieb der Layer leer).\n     Auf dieser Seite ist die ID frei; der Startseiten-Block, der sie sonst traegt,\n     liegt auf einer anderen Seite. -->\n<section class=\"sbe ebay-island\" id=\"ebay-island\" aria-label=\"Laufende eBay-Auktionen\" data-sbk=\"2-ebay #8\">\n\n  <!-- Leerer Layer fuer die Krabbel-Kaefer; beetle-krabbel.js sucht diese id. -->\n  <div class=\"eb-krabbel\" id=\"eb-krabbel\"><\/div>\n\n  <a class=\"sbe-live\" href=\"https:\/\/www.ebay.com\/sch\/i.html?_ssn=silviasbeetles&amp;_sop=16\" target=\"_blank\" rel=\"sponsored nofollow noopener\">Live von eBay<\/a>\n\n  <!-- Die Ueberschrift ist ein LINK (auf die eBay-Suche), weil die Kaefer-Engine\n       nur an a.htitle[data-bugmode] andockt. data-bugcolor=\"lila\" waehlt den lila\n       Sprite-Satz - dieselben Kaefer wie auf der Startseite. .bug-layer ist die\n       Buehne dahinter, .lift traegt den Text. Beide Huellen muessen bleiben. -->\n  <div class=\"sbe-head\">\n    <h2><a class=\"htitle\" data-bugmode=\"mixed\" data-bugcolor=\"lila\" href=\"https:\/\/www.ebay.com\/sch\/i.html?_ssn=silviasbeetles&amp;_sop=16\" target=\"_blank\" rel=\"sponsored nofollow noopener\"><span class=\"bug-layer\"><\/span><span class=\"lift\">Auswahl von laufenden Auktionen bei <b style=\"color:#e53238\">e<\/b><b style=\"color:#0064d2\">B<\/b><b style=\"color:#f5af02\">a<\/b><b style=\"color:#86b817\">y<\/b><span class=\"chev4\" aria-hidden=\"true\">&#8250;<\/span><\/span><\/a><\/h2>\n  <\/div>\n  <p class=\"sbe-sub\">Hier siehst du <b>eine Auswahl<\/b> meiner gerade laufenden Auktionen,\n    live aus meinem eBay-Konto: die Liste aktualisiert sich von selbst. Ein Klick auf eine Karte\n    f&#252;hrt direkt zu dieser Auktion, wo du mitbieten kannst. Du kannst eine Kategorie\n    w&#228;hlen oder umsortieren. <b>Mein vollst&#228;ndiges Angebot<\/b> findest du\n    &#252;ber den Knopf ganz unten: dort sind alle Auktionen zu sehen.<\/p>\n\n  <!-- Sortierleiste. hidden bleibt sie, bis ebay-sort.js Artikel gefunden hat.\n       #6 (27.09.): Die Knoepfe sortieren jetzt ueber ALLE Auktionen (das Skript ganz unten\n       schickt sortOrder an den Dienst und beginnt bei Seite 1). \"Name A bis Z\" entfiel:\n       der Dienst kann das nicht, und alle Titel beginnen mit \"** BEETLES, (Nummer)\". -->\n  <div class=\"sbe-sortbar\" data-sbe-sortbar hidden>\n    <span class=\"sbe-sortlabel\">Sortieren<\/span>\n    <button type=\"button\" data-sbe-sort=\"standard\" class=\"ist-an\"\n      title=\"Reihenfolge wie bei eBay: Auktionen, die zuerst enden, stehen vorn. Die genaue Restzeit steht bei eBay.\">Bald endend<\/button>\n    <button type=\"button\" data-sbe-sort=\"teuer\">Teuerste zuerst<\/button>\n    <button type=\"button\" data-sbe-sort=\"guenstig\">G&#252;nstigste zuerst<\/button>\n    <button type=\"button\" data-sbe-sort=\"gebote\">Meiste Gebote<\/button>\n  <\/div>\n\n  <!-- Hier schreibt AuctionNudge hinein. Die Kennung sbkebay1 steht auch im\n       Skript ganz unten - beide muessen gleich bleiben. -->\n  <div id=\"auction-nudge-sbkebay1\">&nbsp;<\/div>\n  <!-- #6 Blaetter-Leisten oben und unten (Cello 27.09.). Leere Huellen, das Skript ganz\n       unten fuellt sie (Seite, Pfeile, Pro Seite, Endknopf) und setzt die Texte je Sprache. -->\n  <div class=\"sbe-pille\" data-sbe-pille=\"oben\" data-no-translation data-no-dynamic-translation hidden><\/div>\n  <div class=\"sbe-pille\" data-sbe-pille=\"unten\" data-no-translation data-no-dynamic-translation hidden><\/div>\n\n  <!-- 5.3b Hinweis-Karte: bleibt verborgen, solange Auktionen kommen (Skript ganz unten) -->\n  <div class=\"eb-leer\" id=\"eb-leer\" role=\"status\" hidden>\n    <span class=\"eb-leer-ico\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2.8l7.5 3v5.6c0 4.6-3.1 8.4-7.5 9.8-4.4-1.4-7.5-5.2-7.5-9.8V5.8z\"\/><path d=\"M9 12.2l2.1 2.1L15.3 10\"\/><\/svg><\/span>\n    <p class=\"eb-leer-titel\">Hier stehen sonst meine <span class=\"eb-leer-nw\">eBay-Auktionen<\/span><\/p>\n    <p class=\"eb-leer-txt nur-block\">Dein Werbeblocker h&#228;lt sie gerade zur&#252;ck. Das ist kein Fehler der Seite. &#220;ber den Knopf darunter kommst du direkt zu allen meinen Auktionen bei eBay.<\/p>\n    <p class=\"eb-leer-tipp nur-block\">Tipp: Erlaubst du silviasbeetles.de in deinem Werbeblocker, erscheinen die Auktionen hier wieder.<\/p>\n    <p class=\"eb-leer-txt nur-leer\">Sie laden gerade nicht. &#220;ber den Knopf darunter kommst du direkt zu allen meinen Auktionen bei eBay.<\/p>\n  <\/div>\n\n  <div class=\"sbe-cta-row\">\n    <a class=\"sbe-cta eb-cta\" href=\"https:\/\/www.ebay.com\/sch\/i.html?_ssn=silviasbeetles&amp;_sop=16\" target=\"_blank\" rel=\"sponsored nofollow noopener\"><span class=\"sbe-cta-logo\"><b style=\"color:#e53238\">e<\/b><b style=\"color:#0064d2\">b<\/b><b style=\"color:#f5af02\">a<\/b><b style=\"color:#86b817\">y<\/b><\/span><span>Alle Auktionen auf eBay ansehen <span class=\"sbe-chev\" aria-hidden=\"true\">&#8250;<\/span><\/span><\/a>\n  <\/div>\n  <p class=\"sbe-note\">Die Artikel werden direkt von eBay geladen: Preise und Gebote gem&#228;&#223;\n    eBay (USD). Klickst du einen an, landest du bei eBay; kommt dort ein Kauf zustande, kann eBay\n    daf&#252;r eine Vermittlungsgeb&#252;hr zahlen. F&#252;r dich &#228;ndert sich am Preis nichts.<\/p>\n\n<\/section>\n\n<!-- KAEFER UND PUNKTRASTER - beides an (Cello 13.09.).\n     VORGESCHICHTE, damit niemand die alte Bremse wieder einbaut:\n     ebay-bg-effect.js spannt sein Punkt-Canvas ueber die GANZE Insel. Frueher wurde\n     darin jeder einzelne Punkt in JEDEM Einzelbild neu ausgerechnet und neu gemalt -\n     auf dieser Seite waren das ueber 260.000 Sinus-Rechnungen und 93.000 Pfad-\n     abschnitte pro Bild, zusammen rund 21 ms. Ein Bild darf bei 60 Bildern je Sekunde\n     aber nur 16,7 ms kosten. Weil sich alle Animationen der Seite EINE Bildschleife\n     teilen, riss das die ganze Seite mit nach unten - auch die Kaefer oben im Hero.\n     Damals gemessen:\n         24 Artikel, mit Punktraster .... 19 bis 23 Bilder\/Sekunde\n         24 Artikel, ohne Punktraster ... 40\n          8 Artikel, mit Punktraster .... 38\n     Der Notbehelf war MaxEntries von 24 auf 12 - halb so lange Insel, halbe Last.\n     SEIT DEM TEMPO-UMBAU am 13.09. ist die Ursache selbst behoben (Punkt-Tabelle +\n     Sicht-Band in ebay-bg-effect.js, Kopf der Datei): dieselbe Insel kostet jetzt\n     0,09 ms statt 21 ms je Bild, also rund ein Zweihundertstel. Der Notbehelf wird\n     damit nicht mehr gebraucht.\n     MaxEntries STEHT TROTZDEM AUF 12 - aus einem anderen Grund: 12 Karten sind eine\n     ueberschaubare Auswahl, 24 eine Wand. Wer mehr will, blaettert unten oder geht\n     ueber den grossen Knopf zu eBay. Wer auf 24 zurueck moechte, kann das jetzt\n     ohne Tempo-Bedenken tun - es ist eine reine Geschmacksfrage. -->\n<!-- Die Kaefer der Ueberschrift. Das Skript sucht sich a.htitle[data-bugmode]\n     selbst zusammen - im Block muss nichts angemeldet werden. -->\n<script src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/beetle-headline-effects.js\" defer><\/script>\n<script src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/beetle-krabbel.js\" defer><\/script>\n<script src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/ebay-bg-effect.js\" defer><\/script>\n<!-- Die Sortierleiste oben. Die Reihenfolge der beiden Skripte ist egal: dieses\n     hier hat defer, laeuft also erst nach dem Aufbau der Seite, waehrend das\n     AuctionNudge-Skript darunter sofort beim Lesen arbeitet. Und selbst wenn der\n     Dienst langsam ist, wartet die Leiste (sie beobachtet das Raster). -->\n<script src=\"https:\/\/silviasbeetles.de\/wp-content\/uploads\/ebay-sort.js\" defer><\/script>\n<!-- =============================================================================\n     DAS SKRIPT VON AUCTIONNUDGE - bewusst OHNE defer (siehe Kopf, Punkt 2).\n     Die Adresse ist eine Kette aus Wert-Paaren:\n       SellerID\/silviasbeetles ... das eBay-Konto, dessen Angebote gezeigt werden\n       siteid\/0 ................. eBay.com (die internationale Seite, Preise in $)\n       search_box\/0 ............. KEIN Suchfeld (Cello 13.09. - siehe unten)\n       cats_output\/dropdown ..... Kategorie-Auswahl als Klappliste\n       theme\/grid ............... Kachel-Ansicht (nicht Liste, nicht Karussell)\n       grid_cols\/4 .............. Spalten, die der Dienst vorgibt. Unser CSS richtet\n                                  sich NICHT danach, es rechnet nach der Fenster-\n                                  breite - der Wert greift nur, falls das CSS\n                                  einmal nicht geladen wird.\n       MaxEntries\/12 ............ Artikel pro Seite. Seit dem Tempo-Umbau vom\n                                  13.09. frei waehlbar (24 gingen wieder) - die\n                                  12 sind eine Geschmacks-, keine Technikfrage.\n                                  Siehe Kommentar beim Skript-Block oben.\n       img_size\/400 ............. angeforderte Bildgroesse (alt: 100). Die Karten\n                                  zeigen das Bild rund 240 px breit, 400 haelt es\n                                  auch auf feinen Bildschirmen scharf.\n       show_logo\/1 .............. eBay-Logo und Pflicht-Hinweis anzeigen\n       (sortOrder FEHLT hier mit Absicht = Standard des Dienstes, also die zuerst,\n        die bald enden. Das ist die STANDARDSORTIERUNG der Seite. Wer sie aendern\n        will, haengt z. B. \/sortOrder\/PricePlusShippingHighest an - die Knoepfe\n        oben sortieren nur die bereits geladene Seite um.)\n       lang\/german .............. Beschriftungen des Dienstes auf Deutsch\n       NICHT gesetzt, aber jederzeit anhaengbar (siehe Kopf, Abschnitt WELCHE\n       ARTIKEL): sortOrder\/... Reihenfolge, keyword\/... Titel-Filter,\n       categoryId\/... Kategorie, listing_type\/auction_only nur Auktionen\n       target\/sbkebay1 .......... muss zur id des leeren div oben passen\n     ============================================================================= -->\n<script src=\"https:\/\/www.auctionnudge.com\/feed\/item\/js\/SellerID\/silviasbeetles\/siteid\/0\/add_details\/0\/user_profile\/0\/page\/init\/search_box\/0\/cats_output\/dropdown\/theme\/grid\/carousel_scroll\/4\/carousel_width\/140px\/carousel_auto\/0\/grid_cols\/4\/grid_width\/100%25\/MaxEntries\/12\/img_size\/400\/show_logo\/1\/lang\/german\/target\/sbkebay1\" onerror=\"window.sbkAnFehler=1\"><\/script>\n<!-- P7 Barrierefreiheit (28.09.2026): AuctionNudge baut Links nur aus einem Hintergrundbild\n     bzw. einem Logo mit leerem alt und ein Auswahlfeld ohne Beschriftung. Vorleseprogramme\n     hoeren dort nur \"Link\". Dieses Skript gibt jedem namenlosen eBay-Link den Titel des\n     Artikels (aus dem Text-Link derselben Karte mit gleicher Adresse), dem Logo \"eBay\" und\n     dem Auswahlfeld \"eBay-Kategorie\". Sprache nach html lang. Nur ASCII, beginnt mit\n     Semikolon (WP Fastest Cache), kein Und-Zeichen, kein Kleiner-Zeichen (Seitenblock-Regel).\n     Laeuft nur einmal je Seite, auch wenn zwei eBay-Bloecke darauf stehen. -->\n<script>\n;(function () {\n  if (window.sbkAnNamen) { return; }\n  window.sbkAnNamen = true;\n  var en = \/^en\/.test(document.documentElement.lang);\n  var T = en\n    ? { item: 'View item on eBay', neu: ' (opens in a new window)', logo: 'eBay', kat: 'eBay category' }\n    : { item: 'Artikel auf eBay ansehen', neu: ' (\\u00f6ffnet in neuem Fenster)', logo: 'eBay', kat: 'eBay-Kategorie' };\n  function rein(t) { return (t || '').replace(\/\\s+\/g, ' ').replace(\/^ | $\/g, ''); }\n  function namen() {\n    var boxen = document.querySelectorAll('[id^=\"auction-nudge\"]');\n    Array.prototype.forEach.call(boxen, function (box) {\n      Array.prototype.forEach.call(box.querySelectorAll('a[href]'), function (a) {\n        if (a.getAttribute('aria-label')) { return; }\n        if (rein(a.textContent)) { return; }\n        var href = a.getAttribute('href'), name = '';\n        Array.prototype.forEach.call(box.querySelectorAll('a[href]'), function (b) {\n          if (name) { return; }\n          if (b.getAttribute('href') === href) { name = rein(b.textContent); }\n        });\n        if (!name) { name = \/\\\/itm\\\/\/.test(href) ? T.item : T.logo; }\n        a.setAttribute('aria-label', name + (a.target === '_blank' ? T.neu : ''));\n      });\n      Array.prototype.forEach.call(box.querySelectorAll('select'), function (s) {\n        if (!s.getAttribute('aria-label')) { s.setAttribute('aria-label', T.kat); }\n      });\n    });\n  }\n  var warte = null;\n  function spaeter() {\n    if (warte) { return; }\n    warte = setTimeout(function () { warte = null; namen(); }, 250);\n  }\n  function los() {\n    namen();\n    if (!window.MutationObserver) { return; }\n    Array.prototype.forEach.call(document.querySelectorAll('[id^=\"auction-nudge\"]'), function (box) {\n      new MutationObserver(spaeter).observe(box, { childList: true, subtree: true });\n    });\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', los); } else { los(); }\n})();\n<\/script>\n<!-- 5.3b: zeigt die Hinweis-Karte, wenn keine Auktionen kommen. Nur ASCII, beginnt\n     mit Semikolon (WP Fastest Cache). onerror am AuctionNudge-Skript oben setzt\n     sbkAnFehler, das heisst: gesperrt (meist Werbeblocker). -->\n<script>\n;(function () {\n  var box = document.getElementById('eb-leer');\n  if (!box) { return; }\n  var insel = box.parentNode;\n  function artikel() { return !!insel.querySelector('[id^=\"auction-nudge\"] table.grid td img, .eb-card'); }\n  var leiste = insel.querySelector('[data-sbe-sortbar]');\n  function zeige(art) {\n    box.setAttribute('data-art', art); box.hidden = false;\n    if (leiste) { leiste.style.display = 'none'; }\n  }\n  function pruef(ende) {\n    if (artikel()) { box.hidden = true; if (leiste) { leiste.style.display = ''; } return; }\n    if (window.sbkAnFehler) { zeige('block'); return; }\n    if (ende) { zeige('leer'); }\n  }\n  function los() {\n    setTimeout(function () { pruef(false); }, 1500);\n    setTimeout(function () { pruef(true); }, 8000);\n    setTimeout(function () { pruef(true); }, 20000);\n  }\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', los); } else { los(); }\n})();\n<\/script>\n<!-- #6 Blaetter-Leisten (Cello 27.09.). Nur ASCII, beginnt mit Semikolon (WP Fastest Cache),\n     KEIN UND-Zeichen und KEIN Kleiner-Zeichen im Skript: WordPress wandelt sie in Seitenbloecken\n     um und das Skript bricht (gemessen 27.09. an #3). Das Skript\n     1. baut die zwei Leisten (oben, unten): Seite n (von m), Pfeile, Pro Seite 12\/24\/48,\n        unten auf der letzten Seite der Knopf zu eBay,\n     2. steuert den Dienst direkt ueber sein Objekt AN_Item_sbkebay1 (Seite, MaxEntries,\n        sortOrder) statt ueber dessen Knoepfe (die setzen die Adresse und springen),\n     3. lernt die Gesamtzahl der Artikel, sobald man einmal auf der letzten Seite war\n        (sessionStorage je Kategorie), und rechnet daraus \"von m\" fuer jede Seitengroesse,\n     4. faengt die Sortierleiste ab: Reihenfolge ueber alle Auktionen, zurueck auf Seite 1,\n     5. haelt das angetippte Element (Leiste oben\/unten, Sortierleiste) an seiner Stelle im\n        Bild, waehrend der Dienst neu baut (wie #3: mind. 15 s, nach jeder Aenderung 6 s,\n        hoechstens 30 s; Mausrad, Wischen, Tasten beenden das Halten). -->\n<script>\n;(function () {\n  var huellen = document.querySelectorAll('[data-sbe-pille]');\n  if (!huellen.length) { return; }\n  if (!window.MutationObserver) { return; }\n  var insel = huellen[0].parentNode;\n  var root = insel.querySelector('[id^=\"auction-nudge\"]');\n  if (!root) { return; }\n  var EN = \/^en\/i.test(document.documentElement.lang || '');\n  var T = EN ? { seite: 'Page ', von: ' of ', zur: 'Previous page', vor: 'Next page',\n                 je: 'Per page:', jeA: ' auctions per page', ende: 'All auctions on eBay',\n                 lbl: 'Page:', zu: 'Go to page ' }\n             : { seite: 'Seite ', von: ' von ', zur: 'Vorherige Seite', vor: 'N\\u00e4chste Seite',\n                 je: 'Pro Seite:', jeA: ' Auktionen pro Seite', ende: 'Alle Auktionen auf eBay',\n                 lbl: 'Seite:', zu: 'Zu Seite ' };\n  var WERTE = [12, 24, 48];\n  var EBAY = 'https:\/\/www.ebay.com\/sch\/i.html?_ssn=silviasbeetles' + String.fromCharCode(38) + '_sop=16';\n  var SVGNS = 'http:\/\/www.w3.org\/2000\/svg';\n  var leisten = [], laeuft = 0, halt = null, y0 = null, soll = null, bis = 0, grenze = 0;\n  var notaus = 0, plan = 0, erstesMal = true;\n\n  function an() { return window.AN_Item_sbkebay1 || null; }\n  function rp() { var a = an(); return a ? a.config.request_params : null; }\n  function zahl(v, std) { var n = parseInt(v, 10); return n > 0 ? n : std; }\n  function je() { var r = rp(); return r ? zahl(r.MaxEntries, 12) : 12; }\n  function seiteJetzt() { var r = rp(); return r ? zahl(r.page, 1) : 1; }\n  function kat() { var r = rp(); return r ? String(r.categoryId || '0') : '0'; }\n  function merkeN(n) { try { sessionStorage.setItem('sbeN|' + kat(), String(n)); } catch (e) {} }\n  function holeN() {\n    try { return zahl(sessionStorage.getItem('sbeN|' + kat()), 0); } catch (e) { return 0; }\n  }\n  function knopf(art) { return root.querySelector('ul.an-page-bot li.an-page-' + art); }\n  function gesperrt(li) { return !li || \/(^|\\s)an-inactive(\\s|$)\/.test(li.className); }\n  function karten() {\n    var z = root.querySelectorAll('table.grid td img'), n = 0, i;\n    for (i = 0; i !== z.length; i++) { if (z[i].closest('td.image')) { n++; } }\n    return n;\n  }\n\n  \/* ---------- die zwei Leisten bauen (ohne Spitzklammern, siehe Kopf) ---------- *\/\n  function mk(tag, cls, text) {\n    var e = document.createElement(tag);\n    if (cls) { e.className = cls; }\n    if (text) { e.textContent = text; }\n    return e;\n  }\n  function pfeil(art) {\n    var b = mk('button', 'sbe-pfeil sbe-' + art);\n    b.type = 'button';\n    b.setAttribute('aria-label', art === 'vor' ? T.vor : T.zur);\n    var s = document.createElementNS(SVGNS, 'svg');\n    s.setAttribute('viewBox', '0 0 34 38');\n    s.setAttribute('aria-hidden', 'true');\n    s.setAttribute('focusable', 'false');\n    var p = document.createElementNS(SVGNS, 'path');\n    p.setAttribute('d', art === 'vor' ? 'M4 3 L30 19 L4 35 Z' : 'M30 3 L4 19 L30 35 Z');\n    s.appendChild(p);\n    b.appendChild(s);\n    return b;\n  }\n  function baue(h) {\n    var wo = h.getAttribute('data-sbe-pille');\n    var L = { h: h, wo: wo };\n    L.seite = mk('span', 'sbe-seite');\n    L.seite.appendChild(mk('span', 'sbe-lbl', T.lbl));\n    L.sr = mk('span', 'sbe-sr');\n    L.sr.setAttribute('aria-live', 'polite');\n    L.seite.appendChild(L.sr);\n    var mitte = mk('div', 'sbe-pfeile');\n    L.zur = pfeil('zurueck');\n    L.vor = pfeil('vor');\n    L.zd = mk('div', 'sbe-zahlen sbe-zd');\n    L.zm = mk('div', 'sbe-zahlen sbe-zm');\n    mitte.appendChild(L.zur);\n    mitte.appendChild(L.zd);\n    mitte.appendChild(L.zm);\n    mitte.appendChild(L.vor);\n    var rechts = mk('div', 'sbe-rechts');\n    var jeBox = mk('div', 'sbe-je');\n    jeBox.appendChild(mk('span', 'sbe-je-lbl', T.je));\n    L.je = [];\n    WERTE.forEach(function (v) {\n      var b = mk('button', '', String(v));\n      b.type = 'button';\n      b.setAttribute('data-je', String(v));\n      b.setAttribute('aria-label', v + T.jeA);\n      jeBox.appendChild(b);\n      L.je.push(b);\n      b.addEventListener('click', function () { proSeite(v, L); });\n    });\n    rechts.appendChild(jeBox);\n    if (wo === 'unten') {\n      L.ende = mk('a', 'sbe-ende');\n      L.ende.href = EBAY;\n      L.ende.target = '_blank';\n      L.ende.rel = 'sponsored nofollow noopener';\n      L.ende.appendChild(mk('span', '', T.ende));\n      L.ende.appendChild(mk('span', 'sbe-ende-pf', '\\u203a'));\n      L.ende.hidden = true;\n      rechts.appendChild(L.ende);\n    }\n    h.appendChild(L.seite);\n    h.appendChild(mitte);\n    h.appendChild(rechts);\n    L.zur.addEventListener('click', function () { blaettern(-1, L); });\n    L.vor.addEventListener('click', function () { blaettern(1, L); });\n    return L;\n  }\n  Array.prototype.forEach.call(huellen, function (h) { leisten.push(baue(h)); });\n\n  \/* ---------- Seitenzahlen (Variante 2) ----------\n     folge(): welche Zahlen stehen da. Weit (Rechner): erste, Nachbarn, aktuelle, letzte;\n     eng (Handy): erste, aktuelle, letzte. Luecken als Punkte. Ohne gelernte Gesamtzahl\n     nur die aktuelle Zahl. *\/\n  function folge(s, ges, weit) {\n    if (!ges) { return [s]; }\n    var roh = weit ? [1, s - 1, s, s + 1, ges] : [1, s, ges], z = [], i;\n    for (i = 0; i !== roh.length; i++) {\n      var n = roh[i];\n      if (n > 0) { if (!(n > ges)) { if (z.indexOf(n) === -1) { z.push(n); } } }\n    }\n    z.sort(function (a, b) { return a - b; });\n    var out = [];\n    for (i = 0; i !== z.length; i++) {\n      if (i) { if (z[i] - z[i - 1] > 1) { out.push(0); } }\n      out.push(z[i]);\n    }\n    return out;\n  }\n  function male(box, liste, s, L) {\n    while (box.firstChild) { box.removeChild(box.firstChild); }\n    liste.forEach(function (n) {\n      if (!n) { box.appendChild(mk('span', 'sbe-dots', '\\u2026')); return; }\n      var b = mk('button', n === s ? 'ist-an' : '', String(n));\n      b.type = 'button';\n      b.setAttribute('aria-label', T.zu + n);\n      if (n === s) { b.setAttribute('aria-current', 'page'); }\n      b.disabled = !!laeuft;\n      b.addEventListener('click', function () { springe(n, L); });\n      box.appendChild(b);\n    });\n  }\n  function stand(s) {\n    var N = holeN(), ges = N ? Math.ceil(N \/ je()) : 0;\n    if (ges) { if (s > ges) { ges = 0; } }\n    leisten.forEach(function (L) {\n      L.sr.textContent = ges ? T.seite + s + T.von + ges : T.seite + s;\n      male(L.zd, folge(s, ges, true), s, L);\n      male(L.zm, folge(s, ges, false), s, L);\n    });\n  }\n\n  \/* ---------- Stand anzeigen ---------- *\/\n  function zeige() {\n    var p = knopf('prev'), n = knopf('next');\n    if (!p) { if (!n) { return; } }\n    var s = seiteJetzt(), j = je(), N, ges = 0, amEnde = gesperrt(n);\n    if (amEnde) {\n      N = (s - 1) * j + karten();\n      if (N > 0) { merkeN(N); }\n    }\n    laeuft = 0;\n    stand(s);\n    leisten.forEach(function (L) {\n      L.zur.disabled = gesperrt(p);\n      L.vor.disabled = amEnde;\n      L.je.forEach(function (b) {\n        var an = Number(b.getAttribute('data-je')) === j;\n        b.classList.toggle('ist-an', an);\n        if (an) { b.setAttribute('aria-pressed', 'true'); } else { b.setAttribute('aria-pressed', 'false'); }\n      });\n      if (L.ende) { L.ende.hidden = !amEnde; }\n      L.h.classList.remove('sbe-laedt');\n      L.h.removeAttribute('aria-busy');\n      L.h.hidden = false;\n    });\n    laeuft = 0;\n    insel.classList.add('sbe-pille-an');\n  }\n\n  \/* ---------- Halten: das angetippte Element bleibt an seiner Stelle im Bild ----------\n     korrigiere() laeuft jeweils BEVOR der Browser zeichnet: nach dem Umbau des Dienstes\n     (MutationObserver) und bei jeder Groessenaenderung der Insel (ResizeObserver). *\/\n  \/* Waehrend des Haltens die eingebaute Scroll-Verankerung des Browsers abschalten: sie\n     verschiebt beim Nachladen der Bilder selbst und addiert sich mit unserer Korrektur\n     (gemessen 27.09.: gemalte Ausschlaege bis 288 px, Endlage 0). *\/\n  function anker(aus) { document.documentElement.style.overflowAnchor = aus ? 'none' : ''; }\n  function korrigiere() {\n    if (y0 === null) { return; }\n    if (!halt) { return; }\n    var jetzt = Date.now();\n    if (jetzt > bis || jetzt > grenze) { y0 = null; anker(false); return; }\n    var d = halt.getBoundingClientRect().top - y0;\n    if (!(Math.abs(d) > 0.5)) { return; }\n    \/* Die Seite scrollt per CSS weich (scroll-behavior:smooth). Fuer diesen einen Schritt\n       hart springen, sonst wandert das Element sichtbar (gemessen 27.09.). *\/\n    var h = document.documentElement, alt = h.style.scrollBehavior;\n    h.style.scrollBehavior = 'auto';\n    window.scrollBy(0, d);\n    h.style.scrollBehavior = alt;\n    soll = window.pageYOffset;\n    bis = Math.max(bis, jetzt + 6000);\n  }\n  if (window.ResizeObserver) { new ResizeObserver(korrigiere).observe(insel); }\n  function loslassen() { y0 = null; anker(false); }\n  ['wheel', 'touchmove', 'keydown'].forEach(function (ev) {\n    window.addEventListener(ev, loslassen, { passive: true });\n  });\n  window.addEventListener('scroll', function () {\n    if (y0 === null) { return; }\n    if (!(Math.abs(window.pageYOffset - soll) > 1)) { return; }\n    y0 = halt.getBoundingClientRect().top;\n    soll = window.pageYOffset;\n  }, { passive: true });\n\n  \/* ---------- Anfragen an den Dienst ----------\n     Der Dienst (AuctionNudge) haengt sein Objekt als AN_Item_sbkebay1 an die Seite. Seite,\n     Anzahl je Seite und Reihenfolge stehen in dessen request_params; request_items() holt\n     die passende Seite ohne Neuladen (gemessen 27.09.: MaxEntries 24\/48 und sortOrder\n     wirken). Direkt statt ueber die alten Knoepfe, weil deren Klick die Adresse auf\n     #auction-nudge-... setzt und die Seite dorthin springen liesse. *\/\n  function anfordern(aendern, festhalten) {\n    var a = an(), r = rp();\n    if (!a) { return false; }\n    if (!r) { return false; }\n    if (laeuft) { return false; }\n    laeuft = 1;\n    aendern(r);\n    try { delete a.max_pages; } catch (e) {}\n    leisten.forEach(function (L) {\n      L.h.classList.add('sbe-laedt');\n      L.h.setAttribute('aria-busy', 'true');\n      L.zur.disabled = true;\n      L.vor.disabled = true;\n      Array.prototype.forEach.call(L.h.querySelectorAll('.sbe-zahlen button'), function (b) {\n        b.disabled = true;\n      });\n    });\n    halt = festhalten;\n    anker(true);\n    y0 = festhalten.getBoundingClientRect().top;\n    soll = window.pageYOffset;\n    bis = Date.now() + 15000;\n    grenze = Date.now() + 30000;\n    clearTimeout(notaus);\n    \/* kommt keine neue Seite (Netz weg), nach 12 s wieder freigeben *\/\n    notaus = setTimeout(function () { if (laeuft) { laeuft = 0; y0 = null; anker(false); zeige(); } }, 12000);\n    a.request_items();\n    return true;\n  }\n  function blaettern(d, L) {\n    var ziel = seiteJetzt() + d;\n    if (d > 0) { if (gesperrt(knopf('next'))) { return; } }\n    if (d !== 1) { if (gesperrt(knopf('prev'))) { return; } }\n    if (!(ziel > 0)) { return; }\n    var s = ziel;\n    if (anfordern(function (r) { r.page = s; }, L.h)) { stand(s); }\n  }\n  \/* Klick auf eine Seitenzahl: direkt dorthin (der Dienst nimmt jede Seite ueber page) *\/\n  function springe(n, L) {\n    if (laeuft) { return; }\n    if (n === seiteJetzt()) { return; }\n    if (anfordern(function (r) { r.page = n; }, L.h)) { stand(n); }\n  }\n  function proSeite(v, L) {\n    if (v === je()) { return; }\n    try { sessionStorage.setItem('sbeJe', String(v)); } catch (e) {}\n    anfordern(function (r) { r.MaxEntries = String(v); r.page = 1; }, L.h);\n  }\n\n  \/* ---------- Sortierleiste: sortiert jetzt ueber ALLE Auktionen ----------\n     Bisher sortierte ebay-sort.js nur die angezeigte Seite, und man blieb z. B. auf Seite 8\n     (Cello 27.09.). Jetzt faengt dieser Lauscher den Klick ab, BEVOR er die Knoepfe\n     erreicht (Capture-Phase, stopPropagation), schickt die Reihenfolge an den Dienst und\n     beginnt wieder bei Seite 1. ebay-sort.js bleibt fuer das Einblenden der Leiste und die\n     Kartennamen zustaendig, sortiert selbst aber nichts mehr um. *\/\n  var SORT = { teuer: 'PricePlusShippingHighest', guenstig: 'PricePlusShippingLowest',\n               gebote: 'BidCountMost' };\n  var sortLeiste = insel.querySelector('[data-sbe-sortbar]');\n  if (sortLeiste) {\n    sortLeiste.addEventListener('click', function (e) {\n      var b = e.target.closest ? e.target.closest('[data-sbe-sort]') : null;\n      if (!b) { return; }\n      e.stopPropagation();\n      if (b.classList.contains('ist-an')) { return; }\n      var art = b.getAttribute('data-sbe-sort');\n      var ok = anfordern(function (r) {\n        if (SORT[art]) { r.sortOrder = SORT[art]; } else { delete r.sortOrder; }\n        r.page = 1;\n      }, sortLeiste);\n      if (!ok) { return; }\n      Array.prototype.forEach.call(sortLeiste.querySelectorAll('[data-sbe-sort]'), function (k) {\n        k.classList.toggle('ist-an', k === b);\n      });\n    }, true);\n  }\n\n  \/* ---------- Der Dienst baut neu: sofort nachziehen, kurz sammeln, Stand uebernehmen ---- *\/\n  new MutationObserver(function () {\n    korrigiere();\n    clearTimeout(plan);\n    plan = setTimeout(function () {\n      if (!knopf('prev')) { if (!knopf('next')) { return; } }\n      clearTimeout(notaus);\n      zeige();\n      korrigiere();\n      \/* gemerkte Anzahl je Seite (nur fuer diesen Besuch) einmalig wiederherstellen *\/\n      if (erstesMal) {\n        erstesMal = false;\n        var w = 0;\n        try { w = zahl(sessionStorage.getItem('sbeJe'), 0); } catch (e) {}\n        if (w) { if (w !== je()) { if (WERTE.indexOf(w) !== -1) {\n          anfordern(function (r) { r.MaxEntries = String(w); r.page = 1; }, leisten[0].h);\n        } } }\n      }\n    }, 60);\n  }).observe(root, { childList: true, subtree: true });\n  zeige();\n})();\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Live von eBay Auswahl von laufenden Auktionen bei eBay&#8250; Hier siehst du eine Auswahl meiner gerade laufenden Auktionen, live aus meinem eBay-Konto: die Liste aktualisiert sich von selbst. Ein Klick auf eine Karte f&#252;hrt direkt zu dieser Auktion, wo du mitbieten kannst. Du kannst eine Kategorie w&#228;hlen oder umsortieren. Mein vollst&#228;ndiges Angebot findest du &#252;ber&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"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-2201","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2201","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=2201"}],"version-history":[{"count":11,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2201\/revisions"}],"predecessor-version":[{"id":11498,"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/pages\/2201\/revisions\/11498"}],"wp:attachment":[{"href":"https:\/\/silviasbeetles.de\/en\/wp-json\/wp\/v2\/media?parent=2201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}