{"id":123,"date":"2025-06-18T15:50:26","date_gmt":"2025-06-18T15:50:26","guid":{"rendered":"https:\/\/animacio.teszt.website\/?page_id=123"},"modified":"2025-06-24T12:51:43","modified_gmt":"2025-06-24T12:51:43","slug":"portfolio_szamlaloval","status":"publish","type":"page","link":"https:\/\/animacio.teszt.website\/en\/portfoliok\/portfolio_szamlaloval\/","title":{"rendered":"portfolio_szamlaloval"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"123\" class=\"elementor elementor-123\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e324f11 e-con-full elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"6e324f11\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5b07ad elementor-widget elementor-widget-heading\" data-id=\"e5b07ad\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Portfolio sz\u00e1ml\u00e1l\u00f3val<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cabe1ea elementor-widget elementor-widget-text-editor\" data-id=\"cabe1ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Portf\u00f3li\u00f3 v\u00e1ltakoz\u00f3 k\u00e9pekkel esetleg vide\u00f3kkal, mik\u00f6zben a sz\u00e1ml\u00e1l\u00f3 sz\u00e1ml\u00e1l<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-745e710d e-con-full e-flex e-con e-parent\" data-id=\"745e710d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-576b92ad e-con-full e-flex e-con e-child\" data-id=\"576b92ad\" data-element_type=\"container\" id=\"service-contents\">\n\t\t<div class=\"elementor-element elementor-element-18afff56 e-con-full service-section e-flex e-con e-child\" data-id=\"18afff56\" data-element_type=\"container\" id=\"servbox-latvany\" data-service=\"1\">\n\t\t<div class=\"elementor-element elementor-element-65b21ed5 e-con-full e-flex e-con e-child\" data-id=\"65b21ed5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7396a555 elementor-widget elementor-widget-heading\" data-id=\"7396a555\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88f7fe8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"88f7fe8\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11dd37f6 text elementor-widget elementor-widget-text-editor\" data-id=\"11dd37f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-712c246c e-con-full e-flex e-con e-child\" data-id=\"712c246c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ea36076 e-con-full service-section service-counter  e-flex e-con e-child\" data-id=\"5ea36076\" data-element_type=\"container\" id=\"servbox-butor\" data-service=\"2\">\n\t\t<div class=\"elementor-element elementor-element-2a56da34 e-con-full e-flex e-con e-child\" data-id=\"2a56da34\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5fba5d8d elementor-widget elementor-widget-heading\" data-id=\"5fba5d8d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-458f0d63 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"458f0d63\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78a5a9a2 text elementor-widget elementor-widget-text-editor\" data-id=\"78a5a9a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-411199ad e-con-full e-flex e-con e-child\" data-id=\"411199ad\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbc631e e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"dbc631e\" data-element_type=\"container\" id=\"servbox-muszakim\" data-service=\"3\">\n\t\t<div class=\"elementor-element elementor-element-3e6ca6e5 e-con-full e-flex e-con e-child\" data-id=\"3e6ca6e5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2de1d25e elementor-widget elementor-widget-heading\" data-id=\"2de1d25e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38841586 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"38841586\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e353da4 text elementor-widget elementor-widget-text-editor\" data-id=\"5e353da4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b2d0aa e-con-full e-flex e-con e-child\" data-id=\"3b2d0aa\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28249553 e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"28249553\" data-element_type=\"container\" id=\"servbox-projektm\" data-service=\"4\">\n\t\t<div class=\"elementor-element elementor-element-36451dc0 e-con-full e-flex e-con e-child\" data-id=\"36451dc0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a8c1afd elementor-widget elementor-widget-heading\" data-id=\"6a8c1afd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3e2730 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a3e2730\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f93ea6b text elementor-widget elementor-widget-text-editor\" data-id=\"7f93ea6b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ba84570 e-con-full e-flex e-con e-child\" data-id=\"3ba84570\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-155b1eb0 e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"155b1eb0\" data-element_type=\"container\" id=\"servbox-hely-felmeres\" data-service=\"5\">\n\t\t<div class=\"elementor-element elementor-element-19052475 e-con-full e-flex e-con e-child\" data-id=\"19052475\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c961541 elementor-widget elementor-widget-heading\" data-id=\"c961541\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13efa602 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"13efa602\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10c5eb97 text elementor-widget elementor-widget-text-editor\" data-id=\"10c5eb97\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3615083c e-con-full e-flex e-con e-child\" data-id=\"3615083c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e1c4958 e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"3e1c4958\" data-element_type=\"container\" id=\"servbox-gyartas\" data-service=\"6\">\n\t\t<div class=\"elementor-element elementor-element-ddd96ca e-con-full e-flex e-con e-child\" data-id=\"ddd96ca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c2ee3e elementor-widget elementor-widget-heading\" data-id=\"35c2ee3e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f65996e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4f65996e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56040e73 text elementor-widget elementor-widget-text-editor\" data-id=\"56040e73\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2007fc95 e-con-full e-flex e-con e-child\" data-id=\"2007fc95\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1dd0772b e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"1dd0772b\" data-element_type=\"container\" id=\"servbox-tarolas\" data-service=\"7\">\n\t\t<div class=\"elementor-element elementor-element-571bc638 e-con-full e-flex e-con e-child\" data-id=\"571bc638\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ed665 elementor-widget elementor-widget-heading\" data-id=\"80ed665\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-519c159 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"519c159\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d2a293 text elementor-widget elementor-widget-text-editor\" data-id=\"5d2a293\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-504151fd e-con-full e-flex e-con e-child\" data-id=\"504151fd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17f23f01 e-con-full service-section service-counter e-flex e-con e-child\" data-id=\"17f23f01\" data-element_type=\"container\" id=\"servbox-szallitas\" data-service=\"8\">\n\t\t<div class=\"elementor-element elementor-element-5dbed4a6 e-con-full e-flex e-con e-child\" data-id=\"5dbed4a6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-238af968 elementor-widget elementor-widget-heading\" data-id=\"238af968\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da89ce7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2da89ce7\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e37fcd7 text elementor-widget elementor-widget-text-editor\" data-id=\"e37fcd7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-798b3e58 e-con-full e-flex e-con e-child\" data-id=\"798b3e58\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64d1869e e-con-full service-section last-content service-counter e-flex e-con e-child\" data-id=\"64d1869e\" data-element_type=\"container\" id=\"servbox-szereles\" data-service=\"9\">\n\t\t<div class=\"elementor-element elementor-element-4aa5a385 e-con-full e-flex e-con e-child\" data-id=\"4aa5a385\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5088a7d elementor-widget elementor-widget-heading\" data-id=\"5088a7d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">9. Szekci\u00f3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72cb71a5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"72cb71a5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13ea3c35 text elementor-widget elementor-widget-text-editor\" data-id=\"13ea3c35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div><p><strong>Lorem Ipsum<\/strong>\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p><\/div><div>\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6856ed60 e-con-full e-flex e-con e-child\" data-id=\"6856ed60\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bd1d2cf e-con-full elementor-hidden-mobile animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"5bd1d2cf\" data-element_type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset&quot;:120,&quot;sticky_offset_laptop&quot;:80,&quot;sticky_offset_widescreen&quot;:140,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;sticky_on&quot;:[&quot;widescreen&quot;,&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet_extra&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-48266eac e-con-full e-flex e-con e-child\" data-id=\"48266eac\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7a48fd9b e-con-full camera e-transform e-transform e-flex e-con e-child\" data-id=\"7a48fd9b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:-10,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile_extra&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t<div class=\"elementor-element elementor-element-27385f91 e-con-full e-flex e-con e-child\" data-id=\"27385f91\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d30c839 elementor-widget elementor-widget-heading\" data-id=\"7d30c839\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">0<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f40b81d e-con-full szamlalo e-flex e-con e-child\" data-id=\"2f40b81d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-796a62f elementor-widget elementor-widget-heading\" data-id=\"796a62f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3897ed98 elementor-widget elementor-widget-heading\" data-id=\"3897ed98\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c0d3d5e elementor-widget elementor-widget-heading\" data-id=\"7c0d3d5e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4659b18d elementor-widget elementor-widget-heading\" data-id=\"4659b18d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1163643d elementor-widget elementor-widget-heading\" data-id=\"1163643d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf2e99 elementor-widget elementor-widget-heading\" data-id=\"3bf2e99\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b73a59c elementor-widget elementor-widget-heading\" data-id=\"1b73a59c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd37e2b elementor-widget elementor-widget-heading\" data-id=\"4bd37e2b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2720f047 elementor-widget elementor-widget-heading\" data-id=\"2720f047\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">9<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-609dfa6e e-con-full e-flex e-con e-child\" data-id=\"609dfa6e\" data-element_type=\"container\" id=\"services-list\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf2083b service-title  elementor-widget elementor-widget-text-editor\" data-id=\"6bf2083b\" data-element_type=\"widget\" id=\"title-latvany\" data-service=\"1\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-latvany\">1. Szekci\u00f3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c3618c9 service-title elementor-widget elementor-widget-text-editor\" data-id=\"2c3618c9\" data-element_type=\"widget\" id=\"title-butor\" data-service=\"2\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2. SZEKCI\u00d3<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52350792 service-title elementor-widget elementor-widget-text-editor\" data-id=\"52350792\" data-element_type=\"widget\" data-service=\"3\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-muszakim\">3. SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4546f2b7 service-title elementor-widget elementor-widget-text-editor\" data-id=\"4546f2b7\" data-element_type=\"widget\" data-service=\"4\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-projektm\">4.\u00a0SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54063cc6 service-title elementor-widget elementor-widget-text-editor\" data-id=\"54063cc6\" data-element_type=\"widget\" data-service=\"5\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-hely-felmeres\">5. SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6fbd10 service-title elementor-widget elementor-widget-text-editor\" data-id=\"7f6fbd10\" data-element_type=\"widget\" data-service=\"6\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-gyartas\">6. SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25690165 service-title elementor-widget elementor-widget-text-editor\" data-id=\"25690165\" data-element_type=\"widget\" data-service=\"7\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-tarolas\">7. SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cf7c647 service-title elementor-widget elementor-widget-text-editor\" data-id=\"4cf7c647\" data-element_type=\"widget\" data-service=\"8\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-szallitas\">8.\u00a0SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ce32c94 service-title elementor-widget elementor-widget-text-editor\" data-id=\"6ce32c94\" data-element_type=\"widget\" data-service=\"9\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"#servbox-szereles\">9. SZEKCI\u00d3<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73d4cab2 e-con-full e-flex e-con e-child\" data-id=\"73d4cab2\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-5700ee91 e-con-full media-container e-flex e-con e-child\" data-id=\"5700ee91\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11a5568e e-con-full flash-container e-flex e-con e-child\" data-id=\"11a5568e\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30c6cc52 e-flex e-con-boxed e-con e-parent\" data-id=\"30c6cc52\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29d555b7 elementor-widget elementor-widget-html\" data-id=\"29d555b7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\nwindow.addEventListener('load', function () {\n\/\/ K\u00c9PEK, VIDE\u00d3K V\u00c1\u00c9TOGAT\u00c1SA\n\/\/El\u0151sz\u00f6r a v\u00e1ltoz\u00f3kat deklar\u00e1ltam\n\/\/Ezek a sz\u00f6veges dobozok \n\n\n\nconst MediaSections = document.querySelectorAll(\".service-section\");\n\/\/ ez pedig a k\u00e9pek vide\u00f3k kont\u00e9nere\nconst stickyContainer = document.querySelector(\".media-container\");\n\/\/Egy t\u00f6mbbe t\u00f6lt\u00f6m be a m\u00e9dia f\u00e1jlokat. Fontos, hogy defini\u00e1lni kell, hogy vide\u00f3 vagy k\u00e9p. B\u00e1rmilyen sorrendbe lehet, de meg kell adni a t\u00edpus\u00e1t\n\nconst backgrounds = [\n   { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port1.webp\" },\n   { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port2.webp\" },\n  { type: \"video\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/34855-403777679_small.mp4\" },\n  { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port3.webp\" },\n  { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port4.webp\" },\n  { type: \"video\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/275498_tiny.mp4\" },\n  { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port5.webp\" },\n  { type: \"image\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/port6.webp\" },\n  { type: \"video\", src: \"https:\/\/animacio.teszt.website\/wp-content\/uploads\/2025\/06\/202368-918049003_small.mp4\" },\n];\n\n\/\/Els\u0151 k\u00e9p is zoomoljon\nlet mm = gsap.matchMedia();\n\nmm.add(\"(min-width: 880px)\", () => {\nScrollTrigger.create({\n  trigger: stickyContainer, \/\/ Maga a kont\u00e9ner legyen a trigger\n  start: \"top center\",\n  end: \"bottom center\",\n  scrub: true,\n  onUpdate: (self) => {\n    if (initialBackground.type === \"image\") {\n      const scaleValue = 1 + self.progress * 0.2; \/\/ A zoom m\u00e9rt\u00e9k\u00e9t \u00e1ll\u00edthatod itt\n      stickyContainer.style.transform = `scale(${scaleValue})`;\n    }\n  },\n});\n});\n\/\/ Els\u0151 h\u00e1tt\u00e9r t\u00f6lt\u0151dj\u00f6n be alap\u00e9rtelmezetten\nconst initialBackground = backgrounds[0];\nif (initialBackground.type === \"image\") {\n  stickyContainer.style.backgroundImage = `url(${initialBackground.src})`;\n  stickyContainer.innerHTML = \"\"; \/\/ Vide\u00f3 elt\u00e1vol\u00edt\u00e1sa, ha van, ki is lehetne hagyni\n} else if (initialBackground.type === \"video\") {\n  stickyContainer.style.backgroundImage = \"none\";\n  stickyContainer.innerHTML = `<video autoplay muted loop src=\"${initialBackground.src}\"><\/video>`;\/\/loopolja a vide\u00f3t \u00e9s n\u00e9m\u00edtsa is el\n\n}\n\n\/\/ Mivel az els\u0151 vide\u00f3 vagy k\u00e9p alap\u00e9rtelmezetten akt\u00edv, ez\u00e9rt ki kell hagyni az els\u0151 sz\u00f6veg doboz \"service-section\" triggerel\u00e9s\u00e9t\n\nMediaSections.forEach((sectionm, index) => {\n  if (index === 0) return; \/\/ Az els\u0151 szekci\u00f3t kihagyjuk, mert alapb\u00f3l bet\u00f6lt\u00f6ttem\n\n  \/\/ Scale anim\u00e1ci\u00f3 g\u00f6rget\u00e9srem a scrub jelenti a g\u00f6rget\u00e9sre m\u0171k\u00f6dest, n\u00e9lk\u00fcle csak automatikusan scalelne\n \n  ScrollTrigger.create({\n    trigger: sectionm,\n    start: \"top center\",\n    end: \"bottom center\",\n    scrub: true, \n    \/\/markers: true, \n    onUpdate: (self) => {\n      if (backgrounds[index].type === \"image\") {\n       const scaleValue = 1 + self.progress * 0.2; \n        stickyContainer.style.transform = `scale(${scaleValue})`;\n      }\n    },\n  });\n\n   \/\/ Fade \u00e1tmenet a m\u00e9dia cser\u00e9kn\u00e9l, a duration-nel lehet gyors\u00edtani-lass\u00edtani, ez az elt\u00fcntet\u00e9s \u00e9s az eg\u00e9sz alatta lev\u0151 k\u00f3d, az \u00e9ppen akt\u00edv m\u00e9di\u00e1t t\u00e1vol\u00edtja el \u00e9s besz\u00farja a sorban k\u00f6vetkez\u0151t.\n\n  ScrollTrigger.create({\n    trigger: sectionm,\n    start: \"top center\",\n    end: \"bottom center\",\n    scrub: false, \n    onEnter: () => {\n \n      const background = backgrounds[index];\n      gsap.to(stickyContainer, {\n        opacity: 0,\n        duration: 0.015,\n        onComplete: () => {\n            \n          if (background.type === \"image\") {\n            stickyContainer.style.backgroundImage = `url(${background.src})`;\n            stickyContainer.innerHTML = \"\"; \n          } else if (background.type === \"video\") {\n            stickyContainer.style.backgroundImage = \"none\"; \n            stickyContainer.innerHTML = `<video autoplay muted loop src=\"${background.src}\"><\/video>`;\n            \n          }\n          gsap.to(stickyContainer, { opacity: 1, duration: 0.015 }); \/\/ Fade-in\n        },\n      });\n    },\n    \/\/ugyanez, csak visszafele g\u00f6rget\u00e9shez\n    onLeaveBack: () => {\n      const prevBackground = backgrounds[index - 1];\n      if (prevBackground) {\n        gsap.to(stickyContainer, {\n          opacity: 0,\n          duration: 0.015, \n          onComplete: () => {\n            if (prevBackground.type === \"image\") {\n              stickyContainer.style.backgroundImage = `url(${prevBackground.src})`;\n              stickyContainer.innerHTML = \"\";\n            } else if (prevBackground.type === \"video\") {\n              stickyContainer.style.backgroundImage = \"none\"; \n              stickyContainer.innerHTML = `<video autoplay muted loop src=\"${prevBackground.src}\"><\/video>`;\n            }\n            gsap.to(stickyContainer, { opacity: 1, duration: 0.015 });\n          },\n        });\n      }\n    },\n  });\n});\n\n\/\/ VILLAN\u00d3 EFFEKT\n\/\/ Ez csak egy felvillan\u00f3 effekt a k\u00e9pek v\u00e1lt\u00e1sa k\u00f6z\u00f6tt, hogy maradhasson egy kont\u00e9nerben az \u00f6sszes video \u00e9s k\u00e9p\n\nconst sectionsFl = document.querySelectorAll(\".service-counter\");\n\nsectionsFl.forEach((sectionFl) => {\n  ScrollTrigger.create({\n    trigger: sectionFl,\n    start: \"top center\",\n     toggleActions: \"restart none resume reverse\",\n    onEnter: () => {\n      gsap.fromTo(\n        \".flash-container\",\n        { opacity: 1 },\n        { opacity: 0, duration: 2, ease: \"power2.out\" },\n       \n      );\n    },\n    onLeaveBack: () => {\n      gsap.fromTo(\n       \".flash-container\",\n        { opacity: 1 },\n        { opacity: 0, duration: 2, ease: \"power2.out\" } \n      );\n    },\n  });\n});\n\n\/\/ KIS CIMK\u00c9K \n\/\/ az active oszt\u00e1lyt hozz\u00e1adja az \u00e9ppen aktu\u00e1lis service-title-hez  \nconst sections = document.querySelectorAll(\".service-section\");\nconst titles = document.querySelectorAll(\".service-title\");\n\nsections.forEach((section, index) => {\n  ScrollTrigger.create({\n    trigger: section,\n    start: \"top center\",\n    end: \"bottom center\",\n   \/\/ markers: true, \n    toggleClass: {\n      targets: titles[index],\n      className: \"active\",\n    },\n    onEnter: () => {\n      titles.forEach((title, i) => {\n        if (i !== index) title.classList.remove(\"active\");\n      });\n      titles[index].classList.add(\"active\");\n    },\n    onLeaveBack: () => {\n      titles[index].classList.remove(\"active\");\n    },\n  });\n}); \n\n\n\/\/SZ\u00c1ML\u00c1L\u00d3 - a service-counter csak a m\u00e1sodikt\u00f3l van hozz\u00e1adva, mert az 1-es alapb\u00f3l l\u00e1tszik\nconst triggerpont = gsap.utils.toArray('.service-counter');\n\nconst szamlalo = document.querySelector('.szamlalo'); \nlet yOffset = 0;\n\ntriggerpont.forEach((trigger) => {\n  ScrollTrigger.create({\n    trigger: trigger,\n    start: \"top center\",\n    end: \"bottom center\",\n    onEnter: () => {\n      yOffset -= 24;\n      gsap.to(szamlalo, {\n        y: yOffset,\n        duration: 0.5,\n      });\n    },\n    onLeaveBack: () => {\n      yOffset += 24;\n      gsap.to(szamlalo, {\n        y: yOffset,\n        duration: 0.5, \n      });\n    },\n    \/\/markers: true,\n  });\n});\n\n\/\/ SZOLG\u00c1LTAT\u00c1S C\u00cdM \u00c9S SZ\u00d6VEG MEGJELEN\u00cdT\u00c9SE\n\nconst serviceBox = gsap.utils.toArray('.service-section');\n\nserviceBox.forEach((dobozS) => {\n\tScrollTrigger.refresh(),\n    gsap.fromTo(\n  dobozS,\n  { \n   \t\/\/filter: \"blur(15px)\",\n    opacity: 0,\n   \n  },\n  {\n   \t\/\/filter: \"blur(0px)\",\n    opacity: 1,\n    stagger: 0.15,\n    duration: 0.75,\n    \n    ease: 'power2.out',\n    \n  scrollTrigger: { \n    trigger: dobozS,\n   \/\/ markers: true,\n    toggleActions: \"restart none resume reverse\",\n    start: 'top center',\n\t\n  }\n     \n  }\n)\n\n});\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-65153694 e-flex e-con-boxed e-con e-parent\" data-id=\"65153694\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7aef7fe4 elementor-widget elementor-widget-html\" data-id=\"7aef7fe4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\nwindow.addEventListener('load', function () {\nconst sor = new SplitType('.szoveg h2', { types: 'lines' });\nconst sorh1 = new SplitType('.szoveg h1', { types: 'lines' });\nconst sorh3 = new SplitType('.szoveg h3', { types: 'lines' });\n\/\/const sorh4 = new SplitType('.text1 h4', { types: 'lines' });\n\/\/const sorh5 = new SplitType('.text1 h5', { types: 'lines' });\n\/\/const sorh6 = new SplitType('.text1 h6', { types: 'lines' });\nconst text = new SplitType('.szoveg', { types: 'words' });\n\nconst szoveg = gsap.utils.toArray('.szoveg .line');\n\nszoveg.forEach((element1) => {\n\tScrollTrigger.refresh();\n    const elemek1 = element1.querySelectorAll('.szoveg .word');\n    gsap.fromTo(\n  elemek1,\n  { \n    \/\/x: -5,\n    \/\/y: 50,\n\tfilter: \"blur(15px)\",\n\tscale: 2,\n    opacity: 0\n  },\n  {\n    \/\/x: 0,\n    \/\/y: 0,\n\tfilter: \"blur(0px)\",\n\tscale: 1,\n    opacity: 1,\n    stagger: 0.15,\n    duration: 1.75,\n    \n    ease: 'power2.out',\n  scrollTrigger: { \n    trigger: element1,\n    \/\/markers: true,\n    toggleActions: \"restart none resume reverse\",\n    start: 'bottom bottom',\n\t\n  }\n     \n  }\n)\n\n});\n\/\/ szoveg\n\nconst sorP = new SplitType('.text p', { types: 'lines' });\nconst textP = new SplitType('.text', { types: 'words' });\n\nconst szovegP = gsap.utils.toArray('.text .line');\n\n\nszovegP.forEach((element1P) => {\n    const elemek1P = element1P.querySelectorAll('.text .word');\n    gsap.fromTo(\n  elemek1P,\n  { \n    x: -5,\n    y: 50,\n    opacity: 0\n  },\n  {\n    x: 0,\n    y: 0,\n    opacity: 1,\n    stagger: 0.02,\n    duration: 0.75,\n    \n    ease: 'power2.out',\n  scrollTrigger: { \n    trigger: element1P,\n    \/\/markers: true,\n    toggleActions: \"restart none resume reverse\",\n    start: 'bottom bottom',\n\n  }\n      \n  }\n)\n\n});\nScrollTrigger.refresh();\n});\n\/\/Image reveal\nlet revealContainers = document.querySelectorAll(\".reveal\");\n\nrevealContainers.forEach((container) => {\n  let image = container.querySelector(\"img\");\n  let tl = gsap.timeline({\n    scrollTrigger: {\n      trigger: container,\n\t      toggleActions: \"restart none none reset\"\n    }\n  });\n\n  tl.set(container, { autoAlpha: 1 });\n  tl.from(container, 1.5, {\n    xPercent: -100,\n    ease: Power2.out\n  });\n  tl.from(image, 1.5, {\n    xPercent: 100,\n    scale: 1.3,\n    delay: -1.5,\n    ease: Power2.out\n  });\n});\n\/\/FadeUp50\nconst FadeUp5 = gsap.utils.toArray('.fadeup5');\n\nFadeUp5.forEach((elemFu5) => {\n    gsap.fromTo(\n  elemFu5,\n  { \n    \n    y: 50,\n    opacity: 0\n  },\n  {\n    y: 0,\n    opacity: 1,\n    stagger: 0.02,\n    duration: 1.25,\n    \n    ease: 'power2.out',\n  scrollTrigger: { \n    trigger: elemFu5,\n    \/*markers: true,*\/\n    toggleActions: \"restart none resume reverse\",\n    start: 'top bottom',\n\n  }\n      \n  }\n)\n\n});\n\/\/FadeUp accordion\nconst FadeUpAc = gsap.utils.toArray('.e-n-accordion-item');\n\nFadeUpAc.forEach((elemFuAc) => {\n    \n    gsap.fromTo(\n  elemFuAc,\n  { \n    \n    y: 150,\n    opacity: 0\n  },\n  {\n    y: 0,\n    opacity: 1,\n    stagger: 0.02,\n    duration: 1.25,\n    \n    ease: 'power2.out',\n  scrollTrigger: { \n    trigger: elemFuAc,\n    \/\/markers: true,\n    toggleActions: \"restart none resume reverse\",\n    start: '-150 bottom',\n\n  }\n      \n  }\n)\n\n});\n\/\/Background change\n\nwindow.addEventListener('load', function () {\ngsap.fromTo(\".elementor-6864\", {\n\tbackgroundColor: \"#03110f\"},\n\t\/\/backgroundColor: \"linear-gradient(310deg, #fff 20%, #fff 100%)\",},\n\t\/\/backgroundImage: \"linear-gradient(310deg, #fff 20%, #fff 100%)\",},\n\t\t\t{\n  scrollTrigger: {\n    trigger: \".tco-bg-change\",\n    \n    \n    \/\/scrub: true,\n    start: \"top top\",\n\t \/\/ end: \"center center\",\n    toggleActions: \"restart none resume reverse\",\n    \/\/markers: true\n  },\n  \n  backgroundColor: \"#fff\",\n\t\/\/backgroundImage: \"linear-gradient(310deg, #272727 20%, #0F09AE 100%)\",\n  ease: \"none\",\n  duration: 0.3\n  \n});\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Portfolio sz\u00e1ml\u00e1l\u00f3val Portf\u00f3li\u00f3 v\u00e1ltakoz\u00f3 k\u00e9pekkel esetleg vide\u00f3kkal, mik\u00f6zben a sz\u00e1ml\u00e1l\u00f3 sz\u00e1ml\u00e1l 1. Szekci\u00f3 Lorem Ipsum\u00a0is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":121,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":61,"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":694,"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/pages\/123\/revisions\/694"}],"up":[{"embeddable":true,"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/pages\/121"}],"wp:attachment":[{"href":"https:\/\/animacio.teszt.website\/en\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}