/* ===== wereld: vacature ===== */
body:has(.d-world-vacature) { --t-orange: #FFE2CC; --t-blue: #DCE8F7; --t-green: #DCEBDD; --t-yellow: #FFF1C4; }
body:has(.d-world-vacature) .d-section.has-vlak-groen-background-color,
body:has(.d-world-vacature) .d-section.has-vlak-blauw-background-color { background: #EEF4FA !important; }
.d-world-vacature { background: linear-gradient(180deg, #E3EEFA, #F6FAFE) !important; }
.d-world-vacature .d-play-title mark { color: #2F5D4A !important; }
body:has(.d-world-vacature) main .d-section { position: relative; }
body:has(.d-world-vacature) main .d-section + .d-section::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 24'%3E %3Cpath d='M2 12 C 20 8 30 15 50 11 S 90 9 110 13 S 145 10 158 12' stroke='%238EAAD5' stroke-width='4' fill='none' stroke-linecap='round' stroke-dasharray='34 4 22 3 46 5 40'/%3E %3Cpath d='M6 16 C 30 14 60 18 90 15 S 140 17 154 15' stroke='%238EAAD5' stroke-width='1.6' fill='none' stroke-linecap='round' opacity='.55'/%3E %3C/svg%3E") left center / 160px 24px repeat-x; z-index: 2; pointer-events: none; }
.d-scene-vacature { position: absolute !important; inset: 0; height: auto !important; }
.d-peek-vacature::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 60'%3E %3Cpath d='M4 34 L 86 8 L 44 40 Z' fill='%23fff' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M44 40 L 86 8 L 56 58 Z' fill='%23DDE7F5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Ccircle cx='56' cy='24' r='3.2' fill='%231E2B45'/%3E%3Ccircle cx='68' cy='20' r='3.2' fill='%231E2B45'/%3E %3Ccircle cx='57' cy='23' r='1.1' fill='%23fff'/%3E%3Ccircle cx='69' cy='19' r='1.1' fill='%23fff'/%3E %3Cpath d='M58 30 Q 63 33 68 28' stroke='%231E2B45' stroke-width='2' fill='none' stroke-linecap='round'/%3E %3Ccircle cx='50' cy='30' r='3' fill='%23F49AB4' opacity='.7'/%3E %3C/svg%3E"); width: 84px; height: 56px; top: -46px; left: 10%; }
.d-peek-right.d-peek-vacature::before { left: auto; right: 12%; }
@media (prefers-reduced-motion: reduce) { .d-scene-vacature > * { animation: none !important; } }

.d-vacature-hoofd { width: 220px; height: 270px; right: 4%; bottom: -6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 270'%3E %3Crect x='100' y='150' width='20' height='118' rx='4' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E %3Cpath d='M80 268 H 140' stroke='%231E2B45' stroke-width='3' stroke-linecap='round'/%3E %3Crect x='10' y='10' width='200' height='150' rx='14' fill='%23B07A50' stroke='%231E2B45' stroke-width='3'/%3E %3Crect x='24' y='24' width='172' height='118' rx='6' fill='%232F5D4A' stroke='%231E2B45' stroke-width='2.5'/%3E %3Cg stroke='%23FFF6E6' stroke-linecap='round' fill='none' opacity='.85'%3E %3Cpath d='M40 50 C 60 46 80 54 104 48' stroke-width='4'/%3E %3Cpath d='M40 72 C 70 68 100 76 130 70' stroke-width='3'/%3E %3Cpath d='M40 92 C 62 89 82 95 110 90' stroke-width='3'/%3E %3Cpath d='M40 114 C 56 112 70 116 86 112' stroke-width='3'/%3E %3C/g%3E %3Cpath d='M160 38 L 165 50 L 178 51 L 168 59 L 172 72 L 160 64 L 148 72 L 152 59 L 142 51 L 155 50 Z' fill='none' stroke='%23FFC94D' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M160 128 C 144 117 141 108 146 103 C 150 99 157 101 160 107 C 163 101 170 99 174 103 C 179 108 176 117 160 128 Z' fill='none' stroke='%23F49AB4' stroke-width='3' stroke-linejoin='round'/%3E %3Cpath d='M118 120 Q 126 112 134 120' stroke='%238EAAD5' stroke-width='3' fill='none' stroke-linecap='round'/%3E %3Crect x='20' y='142' width='180' height='9' rx='4' fill='%238A5A3B' stroke='%231E2B45' stroke-width='2.5'/%3E %3Crect x='150' y='136' width='20' height='7' rx='3' fill='%23fff' stroke='%231E2B45' stroke-width='1.5'/%3E %3C/svg%3E") !important; z-index: 3; transform-origin: 50% 100%;
  animation: d-vacature-op .9s cubic-bezier(.3,1.4,.5,1) .2s both, d-vacature-wiebel 3.4s ease-in-out 1.2s infinite; }
.d-vacature-hand { width: 70px; height: 79px; right: calc(4% + 176px); bottom: 196px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 0 80 90'%3E %3Crect x='20' y='62' width='32' height='28' rx='4' fill='%23EC8B48' stroke='%231E2B45' stroke-width='3'/%3E %3Cg fill='%23FFF6E6' stroke='%231E2B45' stroke-width='3' stroke-linejoin='round'%3E %3Crect x='14' y='8' width='11' height='34' rx='5.5'/%3E%3Crect x='26' y='3' width='11' height='38' rx='5.5'/%3E %3Crect x='38' y='5' width='11' height='36' rx='5.5'/%3E%3Crect x='50' y='12' width='10' height='30' rx='5'/%3E %3Crect x='-4' y='34' width='26' height='11' rx='5.5' transform='rotate(-35 9 40)'/%3E %3Cpath d='M12 34 H 61 V 52 C 61 62 54 66 46 66 H 26 C 18 66 12 60 12 52 Z'/%3E %3C/g%3E %3Cpath d='M24 34 V 40 M36 32 V 40 M48 32 V 40' stroke='%23FFF6E6' stroke-width='4'/%3E %3C/svg%3E") !important; z-index: 2; transform-origin: 50% 100%;
  animation: d-vacature-op .9s cubic-bezier(.3,1.4,.5,1) .5s both, d-vacature-zwaai 1.2s ease-in-out 1.4s infinite alternate; }
.d-vacature-vlieg { left: 0; z-index: 4; animation: d-vacature-vlucht 16s linear infinite both; }
.d-vacature-vlieg-1 { width: 72px; height: 45px; top: 9%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 50'%3E %3Cpath d='M4 26 L 76 6 L 40 30 Z' fill='%23fff' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 76 6 L 50 46 Z' fill='%23DDE7F5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 36 42 L 50 46' fill='%23B9CBE6' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3C/svg%3E") !important; animation-delay: .8s; }
.d-vacature-vlieg-2 { width: 54px; height: 34px; top: 24%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 50'%3E %3Cpath d='M4 26 L 76 6 L 40 30 Z' fill='%23FFC94D' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 76 6 L 50 46 Z' fill='%23DDE7F5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 36 42 L 50 46' fill='%23B9CBE6' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3C/svg%3E") !important; animation-duration: 20s; animation-delay: 6s; }
.d-vacature-vlieg-3 { width: 44px; height: 28px; top: 3%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 50'%3E %3Cpath d='M4 26 L 76 6 L 40 30 Z' fill='%23F49AB4' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 76 6 L 50 46 Z' fill='%23DDE7F5' stroke='%231E2B45' stroke-width='2.5' stroke-linejoin='round'/%3E %3Cpath d='M40 30 L 36 42 L 50 46' fill='%23B9CBE6' stroke='%231E2B45' stroke-width='2' stroke-linejoin='round'/%3E %3C/svg%3E") !important; animation-duration: 24s; animation-delay: 11s; }

@keyframes d-vacature-op { from { transform: translateY(220px); opacity: 0; } }
@keyframes d-vacature-wiebel { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-3deg); } 75% { transform: rotate(2.5deg); } }
@keyframes d-vacature-zwaai { from { transform: rotate(-38deg); } to { transform: rotate(-8deg); } }
@keyframes d-vacature-vlucht {
  0% { transform: translate(-120px, 20px) rotate(4deg); }
  25% { transform: translate(25vw, -14px) rotate(-6deg); }
  50% { transform: translate(50vw, 18px) rotate(5deg); }
  75% { transform: translate(75vw, -10px) rotate(-4deg); }
  100% { transform: translate(calc(100vw + 40px), 14px) rotate(3deg); }
}

@media (max-width: 781px) {
  .d-vacature-hoofd { width: 140px; height: 172px; right: 3%; bottom: -4px; }
  .d-vacature-hand { width: 45px; height: 51px; right: calc(3% + 112px); bottom: 124px; }
  .d-vacature-vlieg-2, .d-vacature-vlieg-3 { display: none; }
  .d-vacature-vlieg-1 { width: 50px; height: 31px; top: 2%; }
}