Frosted Card Demo \u2013 Jav\u00edtott Padding<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\n <style>\n \/************************************************************\n * 1. SCOPED STYLES FOR THE FROSTED SECTION\n ************************************************************\/\n .frosted-section {\n position: relative;\n width: 100%;\n min-height: 800px;\n background: #0b0b0b00;\n color: #fff;\n font-family: sans-serif;\n \/* Keep overflow hidden, but add bottom padding so circles fit *\/\n overflow: hidden;\n padding: 1rem 1rem 8rem;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/************************************************************\n * 2. WRAPPER (SCENE) TO HOLD CIRCLES & CARD\n ************************************************************\/\n .frosted-section .scene {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n \/* No overflow setting here, rely on .frosted-section *\/\n }\n\n \/************************************************************\n * 3. CIRCLES\n ************************************************************\/\n .frosted-section .circle {\n position: absolute;\n border-radius: 50%;\n z-index: 1;\n width: 20vmin;\n height: 20vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n }\n .frosted-section .circle-left {\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n .frosted-section .circle-right {\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n top: 105%;\n left: 100%;\n animation-duration: 6s;\n animation-delay: 1s;\n }\n\n \/************************************************************\n * 4. FROSTED CARD\n ************************************************************\/\n .frosted-section .card {\n position: relative;\n z-index: 2;\n width: clamp(360px, 100%, 1040px);\n margin: 0 auto;\n padding: 1.5rem;\n background: rgba(255, 255, 255, 0.09);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .frosted-section .card::before {\n content: \"\";\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.4), transparent 70%);\n pointer-events: none;\n }\n\n \/************************************************************\n * 5. CARD CONTENT STYLES\n ************************************************************\/\n .frosted-section .card-logo {\n position: absolute;\n top: 1rem;\n right: 1rem;\n font-family: 'Anton', sans-serif;\n }\n .frosted-section .card-logo img {\n max-width: 50%;\n height: auto;\n display: block;\n }\n .frosted-section .card-label {\n font-family: 'Anton', sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #cccccc;\n }\n .frosted-section .card-name {\n font-family: 'Anton', serif;\n font-size: 4rem;\n font-weight: 400;\n color: #ffffff;\n }\n .frosted-section .card-sub {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n color: #dddddd;\n }\n\n \/************************************************************\n * 6. ANIMATION KEYFRAMES\n ************************************************************\/\n @keyframes moveCircle {\n 0% { transform: translate(-50%, -50%) translate(0, 0); }\n 50% { transform: translate(-50%, -50%) translate(30px, 30px); }\n 100% { transform: translate(-50%, -50%) translate(0, 0); }\n }\n\n \/************************************************************\n * 7. MEDIA QUERY FOR SMALL SCREENS\n ************************************************************\/\n @media (max-width: 480px) {\n .frosted-section { padding: 1rem 1rem 10rem; }\n .frosted-section .circle { width: 25vmin; height: 25vmin; }\n .frosted-section .card { width: 100%; padding: 1rem; }\n .frosted-section .card-name { font-size: 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"frosted-section\">\n <div class=\"scene\">\n \n <div class=\"circle circle-left\"><\/div>\n <div class=\"circle circle-right\"><\/div>\n\n \n <div class=\"card\">\n <div class=\"card-logo\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/icon.png\" alt=\"Logo\">\n <\/div>\n <div class=\"card-label\">MOBY BUDAPEST<\/div>\n <div class=\"card-name\">Panorama, Style, Exclusivity<\/div>\n <div class=\"card-sub\">\n Moby is more than just an event venue \u2013 it\u2019s a space where memories are born. A place that has been home to grand-scale parties, intimate weddings, inspiring book launches, dynamic corporate events, and creative workshops.\n <br><br>\n Located next to the B\u00e1lna on the banks of the Danube, Moby is special not only for its diverse programming but also for its breathtaking panorama. The view of the river adds an extra magic to every occasion \u2013 whether it\u2019s a sunset wedding, an exclusive reception, or even a film shoot.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n<\/body>\n<\/html>\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-47ac9f4 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"47ac9f4\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/mobyrombusz.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/moby-cover-1.mp4","background_play_on_mobile":"yes","shape_divider_bottom":"opacity-fan"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-shape elementor-shape-bottom\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 283.5 19.6\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e72f38 e-con-full elementor-hidden-desktop e-flex elementor-invisible e-con e-child\" data-id=\"0e72f38\" data-element_type=\"container\" data-settings=\"{"animation":"slideInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6769f elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"4d6769f\" data-element_type=\"widget\" data-settings=\"{"motion_fx_motion_fx_mouse":"yes","motion_fx_tilt_effect":"yes","motion_fx_tilt_direction":"negative","motion_fx_tilt_speed":{"unit":"px","size":1,"sizes":[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Frosted Card Demo \u2013 Mobil Verzi\u00f3 Jav\u00edtva<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\n <style>\n \/************************************************************\n * 1. MOBILE-SPECIFIC FROSTED SECTION\n ************************************************************\/\n .mobile-frosted-section {\n position: relative;\n width: 100%;\n min-height: auto;\n background: transparent;\n color: #fff;\n font-family: sans-serif;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n \/************************************************************\n * 2. MOBILE SCENE WRAPPER\n ************************************************************\/\n .mobile-frosted-section .mobile-scene {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n }\n\n \/************************************************************\n * 3. MOBILE CIRCLES\n ************************************************************\/\n .mobile-frosted-section .mobile-circle {\n position: absolute;\n border-radius: 50%;\n z-index: 1;\n width: 20vmin;\n height: 20vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n }\n .mobile-circle-left {\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n .mobile-circle-right {\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n top: 105%;\n left: 100%;\n animation-duration: 6s;\n animation-delay: 1s;\n }\n\n \/************************************************************\n * 4. MOBILE FROSTED CARD\n ************************************************************\/\n .mobile-frosted-section .mobile-card {\n position: relative;\n z-index: 2;\n width: clamp(360px, 100%, 1040px);\n padding: 1.5rem;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.09);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .mobile-frosted-section .mobile-card::before {\n content: \"\";\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.4), transparent 70%);\n pointer-events: none;\n }\n\n \/************************************************************\n * 5. MOBILE CARD CONTENT\n ************************************************************\/\n .mobile-frosted-section .mobile-card-logo {\n position: absolute;\n top: 1rem;\n right: 1rem;\n font-family: 'Anton', sans-serif;\n }\n .mobile-frosted-section .mobile-card-logo img {\n max-width: 50%;\n height: auto;\n display: block;\n }\n .mobile-frosted-section .mobile-card-label {\n font-family: 'Anton', sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #cccccc;\n }\n .mobile-frosted-section .mobile-card-name {\n font-family: 'Anton', serif;\n font-size: 4rem;\n font-weight: 400;\n color: #ffffff;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n color: #dddddd;\n }\n\n \/************************************************************\n * 6. ANIMATION KEYFRAMES\n ************************************************************\/\n @keyframes moveCircle {\n 0% { transform: translate(-50%, -50%) translate(0, 0); }\n 50% { transform: translate(-50%, -50%) translate(30px, 30px); }\n 100% { transform: translate(-50%, -50%) translate(0, 0); }\n }\n\n \/************************************************************\n * 7. MEDIA QUERIES\n ************************************************************\/\n \/* Tablet \/ mid-sized screens *\/\n @media (max-width: 768px) {\n .mobile-frosted-section .mobile-circle {\n width: 18vmin;\n height: 18vmin;\n }\n .mobile-frosted-section .mobile-card-name {\n font-size: 3rem;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-size: 0.9rem;\n }\n }\n\n \/* Small phones *\/\n @media (max-width: 480px) {\n .mobile-frosted-section {\n padding: 1rem;\n }\n .mobile-frosted-section .mobile-circle {\n width: 25vmin;\n height: 25vmin;\n }\n .mobile-frosted-section .mobile-card {\n width: 100%;\n padding: 1rem;\n }\n .mobile-frosted-section .mobile-card-name {\n font-size: 2rem;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"mobile-frosted-section\">\n <div class=\"mobile-scene\">\n \n <div class=\"mobile-circle mobile-circle-left\"><\/div>\n <div class=\"mobile-circle mobile-circle-right\"><\/div>\n\n \n <div class=\"mobile-card\">\n <div class=\"mobile-card-logo\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/icon.png\" alt=\"Logo\">\n <\/div>\n <div class=\"mobile-card-label\">MOBY BUDAPEST<\/div>\n <div class=\"mobile-card-name\">Panorama, Style, Exclusivity<\/div>\n <div class=\"mobile-card-sub\">\n Moby is more than just an event venue \u2013 it\u2019s a space where memories are born. A place that has been home to grand-scale parties, intimate weddings, inspiring book launches, dynamic corporate events, and creative workshops.\n <br><br>\n Located next to the B\u00e1lna on the banks of the Danube, Moby is special not only for its diverse programming but also for its breathtaking panorama. The view of the river adds an extra magic to every occasion \u2013 whether it\u2019s a sunset wedding, an exclusive reception, or even a film shoot.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n<\/body>\n<\/html>\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-57aff01 e-con-full e-flex e-con e-parent\" data-id=\"57aff01\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-ae8a84b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ae8a84b\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-561d954 elementor-widget elementor-widget-heading\" data-id=\"561d954\" 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\">ABOUT US<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2960f32 elementor-widget elementor-widget-heading\" data-id=\"2960f32\" 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\">What makes Moby special?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03c1390 elementor-widget elementor-widget-text-editor\" data-id=\"03c1390\" 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>A soksz\u00edn\u0171s\u00e9g az er\u0151ss\u00e9g\u00fcnk. Hisz\u00fcnk abban, hogy egy j\u00f3 rendezv\u00e9nyhelysz\u00ednnek alkalmazkodnia kell az esem\u00e9nyekhez, \u00e9s nem ford\u00edtva. Ez\u00e9rt n\u00e1lunk minden rendezv\u00e9ny a saj\u00e1t st\u00edlus\u00e1ban val\u00f3sulhat meg, legyen sz\u00f3 eleg\u00e1ns vagy laza, klasszikus vagy modern, form\u00e1lis vagy k\u00f6tetlen esem\u00e9nyr\u0151l. Rugalmas t\u00e9rkialak\u00edt\u00e1sunk \u00e9s<br \/>professzion\u00e1lis csapatunk lehet\u0151v\u00e9 teszi, hogy minden elk\u00e9pzel\u00e9st val\u00f3ra v\u00e1ltsunk.<\/p><p>Moby is both vibrant and intimate, timeless and unique. Every event here gains its own character \u2013 the Danube view, the variety of spaces, and the atmosphere tailored to the occasion ensure that every moment is unforgettable.<\/p><p><\/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-d72f8dc elementor-widget elementor-widget-button\" data-id=\"d72f8dc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in\" href=\"#kulonleges\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click Here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-67c7ab3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"67c7ab3\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55f0c6a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"55f0c6a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3aa45bb elementor-widget elementor-widget-image\" data-id=\"3aa45bb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1024x576.jpg\" class=\"attachment-large size-large wp-image-112\" alt=\"\" srcset=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1024x576.jpg 1024w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-300x169.jpg 300w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-768x432.jpg 768w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1536x864.jpg 1536w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\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-c7e2a86 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"c7e2a86\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/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-5d4fef4 e-con-full e-flex e-con e-parent\" data-id=\"5d4fef4\" data-element_type=\"container\" id=\"kulonleges\" data-settings=\"{"background_background":"gradient","shape_divider_top":"opacity-fan"}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 283.5 19.6\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e84f2e2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e84f2e2\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-478b88f elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"478b88f\" 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\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Montserrat&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Slider container *\/\n .slider-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n padding: 20px;\n margin: auto;\n overflow: hidden;\n }\n \/* Slider *\/\n .slider {\n position: relative;\n width: 100%;\n height: 550px; \/* Adjust height as needed *\/\n }\n \/* Each slide *\/\n .slide {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n transition: transform 0.6s ease, opacity 0.6s ease;\n opacity: 0;\n z-index: 1;\n }\n .slide.active {\n opacity: 1;\n z-index: 2;\n transform: translateX(0);\n }\n \/* Card styling with frosted effect *\/\n .card {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n width: 80%;\n margin: auto;\n padding: 1.5rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative; \/* For button positioning *\/\n }\n \/* Card image *\/\n .card img {\n width: 100%;\n border-radius: 12px;\n object-fit: cover;\n }\n \/* Card content styling *\/\n .card-content {\n margin-top: 1rem;\n margin-bottom: 1rem;\n text-align: left;\n }\n \/* Slide title in Anton (white) and description in Montserrat *\/\n .card-content h2 {\n font-family: 'Anton', sans-serif;\n color: #fff;\n margin: 0;\n }\n .card-content p {\n font-family: 'Montserrat', sans-serif;\n color: #fff;\n font-size: 15px;\n margin: 0.5rem 0 1rem;\n }\n \/* Container for slider buttons at bottom right *\/\n .slider-btn-container {\n position: absolute;\n bottom: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 3;\n }\n \/* Navigation buttons *\/\n .slider-btn {\n background: rgba(0,0,0,0.5);\n border: none;\n color: #fff;\n font-size: 1rem;\n padding: 0.3rem 0.6rem;\n cursor: pointer;\n }\n<\/style>\n\n<div class=\"slider-container\">\n <div class=\"slider\">\n \n <div class=\"slide active\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 1\">\n <div class=\"card-content\">\n <h2>Conference<\/h2>\n <p>A professional environment with modern technical equipment and an inspiring panorama of the Danube. MOBY Budapest is the perfect choice for business events and conferences.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"slide\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 2\">\n <div class=\"card-content\">\n <h2>Wedding<\/h2>\n <p>Say \u201cI do\u201d at one of Budapest\u2019s most unique venues! MOBY\u2019s elegant interior and stunning view will make your big day unforgettable.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"slide\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 3\">\n <div class=\"card-content\">\n <h2>Nightclub<\/h2>\n <p>An exclusive nighttime experience in the heart of the city. Modern design, professional sound technology, and an unforgettable atmosphere await at MOBY Budapest.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const slides = document.querySelectorAll('.slider .slide');\n const slider = document.querySelector('.slider');\n let currentSlide = 0;\n const totalSlides = slides.length;\n const transitionDuration = 600; \/\/ in ms\n\n function showSlide(newIndex, direction) {\n const oldSlide = slides[currentSlide];\n \/\/ Animate current slide out with a horizontal slide that leaves a 30px gap\n if(direction === 'next') {\n oldSlide.style.transform = 'translateX(calc(100% + 30px))';\n } else if(direction === 'prev') {\n oldSlide.style.transform = 'translateX(calc(-100% - 30px))';\n }\n oldSlide.style.opacity = 0;\n \n \/\/ After the transition, update slide\n setTimeout(function(){\n oldSlide.classList.remove('active');\n currentSlide = (newIndex + totalSlides) % totalSlides;\n const newSlide = slides[currentSlide];\n \/\/ Set starting state for new slide with a 30px gap from the opposite side\n if(direction === 'next') {\n newSlide.style.transform = 'translateX(calc(-100% - 30px))';\n } else if(direction === 'prev') {\n newSlide.style.transform = 'translateX(calc(100% + 30px))';\n }\n newSlide.style.opacity = 0;\n \/\/ Force reflow\n void newSlide.offsetWidth;\n \/\/ Animate new slide into place (centered)\n newSlide.classList.add('active');\n newSlide.style.transform = 'translateX(0)';\n newSlide.style.opacity = 1;\n }, transitionDuration);\n }\n \n slider.addEventListener('click', function(e){\n if(e.target.matches('.slider-btn.next')) {\n showSlide(currentSlide + 1, 'next');\n }\n if(e.target.matches('.slider-btn.prev')) {\n showSlide(currentSlide - 1, 'prev');\n }\n });\n })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d75aa2d elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"d75aa2d\" 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\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Montserrat&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* Alternative Slider Container *\/\n .alt-slider-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin: auto;\n \/* Use smaller default padding to avoid huge spacing on mobile *\/\n padding: 15px;\n overflow: hidden;\n z-index: 999; \/* Ensure it appears above other elements if needed *\/\n }\n\n \/* Alternative Slider *\/\n .alt-slider {\n position: relative;\n width: 100%;\n \/* Use auto height so it grows with content *\/\n height: 500px;\n }\n\n \/* Each Alternative Slide *\/\n .alt-slide {\n position: absolute;\n width: 100%;\n top: 0;\n left: 0;\n transition: transform 0.6s ease, opacity 0.6s ease;\n opacity: 0;\n z-index: 1;\n \/* Let the slide's height be determined by its content *\/\n \/* We'll handle transitions by re-positioning them off-screen *\/\n }\n .alt-slide.active {\n opacity: 1;\n z-index: 2;\n transform: translateX(0);\n }\n\n \/* Alternative Card Styling with Frosted Effect *\/\n .alt-card {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n width: 80%;\n margin: auto;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative; \/* For button positioning *\/\n }\n\n \/* Alternative Card Image *\/\n .alt-card img {\n width: 100%;\n border-radius: 12px;\n object-fit: cover;\n }\n\n \/* Alternative Card Content Styling *\/\n .alt-card-content {\n margin-top: 1rem;\n margin-bottom: 1rem;\n text-align: left;\n }\n\n \/* Slide title (Anton) and description (Montserrat) *\/\n .alt-card-content h2 {\n font-family: 'Anton', sans-serif;\n color: #fff;\n margin: 0;\n }\n .alt-card-content p {\n font-family: 'Montserrat', sans-serif;\n color: #fff;\n font-size: 15px;\n margin: 0.5rem 0 1rem;\n }\n\n \/* Alternative Slider Buttons Container (bottom right) *\/\n .alt-slider-btn-container {\n position: absolute;\n bottom: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 3;\n }\n\n \/* Alternative Navigation Buttons *\/\n .alt-slider-btn {\n background: rgba(0,0,0,0.5);\n border: none;\n color: #fff;\n font-size: 1rem;\n padding: 0.3rem 0.6rem;\n cursor: pointer;\n }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 480px) {\n .alt-slider-container {\n padding: 10px;\n }\n .alt-card {\n width: 100%;\n padding: 1rem;\n }\n }\n<\/style>\n\n<div class=\"alt-slider-container\">\n <div class=\"alt-slider\">\n \n <div class=\"alt-slide active\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 1\">\n <div class=\"alt-card-content\">\n <h2>Konferencia<\/h2>\n <p>Professzion\u00e1lis k\u00f6rnyezet modern technikai felszerelts\u00e9ggel, inspir\u00e1l\u00f3 panor\u00e1m\u00e1val a Dun\u00e1ra. A MOBY Budapest t\u00f6k\u00e9letes v\u00e1laszt\u00e1s \u00fczleti rendezv\u00e9nyekhez \u00e9s konferenci\u00e1khoz.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"alt-slide\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 2\">\n <div class=\"alt-card-content\">\n <h2>Wedding<\/h2>\n <p>Mondj\u00e1tok ki az igent Budapest egyik legk\u00fcl\u00f6nlegesebb helysz\u00edn\u00e9n! A MOBY eleg\u00e1ns bels\u0151 tere \u00e9s leny\u0171g\u00f6z\u0151 kil\u00e1t\u00e1sa felejthetetlenn\u00e9 var\u00e1zsolja a nagy napot.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"alt-slide\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 3\">\n <div class=\"alt-card-content\">\n <h2>Nightclub<\/h2>\n <p>Exkluz\u00edv \u00e9jszakai \u00e9lm\u00e9ny a v\u00e1ros sz\u00edv\u00e9ben. Modern diz\u00e1jn, profi hangtechnika \u00e9s felejthetetlen hangulat v\u00e1r a MOBY Budapestben.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const altSlides = document.querySelectorAll('.alt-slider .alt-slide');\n const altSlider = document.querySelector('.alt-slider');\n let currentSlideIndex = 0;\n const totalAltSlides = altSlides.length;\n const transitionDuration = 600; \/\/ in ms\n\n function showAltSlide(newIndex, direction) {\n const oldSlide = altSlides[currentSlideIndex];\n \/\/ Animate current slide out to the left or right\n if(direction === 'next') {\n oldSlide.style.transform = 'translateX(calc(100% + 30px))';\n } else if(direction === 'prev') {\n oldSlide.style.transform = 'translateX(calc(-100% - 30px))';\n }\n oldSlide.style.opacity = 0;\n \n \/\/ After the transition, update the active slide\n setTimeout(function(){\n oldSlide.classList.remove('active');\n currentSlideIndex = (newIndex + totalAltSlides) % totalAltSlides;\n const newSlide = altSlides[currentSlideIndex];\n \/\/ Place new slide off-screen from the opposite side\n if(direction === 'next') {\n newSlide.style.transform = 'translateX(calc(-100% - 30px))';\n } else if(direction === 'prev') {\n newSlide.style.transform = 'translateX(calc(100% + 30px))';\n }\n newSlide.style.opacity = 0;\n \/\/ Force reflow\n void newSlide.offsetWidth;\n \/\/ Animate new slide into view\n newSlide.classList.add('active');\n newSlide.style.transform = 'translateX(0)';\n newSlide.style.opacity = 1;\n }, transitionDuration);\n }\n \n altSlider.addEventListener('click', function(e){\n if(e.target.matches('.alt-next')) {\n showAltSlide(currentSlideIndex + 1, 'next');\n }\n if(e.target.matches('.alt-prev')) {\n showAltSlide(currentSlideIndex - 1, 'prev');\n }\n });\n })();\n<\/script>\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-edac50b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"edac50b\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ad75b elementor-widget elementor-widget-heading\" data-id=\"13ad75b\" 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\">Moby Budapest<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83c0a21 elementor-widget elementor-widget-heading\" data-id=\"83c0a21\" 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\">The Home of Diverse Experiences<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d99690a elementor-widget elementor-widget-text-editor\" data-id=\"d99690a\" 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>A Moby egyszerre vibr\u00e1l\u00f3 \u00e9s meghitt, id\u0151tlen \u00e9s egyedi. Itt minden<br \/>esem\u00e9ny egyedi karaktert kap \u2013 a Duna l\u00e1tv\u00e1nya, a v\u00e1ltozatos terek \u00e9s<br \/>az esem\u00e9nyhez igaz\u00edtott atmoszf\u00e9ra gondoskodik r\u00f3la, hogy minden pillanat felejthetetlen legyen.<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6777c1a e-con-full e-flex e-con e-parent\" data-id=\"6777c1a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b1566 elementor-widget elementor-widget-gallery\" data-id=\"62b1566\" data-element_type=\"widget\" data-settings=\"{"gap":{"unit":"px","size":0,"sizes":[]},"aspect_ratio":"1:1","columns_mobile":2,"gap_mobile":{"unit":"px","size":0,"sizes":[]},"lazyload":"yes","gallery_layout":"grid","columns":4,"columns_tablet":2,"gap_tablet":{"unit":"px","size":10,"sizes":[]},"overlay_background":"yes","content_hover_animation":"fade-in"}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/1.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/3.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/4.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-103efb9 e-con-full e-flex e-con e-parent\" data-id=\"103efb9\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3732225 elementor-widget elementor-widget-heading\" data-id=\"3732225\" 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\">NEXT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da2355a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"da2355a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acba3b0 elementor-widget elementor-widget-heading\" data-id=\"acba3b0\" 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\">Events<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f67aa1f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f67aa1f\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/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-9e8d21f e-con-full e-flex e-con e-parent\" data-id=\"9e8d21f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b7f4f elementor-widget elementor-widget-gallery\" data-id=\"47b7f4f\" data-element_type=\"widget\" data-settings=\"{"gap":{"unit":"px","size":0,"sizes":[]},"aspect_ratio":"1:1","columns_mobile":2,"gap_mobile":{"unit":"px","size":0,"sizes":[]},"lazyload":"yes","gallery_layout":"grid","columns":4,"columns_tablet":2,"gap_tablet":{"unit":"px","size":10,"sizes":[]},"overlay_background":"yes","content_hover_animation":"fade-in"}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-1.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-2.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-3.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-4.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-36b864c e-flex e-con-boxed e-con e-parent\" data-id=\"36b864c\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-432e03e elementor-widget elementor-widget-heading\" data-id=\"432e03e\" 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\">NEXT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c068077 elementor-widget elementor-widget-heading\" data-id=\"c068077\" 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\">CONTACT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f78b447 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f78b447\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a757999 elementor-widget elementor-widget-text-editor\" data-id=\"a757999\" 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>Ha egy helyet keresel, ahol a k\u00f6rnyezet \u00f6nmag\u00e1ban is hozz\u00e1ad az<br \/>\u00e9lm\u00e9nyhez, ahol az esem\u00e9nyed egyedi \u00e9s eml\u00e9kezetes lehet, akkor a Moby t\u00f6k\u00e9letes v\u00e1laszt\u00e1s.<\/p><p>Get in touch with us, and let\u2019s bring your vision to life together!<\/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-ddfd93d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ddfd93d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62546b8 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"62546b8\" data-element_type=\"widget\" data-settings=\"{"step_next_label":"K\\u00f6vetkez\\u0151","step_previous_label":"El\\u0151z\\u0151","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u00daj \u0171rlap\" action=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"27\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"62546b8\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"27\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_d6a770b elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_d6a770b]\" id=\"form-field-field_d6a770b\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\">\n\t\t\t\t<label for=\"form-field-field_d6a770b\">Elfogadom az \n<a href=\"https:\/\/mobyrombusz.com\/en\/adatkezelesi-tajekoztato\/\" target=\"_blank\" rel=\"noopener\">\n adatkezel\u00e9si nyilatkozatot\n<\/a>.\n<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t\t\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-019abd3 e-flex e-con-boxed e-con e-parent\" data-id=\"019abd3\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c89c3d5 elementor-widget elementor-widget-heading\" data-id=\"c89c3d5\" 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\">Moby Budapest 2025 <\/h2>\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>Frosted Card Demo \u2013 Jav\u00edtott Padding MOBY BUDAPEST Panor\u00e1ma, St\u00edlus, Exkluzivit\u00e1s A Moby t\u00f6bb mint egy rendezv\u00e9nyhelysz\u00edn \u2013 ez egy […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":280,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":372,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/372"}],"wp:attachment":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n Frosted Card Demo \u2013 Jav\u00edtott Padding<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\n <style>\n \/************************************************************\n * 1. SCOPED STYLES FOR THE FROSTED SECTION\n ************************************************************\/\n .frosted-section {\n position: relative;\n width: 100%;\n min-height: 800px;\n background: #0b0b0b00;\n color: #fff;\n font-family: sans-serif;\n \/* Keep overflow hidden, but add bottom padding so circles fit *\/\n overflow: hidden;\n padding: 1rem 1rem 8rem;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/************************************************************\n * 2. WRAPPER (SCENE) TO HOLD CIRCLES & CARD\n ************************************************************\/\n .frosted-section .scene {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n \/* No overflow setting here, rely on .frosted-section *\/\n }\n\n \/************************************************************\n * 3. CIRCLES\n ************************************************************\/\n .frosted-section .circle {\n position: absolute;\n border-radius: 50%;\n z-index: 1;\n width: 20vmin;\n height: 20vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n }\n .frosted-section .circle-left {\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n .frosted-section .circle-right {\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n top: 105%;\n left: 100%;\n animation-duration: 6s;\n animation-delay: 1s;\n }\n\n \/************************************************************\n * 4. FROSTED CARD\n ************************************************************\/\n .frosted-section .card {\n position: relative;\n z-index: 2;\n width: clamp(360px, 100%, 1040px);\n margin: 0 auto;\n padding: 1.5rem;\n background: rgba(255, 255, 255, 0.09);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .frosted-section .card::before {\n content: \"\";\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.4), transparent 70%);\n pointer-events: none;\n }\n\n \/************************************************************\n * 5. CARD CONTENT STYLES\n ************************************************************\/\n .frosted-section .card-logo {\n position: absolute;\n top: 1rem;\n right: 1rem;\n font-family: 'Anton', sans-serif;\n }\n .frosted-section .card-logo img {\n max-width: 50%;\n height: auto;\n display: block;\n }\n .frosted-section .card-label {\n font-family: 'Anton', sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #cccccc;\n }\n .frosted-section .card-name {\n font-family: 'Anton', serif;\n font-size: 4rem;\n font-weight: 400;\n color: #ffffff;\n }\n .frosted-section .card-sub {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n color: #dddddd;\n }\n\n \/************************************************************\n * 6. ANIMATION KEYFRAMES\n ************************************************************\/\n @keyframes moveCircle {\n 0% { transform: translate(-50%, -50%) translate(0, 0); }\n 50% { transform: translate(-50%, -50%) translate(30px, 30px); }\n 100% { transform: translate(-50%, -50%) translate(0, 0); }\n }\n\n \/************************************************************\n * 7. MEDIA QUERY FOR SMALL SCREENS\n ************************************************************\/\n @media (max-width: 480px) {\n .frosted-section { padding: 1rem 1rem 10rem; }\n .frosted-section .circle { width: 25vmin; height: 25vmin; }\n .frosted-section .card { width: 100%; padding: 1rem; }\n .frosted-section .card-name { font-size: 1rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"frosted-section\">\n <div class=\"scene\">\n \n <div class=\"circle circle-left\"><\/div>\n <div class=\"circle circle-right\"><\/div>\n\n \n <div class=\"card\">\n <div class=\"card-logo\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/icon.png\" alt=\"Logo\">\n <\/div>\n <div class=\"card-label\">MOBY BUDAPEST<\/div>\n <div class=\"card-name\">Panorama, Style, Exclusivity<\/div>\n <div class=\"card-sub\">\n Moby is more than just an event venue \u2013 it\u2019s a space where memories are born. A place that has been home to grand-scale parties, intimate weddings, inspiring book launches, dynamic corporate events, and creative workshops.\n <br><br>\n Located next to the B\u00e1lna on the banks of the Danube, Moby is special not only for its diverse programming but also for its breathtaking panorama. The view of the river adds an extra magic to every occasion \u2013 whether it\u2019s a sunset wedding, an exclusive reception, or even a film shoot.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n\n<\/body>\n<\/html>\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-47ac9f4 e-con-full elementor-hidden-desktop e-flex e-con e-parent\" data-id=\"47ac9f4\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/mobyrombusz.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/moby-cover-1.mp4","background_play_on_mobile":"yes","shape_divider_bottom":"opacity-fan"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-shape elementor-shape-bottom\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 283.5 19.6\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e72f38 e-con-full elementor-hidden-desktop e-flex elementor-invisible e-con e-child\" data-id=\"0e72f38\" data-element_type=\"container\" data-settings=\"{"animation":"slideInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d6769f elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"4d6769f\" data-element_type=\"widget\" data-settings=\"{"motion_fx_motion_fx_mouse":"yes","motion_fx_tilt_effect":"yes","motion_fx_tilt_direction":"negative","motion_fx_tilt_speed":{"unit":"px","size":1,"sizes":[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Frosted Card Demo \u2013 Mobil Verzi\u00f3 Jav\u00edtva<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&display=swap\" rel=\"stylesheet\">\n <style>\n \/************************************************************\n * 1. MOBILE-SPECIFIC FROSTED SECTION\n ************************************************************\/\n .mobile-frosted-section {\n position: relative;\n width: 100%;\n min-height: auto;\n background: transparent;\n color: #fff;\n font-family: sans-serif;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n box-sizing: border-box;\n }\n\n \/************************************************************\n * 2. MOBILE SCENE WRAPPER\n ************************************************************\/\n .mobile-frosted-section .mobile-scene {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin: 0 auto;\n }\n\n \/************************************************************\n * 3. MOBILE CIRCLES\n ************************************************************\/\n .mobile-frosted-section .mobile-circle {\n position: absolute;\n border-radius: 50%;\n z-index: 1;\n width: 20vmin;\n height: 20vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n }\n .mobile-circle-left {\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n .mobile-circle-right {\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n top: 105%;\n left: 100%;\n animation-duration: 6s;\n animation-delay: 1s;\n }\n\n \/************************************************************\n * 4. MOBILE FROSTED CARD\n ************************************************************\/\n .mobile-frosted-section .mobile-card {\n position: relative;\n z-index: 2;\n width: clamp(360px, 100%, 1040px);\n padding: 1.5rem;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.09);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(15px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n .mobile-frosted-section .mobile-card::before {\n content: \"\";\n position: absolute;\n top: -40px;\n right: -40px;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(255,255,255,0.4), transparent 70%);\n pointer-events: none;\n }\n\n \/************************************************************\n * 5. MOBILE CARD CONTENT\n ************************************************************\/\n .mobile-frosted-section .mobile-card-logo {\n position: absolute;\n top: 1rem;\n right: 1rem;\n font-family: 'Anton', sans-serif;\n }\n .mobile-frosted-section .mobile-card-logo img {\n max-width: 50%;\n height: auto;\n display: block;\n }\n .mobile-frosted-section .mobile-card-label {\n font-family: 'Anton', sans-serif;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: #cccccc;\n }\n .mobile-frosted-section .mobile-card-name {\n font-family: 'Anton', serif;\n font-size: 4rem;\n font-weight: 400;\n color: #ffffff;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-family: 'Montserrat', sans-serif;\n font-size: 0.85rem;\n color: #dddddd;\n }\n\n \/************************************************************\n * 6. ANIMATION KEYFRAMES\n ************************************************************\/\n @keyframes moveCircle {\n 0% { transform: translate(-50%, -50%) translate(0, 0); }\n 50% { transform: translate(-50%, -50%) translate(30px, 30px); }\n 100% { transform: translate(-50%, -50%) translate(0, 0); }\n }\n\n \/************************************************************\n * 7. MEDIA QUERIES\n ************************************************************\/\n \/* Tablet \/ mid-sized screens *\/\n @media (max-width: 768px) {\n .mobile-frosted-section .mobile-circle {\n width: 18vmin;\n height: 18vmin;\n }\n .mobile-frosted-section .mobile-card-name {\n font-size: 3rem;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-size: 0.9rem;\n }\n }\n\n \/* Small phones *\/\n @media (max-width: 480px) {\n .mobile-frosted-section {\n padding: 1rem;\n }\n .mobile-frosted-section .mobile-circle {\n width: 25vmin;\n height: 25vmin;\n }\n .mobile-frosted-section .mobile-card {\n width: 100%;\n padding: 1rem;\n }\n .mobile-frosted-section .mobile-card-name {\n font-size: 2rem;\n }\n .mobile-frosted-section .mobile-card-sub {\n font-size: 0.9rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <div class=\"mobile-frosted-section\">\n <div class=\"mobile-scene\">\n \n <div class=\"mobile-circle mobile-circle-left\"><\/div>\n <div class=\"mobile-circle mobile-circle-right\"><\/div>\n\n \n <div class=\"mobile-card\">\n <div class=\"mobile-card-logo\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/icon.png\" alt=\"Logo\">\n <\/div>\n <div class=\"mobile-card-label\">MOBY BUDAPEST<\/div>\n <div class=\"mobile-card-name\">Panorama, Style, Exclusivity<\/div>\n <div class=\"mobile-card-sub\">\n Moby is more than just an event venue \u2013 it\u2019s a space where memories are born. A place that has been home to grand-scale parties, intimate weddings, inspiring book launches, dynamic corporate events, and creative workshops.\n <br><br>\n Located next to the B\u00e1lna on the banks of the Danube, Moby is special not only for its diverse programming but also for its breathtaking panorama. The view of the river adds an extra magic to every occasion \u2013 whether it\u2019s a sunset wedding, an exclusive reception, or even a film shoot.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n\n<\/body>\n<\/html>\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-57aff01 e-con-full e-flex e-con e-parent\" data-id=\"57aff01\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-ae8a84b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ae8a84b\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-561d954 elementor-widget elementor-widget-heading\" data-id=\"561d954\" 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\">ABOUT US<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2960f32 elementor-widget elementor-widget-heading\" data-id=\"2960f32\" 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\">What makes Moby special?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-03c1390 elementor-widget elementor-widget-text-editor\" data-id=\"03c1390\" 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>A soksz\u00edn\u0171s\u00e9g az er\u0151ss\u00e9g\u00fcnk. Hisz\u00fcnk abban, hogy egy j\u00f3 rendezv\u00e9nyhelysz\u00ednnek alkalmazkodnia kell az esem\u00e9nyekhez, \u00e9s nem ford\u00edtva. Ez\u00e9rt n\u00e1lunk minden rendezv\u00e9ny a saj\u00e1t st\u00edlus\u00e1ban val\u00f3sulhat meg, legyen sz\u00f3 eleg\u00e1ns vagy laza, klasszikus vagy modern, form\u00e1lis vagy k\u00f6tetlen esem\u00e9nyr\u0151l. Rugalmas t\u00e9rkialak\u00edt\u00e1sunk \u00e9s<br \/>professzion\u00e1lis csapatunk lehet\u0151v\u00e9 teszi, hogy minden elk\u00e9pzel\u00e9st val\u00f3ra v\u00e1ltsunk.<\/p><p>Moby is both vibrant and intimate, timeless and unique. Every event here gains its own character \u2013 the Danube view, the variety of spaces, and the atmosphere tailored to the occasion ensure that every moment is unforgettable.<\/p><p><\/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-d72f8dc elementor-widget elementor-widget-button\" data-id=\"d72f8dc\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-bounce-in\" href=\"#kulonleges\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click Here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-67c7ab3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"67c7ab3\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55f0c6a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"55f0c6a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3aa45bb elementor-widget elementor-widget-image\" data-id=\"3aa45bb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1024x576.jpg\" class=\"attachment-large size-large wp-image-112\" alt=\"\" srcset=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1024x576.jpg 1024w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-300x169.jpg 300w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-768x432.jpg 768w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-1536x864.jpg 1536w, https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\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-c7e2a86 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"c7e2a86\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/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-5d4fef4 e-con-full e-flex e-con e-parent\" data-id=\"5d4fef4\" data-element_type=\"container\" id=\"kulonleges\" data-settings=\"{"background_background":"gradient","shape_divider_top":"opacity-fan"}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 283.5 19.6\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e84f2e2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e84f2e2\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInLeft"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-478b88f elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"478b88f\" 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\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Montserrat&display=swap\" rel=\"stylesheet\">\n<style>\n \/* Slider container *\/\n .slider-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n padding: 20px;\n margin: auto;\n overflow: hidden;\n }\n \/* Slider *\/\n .slider {\n position: relative;\n width: 100%;\n height: 550px; \/* Adjust height as needed *\/\n }\n \/* Each slide *\/\n .slide {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n transition: transform 0.6s ease, opacity 0.6s ease;\n opacity: 0;\n z-index: 1;\n }\n .slide.active {\n opacity: 1;\n z-index: 2;\n transform: translateX(0);\n }\n \/* Card styling with frosted effect *\/\n .card {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n width: 80%;\n margin: auto;\n padding: 1.5rem;\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative; \/* For button positioning *\/\n }\n \/* Card image *\/\n .card img {\n width: 100%;\n border-radius: 12px;\n object-fit: cover;\n }\n \/* Card content styling *\/\n .card-content {\n margin-top: 1rem;\n margin-bottom: 1rem;\n text-align: left;\n }\n \/* Slide title in Anton (white) and description in Montserrat *\/\n .card-content h2 {\n font-family: 'Anton', sans-serif;\n color: #fff;\n margin: 0;\n }\n .card-content p {\n font-family: 'Montserrat', sans-serif;\n color: #fff;\n font-size: 15px;\n margin: 0.5rem 0 1rem;\n }\n \/* Container for slider buttons at bottom right *\/\n .slider-btn-container {\n position: absolute;\n bottom: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 3;\n }\n \/* Navigation buttons *\/\n .slider-btn {\n background: rgba(0,0,0,0.5);\n border: none;\n color: #fff;\n font-size: 1rem;\n padding: 0.3rem 0.6rem;\n cursor: pointer;\n }\n<\/style>\n\n<div class=\"slider-container\">\n <div class=\"slider\">\n \n <div class=\"slide active\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 1\">\n <div class=\"card-content\">\n <h2>Conference<\/h2>\n <p>A professional environment with modern technical equipment and an inspiring panorama of the Danube. MOBY Budapest is the perfect choice for business events and conferences.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"slide\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 2\">\n <div class=\"card-content\">\n <h2>Wedding<\/h2>\n <p>Say \u201cI do\u201d at one of Budapest\u2019s most unique venues! MOBY\u2019s elegant interior and stunning view will make your big day unforgettable.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"slide\">\n <div class=\"card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 3\">\n <div class=\"card-content\">\n <h2>Nightclub<\/h2>\n <p>An exclusive nighttime experience in the heart of the city. Modern design, professional sound technology, and an unforgettable atmosphere await at MOBY Budapest.<\/p>\n <\/div>\n <div class=\"slider-btn-container\">\n <button class=\"slider-btn prev\">❮<\/button>\n <button class=\"slider-btn next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const slides = document.querySelectorAll('.slider .slide');\n const slider = document.querySelector('.slider');\n let currentSlide = 0;\n const totalSlides = slides.length;\n const transitionDuration = 600; \/\/ in ms\n\n function showSlide(newIndex, direction) {\n const oldSlide = slides[currentSlide];\n \/\/ Animate current slide out with a horizontal slide that leaves a 30px gap\n if(direction === 'next') {\n oldSlide.style.transform = 'translateX(calc(100% + 30px))';\n } else if(direction === 'prev') {\n oldSlide.style.transform = 'translateX(calc(-100% - 30px))';\n }\n oldSlide.style.opacity = 0;\n \n \/\/ After the transition, update slide\n setTimeout(function(){\n oldSlide.classList.remove('active');\n currentSlide = (newIndex + totalSlides) % totalSlides;\n const newSlide = slides[currentSlide];\n \/\/ Set starting state for new slide with a 30px gap from the opposite side\n if(direction === 'next') {\n newSlide.style.transform = 'translateX(calc(-100% - 30px))';\n } else if(direction === 'prev') {\n newSlide.style.transform = 'translateX(calc(100% + 30px))';\n }\n newSlide.style.opacity = 0;\n \/\/ Force reflow\n void newSlide.offsetWidth;\n \/\/ Animate new slide into place (centered)\n newSlide.classList.add('active');\n newSlide.style.transform = 'translateX(0)';\n newSlide.style.opacity = 1;\n }, transitionDuration);\n }\n \n slider.addEventListener('click', function(e){\n if(e.target.matches('.slider-btn.next')) {\n showSlide(currentSlide + 1, 'next');\n }\n if(e.target.matches('.slider-btn.prev')) {\n showSlide(currentSlide - 1, 'prev');\n }\n });\n })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d75aa2d elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"d75aa2d\" 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\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Montserrat&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/* Alternative Slider Container *\/\n .alt-slider-container {\n position: relative;\n width: 100%;\n max-width: 800px;\n margin: auto;\n \/* Use smaller default padding to avoid huge spacing on mobile *\/\n padding: 15px;\n overflow: hidden;\n z-index: 999; \/* Ensure it appears above other elements if needed *\/\n }\n\n \/* Alternative Slider *\/\n .alt-slider {\n position: relative;\n width: 100%;\n \/* Use auto height so it grows with content *\/\n height: 500px;\n }\n\n \/* Each Alternative Slide *\/\n .alt-slide {\n position: absolute;\n width: 100%;\n top: 0;\n left: 0;\n transition: transform 0.6s ease, opacity 0.6s ease;\n opacity: 0;\n z-index: 1;\n \/* Let the slide's height be determined by its content *\/\n \/* We'll handle transitions by re-positioning them off-screen *\/\n }\n .alt-slide.active {\n opacity: 1;\n z-index: 2;\n transform: translateX(0);\n }\n\n \/* Alternative Card Styling with Frosted Effect *\/\n .alt-card {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.15);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-radius: 16px;\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);\n width: 80%;\n margin: auto;\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n position: relative; \/* For button positioning *\/\n }\n\n \/* Alternative Card Image *\/\n .alt-card img {\n width: 100%;\n border-radius: 12px;\n object-fit: cover;\n }\n\n \/* Alternative Card Content Styling *\/\n .alt-card-content {\n margin-top: 1rem;\n margin-bottom: 1rem;\n text-align: left;\n }\n\n \/* Slide title (Anton) and description (Montserrat) *\/\n .alt-card-content h2 {\n font-family: 'Anton', sans-serif;\n color: #fff;\n margin: 0;\n }\n .alt-card-content p {\n font-family: 'Montserrat', sans-serif;\n color: #fff;\n font-size: 15px;\n margin: 0.5rem 0 1rem;\n }\n\n \/* Alternative Slider Buttons Container (bottom right) *\/\n .alt-slider-btn-container {\n position: absolute;\n bottom: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 3;\n }\n\n \/* Alternative Navigation Buttons *\/\n .alt-slider-btn {\n background: rgba(0,0,0,0.5);\n border: none;\n color: #fff;\n font-size: 1rem;\n padding: 0.3rem 0.6rem;\n cursor: pointer;\n }\n\n \/* Mobile Adjustments *\/\n @media (max-width: 480px) {\n .alt-slider-container {\n padding: 10px;\n }\n .alt-card {\n width: 100%;\n padding: 1rem;\n }\n }\n<\/style>\n\n<div class=\"alt-slider-container\">\n <div class=\"alt-slider\">\n \n <div class=\"alt-slide active\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 1\">\n <div class=\"alt-card-content\">\n <h2>Konferencia<\/h2>\n <p>Professzion\u00e1lis k\u00f6rnyezet modern technikai felszerelts\u00e9ggel, inspir\u00e1l\u00f3 panor\u00e1m\u00e1val a Dun\u00e1ra. A MOBY Budapest t\u00f6k\u00e9letes v\u00e1laszt\u00e1s \u00fczleti rendezv\u00e9nyekhez \u00e9s konferenci\u00e1khoz.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"alt-slide\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 2\">\n <div class=\"alt-card-content\">\n <h2>Wedding<\/h2>\n <p>Mondj\u00e1tok ki az igent Budapest egyik legk\u00fcl\u00f6nlegesebb helysz\u00edn\u00e9n! A MOBY eleg\u00e1ns bels\u0151 tere \u00e9s leny\u0171g\u00f6z\u0151 kil\u00e1t\u00e1sa felejthetetlenn\u00e9 var\u00e1zsolja a nagy napot.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"alt-slide\">\n <div class=\"alt-card\">\n <img decoding=\"async\" src=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2025_02_15_Moby_007-scaled.jpg\" alt=\"Slide 3\">\n <div class=\"alt-card-content\">\n <h2>Nightclub<\/h2>\n <p>Exkluz\u00edv \u00e9jszakai \u00e9lm\u00e9ny a v\u00e1ros sz\u00edv\u00e9ben. Modern diz\u00e1jn, profi hangtechnika \u00e9s felejthetetlen hangulat v\u00e1r a MOBY Budapestben.<\/p>\n <\/div>\n <div class=\"alt-slider-btn-container\">\n <button class=\"alt-slider-btn alt-prev\">❮<\/button>\n <button class=\"alt-slider-btn alt-next\">❯<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n (function(){\n const altSlides = document.querySelectorAll('.alt-slider .alt-slide');\n const altSlider = document.querySelector('.alt-slider');\n let currentSlideIndex = 0;\n const totalAltSlides = altSlides.length;\n const transitionDuration = 600; \/\/ in ms\n\n function showAltSlide(newIndex, direction) {\n const oldSlide = altSlides[currentSlideIndex];\n \/\/ Animate current slide out to the left or right\n if(direction === 'next') {\n oldSlide.style.transform = 'translateX(calc(100% + 30px))';\n } else if(direction === 'prev') {\n oldSlide.style.transform = 'translateX(calc(-100% - 30px))';\n }\n oldSlide.style.opacity = 0;\n \n \/\/ After the transition, update the active slide\n setTimeout(function(){\n oldSlide.classList.remove('active');\n currentSlideIndex = (newIndex + totalAltSlides) % totalAltSlides;\n const newSlide = altSlides[currentSlideIndex];\n \/\/ Place new slide off-screen from the opposite side\n if(direction === 'next') {\n newSlide.style.transform = 'translateX(calc(-100% - 30px))';\n } else if(direction === 'prev') {\n newSlide.style.transform = 'translateX(calc(100% + 30px))';\n }\n newSlide.style.opacity = 0;\n \/\/ Force reflow\n void newSlide.offsetWidth;\n \/\/ Animate new slide into view\n newSlide.classList.add('active');\n newSlide.style.transform = 'translateX(0)';\n newSlide.style.opacity = 1;\n }, transitionDuration);\n }\n \n altSlider.addEventListener('click', function(e){\n if(e.target.matches('.alt-next')) {\n showAltSlide(currentSlideIndex + 1, 'next');\n }\n if(e.target.matches('.alt-prev')) {\n showAltSlide(currentSlideIndex - 1, 'prev');\n }\n });\n })();\n<\/script>\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-edac50b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"edac50b\" data-element_type=\"container\" data-settings=\"{"animation":"fadeInRight"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ad75b elementor-widget elementor-widget-heading\" data-id=\"13ad75b\" 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\">Moby Budapest<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83c0a21 elementor-widget elementor-widget-heading\" data-id=\"83c0a21\" 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\">The Home of Diverse Experiences<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d99690a elementor-widget elementor-widget-text-editor\" data-id=\"d99690a\" 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>A Moby egyszerre vibr\u00e1l\u00f3 \u00e9s meghitt, id\u0151tlen \u00e9s egyedi. Itt minden<br \/>esem\u00e9ny egyedi karaktert kap \u2013 a Duna l\u00e1tv\u00e1nya, a v\u00e1ltozatos terek \u00e9s<br \/>az esem\u00e9nyhez igaz\u00edtott atmoszf\u00e9ra gondoskodik r\u00f3la, hogy minden pillanat felejthetetlen legyen.<\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6777c1a e-con-full e-flex e-con e-parent\" data-id=\"6777c1a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b1566 elementor-widget elementor-widget-gallery\" data-id=\"62b1566\" data-element_type=\"widget\" data-settings=\"{"gap":{"unit":"px","size":0,"sizes":[]},"aspect_ratio":"1:1","columns_mobile":2,"gap_mobile":{"unit":"px","size":0,"sizes":[]},"lazyload":"yes","gallery_layout":"grid","columns":4,"columns_tablet":2,"gap_tablet":{"unit":"px","size":10,"sizes":[]},"overlay_background":"yes","content_hover_animation":"fade-in"}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/1.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/2.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/3.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/4.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-103efb9 e-con-full e-flex e-con e-parent\" data-id=\"103efb9\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3732225 elementor-widget elementor-widget-heading\" data-id=\"3732225\" 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\">NEXT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da2355a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"da2355a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acba3b0 elementor-widget elementor-widget-heading\" data-id=\"acba3b0\" 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\">Events<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f67aa1f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f67aa1f\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/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-9e8d21f e-con-full e-flex e-con e-parent\" data-id=\"9e8d21f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b7f4f elementor-widget elementor-widget-gallery\" data-id=\"47b7f4f\" data-element_type=\"widget\" data-settings=\"{"gap":{"unit":"px","size":0,"sizes":[]},"aspect_ratio":"1:1","columns_mobile":2,"gap_mobile":{"unit":"px","size":0,"sizes":[]},"lazyload":"yes","gallery_layout":"grid","columns":4,"columns_tablet":2,"gap_tablet":{"unit":"px","size":10,"sizes":[]},"overlay_background":"yes","content_hover_animation":"fade-in"}\" data-widget_type=\"gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-1.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-2.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-3.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-gallery-item elementor-gallery-item elementor-animated-content\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"https:\/\/mobyrombusz.com\/wp-content\/uploads\/2025\/03\/konferencia-4.png\" data-width=\"1080\" data-height=\"1080\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\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-36b864c e-flex e-con-boxed e-con e-parent\" data-id=\"36b864c\" data-element_type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-432e03e elementor-widget elementor-widget-heading\" data-id=\"432e03e\" 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\">NEXT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c068077 elementor-widget elementor-widget-heading\" data-id=\"c068077\" 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\">CONTACT<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f78b447 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f78b447\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInDown","_animation_delay":300}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* Left circle styles *\/\n .circle-left {\n position: absolute;\n border-radius: 50%;\n width: 15vmin;\n height: 15vmin;\n transform: translate(-50%, -50%);\n animation: moveCircle 5s ease-in-out infinite;\n background: radial-gradient(circle, #162099 0%, #C719AC 100%);\n top: 10%;\n left: 5%;\n }\n @keyframes moveCircle {\n 0% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n 50% {\n transform: translate(-50%, -50%) translate(30px, 30px);\n }\n 100% {\n transform: translate(-50%, -50%) translate(0, 0);\n }\n }\n<\/style>\n<div class=\"circle-left\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a757999 elementor-widget elementor-widget-text-editor\" data-id=\"a757999\" 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>Ha egy helyet keresel, ahol a k\u00f6rnyezet \u00f6nmag\u00e1ban is hozz\u00e1ad az<br \/>\u00e9lm\u00e9nyhez, ahol az esem\u00e9nyed egyedi \u00e9s eml\u00e9kezetes lehet, akkor a Moby t\u00f6k\u00e9letes v\u00e1laszt\u00e1s.<\/p><p>Get in touch with us, and let\u2019s bring your vision to life together!<\/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-ddfd93d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"ddfd93d\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInRight","_animation_delay":600}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \/* F\u00fcgg\u0151leges anim\u00e1ci\u00f3 \u2013 \u00faj keyframes n\u00e9vvel *\/\n @keyframes moveCircleVertical {\n 0%, 100% {\n transform: translate(-50%, -50%) translateY(0);\n }\n 50% {\n transform: translate(-50%, -50%) translateY(-30px);\n }\n }\n\n \/* Right circle \u2013 \u00faj id \u00e9s class n\u00e9vvel *\/\n #mobile-circle-right.mobile-circle-right {\n position: absolute;\n width: 15vmin;\n height: 15vmin;\n border-radius: 50%;\n top: 105%;\n left: 100%;\n transform: translate(-50%, -50%);\n background: radial-gradient(circle, #EE5454 0%, #EE54B2 100%);\n animation: moveCircleVertical 6s ease-in-out infinite 1s;\n }\n<\/style>\n\n\n<div id=\"mobile-circle-right\" class=\"mobile-circle-right\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62546b8 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"62546b8\" data-element_type=\"widget\" data-settings=\"{"step_next_label":"K\\u00f6vetkez\\u0151","step_previous_label":"El\\u0151z\\u0151","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u00daj \u0171rlap\" action=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"27\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"62546b8\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"27\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_d6a770b elementor-col-100\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_d6a770b]\" id=\"form-field-field_d6a770b\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\">\n\t\t\t\t<label for=\"form-field-field_d6a770b\">Elfogadom az \n<a href=\"https:\/\/mobyrombusz.com\/en\/adatkezelesi-tajekoztato\/\" target=\"_blank\" rel=\"noopener\">\n adatkezel\u00e9si nyilatkozatot\n<\/a>.\n<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t\t\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-019abd3 e-flex e-con-boxed e-con e-parent\" data-id=\"019abd3\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c89c3d5 elementor-widget elementor-widget-heading\" data-id=\"c89c3d5\" 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\">Moby Budapest 2025 <\/h2>\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>Frosted Card Demo \u2013 Jav\u00edtott Padding MOBY BUDAPEST Panor\u00e1ma, St\u00edlus, Exkluzivit\u00e1s A Moby t\u00f6bb mint egy rendezv\u00e9nyhelysz\u00edn \u2013 ez egy […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":280,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":372,"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/pages\/27\/revisions\/372"}],"wp:attachment":[{"href":"https:\/\/mobyrombusz.com\/en\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}