

.sbe{background:#6e54a6;border:1.5px solid #8b5cf6;border-radius:30px;
  padding:28px 32px 32px;margin:0 auto 46px;max-width:1180px;position:relative;
  font-family:Nunito,sans-serif;color:#f3ecff;
  
  overflow-x:clip;
  box-shadow:0 18px 38px rgba(20,8,40,.34),0 7px 14px rgba(0,0,0,.16)}
.sbe *{box-sizing:border-box}
.sbe h2{margin:0;line-height:1.15}


.sbe .htitle{display:inline-block;position:relative;font-family:Fredoka,sans-serif;
  font-weight:700;font-size:1.7rem;color:#f3ecff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.45);text-decoration:none!important;cursor:pointer;
  transition:color .18s ease,transform .18s ease;
  animation:sbkPulse 2.6s ease-in-out infinite}
.sbe .htitle:hover{color:#f3ecff!important;animation:none}
.sbe .htitle b{font-style:italic;font-weight:800}

.sbe .htitle .bug-layer{position:absolute;left:0;top:0;width:100%;height:100%;
  z-index:1;pointer-events:none}
.sbe .htitle .lift{display:inline-block;position:relative;z-index:3;
  transition:transform .28s cubic-bezier(.34,1.5,.5,1)}
.sbe .htitle:hover .lift{transform:translateY(-4px)}

.sbe .htitle .bug{position:absolute;opacity:0;will-change:transform,opacity;pointer-events:none}
.sbe .htitle .bug img{display:block;width:100%;height:auto;-webkit-user-drag:none}

.sbe .htitle .chev4{display:inline-block;margin-left:9px;color:inherit;opacity:.2;
  animation:sbkChevPulse 2.6s ease-in-out infinite;
  transition:opacity .2s ease,transform .2s ease}
.sbe .htitle:hover .chev4{animation:none;opacity:1;transform:translateX(0)}
@keyframes sbkPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes sbkChevPulse{0%,100%{opacity:.2;transform:translateX(0)}50%{opacity:1;transform:translateX(4px)}}

@media (prefers-reduced-motion: reduce){
  .sbe .htitle{animation:none!important}
  .sbe .htitle .chev4{animation:none!important;opacity:1;transform:none}
  .sbe .htitle .lift{transform:translateY(-4px);transition:none}
}
.sbe .sbe-sub{color:#e6ddfb;font-weight:600;margin:8px 0 20px;max-width:720px}
.sbe .sbe-sub b{color:#fff}

.sbe .sbe-live{position:absolute;top:20px;right:24px;z-index:3;display:inline-flex;
  align-items:center;gap:8px;font:800 .85rem Nunito,sans-serif;color:#5b21b6;
  background:rgba(255,255,255,.92);border:1.5px solid rgba(255,255,255,.6);
  border-radius:22px;padding:6px 15px;text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  transition:transform .18s cubic-bezier(.34,1.6,.5,1),box-shadow .18s ease,background .18s ease}
.sbe .sbe-live:hover{transform:translateY(-2px);background:#fff;box-shadow:0 5px 13px rgba(0,0,0,.25)}
.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}
@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}}

@media (prefers-reduced-motion:reduce){.sbe .sbe-live::before{animation:none}}


.sbe .eb-krabbel{position:absolute;inset:0;overflow:hidden;pointer-events:none;
  z-index:1;border-radius:30px}
.sbe .eb-krabbel .krab{position:absolute;left:0;top:0;opacity:0;
  will-change:transform,opacity;pointer-events:none}
.sbe .eb-krabbel .krab img{display:block;width:100%;height:auto;-webkit-user-drag:none;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.sbe .sbe-head,.sbe .sbe-sub,.sbe .sbe-sortbar,
.sbe .sbe-cta-row,.sbe .sbe-note{position:relative;z-index:2}
[id^="auction-nudge"] .an-ebay-top,
[id^="auction-nudge"] .an-ebay-top+div,
[id^="auction-nudge"] .an-controls-top,
[id^="auction-nudge"] .an-item-wrap,
[id^="auction-nudge"] .an-page-bot{position:relative;z-index:2}



.sbe .sbe-sortbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:8px 0 28px}
.sbe .sbe-sortlabel{font:800 .8rem Nunito,sans-serif;color:#e6ddfb;
  text-transform:uppercase;letter-spacing:.4px;margin-right:2px}

.sbe .sbe-sortbar button{font-family:Fredoka,sans-serif;font-weight:600;font-size:.84rem;
  padding:7px 15px;border-radius:12px;cursor:pointer;color:#f3ecff;border:0;
  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);
  transition:transform .14s ease,box-shadow .18s ease,color .18s ease}
