{"id":32,"date":"2026-03-19T09:55:22","date_gmt":"2026-03-19T09:55:22","guid":{"rendered":"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/index.php\/trivver-landing-page\/"},"modified":"2026-03-24T13:41:27","modified_gmt":"2026-03-24T13:41:27","slug":"trivver-landing-page","status":"publish","type":"page","link":"https:\/\/befree-hostel.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3a3aae9d elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"3a3aae9d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:60,&quot;url&quot;:&quot;https:\\\/\\\/romantic-aryabhata.152-53-246-62.plesk.page\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Untitled-design-69.jpg&quot;},{&quot;id&quot;:61,&quot;url&quot;:&quot;https:\\\/\\\/romantic-aryabhata.152-53-246-62.plesk.page\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Untitled-design-70.jpg&quot;},{&quot;id&quot;:62,&quot;url&quot;:&quot;https:\\\/\\\/romantic-aryabhata.152-53-246-62.plesk.page\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Untitled-design-71.jpg&quot;}],&quot;background_slideshow_slide_duration&quot;:3000,&quot;background_slideshow_transition_duration&quot;:1000,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a2b188a elementor-invisible\" data-id=\"6a2b188a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51980fc1 elementor-widget elementor-widget-heading\" data-id=\"51980fc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Be free hostel vienna<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef6129a elementor-widget elementor-widget-heading\" data-id=\"ef6129a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Be free. Be You. Be Here.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-3332888 e-flex e-con-boxed e-con e-parent\" data-id=\"3332888\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-339f91d elementor-widget elementor-widget-heading\" data-id=\"339f91d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Book Now<\/h3>\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-31ca00f e-flex e-con-boxed e-con e-parent\" data-id=\"31ca00f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccace32 elementor-widget elementor-widget-html\" data-id=\"ccace32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<ibe-up ibe-key=\"75e0a485-2545-432c-8c13-e48b8a8a3fc8\" language=\"en\"><\/ibe-up>\r\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-31ad8da e-flex e-con-boxed e-con e-parent\" data-id=\"31ad8da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e33b9cb elementor-widget elementor-widget-spacer\" data-id=\"e33b9cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-07a7fa1 e-flex e-con-boxed e-con e-parent\" data-id=\"07a7fa1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fc9677 elementor-widget elementor-widget-html\" data-id=\"1fc9677\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about\">\r\n\r\n  <!-- FLOWERS -->\r\n  <div class=\"flower flower1\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"purpleCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"purplePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d79cff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#c97eff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#9b46ea\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"purplePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#e8c4ff\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#ce8bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#a85bf3\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow1\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow1)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#purplePetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#purplePetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#purplePetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#b84cff\" opacity=\"0.22\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#purpleCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower2\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"blueCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"bluePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#bdeeff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#7fd7ff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#329eff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"bluePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#d9f6ff\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#90dbff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#52b7ff\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow2\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow2)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#bluePetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#bluePetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#bluePetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#4aa8ff\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#blueCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"flower flower3\">\r\n    <svg viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"pinkCenter\" cx=\"50%\" cy=\"50%\" r=\"50%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e2a900\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"pinkPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffc0d9\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff84b7\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#f13f8e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"pinkPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd4e7\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff94c1\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff5b9e\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"softShadow3\" x=\"-30%\" y=\"-30%\" width=\"160%\" height=\"160%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <g filter=\"url(#softShadow3)\">\r\n        <ellipse cx=\"110\" cy=\"48\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"110\" cy=\"172\" rx=\"28\" ry=\"54\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"48\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"172\" cy=\"110\" rx=\"54\" ry=\"28\" fill=\"url(#pinkPetalA)\"\/>\r\n\r\n        <ellipse cx=\"66\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 66 66)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"66\" rx=\"26\" ry=\"46\" transform=\"rotate(45 154 66)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"154\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(-45 154 154)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"66\" cy=\"154\" rx=\"26\" ry=\"46\" transform=\"rotate(45 66 154)\" fill=\"url(#pinkPetalB)\"\/>\r\n\r\n        <ellipse cx=\"110\" cy=\"110\" rx=\"26\" ry=\"24\" fill=\"#ff5ca8\" opacity=\"0.18\"\/>\r\n\r\n        <circle cx=\"110\" cy=\"110\" r=\"22\" fill=\"url(#pinkCenter)\"\/>\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"99\" cy=\"103\" r=\"3.2\"\/>\r\n          <circle cx=\"107\" cy=\"99\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"101\" r=\"3.3\"\/>\r\n          <circle cx=\"121\" cy=\"109\" r=\"3.1\"\/>\r\n          <circle cx=\"116\" cy=\"118\" r=\"3.2\"\/>\r\n          <circle cx=\"106\" cy=\"120\" r=\"3.3\"\/>\r\n          <circle cx=\"98\" cy=\"115\" r=\"3.1\"\/>\r\n          <circle cx=\"101\" cy=\"109\" r=\"3\"\/>\r\n          <circle cx=\"111\" cy=\"109\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- TEXT -->\r\n  <div class=\"content\">\r\n    <p>\r\n      Be Free Hostel Vienna is a colorful and affordable place to stay near Westbahnhof, offering modern travelers a relaxed and flexible experience in the heart of the city. With easy self check-in, a central location and a vibrant atmosphere, it is the perfect base to explore Vienna your own way while connecting with people from around the world.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.about {\r\n  position: relative;\r\n  padding: 120px 20px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  min-height: 420px;\r\n}\r\n\r\n.content {\r\n  max-width: 700px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  animation: fadeUp 1s ease forwards;\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.about p {\r\n  font-size: 1.15rem;\r\n  line-height: 1.8;\r\n  color: #111;\r\n}\r\n\r\n.flower {\r\n  position: absolute;\r\n  width: 170px;\r\n  height: 170px;\r\n  opacity: 0;\r\n  transform: translateY(40px) scale(0.9);\r\n  animation: fadeIn 1s ease forwards, float 6s ease-in-out infinite;\r\n}\r\n\r\n.flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n.flower1 {\r\n  top: 5%;\r\n  left: 4%;\r\n  animation-delay: 0.2s, 1.2s;\r\n}\r\n\r\n.flower2 {\r\n  top: 38%;\r\n  right: 7%;\r\n  width: 155px;\r\n  height: 155px;\r\n  animation-delay: 0.4s, 1.4s;\r\n}\r\n\r\n.flower3 {\r\n  bottom: 5%;\r\n  right: 14%;\r\n  width: 185px;\r\n  height: 185px;\r\n  animation-delay: 0.6s, 1.6s;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeIn {\r\n  to {\r\n    opacity: 0.95;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% {\r\n    transform: translateY(0px) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px) rotate(2deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .about {\r\n    padding: 90px 20px;\r\n    min-height: 340px;\r\n  }\r\n\r\n  .about p {\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .flower {\r\n    width: 92px;\r\n    height: 92px;\r\n  }\r\n\r\n  .flower2 {\r\n    width: 80px;\r\n    height: 80px;\r\n    right: 2%;\r\n  }\r\n\r\n  .flower3 {\r\n    width: 105px;\r\n    height: 105px;\r\n    right: 6%;\r\n  }\r\n}\r\n<\/style>\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-a374356 e-flex e-con-boxed e-con e-parent\" data-id=\"a374356\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b20e0c elementor-widget elementor-widget-spacer\" data-id=\"5b20e0c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-96df0aa e-flex e-con-boxed e-con e-parent\" data-id=\"96df0aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1b52ba elementor-widget elementor-widget-spacer\" data-id=\"f1b52ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23290e6a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23290e6a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ecaadaf elementor-invisible\" data-id=\"4ecaadaf\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-618fef73 elementor-widget elementor-widget-heading\" data-id=\"618fef73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Top Destination<\/h3>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-67323039 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"67323039\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28e87770\" data-id=\"28e87770\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1327de2 elementor-widget elementor-widget-heading\" data-id=\"1327de2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vienna's best location for a affordable price<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-620f9fd e-flex e-con-boxed e-con e-parent\" data-id=\"620f9fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd23ab elementor-widget elementor-widget-html\" data-id=\"1fd23ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"top-destination-v2\">\r\n  <div class=\"td2-ambient td2-ambient-orange\"><\/div>\r\n  <div class=\"td2-ambient td2-ambient-yellow\"><\/div>\r\n  <div class=\"td2-ambient td2-ambient-pink\"><\/div>\r\n\r\n  <div class=\"td2-wrap\">\r\n    <div class=\"td2-marquee\">\r\n      <div class=\"td2-marquee-track\">\r\n        TOP DESTINATION \u2022 VIENNA \u2022 BEINGASSE 13 \u2022 BE FREE HOSTEL \u2022 TOP DESTINATION \u2022 VIENNA \u2022 BEINGASSE 13 \u2022 BE FREE HOSTEL \u2022\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"td2-grid\">\r\n      <div class=\"td2-copy\">\r\n        <span class=\"td2-kicker\">Top Destination<\/span>\r\n\r\n        <h2 class=\"td2-title\">\r\n          Vienna is<br>right here\r\n        <\/h2>\r\n\r\n        <p class=\"td2-text\">\r\n          Located at <strong>Beingasse 13, Vienna<\/strong>, Be Free Hostel gives you a vibrant base in one of the city\u2019s most connected areas. From here, you can move easily between culture, shopping, restaurants, nightlife, and everyday local life while staying flexible and independent.\r\n        <\/p>\r\n\r\n        <p class=\"td2-text\">\r\n          Perfect for city breaks, backpacking trips, and longer stays, this location lets you experience Vienna with energy, convenience, and freedom. It is a smart starting point for travelers who want to stay close to the action and explore the city their own way.\r\n        <\/p>\r\n\r\n        <div class=\"td2-pill-row\">\r\n          <span class=\"td2-pill\">Beingasse 13<\/span>\r\n          <span class=\"td2-pill\">Central Vienna<\/span>\r\n          <span class=\"td2-pill\">Easy Connections<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"td2-visual\">\r\n        <div class=\"td2-card-bg\"><\/div>\r\n\r\n        <div class=\"td2-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-73.jpg\" alt=\"Beingasse 13 Vienna destination\">\r\n        <\/div>\r\n\r\n        <div class=\"td2-stamp\">BE FREE<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.top-destination-v2 {\r\n  position: relative;\r\n  padding: 70px 22px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n\/* ambient color outside *\/\r\n.td2-ambient {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  opacity: 0.85;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.td2-ambient-orange {\r\n  width: 300px;\r\n  height: 300px;\r\n  background: #ff8c00;\r\n  top: -40px;\r\n  left: -60px;\r\n  animation: td2Float1 9s ease-in-out infinite;\r\n}\r\n\r\n.td2-ambient-yellow {\r\n  width: 260px;\r\n  height: 260px;\r\n  background: #ffdb4c;\r\n  bottom: -60px;\r\n  left: 24%;\r\n  animation: td2Float2 11s ease-in-out infinite;\r\n}\r\n\r\n.td2-ambient-pink {\r\n  width: 320px;\r\n  height: 320px;\r\n  background: #ff2d7a;\r\n  top: 18%;\r\n  right: -80px;\r\n  animation: td2Float3 10s ease-in-out infinite;\r\n}\r\n\r\n\/* main shell *\/\r\n.td2-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  border-radius: 36px;\r\n  overflow: hidden;\r\n  background:\r\n    linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,255,255,0.58));\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,0.10),\r\n    inset 0 1px 0 rgba(255,255,255,0.35);\r\n}\r\n\r\n\/* marquee *\/\r\n.td2-marquee {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-bottom: 1px solid rgba(0,0,0,0.08);\r\n  background: linear-gradient(90deg, #ff8c00, #ffdb4c, #ff4d8d);\r\n}\r\n\r\n.td2-marquee-track {\r\n  white-space: nowrap;\r\n  padding: 14px 0;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: 1.4px;\r\n  color: #111;\r\n  animation: td2Marquee 20s linear infinite;\r\n}\r\n\r\n\/* content *\/\r\n.td2-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr 0.95fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n  padding: 46px;\r\n}\r\n\r\n.td2-copy {\r\n  max-width: 640px;\r\n}\r\n\r\n.td2-kicker {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  padding: 8px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(0,0,0,0.06);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.td2-title {\r\n  margin: 0 0 22px;\r\n  font-size: clamp(3.2rem, 7vw, 6.8rem);\r\n  line-height: 0.88;\r\n  letter-spacing: -3px;\r\n  font-weight: 900;\r\n  color: #111;\r\n}\r\n\r\n.td2-title::selection,\r\n.td2-text::selection {\r\n  background: #ffdb4c;\r\n  color: #111;\r\n}\r\n\r\n.td2-text {\r\n  margin: 0 0 16px;\r\n  font-size: 1.08rem;\r\n  line-height: 1.85;\r\n  color: #222;\r\n}\r\n\r\n.td2-pill-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  margin-top: 24px;\r\n}\r\n\r\n.td2-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.65);\r\n  border: 1px solid rgba(0,0,0,0.08);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #111;\r\n}\r\n\r\n\/* visual *\/\r\n.td2-visual {\r\n  position: relative;\r\n  min-height: 620px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.td2-card-bg {\r\n  position: absolute;\r\n  width: 76%;\r\n  height: 88%;\r\n  border-radius: 36px;\r\n  background:\r\n    linear-gradient(135deg, #ff8c00 0%, #ffdb4c 36%, #ff4d8d 100%);\r\n  transform: rotate(-9deg);\r\n  box-shadow:\r\n    0 30px 70px rgba(255,140,0,0.22),\r\n    0 20px 50px rgba(255,77,141,0.18);\r\n  animation: td2CardBg 7s ease-in-out infinite;\r\n}\r\n\r\n.td2-photo {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 320px;\r\n  height: 520px;\r\n  border-radius: 34px;\r\n  overflow: hidden;\r\n  transform: rotate(7deg);\r\n  border: 3px solid rgba(255,255,255,0.65);\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,0.20),\r\n    0 0 30px rgba(255,255,255,0.14);\r\n  animation: td2PhotoFloat 6s ease-in-out infinite;\r\n}\r\n\r\n.td2-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.td2-stamp {\r\n  position: absolute;\r\n  right: 2%;\r\n  bottom: 8%;\r\n  z-index: 3;\r\n  padding: 14px 18px;\r\n  border-radius: 999px;\r\n  background: #111;\r\n  color: #fff;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: 1.6px;\r\n  transform: rotate(-12deg);\r\n  box-shadow: 0 18px 35px rgba(0,0,0,0.18);\r\n}\r\n\r\n\/* animations *\/\r\n@keyframes td2Marquee {\r\n  from { transform: translateX(0); }\r\n  to { transform: translateX(-50%); }\r\n}\r\n\r\n@keyframes td2Float1 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(30px, 20px) scale(1.08); }\r\n}\r\n\r\n@keyframes td2Float2 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(-24px, -20px) scale(1.10); }\r\n}\r\n\r\n@keyframes td2Float3 {\r\n  0%, 100% { transform: translate(0,0) scale(1); }\r\n  50% { transform: translate(-20px, 24px) scale(1.07); }\r\n}\r\n\r\n@keyframes td2CardBg {\r\n  0%, 100% { transform: rotate(-9deg) translateY(0); }\r\n  50% { transform: rotate(-6deg) translateY(-10px); }\r\n}\r\n\r\n@keyframes td2PhotoFloat {\r\n  0%, 100% { transform: rotate(7deg) translateY(0); }\r\n  50% { transform: rotate(10deg) translateY(-14px); }\r\n}\r\n\r\n\/* mobile *\/\r\n@media (max-width: 980px) {\r\n  .td2-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n\r\n  .td2-visual {\r\n    min-height: 500px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .top-destination-v2 {\r\n    padding: 48px 14px;\r\n  }\r\n\r\n  .td2-wrap {\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .td2-grid {\r\n    padding: 24px 18px 28px;\r\n  }\r\n\r\n  .td2-title {\r\n    font-size: 3rem;\r\n    letter-spacing: -2px;\r\n  }\r\n\r\n  .td2-text {\r\n    font-size: 1rem;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .td2-photo {\r\n    width: 220px;\r\n    height: 360px;\r\n  }\r\n\r\n  .td2-card-bg {\r\n    width: 84%;\r\n    height: 82%;\r\n  }\r\n\r\n  .td2-stamp {\r\n    font-size: 11px;\r\n    padding: 10px 14px;\r\n  }\r\n}\r\n<\/style>\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-4952d0b e-flex e-con-boxed e-con e-parent\" data-id=\"4952d0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70100cd elementor-widget elementor-widget-spacer\" data-id=\"70100cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-ef7856d e-flex e-con-boxed e-con e-parent\" data-id=\"ef7856d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6048c4a e-con-full e-flex e-con e-child\" data-id=\"6048c4a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3886bed elementor-widget elementor-widget-html\" data-id=\"3886bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"flower-section\">\r\n  <div class=\"flower-wrap\" id=\"flowerWrap\">\r\n    <div class=\"flower-glow\" id=\"flowerGlow\"><\/div>\r\n\r\n    <svg class=\"flower-svg\" viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"centerGradient\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"52%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"petalMain\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffc2df\"\/>\r\n          <stop offset=\"45%\" stop-color=\"#ff82bb\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff4f97\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"petalAlt\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd7e9\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff9ac8\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff67a7\"\/>\r\n        <\/linearGradient>\r\n\r\n        <radialGradient id=\"petalHighlight\" cx=\"50%\" cy=\"35%\" r=\"65%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.55\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n\r\n        <filter id=\"flowerShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"10\" stdDeviation=\"8\" flood-color=\"#000000\" flood-opacity=\"0.14\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse class=\"flower-shadow\" cx=\"130\" cy=\"208\" rx=\"54\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g class=\"flower-body\" filter=\"url(#flowerShadow)\">\r\n        <g>\r\n          <ellipse cx=\"130\" cy=\"56\" rx=\"30\" ry=\"58\" fill=\"url(#petalMain)\"\/>\r\n          <ellipse cx=\"130\" cy=\"50\" rx=\"15\" ry=\"30\" fill=\"url(#petalHighlight)\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"130\" cy=\"204\" rx=\"30\" ry=\"58\" fill=\"url(#petalMain)\"\/>\r\n          <ellipse cx=\"130\" cy=\"192\" rx=\"15\" ry=\"30\" fill=\"url(#petalHighlight)\" opacity=\"0.25\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"56\" cy=\"130\" rx=\"58\" ry=\"30\" fill=\"url(#petalMain)\"\/>\r\n          <ellipse cx=\"50\" cy=\"130\" rx=\"30\" ry=\"15\" fill=\"url(#petalHighlight)\" opacity=\"0.25\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"204\" cy=\"130\" rx=\"58\" ry=\"30\" fill=\"url(#petalMain)\"\/>\r\n          <ellipse cx=\"192\" cy=\"130\" rx=\"30\" ry=\"15\" fill=\"url(#petalHighlight)\" opacity=\"0.25\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"78\" cy=\"78\" rx=\"28\" ry=\"50\" transform=\"rotate(-45 78 78)\" fill=\"url(#petalAlt)\"\/>\r\n          <ellipse cx=\"78\" cy=\"70\" rx=\"12\" ry=\"24\" transform=\"rotate(-45 78 70)\" fill=\"url(#petalHighlight)\" opacity=\"0.28\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"182\" cy=\"78\" rx=\"28\" ry=\"50\" transform=\"rotate(45 182 78)\" fill=\"url(#petalAlt)\"\/>\r\n          <ellipse cx=\"182\" cy=\"70\" rx=\"12\" ry=\"24\" transform=\"rotate(45 182 70)\" fill=\"url(#petalHighlight)\" opacity=\"0.28\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"182\" cy=\"182\" rx=\"28\" ry=\"50\" transform=\"rotate(-45 182 182)\" fill=\"url(#petalAlt)\"\/>\r\n          <ellipse cx=\"182\" cy=\"174\" rx=\"12\" ry=\"24\" transform=\"rotate(-45 182 174)\" fill=\"url(#petalHighlight)\" opacity=\"0.22\"\/>\r\n        <\/g>\r\n\r\n        <g>\r\n          <ellipse cx=\"78\" cy=\"182\" rx=\"28\" ry=\"50\" transform=\"rotate(45 78 182)\" fill=\"url(#petalAlt)\"\/>\r\n          <ellipse cx=\"78\" cy=\"174\" rx=\"12\" ry=\"24\" transform=\"rotate(45 78 174)\" fill=\"url(#petalHighlight)\" opacity=\"0.22\"\/>\r\n        <\/g>\r\n\r\n        <ellipse class=\"inner-blush\" cx=\"130\" cy=\"130\" rx=\"28\" ry=\"24\" fill=\"#ff69ad\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"22\" fill=\"url(#centerGradient)\"\/>\r\n\r\n        <g class=\"center-dots\" fill=\"#ffbc00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"2.8\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"2.8\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.8\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.8\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.8\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.7\"\/>\r\n          <circle cx=\"130\" cy=\"130\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.flower-section {\r\n  position: relative;\r\n  min-height: 50vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: transparent;\r\n  overflow: visible;\r\n}\r\n\r\n.flower-wrap {\r\n  position: relative;\r\n  width: 240px;\r\n  height: 240px;\r\n  opacity: 0;\r\n  transform: translateY(30px) scale(0.92);\r\n  transition:\r\n    opacity 0.9s ease,\r\n    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);\r\n  cursor: pointer;\r\n}\r\n\r\n.flower-wrap.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n.flower-svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.flower-glow {\r\n  position: absolute;\r\n  inset: 14%;\r\n  border-radius: 50%;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(255,72,150,0.34) 0%,\r\n    rgba(255,72,150,0.16) 34%,\r\n    rgba(255,72,150,0.06) 52%,\r\n    rgba(255,72,150,0) 74%\r\n  );\r\n  filter: blur(18px);\r\n  z-index: 1;\r\n  transition: background 0.45s ease, transform 0.45s ease;\r\n  animation: glowPulse 4.8s ease-in-out infinite;\r\n}\r\n\r\n.flower-body {\r\n  transform-origin: 130px 130px;\r\n  animation: flowerFloat 6.5s ease-in-out infinite;\r\n}\r\n\r\n.flower-shadow {\r\n  transform-origin: center;\r\n  animation: shadowPulse 6.5s ease-in-out infinite;\r\n}\r\n\r\n.flower-wrap:hover .flower-glow {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.flower-wrap.color-pop {\r\n  animation: popOnce 0.45s ease;\r\n}\r\n\r\n.inner-blush {\r\n  transition: fill 0.45s ease;\r\n}\r\n\r\n@keyframes flowerFloat {\r\n  0%, 100% {\r\n    transform: translateY(0px) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translateY(-6px) rotate(0.8deg);\r\n  }\r\n}\r\n\r\n@keyframes shadowPulse {\r\n  0%, 100% {\r\n    transform: scaleX(1);\r\n    opacity: 0.10;\r\n  }\r\n  50% {\r\n    transform: scaleX(0.94);\r\n    opacity: 0.07;\r\n  }\r\n}\r\n\r\n@keyframes glowPulse {\r\n  0%, 100% {\r\n    transform: scale(1);\r\n    opacity: 0.85;\r\n  }\r\n  50% {\r\n    transform: scale(1.05);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes popOnce {\r\n  0% { transform: scale(1); }\r\n  45% { transform: scale(1.06); }\r\n  100% { transform: scale(1); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .flower-wrap {\r\n    width: 190px;\r\n    height: 190px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const wrap = document.getElementById(\"flowerWrap\");\r\n  const glow = document.getElementById(\"flowerGlow\");\r\n  const blush = wrap.querySelector(\".inner-blush\");\r\n\r\n  const primaryStops = document.querySelectorAll(\"#petalMain stop\");\r\n  const secondaryStops = document.querySelectorAll(\"#petalAlt stop\");\r\n\r\n  const palettes = [\r\n    {\r\n      main: [\"#ffc2df\", \"#ff82bb\", \"#ff4f97\"],\r\n      alt: [\"#ffd7e9\", \"#ff9ac8\", \"#ff67a7\"],\r\n      blush: \"#ff69ad\",\r\n      glow: \"radial-gradient(circle, rgba(255,72,150,0.34) 0%, rgba(255,72,150,0.16) 34%, rgba(255,72,150,0.06) 52%, rgba(255,72,150,0) 74%)\"\r\n    },\r\n    {\r\n      main: [\"#c7f0ff\", \"#7fd4ff\", \"#009ce6\"],\r\n      alt: [\"#def7ff\", \"#9ce3ff\", \"#3cbcff\"],\r\n      blush: \"#62ccff\",\r\n      glow: \"radial-gradient(circle, rgba(0,156,230,0.32) 0%, rgba(0,156,230,0.15) 34%, rgba(0,156,230,0.06) 52%, rgba(0,156,230,0) 74%)\"\r\n    },\r\n    {\r\n      main: [\"#ffd2a1\", \"#ffb35a\", \"#ff8c00\"],\r\n      alt: [\"#ffe2bb\", \"#ffc47c\", \"#ff9e22\"],\r\n      blush: \"#ffb14f\",\r\n      glow: \"radial-gradient(circle, rgba(255,140,0,0.34) 0%, rgba(255,140,0,0.16) 34%, rgba(255,140,0,0.06) 52%, rgba(255,140,0,0) 74%)\"\r\n    },\r\n    {\r\n      main: [\"#fff5b8\", \"#ffe36b\", \"#ffdb4c\"],\r\n      alt: [\"#fff9d2\", \"#ffea92\", \"#ffd84e\"],\r\n      blush: \"#ffe46f\",\r\n      glow: \"radial-gradient(circle, rgba(255,219,76,0.36) 0%, rgba(255,219,76,0.16) 34%, rgba(255,219,76,0.06) 52%, rgba(255,219,76,0) 74%)\"\r\n    }\r\n  ];\r\n\r\n  let currentIndex = 0;\r\n\r\n  function applyPalette(palette) {\r\n    primaryStops[0].setAttribute(\"stop-color\", palette.main[0]);\r\n    primaryStops[1].setAttribute(\"stop-color\", palette.main[1]);\r\n    primaryStops[2].setAttribute(\"stop-color\", palette.main[2]);\r\n\r\n    secondaryStops[0].setAttribute(\"stop-color\", palette.alt[0]);\r\n    secondaryStops[1].setAttribute(\"stop-color\", palette.alt[1]);\r\n    secondaryStops[2].setAttribute(\"stop-color\", palette.alt[2]);\r\n\r\n    blush.setAttribute(\"fill\", palette.blush);\r\n    glow.style.background = palette.glow;\r\n\r\n    wrap.classList.remove(\"color-pop\");\r\n    void wrap.offsetWidth;\r\n    wrap.classList.add(\"color-pop\");\r\n  }\r\n\r\n  wrap.addEventListener(\"click\", function () {\r\n    currentIndex = (currentIndex + 1) % palettes.length;\r\n    applyPalette(palettes[currentIndex]);\r\n  });\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        wrap.classList.add(\"is-visible\");\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n\r\n  observer.observe(wrap);\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27a7dc9 e-con-full e-flex e-con e-child\" data-id=\"27a7dc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e192049 elementor-widget elementor-widget-google_maps\" data-id=\"e192049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Beingasse%2013%2C%201150%20Wien&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Beingasse 13, 1150 Wien\"\n\t\t\t\t\taria-label=\"Beingasse 13, 1150 Wien\"\n\t\t\t><\/iframe>\n\t\t<\/div>\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-becc7cc e-flex e-con-boxed e-con e-parent\" data-id=\"becc7cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9adf07f elementor-widget elementor-widget-spacer\" data-id=\"9adf07f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db3d262 e-con-full e-flex e-con e-child\" data-id=\"db3d262\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ea209 elementor-widget elementor-widget-html\" data-id=\"a1ea209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"why-interactive-real\" id=\"whyInteractiveReal\">\r\n  <div class=\"mouse-glow\" id=\"whyMouseGlow\"><\/div>\r\n\r\n  <!-- realistic flowers -->\r\n  <div class=\"real-flower flower-one parallax\" data-speed=\"18\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"pinkCenterA\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"pinkPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd0e8\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff8ec2\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff4f97\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"pinkPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe0ef\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffacd2\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff6cab\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"petalShineA\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.55\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"flowerShadowA\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#flowerShadowA)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#pinkPetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#pinkPetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#pinkPetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#pinkPetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#petalShineA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"194\" rx=\"15\" ry=\"30\" fill=\"url(#petalShineA)\" opacity=\"0.28\"\/>\r\n        <ellipse cx=\"46\" cy=\"130\" rx=\"30\" ry=\"15\" fill=\"url(#petalShineA)\" opacity=\"0.24\"\/>\r\n        <ellipse cx=\"194\" cy=\"130\" rx=\"30\" ry=\"15\" fill=\"url(#petalShineA)\" opacity=\"0.24\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ff6cab\" opacity=\"0.15\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#pinkCenterA)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n          <circle cx=\"130\" cy=\"130\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"real-flower flower-two parallax\" data-speed=\"-12\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"orangeCenterA\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"orangePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd7a8\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffb761\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff8c00\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"orangePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe3bf\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffc980\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff9c24\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"petalShineB\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.5\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"flowerShadowB\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#flowerShadowB)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#orangePetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#orangePetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#orangePetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#orangePetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#orangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#orangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#orangePetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#orangePetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#petalShineB)\"\/>\r\n        <ellipse cx=\"130\" cy=\"194\" rx=\"15\" ry=\"30\" fill=\"url(#petalShineB)\" opacity=\"0.28\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ffb55a\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#orangeCenterA)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n          <circle cx=\"130\" cy=\"130\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"real-flower flower-three parallax\" data-speed=\"10\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"yellowCenterA\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fffdf0\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffe36b\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e1b900\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"yellowPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff5ba\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffe36b\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ffdb4c\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"yellowPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff9d5\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffec93\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ffd84e\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"petalShineC\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.5\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"flowerShadowC\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#flowerShadowC)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#yellowPetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#yellowPetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#yellowPetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#yellowPetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#yellowPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#yellowPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#yellowPetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#yellowPetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#petalShineC)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ffe575\" opacity=\"0.12\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#yellowCenterA)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n          <circle cx=\"130\" cy=\"130\" r=\"3\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"why-real-shell\">\r\n    <div class=\"why-real-head\">\r\n      <span class=\"why-real-tag\">Why Be Free<\/span>\r\n      <h2>Easy, social, colorful.<\/h2>\r\n      <p>\r\n        Be Free is designed for travelers who want freedom, a strong location and a stay that feels modern, open and effortless from the moment they arrive.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"why-real-grid\">\r\n      <button class=\"why-real-item\">\r\n        <span class=\"num\">01<\/span>\r\n        <h3>Digital self check-in<\/h3>\r\n        <p>Less waiting, more freedom. Arrive on your schedule and settle in with ease.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"why-real-item\">\r\n        <span class=\"num\">02<\/span>\r\n        <h3>Flexible travel vibes<\/h3>\r\n        <p>No stiff routines, no unnecessary hassle. Just a stay that fits the way people travel today.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"why-real-item\">\r\n        <span class=\"num\">03<\/span>\r\n        <h3>Young international atmosphere<\/h3>\r\n        <p>A colorful place to meet people, connect and experience Vienna in a social way.<\/p>\r\n      <\/button>\r\n\r\n      <button class=\"why-real-item\">\r\n        <span class=\"num\">04<\/span>\r\n        <h3>Clean modern rooms<\/h3>\r\n        <p>Simple, fresh and comfortable spaces that make the whole stay feel easy.<\/p>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.why-interactive-real {\r\n  position: relative;\r\n  padding: 120px 24px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n.why-real-shell {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.why-real-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 40px;\r\n  text-align: center;\r\n}\r\n\r\n.why-real-tag {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  padding: 9px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.72);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.why-real-head h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(2.4rem, 5vw, 4.8rem);\r\n  line-height: 1;\r\n  letter-spacing: -2px;\r\n  color: #111;\r\n  font-weight: 800;\r\n}\r\n\r\n.why-real-head p {\r\n  margin: 0 auto;\r\n  max-width: 690px;\r\n  font-size: 1.04rem;\r\n  line-height: 1.8;\r\n  color: #333;\r\n}\r\n\r\n.why-real-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 18px;\r\n}\r\n\r\n.why-real-item {\r\n  position: relative;\r\n  text-align: left;\r\n  padding: 24px 22px;\r\n  border-radius: 28px;\r\n  border: 1px solid rgba(255,255,255,0.38);\r\n  background: rgba(255,255,255,0.48);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  box-shadow:\r\n    0 16px 30px rgba(0,0,0,0.06),\r\n    inset 0 1px 0 rgba(255,255,255,0.28);\r\n  cursor: pointer;\r\n  transition:\r\n    transform 0.28s ease,\r\n    box-shadow 0.28s ease,\r\n    background 0.28s ease;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.why-real-item::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto -10% -65% auto;\r\n  width: 180px;\r\n  height: 180px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,140,0,0.18) 0%, rgba(255,219,76,0.14) 40%, rgba(255,45,122,0) 74%);\r\n  filter: blur(10px);\r\n  opacity: 0;\r\n  transition: opacity 0.28s ease;\r\n}\r\n\r\n.why-real-item:hover,\r\n.why-real-item:focus-visible {\r\n  transform: translateY(-6px) scale(1.01);\r\n  background: rgba(255,255,255,0.60);\r\n  box-shadow:\r\n    0 24px 44px rgba(0,0,0,0.10),\r\n    0 0 28px rgba(255,140,0,0.10);\r\n  outline: none;\r\n}\r\n\r\n.why-real-item:hover::before,\r\n.why-real-item:focus-visible::before {\r\n  opacity: 1;\r\n}\r\n\r\n.why-real-item .num {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  font-size: 0.9rem;\r\n  font-weight: 900;\r\n  letter-spacing: 1px;\r\n  color: #ff2d7a;\r\n}\r\n\r\n.why-real-item h3 {\r\n  margin: 0 0 8px;\r\n  font-size: 1.14rem;\r\n  line-height: 1.15;\r\n  color: #111;\r\n}\r\n\r\n.why-real-item p {\r\n  margin: 0;\r\n  font-size: 0.98rem;\r\n  line-height: 1.72;\r\n  color: #333;\r\n}\r\n\r\n\/* realistic flowers *\/\r\n.real-flower {\r\n  position: absolute;\r\n  z-index: 1;\r\n  opacity: 0.26;\r\n  pointer-events: none;\r\n  will-change: transform;\r\n}\r\n\r\n.real-flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n.flower-one {\r\n  width: 220px;\r\n  height: 220px;\r\n  left: -10px;\r\n  top: 70px;\r\n  animation: flowerFloatA 10s ease-in-out infinite;\r\n}\r\n\r\n.flower-two {\r\n  width: 180px;\r\n  height: 180px;\r\n  right: 30px;\r\n  top: 110px;\r\n  animation: flowerFloatB 12s ease-in-out infinite;\r\n}\r\n\r\n.flower-three {\r\n  width: 200px;\r\n  height: 200px;\r\n  left: 8%;\r\n  bottom: 10px;\r\n  animation: flowerFloatC 11s ease-in-out infinite;\r\n}\r\n\r\n.mouse-glow {\r\n  position: absolute;\r\n  width: 340px;\r\n  height: 340px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  opacity: 0.45;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.10) 35%, rgba(255,255,255,0) 72%);\r\n  filter: blur(20px);\r\n  transform: translate(-50%, -50%);\r\n  left: 50%;\r\n  top: 50%;\r\n  transition: left 0.12s linear, top 0.12s linear, opacity 0.2s ease;\r\n}\r\n\r\n@keyframes flowerFloatA {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-10px) rotate(3deg); }\r\n}\r\n\r\n@keyframes flowerFloatB {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-8px) rotate(-3deg); }\r\n}\r\n\r\n@keyframes flowerFloatC {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-9px) rotate(2deg); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .why-interactive-real {\r\n    padding: 90px 16px;\r\n  }\r\n\r\n  .why-real-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .why-real-head h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .why-real-head p,\r\n  .why-real-item p {\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .flower-one {\r\n    width: 130px;\r\n    height: 130px;\r\n    left: -18px;\r\n  }\r\n\r\n  .flower-two {\r\n    width: 110px;\r\n    height: 110px;\r\n    right: -8px;\r\n  }\r\n\r\n  .flower-three {\r\n    width: 120px;\r\n    height: 120px;\r\n    left: 0;\r\n  }\r\n\r\n  .mouse-glow {\r\n    width: 220px;\r\n    height: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.getElementById(\"whyInteractiveReal\");\r\n  const flowers = section.querySelectorAll(\".parallax\");\r\n  const glow = document.getElementById(\"whyMouseGlow\");\r\n  const cards = section.querySelectorAll(\".why-real-item\");\r\n\r\n  section.addEventListener(\"mousemove\", function (e) {\r\n    const rect = section.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    const centerX = rect.width \/ 2;\r\n    const centerY = rect.height \/ 2;\r\n\r\n    glow.style.left = x + \"px\";\r\n    glow.style.top = y + \"px\";\r\n\r\n    flowers.forEach((flower) => {\r\n      const speed = parseFloat(flower.dataset.speed) || 10;\r\n      const moveX = ((x - centerX) \/ centerX) * speed;\r\n      const moveY = ((y - centerY) \/ centerY) * speed;\r\n      flower.style.transform = \"translate(\" + moveX + \"px, \" + moveY + \"px)\";\r\n    });\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", function () {\r\n    flowers.forEach((flower) => {\r\n      flower.style.transform = \"\";\r\n    });\r\n    glow.style.opacity = \"0.25\";\r\n  });\r\n\r\n  section.addEventListener(\"mouseenter\", function () {\r\n    glow.style.opacity = \"0.45\";\r\n  });\r\n\r\n  cards.forEach((card) => {\r\n    card.addEventListener(\"mousemove\", function (e) {\r\n      const rect = card.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const centerX = rect.width \/ 2;\r\n      const centerY = rect.height \/ 2;\r\n      const rotateX = ((y - centerY) \/ centerY) * -3;\r\n      const rotateY = ((x - centerX) \/ centerX) * 3;\r\n      card.style.transform = \"translateY(-6px) scale(1.01) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\";\r\n    });\r\n\r\n    card.addEventListener(\"mouseleave\", function () {\r\n      card.style.transform = \"\";\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a84dd7f e-flex e-con-boxed e-con e-parent\" data-id=\"a84dd7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b49c89d elementor-widget elementor-widget-spacer\" data-id=\"b49c89d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-89b80b2 e-flex e-con-boxed e-con e-parent\" data-id=\"89b80b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b38d4c elementor-widget elementor-widget-html\" data-id=\"9b38d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"be-free-gallery\" id=\"beFreeGallery\">\r\n  <div class=\"gallery-glow\" id=\"galleryGlow\"><\/div>\r\n\r\n  <!-- flowers background -->\r\n  <div class=\"gallery-flower flower-1 parallax\" data-speed=\"18\">\r\n    <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n      <g>\r\n        <ellipse cx=\"110\" cy=\"38\" rx=\"34\" ry=\"62\" fill=\"#ff8c00\"\/>\r\n        <ellipse cx=\"110\" cy=\"182\" rx=\"34\" ry=\"62\" fill=\"#ff8c00\"\/>\r\n        <ellipse cx=\"38\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ff8c00\"\/>\r\n        <ellipse cx=\"182\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ff8c00\"\/>\r\n        <ellipse cx=\"62\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ffb347\" transform=\"rotate(-45 62 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ffb347\" transform=\"rotate(45 158 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ffb347\" transform=\"rotate(-45 158 158)\"\/>\r\n        <ellipse cx=\"62\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ffb347\" transform=\"rotate(45 62 158)\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"24\" fill=\"#ffdb4c\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-flower flower-2 parallax\" data-speed=\"-12\">\r\n    <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n      <g>\r\n        <ellipse cx=\"110\" cy=\"38\" rx=\"34\" ry=\"62\" fill=\"#ff2d7a\"\/>\r\n        <ellipse cx=\"110\" cy=\"182\" rx=\"34\" ry=\"62\" fill=\"#ff2d7a\"\/>\r\n        <ellipse cx=\"38\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ff2d7a\"\/>\r\n        <ellipse cx=\"182\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ff2d7a\"\/>\r\n        <ellipse cx=\"62\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ff78b4\" transform=\"rotate(-45 62 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ff78b4\" transform=\"rotate(45 158 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ff78b4\" transform=\"rotate(-45 158 158)\"\/>\r\n        <ellipse cx=\"62\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ff78b4\" transform=\"rotate(45 62 158)\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"24\" fill=\"#ffdb4c\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-flower flower-3 parallax\" data-speed=\"10\">\r\n    <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n      <g>\r\n        <ellipse cx=\"110\" cy=\"38\" rx=\"34\" ry=\"62\" fill=\"#ffdb4c\"\/>\r\n        <ellipse cx=\"110\" cy=\"182\" rx=\"34\" ry=\"62\" fill=\"#ffdb4c\"\/>\r\n        <ellipse cx=\"38\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ffdb4c\"\/>\r\n        <ellipse cx=\"182\" cy=\"110\" rx=\"62\" ry=\"34\" fill=\"#ffdb4c\"\/>\r\n        <ellipse cx=\"62\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ffe88c\" transform=\"rotate(-45 62 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"62\" rx=\"30\" ry=\"50\" fill=\"#ffe88c\" transform=\"rotate(45 158 62)\"\/>\r\n        <ellipse cx=\"158\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ffe88c\" transform=\"rotate(-45 158 158)\"\/>\r\n        <ellipse cx=\"62\" cy=\"158\" rx=\"30\" ry=\"50\" fill=\"#ffe88c\" transform=\"rotate(45 62 158)\"\/>\r\n        <circle cx=\"110\" cy=\"110\" r=\"24\" fill=\"#ff8c00\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"gallery-shell\">\r\n    <div class=\"gallery-head\">\r\n      <span class=\"gallery-tag\">Gallery<\/span>\r\n      <h2>Inside the color of Be Free<\/h2>\r\n      <p>\r\n        A look at the atmosphere, rooms and feeling of staying at Be Free Hostel Vienna \u2014 vibrant, social and made for modern travelers.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"gallery-grid\">\r\n      <a href=\"#\" class=\"gallery-card card-1 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-74.jpg\" alt=\"Be Free Hostel Vienna gallery image 1\">\r\n        <span class=\"gallery-label\">Stay<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"gallery-card card-2 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-76.jpg\" alt=\"Be Free Hostel Vienna gallery image 2\">\r\n        <span class=\"gallery-label\">Rooms<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"gallery-card card-3 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-75.jpg\" alt=\"Be Free Hostel Vienna gallery image 3\">\r\n        <span class=\"gallery-label\">Vibe<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"gallery-card card-4 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-77.jpg\" alt=\"Be Free Hostel Vienna gallery image 4\">\r\n        <span class=\"gallery-label\">Vienna<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"gallery-card card-5 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Untitled-design-78.jpg\" alt=\"Be Free Hostel Vienna gallery image 5\">\r\n        <span class=\"gallery-label\">Color<\/span>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"gallery-card card-6 tilt-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/romantic-aryabhata.152-53-246-62.plesk.page\/wp-content\/uploads\/2026\/03\/Be-Free-Hostel-1.jpg\" alt=\"Be Free Hostel Vienna gallery image 6\">\r\n        <span class=\"gallery-label\">Freedom<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.be-free-gallery {\r\n  position: relative;\r\n  padding: 120px 24px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n.gallery-shell {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.gallery-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 40px;\r\n  text-align: center;\r\n}\r\n\r\n.gallery-tag {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  padding: 9px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.72);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.gallery-head h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(2.5rem, 5vw, 4.8rem);\r\n  line-height: 1;\r\n  letter-spacing: -2px;\r\n  color: #111;\r\n  font-weight: 800;\r\n}\r\n\r\n.gallery-head p {\r\n  margin: 0 auto;\r\n  max-width: 680px;\r\n  font-size: 1.04rem;\r\n  line-height: 1.8;\r\n  color: #333;\r\n}\r\n\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n  grid-auto-rows: 90px;\r\n  gap: 18px;\r\n}\r\n\r\n.gallery-card {\r\n  position: relative;\r\n  display: block;\r\n  overflow: hidden;\r\n  border-radius: 30px;\r\n  background: rgba(255,255,255,0.16);\r\n  border: 1px solid rgba(255,255,255,0.35);\r\n  box-shadow:\r\n    0 18px 34px rgba(0,0,0,0.08),\r\n    inset 0 1px 0 rgba(255,255,255,0.25);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transform-style: preserve-3d;\r\n  transition:\r\n    transform 0.28s ease,\r\n    box-shadow 0.28s ease,\r\n    filter 0.28s ease;\r\n}\r\n\r\n.gallery-card img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transform: scale(1.02);\r\n  transition: transform 0.4s ease, filter 0.35s ease;\r\n}\r\n\r\n.gallery-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(to top, rgba(0,0,0,0.34), rgba(0,0,0,0.04) 40%, rgba(0,0,0,0));\r\n  pointer-events: none;\r\n}\r\n\r\n.gallery-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto -15% -65% auto;\r\n  width: 220px;\r\n  height: 220px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,140,0,0.24) 0%, rgba(255,219,76,0.18) 38%, rgba(255,45,122,0) 74%);\r\n  filter: blur(12px);\r\n  opacity: 0;\r\n  transition: opacity 0.28s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.gallery-card:hover,\r\n.gallery-card:focus-visible {\r\n  box-shadow:\r\n    0 28px 46px rgba(0,0,0,0.14),\r\n    0 0 28px rgba(255,140,0,0.10);\r\n  outline: none;\r\n}\r\n\r\n.gallery-card:hover img,\r\n.gallery-card:focus-visible img {\r\n  transform: scale(1.08);\r\n  filter: saturate(1.08);\r\n}\r\n\r\n.gallery-card:hover::before,\r\n.gallery-card:focus-visible::before {\r\n  opacity: 1;\r\n}\r\n\r\n.gallery-label {\r\n  position: absolute;\r\n  left: 16px;\r\n  bottom: 16px;\r\n  z-index: 3;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 9px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.82);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* layout *\/\r\n.card-1 {\r\n  grid-column: 1 \/ span 4;\r\n  grid-row: span 4;\r\n}\r\n\r\n.card-2 {\r\n  grid-column: 5 \/ span 3;\r\n  grid-row: span 3;\r\n}\r\n\r\n.card-3 {\r\n  grid-column: 8 \/ span 5;\r\n  grid-row: span 5;\r\n}\r\n\r\n.card-4 {\r\n  grid-column: 1 \/ span 3;\r\n  grid-row: span 3;\r\n}\r\n\r\n.card-5 {\r\n  grid-column: 4 \/ span 4;\r\n  grid-row: span 4;\r\n}\r\n\r\n.card-6 {\r\n  grid-column: 8 \/ span 5;\r\n  grid-row: span 2;\r\n}\r\n\r\n\/* flowers *\/\r\n.gallery-flower {\r\n  position: absolute;\r\n  z-index: 1;\r\n  opacity: 0.18;\r\n  pointer-events: none;\r\n  will-change: transform;\r\n  animation: galleryFlowerFloat 10s ease-in-out infinite;\r\n}\r\n\r\n.gallery-flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.flower-1 {\r\n  width: 250px;\r\n  height: 250px;\r\n  left: -10px;\r\n  top: 110px;\r\n}\r\n\r\n.flower-2 {\r\n  width: 190px;\r\n  height: 190px;\r\n  right: 20px;\r\n  top: 140px;\r\n  animation-delay: 2s;\r\n}\r\n\r\n.flower-3 {\r\n  width: 210px;\r\n  height: 210px;\r\n  left: 8%;\r\n  bottom: 10px;\r\n  animation-delay: 4s;\r\n}\r\n\r\n.gallery-glow {\r\n  position: absolute;\r\n  width: 360px;\r\n  height: 360px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 2;\r\n  opacity: 0.40;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.10) 35%, rgba(255,255,255,0) 72%);\r\n  filter: blur(22px);\r\n  transform: translate(-50%, -50%);\r\n  left: 50%;\r\n  top: 50%;\r\n  transition: left 0.12s linear, top 0.12s linear, opacity 0.2s ease;\r\n}\r\n\r\n@keyframes galleryFlowerFloat {\r\n  0%,100% {\r\n    transform: translateY(0px) rotate(0deg);\r\n  }\r\n  50% {\r\n    transform: translateY(-12px) rotate(3deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 980px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-auto-rows: 180px;\r\n  }\r\n\r\n  .card-1,\r\n  .card-2,\r\n  .card-3,\r\n  .card-4,\r\n  .card-5,\r\n  .card-6 {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n\r\n  .card-1,\r\n  .card-3,\r\n  .card-5 {\r\n    grid-row: span 2;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .be-free-gallery {\r\n    padding: 90px 16px;\r\n  }\r\n\r\n  .gallery-head h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .gallery-head p {\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .gallery-grid {\r\n    grid-template-columns: 1fr;\r\n    grid-auto-rows: 220px;\r\n  }\r\n\r\n  .card-1,\r\n  .card-3,\r\n  .card-5 {\r\n    grid-row: span 1;\r\n  }\r\n\r\n  .flower-1 {\r\n    width: 140px;\r\n    height: 140px;\r\n    left: -18px;\r\n  }\r\n\r\n  .flower-2 {\r\n    width: 120px;\r\n    height: 120px;\r\n    right: -8px;\r\n  }\r\n\r\n  .flower-3 {\r\n    width: 120px;\r\n    height: 120px;\r\n    left: 0;\r\n  }\r\n\r\n  .gallery-glow {\r\n    width: 220px;\r\n    height: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.getElementById(\"beFreeGallery\");\r\n  const flowers = section.querySelectorAll(\".parallax\");\r\n  const glow = document.getElementById(\"galleryGlow\");\r\n  const cards = section.querySelectorAll(\".tilt-card\");\r\n\r\n  section.addEventListener(\"mousemove\", function (e) {\r\n    const rect = section.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    const centerX = rect.width \/ 2;\r\n    const centerY = rect.height \/ 2;\r\n\r\n    glow.style.left = x + \"px\";\r\n    glow.style.top = y + \"px\";\r\n\r\n    flowers.forEach((flower) => {\r\n      const speed = parseFloat(flower.dataset.speed) || 10;\r\n      const moveX = ((x - centerX) \/ centerX) * speed;\r\n      const moveY = ((y - centerY) \/ centerY) * speed;\r\n      flower.style.transform = \"translate(\" + moveX + \"px, \" + moveY + \"px)\";\r\n    });\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", function () {\r\n    flowers.forEach((flower) => {\r\n      flower.style.transform = \"\";\r\n    });\r\n    glow.style.opacity = \"0.20\";\r\n  });\r\n\r\n  section.addEventListener(\"mouseenter\", function () {\r\n    glow.style.opacity = \"0.40\";\r\n  });\r\n\r\n  cards.forEach((card) => {\r\n    card.addEventListener(\"mousemove\", function (e) {\r\n      const rect = card.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const centerX = rect.width \/ 2;\r\n      const centerY = rect.height \/ 2;\r\n      const rotateX = ((y - centerY) \/ centerY) * -4;\r\n      const rotateY = ((x - centerX) \/ centerX) * 4;\r\n      card.style.transform = \"perspective(900px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg) translateY(-6px)\";\r\n    });\r\n\r\n    card.addEventListener(\"mouseleave\", function () {\r\n      card.style.transform = \"\";\r\n    });\r\n  });\r\n});\r\n<\/script>\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-7202736 e-flex e-con-boxed e-con e-parent\" data-id=\"7202736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888b5b2 elementor-widget elementor-widget-spacer\" data-id=\"888b5b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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-31b5b1b e-flex e-con-boxed e-con e-parent\" data-id=\"31b5b1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590a78d elementor-widget elementor-widget-html\" data-id=\"590a78d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bf-contact-plus\" id=\"bfContactPlus\">\r\n  <div class=\"bfcp-mouse-glow\" id=\"bfcpMouseGlow\"><\/div>\r\n\r\n  <!-- ambient rings -->\r\n  <div class=\"bfcp-ring bfcp-ring-1\"><\/div>\r\n  <div class=\"bfcp-ring bfcp-ring-2\"><\/div>\r\n\r\n  <!-- realistic flowers -->\r\n  <div class=\"bfcp-flower bfcp-flower-1 parallax\" data-speed=\"18\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"cpPinkCenter\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"cpPinkPetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd5ea\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ff92c5\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff4f97\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"cpPinkPetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe3f0\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffb1d3\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff6cab\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"cpPinkShine\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.55\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"cpPinkShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#cpPinkShadow)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpPinkPetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpPinkPetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#cpPinkPetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#cpPinkShine)\"\/>\r\n        <ellipse cx=\"130\" cy=\"194\" rx=\"15\" ry=\"30\" fill=\"url(#cpPinkShine)\" opacity=\"0.26\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ff6cab\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#cpPinkCenter)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bfcp-flower bfcp-flower-2 parallax\" data-speed=\"-14\">\r\n    <svg viewBox=\"0 0 260 260\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n      <defs>\r\n        <radialGradient id=\"cpOrangeCenter\" cx=\"50%\" cy=\"50%\" r=\"55%\">\r\n          <stop offset=\"0%\" stop-color=\"#fff7b8\"\/>\r\n          <stop offset=\"55%\" stop-color=\"#ffd84e\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#e0a400\"\/>\r\n        <\/radialGradient>\r\n        <linearGradient id=\"cpOrangePetalA\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffd7a8\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffb761\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff8c00\"\/>\r\n        <\/linearGradient>\r\n        <linearGradient id=\"cpOrangePetalB\" x1=\"50%\" y1=\"0%\" x2=\"50%\" y2=\"100%\">\r\n          <stop offset=\"0%\" stop-color=\"#ffe3bf\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#ffc980\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#ff9c24\"\/>\r\n        <\/linearGradient>\r\n        <radialGradient id=\"cpOrangeShine\" cx=\"50%\" cy=\"35%\" r=\"60%\">\r\n          <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"0.5\"\/>\r\n          <stop offset=\"55%\" stop-color=\"white\" stop-opacity=\"0.12\"\/>\r\n          <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n        <filter id=\"cpOrangeShadow\" x=\"-40%\" y=\"-40%\" width=\"180%\" height=\"180%\">\r\n          <feDropShadow dx=\"0\" dy=\"14\" stdDeviation=\"10\" flood-color=\"#000000\" flood-opacity=\"0.16\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <ellipse cx=\"130\" cy=\"216\" rx=\"56\" ry=\"12\" fill=\"black\" opacity=\"0.10\"\/>\r\n\r\n      <g filter=\"url(#cpOrangeShadow)\">\r\n        <ellipse cx=\"130\" cy=\"52\" rx=\"31\" ry=\"60\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"130\" cy=\"206\" rx=\"31\" ry=\"60\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"52\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpOrangePetalA)\"\/>\r\n        <ellipse cx=\"208\" cy=\"130\" rx=\"60\" ry=\"31\" fill=\"url(#cpOrangePetalA)\"\/>\r\n\r\n        <ellipse cx=\"75\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 75 75)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"75\" rx=\"28\" ry=\"51\" transform=\"rotate(45 185 75)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"185\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(-45 185 185)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n        <ellipse cx=\"75\" cy=\"185\" rx=\"28\" ry=\"51\" transform=\"rotate(45 75 185)\" fill=\"url(#cpOrangePetalB)\"\/>\r\n\r\n        <ellipse cx=\"130\" cy=\"46\" rx=\"15\" ry=\"30\" fill=\"url(#cpOrangeShine)\"\/>\r\n        <ellipse cx=\"130\" cy=\"130\" rx=\"30\" ry=\"25\" fill=\"#ffb55a\" opacity=\"0.14\"\/>\r\n        <circle cx=\"130\" cy=\"130\" r=\"24\" fill=\"url(#cpOrangeCenter)\"\/>\r\n\r\n        <g fill=\"#ffbf00\">\r\n          <circle cx=\"118\" cy=\"122\" r=\"3.2\"\/>\r\n          <circle cx=\"126\" cy=\"118\" r=\"3\"\/>\r\n          <circle cx=\"135\" cy=\"119\" r=\"3.2\"\/>\r\n          <circle cx=\"143\" cy=\"123\" r=\"3\"\/>\r\n          <circle cx=\"146\" cy=\"131\" r=\"2.9\"\/>\r\n          <circle cx=\"142\" cy=\"140\" r=\"3.1\"\/>\r\n          <circle cx=\"134\" cy=\"144\" r=\"3.1\"\/>\r\n          <circle cx=\"124\" cy=\"143\" r=\"2.9\"\/>\r\n          <circle cx=\"117\" cy=\"137\" r=\"2.9\"\/>\r\n          <circle cx=\"114\" cy=\"129\" r=\"2.8\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"bfcp-shell\">\r\n    <div class=\"bfcp-head reveal-up\">\r\n      <span class=\"bfcp-tag\">Contact Us<\/span>\r\n      <h2>Reach out to Be Free.<\/h2>\r\n      <p>\r\n        Questions, bookings or anything else? Get in touch directly and we\u2019ll help you quickly and easily.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bfcp-grid\">\r\n      <a class=\"bfcp-card magnetic-card reveal-left\" href=\"mailto:befree-hostel@dostepinn.at\">\r\n        <div class=\"bfcp-card-bg\"><\/div>\r\n        <span class=\"bfcp-number\">01<\/span>\r\n        <h3>Email us<\/h3>\r\n        <p>befree-hostel@dostepinn.at<\/p>\r\n        <span class=\"bfcp-cta\">Open email<\/span>\r\n      <\/a>\r\n\r\n      <a class=\"bfcp-card magnetic-card reveal-right\" href=\"tel:+4369919232769\">\r\n        <div class=\"bfcp-card-bg\"><\/div>\r\n        <span class=\"bfcp-number\">02<\/span>\r\n        <h3>Call us<\/h3>\r\n        <p>+43 699 19232769<\/p>\r\n        <span class=\"bfcp-cta\">Call now<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.bf-contact-plus {\r\n  position: relative;\r\n  padding: 130px 24px;\r\n  background: transparent;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n}\r\n\r\n.bfcp-shell {\r\n  position: relative;\r\n  z-index: 4;\r\n  max-width: 1150px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.bfcp-head {\r\n  max-width: 760px;\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n}\r\n\r\n.bfcp-tag {\r\n  display: inline-block;\r\n  margin-bottom: 14px;\r\n  padding: 9px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.76);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.05);\r\n}\r\n\r\n.bfcp-head h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(2.5rem, 5vw, 4.8rem);\r\n  line-height: 1;\r\n  letter-spacing: -2px;\r\n  color: #111;\r\n  font-weight: 800;\r\n}\r\n\r\n.bfcp-head p {\r\n  margin: 0 auto;\r\n  max-width: 690px;\r\n  font-size: 1.05rem;\r\n  line-height: 1.8;\r\n  color: #333;\r\n}\r\n\r\n.bfcp-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.bfcp-card {\r\n  position: relative;\r\n  display: block;\r\n  text-decoration: none;\r\n  color: inherit;\r\n  padding: 30px 26px;\r\n  border-radius: 32px;\r\n  border: 1px solid rgba(255,255,255,0.42);\r\n  background: rgba(255,255,255,0.44);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  box-shadow:\r\n    0 18px 36px rgba(0,0,0,0.08),\r\n    inset 0 1px 0 rgba(255,255,255,0.32);\r\n  overflow: hidden;\r\n  transform-style: preserve-3d;\r\n  will-change: transform;\r\n  transition: box-shadow 0.28s ease, background 0.28s ease;\r\n}\r\n\r\n.bfcp-card:hover,\r\n.bfcp-card:focus-visible {\r\n  background: rgba(255,255,255,0.58);\r\n  box-shadow:\r\n    0 28px 50px rgba(0,0,0,0.12),\r\n    0 0 32px rgba(255,140,0,0.10);\r\n  outline: none;\r\n}\r\n\r\n.bfcp-card-bg {\r\n  position: absolute;\r\n  inset: auto -10% -70% auto;\r\n  width: 240px;\r\n  height: 240px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(255,140,0,0.24) 0%, rgba(255,219,76,0.18) 38%, rgba(255,45,122,0) 74%);\r\n  filter: blur(12px);\r\n  opacity: 0;\r\n  transition: opacity 0.28s ease, transform 0.28s ease;\r\n  z-index: 1;\r\n}\r\n\r\n.bfcp-card:hover .bfcp-card-bg,\r\n.bfcp-card:focus-visible .bfcp-card-bg {\r\n  opacity: 1;\r\n  transform: scale(1.08);\r\n}\r\n\r\n.bfcp-number,\r\n.bfcp-card h3,\r\n.bfcp-card p,\r\n.bfcp-cta {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.bfcp-number {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  font-size: 0.92rem;\r\n  font-weight: 900;\r\n  letter-spacing: 1px;\r\n  color: #ff2d7a;\r\n}\r\n\r\n.bfcp-card h3 {\r\n  margin: 0 0 8px;\r\n  font-size: 1.24rem;\r\n  line-height: 1.15;\r\n  color: #111;\r\n}\r\n\r\n.bfcp-card p {\r\n  margin: 0 0 18px;\r\n  font-size: 1rem;\r\n  line-height: 1.72;\r\n  color: #333;\r\n  word-break: break-word;\r\n}\r\n\r\n.bfcp-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  padding: 10px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.86);\r\n  color: #111;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 22px rgba(0,0,0,0.08);\r\n}\r\n\r\n\/* realistic flowers *\/\r\n.bfcp-flower {\r\n  position: absolute;\r\n  z-index: 1;\r\n  opacity: 0.24;\r\n  pointer-events: none;\r\n  will-change: transform;\r\n}\r\n\r\n.bfcp-flower svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n.bfcp-flower-1 {\r\n  width: 220px;\r\n  height: 220px;\r\n  left: -6px;\r\n  top: 100px;\r\n  animation: bfcpFlowerFloat1 11s ease-in-out infinite;\r\n}\r\n\r\n.bfcp-flower-2 {\r\n  width: 180px;\r\n  height: 180px;\r\n  right: 26px;\r\n  top: 150px;\r\n  animation: bfcpFlowerFloat2 12s ease-in-out infinite;\r\n}\r\n\r\n\/* rings *\/\r\n.bfcp-ring {\r\n  position: absolute;\r\n  z-index: 1;\r\n  border-radius: 50%;\r\n  border: 2px solid transparent;\r\n  background:\r\n    linear-gradient(transparent, transparent) padding-box,\r\n    linear-gradient(135deg, rgba(255,140,0,0.55), rgba(255,219,76,0.45), rgba(255,45,122,0.5)) border-box;\r\n  opacity: 0.45;\r\n  pointer-events: none;\r\n}\r\n\r\n.bfcp-ring-1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  left: -80px;\r\n  bottom: 40px;\r\n  animation: bfcpSpin1 18s linear infinite;\r\n}\r\n\r\n.bfcp-ring-2 {\r\n  width: 220px;\r\n  height: 220px;\r\n  right: -40px;\r\n  top: 40px;\r\n  animation: bfcpSpin2 14s linear infinite;\r\n}\r\n\r\n\/* mouse glow *\/\r\n.bfcp-mouse-glow {\r\n  position: absolute;\r\n  width: 380px;\r\n  height: 380px;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 3;\r\n  opacity: 0.42;\r\n  background: radial-gradient(circle, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.10) 35%, rgba(255,255,255,0) 72%);\r\n  filter: blur(24px);\r\n  transform: translate(-50%, -50%);\r\n  left: 50%;\r\n  top: 50%;\r\n  transition: left 0.12s linear, top 0.12s linear, opacity 0.2s ease;\r\n}\r\n\r\n\/* reveal *\/\r\n.reveal-up,\r\n.reveal-left,\r\n.reveal-right {\r\n  opacity: 0;\r\n  transition:\r\n    opacity 0.95s ease,\r\n    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.reveal-up { transform: translateY(50px); }\r\n.reveal-left { transform: translateX(-60px) translateY(10px); }\r\n.reveal-right { transform: translateX(60px) translateY(10px); }\r\n\r\n.reveal-up.is-visible,\r\n.reveal-left.is-visible,\r\n.reveal-right.is-visible {\r\n  opacity: 1;\r\n  transform: translateX(0) translateY(0);\r\n}\r\n\r\n\/* keyframes *\/\r\n@keyframes bfcpFlowerFloat1 {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-10px) rotate(3deg); }\r\n}\r\n\r\n@keyframes bfcpFlowerFloat2 {\r\n  0%,100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-8px) rotate(-3deg); }\r\n}\r\n\r\n@keyframes bfcpSpin1 {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes bfcpSpin2 {\r\n  from { transform: rotate(360deg); }\r\n  to { transform: rotate(0deg); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .bf-contact-plus {\r\n    padding: 95px 16px;\r\n  }\r\n\r\n  .bfcp-head h2 {\r\n    font-size: 2.5rem;\r\n  }\r\n\r\n  .bfcp-head p {\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .bfcp-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .bfcp-flower-1 {\r\n    width: 130px;\r\n    height: 130px;\r\n    left: -20px;\r\n  }\r\n\r\n  .bfcp-flower-2 {\r\n    width: 110px;\r\n    height: 110px;\r\n    right: -8px;\r\n  }\r\n\r\n  .bfcp-ring-1 {\r\n    width: 160px;\r\n    height: 160px;\r\n    left: -40px;\r\n  }\r\n\r\n  .bfcp-ring-2 {\r\n    width: 120px;\r\n    height: 120px;\r\n    right: -20px;\r\n  }\r\n\r\n  .bfcp-mouse-glow {\r\n    width: 220px;\r\n    height: 220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.getElementById(\"bfContactPlus\");\r\n  const flowers = section.querySelectorAll(\".parallax\");\r\n  const glow = document.getElementById(\"bfcpMouseGlow\");\r\n  const cards = section.querySelectorAll(\".magnetic-card\");\r\n  const revealItems = section.querySelectorAll(\".reveal-up, .reveal-left, .reveal-right\");\r\n\r\n  \/\/ reveal on scroll\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"is-visible\");\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n\r\n  revealItems.forEach((item) => observer.observe(item));\r\n\r\n  \/\/ section mouse glow + flower parallax\r\n  section.addEventListener(\"mousemove\", function (e) {\r\n    const rect = section.getBoundingClientRect();\r\n    const x = e.clientX - rect.left;\r\n    const y = e.clientY - rect.top;\r\n    const centerX = rect.width \/ 2;\r\n    const centerY = rect.height \/ 2;\r\n\r\n    glow.style.left = x + \"px\";\r\n    glow.style.top = y + \"px\";\r\n\r\n    flowers.forEach((flower) => {\r\n      const speed = parseFloat(flower.dataset.speed) || 10;\r\n      const moveX = ((x - centerX) \/ centerX) * speed;\r\n      const moveY = ((y - centerY) \/ centerY) * speed;\r\n      flower.style.transform = \"translate(\" + moveX + \"px, \" + moveY + \"px)\";\r\n    });\r\n  });\r\n\r\n  section.addEventListener(\"mouseleave\", function () {\r\n    flowers.forEach((flower) => {\r\n      flower.style.transform = \"\";\r\n    });\r\n    glow.style.opacity = \"0.20\";\r\n  });\r\n\r\n  section.addEventListener(\"mouseenter\", function () {\r\n    glow.style.opacity = \"0.42\";\r\n  });\r\n\r\n  \/\/ magnetic cards\r\n  cards.forEach((card) => {\r\n    card.addEventListener(\"mousemove\", function (e) {\r\n      const rect = card.getBoundingClientRect();\r\n      const x = e.clientX - rect.left;\r\n      const y = e.clientY - rect.top;\r\n      const centerX = rect.width \/ 2;\r\n      const centerY = rect.height \/ 2;\r\n\r\n      const moveX = ((x - centerX) \/ centerX) * 10;\r\n      const moveY = ((y - centerY) \/ centerY) * 8;\r\n      const rotateX = ((y - centerY) \/ centerY) * -4;\r\n      const rotateY = ((x - centerX) \/ centerX) * 4;\r\n\r\n      card.style.transform =\r\n        \"perspective(900px) translate(\" + moveX + \"px, \" + moveY + \"px) rotateX(\" + rotateX + \"deg) rotateY(\" + rotateY + \"deg)\";\r\n    });\r\n\r\n    card.addEventListener(\"mouseleave\", function () {\r\n      card.style.transform = \"\";\r\n    });\r\n  });\r\n});\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Be free hostel vienna Be free. Be You. Be Here. Book Now Be Free Hostel Vienna is a colorful and affordable place to stay near Westbahnhof, offering modern travelers a relaxed and flexible experience in the heart of the city. With easy self check-in, a central location and a vibrant atmosphere, it is the perfect [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":14,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/befree-hostel.com\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}