{"product_id":"uitbreidingspakket-voeg-meer-locaties-toe","title":"Uitbreidingspakket - Voeg meer locaties toe","description":"\u003cstyle\u003e\n.uf-expand{\n  max-width:1180px;\n  margin:0 auto;\n  padding:20px 12px 60px;\n  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n}\n\n.uf-expand *{\n  box-sizing:border-box;\n}\n\n.uf-expand h2,\n.uf-expand h3,\n.uf-expand p{\n  margin:0;\n}\n\n\/* CONTAINER *\/\n.uf-expand-shell{\n  border-radius:26px;\n  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);\n  border:1px solid #e2e8f0;\n  box-shadow:\n    0 25px 60px rgba(15,23,42,.08),\n    inset 0 1px 0 rgba(255,255,255,.8);\n  padding:22px;\n  overflow:hidden;\n  position:relative;\n}\n\n\/* SUBTLE GLOW *\/\n.uf-expand-shell::before{\n  content:\"\";\n  position:absolute;\n  top:-180px;\n  right:-180px;\n  width:420px;\n  height:420px;\n  border-radius:50%;\n  background:radial-gradient(circle, rgba(37,99,235,.08), transparent 70%);\n  pointer-events:none;\n}\n\n\/* HERO *\/\n.uf-expand-hero{\n  display:flex;\n  flex-direction:column;\n  gap:24px;\n  position:relative;\n  z-index:2;\n}\n\n\/* TEXT *\/\n.uf-expand-title{\n  font-size:clamp(34px,5vw,60px);\n  line-height:.98;\n  letter-spacing:-0.05em;\n  font-weight:900;\n  color:#0f172a;\n}\n\n.uf-expand-title span{\n  display:block;\n  margin-top:10px;\n  color:#2563eb;\n}\n\n.uf-expand-lead{\n  margin-top:18px;\n  font-size:15px;\n  line-height:1.9;\n  color:#526174;\n  max-width:620px;\n}\n\n.uf-expand-list{\n  margin-top:18px;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n\n.uf-expand-list div{\n  display:flex;\n  align-items:flex-start;\n  gap:10px;\n  color:#0f172a;\n  font-size:14px;\n  line-height:1.7;\n  font-weight:600;\n}\n\n\/* VISUAL *\/\n.uf-expand-visual{\n  position:relative;\n  min-height:270px;\n  border-radius:24px;\n  overflow:hidden;\n\n  background:\n    radial-gradient(circle at 50% 45%, rgba(37,99,235,.32), transparent 48%),\n    linear-gradient(135deg,#020617 0%,#0f172a 58%,#172554 100%);\n\n  border:1px solid rgba(255,255,255,.08);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.08),\n    0 25px 60px rgba(2,6,23,.35);\n}\n\n\/* GRID *\/\n.uf-expand-visual::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n\n  background:\n    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n\n  background-size:34px 34px;\n\n  animation:ufExpandGrid 12s linear infinite;\n}\n\n\/* LIGHT SWEEP *\/\n.uf-expand-visual::after{\n  content:\"\";\n  position:absolute;\n  inset:-60%;\n\n  background:linear-gradient(\n    115deg,\n    transparent 38%,\n    rgba(255,255,255,.14),\n    transparent 62%\n  );\n\n  animation:ufExpandSweep 4.5s linear infinite;\n  pointer-events:none;\n}\n\n\/* SVG *\/\n.uf-expand-svg{\n  position:absolute;\n  inset:0;\n  width:100%;\n  height:100%;\n  z-index:2;\n}\n\n.uf-expand-svg .pulse-ring{\n  fill:none;\n  stroke:#60a5fa;\n  stroke-width:2.5;\n  opacity:.9;\n  transform-origin:50% 50%;\n  animation:ufExpandRing 2.4s ease-out infinite;\n}\n\n.uf-expand-svg .pulse-ring.r2{\n  animation-delay:.55s;\n}\n\n.uf-expand-svg .pulse-ring.r3{\n  animation-delay:1.1s;\n}\n\n.uf-expand-svg .route{\n  fill:none;\n  stroke:#93c5fd;\n  stroke-width:2;\n  stroke-dasharray:7 9;\n  opacity:.8;\n  animation:ufRouteMove 1.8s linear infinite;\n}\n\n.uf-expand-svg .marker{\n  fill:#ffffff;\n  stroke:#60a5fa;\n  stroke-width:2;\n\n  filter:\n    drop-shadow(0 0 10px rgba(96,165,250,.8))\n    drop-shadow(0 0 22px rgba(96,165,250,.35));\n\n  animation:ufMarkerPop 1.8s ease-in-out infinite;\n}\n\n.uf-expand-svg .m2{\n  animation-delay:.35s;\n}\n\n.uf-expand-svg .m3{\n  animation-delay:.7s;\n}\n\n.uf-expand-svg .m4{\n  animation-delay:1.05s;\n}\n\n\/* INFO CARD *\/\n.uf-expand-text{\n  position:absolute;\n  left:18px;\n  right:18px;\n  bottom:18px;\n  z-index:4;\n\n  padding:15px 16px;\n\n  border-radius:18px;\n\n  background:rgba(2,6,23,.5);\n\n  border:1px solid rgba(255,255,255,.12);\n\n  backdrop-filter:blur(10px);\n}\n\n.uf-expand-text h3{\n  color:#ffffff !important;\n  font-size:21px;\n  line-height:1.05;\n  letter-spacing:-0.03em;\n  font-weight:900;\n}\n\n.uf-expand-text p{\n  margin-top:6px;\n  color:#dbeafe !important;\n  font-size:13px;\n  line-height:1.7;\n}\n\n\/* INFO *\/\n.uf-expand-grid{\n  margin-top:20px;\n  display:grid;\n  gap:14px;\n}\n\n.uf-expand-box{\n  background:#ffffff;\n  border-radius:20px;\n  padding:20px;\n  border:1px solid #e2e8f0;\n\n  box-shadow:\n    0 10px 25px rgba(15,23,42,.04),\n    inset 0 1px 0 rgba(255,255,255,.6);\n\n  transition:.25s ease;\n}\n\n.uf-expand-box:hover{\n  transform:translateY(-4px);\n  box-shadow:\n    0 20px 40px rgba(37,99,235,.08),\n    inset 0 1px 0 rgba(255,255,255,.7);\n}\n\n.uf-expand-box h3{\n  font-size:21px;\n  line-height:1.1;\n  letter-spacing:-0.03em;\n  font-weight:900;\n  color:#0f172a;\n  margin-bottom:12px;\n}\n\n.uf-expand-box ul{\n  margin:0;\n  padding-left:18px;\n}\n\n.uf-expand-box li{\n  margin-bottom:8px;\n  color:#526174;\n  line-height:1.8;\n  font-size:14px;\n}\n\n.uf-expand-warning{\n  border-color:rgba(250,204,21,.45);\n  background:linear-gradient(180deg,#ffffff,#fffdf6);\n}\n\n\/* CTA *\/\n.uf-expand-cta{\n  margin-top:22px;\n\n  border-radius:22px;\n\n  padding:22px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(circle at top, rgba(255,255,255,.14), transparent 45%),\n    linear-gradient(135deg,#2563eb 0%,#1d4ed8 45%,#0f172a 100%);\n\n  position:relative;\n  overflow:hidden;\n\n  box-shadow:0 20px 50px rgba(37,99,235,.25);\n}\n\n.uf-expand-cta::before{\n  content:\"\";\n  position:absolute;\n  inset:-50%;\n\n  background:linear-gradient(\n    120deg,\n    transparent 40%,\n    rgba(255,255,255,.14),\n    transparent 60%\n  );\n\n  animation:ufExpandSweep 5s linear infinite;\n}\n\n.uf-expand-cta h3{\n  position:relative;\n  z-index:2;\n\n  color:#ffffff !important;\n\n  font-size:24px;\n  line-height:1.05;\n  letter-spacing:-0.03em;\n  font-weight:900;\n}\n\n.uf-expand-cta p{\n  position:relative;\n  z-index:2;\n\n  margin-top:6px;\n\n  color:#dbeafe !important;\n\n  font-size:14px;\n  line-height:1.7;\n}\n\n\/* ANIMATIONS *\/\n@keyframes ufExpandGrid{\n  from{\n    transform:translate(0,0);\n  }\n\n  to{\n    transform:translate(34px,34px);\n  }\n}\n\n@keyframes ufExpandSweep{\n  from{\n    transform:translateX(-45%) rotate(8deg);\n  }\n\n  to{\n    transform:translateX(45%) rotate(8deg);\n  }\n}\n\n@keyframes ufExpandRing{\n  0%{\n    transform:scale(.28);\n    opacity:1;\n  }\n\n  100%{\n    transform:scale(1.75);\n    opacity:0;\n  }\n}\n\n@keyframes ufRouteMove{\n  from{\n    stroke-dashoffset:0;\n  }\n\n  to{\n    stroke-dashoffset:-32;\n  }\n}\n\n@keyframes ufMarkerPop{\n  0%,100%{\n    transform:scale(1);\n    opacity:.7;\n  }\n\n  50%{\n    transform:scale(1.55);\n    opacity:1;\n  }\n}\n\n\/* DESKTOP *\/\n@media(min-width:1024px){\n\n  .uf-expand{\n    padding:40px 16px 70px;\n  }\n\n  .uf-expand-shell{\n    padding:30px;\n  }\n\n  .uf-expand-hero{\n    display:grid;\n    grid-template-columns:1.05fr .95fr;\n    gap:42px;\n    align-items:center;\n  }\n\n  .uf-expand-title{\n    font-size:42px;\n  }\n\n  .uf-expand-lead{\n    font-size:16px;\n  }\n\n  .uf-expand-visual{\n    min-height:300px;\n  }\n\n  .uf-expand-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .uf-expand-cta{\n    padding:26px;\n  }\n\n  .uf-expand-cta h3{\n    font-size:28px;\n  }\n}\n\n\/* MOBILE *\/\n@media(max-width:520px){\n\n  .uf-expand-shell{\n    padding:18px;\n    border-radius:22px;\n  }\n\n  .uf-expand-title{\n    font-size:30px;\n    line-height:1.02;\n  }\n\n  .uf-expand-lead{\n    font-size:14px;\n  }\n\n  .uf-expand-list div{\n    font-size:13px;\n  }\n\n  .uf-expand-visual{\n    min-height:250px;\n    border-radius:20px;\n  }\n\n  .uf-expand-text{\n    left:14px;\n    right:14px;\n    bottom:14px;\n    padding:13px;\n  }\n\n  .uf-expand-text h3{\n    font-size:18px;\n  }\n\n  .uf-expand-box{\n    padding:16px;\n  }\n\n  .uf-expand-box h3{\n    font-size:18px;\n  }\n\n  .uf-expand-cta h3{\n    font-size:20px;\n  }\n\n  .uf-expand-cta p{\n    font-size:13px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n\n  .uf-expand-visual::before,\n  .uf-expand-visual::after,\n  .uf-expand-svg .pulse-ring,\n  .uf-expand-svg .route,\n  .uf-expand-svg .marker,\n  .uf-expand-cta::before{\n    animation:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003csection class=\"uf-expand\"\u003e\n  \u003cdiv class=\"uf-expand-shell\"\u003e\n\n    \u003cdiv class=\"uf-expand-hero\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003ch2 class=\"uf-expand-title\"\u003e\n          🗺️ Uitbreidingspakket\n          \u003cspan\u003eMeer landen. Meer locaties. Meer avontuur.\u003c\/span\u003e\n        \u003c\/h2\u003e\n\n        \u003cp class=\"uf-expand-lead\"\u003e\n          Wil je jouw urbexkaart nog verder uitbreiden? Met het Uitbreidingspakket voeg je in één keer extra regio’s toe aan je bestaande kaart.\n          Ontvang duizenden nieuwe verlaten locaties verspreid over Europa.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"uf-expand-list\"\u003e\n          \u003cdiv\u003e✅ \u003cstrong\u003eEuropa uitbreiding:\u003c\/strong\u003e +25.000 extra locaties\u003c\/div\u003e\n          \u003cdiv\u003e✅ Speciaal ontworpen als \u003cstrong\u003euitbreiding\u003c\/strong\u003e op je bestaande urbexkaart\u003c\/div\u003e\n          \u003cdiv\u003e📍 Direct geïntegreerd in jouw huidige map\u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-expand-visual\"\u003e\n\n        \u003csvg class=\"uf-expand-svg\" viewbox=\"0 0 420 260\" preserveaspectratio=\"none\" aria-hidden=\"true\"\u003e\n\n          \u003ccircle class=\"pulse-ring\" cx=\"210\" cy=\"108\" r=\"55\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"pulse-ring r2\" cx=\"210\" cy=\"108\" r=\"55\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"pulse-ring r3\" cx=\"210\" cy=\"108\" r=\"55\"\u003e\u003c\/circle\u003e\n\n          \u003cpath class=\"route\" d=\"M72 178 C 132 105, 175 148, 210 108 S 305 62, 350 120\"\u003e\u003c\/path\u003e\n\n          \u003ccircle class=\"marker m1\" cx=\"72\" cy=\"178\" r=\"7\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"marker m2\" cx=\"158\" cy=\"132\" r=\"7\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"marker m3\" cx=\"244\" cy=\"94\" r=\"7\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"marker m4\" cx=\"350\" cy=\"120\" r=\"7\"\u003e\u003c\/circle\u003e\n\n        \u003c\/svg\u003e\n\n        \u003cdiv class=\"uf-expand-text\"\u003e\n          \u003ch3\u003eJe kaart groeit live mee\u003c\/h3\u003e\n          \u003cp\u003eNieuwe regio’s worden toegevoegd aan je bestaande urbex map.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-expand-grid\"\u003e\n\n      \u003cdiv class=\"uf-expand-box\"\u003e\n\n        \u003ch3\u003eWat je krijgt\u003c\/h3\u003e\n\n        \u003cul\u003e\n          \u003cli\u003e🌍 Europa uitbreiding met extra bereik\u003c\/li\u003e\n          \u003cli\u003e📍 +25.000 nieuwe urbexlocaties\u003c\/li\u003e\n          \u003cli\u003e🔗 Direct geïntegreerd in je bestaande kaart\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"uf-expand-box uf-expand-warning\"\u003e\n\n        \u003ch3\u003eBelangrijk om te weten\u003c\/h3\u003e\n\n        \u003cul\u003e\n          \u003cli\u003eJe hebt een bestaande kaart nodig\u003c\/li\u003e\n          \u003cli\u003eNieuwe landen en locaties worden toegevoegd\u003c\/li\u003e\n          \u003cli\u003eNiet bedoeld als eerste aankoop voor nieuwe klanten\u003c\/li\u003e\n        \u003c\/ul\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"uf-expand-cta\"\u003e\n      \u003ch3\u003eOmdat één kaart nooit genoeg is.\u003c\/h3\u003e\n      \u003cp\u003eBreid je urbexwereld uit en ontdek duizenden nieuwe plekken.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"The Urbex Factory","offers":[{"title":"Europa Platinum","offer_id":53270630334803,"sku":null,"price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/3103\/2147\/files\/uitbreidingspakket.png?v=1773678170","url":"https:\/\/urbexfactory.nl\/pt\/products\/uitbreidingspakket-voeg-meer-locaties-toe","provider":"The Urbex Factory","version":"1.0","type":"link"}