.sbe .sbe-sortbar button:hover{transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}

.sbe .sbe-sortbar button.ist-an{background:#fff;color:#5b21b6;font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.22)}
.sbe .sbe-sortbar button.ist-an:hover{transform:none;background:#fff}




.sbe{display:flex;flex-direction:column}
[id^="auction-nudge"]{display:contents}
[id^="auction-nudge"] .an-ebay-top{order:1}
[id^="auction-nudge"] .an-ebay-top+div{order:2}      
[id^="auction-nudge"] .an-controls-top{order:3}      
.sbe .sbe-sortbar{order:4}                           
[id^="auction-nudge"] .an-page-top{order:5}
[id^="auction-nudge"] .an-item-wrap{order:6}         
[id^="auction-nudge"] .an-page-bot{order:7}
.sbe .sbe-cta-row{order:8}
.sbe .sbe-note{order:9}


[id^="auction-nudge"] .an-ebay-top{
  background:#e5e0f0;border:1px solid rgba(196,181,253,.55);border-bottom:0;
  border-radius:12px 12px 0 0;padding:10px 14px 7px;margin:0 0 -10px!important;
  max-width:660px}
[id^="auction-nudge"] .an-ebay-logo{display:inline-block}
[id^="auction-nudge"] .an-ebay-logo img{height:34px!important;width:auto!important;display:block;
  background:#fff;border:1px solid rgba(90,80,120,.28);border-radius:8px;padding:3px 7px}



[id^="auction-nudge"] .an-ebay-top+div{
  border:1px solid rgba(196,181,253,.55)!important;border-top:0!important;
  border-radius:0 0 12px 12px!important;padding:3px 14px 11px!important;max-width:660px;
  box-shadow:inset 0 0 0 9999px #e5e0f0}


[id^="auction-nudge"] .an-ebay-top+div span{
  background:#dedbe8!important;color:#4a4458!important;border:0!important;
  border-radius:7px!important;padding:2px 8px!important;margin-right:7px;
  font:800 .7rem Nunito,sans-serif!important;text-transform:uppercase;letter-spacing:.4px}



[id^="auction-nudge"] .an-controls-top{display:flex;flex-wrap:wrap;gap:10px;
  align-items:center;margin:24px 0 22px}
[id^="auction-nudge"] .an-search-box,
[id^="auction-nudge"] .an-cats-nav{font-family:Nunito,sans-serif;font-size:.88rem;
  font-weight:600;padding:9px 14px;border-radius:12px;min-width:190px;
  border:1.5px solid rgba(255,255,255,.45)!important;
  background:rgba(255,255,255,.94)!important;color:#2a1259!important}
[id^="auction-nudge"] .an-search-box{min-width:230px}

[id^="auction-nudge"] .an-search-submit{font-family:Fredoka,sans-serif;font-weight:700;
  font-size:.86rem;padding:9px 20px!important;border-radius:12px!important;border:0!important;
  cursor:pointer;color:#fff!important;
  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);
  transition:transform .12s ease,box-shadow .12s ease}
[id^="auction-nudge"] .an-search-submit:hover{transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}


[id^="auction-nudge"] table.grid{display:block!important;width:100%!important;border:0}
[id^="auction-nudge"] table.grid>tbody{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:34px 16px}
[id^="auction-nudge"] table.grid>tbody>tr{display:contents}


[id^="auction-nudge"] table.grid>tbody>tr>td{display:flex!important;flex-direction:column;
  width:auto!important;padding:0!important;overflow:hidden;
  background:#fff;border:1.5px solid #cabcee;border-radius:16px;
  transition:transform .18s cubic-bezier(.34,1.5,.64,1),box-shadow .18s ease,border-color .18s ease}
[id^="auction-nudge"] table.grid>tbody>tr>td:hover{transform:translateY(-5px);
  box-shadow:0 16px 30px rgba(20,8,40,.28);border-color:#8b5cf6}

[id^="auction-nudge"] table.grid>tbody>tr>td:empty{display:none!important}

[id^="auction-nudge"] table.grid>tbody>tr>td:not(:has(a)){display:none!important}


[id^="auction-nudge"] td table,
[id^="auction-nudge"] td table>tbody,
[id^="auction-nudge"] td table>tbody>tr{display:contents!important}


[id^="auction-nudge"] td.image{order:1;display:block!important;width:100%!important;padding:0!important}
[id^="auction-nudge"] table.grid>tbody>tr>td>strong{order:2;display:block;
  padding:11px 12px 0;font:700 1rem Nunito,sans-serif;line-height:1.3;min-height:3.2em}
[id^="auction-nudge"] td.info{order:3;display:flex!important;flex-wrap:wrap;align-items:center;
  gap:4px 8px;width:100%!important;margin-top:auto;padding:0 12px 13px!important}


[id^="auction-nudge"] td>strong>a{color:#1c2b16!important;text-decoration:none;display:block}
[id^="auction-nudge"] table.grid>tbody>tr>td:hover>strong>a{color:#6d28d9!important}


[id^="auction-nudge"] .image-container{width:100%!important;height:auto!important;
  max-width:none!important;max-height:none!important;aspect-ratio:1/1;
  display:block;overflow:hidden;background:#f3f3f3}
[id^="auction-nudge"] .image-container a{display:block!important;width:100%!important;
  height:100%!important;max-width:none!important;max-height:none!important}
[id^="auction-nudge"] .image-container img{width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover;display:block;
  transition:transform .3s ease}
[id^="auction-nudge"] table.grid>tbody>tr>td:hover .image-container img{transform:scale(1.06)}


[id^="auction-nudge"] td.info{font:800 .72rem Nunito,sans-serif;color:#6b6480}
[id^="auction-nudge"] td.info br{display:none}
[id^="auction-nudge"] td.info>strong{font-family:Fredoka,sans-serif;font-weight:800;
  font-size:1.2rem;color:#6d28d9;line-height:1}
[id^="auction-nudge"] td.info>a{margin-left:auto;display:inline-block;
  font:800 .82rem Nunito,sans-serif;color:#fff!important;white-space:nowrap;
  text-decoration:none;border-radius:12px;padding:6px 13px 7px;
  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #5b21b6,0 5px 9px rgba(80,30,160,.30);
  transition:transform .12s ease,box-shadow .12s ease}
[id^="auction-nudge"] table.grid>tbody>tr>td:hover td.info>a{transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 #5b21b6,0 7px 13px rgba(80,30,160,.36)}
[id^="auction-nudge"] td.info>a:active{transform:translateY(2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 0 #5b21b6,0 2px 5px rgba(80,30,160,.34)}



[id^="auction-nudge"] .an-page-wrap{list-style:none!important;display:flex;flex-wrap:wrap;
  gap:8px;margin:16px 0 0!important;padding:0!important;justify-content:center;
  background:none!important;border:0!important}

[id^="auction-nudge"] .an-page-top{display:none!important}

[id^="auction-nudge"] .an-page-bot{margin:26px 0 0!important;gap:12px}

[id^="auction-nudge"] ul.an-page-wrap li{list-style:none!important;
  display:inline-block!important;cursor:pointer!important;
  font-family:Fredoka,sans-serif!important;font-weight:700!important;
  font-size:.95rem!important;color:#fff!important;
  padding:12px 26px!important;margin:0!important;
  width:auto!important;height:auto!important;min-width:0!important;
  white-space:nowrap!important;text-align:center!important;
  border:0!important;border-radius:14px!important;line-height:1.1!important;
  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 5px 0 #5b21b6,0 9px 16px rgba(80,30,160,.38)!important;
  transition:transform .12s ease,box-shadow .12s ease}
[id^="auction-nudge"] ul.an-page-wrap li:hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 0 #5b21b6,0 12px 22px rgba(80,30,160,.44)!important}
[id^="auction-nudge"] ul.an-page-wrap li:active{transform:translateY(3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #5b21b6,0 4px 9px rgba(80,30,160,.4)!important}

[id^="auction-nudge"] ul.an-page-wrap li.an-inactive{pointer-events:none;
  transform:none!important;
  background:#4a3a70!important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)!important;
  color:#c3b6e2!important}


.sbe .sbe-cta-row{display:flex;justify-content:center;margin-top:38px}
.sbe .sbe-cta{display:inline-flex;align-items:center;gap:11px;font-family:Fredoka,sans-serif;
  font-weight:700;font-size:1.08rem;color:#fff;text-decoration:none;border:0;border-radius:16px;
  padding:15px 32px;
  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 0 #5b21b6,0 10px 20px rgba(80,30,160,.40);
  transition:transform .12s ease,box-shadow .12s ease}
.sbe .sbe-cta:hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 0 #5b21b6,0 14px 26px rgba(80,30,160,.46)}
.sbe .sbe-cta:active{transform:translateY(4px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #5b21b6,0 4px 9px rgba(80,30,160,.4)}
.sbe .sbe-cta-logo{background:#fff;border-radius:10px;padding:3px 9px;
  font-family:Fredoka,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:-.5px;line-height:1}
.sbe .sbe-cta-logo b{font-style:italic;font-weight:800}
.sbe .sbe-chev{display:inline-block;transition:transform .18s cubic-bezier(.34,1.6,.5,1)}
.sbe .sbe-cta:hover .sbe-chev{transform:translateX(4px)}
.sbe .sbe-note{text-align:center;font-size:.92rem;font-weight:600;color:#e6ddfb;
  margin:16px auto 0;max-width:760px;line-height:1.5}

@media(max-width:900px){
  .sbe{padding:22px 16px 26px;border-radius:24px}
  .sbe .htitle{font-size:1.3rem}
  .sbe .sbe-head{padding-right:104px}
  .sbe .sbe-live{top:14px;right:14px;font-size:.72rem;padding:5px 11px}
  [id^="auction-nudge"] table.grid>tbody{grid-template-columns:repeat(2,1fr);gap:20px 12px}
  [id^="auction-nudge"] table.grid>tbody>tr>td>strong{font-size:.88rem;min-height:3.4em;padding:9px 10px 0}
  [id^="auction-nudge"] td.info{padding:0 10px 11px!important}
  [id^="auction-nudge"] td.info>strong{font-size:1.05rem}
  [id^="auction-nudge"] td.info>a{font-size:.7rem;padding:5px 10px 6px}
  [id^="auction-nudge"] .an-search-box,[id^="auction-nudge"] .an-cats-nav{min-width:0;flex:1 1 130px}
  
  [id^="auction-nudge"] .an-controls-top{margin:18px 0 16px}
  .sbe .sbe-sortbar{margin:6px 0 20px}
}
@media(max-width:600px){
  .sbe .sbe-cta{font-size:.92rem;padding:12px 20px;gap:8px}
  .sbe .sbe-cta-logo{font-size:.92rem;padding:2px 7px}
  .sbe .sbe-cta-row{margin-top:24px}
  
  .sbe .sbe-head{padding-right:0;padding-top:30px}
}

.sbe .sbe-cta-logo{white-space:nowrap;flex-shrink:0}


.ebay-island .eb-leer{order:6;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;
  text-align:center;gap:10px;box-sizing:border-box;width:100%;max-width:660px;margin:4px auto 6px;
  padding:30px 28px 26px;background:#fff;border:1.5px solid #cabcee;border-radius:22px;
  box-shadow:0 12px 26px rgba(20,8,40,.26),0 3px 8px rgba(0,0,0,.10)}
.ebay-island .eb-leer[hidden]{display:none!important}
.ebay-island .eb-leer-nw{white-space:nowrap}
.ebay-island .eb-leer-ico{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);
  box-shadow:0 4px 0 #4c1d95,0 9px 18px rgba(76,29,149,.30)}
.ebay-island .eb-leer-ico svg{width:30px;height:30px;display:block}
.ebay-island .eb-leer-titel{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.35rem;line-height:1.25;
  color:#5b21b6;margin:6px 0 0!important;padding:0}
.ebay-island .eb-leer-txt{font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;line-height:1.55;
  color:#3f3553;margin:0!important;max-width:540px}
.ebay-island .eb-leer-tipp{font-family:Nunito,sans-serif;font-weight:600;font-size:.9rem;line-height:1.45;
  color:#5d5178;background:#f3effc;border:1px solid #e2d9f7;border-radius:12px;padding:9px 15px;margin:4px 0 0!important}
.ebay-island .eb-leer .nur-block,.ebay-island .eb-leer .nur-leer{display:none}
.ebay-island .eb-leer[data-art="block"] .nur-block,.ebay-island .eb-leer[data-art="leer"] .nur-leer{display:block}
@media(max-width:600px){
  .ebay-island .eb-leer{padding:24px 16px 20px;border-radius:18px}
  .ebay-island .eb-leer-titel{font-size:1.15rem}
  .ebay-island .eb-leer-txt{font-size:.95rem}
}


.sbe.sbe-pille-an [id^="auction-nudge"] ul.an-page-bot,
.sbe.sbe-pille-an [id^="auction-nudge"] ul.an-page-top{display:none!important}
.sbe .sbe-pille{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;column-gap:12px;row-gap:6px;min-height:62px;padding:5px 10px 5px 22px;
  box-sizing:border-box;border-radius:31px;
  background:linear-gradient(180deg,#f7f3ff 0%,#e7ddfc 100%);border:1.5px solid #b9a3ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 4px 10px rgba(60,20,120,.2)}
.sbe .sbe-pille[data-sbe-pille="oben"]{order:5;margin:2px 0 18px}
.sbe .sbe-pille[data-sbe-pille="unten"]{order:7;margin:26px 0 0}
.sbe .sbe-pille[hidden]{display:none}

.sbe .sbe-pille .sbe-seite{justify-self:start;white-space:nowrap}
.sbe .sbe-pille .sbe-lbl{font:800 .8rem Nunito,sans-serif;color:#5b21b6;
  text-transform:uppercase;letter-spacing:.4px}
.sbe .sbe-pille .sbe-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.sbe .sbe-pille .sbe-pfeile{display:flex;align-items:center;gap:10px}
.sbe .sbe-pille .sbe-zahlen{display:flex;align-items:center;gap:6px;
  transition:opacity .2s ease}
.sbe .sbe-pille .sbe-zm{display:none}
.sbe .sbe-pille.sbe-laedt .sbe-zahlen{opacity:.6}
.sbe .sbe-pille .sbe-dots{font:800 .9rem Nunito,sans-serif;color:#7c3aed;padding:0 1px}
.sbe .sbe-pille .sbe-zahlen button{width:42px;height:42px;margin:0!important;padding:0!important;
  border-radius:50%!important;border:1.5px solid #b9a3ee!important;background:#fff!important;
  color:#5b21b6!important;font:600 .95rem Fredoka,Nunito,sans-serif!important;cursor:pointer;
  min-height:0!important;box-shadow:0 2px 0 #b9a3ee!important;line-height:1!important;
  font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;
  transition:transform .16s ease}
@media (hover:hover) and (pointer:fine){
  .sbe .sbe-pille .sbe-zahlen button:not(.ist-an):not([disabled]):hover{transform:translateY(-2px);
    border-color:#7c3aed!important}}
.sbe .sbe-pille .sbe-zahlen button.ist-an{background:linear-gradient(180deg,#f4d64a,#e0a91f)!important;
  border-color:#b9871a!important;color:#1a1a1a!important;box-shadow:0 2px 0 #b9871a!important;
  cursor:default}
.sbe .sbe-pille .sbe-zahlen button[disabled]:not(.ist-an){cursor:default}
.sbe .sbe-pille .sbe-zahlen button:focus-visible{outline:3px solid #5b21b6;outline-offset:2px}
.sbe .sbe-pille .sbe-pfeil{position:relative;flex:0 0 auto;width:52px;height:52px;
  margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;
  background:none!important;box-shadow:none!important;cursor:pointer;display:flex;
  align-items:center;justify-content:center;color:#7c3aed!important;min-height:0!important;
  -webkit-tap-highlight-color:transparent;transition:opacity .3s ease}
.sbe .sbe-pille .sbe-pfeil svg{display:block;width:30px;height:34px;overflow:visible;
  filter:drop-shadow(0 0 1.5px rgba(255,255,255,.95)) drop-shadow(0 1px 2px rgba(60,20,120,.35));
  transition:transform .28s cubic-bezier(.34,1.56,.64,1)}
.sbe .sbe-pille .sbe-pfeil path{fill:currentColor;stroke:currentColor;stroke-width:4;
  stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){
  .sbe .sbe-pille .sbe-pfeil:not([disabled]):hover{color:#5b21b6!important}
  .sbe .sbe-pille .sbe-vor:not([disabled]):hover svg{transform:translateX(3px)}
  .sbe .sbe-pille .sbe-zurueck:not([disabled]):hover svg{transform:translateX(-3px)}}
.sbe .sbe-pille .sbe-pfeil:not([disabled]):active svg{transform:scale(.88)}
.sbe .sbe-pille .sbe-pfeil:focus-visible{outline:3px solid #5b21b6;outline-offset:-4px}

.sbe .sbe-pille .sbe-pfeil[disabled]{opacity:.25;cursor:default}
.sbe .sbe-pille .sbe-rechts{justify-self:end;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:flex-end;gap:8px 14px}
.sbe .sbe-pille .sbe-je{display:flex;align-items:center;gap:6px}
.sbe .sbe-pille .sbe-je-lbl{font:800 .8rem Nunito,sans-serif;color:#5b21b6;
  text-transform:uppercase;letter-spacing:.4px;margin-right:2px;white-space:nowrap}
.sbe .sbe-pille .sbe-je button{width:42px;height:42px;margin:0!important;padding:0!important;
  border-radius:50%!important;border:1.5px solid #b9a3ee!important;background:#fff!important;
  color:#5b21b6!important;font:600 .95rem Fredoka,Nunito,sans-serif!important;cursor:pointer;
  min-height:0!important;box-shadow:0 2px 0 #b9a3ee!important;line-height:1!important;
  -webkit-tap-highlight-color:transparent;transition:transform .16s ease}
@media (hover:hover) and (pointer:fine){
  .sbe .sbe-pille .sbe-je button:not(.ist-an):hover{transform:translateY(-2px);
    border-color:#7c3aed!important}}
.sbe .sbe-pille .sbe-je button.ist-an{background:linear-gradient(180deg,#f4d64a,#e0a91f)!important;
  border-color:#b9871a!important;color:#1a1a1a!important;box-shadow:0 2px 0 #b9871a!important;
  cursor:default}
.sbe .sbe-pille .sbe-je button:focus-visible{outline:3px solid #5b21b6;outline-offset:2px}
.sbe .sbe-pille .sbe-ende{display:inline-flex;align-items:center;gap:8px;height:44px;
  padding:0 18px;box-sizing:border-box;border-radius:22px;text-decoration:none!important;
  font:600 .95rem Fredoka,Nunito,sans-serif;color:#fff!important;white-space:nowrap;
  border:1px solid #a78bfa;
  background:linear-gradient(180deg,#a78bfa 0%,#9370f0 18%,#7c3aed 62%,#6d28d9 100%);
  box-shadow:0 4px 0 #5b21b6,0 8px 14px rgba(80,30,160,.34),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .16s ease,box-shadow .16s ease}
.sbe .sbe-pille .sbe-ende[hidden]{display:none}
.sbe .sbe-pille .sbe-ende .sbe-ende-pf{color:#e6ddfb;font-weight:800}
.sbe .sbe-pille .sbe-ende:hover{transform:translateY(-2px)}
.sbe .sbe-pille .sbe-ende:active{transform:translateY(3px);box-shadow:0 1px 0 #5b21b6}
@media(max-width:899px){
  .sbe .sbe-pille{grid-template-columns:1fr auto;padding:6px 8px 8px 18px;border-radius:26px}
  .sbe .sbe-pille .sbe-rechts{grid-column:1 / -1;justify-self:center;justify-content:center}}
@media(max-width:599px){
  .sbe .sbe-pille{grid-template-columns:1fr;column-gap:4px;padding:6px 8px 10px}
  .sbe .sbe-pille .sbe-seite{position:absolute;left:0;top:0}
  .sbe .sbe-pille .sbe-lbl{display:none}
  .sbe .sbe-pille .sbe-pfeile{gap:2px;justify-self:center}
  .sbe .sbe-pille .sbe-zd{display:none}
  .sbe .sbe-pille .sbe-zm{display:flex}
  .sbe .sbe-pille .sbe-zahlen button{width:44px;height:44px}
  .sbe .sbe-pille .sbe-pfeil{width:48px}
  .sbe .sbe-pille .sbe-pfeil svg{width:26px;height:30px}
  .sbe .sbe-pille .sbe-je button{width:44px;height:44px}
  .sbe .sbe-pille .sbe-rechts{gap:10px}}
@media (prefers-reduced-motion:reduce){
  .sbe .sbe-pille .sbe-pfeil,.sbe .sbe-pille .sbe-pfeil svg,.sbe .sbe-pille .sbe-je button,
  .sbe .sbe-pille .sbe-zahlen,.sbe .sbe-pille .sbe-zahlen button,
  .sbe .sbe-pille .sbe-ende{transition-duration:.01s!important}}
