{"id":4,"date":"2020-09-01T22:57:49","date_gmt":"2020-09-01T20:57:49","guid":{"rendered":"http:\/\/d-themes.com\/wordpress\/riode\/elements\/?page_id=4"},"modified":"2026-05-25T12:47:11","modified_gmt":"2026-05-25T10:47:11","slug":"home","status":"publish","type":"page","link":"https:\/\/theyachtbeach.com\/de\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4\" class=\"elementor elementor-4\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-223c3a72 e-con-full e-flex e-con e-parent\" data-id=\"223c3a72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-418789fe elementor-widget elementor-widget-html\" data-id=\"418789fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.yb-home-wrap {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  margin-top: 0 !important;\r\n  overflow: hidden;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.yb-hero-slider {\r\n  position: relative;\r\n  height: 82vh;\r\n  min-height: 650px;\r\n  overflow: visible;\r\n  background: #081218;\r\n}\r\n\r\n.yb-hero-slide {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  transition: opacity 1.2s ease, visibility 1.2s ease;\r\n}\r\n\r\n.yb-hero-slide.active {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  z-index: 2;\r\n}\r\n\r\n.yb-hero-slide picture,\r\n.yb-hero-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.yb-hero-slide img {\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transform: scale(1.04);\r\n  transition: transform 7s ease;\r\n}\r\n\r\n.yb-hero-slide.active img {\r\n  transform: scale(1);\r\n}\r\n\r\n.yb-hero-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 3;\r\n  background:\r\n    linear-gradient(90deg, rgba(8,18,24,.24) 0%, rgba(8,18,24,.10) 48%, rgba(8,18,24,.04) 100%),\r\n    linear-gradient(180deg, rgba(8,18,24,.04) 0%, rgba(8,18,24,.02) 55%, rgba(8,18,24,.30) 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n.yb-hero-content {\r\n  position: relative;\r\n  z-index: 6;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.yb-hero-text {\r\n  position: absolute;\r\n  left: clamp(100px, 7vw, 160px);\r\n  bottom: -185px;\r\n  width: 620px;\r\n  max-width: calc(100vw - 40px);\r\n  color: #fff;\r\n  padding: 42px;\r\n  border-radius: 34px;\r\n  background: rgba(8,18,24,.42);\r\n  border: 1px solid rgba(79,210,223,.24);\r\n  backdrop-filter: blur(26px);\r\n  -webkit-backdrop-filter: blur(26px);\r\n  box-shadow:\r\n    0 28px 80px rgba(0,0,0,.28),\r\n    0 0 55px rgba(0,184,201,.10),\r\n    inset 0 1px 0 rgba(255,255,255,.10);\r\n}\r\n\r\n.yb-hero-kicker {\r\n  margin-bottom: 16px;\r\n  color: #4fd2df;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: .24em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-hero-text h1 {\r\n  margin: 0;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(44px, 4.2vw, 78px);\r\n  line-height: .95;\r\n  font-weight: 700;\r\n  letter-spacing: .03em;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  white-space: nowrap;\r\n}\r\n\r\n.yb-hero-text h1 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-hero-text p {\r\n  max-width: 540px;\r\n  margin: 24px 0 32px;\r\n  color: rgba(255,255,255,.84);\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.yb-hero-actions,\r\n.yb-about-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.yb-hero-btn,\r\n.yb-about-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 180px;\r\n  padding: 15px 25px;\r\n  border-radius: 999px;\r\n  text-decoration: none !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-hero-btn.primary {\r\n  background: #b08d57;\r\n  color: #fff !important;\r\n}\r\n\r\n.yb-hero-btn.secondary {\r\n  border: 1px solid rgba(255,255,255,.35);\r\n  color: #fff !important;\r\n  background: rgba(255,255,255,.04);\r\n}\r\n\r\n.yb-about-btn.primary {\r\n  background: #081218;\r\n  color: #fff !important;\r\n}\r\n\r\n.yb-about-btn.secondary {\r\n  background: transparent;\r\n  border: 1px solid rgba(8,18,24,.12);\r\n  color: #081218 !important;\r\n}\r\n\r\n.yb-hero-arrow {\r\n  position: absolute;\r\n  z-index: 9;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.30);\r\n  background: rgba(8,18,24,.24);\r\n  color: #fff;\r\n  cursor: pointer;\r\n  font-size: 28px;\r\n}\r\n\r\n.yb-hero-prev {\r\n  left: 28px;\r\n}\r\n\r\n.yb-hero-next {\r\n  right: 28px;\r\n}\r\n\r\n.yb-hero-dots {\r\n  position: absolute;\r\n  z-index: 10;\r\n  right: 34px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  display: grid;\r\n  gap: 14px;\r\n  padding: 18px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(8,18,24,.30);\r\n}\r\n\r\n.yb-hero-dot {\r\n  width: 9px;\r\n  height: 9px;\r\n  padding: 0;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.65);\r\n  background: transparent;\r\n  cursor: pointer;\r\n}\r\n\r\n.yb-hero-dot.active {\r\n  background: #4fd2df;\r\n  border-color: #4fd2df;\r\n  transform: scale(1.45);\r\n}\r\n\r\n.yb-about {\r\n  position: relative;\r\n  z-index: 4;\r\n  padding: 310px 28px 140px;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(0,151,169,.10), transparent 32%),\r\n    radial-gradient(circle at bottom right, rgba(176,141,87,.10), transparent 32%),\r\n    linear-gradient(180deg, #ffffff 0%, #f7fafb 100%);\r\n  border-radius: 44px 44px 0 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-about-inner {\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yb-about-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr .9fr;\r\n  gap: 90px;\r\n  align-items: center;\r\n}\r\n\r\n.yb-about-kicker {\r\n  display: inline-block;\r\n  margin-bottom: 20px;\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(0,151,169,.08);\r\n  border: 1px solid rgba(0,151,169,.12);\r\n  color: #0097a9;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-about-left h2 {\r\n  margin: 10px 0 28px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(42px, 5vw, 74px);\r\n  line-height: .95;\r\n  letter-spacing: .02em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-about-left h2 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-about-lead {\r\n  margin-bottom: 26px;\r\n  color: #2d3d46;\r\n  font-size: 20px;\r\n  line-height: 1.8;\r\n  font-weight: 500;\r\n}\r\n\r\n.yb-about-text {\r\n  color: #5c6a72;\r\n  font-size: 15px;\r\n  line-height: 1.95;\r\n}\r\n\r\n.yb-about-text p {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.yb-about-actions {\r\n  margin-top: 38px;\r\n}\r\n\r\n.yb-about-right {\r\n  position: relative;\r\n}\r\n\r\n.yb-about-image-wrap {\r\n  position: relative;\r\n  border-radius: 34px;\r\n  overflow: hidden;\r\n  box-shadow: 0 35px 90px rgba(0,0,0,.14);\r\n}\r\n\r\n.yb-about-image-wrap img {\r\n  width: 100%;\r\n  height: 720px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.yb-about-floating-card {\r\n  position: absolute;\r\n  left: -60px;\r\n  bottom: 60px;\r\n  width: clamp(300px, 24vw, 390px);\r\n  max-width: calc(100% - 40px);\r\n  padding: 28px;\r\n  border-radius: 28px;\r\n  background: rgba(8,18,24,.72);\r\n  border: 1px solid rgba(79,210,223,.18);\r\n  backdrop-filter: blur(24px);\r\n  -webkit-backdrop-filter: blur(24px);\r\n  overflow: hidden;\r\n  box-shadow:\r\n    0 22px 70px rgba(0,0,0,.26),\r\n    0 0 50px rgba(0,151,169,.08);\r\n}\r\n\r\n.yb-about-floating-card > span {\r\n  display: block;\r\n  margin-bottom: 14px;\r\n  color: #4fd2df;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-morph-title {\r\n  display: block;\r\n  margin-bottom: 14px;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(28px, 2.4vw, 34px);\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n}\r\n\r\n.yb-morph-line {\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 8px;\r\n  flex-wrap: nowrap;\r\n  max-width: 100%;\r\n  white-space: nowrap;\r\n}\r\n\r\n.yb-be {\r\n  color: #fff;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.yb-morph-word {\r\n  position: relative;\r\n  display: inline-block;\r\n  min-width: 0;\r\n  flex: 1;\r\n  color: transparent;\r\n  vertical-align: bottom;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-morph-word::before,\r\n.yb-morph-word::after {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  white-space: nowrap;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-morph-word::before {\r\n  content: \"DIFFERENT.\";\r\n  color: #0097a9;\r\n  animation: ybDifferentOut 5.2s ease-in-out infinite;\r\n}\r\n\r\n.yb-morph-word::after {\r\n  content: \"YACHTBEACH.\";\r\n  color: #b08d57;\r\n  opacity: 0;\r\n  transform: translateY(34%);\r\n  animation: ybYachtbeachIn 5.2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes ybDifferentOut {\r\n  0%, 36% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n  }\r\n\r\n  48%, 86% {\r\n    opacity: 0;\r\n    transform: translateY(-28%);\r\n    filter: blur(4px);\r\n  }\r\n\r\n  100% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n  }\r\n}\r\n\r\n@keyframes ybYachtbeachIn {\r\n  0%, 40% {\r\n    opacity: 0;\r\n    transform: translateY(34%);\r\n    filter: blur(4px);\r\n  }\r\n\r\n  54%, 86% {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    filter: blur(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: translateY(34%);\r\n    filter: blur(4px);\r\n  }\r\n}\r\n\r\n.yb-about-floating-card p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.yb-about-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3,1fr);\r\n  gap: 20px;\r\n  margin-top: 44px;\r\n}\r\n\r\n.yb-about-stat {\r\n  padding-top: 22px;\r\n  border-top: 1px solid rgba(8,18,24,.10);\r\n}\r\n\r\n.yb-about-stat strong {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 38px;\r\n  line-height: 1;\r\n}\r\n\r\n.yb-about-stat span {\r\n  color: #66757d;\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n}\r\n\r\n@media(max-width:1300px){\r\n  .yb-about-floating-card {\r\n    left: -30px;\r\n    width: 340px;\r\n  }\r\n\r\n  .yb-morph-title {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n@media(max-width:1100px){\r\n  .yb-hero-slider {\r\n    height: 78vh;\r\n    min-height: 650px;\r\n  }\r\n\r\n  .yb-hero-text {\r\n    left: 28px;\r\n    bottom: -175px;\r\n    width: 560px;\r\n    max-width: calc(100vw - 56px);\r\n  }\r\n\r\n  .yb-about {\r\n    padding: 280px 28px 120px;\r\n  }\r\n\r\n  .yb-about-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 80px;\r\n  }\r\n\r\n  .yb-about-image-wrap img {\r\n    height: 620px;\r\n  }\r\n\r\n  .yb-about-floating-card {\r\n    left: 30px;\r\n    bottom: -40px;\r\n    width: 340px;\r\n    max-width: calc(100% - 60px);\r\n  }\r\n}\r\n\r\n@media(max-width:760px){\r\n\r\n  .yb-hero-slider {\r\n    height: calc(100vh - 170px);\r\n    min-height: 560px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .yb-hero-overlay {\r\n    background:\r\n      linear-gradient(180deg, rgba(8,18,24,.05) 0%, rgba(8,18,24,.30) 42%, rgba(8,18,24,.82) 100%);\r\n  }\r\n\r\n  .yb-hero-text {\r\n    left: 22px;\r\n    right: 22px;\r\n    bottom: 42px;\r\n    width: auto;\r\n    max-width: unset;\r\n    padding: 19px 18px 18px;\r\n    border-radius: 22px;\r\n    background: rgba(8,18,24,.48);\r\n    border: 1px solid rgba(79,210,223,.30);\r\n    backdrop-filter: blur(26px) saturate(1.18);\r\n    -webkit-backdrop-filter: blur(26px) saturate(1.18);\r\n  }\r\n\r\n  .yb-hero-kicker {\r\n    font-size: 9px;\r\n    letter-spacing: .18em;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .yb-hero-text h1 {\r\n    font-size: clamp(29px, 8.4vw, 38px);\r\n    line-height: .92;\r\n    white-space: normal;\r\n  }\r\n\r\n  .yb-hero-text p {\r\n    font-size: 13px;\r\n    line-height: 1.48;\r\n    margin: 15px 0 18px;\r\n  }\r\n\r\n  .yb-hero-btn {\r\n    width: 100%;\r\n    min-width: unset;\r\n    padding: 12px 18px;\r\n    font-size: 10px;\r\n  }\r\n\r\n  .yb-hero-btn.secondary {\r\n    display: none;\r\n  }\r\n\r\n  .yb-hero-arrow {\r\n    display: none;\r\n  }\r\n\r\n  .yb-hero-dots {\r\n    top: auto;\r\n    right: 16px;\r\n    bottom: 18px;\r\n    transform: none;\r\n    display: flex;\r\n    padding: 10px 14px;\r\n  }\r\n\r\n  .yb-about {\r\n    padding: 90px 20px 90px;\r\n    border-radius: 28px 28px 0 0;\r\n  }\r\n\r\n  .yb-about-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 36px;\r\n  }\r\n\r\n  .yb-about-actions .yb-about-btn.primary {\r\n    display: none !important;\r\n  }\r\n\r\n  .yb-about-actions .yb-about-btn.secondary {\r\n    width: 100% !important;\r\n  }\r\n\r\n  .yb-about-stats {\r\n    grid-template-columns: repeat(3,1fr) !important;\r\n    gap: 10px !important;\r\n    margin-top: 30px !important;\r\n  }\r\n\r\n  .yb-about-stat {\r\n    text-align: center !important;\r\n    padding: 16px 6px 0 !important;\r\n  }\r\n\r\n  .yb-about-stat strong {\r\n    font-size: 24px !important;\r\n    margin-bottom: 6px !important;\r\n  }\r\n\r\n  .yb-about-stat span {\r\n    font-size: 10px !important;\r\n    line-height: 1.35 !important;\r\n  }\r\n\r\n  .yb-about-right {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n  }\r\n\r\n  .yb-about-floating-card {\r\n    order: 1 !important;\r\n    position: relative !important;\r\n    left: auto !important;\r\n    bottom: auto !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 0 22px !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  .yb-morph-title {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .yb-about-image-wrap {\r\n    order: 2 !important;\r\n  }\r\n\r\n  .yb-about-image-wrap img {\r\n    height: 460px !important;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n  .yb-hero-text {\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 38px;\r\n    padding: 18px 17px 17px;\r\n  }\r\n\r\n  .yb-hero-text h1 {\r\n    font-size: clamp(27px, 8vw, 35px);\r\n  }\r\n\r\n  .yb-hero-text p {\r\n    font-size: 12.5px;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .yb-morph-title {\r\n    font-size: 26px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"yb-home-wrap\">\r\n\r\n  <section class=\"yb-hero-slider\">\r\n\r\n    <div class=\"yb-hero-slide active\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider1.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl1.webp\" alt=\"Yachtbeach Docks\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider2.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl2.webp\" alt=\"Yachtbeach Hex Platform\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider4.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl4.webp\" alt=\"Yachtbeach Platform\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider-3.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl3.webp\" alt=\"Yachtbeach Floating Platform\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider5.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl6.webp\" alt=\"Yachtbeach Furniture\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider-6.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl5.webp\" alt=\"Yachtbeach Luxury Platform\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-slide\">\r\n      <picture>\r\n        <source media=\"(max-width:760px)\" srcset=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider-6.png\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl7.webp\" alt=\"Yachtbeach Luxury Lifestyle\">\r\n      <\/picture>\r\n    <\/div>\r\n\r\n    <div class=\"yb-hero-overlay\"><\/div>\r\n\r\n    <div class=\"yb-hero-content\">\r\n      <div class=\"yb-hero-text\">\r\n        <div class=\"yb-hero-kicker\">Premium Yacht Lifestyle<\/div>\r\n\r\n        <h1>\r\n          Welcome To<br>\r\n          <span>Yachtbeach<\/span>\r\n        <\/h1>\r\n\r\n        <p>\r\n          Where luxury meets the water. Explore premium floating platforms,\r\n          modular yacht spaces and unforgettable waterfront experiences.\r\n        <\/p>\r\n\r\n        <div class=\"yb-hero-actions\">\r\n          <a href=\"\/contact\/\" class=\"yb-hero-btn secondary\">Contact Us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"yb-hero-arrow yb-hero-prev\" type=\"button\">\u2039<\/button>\r\n    <button class=\"yb-hero-arrow yb-hero-next\" type=\"button\">\u203a<\/button>\r\n\r\n    <div class=\"yb-hero-dots\">\r\n      <button class=\"yb-hero-dot active\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n      <button class=\"yb-hero-dot\" type=\"button\"><\/button>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <section class=\"yb-about\">\r\n\r\n    <div class=\"yb-about-inner\">\r\n\r\n      <div class=\"yb-about-grid\">\r\n\r\n        <div class=\"yb-about-left\">\r\n\r\n          <div class=\"yb-about-kicker\">Welcome To Luxury Floating<\/div>\r\n\r\n          <h2>\r\n            More Than A<br>\r\n            <span>Floating Platform<\/span>\r\n          <\/h2>\r\n\r\n          <div class=\"yb-about-lead\">\r\n            YACHTBEACH transforms the water around your yacht into a luxurious lifestyle experience.\r\n          <\/div>\r\n\r\n          <div class=\"yb-about-text\">\r\n            <p>\r\n              Designed for performance-minded yacht owners, YACHTBEACH creates premium inflatable floating platforms, luxury pools, modular docks and lounge systems that expand your yacht into a private floating beach.\r\n            <\/p>\r\n\r\n            <p>\r\n              Whether used as a stylish relaxation area, watersports docking station, floating party lounge or wellness retreat for yoga and mindfulness \u2014 YACHTBEACH combines modern design, modular flexibility and marine-grade durability.\r\n            <\/p>\r\n\r\n            <p>\r\n              Thanks to the unique YACHTBEACH Handle Connection System, platforms can easily connect into custom configurations for Jet Skis, Seabobs, SUPs, Foilboards, tenders and more.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"yb-about-actions\">\r\n            <a href=\"\/about-us\/\" class=\"yb-about-btn secondary\">About Yachtbeach<\/a>\r\n          <\/div>\r\n\r\n          <div class=\"yb-about-stats\">\r\n\r\n            <div class=\"yb-about-stat\">\r\n              <strong>20+<\/strong>\r\n              <span>Years experience in watersports & superyacht industry<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"yb-about-stat\">\r\n              <strong>100%<\/strong>\r\n              <span>Premium marine-grade materials with luxury finish<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"yb-about-stat\">\r\n              <strong>\u221e<\/strong>\r\n              <span>Modular possibilities with customizable setups<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"yb-about-right\">\r\n\r\n          <div class=\"yb-about-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/mobileslider1.png\" alt=\"Yachtbeach Luxury Floating Platform\">\r\n          <\/div>\r\n\r\n          <div class=\"yb-about-floating-card\">\r\n\r\n            <span>Luxury Floating<\/span>\r\n\r\n            <div class=\"yb-morph-title\">\r\n              <span class=\"yb-morph-line\">\r\n                <span class=\"yb-be\">Be<\/span>\r\n                <span class=\"yb-morph-word\">Different.<\/span>\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <p>\r\n              Create your own private floating island directly attached to your yacht.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function initYachtbeachSliders() {\r\n    const sliders = document.querySelectorAll(\".yb-hero-slider\");\r\n\r\n    sliders.forEach(function (slider) {\r\n      if (slider.dataset.initialized === \"true\") return;\r\n      slider.dataset.initialized = \"true\";\r\n\r\n      const slides = slider.querySelectorAll(\".yb-hero-slide\");\r\n      const dots = slider.querySelectorAll(\".yb-hero-dot\");\r\n      const prev = slider.querySelector(\".yb-hero-prev\");\r\n      const next = slider.querySelector(\".yb-hero-next\");\r\n\r\n      if (!slides.length || !dots.length) return;\r\n\r\n      let current = 0;\r\n      let interval;\r\n\r\n      function showSlide(index) {\r\n        slides[current].classList.remove(\"active\");\r\n        dots[current].classList.remove(\"active\");\r\n\r\n        current = (index + slides.length) % slides.length;\r\n\r\n        slides[current].classList.add(\"active\");\r\n        dots[current].classList.add(\"active\");\r\n      }\r\n\r\n      function nextSlide() {\r\n        showSlide(current + 1);\r\n      }\r\n\r\n      function prevSlide() {\r\n        showSlide(current - 1);\r\n      }\r\n\r\n      function startAutoplay() {\r\n        interval = setInterval(nextSlide, 5500);\r\n      }\r\n\r\n      function resetAutoplay() {\r\n        clearInterval(interval);\r\n        startAutoplay();\r\n      }\r\n\r\n      if (next) {\r\n        next.addEventListener(\"click\", function () {\r\n          nextSlide();\r\n          resetAutoplay();\r\n        });\r\n      }\r\n\r\n      if (prev) {\r\n        prev.addEventListener(\"click\", function () {\r\n          prevSlide();\r\n          resetAutoplay();\r\n        });\r\n      }\r\n\r\n      dots.forEach(function (dot, index) {\r\n        dot.addEventListener(\"click\", function () {\r\n          showSlide(index);\r\n          resetAutoplay();\r\n        });\r\n      });\r\n\r\n      startAutoplay();\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initYachtbeachSliders);\r\n  } else {\r\n    initYachtbeachSliders();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cca5327 elementor-widget elementor-widget-html\" data-id=\"4cca5327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\nYACHTBEACH \u2013 FLOATING LIFESTYLE\r\nFINAL CLEAN STRUCTURE\r\nWORDPRESS \/ ELEMENTOR READY\r\n========================= -->\r\n\r\n<style>\r\n.yb-editorial{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#667178;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:140px 28px;\r\n\r\n  background:\r\n    radial-gradient(circle at top left, rgba(0,151,169,.08), transparent 28%),\r\n    radial-gradient(circle at bottom right, rgba(176,141,87,.10), transparent 34%),\r\n    linear-gradient(180deg,#ffffff 0%, #f7fafb 100%);\r\n}\r\n\r\n.yb-editorial *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.yb-editorial-inner{\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* HEAD *\/\r\n.yb-editorial-head{\r\n  max-width:900px;\r\n  margin:0 auto 80px;\r\n  text-align:center;\r\n}\r\n\r\n.yb-editorial-kicker{\r\n  display:inline-flex;\r\n  margin-bottom:22px;\r\n  padding:10px 18px;\r\n  border-radius:999px;\r\n  background:rgba(0,151,169,.08);\r\n  border:1px solid rgba(0,151,169,.14);\r\n  color:var(--teal);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-editorial-head h2{\r\n  margin:0 0 24px;\r\n  color:var(--dark);\r\n  font-family:\"Roboto Condensed\", Arial, sans-serif;\r\n  font-size:clamp(48px,5vw,84px);\r\n  line-height:.92;\r\n  letter-spacing:-.03em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-editorial-head h2 span{\r\n  color:var(--gold);\r\n}\r\n\r\n.yb-editorial-head p{\r\n  max-width:760px;\r\n  margin:0 auto;\r\n  color:var(--text);\r\n  font-family:Montserrat, Arial, sans-serif;\r\n  font-size:18px;\r\n  line-height:1.9;\r\n}\r\n\r\n\/* TOP AREA *\/\r\n.yb-editorial-top{\r\n  display:grid;\r\n  grid-template-columns:1.25fr .75fr;\r\n  gap:28px;\r\n  margin-bottom:28px;\r\n}\r\n\r\n.yb-right-stack{\r\n  display:grid;\r\n  gap:28px;\r\n}\r\n\r\n\/* BOTTOM GRID *\/\r\n.yb-editorial-bottom-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:28px;\r\n}\r\n\r\n\/* CARDS *\/\r\n.yb-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  display:block;\r\n  border-radius:38px;\r\n  background:#111;\r\n  text-decoration:none !important;\r\n  box-shadow:0 24px 70px rgba(0,0,0,.10);\r\n  transition:transform .45s ease, box-shadow .45s ease;\r\n}\r\n\r\n.yb-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 40px 100px rgba(0,0,0,.14);\r\n}\r\n\r\n\/* CARD SIZES *\/\r\n.yb-platform{\r\n  min-height:760px;\r\n}\r\n\r\n.yb-docks,\r\n.yb-hex{\r\n  min-height:366px;\r\n}\r\n\r\n.yb-pavilion{\r\n  min-height:620px;\r\n  margin-bottom:28px;\r\n}\r\n\r\n.yb-pools,\r\n.yb-furnitures,\r\n.yb-slides{\r\n  min-height:430px;\r\n}\r\n\r\n\/* MEDIA *\/\r\n.yb-card-media{\r\n  position:absolute;\r\n  inset:0;\r\n  transform:scale(1);\r\n  transition:\r\n    transform 1.6s cubic-bezier(.19,1,.22,1),\r\n    filter .6s ease;\r\n}\r\n\r\n.yb-card:hover .yb-card-media{\r\n  transform:scale(1.04);\r\n  filter:saturate(1.04) contrast(1.02);\r\n}\r\n\r\n.yb-card-media img{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.yb-card-media::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(180deg,\r\n      rgba(8,18,24,.00) 0%,\r\n      rgba(8,18,24,.10) 42%,\r\n      rgba(8,18,24,.72) 100%);\r\n}\r\n\r\n\/* PAVILION LIGHTER OVERLAY *\/\r\n.yb-pavilion .yb-card-media::after{\r\n  background:\r\n    linear-gradient(90deg,\r\n      rgba(8,18,24,.46) 0%,\r\n      rgba(8,18,24,.16) 42%,\r\n      rgba(8,18,24,.02) 100%),\r\n    linear-gradient(180deg,\r\n      rgba(8,18,24,.02) 0%,\r\n      rgba(8,18,24,.38) 100%);\r\n}\r\n\r\n\/* CONTENT *\/\r\n.yb-card-content{\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  z-index:3;\r\n  padding:38px;\r\n}\r\n\r\n.yb-card-content h3{\r\n  margin:0 0 14px;\r\n  color:#fff;\r\n  font-family:\"Roboto Condensed\", Arial, sans-serif;\r\n  font-size:clamp(34px,3vw,62px);\r\n  line-height:.92;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-card-content p{\r\n  max-width:520px;\r\n  margin:0;\r\n  color:rgba(255,255,255,.84);\r\n  font-family:Montserrat, Arial, sans-serif;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* PAVILION CONTENT *\/\r\n.yb-pavilion .yb-card-content{\r\n  max-width:620px;\r\n  padding:70px;\r\n}\r\n\r\n.yb-pavilion-tag{\r\n  display:inline-flex;\r\n  margin-bottom:22px;\r\n  padding:10px 16px;\r\n  border-radius:999px;\r\n  background:rgba(79,210,223,.10);\r\n  border:1px solid rgba(79,210,223,.20);\r\n  color:#4fd2df;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.20em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1100px){\r\n\r\n  .yb-editorial{\r\n    padding:110px 24px;\r\n  }\r\n\r\n  .yb-editorial-top{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .yb-right-stack{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .yb-editorial-bottom-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .yb-platform{\r\n    min-height:620px;\r\n  }\r\n\r\n  .yb-pavilion{\r\n    min-height:520px;\r\n  }\r\n\r\n  .yb-docks,\r\n  .yb-hex,\r\n  .yb-pools,\r\n  .yb-furnitures,\r\n  .yb-slides{\r\n    min-height:320px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n\r\n  .yb-editorial{\r\n    padding:90px 18px;\r\n  }\r\n\r\n  .yb-editorial-head{\r\n    margin-bottom:42px;\r\n    text-align:left;\r\n  }\r\n\r\n  .yb-editorial-head h2{\r\n    font-size:clamp(40px,12vw,58px);\r\n  }\r\n\r\n  .yb-editorial-head p{\r\n    font-size:16px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  .yb-editorial-top{\r\n    display:block;\r\n    margin-bottom:16px;\r\n  }\r\n\r\n  .yb-right-stack,\r\n  .yb-editorial-bottom-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:16px;\r\n  }\r\n\r\n  .yb-right-stack{\r\n    margin-top:16px;\r\n  }\r\n\r\n  .yb-card{\r\n    border-radius:24px;\r\n  }\r\n\r\n  .yb-platform,\r\n  .yb-pavilion{\r\n    min-height:420px;\r\n  }\r\n\r\n  .yb-docks,\r\n  .yb-hex,\r\n  .yb-pools,\r\n  .yb-furnitures,\r\n  .yb-slides{\r\n    min-height:240px;\r\n  }\r\n\r\n  .yb-card-content{\r\n    padding:20px;\r\n  }\r\n\r\n  .yb-card-content h3{\r\n    margin-bottom:8px;\r\n    font-size:30px;\r\n  }\r\n\r\n  .yb-card-content p{\r\n    font-size:13px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .yb-docks p,\r\n  .yb-hex p,\r\n  .yb-pools p,\r\n  .yb-furnitures p,\r\n  .yb-slides p{\r\n    display:none;\r\n  }\r\n\r\n  .yb-pavilion{\r\n    margin-bottom:16px;\r\n  }\r\n\r\n  .yb-pavilion .yb-card-content{\r\n    padding:28px;\r\n  }\r\n\r\n  .yb-pavilion .yb-card-content h3{\r\n    font-size:48px;\r\n  }\r\n\r\n  .yb-pavilion .yb-card-content p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .yb-pavilion-tag{\r\n    margin-bottom:14px;\r\n    padding:8px 12px;\r\n    font-size:10px;\r\n  }\r\n}\r\n\r\n\/* SMALL MOBILE *\/\r\n@media(max-width:420px){\r\n\r\n  .yb-editorial{\r\n    padding:80px 14px;\r\n  }\r\n\r\n  .yb-right-stack,\r\n  .yb-editorial-bottom-grid{\r\n    gap:12px;\r\n  }\r\n\r\n  .yb-docks,\r\n  .yb-hex,\r\n  .yb-pools,\r\n  .yb-furnitures,\r\n  .yb-slides{\r\n    min-height:210px;\r\n  }\r\n\r\n  .yb-card-content{\r\n    padding:16px;\r\n  }\r\n\r\n  .yb-card-content h3{\r\n    font-size:26px;\r\n  }\r\n\r\n  .yb-platform,\r\n  .yb-pavilion{\r\n    min-height:390px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-editorial\">\r\n\r\n  <div class=\"yb-editorial-inner\">\r\n\r\n    <!-- SECTION HEAD -->\r\n    <div class=\"yb-editorial-head\">\r\n\r\n      <div class=\"yb-editorial-kicker\">\r\n        Yachtbeach Collection\r\n      <\/div>\r\n\r\n      <h2>\r\n        Explore Your<br>\r\n        <span>Floating Lifestyle<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Discover premium floating environments designed for unforgettable moments on the water \u2014 from elegant yacht platforms and docking systems to shaded pavilion lounges and luxury floating pools.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- TOP AREA -->\r\n    <div class=\"yb-editorial-top\">\r\n\r\n      <!-- PLATFORM -->\r\n      <a href=\"https:\/\/theyachtbeach.com\/inflatable-docks-floating-platforms\/\" class=\"yb-card yb-platform\">\r\n\r\n        <div class=\"yb-card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl4.webp\" alt=\"Yachtbeach Platforms\">\r\n        <\/div>\r\n\r\n        <div class=\"yb-card-content\">\r\n          <h3>Platforms<\/h3>\r\n          <p>\r\n            Extend your yacht with a luxurious floating beach designed for relaxation, watersports and unforgettable moments directly on the water.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- RIGHT STACK -->\r\n      <div class=\"yb-right-stack\">\r\n\r\n        <!-- DOCKS -->\r\n        <a href=\"https:\/\/theyachtbeach.com\/toy-docks\/\" class=\"yb-card yb-docks\">\r\n\r\n          <div class=\"yb-card-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2022\/11\/teakheade2r.webp\" alt=\"Yachtbeach Docks\">\r\n          <\/div>\r\n\r\n          <div class=\"yb-card-content\">\r\n            <h3>Docks<\/h3>\r\n            <p>\r\n              Modular docking systems for watersports equipment.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n        <!-- HEX -->\r\n        <a href=\"https:\/\/theyachtbeach.com\/hex-platforms\/\" class=\"yb-card yb-hex\">\r\n\r\n          <div class=\"yb-card-media\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2023\/01\/heymodular-1-1024x950.webp\" alt=\"Yachtbeach Hex\">\r\n          <\/div>\r\n\r\n          <div class=\"yb-card-content\">\r\n            <h3>Hex<\/h3>\r\n            <p>\r\n              Creative modular floating layouts.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PAVILION -->\r\n    <a href=\"https:\/\/testing.theyachtbeach.de\/pavilions\/\" class=\"yb-card yb-pavilion\">\r\n\r\n      <div class=\"yb-card-media\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl2.webp\" alt=\"Yachtbeach Pavilions\">\r\n      <\/div>\r\n\r\n      <div class=\"yb-card-content\">\r\n\r\n        <div class=\"yb-pavilion-tag\">\r\n          Signature Lifestyle\r\n        <\/div>\r\n\r\n        <h3>\r\n          Floating<br>\r\n          Pavilions\r\n        <\/h3>\r\n\r\n        <p>\r\n          Elegant shaded floating lounge spaces bringing luxury hospitality directly onto the water.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/a>\r\n\r\n    <!-- BOTTOM GRID -->\r\n    <div class=\"yb-editorial-bottom-grid\">\r\n\r\n      <!-- POOLS -->\r\n      <a href=\"https:\/\/theyachtbeach.com\/inflatable-floating-swimming-pools-for-yachts\/\" class=\"yb-card yb-pools\">\r\n\r\n        <div class=\"yb-card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13.-Mai-2026-10_19_05.png\" alt=\"Yachtbeach Pools\">\r\n        <\/div>\r\n\r\n        <div class=\"yb-card-content\">\r\n          <h3>Pools<\/h3>\r\n          <p>\r\n            Protected floating swimming environments.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- FURNITURES -->\r\n      <a href=\"https:\/\/theyachtbeach.com\/air-furniture-yacht\/\" class=\"yb-card yb-furnitures\">\r\n\r\n        <div class=\"yb-card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sofa.jpg\" alt=\"Yachtbeach Furnitures\">\r\n        <\/div>\r\n\r\n        <div class=\"yb-card-content\">\r\n          <h3>Furnitures<\/h3>\r\n          <p>\r\n            Elegant comfort for yachts & waterfronts.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n      <!-- SLIDES -->\r\n      <a href=\"https:\/\/theyachtbeach.com\/yacht-slides\/\" class=\"yb-card yb-slides\">\r\n\r\n        <div class=\"yb-card-media\">\r\n          <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2023\/11\/action1.webp\" alt=\"Yachtbeach Slides\">\r\n        <\/div>\r\n\r\n        <div class=\"yb-card-content\">\r\n          <h3>Yacht Slides<\/h3>\r\n          <p>\r\n            Premium custom Yachtslides.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-636c4492 elementor-widget elementor-widget-html\" data-id=\"636c4492\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.yb-signature-divider{\r\n  --yb-gold:#b08d57;\r\n  --yb-teal:#0097a9;\r\n  --yb-dark:#081218;\r\n  --yb-soft-dark:#14202a;\r\n  --yb-text:#667178;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:120px 28px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(0,151,169,.08), transparent 30%),\r\n    radial-gradient(circle at 88% 82%, rgba(176,141,87,.12), transparent 34%),\r\n    linear-gradient(180deg,#f7fafb 0%,#ffffff 100%);\r\n  font-family:Montserrat,Arial,sans-serif;\r\n}\r\n\r\n.yb-signature-divider *{box-sizing:border-box;}\r\n\r\n.yb-signature-inner{\r\n  max-width:1380px;\r\n  margin:0 auto;\r\n}\r\n\r\n.yb-signature-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:90px;\r\n  align-items:center;\r\n}\r\n\r\n.yb-signature-kicker{\r\n  display:inline-block;\r\n  margin-bottom:22px;\r\n  padding:10px 18px;\r\n  border-radius:999px;\r\n  background:rgba(0,151,169,.08);\r\n  border:1px solid rgba(0,151,169,.14);\r\n  color:var(--yb-teal);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-signature-title{\r\n  margin:0 0 28px;\r\n  color:var(--yb-dark);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(46px,5vw,82px);\r\n  line-height:.92;\r\n  letter-spacing:-.03em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-signature-title span{color:var(--yb-gold);}\r\n\r\n.yb-signature-lead{\r\n  margin:0 0 26px;\r\n  color:#2d3d46;\r\n  font-size:20px;\r\n  line-height:1.8;\r\n  font-weight:500;\r\n}\r\n\r\n.yb-signature-text{\r\n  margin:0;\r\n  max-width:620px;\r\n  color:var(--yb-text);\r\n  font-size:15px;\r\n  line-height:1.95;\r\n}\r\n\r\n.yb-signature-highlights{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:16px;\r\n  margin-top:36px;\r\n  max-width:650px;\r\n}\r\n\r\n.yb-signature-highlight{\r\n  padding:24px 22px;\r\n  border-radius:22px;\r\n  background:rgba(255,255,255,.86);\r\n  border:1px solid rgba(176,141,87,.18);\r\n  box-shadow:0 18px 55px rgba(8,18,24,.05);\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-signature-highlight:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(176,141,87,.42);\r\n  box-shadow:0 28px 80px rgba(176,141,87,.12);\r\n}\r\n\r\n.yb-signature-highlight strong,\r\n.yb-signature-value strong{\r\n  display:block;\r\n  margin-bottom:9px;\r\n  color:var(--yb-dark);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:21px;\r\n  letter-spacing:.04em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-signature-highlight p,\r\n.yb-signature-value p{\r\n  margin:0;\r\n  color:var(--yb-text);\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* IMAGE *\/\r\n.yb-signature-visual{\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:visible;\r\n}\r\n\r\n.yb-signature-shapes{\r\n  position:relative;\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.yb-signature-shapes::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:72%;\r\n  height:42%;\r\n  left:14%;\r\n  bottom:4%;\r\n  background:radial-gradient(circle, rgba(0,151,169,.12), transparent 68%);\r\n  filter:blur(8px);\r\n  pointer-events:none;\r\n}\r\n\r\n.yb-signature-shapes a{\r\n  position:relative;\r\n  display:block;\r\n  width:100%;\r\n  cursor:zoom-in;\r\n}\r\n\r\n.yb-signature-shapes img{\r\n  display:block;\r\n  width:100%;\r\n  max-width:960px;\r\n  height:auto;\r\n  object-fit:contain;\r\n  filter:drop-shadow(0 32px 48px rgba(8,18,24,.14));\r\n  transition:.45s ease;\r\n}\r\n\r\n.yb-signature-shapes img:hover{\r\n  transform:translateY(-6px) scale(1.015);\r\n  filter:drop-shadow(0 42px 70px rgba(8,18,24,.18));\r\n}\r\n\r\n\/* BOTTOM VALUES *\/\r\n.yb-signature-values{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:18px;\r\n  margin-top:58px;\r\n}\r\n\r\n.yb-signature-value{\r\n  padding:30px 26px;\r\n  border-radius:24px;\r\n  background:rgba(255,255,255,.88);\r\n  border:1px solid rgba(176,141,87,.18);\r\n  box-shadow:0 18px 50px rgba(20,32,42,.05);\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-signature-value:hover{\r\n  transform:translateY(-6px);\r\n  border-color:rgba(176,141,87,.42);\r\n  box-shadow:0 24px 70px rgba(176,141,87,.12);\r\n}\r\n\r\n\/* LIGHTBOX *\/\r\n.yb-signature-lightbox{\r\n  position:fixed;\r\n  inset:0;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:40px;\r\n  background:rgba(0,0,0,.92);\r\n  z-index:999999;\r\n}\r\n\r\n.yb-signature-lightbox.active{display:flex;}\r\n\r\n.yb-signature-lightbox img{\r\n  max-width:94vw;\r\n  max-height:92vh;\r\n  object-fit:contain;\r\n  border-radius:20px;\r\n}\r\n\r\n.yb-signature-lightbox-close{\r\n  position:absolute;\r\n  top:24px;\r\n  right:28px;\r\n  color:#fff;\r\n  font-size:42px;\r\n  cursor:pointer;\r\n  line-height:1;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1100px){\r\n  .yb-signature-grid{\r\n    grid-template-columns:1fr;\r\n    gap:70px;\r\n  }\r\n\r\n  .yb-signature-shapes img{\r\n    max-width:900px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n  .yb-signature-divider{\r\n    padding:70px 16px;\r\n  }\r\n\r\n  .yb-signature-grid{\r\n    gap:34px;\r\n  }\r\n\r\n  .yb-signature-title{\r\n    font-size:clamp(38px,12vw,58px);\r\n    margin-bottom:20px;\r\n  }\r\n\r\n  .yb-signature-lead{\r\n    font-size:17px;\r\n    line-height:1.55;\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .yb-signature-text{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  \/* Modular + Made to Extend: 1x2 *\/\r\n  .yb-signature-highlights{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:12px;\r\n    margin-top:24px;\r\n  }\r\n\r\n  .yb-signature-highlight{\r\n    padding:18px 14px;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .yb-signature-highlight strong{\r\n    font-size:16px;\r\n    line-height:1.05;\r\n    margin-bottom:7px;\r\n  }\r\n\r\n  .yb-signature-highlight p{\r\n    font-size:12.5px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .yb-signature-visual{\r\n    margin-top:4px;\r\n  }\r\n\r\n  .yb-signature-shapes img{\r\n    max-width:100%;\r\n  }\r\n\r\n  \/* Custom full width, Premium + Built 1x2 *\/\r\n  .yb-signature-values{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:12px;\r\n    margin-top:34px;\r\n  }\r\n\r\n  .yb-signature-value{\r\n    padding:18px 14px;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .yb-signature-value:first-child{\r\n    grid-column:1 \/ -1;\r\n  }\r\n\r\n  .yb-signature-value strong{\r\n    font-size:16px;\r\n    line-height:1.05;\r\n    margin-bottom:7px;\r\n  }\r\n\r\n  .yb-signature-value p{\r\n    font-size:12.5px;\r\n    line-height:1.45;\r\n  }\r\n\r\n  .yb-signature-lightbox{\r\n    padding:18px;\r\n  }\r\n\r\n  .yb-signature-lightbox img{\r\n    max-width:94vw;\r\n    max-height:86vh;\r\n  }\r\n}\r\n\r\n@media(max-width:390px){\r\n  .yb-signature-divider{\r\n    padding:62px 14px;\r\n  }\r\n\r\n  .yb-signature-highlights,\r\n  .yb-signature-values{\r\n    gap:10px;\r\n  }\r\n\r\n  .yb-signature-highlight,\r\n  .yb-signature-value{\r\n    padding:16px 12px;\r\n  }\r\n\r\n  .yb-signature-highlight strong,\r\n  .yb-signature-value strong{\r\n    font-size:15px;\r\n  }\r\n}\r\n\r\n@media(hover:none){\r\n  .yb-signature-highlight:hover,\r\n  .yb-signature-value:hover,\r\n  .yb-signature-shapes img:hover{\r\n    transform:none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-signature-divider\">\r\n\r\n  <div class=\"yb-signature-inner\">\r\n\r\n    <div class=\"yb-signature-grid\">\r\n\r\n      <div class=\"yb-signature-content\">\r\n\r\n        <div class=\"yb-signature-kicker\">\r\n          Yachtbeach Signature\r\n        <\/div>\r\n\r\n        <h2 class=\"yb-signature-title\">\r\n          Modular luxury<br>\r\n          <span>on the water.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"yb-signature-lead\">\r\n          Create your own floating lifestyle area \u2014 from a single platform to a complete modular setup around your yacht.\r\n        <\/p>\r\n\r\n        <p class=\"yb-signature-text\">\r\n          Yachtbeach combines elegant design, premium materials and a smart modular system with one of the world\u2019s leading and largest ranges of directly available stock solutions. Platforms, pools, docks and lounge areas can be connected and extended to create more space for relaxing, swimming, entertaining and enjoying unforgettable moments on the water.\r\n        <\/p>\r\n\r\n        <div class=\"yb-signature-highlights\">\r\n\r\n          <div class=\"yb-signature-highlight\">\r\n            <strong>Modular by Design<\/strong>\r\n            <p>Combine different shapes and modules into one flexible floating system.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"yb-signature-highlight\">\r\n            <strong>Made to Extend<\/strong>\r\n            <p>Add more comfort, more space and more possibilities around your yacht.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-signature-visual\">\r\n        <div class=\"yb-signature-shapes\">\r\n          <a href=\"javascript:void(0);\" class=\"yb-signature-lightbox-trigger\">\r\n            <img decoding=\"async\"\r\n              src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/Platformen-Measurements-final.png\"\r\n              alt=\"Yachtbeach Modular System\"\r\n            >\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-signature-values\">\r\n\r\n      <div class=\"yb-signature-value\">\r\n        <strong>Custom Made<\/strong>\r\n        <p>Tailored floating spaces designed around your yacht, your lifestyle and your needs.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yb-signature-value\">\r\n        <strong>Premium Materials<\/strong>\r\n        <p>Refined surfaces, elegant teak look and marine-ready construction for demanding use.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yb-signature-value\">\r\n        <strong>Built for Yachts<\/strong>\r\n        <p>Created for owners, crews and guests who expect comfort, flexibility and presence.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"yb-signature-lightbox\" id=\"ybSignatureLightbox\">\r\n  <div class=\"yb-signature-lightbox-close\">\u00d7<\/div>\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/shapesd.png\"\r\n    alt=\"Yachtbeach Modular System Large\"\r\n  >\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const trigger = document.querySelector(\".yb-signature-lightbox-trigger\");\r\n  const lightbox = document.getElementById(\"ybSignatureLightbox\");\r\n\r\n  if(!trigger || !lightbox) return;\r\n\r\n  const closeBtn = lightbox.querySelector(\".yb-signature-lightbox-close\");\r\n\r\n  trigger.addEventListener(\"click\", function(){\r\n    lightbox.classList.add(\"active\");\r\n    document.body.style.overflow = \"hidden\";\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function(){\r\n    lightbox.classList.remove(\"active\");\r\n    document.body.style.overflow = \"\";\r\n  });\r\n\r\n  lightbox.addEventListener(\"click\", function(e){\r\n    if(e.target === lightbox){\r\n      lightbox.classList.remove(\"active\");\r\n      document.body.style.overflow = \"\";\r\n    }\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function(e){\r\n    if(e.key === \"Escape\" && lightbox.classList.contains(\"active\")){\r\n      lightbox.classList.remove(\"active\");\r\n      document.body.style.overflow = \"\";\r\n    }\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<div class=\"elementor-element elementor-element-52a3bb36 elementor-widget elementor-widget-html\" data-id=\"52a3bb36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.yb-custom-luxury{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#60707a;\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:140px 28px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(0,151,169,.08), transparent 30%),\r\n    radial-gradient(circle at 88% 82%, rgba(176,141,87,.12), transparent 34%),\r\n    linear-gradient(180deg,#f7fafb 0%,#ffffff 100%);\r\n  font-family:Montserrat,Arial,sans-serif;\r\n}\r\n\r\n.yb-custom-luxury *{box-sizing:border-box;}\r\n\r\n.yb-custom-luxury-inner{\r\n  max-width:1380px;\r\n  margin:0 auto;\r\n}\r\n\r\n.yb-custom-luxury-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:90px;\r\n  align-items:center;\r\n}\r\n\r\n\/* LEFT *\/\r\n.yb-custom-luxury-kicker{\r\n  display:inline-block;\r\n  margin-bottom:22px;\r\n  padding:10px 18px;\r\n  border-radius:999px;\r\n  background:rgba(0,151,169,.08);\r\n  border:1px solid rgba(0,151,169,.14);\r\n  color:var(--teal);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-luxury h2{\r\n  margin:0 0 28px;\r\n  color:var(--dark);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(46px,5vw,82px);\r\n  line-height:.92;\r\n  letter-spacing:-.03em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-luxury h2 span{color:var(--gold);}\r\n\r\n.yb-custom-luxury-lead{\r\n  margin:0 0 26px;\r\n  color:#2d3d46;\r\n  font-size:20px;\r\n  line-height:1.8;\r\n  font-weight:500;\r\n}\r\n\r\n.yb-custom-luxury-text{\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:15px;\r\n  line-height:1.95;\r\n}\r\n\r\n.yb-custom-luxury-actions{\r\n  display:flex;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n  margin-top:38px;\r\n}\r\n\r\n.yb-custom-luxury-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:220px;\r\n  padding:16px 28px;\r\n  border-radius:999px;\r\n  text-decoration:none!important;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-custom-luxury-btn.primary{\r\n  background:var(--dark);\r\n  color:#fff!important;\r\n}\r\n\r\n.yb-custom-luxury-btn.secondary{\r\n  background:transparent;\r\n  border:1px solid rgba(8,18,24,.14);\r\n  color:var(--dark)!important;\r\n}\r\n\r\n.yb-custom-luxury-btn:hover{transform:translateY(-3px);}\r\n.yb-custom-luxury-btn.primary:hover{background:var(--teal);}\r\n.yb-custom-luxury-btn.secondary:hover{\r\n  border-color:var(--teal);\r\n  color:var(--teal)!important;\r\n}\r\n\r\n\/* RIGHT VISUAL *\/\r\n.yb-custom-visual{\r\n  position:relative;\r\n}\r\n\r\n.yb-custom-gallery{\r\n  display:grid;\r\n  grid-template-columns:1fr .62fr;\r\n  gap:22px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* MAIN IMAGE *\/\r\n.yb-custom-main{\r\n  position:relative;\r\n  min-height:920px;\r\n  border-radius:36px;\r\n  overflow:hidden;\r\n  background:#f2f2f2;\r\n  border:1px solid rgba(176,141,87,.18);\r\n  box-shadow:0 34px 100px rgba(0,0,0,.14);\r\n  cursor:pointer;\r\n}\r\n\r\n.yb-custom-main img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center top;\r\n  display:block;\r\n  padding:0;\r\n  background:linear-gradient(180deg,#ffffff 0%,#eef5f6 100%);\r\n  transition:transform 1.1s ease, filter .6s ease;\r\n}\r\n\r\n.yb-custom-main:hover img{\r\n  transform:scale(1.035);\r\n  filter:saturate(1.06) contrast(1.03);\r\n}\r\n\r\n\/* SIDE STACK *\/\r\n.yb-custom-side{\r\n  display:grid;\r\n  grid-template-rows:1fr 1fr;\r\n  gap:22px;\r\n}\r\n\r\n.yb-custom-card{\r\n  position:relative;\r\n  min-height:294px;\r\n  overflow:hidden;\r\n  border-radius:30px;\r\n  background:#111;\r\n  border:1px solid rgba(176,141,87,.16);\r\n  box-shadow:0 24px 70px rgba(0,0,0,.12);\r\n  cursor:pointer;\r\n  transition:transform .45s ease, box-shadow .45s ease, border-color .45s ease;\r\n}\r\n\r\n.yb-custom-card:hover,\r\n.yb-custom-main:hover{\r\n  transform:translateY(-8px);\r\n  border-color:rgba(176,141,87,.45);\r\n  box-shadow:\r\n    0 42px 110px rgba(0,0,0,.18),\r\n    0 0 55px rgba(0,151,169,.10);\r\n}\r\n\r\n.yb-custom-card img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform 1.2s ease, filter .6s ease;\r\n}\r\n\r\n.yb-custom-card:hover img{\r\n  transform:scale(1.08);\r\n  filter:saturate(1.08) contrast(1.04);\r\n}\r\n\r\n.yb-custom-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,rgba(8,18,24,0) 0%,rgba(8,18,24,.16) 48%,rgba(8,18,24,.68) 100%);\r\n  pointer-events:none;\r\n}\r\n\r\n\/* LABELS *\/\r\n.yb-custom-label{\r\n  position:absolute;\r\n  left:24px;\r\n  bottom:24px;\r\n  z-index:3;\r\n}\r\n\r\n.yb-custom-label span{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:#4fd2df;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-label strong{\r\n  display:block;\r\n  color:#fff;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:28px;\r\n  line-height:.95;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-main .yb-custom-label{\r\n  max-width:360px;\r\n}\r\n\r\n.yb-custom-main .yb-custom-label strong{\r\n  font-size:38px;\r\n}\r\n\r\n\/* INFO BAR *\/\r\n.yb-custom-info{\r\n  margin-top:22px;\r\n  display:grid;\r\n  grid-template-columns:auto 1fr;\r\n  gap:26px;\r\n  align-items:center;\r\n  padding:26px 30px;\r\n  border-radius:28px;\r\n  background:rgba(8,18,24,.88);\r\n  border:1px solid rgba(79,210,223,.18);\r\n  box-shadow:0 24px 70px rgba(0,0,0,.18);\r\n  color:#fff;\r\n}\r\n\r\n.yb-custom-info span{\r\n  color:#4fd2df;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n}\r\n\r\n.yb-custom-info strong{\r\n  display:block;\r\n  margin-bottom:6px;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:28px;\r\n  line-height:1;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-info p{\r\n  margin:0;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:13px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* LIGHTBOX *\/\r\n.yb-lightbox{\r\n  position:fixed;\r\n  inset:0;\r\n  background:rgba(0,0,0,.92);\r\n  z-index:999999;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:40px;\r\n}\r\n\r\n.yb-lightbox.active{display:flex;}\r\n\r\n.yb-lightbox img{\r\n  max-width:92vw;\r\n  max-height:92vh;\r\n  border-radius:20px;\r\n  box-shadow:0 40px 120px rgba(0,0,0,.45);\r\n}\r\n\r\n.yb-lightbox-close{\r\n  position:absolute;\r\n  top:24px;\r\n  right:28px;\r\n  color:#fff;\r\n  font-size:42px;\r\n  cursor:pointer;\r\n  line-height:1;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1100px){\r\n  .yb-custom-luxury-grid{\r\n    grid-template-columns:1fr;\r\n    gap:70px;\r\n  }\r\n\r\n  .yb-custom-gallery{\r\n    grid-template-columns:1.15fr .85fr;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n  .yb-custom-luxury{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .yb-custom-luxury-grid{\r\n    gap:46px;\r\n  }\r\n\r\n  .yb-custom-luxury h2{\r\n    font-size:clamp(38px,12vw,58px);\r\n  }\r\n\r\n  .yb-custom-luxury-lead{\r\n    font-size:18px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .yb-custom-luxury-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .yb-custom-luxury-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .yb-custom-gallery{\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n  }\r\n\r\n  .yb-custom-main{\r\n    min-height:auto;\r\n    aspect-ratio:9\/16;\r\n    border-radius:26px;\r\n  }\r\n\r\n  .yb-custom-main img{\r\n    padding:0;\r\n  }\r\n\r\n  .yb-custom-side{\r\n    grid-template-columns:1fr 1fr;\r\n    grid-template-rows:auto;\r\n    gap:14px;\r\n  }\r\n\r\n  .yb-custom-card{\r\n    min-height:170px;\r\n    border-radius:22px;\r\n  }\r\n\r\n  .yb-custom-label{\r\n    left:16px;\r\n    bottom:16px;\r\n  }\r\n\r\n  .yb-custom-label span{\r\n    font-size:9px;\r\n    margin-bottom:8px;\r\n  }\r\n\r\n  .yb-custom-label strong{\r\n    font-size:18px;\r\n  }\r\n\r\n  .yb-custom-main .yb-custom-label strong{\r\n    font-size:24px;\r\n  }\r\n\r\n  .yb-custom-info{\r\n    grid-template-columns:1fr;\r\n    gap:12px;\r\n    padding:24px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .yb-custom-info span{\r\n    white-space:normal;\r\n  }\r\n\r\n  .yb-lightbox{\r\n    padding:18px;\r\n  }\r\n\r\n  .yb-lightbox img{\r\n    max-width:94vw;\r\n    max-height:86vh;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-custom-luxury\">\r\n\r\n  <div class=\"yb-custom-luxury-inner\">\r\n\r\n    <div class=\"yb-custom-luxury-grid\">\r\n\r\n      <div class=\"yb-custom-luxury-content\">\r\n\r\n        <div class=\"yb-custom-luxury-kicker\">\r\n          Custom Yachtbeach Projects\r\n        <\/div>\r\n\r\n        <h2>\r\n          No Limits.<br>\r\n          <span>Only Your Vision.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"yb-custom-luxury-lead\">\r\n          From first sketch to final installation \u2014 YACHTBEACH designs and manufactures tailor-made floating solutions for yachts, resorts, events and unique waterside experiences.\r\n        <\/p>\r\n\r\n        <p class=\"yb-custom-luxury-text\">\r\n          From concept to reality \u2014 YACHTBEACH creates tailor-made floating solutions for yachts, resorts, events and extraordinary waterside experiences. Discover the experience on the water! Yachtbeach watersports products turn every vessel or lake- and beachside into something special. Flexible, safe and built around your individual needs \u2014 our custom projects are designed to create comfort, fun and unforgettable moments for friends, families, guests and events.\r\n        <\/p>\r\n\r\n        <div class=\"yb-custom-luxury-actions\">\r\n          <a href=\"\/custombuilds\/\" class=\"yb-custom-luxury-btn primary\">\r\n            Explore Custom Projects\r\n          <\/a>\r\n\r\n          <a href=\"\/contact\/\" class=\"yb-custom-luxury-btn secondary\">\r\n            Start Your Project\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-custom-visual\">\r\n\r\n        <div class=\"yb-custom-gallery\">\r\n\r\n          <div class=\"yb-custom-main yb-lightbox-trigger\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/concept2.webp\" alt=\"Yachtbeach Custom Concept\">\r\n\r\n            <div class=\"yb-custom-label\">\r\n              <span>Custom Design<\/span>\r\n              <strong>From Vision To Reality..<\/strong>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"yb-custom-side\">\r\n\r\n            <div class=\"yb-custom-card yb-lightbox-trigger\">\r\n              <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2025\/05\/action4.jpg\" alt=\"Yachtbeach Custom Slides\">\r\n\r\n              <div class=\"yb-custom-label\">\r\n                <span>Custom Yacht Slides<\/span>\r\n                <strong>Built For Fun.<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"yb-custom-card yb-lightbox-trigger\">\r\n              <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/pickbleball.png\" alt=\"Yachtbeach Floating Pickleball\">\r\n\r\n              <div class=\"yb-custom-label\">\r\n                <span>Floating Sports Field<\/span>\r\n                <strong>Custom Design <br\/>No Limits.<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"yb-custom-info\">\r\n          <span>Made To Fit<\/span>\r\n\r\n          <div>\r\n            <strong>From Idea To Water.<\/strong>\r\n            <p>\r\n              Individual concepts, custom layouts and unique floating worlds \u2014 designed around your yacht, location and vision.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<div class=\"yb-lightbox\" id=\"ybLightbox\">\r\n  <div class=\"yb-lightbox-close\">\u00d7<\/div>\r\n  <img decoding=\"async\" src=\"\" alt=\"Yachtbeach Custom Project\">\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\n  const triggers = document.querySelectorAll(\".yb-lightbox-trigger\");\r\n  const lightbox = document.getElementById(\"ybLightbox\");\r\n\r\n  if(!lightbox) return;\r\n\r\n  const lightboxImg = lightbox.querySelector(\"img\");\r\n  const closeBtn = lightbox.querySelector(\".yb-lightbox-close\");\r\n\r\n  triggers.forEach(function(item){\r\n    item.addEventListener(\"click\", function(){\r\n      const img = item.querySelector(\"img\");\r\n      if(!img) return;\r\n\r\n      lightboxImg.src = img.src;\r\n      lightboxImg.alt = img.alt || \"Yachtbeach Custom Project\";\r\n      lightbox.classList.add(\"active\");\r\n    });\r\n  });\r\n\r\n  closeBtn.addEventListener(\"click\", function(){\r\n    lightbox.classList.remove(\"active\");\r\n    lightboxImg.src = \"\";\r\n  });\r\n\r\n  lightbox.addEventListener(\"click\", function(e){\r\n    if(e.target === lightbox){\r\n      lightbox.classList.remove(\"active\");\r\n      lightboxImg.src = \"\";\r\n    }\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function(e){\r\n    if(e.key === \"Escape\" && lightbox.classList.contains(\"active\")){\r\n      lightbox.classList.remove(\"active\");\r\n      lightboxImg.src = \"\";\r\n    }\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<div class=\"elementor-element elementor-element-58432dd9 elementor-widget elementor-widget-html\" data-id=\"58432dd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.yb-tradeshow {\r\n  --gold: #b08d57;\r\n  --teal: #0097a9;\r\n  --dark: #101820;\r\n  --text: #5b646b;\r\n\r\n  position: relative;\r\n  padding: 105px 20px;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.78) 100%),\r\n    radial-gradient(circle at 15% 20%, rgba(0,151,169,.08), transparent 34%),\r\n    radial-gradient(circle at 88% 80%, rgba(176,141,87,.10), transparent 36%),\r\n    url(\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/finale-scaled.jpg\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-attachment: fixed;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-tradeshow * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yb-tradeshow::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.22));\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.yb-tradeshow .yb-tradeshow-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yb-tradeshow .yb-tradeshow-head {\r\n  text-align: center;\r\n  margin-bottom: 66px;\r\n}\r\n\r\n.yb-tradeshow .yb-tradeshow-kicker {\r\n  color: var(--teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .28em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.yb-tradeshow .yb-tradeshow-title {\r\n  margin: 0;\r\n  color: var(--dark);\r\n  font-size: clamp(38px, 4.8vw, 68px);\r\n  line-height: 1;\r\n  letter-spacing: -.035em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-tradeshow .yb-tradeshow-title span {\r\n  color: var(--gold);\r\n}\r\n\r\n\/* DESKTOP TIMELINE *\/\r\n.yb-tradeshow .yb-timeline-wrap {\r\n  position: relative;\r\n  padding: 28px 0 10px;\r\n}\r\n\r\n.yb-tradeshow .yb-timeline-line {\r\n  display: none;\r\n}\r\n\r\n.yb-tradeshow .yb-timeline {\r\n  overflow-x: auto;\r\n  display: flex;\r\n  gap: 22px;\r\n  padding: 0 4px 28px;\r\n  scroll-snap-type: x mandatory;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.yb-tradeshow .yb-timeline::-webkit-scrollbar {\r\n  height: 8px;\r\n}\r\n\r\n.yb-tradeshow .yb-timeline::-webkit-scrollbar-track {\r\n  background: rgba(176,141,87,.10);\r\n  border-radius: 999px;\r\n}\r\n\r\n.yb-tradeshow .yb-timeline::-webkit-scrollbar-thumb {\r\n  background: linear-gradient(90deg, var(--gold), var(--teal));\r\n  border-radius: 999px;\r\n}\r\n\r\n.yb-tradeshow .yb-event {\r\n  position: relative;\r\n  padding-top: 54px;\r\n  min-width: 255px;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n.yb-tradeshow .yb-event::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 34px;\r\n  left: 44px;\r\n  width: 210px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, rgba(176,141,87,.55), rgba(0,151,169,.28), transparent);\r\n  z-index: 0;\r\n}\r\n\r\n.yb-tradeshow .yb-event:last-child::before {\r\n  display: none;\r\n}\r\n\r\n.yb-tradeshow .yb-event-dot {\r\n  position: absolute;\r\n  top: 25px;\r\n  left: 26px;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  background: #fff;\r\n  border: 2px solid var(--gold);\r\n  box-shadow: 0 0 0 8px rgba(176,141,87,.12);\r\n  transition: .35s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.yb-tradeshow .yb-event-card {\r\n  min-height: 190px;\r\n  padding: 26px 24px;\r\n  border-radius: 24px;\r\n  background: rgba(255,255,255,.84);\r\n  border: 1px solid rgba(176,141,87,.26);\r\n  box-shadow: 0 20px 60px rgba(16,24,32,.10);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  transition: .35s ease;\r\n}\r\n\r\n.yb-tradeshow .yb-event:hover .yb-event-card {\r\n  transform: translateY(-10px);\r\n  border-color: rgba(176,141,87,.58);\r\n  box-shadow: 0 30px 90px rgba(176,141,87,.20);\r\n}\r\n\r\n.yb-tradeshow .yb-event:hover .yb-event-dot {\r\n  background: linear-gradient(135deg, var(--gold), var(--teal));\r\n  border-color: #fff;\r\n  box-shadow: 0 0 0 10px rgba(0,151,169,.14), 0 14px 34px rgba(0,151,169,.18);\r\n}\r\n\r\n.yb-tradeshow .yb-event-month {\r\n  color: var(--teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .24em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.yb-tradeshow .yb-event-date {\r\n  color: var(--gold);\r\n  font-size: 25px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.yb-tradeshow .yb-event-name {\r\n  color: var(--dark);\r\n  font-size: 21px;\r\n  line-height: 1.1;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.yb-tradeshow .yb-event-location {\r\n  color: var(--text);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.yb-tradeshow .yb-event-location strong {\r\n  color: var(--dark);\r\n}\r\n\r\n\/* BOOK APPOINTMENT *\/\r\n.yb-tradeshow .yb-tradeshow-book {\r\n  margin: 48px auto 0;\r\n  max-width: 980px;\r\n  padding: 30px 34px;\r\n  border-radius: 26px;\r\n  background: rgba(255,255,255,.88);\r\n  border: 1px solid rgba(176,141,87,.30);\r\n  box-shadow: 0 24px 70px rgba(16,24,32,.10);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  gap: 28px;\r\n  align-items: center;\r\n}\r\n\r\n.yb-tradeshow .yb-book-kicker {\r\n  color: var(--teal);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.yb-tradeshow .yb-book-title {\r\n  margin: 0 0 8px;\r\n  color: var(--dark);\r\n  font-size: clamp(26px, 2.8vw, 40px);\r\n  line-height: 1.05;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-tradeshow .yb-book-title span {\r\n  color: var(--gold);\r\n}\r\n\r\n.yb-tradeshow .yb-book-text {\r\n  margin: 0;\r\n  max-width: 620px;\r\n  color: var(--text);\r\n  font-family: Arial, sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.65;\r\n}\r\n\r\n.yb-tradeshow .yb-book-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 50px;\r\n  padding: 0 30px;\r\n  border-radius: 999px;\r\n  background: var(--gold);\r\n  border: 1px solid var(--gold);\r\n  color: #fff;\r\n  text-decoration: none;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .13em;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 14px 34px rgba(176,141,87,.24);\r\n  transition: all .3s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.yb-tradeshow .yb-book-btn:hover {\r\n  background: var(--teal);\r\n  border-color: var(--teal);\r\n  color: #fff;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 18px 44px rgba(0,151,169,.24);\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .yb-tradeshow .yb-event {\r\n    min-width: 260px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-tradeshow-book {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n  .yb-tradeshow {\r\n    padding: 76px 18px;\r\n    background-attachment: scroll;\r\n    background-position: center top;\r\n  }\r\n\r\n  .yb-tradeshow::after {\r\n    background: linear-gradient(180deg, rgba(255,255,255,0.68), rgba(255,255,255,0.9));\r\n  }\r\n\r\n  .yb-tradeshow .yb-tradeshow-head {\r\n    text-align: left;\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-tradeshow-kicker {\r\n    font-size: 11px;\r\n    letter-spacing: .22em;\r\n  }\r\n\r\n  .yb-tradeshow .yb-tradeshow-title {\r\n    font-size: 38px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline-wrap {\r\n    padding: 0;\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline-line {\r\n    display: block;\r\n    position: absolute;\r\n    left: 9px;\r\n    top: 0;\r\n    width: 1px;\r\n    height: 518px;\r\n    background: linear-gradient(180deg, rgba(176,141,87,.75), rgba(0,151,169,.45), transparent);\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n    overflow: visible;\r\n    padding: 0 0 4px;\r\n    scroll-snap-type: none;\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event::before {\r\n    display: none;\r\n  }\r\n\r\n  \/* First 4 events as vertical timeline *\/\r\n  .yb-tradeshow .yb-event:nth-child(-n+4) {\r\n    grid-column: 1 \/ -1;\r\n    min-width: 0;\r\n    padding-top: 0;\r\n    padding-left: 34px;\r\n    scroll-snap-align: unset;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(-n+4) .yb-event-dot {\r\n    display: block;\r\n    top: 24px;\r\n    left: 0;\r\n    width: 16px;\r\n    height: 16px;\r\n    box-shadow: 0 0 0 7px rgba(176,141,87,.12);\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(-n+4) .yb-event-card {\r\n    min-height: auto;\r\n    padding: 18px 18px 19px;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,.9);\r\n  }\r\n\r\n  \/* Remaining events as compact 2-column cards *\/\r\n  .yb-tradeshow .yb-event:nth-child(n+5) {\r\n    min-width: 0;\r\n    padding-top: 0;\r\n    scroll-snap-align: unset;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(n+5) .yb-event-dot {\r\n    display: none;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(n+5) .yb-event-card {\r\n    min-height: 178px;\r\n    padding: 17px 15px;\r\n    border-radius: 20px;\r\n    background: rgba(255,255,255,.9);\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:hover .yb-event-card {\r\n    transform: none;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event-month {\r\n    font-size: 10px;\r\n    letter-spacing: .14em;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event-date {\r\n    font-size: 20px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event-name {\r\n    font-size: 17px;\r\n    line-height: 1.12;\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event-location {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-tradeshow-book {\r\n    margin-top: 34px;\r\n    padding: 26px 22px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-book-btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n  .yb-tradeshow {\r\n    padding-left: 14px;\r\n    padding-right: 14px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline {\r\n    gap: 12px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-timeline-line {\r\n    height: 540px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(n+5) .yb-event-card {\r\n    padding: 15px 13px;\r\n    min-height: 170px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event:nth-child(n+5) .yb-event-name {\r\n    font-size: 15.5px;\r\n  }\r\n\r\n  .yb-tradeshow .yb-event-date {\r\n    font-size: 18px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-tradeshow\">\r\n  <div class=\"yb-tradeshow-inner\">\r\n\r\n    <div class=\"yb-tradeshow-head\">\r\n      <div class=\"yb-tradeshow-kicker\">Upcoming Tradeshows<\/div>\r\n      <h2 class=\"yb-tradeshow-title\">\r\n        Meet <span>Yachtbeach<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"yb-timeline-wrap\">\r\n      <div class=\"yb-timeline-line\"><\/div>\r\n\r\n      <div class=\"yb-timeline\">\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">September 2026<\/div>\r\n            <div class=\"yb-event-date\">08.09.\u201313.09.<\/div>\r\n            <div class=\"yb-event-name\">Cannes Yachting Festival<\/div>\r\n            <div class=\"yb-event-location\"><strong>Cannes<\/strong> \u00b7 France<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">September 2026<\/div>\r\n            <div class=\"yb-event-date\">23.09.\u201326.09.<\/div>\r\n            <div class=\"yb-event-name\">Monaco Yacht Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Monaco<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">October 2026<\/div>\r\n            <div class=\"yb-event-date\">01.10.\u201306.10.<\/div>\r\n            <div class=\"yb-event-name\">Salone Nautico di Genova<\/div>\r\n            <div class=\"yb-event-location\"><strong>Genoa<\/strong> \u00b7 Italy<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">October 2026<\/div>\r\n            <div class=\"yb-event-date\">28.10.\u201301.11.<\/div>\r\n            <div class=\"yb-event-name\">Fort Lauderdale International Boat Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Fort Lauderdale<\/strong> \u00b7 USA<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">November 2026<\/div>\r\n            <div class=\"yb-event-date\">17.11.\u201319.11.<\/div>\r\n            <div class=\"yb-event-name\">METS Trade Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Amsterdam<\/strong> \u00b7 Netherlands<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">November 2026<\/div>\r\n            <div class=\"yb-event-date\">19.11.\u201322.11.<\/div>\r\n            <div class=\"yb-event-name\">Abu Dhabi International Boat Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Abu Dhabi<\/strong> \u00b7 UAE<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">November 2026<\/div>\r\n            <div class=\"yb-event-date\">25.11.\u201329.11.<\/div>\r\n            <div class=\"yb-event-name\">Dubai International Boat Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Dubai<\/strong> \u00b7 UAE<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">December 2026<\/div>\r\n            <div class=\"yb-event-date\">02.12.\u201306.12.<\/div>\r\n            <div class=\"yb-event-name\">Athens International Boat Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Athens<\/strong> \u00b7 Greece<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">December 2026<\/div>\r\n            <div class=\"yb-event-date\">03.12.\u201308.12.<\/div>\r\n            <div class=\"yb-event-name\">Antigua Charter Yacht Show<\/div>\r\n            <div class=\"yb-event-location\"><strong>Antigua<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-event\">\r\n          <div class=\"yb-event-dot\"><\/div>\r\n          <div class=\"yb-event-card\">\r\n            <div class=\"yb-event-month\">January 2027<\/div>\r\n            <div class=\"yb-event-date\">23.01.\u201331.01.<\/div>\r\n            <div class=\"yb-event-name\">boot D\u00fcsseldorf<\/div>\r\n            <div class=\"yb-event-location\"><strong>D\u00fcsseldorf<\/strong> \u00b7 Germany<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-tradeshow-book\">\r\n      <div>\r\n        <div class=\"yb-book-kicker\">Private Meeting at the Show<\/div>\r\n        <h3 class=\"yb-book-title\">Book an <span>Appointment<\/span><\/h3>\r\n        <p class=\"yb-book-text\">\r\n          Arrange a personal meeting with us directly at the tradeshow and let\u2019s talk about your yacht, your ideas and your next custom Yachtbeach project.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/contact\/\" class=\"yb-book-btn\">Book an Appointment<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10cb8024 elementor-widget elementor-widget-html\" data-id=\"10cb8024\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.yb-catalog {\r\n  padding: 90px 20px;\r\n  background:\r\n    radial-gradient(circle at 20% 30%, rgba(0,151,169,.08), transparent 30%),\r\n    radial-gradient(circle at 80% 70%, rgba(176,141,87,.12), transparent 35%),\r\n    #fff;\r\n}\r\n\r\n.yb-catalog * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yb-catalog-inner {\r\n  max-width: 1320px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* VISUAL *\/\r\n.yb-catalog-visual {\r\n  position: relative;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 40px 100px rgba(16,24,32,.15);\r\n}\r\n\r\n.yb-catalog-visual img {\r\n  width: 100%;\r\n  display: block;\r\n}\r\n\r\n\/* DESKTOP CTA *\/\r\n.yb-catalog-cta-desktop {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  right: 30px;\r\n}\r\n\r\n\/* MOBILE CTA *\/\r\n.yb-catalog-cta-mobile {\r\n  display: none;\r\n  margin-top: 14px;\r\n  text-align: center;\r\n}\r\n\r\n.yb-catalog-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 14px 26px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,.92);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(176,141,87,.35);\r\n  color: #101820;\r\n  text-decoration: none;\r\n  font-size: 11px;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  font-weight: 700;\r\n  transition: .3s ease;\r\n  box-shadow: 0 14px 40px rgba(16,24,32,.18);\r\n}\r\n\r\n.yb-catalog-btn:hover {\r\n  background: #b08d57;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n  .yb-catalog {\r\n    padding: 48px 14px;\r\n  }\r\n\r\n  .yb-catalog-visual {\r\n    border-radius: 18px;\r\n    box-shadow: 0 18px 45px rgba(16,24,32,.12);\r\n  }\r\n\r\n  .yb-catalog-cta-desktop {\r\n    display: none;\r\n  }\r\n\r\n  .yb-catalog-cta-mobile {\r\n    display: block;\r\n  }\r\n\r\n  .yb-catalog-btn {\r\n    width: 100%;\r\n    max-width: 260px;\r\n    padding: 13px 18px;\r\n    font-size: 10px;\r\n    letter-spacing: .11em;\r\n  }\r\n}\r\n\r\n@media(max-width:420px){\r\n\r\n  .yb-catalog {\r\n    padding-left: 12px;\r\n    padding-right: 12px;\r\n  }\r\n\r\n  .yb-catalog-visual {\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .yb-catalog-cta-mobile {\r\n    margin-top: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-catalog\">\r\n  <div class=\"yb-catalog-inner\">\r\n\r\n    <div class=\"yb-catalog-visual\">\r\n\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/c39d5f65-a6ff-4df3-82a2-add9fa25e8b8.png\" \r\n        alt=\"Yachtbeach Catalogs\"\r\n      >\r\n\r\n      <!-- DESKTOP BUTTON -->\r\n      <div class=\"yb-catalog-cta-desktop\">\r\n        <a href=\"https:\/\/theyachtbeach.com\/catalog\/\" class=\"yb-catalog-btn\">\r\n          Download Catalogs\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- MOBILE BUTTON -->\r\n    <div class=\"yb-catalog-cta-mobile\">\r\n      <a href=\"https:\/\/theyachtbeach.com\/catalog\/\" class=\"yb-catalog-btn\">\r\n        Download Catalogs\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\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>Premium Yacht Lifestyle Welcome To Yachtbeach Where luxury meets the water. Explore premium floating platforms, modular yacht spaces and unforgettable waterfront experiences. Contact Us \u2039 \u203a Welcome To Luxury Floating More Than A Floating Platform YACHTBEACH transforms the water around your yacht into a luxurious lifestyle experience. Designed for performance-minded yacht owners, YACHTBEACH creates premium [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-4","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":10,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":21166,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/4\/revisions\/21166"}],"wp:attachment":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/media?parent=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}