#jskarn26{padding:14px 0;container-type:inline-size}
#jskarn26 .js-stage{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 25%;align-items:center;gap:12px;padding:clamp(23px,6cqw,49px);color:#f8f8f2;background:radial-gradient(ellipse at 90% 53%,#314a1f 0%,transparent 48%),linear-gradient(125deg,#10150f 45%,#271530 100%);border-radius:18px;border-bottom:3px solid #89f34c;font-family:Arial,Helvetica,sans-serif}
#jskarn26 .js-copy{position:relative;z-index:2}
#jskarn26 .js-kicker{color:#d9ebd4;font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.55}
#jskarn26 .js-kicker span{color:#89f34c;margin:0 .28em}
#jskarn26 h2{font-size:clamp(38px,9cqw,72px);font-weight:900;letter-spacing:-.055em;line-height:.96;margin:19px 0 0}
#jskarn26 h2 strong{color:#89f34c;font-weight:900}
#jskarn26 p{font-size:clamp(16px,2.7cqw,21px);line-height:1.4;font-weight:600;margin:17px 0 22px;max-width:27ch}
#jskarn26 .js-book{display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:0 15px;border-radius:8px;background:#89f34c;color:#10150f;text-decoration:none;font-weight:800;font-size:14px}
#jskarn26 .js-book:hover{background:#b6ff8e}
#jskarn26 .js-badge{position:relative;justify-self:center;display:flex;align-items:center;justify-content:center;gap:.23em;white-space:nowrap;background:#ffcf55;color:#261806;padding:.5em .65em;border-radius:100%;font-size:clamp(14px,3.6cqw,27px);box-shadow:0 0 0 4px #ffcf5529;transform:rotate(-13deg);animation:js-alaaf 760ms .35s backwards}
#jskarn26 .js-badge span{font-size:.55em}
#jskarn26 .js-confetti{position:absolute;inset:0;pointer-events:none}
#jskarn26 .js-confetti i{position:absolute;left:var(--x);top:var(--y);width:7px;height:16px;border-radius:2px;background:var(--c);transform:rotate(var(--a));opacity:.87;animation:js-karn-fall 1.1s var(--d) backwards}
@keyframes js-karn-fall{from{opacity:0;transform:translate(-14px,-60px) rotate(calc(var(--a) - 100deg))}to{opacity:.87;transform:rotate(var(--a))}}
@keyframes js-alaaf{0%{transform:rotate(-19deg) scale(.84)}65%{transform:rotate(-10deg) scale(1.07)}100%{transform:rotate(-13deg) scale(1)}}
@container (max-width:440px){#jskarn26 .js-stage{grid-template-columns:minmax(0,1fr)}#jskarn26 .js-badge{position:absolute;top:25px;right:20px;display:none}#jskarn26 .js-confetti i{opacity:.38;animation:none}#jskarn26 .js-confetti i:nth-child(2n){animation:js-karn-fall 1.1s var(--d) backwards}}
@media(prefers-reduced-motion:reduce){#jskarn26 .js-confetti i,#jskarn26 .js-badge{animation:none}}

#jskarn26 .js-stage{
  background:radial-gradient(ellipse at 98% 100%,#008981 0%,transparent 45%),
             radial-gradient(ellipse at 95% 12%,#b41773 0%,transparent 48%),
             linear-gradient(118deg,#211043 4%,#321052 45%,#572093 100%);
  border:0;border-bottom:5px solid #ff69b9
}
#jskarn26 .js-kicker{color:#fff1fb}
#jskarn26 .js-kicker span{color:#63f7e9}
#jskarn26 h2{line-height:1.03;text-shadow:0 3px 0 #12092d77}
#jskarn26 h2 strong{color:#ffde59;text-shadow:none}
@supports (background-clip:text){
  #jskarn26 h2 strong{background:linear-gradient(100deg,#ffe271 8%,#ff9ccb 48%,#78ffed 95%);background-clip:text;color:transparent}
}
#jskarn26 .js-book{background:#c5ff69;color:#172110;box-shadow:0 4px 0 #111c50}
#jskarn26 .js-book:hover{background:#deffac}
#jskarn26 .js-badge{
  display:grid;gap:.24em;justify-items:center;border-radius:19px;
  padding:.55em .72em;background:#ffdf54;color:#320c4d;
  border:3px solid #fff1aa;box-shadow:4px 6px 0 #66134e,0 0 0 5px #ff70c0;
  font-size:clamp(17px,3.3cqw,28px);line-height:1;font-style:italic
}
#jskarn26 .js-badge b:last-child{color:#76005a}
#jskarn26 .js-confetti i:nth-child(3n){width:8px;height:8px;border-radius:50%}
#jskarn26 .js-confetti i:nth-child(5n){width:11px;height:5px}
@container (max-width:440px){
  #jskarn26 .js-stage{padding:22px 18px 26px}
  #jskarn26 .js-kicker{max-width:64%;min-height:34px}
  #jskarn26 .js-badge{top:23px;right:19px;font-size:13px}
  #jskarn26 .js-confetti i:nth-child(3n){display:none}
}
#jskarn26 .js-confetti i:nth-child(1){--x:66%;--y:16%;--a:-25deg;--c:#ffcf55;--d:0s}
#jskarn26 .js-confetti i:nth-child(2){--x:91%;--y:24%;--a:42deg;--c:#f776a5;--d:.2s}
#jskarn26 .js-confetti i:nth-child(3){--x:77%;--y:11%;--a:52deg;--c:#85f34a;--d:.15s}
#jskarn26 .js-confetti i:nth-child(4){--x:57%;--y:75%;--a:28deg;--c:#c68aff;--d:.24s}
#jskarn26 .js-confetti i:nth-child(5){--x:89%;--y:79%;--a:-31deg;--c:#85f34a;--d:.1s}
#jskarn26 .js-confetti i:nth-child(6){--x:96%;--y:63%;--a:65deg;--c:#ffcf55;--d:.3s}
#jskarn26 .js-confetti i:nth-child(7){--x:70%;--y:88%;--a:28deg;--c:#f776a5;--d:.18s}
#jskarn26 .js-confetti i:nth-child(8){--x:52%;--y:24%;--a:-48deg;--c:#c68aff;--d:.08s}
#jskarn26 .js-confetti i:nth-child(9){--x:57%;--y:7%;--a:-65deg;--c:#ff68ba;--d:0.00s}
#jskarn26 .js-confetti i:nth-child(10){--x:66%;--y:34%;--a:-22deg;--c:#63f7e9;--d:0.06s}
#jskarn26 .js-confetti i:nth-child(11){--x:80%;--y:24%;--a:21deg;--c:#ffde59;--d:0.12s}
#jskarn26 .js-confetti i:nth-child(12){--x:94%;--y:10%;--a:64deg;--c:#a6f94f;--d:0.18s}
#jskarn26 .js-confetti i:nth-child(13){--x:92%;--y:41%;--a:-23deg;--c:#ff914d;--d:0.24s}
#jskarn26 .js-confetti i:nth-child(14){--x:64%;--y:62%;--a:20deg;--c:#cc9bff;--d:0.30s}
#jskarn26 .js-confetti i:nth-child(15){--x:80%;--y:69%;--a:63deg;--c:#ff68ba;--d:0.00s}
#jskarn26 .js-confetti i:nth-child(16){--x:54%;--y:92%;--a:-24deg;--c:#63f7e9;--d:0.06s}
#jskarn26 .js-confetti i:nth-child(17){--x:84%;--y:94%;--a:19deg;--c:#ffde59;--d:0.12s}
#jskarn26 .js-confetti i:nth-child(18){--x:96%;--y:88%;--a:62deg;--c:#a6f94f;--d:0.18s}
#jskarn26 .js-confetti i:nth-child(19){--x:42%;--y:8%;--a:-25deg;--c:#ff914d;--d:0.24s}
#jskarn26 .js-confetti i:nth-child(20){--x:68%;--y:94%;--a:18deg;--c:#cc9bff;--d:0.30s}
#jskarn26 .js-confetti i:nth-child(21){--x:7%;--y:86%;--a:61deg;--c:#ff68ba;--d:0.00s}
#jskarn26 .js-confetti i:nth-child(22){--x:26%;--y:94%;--a:-26deg;--c:#63f7e9;--d:0.06s}
#jskarn26 .js-confetti i:nth-child(23){--x:15%;--y:6%;--a:17deg;--c:#ffde59;--d:0.12s}
#jskarn26 .js-confetti i:nth-child(24){--x:97%;--y:52%;--a:60deg;--c:#a6f94f;--d:0.18s}
#jskarn26 .js-confetti i:nth-child(25){--x:60%;--y:48%;--a:-27deg;--c:#ff914d;--d:0.24s}
#jskarn26 .js-confetti i:nth-child(26){--x:73%;--y:78%;--a:16deg;--c:#cc9bff;--d:0.30s}
#jskarn26{width:min(1240px,calc(100% - 40px));margin-inline:auto}
#jskarn26 .js-book{cursor:pointer}
@media(max-width:440px){#jskarn26{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){#jskarn26 .js-confetti i:nth-child(n),#jskarn26 .js-badge{animation:none}}

/* Saisonbanner: volle Breite, gestaffeltes Konfetti und wiederkehrender Sticker. */
#jskarn26{width:100%;padding:0;margin:0}
#jskarn26 .js-stage{border-radius:0;padding-inline:max(24px,calc((100% - 1240px)/2));padding-bottom:64px}
#jskarn26 .js-confetti i:nth-child(n){
  top:-8%;opacity:.74;
  animation:js-karneval-rain var(--fall-time) var(--fall-delay) linear infinite
}
#jskarn26 .js-badge{animation:js-karneval-pop 4.4s ease-in-out infinite}
#jskarn26 .js-motion{
  position:absolute;z-index:3;right:max(18px,calc((100% - 1240px)/2));bottom:12px;
  display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;
  border-radius:8px;background:#211043d9;color:#fff;font-size:12px;cursor:pointer
}
#jskarn26 .js-motion input{width:14px;height:14px;accent-color:#c5ff69}
#jskarn26 .js-stage:has(.js-motion input:checked) .js-confetti i,
#jskarn26 .js-stage:has(.js-motion input:checked) .js-badge{animation-play-state:paused}
@keyframes js-karneval-rain{
  from{top:-8%;transform:translateX(-14px) rotate(var(--a))}
  to{top:105%;transform:translateX(30px) rotate(calc(var(--a) + 260deg))}
}
@keyframes js-karneval-pop{
  0%,10%,100%{transform:rotate(-13deg) scale(1)}
  3%{transform:translateY(4px) rotate(-17deg) scale(.90)}
  6%{transform:translateY(-12px) rotate(-8deg) scale(1.13)}
}
@container (max-width:440px){
  #jskarn26 .js-stage{padding:22px 18px 56px}
  #jskarn26 .js-confetti i:nth-child(n){opacity:.42}
  #jskarn26 .js-confetti i:nth-child(2n){display:none}
}
@media(prefers-reduced-motion:reduce){
  #jskarn26 .js-confetti i:nth-child(n){animation:none;top:var(--y)}
  #jskarn26 .js-badge{animation:none}
  #jskarn26 .js-motion{display:none}
}
#jskarn26 .js-confetti i:nth-child(1){--fall-time:3.8s;--fall-delay:-1.07s}
#jskarn26 .js-confetti i:nth-child(2){--fall-time:4.5s;--fall-delay:-2.54s}
#jskarn26 .js-confetti i:nth-child(3){--fall-time:5.2s;--fall-delay:-4.41s}
#jskarn26 .js-confetti i:nth-child(4){--fall-time:3.6s;--fall-delay:-0.47s}
#jskarn26 .js-confetti i:nth-child(5){--fall-time:4.3s;--fall-delay:-1.77s}
#jskarn26 .js-confetti i:nth-child(6){--fall-time:5.0s;--fall-delay:-3.47s}
#jskarn26 .js-confetti i:nth-child(7){--fall-time:3.4s;--fall-delay:-3.32s}
#jskarn26 .js-confetti i:nth-child(8){--fall-time:4.1s;--fall-delay:-1.06s}
#jskarn26 .js-confetti i:nth-child(9){--fall-time:4.8s;--fall-delay:-2.60s}
#jskarn26 .js-confetti i:nth-child(10){--fall-time:3.2s;--fall-delay:-2.64s}
#jskarn26 .js-confetti i:nth-child(11){--fall-time:3.9s;--fall-delay:-0.42s}
#jskarn26 .js-confetti i:nth-child(12){--fall-time:4.6s;--fall-delay:-1.79s}
#jskarn26 .js-confetti i:nth-child(13){--fall-time:5.3s;--fall-delay:-3.56s}
#jskarn26 .js-confetti i:nth-child(14){--fall-time:3.7s;--fall-delay:-3.53s}
#jskarn26 .js-confetti i:nth-child(15){--fall-time:4.4s;--fall-delay:-1.04s}
#jskarn26 .js-confetti i:nth-child(16){--fall-time:5.1s;--fall-delay:-2.65s}
#jskarn26 .js-confetti i:nth-child(17){--fall-time:3.5s;--fall-delay:-2.81s}
#jskarn26 .js-confetti i:nth-child(18){--fall-time:4.2s;--fall-delay:-0.35s}
#jskarn26 .js-confetti i:nth-child(19){--fall-time:4.9s;--fall-delay:-1.80s}
#jskarn26 .js-confetti i:nth-child(20){--fall-time:3.3s;--fall-delay:-2.14s}
#jskarn26 .js-confetti i:nth-child(21){--fall-time:4.0s;--fall-delay:-3.73s}
#jskarn26 .js-confetti i:nth-child(22){--fall-time:4.7s;--fall-delay:-1.00s}
#jskarn26 .js-confetti i:nth-child(23){--fall-time:3.1s;--fall-delay:-1.54s}
#jskarn26 .js-confetti i:nth-child(24){--fall-time:3.8s;--fall-delay:-2.96s}
#jskarn26 .js-confetti i:nth-child(25){--fall-time:4.5s;--fall-delay:-0.27s}
#jskarn26 .js-confetti i:nth-child(26){--fall-time:5.2s;--fall-delay:-1.79s}
#jskarn26 .js-confetti i:nth-child(27){--fall-time:3.6s;--fall-delay:-2.25s;--x:35%;--y:83%;--a:56deg;--c:#a6f94f}
#jskarn26 .js-confetti i:nth-child(28){--fall-time:4.3s;--fall-delay:-3.91s;--x:54%;--y:28%;--a:-31deg;--c:#ff914d}
#jskarn26 .js-confetti i:nth-child(29){--fall-time:5.0s;--fall-delay:-0.95s;--x:73%;--y:65%;--a:12deg;--c:#cc9bff}
#jskarn26 .js-confetti i:nth-child(30){--fall-time:3.4s;--fall-delay:-1.61s;--x:92%;--y:10%;--a:55deg;--c:#ff68ba}
#jskarn26 .js-confetti i:nth-child(31){--fall-time:4.1s;--fall-delay:-3.10s;--x:15%;--y:47%;--a:-32deg;--c:#63f7e9}
#jskarn26 .js-confetti i:nth-child(32){--fall-time:4.8s;--fall-delay:-0.18s;--x:34%;--y:84%;--a:11deg;--c:#ffde59}
#jskarn26 .js-confetti i:nth-child(33){--fall-time:3.2s;--fall-delay:-1.03s;--x:53%;--y:29%;--a:54deg;--c:#a6f94f}
#jskarn26 .js-confetti i:nth-child(34){--fall-time:3.9s;--fall-delay:-2.35s;--x:72%;--y:66%;--a:-33deg;--c:#ff914d}
#jskarn26 .js-confetti i:nth-child(35){--fall-time:4.6s;--fall-delay:-4.07s;--x:91%;--y:11%;--a:10deg;--c:#cc9bff}
#jskarn26 .js-confetti i:nth-child(36){--fall-time:5.3s;--fall-delay:-0.89s;--x:14%;--y:48%;--a:53deg;--c:#ff68ba}
#jskarn26 .js-confetti i:nth-child(37){--fall-time:3.7s;--fall-delay:-1.67s;--x:33%;--y:85%;--a:-34deg;--c:#63f7e9}
#jskarn26 .js-confetti i:nth-child(38){--fall-time:4.4s;--fall-delay:-3.22s;--x:52%;--y:30%;--a:9deg;--c:#ffde59}
#jskarn26 .js-confetti i:nth-child(39){--fall-time:5.1s;--fall-delay:-0.08s;--x:71%;--y:67%;--a:52deg;--c:#a6f94f}
#jskarn26 .js-confetti i:nth-child(40){--fall-time:3.5s;--fall-delay:-1.04s;--x:90%;--y:12%;--a:-35deg;--c:#ff914d}
#jskarn26 .js-confetti i:nth-child(41){--fall-time:4.2s;--fall-delay:-2.44s;--x:13%;--y:49%;--a:8deg;--c:#cc9bff}
#jskarn26 .js-confetti i:nth-child(42){--fall-time:4.9s;--fall-delay:-4.23s;--x:32%;--y:86%;--a:51deg;--c:#ff68ba}
#jskarn26 .js-confetti i:nth-child(43){--fall-time:3.3s;--fall-delay:-0.48s;--x:51%;--y:31%;--a:-36deg;--c:#63f7e9}
#jskarn26 .js-confetti i:nth-child(44){--fall-time:4.0s;--fall-delay:-1.71s;--x:70%;--y:68%;--a:7deg;--c:#ffde59}
#jskarn26 .js-confetti i:nth-child(45){--fall-time:4.7s;--fall-delay:-3.34s;--x:89%;--y:13%;--a:50deg;--c:#a6f94f}
#jskarn26 .js-confetti i:nth-child(46){--fall-time:3.1s;--fall-delay:-3.08s;--x:12%;--y:50%;--a:-37deg;--c:#ff914d}