{"id":6574,"date":"2024-03-03T00:06:25","date_gmt":"2024-03-02T21:06:25","guid":{"rendered":"https:\/\/floragardenhotels.com\/startseite\/"},"modified":"2025-05-05T17:55:01","modified_gmt":"2025-05-05T14:55:01","slug":"startseite","status":"publish","type":"page","link":"https:\/\/floragardenhotels.com\/de\/startseite\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6574\" class=\"elementor elementor-6574\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-1d23065 e-con-full e-flex e-con e-parent\" data-id=\"1d23065\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d37faf elementor-widget elementor-widget-html\" data-id=\"1d37faf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n@media (max-width: 768px) {\r\n  .flora-wrapper {\r\n    flex-direction: column;\r\n    padding: 0;\r\n    gap: 4vh;\r\n  }\r\n\r\n  .flora-card {\r\n    width: 100vw;\r\n    height: 45vh;\r\n    border-radius: 0;\r\n  }\r\n\r\n  .flora-logo {\r\n    padding: 15px 0 10px;\r\n  }\r\n\r\n  .flora-logo img {\r\n    max-width: 90px;\r\n  }\r\n} \r\n  .flora-logo {\r\n    text-align: center;\r\n    padding: 30px 0;\r\n  }\r\n  .flora-logo img {\r\n    max-width: 300px;\r\n    width: 190px;\r\n    height: auto;\r\n  }\r\n\r\n  .flora-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 4vw;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  .flora-card {\r\n    width: 40vw;\r\n    max-width: 500px;\r\n    height: 70vh;\r\n    background-size: cover;\r\n    background-position: center;\r\n    border-radius: 20px;\r\n    box-shadow: 0 0 30px rgba(0,0,0,0.4);\r\n    overflow: hidden;\r\n    position: relative;\r\n    transform: scale(0.8) translateY(50px);\r\n    opacity: 0;\r\n    cursor: pointer;\r\n    transition: transform 0.5s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .flora-card:hover {\r\n    transform: scale(1) translateY(0);\r\n    box-shadow: 0 0 60px rgba(255,255,255,0.3);\r\n  }\r\n\r\n  .flora-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: rgba(0,0,0,0.45);\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .flora-card:hover::before {\r\n    background: rgba(0,0,0,0.25);\r\n  }\r\n\r\n  .flora-card-content {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 20px;\r\n    color: #fff;\r\n    z-index: 2;\r\n    font-family: 'Jost', sans-serif;\r\n  }\r\n\r\n  .flora-card-content h1 {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 2rem;\r\n    margin-bottom: 0.5rem;\r\n    color: #fff;\r\n  }\r\n\r\n  .flora-card-content p {\r\n    font-size: 1rem;\r\n    opacity: 0.95;\r\n    color: #fff;\r\n  }\r\n\r\n  .flora-speaker {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    z-index: 999;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .flora-speaker-icon {\r\n    background: rgba(255,255,255,0.85);\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .flora-speaker-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: #333;\r\n  }\r\n\r\n  .flora-speaker:hover .flora-speaker-icon {\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .flora-visualizer {\r\n    display: flex;\r\n    gap: 3px;\r\n    height: 20px;\r\n  }\r\n\r\n  .flora-bar {\r\n    width: 4px;\r\n    background: white;\r\n    height: 100%;\r\n    animation: flora-bounce 1s infinite ease-in-out;\r\n    opacity: 0.6;\r\n    transform-origin: bottom;\r\n  }\r\n\r\n  .flora-bar:nth-child(1) { animation-delay: 0s; }\r\n  .flora-bar:nth-child(2) { animation-delay: 0.1s; }\r\n  .flora-bar:nth-child(3) { animation-delay: 0.2s; }\r\n  .flora-bar:nth-child(4) { animation-delay: 0.3s; }\r\n  .flora-bar:nth-child(5) { animation-delay: 0.4s; }\r\n\r\n  @keyframes flora-bounce {\r\n    0%, 100% { height: 30%; }\r\n    50% { height: 100%; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .flora-wrapper {\r\n      flex-direction: column;\r\n    }\r\n    .flora-card {\r\n      width: 90vw;\r\n      height: 50vh;\r\n    }\r\n    .flora-logo img {\r\n      max-width: 200px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"flora-logo\">\r\n  <img decoding=\"async\" src=\"https:\/\/floragardenhotels.com\/wp-content\/uploads\/2024\/03\/Hotels-4.png\" alt=\"Flora Garden Hotels Logo\">\r\n<\/div>\r\n\r\n<div class=\"flora-wrapper\">\r\n  <div class=\"flora-card\" id=\"floraCard1\"\r\n       style=\"background-image: url('https:\/\/floragardenhotels.com\/wp-content\/uploads\/2024\/08\/Adsiz-1200-x-900-piksel-1-scaled.webp');\"\r\n       onclick=\"window.location.href='https:\/\/floragardenhotels.com\/beach'\">\r\n    <div class=\"flora-card-content\">\r\n      <h1>Flora Garden Beach<\/h1>\r\n      <p>Ruhe mit dem Klang des Meeres<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"flora-card\" id=\"floraCard2\"\r\n       style=\"background-image: url('https:\/\/floragardenhotels.com\/wp-content\/uploads\/2024\/08\/Adsiz-tasarim-19.jpg');\"\r\n       onclick=\"window.location.href='https:\/\/floragardenhotels.com\/ephesus'\">\r\n    <div class=\"flora-card-content\">\r\n      <h1>Flora Garden Ephesus<\/h1>\r\n      <p>Geschichte im Herzen der Natur<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"flora-speaker\" onclick=\"toggleAudio()\">\r\n  <div class=\"flora-speaker-icon\" id=\"speakerIcon\">\r\n    <svg id=\"iconMute\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n      <path d=\"M16.5 12l3.5-3.5-1-1L15.5 11l-3.5-3.5-1 1L14.5 12l-3.5 3.5 1 1 3.5-3.5 3.5 3.5 1-1z\"\/>\r\n      <path d=\"M3 10v4h4l5 5V5l-5 5H3z\"\/>\r\n    <\/svg>\r\n    <svg id=\"iconUnmute\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" style=\"display:none;\">\r\n      <path d=\"M3 10v4h4l5 5V5l-5 5H3z\"\/>\r\n      <path d=\"M16.5 12a4.5 4.5 0 0 0-1.66-3.5l1.06-1.06A6 6 0 0 1 18 12a6 6 0 0 1-2.1 4.56l-1.06-1.06A4.5 4.5 0 0 0 16.5 12z\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"flora-visualizer\" id=\"visualizer\">\r\n    <div class=\"flora-bar\"><\/div>\r\n    <div class=\"flora-bar\"><\/div>\r\n    <div class=\"flora-bar\"><\/div>\r\n    <div class=\"flora-bar\"><\/div>\r\n    <div class=\"flora-bar\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<audio id=\"sea\" src=\"https:\/\/floragardenhotels.com\/wp-content\/uploads\/2025\/05\/sea.mp3\" preload=\"auto\" loop><\/audio>\r\n<audio id=\"birds\" src=\"https:\/\/floragardenhotels.com\/wp-content\/uploads\/2025\/05\/birds.mp3\" preload=\"auto\" loop><\/audio>\r\n\r\n<script>\r\n  let audioEnabled = false;\r\n  const sea = document.getElementById('sea');\r\n  const birds = document.getElementById('birds');\r\n  const iconMute = document.getElementById('iconMute');\r\n  const iconUnmute = document.getElementById('iconUnmute');\r\n\r\n  function toggleAudio() {\r\n    audioEnabled = !audioEnabled;\r\n    if (audioEnabled) {\r\n      iconMute.style.display = \"none\";\r\n      iconUnmute.style.display = \"inline\";\r\n    } else {\r\n      sea.pause(); birds.pause();\r\n      iconMute.style.display = \"inline\";\r\n      iconUnmute.style.display = \"none\";\r\n    }\r\n  }\r\n\r\n  document.getElementById('floraCard1').addEventListener('mouseenter', () => {\r\n    if (audioEnabled) {\r\n      sea.currentTime = 0;\r\n      sea.volume = 0.5;\r\n      sea.play().catch(() => {});\r\n    }\r\n  });\r\n\r\n  document.getElementById('floraCard1').addEventListener('mouseleave', () => {\r\n    sea.pause();\r\n  });\r\n\r\n  document.getElementById('floraCard2').addEventListener('mouseenter', () => {\r\n    if (audioEnabled) {\r\n      birds.currentTime = 0;\r\n      birds.volume = 0.5;\r\n      birds.play().catch(() => {});\r\n    }\r\n  });\r\n\r\n  document.getElementById('floraCard2').addEventListener('mouseleave', () => {\r\n    birds.pause();\r\n  });\r\n\r\n  window.addEventListener('load', () => {\r\n    const cards = document.querySelectorAll('.flora-card');\r\n    cards.forEach((card, i) => {\r\n      setTimeout(() => {\r\n        card.style.opacity = '1';\r\n        card.style.transform = 'scale(1) translateY(0)';\r\n      }, 300 + i * 300);\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Flora Garden Beach Ruhe mit dem Klang des Meeres Flora Garden Ephesus Geschichte im Herzen der Natur<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6574","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/pages\/6574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/comments?post=6574"}],"version-history":[{"count":19,"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/pages\/6574\/revisions"}],"predecessor-version":[{"id":7179,"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/pages\/6574\/revisions\/7179"}],"wp:attachment":[{"href":"https:\/\/floragardenhotels.com\/de\/wp-json\/wp\/v2\/media?parent=6574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}