{"id":6,"date":"2025-10-12T11:43:53","date_gmt":"2025-10-12T11:43:53","guid":{"rendered":"https:\/\/dip.nyomas.hu\/?page_id=6"},"modified":"2025-10-27T10:31:17","modified_gmt":"2025-10-27T10:31:17","slug":"debrecen-ipari-parkjai","status":"publish","type":"page","link":"https:\/\/dbip.hu\/en\/debrecen-ipari-parkjai\/","title":{"rendered":"Debrecen Industrial Parks"},"content":{"rendered":"<section class=\"section dark\" id=\"section_1325523375\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t\t<div class=\"hide-for-medium\">\n\t\t\t\t\n\n<!-- Container: illeszd Flatsome HTML elembe -->\n<div class=\"slanted-video-wrap\">\n  <svg class=\"slanted-svg\" viewbox=\"0 0 1000 562\" preserveaspectratio=\"xMinYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <defs>    \n      <clippath id=\"clip-slanted\" clippathunits=\"userSpaceOnUse\">       \n        <rect x=\"300\" y=\"-450\" width=\"900\" height=\"800\" rx=\"80\" transform=\"rotate(11 0 281)\"\/>\n      <\/clippath>\n    <\/defs>\n\n    <foreignobject width=\"100%\" height=\"100%\" clip-path=\"url(#clip-slanted)\">\n      <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"video-inner\">\n        <video class=\"masked-video\" autoplay muted loop playsinline poster=\"poster.jpg\">\n          <source src=\"http:\/\/dip.nyomas.hu\/wp-content\/uploads\/2025\/10\/aerial-view-of-modern-industrial-factory-modern-f-1080p-2025-08-29-08-23-02-utc.mov\" type=\"video\/mp4\">\n          Your browser does not support the video tag.\n        <\/video>\n      <\/div>\n    <\/foreignobject>\n  <\/svg>\n<div class=\"slanted-text\">\n    <h2>Fedezd fel a r\u00e9szleteket<\/h2>\n    <h3>Interakt\u00edv \u00e9lm\u00e9ny, egyedi maszkol\u00e1ssal<\/h3>\n  <\/div>\n\n <\/div>\n\n<style>\n\/* M\u00e9retez\u00e9s: a .slanted-video-wrap 100% sz\u00e9les, ar\u00e1nyt ad az aspect-ratio-val *\/\n.slanted-video-wrap {\n  width: 100%;\n  max-width: 100%;\n  \/* ig\u00e9ny szerint v\u00e1ltoztasd az ar\u00e1nyt: 16\/9 => 56.25% *\/\n  aspect-ratio: 16 \/ 9;\n  overflow: visible;\n  display: block;\n}\n\n\/* Az SVG kit\u00f6lti a kont\u00e9nert *\/\n.slanted-svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* A vide\u00f3 HTML belsej\u00e9ben teljesen kit\u00f6lti a space-et \u00e9s megtartja a cover viselked\u00e9st *\/\n.video-inner {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start; \/* balra poz\u00edcion\u00e1lja a vide\u00f3t, ha sz\u00fcks\u00e9ges *\/\n}\n\n.masked-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transform-origin: left center;\n  \/* Ha szeretn\u00e9d a vide\u00f3t kicsit jobbra vagy balra tolni a maszkon bel\u00fcl, haszn\u00e1ld translateX *\/\n  \/* transform: translateX(-10%); *\/\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n\n.slanted-text {\n  position: absolute;\n  top: 40%;\n  left: 4%;\n  max-width: 40%;\n  color: #111;\n  z-index: 3;\n  pointer-events: none; \/* ha nem kell interakci\u00f3, pl. linkek n\u00e9lk\u00fcl *\/\n}\n\n.slanted-text h2 {\n  font-size: 2.5rem;\n  margin: 0 0 0.3em;\n  line-height: 1.2;\ncolor:black;\n}\n\n.slanted-text h3 {\n  font-size: 1.4rem;\n  font-weight: 400;\n  margin: 0;\n  line-height: 1.4;\n  opacity: 0.8;\ncolor:black;\n}\n\n<\/style>\n\t\t<\/div>\n\t\n\t<div id=\"gap-667725332\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-667725332 {\n  padding-top: 123px;\n}\n@media (min-width:550px) {\n  #gap-667725332 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row show-for-small\"  id=\"row-1071725275\">\n\n\n\t<div id=\"col-343539721\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1921790393\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-964510950\" class=\"col medium-4 small-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1325523375 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(255,255,255);\n}\n#section_1325523375 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1325523375 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_1884016396\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-578541722\">\n\n\n\t<div id=\"col-729213060\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Flatsome HTML elembe illeszd -->\n<div class=\"rotated-square-wrap\" style=\"--angle: 6deg; --size: 360px;\">\n  <!-- F\u0151 n\u00e9gyzet (k\u00e9p) -->\n  <div class=\"square layer-top\">\n    <img decoding=\"async\" src=\"your-image.jpg\" alt=\"Elforgatott n\u00e9gyzet k\u00e9p\">\n  <\/div>\n\n  <!-- Alatta l\u00e9v\u0151 n\u00e9gyzet (+4\u00b0) \u2014 lehet sz\u00ednkit\u00f6lt\u00e9s vagy m\u00e1sik k\u00e9p -->\n  <div class=\"square layer-bottom\">\n    <!-- Ha h\u00e1tt\u00e9rsz\u00ednt szeretn\u00e9l, hagyd \u00fcresen \u00e9s CSS-b\u0151l sz\u00ednezd -->\n    <!-- VAGY tehetsz ide egy m\u00e1sodik k\u00e9pet: -->\n    <!-- <img decoding=\"async\" src=\"your-image-2.jpg\" alt=\"H\u00e1tt\u00e9r n\u00e9gyzet\"> -->\n  <\/div>\n<\/div>\n\n<style>\n\/* Kont\u00e9ner: m\u00e9ret \u00e9s poz\u00edcion\u00e1l\u00e1s *\/\n.rotated-square-wrap {\n  \/* \u00c1ll\u00edthat\u00f3 param\u00e9terek *\/\n  --angle: 11deg;     \/* f\u0151 n\u00e9gyzet elforgat\u00e1sa *\/\n  --delta: 4deg;      \/* alatta l\u00e9v\u0151 n\u00e9gyzet t\u00f6bblet-elforgat\u00e1sa *\/\n  --size: 320px;      \/* n\u00e9gyzet oldalhossz *\/\n  --gap: 10px;        \/* vizu\u00e1lis eltol\u00e1s a k\u00e9t r\u00e9teg k\u00f6z\u00f6tt *\/\n\n  position: relative;\n  width: var(--size);\n  height: var(--size);\n  \/* A forgat\u00e1s miatt kil\u00f3g\u00f3 r\u00e9szeket l\u00e1ttatjuk *\/\n  overflow: visible;\n}\n\n\/* K\u00e9t r\u00e9teg az egym\u00e1s alatti n\u00e9gyzetekhez *\/\n.square {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: var(--size);\n  height: var(--size);\n  transform-origin: center center;\n  \/* K\u00f6z\u00e9pre helyez\u00e9s, majd elforgat\u00e1s *\/\n  transform: translate(-50%, -50%) rotate(var(--angle));\n}\n\n\/* Fels\u0151 r\u00e9teg: k\u00e9p l\u00e1tsz\u00f3dik teljes n\u00e9gyzetben *\/\n.layer-top {\n  z-index: 2;\n  filter: none;\n}\n\n\/* Als\u00f3 r\u00e9teg: +4\u00b0-kal elforgatva, kicsi eltol\u00e1s \u00e9s \u00e1rny\u00e9khat\u00e1s *\/\n.layer-bottom {\n  z-index: 1;\n  \/* +4\u00b0 a f\u0151 sz\u00f6ghez k\u00e9pest *\/\n  transform: translate(calc(-50% + var(--gap)), calc(-50% + var(--gap))) rotate(calc(var(--angle) + var(--delta)));\n  background: #e8e8e8; \/* h\u00e1tt\u00e9rsz\u00edn, ig\u00e9ny szerint *\/\n  border-radius: 8px;  \/* finom lekerek\u00edt\u00e9s (opcion\u00e1lis) *\/\n  box-shadow: 0 10px 24px rgba(0,0,0,0.18);\n  overflow: hidden;\n}\n\n\/* K\u00e9p kit\u00f6lt\u00e9se a n\u00e9gyzetben, teljes n\u00e9gyzet l\u00e1tsz\u00f3dik *\/\n.square img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;   \/* a n\u00e9gyzetet kit\u00f6lti, ar\u00e1nyt meg\u0151rzi *\/\n  border-radius: 8px;  \/* opcion\u00e1lis, illeszd a bottom-hoz *\/\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-623566883\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-641580822\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1884016396 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_1884016396 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_1884016396 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>\n\t\n\t<section class=\"section\" id=\"section_2135186018\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- Container: illeszd Flatsome HTML elembe -->\n<div class=\"slanted-video-wrap-map\">\n  <svg class=\"slanted-svg-map\" viewbox=\"0 0 1000 562\" preserveaspectratio=\"xMinYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n    <defs>\n      <!-- Clip path: ferd\u00e9n elforgatott, lekerek\u00edtett t\u00e9glalap -->\n      <clippath id=\"clip-slanted-map\" clippathunits=\"userSpaceOnUse\">\n        <!--\n          - A rect x \u00e9rt\u00e9ke negat\u00edvra \u00e1ll\u00edtva, hogy a maszk csak a bal oldalon \"l\u00f3gjon be\" a vide\u00f3b\u00f3l.\n          - width\/height nagyobb, hogy a forgat\u00e1sn\u00e1l se v\u00e1gjon le nem v\u00e1rt r\u00e9szeket.\n          - rx = sarkok lekerek\u00edt\u00e9se.\n          - rotate: -22 vagy 22 fok \u2192 itt -22 van, a vizu\u00e1lis d\u0151l\u00e9s jobbra lefel\u00e9; sz\u00fcks\u00e9g szerint invert\u00e1ld.\n        -->\n        <rect x=\"0\" y=\"0\" width=\"120%\" height=\"800\" rx=\"80\" transform=\"rotate(10 0 281)\"\/>\n      <\/clippath>\n    <\/defs>\n\n    <!-- foreignObject-be \u00e1gyazott HTML video, clipPath alkalmazva -->\n    <foreignobject width=\"100%\" height=\"100%\" clip-path=\"url(#clip-slanted-map)\">\n      <div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" class=\"video-inner\">\n        <video class=\"masked-video-map\" autoplay muted loop playsinline poster=\"http:\/\/dip.nyomas.hu\/wp-content\/uploads\/2025\/10\/terkepv1.png\"><\/video>\n      <\/div>\n    <\/foreignobject>\n  <\/svg>\n<\/div>\n\n<style>\n\/* M\u00e9retez\u00e9s: a .slanted-video-wrap 100% sz\u00e9les, ar\u00e1nyt ad az aspect-ratio-val *\/\n.slanted-video-wrap-map {\n  width: 100%;\n  max-width: 100%;\n  \/* ig\u00e9ny szerint v\u00e1ltoztasd az ar\u00e1nyt: 16\/9 => 56.25% *\/\n  aspect-ratio: 16 \/ 9;\n  overflow: visible;\n  display: block;\n}\n\n\/* Az SVG kit\u00f6lti a kont\u00e9nert *\/\n.slanted-svg-map {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* A vide\u00f3 HTML belsej\u00e9ben teljesen kit\u00f6lti a space-et \u00e9s megtartja a cover viselked\u00e9st *\/\n.video-inner-map {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start; \/* balra poz\u00edcion\u00e1lja a vide\u00f3t, ha sz\u00fcks\u00e9ges *\/\n}\n\n.masked-video-map {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transform-origin: left center;\n  \/* Ha szeretn\u00e9d a vide\u00f3t kicsit jobbra vagy balra tolni a maszkon bel\u00fcl, haszn\u00e1ld translateX *\/\n  \/* transform: translateX(-10%); *\/\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_2135186018 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n#section_2135186018 .ux-shape-divider--top svg {\n  height: 150px;\n  --divider-top-width: 100%;\n}\n#section_2135186018 .ux-shape-divider--bottom svg {\n  height: 150px;\n  --divider-width: 100%;\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-transparent-header.php","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":19,"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/pages\/6\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/dbip.hu\/en\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}