/* 1.76.473: seizoensthema's. Halloween: een web in de hoek, een spin die zakt, drie vleermuizen die af en toe overvliegen,
   een heksenhoedje op het logo en pompoenen in de footer. Geen andere kleuren voor de site zelf. */
.nsl-hw-deco { position: fixed; inset: 0; pointer-events: none; z-index: 40; overflow: hidden; }
.nsl-hw-deco__web { position: absolute; top: 64px; right: 0; width: 180px; height: 180px; opacity: .9; }
.nsl-hw-deco__web svg, .nsl-hw-deco__spider svg, .nsl-hw-deco__bat svg { display: block; width: 100%; height: 100%; }
.nsl-hw-deco__spider { position: absolute; top: 64px; right: 92px; width: 26px; height: 92px; transform-origin: 50% 0; animation: nslSpider 9s ease-in-out infinite; }
@keyframes nslSpider { 0%, 100% { transform: translateY(-38px); } 45%, 60% { transform: translateY(0) rotate(2deg); } 52% { transform: translateY(4px) rotate(-2deg); } }
.nsl-hw-deco__bat { position: absolute; left: -120px; width: 92px; height: 46px; opacity: 0; filter: drop-shadow(0 0 1px rgba(255, 255, 255, .25)); }
.nsl-hw-deco__bat svg { animation: nslFlap .32s ease-in-out infinite alternate; transform-origin: 50% 40%; }
.nsl-hw-deco__bat.b1 { top: 22vh; animation: nslBat 22s linear infinite 3s; }
.nsl-hw-deco__bat.b2 { top: 36vh; width: 64px; height: 32px; animation: nslBat 26s linear infinite 9s; }
.nsl-hw-deco__bat.b3 { top: 14vh; width: 50px; height: 25px; animation: nslBat 30s linear infinite 16s; }
@keyframes nslFlap { from { transform: scaleY(1); } to { transform: scaleY(.55); } }
@keyframes nslBat { 0% { transform: translate(0, 0); opacity: 0; } 2% { opacity: 1; } 20% { transform: translate(40vw, -6vh); } 32% { transform: translate(70vw, 4vh); opacity: 1; } 40% { transform: translate(112vw, -8vh); opacity: 0; } 100% { transform: translate(112vw, -8vh); opacity: 0; } }
.nsl-hw-hat { position: absolute; left: -9px; top: -19px; width: 36px; height: 27px; transform: rotate(-14deg); pointer-events: none; }
.nsl-hw-hat svg { display: block; width: 100%; height: 100%; }
.nsl-hw-foot { position: absolute; top: 22px; right: max(16px, 6vw); display: flex; align-items: flex-end; gap: 12px; pointer-events: none; z-index: 2; }
.nsl-hw-foot span { display: block; }
.nsl-footer { position: relative; }
.nsl-hw-foot .p1 { width: 46px; height: 46px; }
.nsl-hw-foot .g1 { width: 34px; height: 40px; animation: nslGhost 4s ease-in-out infinite; }
.nsl-hw-foot .p2 { width: 34px; height: 34px; }
.nsl-hw-foot svg { display: block; width: 100%; height: 100%; }
@keyframes nslGhost { 50% { transform: translateY(-6px); } }
.nsl-season--halloween .nsl-btn--glow:hover { box-shadow: 0 0 0 1px #ffb86b inset; }
.nsl-season--halloween ::selection { background: #ffb86b; color: #140f1c; }
@media (max-width: 760px) { .nsl-hw-deco__web { width: 110px; height: 110px; top: 56px; } .nsl-hw-deco__spider { right: 56px; top: 56px; } .nsl-hw-deco__bat.b3 { display: none; } }
@media (prefers-reduced-motion: reduce) { .nsl-hw-deco__bat, .nsl-hw-deco__spider, .nsl-hw-foot .g1, .nsl-hw-deco__bat svg { animation: none !important; } .nsl-hw-deco__bat { display: none; } }
@media print { .nsl-hw-deco, .nsl-hw-hat, .nsl-hw-foot { display: none; } }

/* pompoentje voor de eyebrow van de kop */
.nsl-season--halloween .nsl-hero .nsl-eyebrow::before, .nsl-season--halloween .nsl-pagehero .nsl-eyebrow::before { content: ""; display: inline-block; width: 22px; height: 22px; margin: -4px 8px 0 0; vertical-align: middle; background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMzIDEzYzEtNCA0LTYgOC02IiBmaWxsPSJub25lIiBzdHJva2U9IiM2YjhmNGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTMwIDE0aDZsLTEgNmgtNHoiIGZpbGw9IiM0ZjZiMzkiLz48ZWxsaXBzZSBjeD0iMzIiIGN5PSIzOCIgcng9IjI1IiByeT0iMjAiIGZpbGw9IiNmZmI4NmIiLz48ZWxsaXBzZSBjeD0iMzIiIGN5PSIzOCIgcng9IjI1IiByeT0iMjAiIGZpbGw9InVybCgjbnNscGspIi8+PHBhdGggZD0iTTIwIDIxYy02IDYtNiAyOCAwIDM0TTQ0IDIxYzYgNiA2IDI4IDAgMzRNMzIgMTh2NDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2M5N2EyYyIgc3Ryb2tlLXdpZHRoPSIyIiBvcGFjaXR5PSIuNTUiLz48cGF0aCBkPSJNMTkgMzNsNy01IDQgNnpNNDUgMzNsLTctNS00IDZ6IiBmaWxsPSIjMWExMDIwIi8+PHBhdGggZD0iTTE5IDQzYzQgNiAyMiA2IDI2IDBsLTQgMS0zIDMtMy0zLTQgMy00LTMtMyAzLTMtM3oiIGZpbGw9IiMxYTEwMjAiLz48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9Im5zbHBrIiBjeD0iLjM1IiBjeT0iLjMiIHI9Ii44Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjM1Ii8+PHN0b3Agb2Zmc2V0PSIuNiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN2EzYjAwIiBzdG9wLW9wYWNpdHk9Ii4zNSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==) center / contain no-repeat; }
