.wnb{--wnb-grund:#051E14;--wnb-gold:233,199,123;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,auto) auto minmax(0,1fr);align-items:center;gap:18px 40px;min-height:168px;margin:0 0 40px;padding:26px 40px;border-radius:20px;text-decoration:none;color:#FBF4E8;background:radial-gradient(60% 140% at 12% 50%,rgba(40,92,64,.55),transparent 70%),var(--wnb-grund);box-shadow:inset 0 0 0 1px rgba(var(--wnb-gold),.28),inset 0 1px 0 rgba(255,255,255,.06),0 26px 50px -30px rgba(5,30,20,.75);-webkit-tap-highlight-color:transparent}.wnb-bild{position:absolute;z-index:-3;top:0;bottom:0;right:0;width:64%;background:url(/images/weihnachten/band-tannen.webp) right 50%/cover no-repeat;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.wnb-verlauf{z-index:-2;background:linear-gradient(90deg,var(--wnb-grund) 0,var(--wnb-grund) 36%,rgba(5,30,20,.72) 48%,rgba(5,30,20,.15) 66%,rgba(5,30,20,0) 80%)}.wnb-funken,.wnb-verlauf{position:absolute;inset:0;pointer-events:none}.wnb-funken{z-index:-1}.wnb-funken i{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,rgba(255,246,220,.95) 0,rgba(var(--wnb-gold),.55) 32%,rgba(var(--wnb-gold),0) 70%);opacity:.55}.wnb-funken i:first-child{right:22%;top:30%}.wnb-funken i:nth-child(2){right:9%;top:64%;width:10px;height:10px}.wnb-funken i:nth-child(3){right:34%;top:72%;width:9px;height:9px}.wnb-funken i:nth-child(4){right:15%;top:18%;width:8px;height:8px}.wnb-funken i:nth-child(5){right:27%;top:52%;width:11px;height:11px}.wnb-glanz{position:absolute;z-index:-1;inset:0;pointer-events:none;overflow:hidden}.wnb-glanz:before{content:"";position:absolute;top:-40%;bottom:-40%;left:30%;width:22%;background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,250,235,.16) 45%,rgba(var(--wnb-gold),.22) 52%,rgba(255,255,255,0) 100%);transform:translate3d(-260%,0,0) rotate(8deg);opacity:0}.wnb-text{display:flex;flex-direction:column;min-width:0}.wnb-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#F7A8CC;margin-bottom:8px}.wnb-kicker svg{color:rgb(var(--wnb-gold));filter:drop-shadow(0 0 4px rgba(var(--wnb-gold),.6))}.wnb-titel{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.4vw,32px);line-height:1.12;color:#FBF4E8;letter-spacing:-.005em;text-wrap:balance}.wnb-unter{margin-top:6px;font-size:14.5px;line-height:1.5;color:rgba(226,236,226,.82);text-wrap:balance}.wnb-knopf{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;white-space:nowrap;font-size:14.5px;font-weight:500;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#F06AAE,#E8007D);box-shadow:0 12px 26px -14px rgba(232,0,125,.85),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .2s ease,box-shadow .32s ease}.wnb-knopf svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}.wnb:active .wnb-knopf{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.wnb:hover .wnb-funken i{animation:wnbFunkeln 3.6s ease-in-out infinite}.wnb:hover .wnb-funken i:nth-child(2){animation-delay:-1.2s;animation-duration:4.4s}.wnb:hover .wnb-funken i:nth-child(3){animation-delay:-2.5s;animation-duration:3.2s}.wnb:hover .wnb-funken i:nth-child(4){animation-delay:-.6s;animation-duration:5s}.wnb:hover .wnb-funken i:nth-child(5){animation-delay:-3.1s;animation-duration:4s}.wnb:hover .wnb-bild{transform:scale(1.03)}.wnb:hover .wnb-glanz:before{opacity:1;transform:translate3d(330%,0,0) rotate(8deg);transition:transform 1.4s cubic-bezier(.45,0,.2,1),opacity .2s ease}.wnb:hover .wnb-knopf{box-shadow:0 16px 32px -14px rgba(232,0,125,.95),0 0 0 5px rgba(240,106,174,.2),inset 0 1px 0 rgba(255,255,255,.28)}.wnb:hover .wnb-knopf svg{transform:translateX(4px)}}@keyframes wnbFunkeln{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:1000px){.wnb{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px 30px}.wnb-knopf,.wnb-text{max-width:58%}.wnb-knopf{justify-self:start}}@media (max-width:640px){.wnb{min-height:250px;padding:22px 20px 20px;align-content:space-between;border-radius:18px;margin-bottom:30px}.wnb-bild{width:100%;top:34%;background-image:url(/images/weihnachten/band-tannen-klein.webp);background-position:70% 40%}.wnb-verlauf{background:linear-gradient(180deg,var(--wnb-grund) 0,var(--wnb-grund) 34%,rgba(5,30,20,.55) 52%,rgba(5,30,20,0) 78%),linear-gradient(90deg,rgba(5,30,20,.55) 0,rgba(5,30,20,0) 55%)}.wnb-knopf,.wnb-text{max-width:100%}.wnb-titel{font-size:25px}.wnb-unter{font-size:14px}.wnb-knopf{align-self:end}.wnb-funken i:first-child{right:30%;top:58%}.wnb-funken i:nth-child(4){right:12%;top:46%}}.wnb-kasten{min-height:210px;margin:0}.wnb-kasten .wnb-titel{font-size:clamp(28px,3vw,40px)}.wnb-knoepfe{display:flex;flex-wrap:wrap;gap:12px}.wnb-kasten .wnb-knopf{text-decoration:none}.wnb-knopf-zweit{background:rgba(251,244,232,.08);color:#FBF4E8;box-shadow:inset 0 0 0 1.5px rgba(var(--wnb-gold),.55)}.wnb-kasten:active .wnb-knopf{transform:none}.wnb-kasten .wnb-knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.wnb-kasten:hover .wnb-knopf{box-shadow:0 12px 26px -14px rgba(232,0,125,.85),inset 0 1px 0 rgba(255,255,255,.28)}.wnb-kasten:hover .wnb-knopf svg{transform:none}.wnb-kasten .wnb-knopf:hover{box-shadow:0 16px 32px -14px rgba(232,0,125,.95),0 0 0 5px rgba(240,106,174,.2),inset 0 1px 0 rgba(255,255,255,.28)}.wnb-kasten .wnb-knopf:hover svg{transform:translateX(4px)}.wnb-kasten .wnb-knopf-zweit,.wnb-kasten:hover .wnb-knopf-zweit{box-shadow:inset 0 0 0 1.5px rgba(var(--wnb-gold),.55)}.wnb-kasten .wnb-knopf-zweit:hover{background:rgba(251,244,232,.14);box-shadow:inset 0 0 0 1.5px rgba(var(--wnb-gold),.95)}}@media (max-width:1000px){.wnb-knoepfe{max-width:58%}}@media (max-width:640px){.wnb-kasten{min-height:300px}.wnb-knoepfe{max-width:100%;align-self:end}.wnb-kasten .wnb-knopf{flex:1 1 auto;justify-content:center}}@media (prefers-reduced-motion:reduce){.wnb-bild,.wnb-knopf,.wnb-knopf svg{transition:none!important}.wnb-funken i{animation:none!important}.wnb-glanz{display:none}}