{"id":7776,"date":"2022-11-18T13:55:54","date_gmt":"2022-11-18T12:55:54","guid":{"rendered":"https:\/\/yb2023.psychold.de\/?page_id=7776"},"modified":"2026-06-08T14:20:58","modified_gmt":"2026-06-08T12:20:58","slug":"custombuilds","status":"publish","type":"page","link":"https:\/\/theyachtbeach.com\/de\/custombuilds\/","title":{"rendered":"custombuilds"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7776\" class=\"elementor elementor-7776\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-261ed84a e-con-full e-flex e-con e-parent\" data-id=\"261ed84a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c6dcab1 elementor-widget elementor-widget-html\" data-id=\"4c6dcab1\" 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\nbody .elementor-section:has(.yb-custom-hero),\r\nbody .elementor-container:has(.yb-custom-hero),\r\nbody .elementor-column:has(.yb-custom-hero),\r\nbody .elementor-widget-wrap:has(.yb-custom-hero),\r\nbody .elementor-widget-container:has(.yb-custom-hero),\r\nbody .elementor-widget-html:has(.yb-custom-hero),\r\nbody .elementor-element:has(.yb-custom-hero){\r\n  margin-top:0 !important;\r\n  padding-top:0 !important;\r\n}\r\n\r\nbody .yb-custom-hero{margin-top:-1px !important;}\r\n\r\n.yb-custom-hero{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#dce6ea;\r\n  position:relative;\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  height:850px;\r\n  min-height:850px;\r\n  overflow:hidden;\r\n  font-family:Montserrat,Arial,sans-serif;\r\n  background:#081218;\r\n}\r\n\r\n.yb-custom-hero *{box-sizing:border-box;}\r\n\r\n.yb-custom-hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n}\r\n\r\n.yb-custom-hero-bg img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  object-position:center;\r\n  display:block;\r\n  transform:scale(1.04);\r\n  filter:saturate(1.08) contrast(1.05);\r\n}\r\n\r\n.yb-custom-hero-bg::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(90deg,rgba(8,18,24,.92) 0%,rgba(8,18,24,.72) 36%,rgba(8,18,24,.22) 72%,rgba(8,18,24,.36) 100%),\r\n    linear-gradient(180deg,rgba(8,18,24,.12) 0%,rgba(8,18,24,.20) 48%,rgba(8,18,24,.86) 100%);\r\n}\r\n\r\n.yb-custom-hero-glow{\r\n  position:absolute;\r\n  inset:auto -10% -20% -10%;\r\n  height:360px;\r\n  z-index:2;\r\n  background:\r\n    radial-gradient(circle at 30% 50%,rgba(0,151,169,.22),transparent 34%),\r\n    radial-gradient(circle at 70% 60%,rgba(176,141,87,.18),transparent 36%);\r\n  filter:blur(40px);\r\n  pointer-events:none;\r\n}\r\n\r\n.yb-custom-hero-inner{\r\n  position:relative;\r\n  z-index:4;\r\n  max-width:1480px;\r\n  height:850px;\r\n  margin:0 auto;\r\n  padding:110px 34px 150px;\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:64px;\r\n  align-items:center;\r\n}\r\n\r\n.yb-custom-hero-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:22px;\r\n  color:var(--teal);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-hero-kicker::before{\r\n  content:\"\";\r\n  width:44px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n.yb-custom-hero h1{\r\n  max-width:780px;\r\n  margin:0;\r\n  color:#fff;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(54px,6.3vw,104px);\r\n  line-height:.88;\r\n  letter-spacing:.025em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-hero h1 span{color:var(--gold);}\r\n\r\n.yb-custom-hero-lead{\r\n  max-width:620px;\r\n  margin:26px 0 0;\r\n  color:rgba(255,255,255,.82);\r\n  font-size:17px;\r\n  line-height:1.75;\r\n}\r\n\r\n.yb-custom-hero-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n  margin-top:34px;\r\n}\r\n\r\n.yb-custom-hero-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-width:200px;\r\n  padding:14px 26px;\r\n  border-radius:999px;\r\n  text-decoration:none!important;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-custom-hero-btn.primary{\r\n  color:#fff!important;\r\n  background:linear-gradient(135deg,#b08d57,#d0ad70);\r\n  box-shadow:0 16px 40px rgba(176,141,87,.25);\r\n}\r\n\r\n.yb-custom-hero-btn.secondary{\r\n  color:#fff!important;\r\n  border:1px solid rgba(255,255,255,.28);\r\n  background:rgba(255,255,255,.06);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.yb-custom-hero-btn:hover{transform:translateY(-3px);}\r\n\r\n.yb-custom-hero-right{\r\n  position:relative;\r\n  display:flex;\r\n  justify-content:flex-end;\r\n}\r\n\r\n.yb-custom-hero-card{\r\n  width:min(490px,100%);\r\n  padding:28px;\r\n  border-radius:30px;\r\n  background:rgba(8,18,24,.58);\r\n  border:1px solid rgba(255,255,255,.13);\r\n  backdrop-filter:blur(26px);\r\n  box-shadow:0 34px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);\r\n}\r\n\r\n.yb-custom-card-label{\r\n  margin-bottom:18px;\r\n  color:var(--gold);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-card-title{\r\n  margin:0 0 20px;\r\n  color:#fff;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:38px;\r\n  line-height:.98;\r\n  letter-spacing:.03em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-card-title span{color:var(--teal);}\r\n\r\n.yb-custom-hero-list{\r\n  display:grid;\r\n  gap:10px;\r\n  margin-top:22px;\r\n}\r\n\r\n.yb-custom-hero-item{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  padding:15px 18px;\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.10);\r\n  color:rgba(255,255,255,.82)!important;\r\n  text-decoration:none!important;\r\n  font-size:13px;\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-custom-hero-item strong{\r\n  color:#fff;\r\n  font-weight:700;\r\n}\r\n\r\n.yb-custom-hero-item span{\r\n  color:var(--teal);\r\n  font-size:18px;\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-custom-hero-item:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(255,255,255,.10);\r\n  border-color:rgba(0,151,169,.35);\r\n  box-shadow:0 10px 30px rgba(0,151,169,.14);\r\n}\r\n\r\n.yb-custom-hero-note{\r\n  margin-top:20px;\r\n  padding-top:18px;\r\n  border-top:1px solid rgba(255,255,255,.12);\r\n  color:rgba(255,255,255,.68);\r\n  font-size:13px;\r\n  line-height:1.65;\r\n}\r\n\r\n.yb-custom-hero-bottom{\r\n  position:absolute;\r\n  left:34px;\r\n  right:34px;\r\n  bottom:26px;\r\n  z-index:5;\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:12px;\r\n}\r\n\r\n.yb-custom-proof{\r\n  min-height:92px;\r\n  padding:15px 18px;\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.10);\r\n  backdrop-filter:blur(20px);\r\n}\r\n\r\n.yb-custom-proof strong{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  color:#fff;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:22px;\r\n  line-height:1;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-custom-proof span{\r\n  color:rgba(255,255,255,.64);\r\n  font-size:11.5px;\r\n  line-height:1.45;\r\n}\r\n\r\n@media(max-width:1050px){\r\n  .yb-custom-hero{\r\n    height:auto;\r\n    min-height:auto;\r\n  }\r\n\r\n  .yb-custom-hero-inner{\r\n    height:auto;\r\n    grid-template-columns:1fr;\r\n    padding:120px 28px 170px;\r\n    gap:42px;\r\n  }\r\n\r\n  .yb-custom-hero-right{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  .yb-custom-hero-bottom{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:760px){\r\n  .yb-custom-hero{\r\n    height:auto;\r\n    min-height:auto;\r\n  }\r\n\r\n  .yb-custom-hero-bg img{\r\n    object-position:center top;\r\n  }\r\n\r\n  .yb-custom-hero-bg::after{\r\n    background:linear-gradient(180deg,rgba(8,18,24,.36) 0%,rgba(8,18,24,.70) 38%,rgba(8,18,24,.96) 100%);\r\n  }\r\n\r\n  .yb-custom-hero-inner{\r\n    height:auto;\r\n    padding:120px 20px 34px;\r\n    display:block;\r\n  }\r\n\r\n  .yb-custom-hero h1{\r\n    font-size:clamp(48px,15vw,72px);\r\n  }\r\n\r\n  .yb-custom-hero-lead{\r\n    font-size:15px;\r\n    line-height:1.7;\r\n  }\r\n\r\n  .yb-custom-hero-btn{\r\n    width:100%;\r\n    min-width:unset;\r\n  }\r\n\r\n  .yb-custom-hero-right{\r\n    margin-top:34px;\r\n  }\r\n\r\n  .yb-custom-hero-card{\r\n    padding:24px;\r\n    border-radius:26px;\r\n  }\r\n\r\n  .yb-custom-card-title{\r\n    font-size:34px;\r\n  }\r\n\r\n  .yb-custom-hero-bottom{\r\n    position:relative;\r\n    left:auto;\r\n    right:auto;\r\n    bottom:auto;\r\n    padding:0 20px 36px;\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n}\r\n\r\n@media(max-width:430px){\r\n  .yb-custom-hero-bottom{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-custom-hero\">\r\n\r\n  <div class=\"yb-custom-hero-bg\">\r\n    <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/concept.png\" alt=\"Yachtbeach Custom Builds\">\r\n  <\/div>\r\n\r\n  <div class=\"yb-custom-hero-glow\"><\/div>\r\n\r\n  <div class=\"yb-custom-hero-inner\">\r\n\r\n    <div class=\"yb-custom-hero-left\">\r\n\r\n      <div class=\"yb-custom-hero-kicker\">Custom Builds By Yachtbeach<\/div>\r\n\r\n      <h1>\r\n        Built Around<br>\r\n        <span>Your Yacht.<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"yb-custom-hero-lead\">\r\n        Bespoke floating architecture for superyachts, private waterfronts and luxury resorts.\r\n        From custom beachclub setups and yacht slides to toy docks, playgrounds and complete floating islands.\r\n      <\/div>\r\n\r\n      <div class=\"yb-custom-hero-actions\">\r\n        <a href=\"\/contact\/\" class=\"yb-custom-hero-btn primary\">Start Your Project<\/a>\r\n        <a href=\"#custom-projects\" class=\"yb-custom-hero-btn secondary\">Explore Custom Projects<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-custom-hero-right\">\r\n      <div class=\"yb-custom-hero-card\">\r\n\r\n        <div class=\"yb-custom-card-label\">Signature Custom Projects<\/div>\r\n\r\n        <h2 class=\"yb-custom-card-title\">\r\n          From Vision<br>\r\n          To <span>Water.<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"yb-custom-hero-list\">\r\n\r\n          <a href=\"#custom-projects\" data-yb-project=\"0\" class=\"yb-custom-hero-item\">\r\n            <strong>Beachclub Orient Express<\/strong>\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#custom-projects\" data-yb-project=\"1\" class=\"yb-custom-hero-item\">\r\n            <strong>Custom Yachtslides<\/strong>\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#custom-projects\" data-yb-project=\"2\" class=\"yb-custom-hero-item\">\r\n            <strong>Custom Toy Docks<\/strong>\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#custom-projects\" data-yb-project=\"3\" class=\"yb-custom-hero-item\">\r\n            <strong>Floating Playgrounds<\/strong>\r\n            <span>\u2192<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"yb-custom-hero-note\">\r\n          Discover signature floating experiences designed around your yacht, your lifestyle and your destination.\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"yb-custom-hero-bottom\">\r\n\r\n    <div class=\"yb-custom-proof\">\r\n      <strong>Custom<\/strong>\r\n      <span>Tailored layouts for yachts, resorts and private waterfronts.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"yb-custom-proof\">\r\n      <strong>Modular<\/strong>\r\n      <span>Expandable systems for lounges, slides, toys and watersports.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"yb-custom-proof\">\r\n      <strong>Premium<\/strong>\r\n      <span>Luxury EVA finishes, marine-grade materials and clean details.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"yb-custom-proof\">\r\n      <strong>Worldwide<\/strong>\r\n      <span>Designed for international yacht and waterfront projects.<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.querySelectorAll('.yb-custom-hero-item[data-yb-project]').forEach(item => {\r\n  item.addEventListener('click', function(){\r\n    const index = parseInt(this.getAttribute('data-yb-project'), 10);\r\n    const tabs = document.querySelectorAll('#custom-projects .yb-project-tab');\r\n\r\n    if(tabs[index]){\r\n      setTimeout(() => {\r\n        tabs[index].click();\r\n      }, 80);\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-2a025307 elementor-widget elementor-widget-html\" data-id=\"2a025307\" 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-process{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#5f6f78;\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:135px 34px;\r\n  background:\r\n    radial-gradient(circle at 8% 16%, rgba(0,151,169,.10), transparent 30%),\r\n    radial-gradient(circle at 92% 84%, rgba(176,141,87,.12), transparent 34%),\r\n    linear-gradient(180deg,#ffffff 0%,#f6fafb 100%);\r\n  font-family:Montserrat,Arial,sans-serif;\r\n}\r\n\r\n.yb-process *{box-sizing:border-box;}\r\n\r\n.yb-process-inner{max-width:1480px;margin:0 auto;}\r\n\r\n.yb-process-top{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:90px;\r\n  align-items:end;\r\n  margin-bottom:90px;\r\n}\r\n\r\n.yb-process-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:24px;\r\n  color:var(--teal);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-process-kicker::before{\r\n  content:\"\";\r\n  width:46px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n.yb-process-title{\r\n  margin:0;\r\n  color:var(--dark);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(54px,6vw,94px);\r\n  line-height:.88;\r\n  letter-spacing:.02em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-process-title span{color:var(--gold);}\r\n\r\n.yb-process-text{\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.9;\r\n  max-width:740px;\r\n}\r\n\r\n.yb-process-text p{margin:0 0 20px;}\r\n\r\n.yb-process-timeline{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:24px;\r\n}\r\n\r\n.yb-process-line{\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  top:62px;\r\n  height:1px;\r\n  background:rgba(8,18,24,.10);\r\n}\r\n\r\n.yb-process-line::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  width:72%;\r\n  height:1px;\r\n  background:linear-gradient(90deg,var(--teal),var(--gold));\r\n}\r\n\r\n.yb-process-step{position:relative;z-index:2;}\r\n\r\n.yb-process-number{\r\n  width:58px;\r\n  height:58px;\r\n  margin-bottom:38px;\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#ffffff;\r\n  border:1px solid rgba(8,18,24,.10);\r\n  color:var(--gold);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:24px;\r\n  font-weight:700;\r\n  box-shadow:0 16px 34px rgba(8,18,24,.10);\r\n}\r\n\r\n.yb-process-step.active .yb-process-number{\r\n  color:#fff;\r\n  background:linear-gradient(135deg,var(--teal),#0bb6ca);\r\n  border-color:rgba(0,151,169,.35);\r\n  box-shadow:0 0 24px rgba(0,151,169,.22),0 18px 40px rgba(0,151,169,.18);\r\n}\r\n\r\n.yb-process-card{\r\n  position:relative;\r\n  min-height:355px;\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  border:1px solid rgba(8,18,24,.08);\r\n  box-shadow:0 26px 80px rgba(8,18,24,.08);\r\n  transition:.45s ease;\r\n}\r\n\r\n.yb-process-card:hover{\r\n  transform:translateY(-10px);\r\n  border-color:rgba(0,151,169,.22);\r\n  box-shadow:0 36px 100px rgba(8,18,24,.14);\r\n}\r\n\r\n.yb-process-image{\r\n  position:relative;\r\n  height:155px;\r\n  overflow:hidden;\r\n}\r\n\r\n.yb-process-image::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.22) 100%);\r\n}\r\n\r\n.yb-process-image img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform 1.1s ease;\r\n}\r\n\r\n.yb-process-card:hover .yb-process-image img{transform:scale(1.08);}\r\n\r\n.yb-process-content{padding:28px 26px 30px;}\r\n\r\n.yb-process-card h3{\r\n  margin:0 0 14px;\r\n  color:var(--dark);\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-process-card p{\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:14px;\r\n  line-height:1.82;\r\n}\r\n\r\n.yb-process-bottom{\r\n  margin-top:80px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:30px;\r\n}\r\n\r\n.yb-process-feature{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:42px;\r\n  border-radius:34px;\r\n  background:#ffffff;\r\n  border:1px solid rgba(8,18,24,.08);\r\n  box-shadow:0 24px 70px rgba(8,18,24,.08);\r\n}\r\n\r\n.yb-process-feature::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:auto -20% -35% auto;\r\n  width:280px;\r\n  height:280px;\r\n  background:radial-gradient(circle,rgba(0,151,169,.14),transparent 70%);\r\n  filter:blur(18px);\r\n}\r\n\r\n.yb-process-feature h4{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:0 0 18px;\r\n  color:var(--dark);\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:40px;\r\n  line-height:.95;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-process-feature h4 span{color:var(--gold);}\r\n\r\n.yb-process-feature p{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:0;\r\n  color:var(--text);\r\n  font-size:15px;\r\n  line-height:1.9;\r\n  max-width:520px;\r\n}\r\n\r\n@media(max-width:1180px){\r\n  .yb-process-top{grid-template-columns:1fr;gap:40px;}\r\n  .yb-process-timeline{grid-template-columns:1fr 1fr;}\r\n  .yb-process-line{display:none;}\r\n  .yb-process-bottom{grid-template-columns:1fr;}\r\n}\r\n\r\n@media(max-width:760px){\r\n  .yb-process{\r\n    padding:70px 16px;\r\n  }\r\n\r\n  .yb-process-top{\r\n    margin-bottom:45px;\r\n  }\r\n\r\n  .yb-process-title{\r\n    font-size:clamp(38px,11vw,58px);\r\n  }\r\n\r\n  .yb-process-text{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .yb-process-timeline{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  .yb-process-line{\r\n    display:none;\r\n  }\r\n\r\n  .yb-process-number{\r\n    width:44px;\r\n    height:44px;\r\n    font-size:18px;\r\n    margin:0 0 12px;\r\n  }\r\n\r\n  .yb-process-card{\r\n    min-height:0;\r\n    border-radius:22px;\r\n  }\r\n\r\n  .yb-process-image{\r\n    height:125px;\r\n  }\r\n\r\n  .yb-process-content{\r\n    padding:18px 16px 20px;\r\n  }\r\n\r\n  .yb-process-card h3{\r\n    font-size:22px;\r\n    line-height:1;\r\n    word-break:normal;\r\n    overflow-wrap:normal;\r\n  }\r\n\r\n  .yb-process-card p{\r\n    font-size:12.5px;\r\n    line-height:1.55;\r\n  }\r\n\r\n  .yb-process-step:nth-child(6){\r\n    grid-column:1 \/ -1;\r\n  }\r\n\r\n  .yb-process-step:nth-child(6) .yb-process-image{\r\n    height:170px;\r\n  }\r\n\r\n  .yb-process-bottom{\r\n    margin-top:45px;\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:16px;\r\n  }\r\n\r\n  .yb-process-feature{\r\n    padding:28px 22px;\r\n    border-radius:24px;\r\n  }\r\n\r\n  .yb-process-feature h4{\r\n    font-size:30px;\r\n  }\r\n\r\n  .yb-process-feature p{\r\n    font-size:14px;\r\n    line-height:1.7;\r\n  }\r\n}\r\n\r\n\/* Kleine Smartphones: alles einspaltig, damit nichts abgeschnitten wird *\/\r\n@media(max-width:560px){\r\n  .yb-process-timeline{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .yb-process-image{\r\n    height:185px;\r\n  }\r\n\r\n  .yb-process-step:nth-child(6){\r\n    grid-column:auto;\r\n  }\r\n\r\n  .yb-process-card h3{\r\n    font-size:30px;\r\n  }\r\n\r\n  .yb-process-card p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .yb-process-bottom{grid-template-columns:1fr;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-process\">\r\n  <div class=\"yb-process-inner\">\r\n\r\n    <div class=\"yb-process-top\">\r\n      <div class=\"yb-process-left\">\r\n        <div class=\"yb-process-kicker\">From Idea To Reality<\/div>\r\n        <h2 class=\"yb-process-title\">\r\n          The Custom<br>\r\n          <span>Build Process<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-right\">\r\n        <div class=\"yb-process-text\">\r\n          <p>Every YACHTBEACH project starts with a vision. From first sketches and floating concepts to engineering, production and worldwide delivery \u2014 we create tailor-made floating experiences designed around your yacht and lifestyle.<\/p>\r\n          <p>Fast concept renderings, modular planning and premium marine engineering allow us to transform ideas into stunning real-world waterfront environments.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-process-timeline\">\r\n      <div class=\"yb-process-line\"><\/div>\r\n\r\n      <div class=\"yb-process-step active\">\r\n        <div class=\"yb-process-number\">01<\/div>\r\n        <div class=\"yb-process-card\">\r\n          <div class=\"yb-process-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/ideayb.png\" alt=\"Yachtbeach Idea\">\r\n          <\/div>\r\n          <div class=\"yb-process-content\">\r\n            <h3>Idea<\/h3>\r\n            <p>Share your yacht layout, vision and lifestyle requirements with our design team.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-step\">\r\n        <div class=\"yb-process-number\">02<\/div>\r\n        <div class=\"yb-process-card\">\r\n          <div class=\"yb-process-image\">\r\n            <img decoding=\"async\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13.-Mai-2026-16_40_00.png\" alt=\"Yachtbeach Concept\">\r\n          <\/div>\r\n          <div class=\"yb-process-content\">\r\n            <h3>Concept<\/h3>\r\n            <p>We create premium renderings and floating concepts tailored to your project.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-step\">\r\n        <div class=\"yb-process-number\">03<\/div>\r\n        <div class=\"yb-process-card\">\r\n          <div class=\"yb-process-image\">\r\n            <img decoding=\"async\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13.-Mai-2026-16_43_04.png\" alt=\"Yachtbeach Engineering\">\r\n          <\/div>\r\n          <div class=\"yb-process-content\">\r\n            <h3>Engineering<\/h3>\r\n            <p>Technical planning, dimensions and modular integration optimized for your yacht.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-step\">\r\n        <div class=\"yb-process-number\">04<\/div>\r\n        <div class=\"yb-process-card\">\r\n          <div class=\"yb-process-image\">\r\n            <img decoding=\"async\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13.-Mai-2026-20_19_51.png\" alt=\"Yachtbeach Production\">\r\n          <\/div>\r\n          <div class=\"yb-process-content\">\r\n            <h3>Production<\/h3>\r\n            <p>Built with premium marine-grade materials and luxury EVA teak finishes.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-step\">\r\n        <div class=\"yb-process-number\">05<\/div>\r\n        <div class=\"yb-process-card\">\r\n          <div class=\"yb-process-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/sl2.webp\" alt=\"Yachtbeach Delivery\">\r\n          <\/div>\r\n          <div class=\"yb-process-content\">\r\n            <h3>Delivery<\/h3>\r\n            <p>Worldwide shipping and setup support for yachts, marinas and luxury resorts.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"yb-process-bottom\">\r\n      <div class=\"yb-process-feature\">\r\n        <h4>Concept Renderings<br><span>Within Days.<\/span><\/h4>\r\n        <p>Our team can quickly visualize your floating concept with premium renderings and modular layouts \u2014 allowing you to experience your project before production even begins.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-feature\">\r\n        <h4>Designed Around<br><span>Your Lifestyle.<\/span><\/h4>\r\n        <p>Whether it\u2019s a private beach club, floating lounge, toy dock or watersports hub \u2014 every build is tailored to your yacht, guests and on-water experience.<\/p>\r\n      <\/div>\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-79d59a04 elementor-widget elementor-widget-html\" data-id=\"79d59a04\" 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-island-builder{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:rgba(255,255,255,.72);\r\n\r\n  position:relative;\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n  overflow:hidden;\r\n  min-height:920px;\r\n  background:#081218;\r\n  font-family:Montserrat,Arial,sans-serif;\r\n}\r\n\r\n.yb-island-builder *{box-sizing:border-box;}\r\n\r\n.yb-island-video{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n}\r\n\r\n.yb-island-video video{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  filter:saturate(1.15) contrast(1.06);\r\n}\r\n\r\n.yb-island-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:2;\r\n  background:\r\n    radial-gradient(circle at 72% 48%,rgba(0,151,169,.12),transparent 34%),\r\n    linear-gradient(90deg,rgba(8,18,24,.92) 0%,rgba(8,18,24,.66) 34%,rgba(8,18,24,.18) 66%,rgba(8,18,24,.36) 100%),\r\n    linear-gradient(180deg,rgba(8,18,24,.28) 0%,rgba(8,18,24,.10) 48%,rgba(8,18,24,.86) 100%);\r\n}\r\n\r\n.yb-island-inner{\r\n  position:relative;\r\n  z-index:5;\r\n  max-width:1480px;\r\n  min-height:920px;\r\n  margin:0 auto;\r\n  padding:120px 34px;\r\n  display:grid;\r\n  grid-template-columns:.78fr 1.22fr;\r\n  gap:60px;\r\n  align-items:center;\r\n}\r\n\r\n.yb-island-copy{\r\n  position:relative;\r\n  z-index:8;\r\n  color:#fff;\r\n}\r\n\r\n.yb-island-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  color:var(--teal);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.yb-island-kicker:before{\r\n  content:\"\";\r\n  width:44px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n.yb-island-copy h2{\r\n  margin:0 0 28px;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(56px,6vw,112px);\r\n  line-height:.88;\r\n  font-weight:300;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-island-copy h2 span{color:var(--gold);}\r\n\r\n.yb-island-copy p{\r\n  max-width:580px;\r\n  margin:0 0 34px;\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.85;\r\n}\r\n\r\n.yb-island-highlights{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:10px;\r\n  max-width:680px;\r\n}\r\n\r\n.yb-island-highlight{\r\n  padding:16px 14px;\r\n  border-radius:18px;\r\n  background:rgba(255,255,255,.07);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-island-highlight:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(176,141,87,.42);\r\n  background:rgba(255,255,255,.10);\r\n}\r\n\r\n.yb-island-highlight strong{\r\n  display:block;\r\n  margin-bottom:5px;\r\n  color:#fff;\r\n  font-size:12px;\r\n}\r\n\r\n.yb-island-highlight span{\r\n  color:rgba(255,255,255,.64);\r\n  font-size:10.5px;\r\n  line-height:1.45;\r\n}\r\n\r\n\/* STAGE *\/\r\n.yb-island-stage{\r\n  position:relative;\r\n  min-height:650px;\r\n}\r\n\r\n\/* POSITIONEN UNVER\u00c4NDERT *\/\r\n.yb-island-yacht{\r\n  position:absolute;\r\n  z-index:7;\r\n  width:min(880px,96%);\r\n  right:-295px;\r\n  top:48%;\r\n  transform:translateY(-52%);\r\n  filter:drop-shadow(0 40px 80px rgba(0,0,0,.45));\r\n  pointer-events:none;\r\n}\r\n\r\n\/* POSITIONEN UNVER\u00c4NDERT *\/\r\n.yb-island-module-wrap{\r\n  position:absolute;\r\n  z-index:6;\r\n  width:min(610px,64%);\r\n  right:496px;\r\n  bottom:146px;\r\n  aspect-ratio:1.55\/1;\r\n  pointer-events:none;\r\n}\r\n\r\n.yb-island-module{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:contain;\r\n  opacity:0;\r\n  transform:translateY(20px) scale(.95);\r\n  filter:drop-shadow(0 28px 52px rgba(0,0,0,.42));\r\n  transition:opacity .9s ease, transform .9s ease;\r\n}\r\n\r\n.yb-island-module.active{\r\n  opacity:1;\r\n  transform:translateY(0) scale(1);\r\n}\r\n\r\n.yb-island-glow{\r\n  position:absolute;\r\n  z-index:4;\r\n  right:18%;\r\n  bottom:14%;\r\n  width:560px;\r\n  height:300px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(0,151,169,.28),transparent 68%);\r\n  filter:blur(34px);\r\n  pointer-events:none;\r\n}\r\n\r\n\/* CONTROL *\/\r\n.yb-island-control{\r\n  position:absolute;\r\n  right:24px;\r\n  bottom:24px;\r\n  z-index:10;\r\n  width:min(560px,100%);\r\n  padding:18px;\r\n  border-radius:24px;\r\n  background:rgba(8,18,24,.58);\r\n  border:1px solid rgba(255,255,255,.14);\r\n  backdrop-filter:blur(22px);\r\n  -webkit-backdrop-filter:blur(22px);\r\n  box-shadow:0 24px 70px rgba(0,0,0,.25);\r\n}\r\n\r\n.yb-island-control-label{\r\n  margin-bottom:12px;\r\n  color:var(--gold);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-island-tab{\r\n  cursor:pointer;\r\n  border:1px solid rgba(255,255,255,.12);\r\n  background:rgba(255,255,255,.07);\r\n  color:rgba(255,255,255,.72);\r\n  padding:11px 13px;\r\n  border-radius:999px;\r\n  margin:4px;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-island-tab.active,\r\n.yb-island-tab:hover{\r\n  color:#fff;\r\n  border-color:rgba(176,141,87,.55);\r\n  background:rgba(176,141,87,.20);\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1050px){\r\n  .yb-island-inner{\r\n    grid-template-columns:1fr;\r\n    gap:50px;\r\n  }\r\n\r\n  .yb-island-stage{\r\n    min-height:620px;\r\n  }\r\n\r\n  .yb-island-yacht{\r\n    width:92%;\r\n    right:-80px;\r\n    top:44%;\r\n  }\r\n\r\n  .yb-island-module-wrap{\r\n    width:62%;\r\n    right:28%;\r\n    bottom:125px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n\r\n  .yb-island-builder{\r\n    min-height:auto;\r\n  }\r\n\r\n  .yb-island-inner{\r\n    min-height:auto;\r\n    padding:90px 20px 40px;\r\n    gap:40px;\r\n  }\r\n\r\n  .yb-island-copy h2{\r\n    font-size:clamp(48px,13vw,72px);\r\n  }\r\n\r\n  .yb-island-copy p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .yb-island-highlights{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:10px;\r\n  }\r\n\r\n  .yb-island-highlight{\r\n    padding:12px 10px;\r\n    border-radius:14px;\r\n  }\r\n\r\n  .yb-island-highlight strong{\r\n    font-size:10px;\r\n  }\r\n\r\n  .yb-island-highlight span{\r\n    font-size:9.5px;\r\n  }\r\n\r\n  \/* STAGE *\/\r\n  .yb-island-stage{\r\n    min-height:980px;\r\n  }\r\n\r\n  \/* YACHT *\/\r\n  .yb-island-yacht{\r\n    width:135%;\r\n    right:0%;\r\n    top:40%;\r\n\r\n    transform:\r\n      translateY(-50%)\r\n      rotate(90deg);\r\n\r\n    transform-origin:center center;\r\n\r\n    z-index:1 !important;\r\n  }\r\n\r\n  \/* MODULES *\/\r\n  .yb-island-module-wrap{\r\n    width:118%;\r\n    right:0%;\r\n    bottom:820px;\r\n\r\n    transform:rotate(90deg);\r\n    transform-origin:center center;\r\n\r\n    z-index:50 !important;\r\n  }\r\n\r\n  \/* MODULES \u00dcBER YACHT *\/\r\n  .yb-island-module{\r\n    z-index:51 !important;\r\n\r\n    filter:\r\n      drop-shadow(0 18px 38px rgba(0,0,0,.34))\r\n      drop-shadow(0 0 18px rgba(0,151,169,.18));\r\n  }\r\n\r\n  \/* GLOW *\/\r\n  .yb-island-glow{\r\n    right:-18%;\r\n    bottom:34%;\r\n    width:420px;\r\n    height:260px;\r\n  }\r\n\r\n  \/* CONTROL *\/\r\n  .yb-island-control{\r\n    left:0;\r\n    right:auto;\r\n    bottom:14px;\r\n    width:100%;\r\n    padding:16px;\r\n    border-radius:24px 24px 0 0;\r\n\r\n    z-index:60;\r\n  }\r\n\r\n  .yb-island-control-label{\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  .yb-island-tab{\r\n    font-size:9px;\r\n    padding:10px 11px;\r\n    margin:4px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-island-builder\">\r\n\r\n  <div class=\"yb-island-video\">\r\n    <video autoplay muted loop playsinline preload=\"metadata\">\r\n      <source src=\"https:\/\/theyachtbeach.com\/testing.theyachtbeach.de\/wp-content\/uploads\/2022\/12\/SnapSave.io-Topdown-water-moving-to-up-left-online-video-cutter.com-1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  <\/div>\r\n\r\n  <div class=\"yb-island-overlay\"><\/div>\r\n\r\n  <div class=\"yb-island-inner\">\r\n\r\n    <div class=\"yb-island-copy\">\r\n\r\n      <div class=\"yb-island-kicker\">Build Your Own Island<\/div>\r\n\r\n      <h2>\r\n        Modular<br>\r\n        <span>Water Spaces.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        From a simple stern extension to a complete floating lifestyle area \u2014\r\n        combine platforms, lounges, pools and toy docks around your yacht.\r\n        The YACHTBEACH modular system turns open water into a private island.\r\n      <\/p>\r\n\r\n      <div class=\"yb-island-highlights\">\r\n\r\n        <div class=\"yb-island-highlight\">\r\n          <strong>Expandable<\/strong>\r\n          <span>Start small and extend.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-island-highlight\">\r\n          <strong>Modular<\/strong>\r\n          <span>Connect docks and lounges.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-island-highlight\">\r\n          <strong>Luxury<\/strong>\r\n          <span>Premium EVA teak look.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-island-highlight\">\r\n          <strong>Custom Fit<\/strong>\r\n          <span>Built around your yacht.<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-island-stage\">\r\n\r\n      <div class=\"yb-island-glow\"><\/div>\r\n\r\n      <div class=\"yb-island-module-wrap\">\r\n\r\n        <img decoding=\"async\" class=\"yb-island-module active\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/module-website-setup-yb-4.png\" alt=\"Yachtbeach Platform Setup\">\r\n        <img decoding=\"async\" class=\"yb-island-module\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/module-website-setup-yb-3.png\" alt=\"Watersport Dock Setup\">\r\n        <img decoding=\"async\" class=\"yb-island-module\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/module-website-setup-yb-5.png\" alt=\"Pool and Jetski Setup\">\r\n        <img class=\"yb-island-module\" src=http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/module-website-setup-yb-2.png\" alt=\"Relax Setup\">\r\n        <img decoding=\"async\" class=\"yb-island-module\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/module-website-setup-yb-1.png\" alt=\"Party Dock\">\r\n\r\n      <\/div>\r\n\r\n      <img decoding=\"async\" class=\"yb-island-yacht\" src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2022\/12\/yacht.png\" alt=\"Yachtbeach Yacht Modular Setup\">\r\n\r\n      <div class=\"yb-island-control\">\r\n        <div class=\"yb-island-control-label\">Automatic Modular Preview<\/div>\r\n\r\n        <button class=\"yb-island-tab active\" data-island-slide=\"0\">Yachtbeach Platform Setup<\/button>\r\n        <button class=\"yb-island-tab\" data-island-slide=\"1\">Watersport Dock Setup<\/button>\r\n        <button class=\"yb-island-tab\" data-island-slide=\"2\">Pool &amp; Jetski Setup<\/button>\r\n        <button class=\"yb-island-tab\" data-island-slide=\"3\">Relax Setup<\/button>\r\n        <button class=\"yb-island-tab\" data-island-slide=\"4\">Party Dock<\/button>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.querySelector('.yb-island-builder');\r\n  if(!section) return;\r\n\r\n  const modules = section.querySelectorAll('.yb-island-module');\r\n  const tabs = section.querySelectorAll('.yb-island-tab');\r\n  let current = 0;\r\n  let timer;\r\n\r\n  function showModule(index){\r\n    current = (index + modules.length) % modules.length;\r\n\r\n    modules.forEach((module, i) => {\r\n      module.classList.toggle('active', i === current);\r\n    });\r\n\r\n    tabs.forEach((tab, i) => {\r\n      tab.classList.toggle('active', i === current);\r\n    });\r\n  }\r\n\r\n  function startAuto(){\r\n    timer = setInterval(() => {\r\n      showModule(current + 1);\r\n    }, 3600);\r\n  }\r\n\r\n  function resetAuto(){\r\n    clearInterval(timer);\r\n    startAuto();\r\n  }\r\n\r\n  tabs.forEach(tab => {\r\n    tab.addEventListener('click', function(){\r\n      showModule(Number(this.dataset.islandSlide));\r\n      resetAuto();\r\n    });\r\n  });\r\n\r\n  startAuto();\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-42740584 elementor-widget elementor-widget-html\" data-id=\"42740584\" 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-project-showcase{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#667178;\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n  overflow:hidden;\r\n  position:relative;\r\n  background:radial-gradient(circle at 12% 18%,rgba(0,151,169,.10),transparent 32%),radial-gradient(circle at 86% 82%,rgba(176,141,87,.14),transparent 34%),linear-gradient(180deg,#f7fafb 0%,#ffffff 100%);\r\n  font-family:Montserrat,Arial,sans-serif;\r\n  padding:40px 28px 110px;\r\n}\r\n.yb-project-showcase *{box-sizing:border-box;}\r\n.yb-project-showcase-inner{max-width:1480px;margin:0 auto;}\r\n.yb-project-head{margin-bottom:58px;}\r\n.yb-project-kicker{display:flex;align-items:center;gap:14px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px;}\r\n.yb-project-kicker:before{content:\"\";width:44px;height:1px;background:var(--teal);}\r\n.yb-project-head h2{margin:0;font-family:\"Roboto Condensed\",Arial,sans-serif;font-size:clamp(42px,4.6vw,82px);line-height:.95;font-weight:300;text-transform:uppercase;color:var(--dark);}\r\n.yb-project-head h2 span{color:var(--gold);}\r\n.yb-project-slide{display:none;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;}\r\n.yb-project-slide.active{display:grid;}\r\n.yb-project-copy h3{margin:0 0 24px;font-family:\"Roboto Condensed\",Arial,sans-serif;color:var(--dark);font-size:clamp(48px,4.8vw,92px);line-height:.9;text-transform:uppercase;font-weight:400;}\r\n.yb-project-copy h3 span{color:var(--gold);}\r\n.yb-project-copy p{margin:0 0 18px;color:var(--text);font-size:17px;line-height:1.85;max-width:590px;}\r\n.yb-project-copy p strong{color:var(--dark);font-weight:700;}\r\n.yb-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;max-width:590px;}\r\n.yb-project-fact{padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(8,18,24,.08);box-shadow:0 18px 45px rgba(8,18,24,.06);transition:.35s ease;}\r\n.yb-project-fact:hover{transform:translateY(-3px);border-color:rgba(176,141,87,.55);box-shadow:0 20px 50px rgba(8,18,24,.08), inset 0 0 0 1px rgba(176,141,87,.18);}\r\n.yb-project-fact strong{display:block;color:var(--dark);font-size:13px;margin-bottom:5px;}\r\n.yb-project-fact span{color:var(--text);font-size:12px;line-height:1.45;}\r\n\r\n.yb-project-images{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:360px 250px 230px;gap:20px;}\r\n.yb-project-img{overflow:hidden;border-radius:30px;background:#dfe7ea;box-shadow:0 28px 70px rgba(8,18,24,.13);position:relative;}\r\n.yb-project-img.hero{grid-column:1 \/ -1;grid-row:1;}\r\n.yb-project-img.large{grid-column:1;grid-row:2 \/ 4;}\r\n.yb-project-img.small-a{grid-column:2;grid-row:2;}\r\n.yb-project-img.small-b{grid-column:2;grid-row:3;}\r\n.yb-project-img a{display:block;width:100%;height:100%;}\r\n.yb-project-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease, filter .9s ease;}\r\n.yb-project-img:after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,24,0) 45%,rgba(8,18,24,.24) 100%);pointer-events:none;}\r\n.yb-project-img:hover img{transform:scale(1.055);filter:saturate(1.05) contrast(1.04);}\r\n\r\n.yb-project-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:54px;}\r\n.yb-project-tabs{display:flex;flex-wrap:wrap;gap:10px;}\r\n.yb-project-tab{border:0;cursor:pointer;padding:13px 18px;border-radius:999px;background:#fff;color:var(--dark);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 12px 34px rgba(8,18,24,.08);transition:.3s ease;}\r\n.yb-project-tab.active,.yb-project-tab:hover{color:#fff;background:linear-gradient(135deg,#b08d57,#d0ad70);}\r\n.yb-project-arrows{display:flex;gap:12px;}\r\n.yb-project-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(8,18,24,.12);background:#fff;color:var(--dark);cursor:pointer;font-size:22px;transition:.3s ease;box-shadow:0 14px 36px rgba(8,18,24,.08);}\r\n.yb-project-arrow:hover{transform:translateY(-2px);color:#fff;background:var(--dark);}\r\n\r\n.yb-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:30px;background:rgba(8,18,24,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}\r\n.yb-lightbox.active{display:flex;}\r\n.yb-lightbox img{max-width:min(1400px,94vw);max-height:88vh;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45);}\r\n.yb-lightbox-close{position:absolute;top:24px;right:28px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:26px;cursor:pointer;}\r\n\r\n@media(max-width:1050px){\r\n  .yb-project-slide{grid-template-columns:1fr;gap:44px;}\r\n}\r\n@media(max-width:760px){\r\n  .yb-project-showcase{padding:40px 18px 80px;}\r\n  .yb-project-head{margin-bottom:42px;}\r\n  .yb-project-head h2{font-size:clamp(34px,9vw,54px);}\r\n  .yb-project-copy h3{font-size:clamp(42px,12vw,62px);}\r\n  .yb-project-copy p{font-size:15px;line-height:1.75;}\r\n  .yb-project-facts{grid-template-columns:1fr 1fr;gap:10px;}\r\n  .yb-project-fact{padding:14px 12px;border-radius:16px;}\r\n  .yb-project-images{grid-template-columns:1.1fr .9fr;grid-template-rows:260px 145px 145px;gap:14px;}\r\n  .yb-project-img{border-radius:20px;}\r\n  .yb-project-controls{align-items:flex-start;flex-direction:column;margin-top:40px;}\r\n  .yb-project-tabs{width:100%;}\r\n  .yb-project-tab{flex:1 1 calc(50% - 10px);padding:12px 10px;}\r\n}\r\n<\/style>\r\n\r\n<section id=\"custom-projects\" class=\"yb-project-showcase\">\r\n  <div class=\"yb-project-showcase-inner\">\r\n\r\n    <div class=\"yb-project-head\">\r\n      <div class=\"yb-project-kicker\">Signature Custom Projects<\/div>\r\n      <h2>Designed For <span>Floating Luxury.<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"yb-project-slider\">\r\n\r\n      <div class=\"yb-project-slide active\">\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Beachclub<br><span>Orient Express.<\/span><\/h3>\r\n          <p><strong>An inflatable YACHTBEACH beach club setup<\/strong> transforms any location on the water into a private floating retreat. Whether anchored in a quiet bay, alongside a yacht, or positioned at a lakeside destination, the modular platforms create space for relaxation, socializing, and watersports.<\/p>\r\n          <p>Custom lounge areas, integrated seating, sunbathing nets, toy docks, and swim access points can be individually configured to match different layouts and lifestyles.<\/p>\r\n          <p>Designed for comfort, flexibility, and premium aesthetics, each setup offers a unique way to enjoy life on the water.<\/p>\r\n          <p>YACHTBEACH custom concepts are already part of exceptional projects, including floating solutions developed for one of the world\u2019s largest sailing yacht projects, the Orient Express Sailing Yacht.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Custom Build<\/strong><span>Created for premium projects<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Floating Retreat<\/strong><span>Private beach club feeling<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular Layout<\/strong><span>Flexible platform concepts<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Lounge Areas<\/strong><span>Relax, socialize & enjoy<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Water Access<\/strong><span>Swim zones and toy docks<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Premium Aesthetic<\/strong><span>Luxury design on the water<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/1.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/1.jpg\" alt=\"YACHTBEACH Beachclub Orient Express floating setup\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/4.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/4.png\" alt=\"YACHTBEACH custom beachclub platform detail\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/PHOTO-2026-05-13-19-48-39.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/PHOTO-2026-05-13-19-48-39.jpg\" alt=\"YACHTBEACH floating lounge setup\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/1.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/1.jpg\" alt=\"YACHTBEACH Beachclub Orient Express custom build\"><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Custom<br><span>Yachtslides.<\/span><\/h3>\r\n          <p><strong>A custom YACHTBEACH yacht slide<\/strong> adds excitement, comfort, and a striking visual highlight to any yacht setup. Designed for seamless integration with the vessel, inflatable slides can be individually adapted in height, angle, branding, and landing area to match different yacht concepts and deck layouts.<\/p>\r\n          <p>From compact family-friendly slides to large-scale multi-deck installations, each project is developed with a focus on stability, soft landings, and premium materials.<\/p>\r\n          <p>Inspired by real custom projects such as the MY Bina setup, YACHTBEACH slides demonstrate how functional watersport features can become part of a yacht\u2019s overall design experience.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Custom Height<\/strong><span>Adapted to yacht dimensions<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Soft Landing<\/strong><span>Designed for maximum comfort<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Custom Branding<\/strong><span>Colors and logos available<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Premium Materials<\/strong><span>Commercial-grade construction<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Multi-Deck Concepts<\/strong><span>From compact to large installations<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>MY Bina Project<\/strong><span>Real-world custom reference<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-0067-mit-credit-scaled.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-0067-mit-credit-scaled.jpg\" alt=\"MY Bina custom YACHTBEACH yacht slide setup\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-1376-mit-credit.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-1376-mit-credit.jpg\" alt=\"YACHTBEACH custom yacht slide on MY Bina\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-1907-scaled.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/Bina-Full-Set-Up-1907-scaled.jpg\" alt=\"MY Bina slide installation detail\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-27.-Mai-2026-13_55_41.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-27.-Mai-2026-13_55_41.png\" alt=\"Technical yacht slide concept drawing\"><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Custom<br><span>Toy Docks.<\/span><\/h3>\r\n          <p><strong>Custom inflatable toy docks<\/strong> combine flexibility, organization, and premium design, creating dedicated parking areas for watersports equipment directly alongside the yacht. Designed for private owners, resorts, marinas, and event setups, each configuration can be adapted to the available space, toy collection, and boarding requirements.<\/p>\r\n          <p>YACHTBEACH offers customized docking solutions for a wide range of water toys, including jet skis, Seabobs, tenders, eFoils, SUPs, kayaks, and more.<\/p>\r\n          <p>Integrated docking cutouts, swim access points, and modular extensions allow clean and safe storage while keeping the surrounding water area organized and easily accessible.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Custom Layouts<\/strong><span>Adapted to available space<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Water Toys<\/strong><span>Seabobs, eFoils & jet skis<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Docking Cutouts<\/strong><span>Integrated parking solutions<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Swim Access<\/strong><span>Safe entry and exit points<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular Design<\/strong><span>Expandable configurations<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Premium Look<\/strong><span>Luxury yacht integration<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_27_56.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_27_56.png\" alt=\"Custom inflatable toy dock concept\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_09_40.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_09_40.png\" alt=\"YACHTBEACH toy dock setup\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_45_02.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-14_45_02.png\" alt=\"Modular water toy docking area\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-15_56_40.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-28.-Mai-2026-15_56_40.png\" alt=\"Luxury yacht toy dock platform\"><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Floating<br><span>Playgrounds.<\/span><\/h3>\r\n          <p><strong>Floating modular playgrounds<\/strong> create a multifunctional activity space directly around the yacht, combining watersports, relaxation, and social areas into one connected setup.<\/p>\r\n          <p>Custom-shaped platforms with docking cutouts, swim openings, lounge zones, and access points can be individually configured to match different yacht layouts and toy collections.<\/p>\r\n          <p>Built with durable dropstitch construction and premium YACHTBEACH EVA teak surfaces, these floating playground concepts offer high stability, comfort, and a clean architectural appearance on the water.<\/p>\r\n          <p>Inspired by real custom projects, each setup demonstrates the flexibility of modular floating design for modern yacht lifestyles.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Pickleball Court<\/strong><span>Floating sports experiences<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular Layout<\/strong><span>Configured to fit any yacht<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Lounge Zones<\/strong><span>Relax and socialize<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Swim Access<\/strong><span>Integrated water entry points<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>EVA Teak Surface<\/strong><span>Premium comfort underfoot<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Custom Projects<\/strong><span>Unique floating concepts<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2025\/07\/headerpickle.jpg\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2025\/07\/headerpickle.jpg\" alt=\"YACHTBEACH floating pickleball playground\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/pickbleball-1.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/pickbleball-1.png\" alt=\"Floating pickleball court concept\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-5.-Mai-2026-14_21_49.png\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-5.-Mai-2026-14_21_49.png\" alt=\"Modular floating playground setup\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/02.webp\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/02.webp\" alt=\"YACHTBEACH floating platform playground\"><\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-controls\">\r\n        <div class=\"yb-project-tabs\">\r\n          <button class=\"yb-project-tab active\" type=\"button\">Beachclub Orient Express<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Custom Yachtslides<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Custom Toy Docks<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Floating Playgrounds<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-arrows\">\r\n          <button class=\"yb-project-arrow yb-prev\" type=\"button\">\u2039<\/button>\r\n          <button class=\"yb-project-arrow yb-next\" type=\"button\">\u203a<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"yb-lightbox\" id=\"ybLightbox\">\r\n    <button class=\"yb-lightbox-close\" type=\"button\">\u00d7<\/button>\r\n    <img decoding=\"async\" src=\"\" alt=\"\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  const section = document.querySelector('#custom-projects');\r\n  if(!section) return;\r\n\r\n  const slides = section.querySelectorAll('.yb-project-slide');\r\n  const tabs = section.querySelectorAll('.yb-project-tab');\r\n  const prev = section.querySelector('.yb-prev');\r\n  const next = section.querySelector('.yb-next');\r\n  let current = 0;\r\n\r\n  function showSlide(index){\r\n    current = (index + slides.length) % slides.length;\r\n    slides.forEach(slide => slide.classList.remove('active'));\r\n    tabs.forEach(tab => tab.classList.remove('active'));\r\n    slides[current].classList.add('active');\r\n    tabs[current].classList.add('active');\r\n  }\r\n\r\n  tabs.forEach((tab,index) => {\r\n    tab.addEventListener('click', () => showSlide(index));\r\n  });\r\n\r\n  prev.addEventListener('click', () => showSlide(current - 1));\r\n  next.addEventListener('click', () => showSlide(current + 1));\r\n\r\n  const lightbox = section.querySelector('#ybLightbox');\r\n  const lightboxImg = lightbox.querySelector('img');\r\n  const closeBtn = section.querySelector('.yb-lightbox-close');\r\n\r\n  section.querySelectorAll('.yb-lightbox-img').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      e.preventDefault();\r\n      lightboxImg.src = this.href;\r\n      lightbox.classList.add('active');\r\n    });\r\n  });\r\n\r\n  function closeLightbox(){\r\n    lightbox.classList.remove('active');\r\n    lightboxImg.src = '';\r\n  }\r\n\r\n  closeBtn.addEventListener('click', closeLightbox);\r\n\r\n  lightbox.addEventListener('click', function(e){\r\n    if(e.target === lightbox) closeLightbox();\r\n  });\r\n\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape') closeLightbox();\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-abb3878 elementor-widget elementor-widget-html\" data-id=\"abb3878\" 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-worldwide-custom{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --text:#667178;\r\n\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:120px 28px;\r\n\r\n  background:\r\n    radial-gradient(circle at 12% 18%,rgba(0,151,169,.12),transparent 34%),\r\n    radial-gradient(circle at 82% 76%,rgba(176,141,87,.18),transparent 38%),\r\n    linear-gradient(135deg,#ffffff 0%,#f4f7f8 42%,#eef4f5 100%);\r\n\r\n  font-family:Montserrat,Arial,sans-serif;\r\n}\r\n\r\n.yb-worldwide-custom *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.yb-worldwide-inner{\r\n  max-width:1540px;\r\n  margin:0 auto;\r\n}\r\n\r\n.yb-worldwide-head{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:80px;\r\n  align-items:end;\r\n  margin-bottom:70px;\r\n}\r\n\r\n.yb-worldwide-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  color:var(--teal);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.yb-worldwide-kicker:before{\r\n  content:\"\";\r\n  width:44px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n.yb-worldwide-head h2{\r\n  margin:0;\r\n  color:var(--dark);\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:clamp(54px,5.8vw,104px);\r\n  line-height:.9;\r\n\r\n  text-transform:uppercase;\r\n  font-weight:300;\r\n}\r\n\r\n.yb-worldwide-head h2 span{\r\n  color:var(--gold);\r\n}\r\n\r\n.yb-worldwide-head p{\r\n  max-width:760px;\r\n  margin:0;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:18px;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* MAIN GRID *\/\r\n.yb-worldwide-grid{\r\n  display:grid;\r\n  grid-template-columns:1.08fr .92fr;\r\n  gap:28px;\r\n  align-items:stretch;\r\n}\r\n\r\n\/* LEFT BLOCK *\/\r\n.yb-worldwide-left{\r\n  position:relative;\r\n  min-height:760px;\r\n\r\n  border-radius:42px;\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at 18% 14%,rgba(0,151,169,.22),transparent 34%),\r\n    radial-gradient(circle at 88% 88%,rgba(176,141,87,.22),transparent 38%),\r\n    linear-gradient(180deg,#081218 0%,#101c24 100%);\r\n\r\n  box-shadow:0 34px 90px rgba(8,18,24,.18);\r\n}\r\n\r\n.yb-worldwide-left-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  height:100%;\r\n\r\n  padding:54px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n\r\n  color:#fff;\r\n}\r\n\r\n.yb-worldwide-left-top small{\r\n  display:block;\r\n  margin-bottom:22px;\r\n\r\n  color:var(--teal);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-worldwide-left-top h3{\r\n  margin:0;\r\n  max-width:680px;\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:clamp(56px,5vw,96px);\r\n  line-height:.88;\r\n\r\n  text-transform:uppercase;\r\n  font-weight:300;\r\n}\r\n\r\n.yb-worldwide-left-top h3 span{\r\n  color:var(--gold);\r\n}\r\n\r\n\/* CARDS *\/\r\n.yb-worldwide-cards{\r\n  display:grid;\r\n  grid-template-columns:1fr;\r\n  gap:18px;\r\n  margin-top:64px;\r\n}\r\n\r\n.yb-worldwide-card{\r\n  display:grid;\r\n  grid-template-columns:170px 1fr;\r\n  gap:26px;\r\n  align-items:center;\r\n\r\n  min-height:150px;\r\n\r\n  padding:30px 30px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:rgba(255,255,255,.07);\r\n\r\n  border:1px solid rgba(255,255,255,.12);\r\n\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-worldwide-card:hover{\r\n  transform:translateX(8px);\r\n\r\n  background:rgba(255,255,255,.11);\r\n\r\n  border-color:rgba(176,141,87,.48);\r\n\r\n  box-shadow:0 18px 55px rgba(176,141,87,.10);\r\n}\r\n\r\n.yb-worldwide-card strong{\r\n  color:#fff;\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n\r\n  text-transform:uppercase;\r\n  font-weight:400;\r\n}\r\n\r\n.yb-worldwide-card span{\r\n  color:rgba(255,255,255,.70);\r\n\r\n  font-size:14px;\r\n  line-height:1.55;\r\n}\r\n\r\n\/* VIDEO *\/\r\n.yb-worldwide-video{\r\n  position:relative;\r\n\r\n  min-height:760px;\r\n\r\n  aspect-ratio:9\/16;\r\n\r\n  justify-self:end;\r\n\r\n  width:min(100%,560px);\r\n\r\n  border-radius:42px;\r\n  overflow:hidden;\r\n\r\n  background:#081218;\r\n\r\n  box-shadow:0 34px 90px rgba(8,18,24,.20);\r\n\r\n  margin-left:-20px;\r\n}\r\n\r\n.yb-worldwide-video video{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  background:#081218;\r\n}\r\n\r\n.yb-worldwide-video:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background:\r\n    linear-gradient(180deg,rgba(8,18,24,.03) 0%,rgba(8,18,24,.10) 52%,rgba(8,18,24,.70) 100%);\r\n}\r\n\r\n\/* SOUND BUTTON *\/\r\n.yb-video-sound{\r\n  position:absolute;\r\n  top:22px;\r\n  right:22px;\r\n\r\n  z-index:5;\r\n\r\n  width:52px;\r\n  height:52px;\r\n\r\n  border:none;\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#fff;\r\n\r\n  background:rgba(8,18,24,.48);\r\n\r\n  border:1px solid rgba(255,255,255,.12);\r\n\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-video-sound:hover{\r\n  transform:scale(1.06);\r\n\r\n  background:rgba(176,141,87,.22);\r\n\r\n  border-color:rgba(176,141,87,.38);\r\n}\r\n\r\n.yb-video-sound svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.yb-sound-on{\r\n  display:none;\r\n}\r\n\r\n.yb-video-sound.active .yb-sound-on{\r\n  display:block;\r\n}\r\n\r\n.yb-video-sound.active .yb-sound-off{\r\n  display:none;\r\n}\r\n\r\n\/* VIDEO BADGE *\/\r\n.yb-worldwide-video-badge{\r\n  position:absolute;\r\n\r\n  left:26px;\r\n  right:26px;\r\n  bottom:26px;\r\n\r\n  z-index:2;\r\n\r\n  padding:22px 24px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:rgba(8,18,24,.58);\r\n\r\n  border:1px solid rgba(255,255,255,.14);\r\n\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n\r\n  color:#fff;\r\n}\r\n\r\n.yb-worldwide-video-badge span{\r\n  display:block;\r\n  margin-bottom:8px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.2em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-worldwide-video-badge strong{\r\n  display:block;\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n\r\n  text-transform:uppercase;\r\n  font-weight:400;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1050px){\r\n\r\n  .yb-worldwide-head{\r\n    grid-template-columns:1fr;\r\n    gap:30px;\r\n  }\r\n\r\n  .yb-worldwide-grid{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:20px;\r\n  }\r\n\r\n  .yb-worldwide-left,\r\n  .yb-worldwide-video{\r\n    min-height:640px;\r\n  }\r\n\r\n  .yb-worldwide-left-content{\r\n    padding:32px;\r\n  }\r\n\r\n  .yb-worldwide-card{\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n    min-height:unset;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n\r\n  .yb-worldwide-custom{\r\n    padding:90px 18px;\r\n  }\r\n\r\n  .yb-worldwide-head{\r\n    margin-bottom:44px;\r\n  }\r\n\r\n  .yb-worldwide-head h2{\r\n    font-size:clamp(48px,13vw,72px);\r\n  }\r\n\r\n  .yb-worldwide-head p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .yb-worldwide-grid{\r\n    grid-template-columns:1fr;\r\n    gap:22px;\r\n  }\r\n\r\n  .yb-worldwide-left,\r\n  .yb-worldwide-video{\r\n    min-height:auto;\r\n    aspect-ratio:9\/16;\r\n    width:100%;\r\n    border-radius:28px;\r\n    margin-left:0;\r\n  }\r\n\r\n  .yb-worldwide-left-content{\r\n    padding:26px;\r\n  }\r\n\r\n  .yb-worldwide-left-top h3{\r\n    font-size:clamp(42px,12vw,64px);\r\n  }\r\n\r\n  .yb-worldwide-cards{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n    margin-top:34px;\r\n  }\r\n\r\n  .yb-worldwide-card{\r\n    display:block;\r\n\r\n    min-height:112px;\r\n\r\n    padding:14px;\r\n\r\n    border-radius:18px;\r\n  }\r\n\r\n  .yb-worldwide-card:hover{\r\n    transform:translateY(-3px);\r\n  }\r\n\r\n  .yb-worldwide-card strong{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    font-size:22px;\r\n  }\r\n\r\n  .yb-worldwide-card span{\r\n    font-size:10.5px;\r\n  }\r\n\r\n  .yb-worldwide-video-badge{\r\n    left:18px;\r\n    right:18px;\r\n    bottom:18px;\r\n\r\n    padding:18px;\r\n\r\n    border-radius:20px;\r\n  }\r\n\r\n  .yb-worldwide-video-badge strong{\r\n    font-size:26px;\r\n  }\r\n\r\n  .yb-video-sound{\r\n    width:46px;\r\n    height:46px;\r\n    top:18px;\r\n    right:18px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-worldwide-custom\">\r\n\r\n  <div class=\"yb-worldwide-inner\">\r\n\r\n    <div class=\"yb-worldwide-head\">\r\n\r\n      <div>\r\n        <div class=\"yb-worldwide-kicker\">Why Yachtbeach<\/div>\r\n\r\n        <h2>\r\n          Custom Builds.<br>\r\n          <span>Worldwide.<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        From first concept to final installation, YACHTBEACH turns individual yacht visions\r\n        into real floating environments. With custom manufacturing, a wide range of directly\r\n        available stock solutions and worldwide project experience, we create results that\r\n        are designed to impress.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-worldwide-grid\">\r\n\r\n      <!-- LEFT -->\r\n      <div class=\"yb-worldwide-left\">\r\n\r\n        <div class=\"yb-worldwide-left-content\">\r\n\r\n          <div class=\"yb-worldwide-left-top\">\r\n\r\n            <small>Turning Concepts Into Results<\/small>\r\n\r\n            <h3>\r\n              Built For<br>\r\n              <span>Real Projects.<\/span>\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"yb-worldwide-cards\">\r\n\r\n            <div class=\"yb-worldwide-card\">\r\n              <strong>Global<\/strong>\r\n              <span>\r\n                Custom yacht and resort projects realized for customers around the world.\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"yb-worldwide-card\">\r\n              <strong>Stock<\/strong>\r\n              <span>\r\n                One of the world\u2019s broadest ranges of directly available platform and dock solutions.\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"yb-worldwide-card\">\r\n              <strong>Custom<\/strong>\r\n              <span>\r\n                Design, branding and modular manufacturing tailored to your yacht and use case.\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"yb-worldwide-card\">\r\n              <strong>Trust<\/strong>\r\n              <span>\r\n                Many satisfied customers rely on YACHTBEACH for premium floating setups.\r\n              <\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT VIDEO -->\r\n      <div class=\"yb-worldwide-video\">\r\n\r\n        <video id=\"ybLuxuryVideo\"\r\n               autoplay\r\n               muted\r\n               loop\r\n               playsinline\r\n               webkit-playsinline\r\n               preload=\"metadata\">\r\n\r\n          <source src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/05\/No-video-title-fdown.net_.mp4\" type=\"video\/mp4\">\r\n\r\n        <\/video>\r\n\r\n        <!-- SOUND BUTTON -->\r\n        <button class=\"yb-video-sound\" id=\"ybVideoSoundBtn\" aria-label=\"Toggle Sound\">\r\n\r\n          <svg class=\"yb-sound-on\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M11 5L6 9H3V15H6L11 19V5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M15 9C16.333 10 17 11 17 12C17 13 16.333 14 15 15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M18 6.5C20 8.2 21 10 21 12C21 14 20 15.8 18 17.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n\r\n          <svg class=\"yb-sound-off\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M11 5L6 9H3V15H6L11 19V5Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M16 9L21 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M21 9L16 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n\r\n        <\/button>\r\n\r\n        <div class=\"yb-worldwide-video-badge\">\r\n          <span>Custom Design Manufacturing<\/span>\r\n          <strong>Made to perform worldwide.<\/strong>\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<script>\r\nconst ybVideo = document.getElementById('ybLuxuryVideo');\r\nconst ybBtn = document.getElementById('ybVideoSoundBtn');\r\n\r\nybBtn.addEventListener('click', () => {\r\n\r\n  if(ybVideo.muted){\r\n    ybVideo.muted = false;\r\n    ybBtn.classList.add('active');\r\n  } else {\r\n    ybVideo.muted = true;\r\n    ybBtn.classList.remove('active');\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-213b8d1f elementor-widget elementor-widget-html\" data-id=\"213b8d1f\" 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-engineering-why{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --dark2:#101c24;\r\n  --text:rgba(255,255,255,.72);\r\n\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(circle at 18% 20%,rgba(0,151,169,.18),transparent 34%),\r\n    radial-gradient(circle at 88% 68%,rgba(176,141,87,.16),transparent 32%),\r\n    linear-gradient(\r\n      180deg,\r\n      #081218 0%,\r\n      #101c24 72%,\r\n      #ffffff 100%\r\n    );\r\n\r\n  font-family:Montserrat,Arial,sans-serif;\r\n\r\n  padding:120px 28px;\r\n}\r\n\r\n.yb-engineering-why *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.yb-engineering-why-inner{\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:110px;\r\n  align-items:center;\r\n}\r\n\r\n\/* VISUAL SIDE *\/\r\n.yb-engineering-visual-wrap{\r\n  position:relative;\r\n  padding:40px 60px 80px 0;\r\n}\r\n\r\n.yb-engineering-main{\r\n  position:relative;\r\n  z-index:1;\r\n\r\n  border-radius:38px;\r\n  overflow:hidden;\r\n\r\n  box-shadow:0 40px 110px rgba(0,0,0,.38);\r\n}\r\n\r\n.yb-engineering-main img{\r\n  width:100%;\r\n  height:760px;\r\n  object-fit:cover;\r\n  display:block;\r\n\r\n  filter:saturate(1.05) contrast(1.04);\r\n}\r\n\r\n.yb-engineering-main:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(180deg,rgba(8,18,24,.02) 0%,rgba(8,18,24,.55) 100%),\r\n    linear-gradient(90deg,rgba(8,18,24,.05) 0%,rgba(8,18,24,.22) 100%);\r\n}\r\n\r\n\/* FLOATING IMAGE *\/\r\n.yb-engineering-floating{\r\n  position:absolute;\r\n\r\n  right:-40px;\r\n  bottom:-40px;\r\n\r\n  z-index:3;\r\n\r\n  width:52%;\r\n  height:280px;\r\n\r\n  border-radius:30px;\r\n  overflow:hidden;\r\n\r\n  border:1px solid rgba(255,255,255,.14);\r\n\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.35),\r\n    0 0 0 10px rgba(8,18,24,.55);\r\n}\r\n\r\n.yb-engineering-floating img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n}\r\n\r\n\/* BADGE *\/\r\n.yb-engineering-badge{\r\n  position:absolute;\r\n  left:30px;\r\n  right:120px;\r\n  bottom:30px;\r\n  z-index:2;\r\n\r\n  padding:24px 26px;\r\n\r\n  border-radius:26px;\r\n\r\n  background:rgba(8,18,24,.55);\r\n\r\n  border:1px solid rgba(255,255,255,.12);\r\n\r\n  backdrop-filter:blur(22px);\r\n  -webkit-backdrop-filter:blur(22px);\r\n}\r\n\r\n.yb-engineering-badge span{\r\n  display:block;\r\n  margin-bottom:10px;\r\n\r\n  color:var(--teal);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.22em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.yb-engineering-badge strong{\r\n  display:block;\r\n\r\n  color:#fff;\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n  text-transform:uppercase;\r\n  font-weight:400;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.yb-engineering-content{\r\n  color:#fff;\r\n}\r\n\r\n.yb-engineering-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n\r\n  color:var(--teal);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n\r\n  margin-bottom:22px;\r\n}\r\n\r\n.yb-engineering-kicker:before{\r\n  content:\"\";\r\n  width:44px;\r\n  height:1px;\r\n  background:var(--teal);\r\n}\r\n\r\n.yb-engineering-content h2{\r\n  margin:0 0 28px;\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:clamp(58px,5.8vw,110px);\r\n  line-height:.9;\r\n\r\n  text-transform:uppercase;\r\n  font-weight:300;\r\n\r\n  color:#fff;\r\n}\r\n\r\n.yb-engineering-content h2 span{\r\n  color:var(--gold);\r\n}\r\n\r\n.yb-engineering-content p{\r\n  max-width:660px;\r\n\r\n  margin:0 0 38px;\r\n\r\n  color:var(--text);\r\n\r\n  font-size:17px;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* STATS *\/\r\n.yb-engineering-stats{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:12px;\r\n\r\n  margin-bottom:28px;\r\n}\r\n\r\n.yb-engineering-stat{\r\n  padding:22px 16px;\r\n\r\n  border-radius:22px;\r\n\r\n  background:rgba(255,255,255,.06);\r\n\r\n  border:1px solid rgba(255,255,255,.11);\r\n\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-engineering-stat:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:rgba(176,141,87,.45);\r\n\r\n  background:rgba(255,255,255,.08);\r\n}\r\n\r\n.yb-engineering-stat strong{\r\n  display:block;\r\n  margin-bottom:8px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n\r\n  font-size:36px;\r\n  line-height:1;\r\n  text-transform:uppercase;\r\n  font-weight:400;\r\n}\r\n\r\n.yb-engineering-stat span{\r\n  color:rgba(255,255,255,.70);\r\n\r\n  font-size:11.5px;\r\n  line-height:1.45;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.yb-engineering-features{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:14px;\r\n}\r\n\r\n.yb-engineering-feature{\r\n  padding:22px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:rgba(255,255,255,.05);\r\n\r\n  border:1px solid rgba(176,141,87,.22);\r\n\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-engineering-feature:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:rgba(176,141,87,.55);\r\n\r\n  background:rgba(255,255,255,.075);\r\n\r\n  box-shadow:0 18px 55px rgba(176,141,87,.10);\r\n}\r\n\r\n.yb-engineering-feature strong{\r\n  display:block;\r\n  margin-bottom:8px;\r\n\r\n  color:#fff;\r\n\r\n  font-size:14px;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n.yb-engineering-feature span{\r\n  color:rgba(255,255,255,.66);\r\n\r\n  font-size:13px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1100px){\r\n\r\n  .yb-engineering-why-inner{\r\n    grid-template-columns:1fr;\r\n    gap:70px;\r\n  }\r\n\r\n  .yb-engineering-visual-wrap{\r\n    padding:0 30px 80px 0;\r\n  }\r\n\r\n  .yb-engineering-main img{\r\n    height:620px;\r\n  }\r\n\r\n  .yb-engineering-floating{\r\n    width:46%;\r\n    height:220px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:760px){\r\n\r\n  .yb-engineering-why{\r\n    padding:80px 18px;\r\n  }\r\n\r\n  .yb-engineering-why-inner{\r\n    gap:54px;\r\n  }\r\n\r\n  .yb-engineering-visual-wrap{\r\n    padding:0 18px 70px 0;\r\n  }\r\n\r\n  .yb-engineering-main{\r\n    border-radius:28px;\r\n  }\r\n\r\n  .yb-engineering-main img{\r\n    height:440px;\r\n  }\r\n\r\n  .yb-engineering-floating{\r\n    right:18px;\r\n    bottom:-20px;\r\n\r\n    width:52%;\r\n    height:150px;\r\n\r\n    border-radius:18px;\r\n  }\r\n\r\n  .yb-engineering-badge{\r\n    left:18px;\r\n    right:90px;\r\n    bottom:18px;\r\n\r\n    padding:18px 18px;\r\n\r\n    border-radius:20px;\r\n  }\r\n\r\n  .yb-engineering-badge strong{\r\n    font-size:24px;\r\n  }\r\n\r\n  .yb-engineering-content h2{\r\n    font-size:clamp(48px,13vw,72px);\r\n  }\r\n\r\n  .yb-engineering-content p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .yb-engineering-stats{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .yb-engineering-features{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n  }\r\n\r\n  .yb-engineering-feature{\r\n    padding:16px 14px;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .yb-engineering-feature strong{\r\n    font-size:12px;\r\n  }\r\n\r\n  .yb-engineering-feature span{\r\n    font-size:11px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-engineering-why\">\r\n\r\n  <div class=\"yb-engineering-why-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"yb-engineering-visual-wrap\">\r\n\r\n      <div class=\"yb-engineering-main\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"http:\/\/testing.theyachtbeach.de\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-13.-Mai-2026-20_19_51.png\"\r\n          alt=\"Yachtbeach Production and Engineering\"\r\n        >\r\n\r\n        <div class=\"yb-engineering-badge\">\r\n          <span>Material Meets Engineering<\/span>\r\n          <strong>Built for marine environments.<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-engineering-floating\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2022\/12\/step-eva.jpg\"\r\n          alt=\"Yachtbeach EVA Teak Material Detail\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"yb-engineering-content\">\r\n\r\n      <div class=\"yb-engineering-kicker\">\r\n        German Engineered Materials\r\n      <\/div>\r\n\r\n      <h2>\r\n        Engineered For<br>\r\n        <span>Floating Luxury.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        YACHTBEACH combines premium marine materials, modular construction and luxury-grade\r\n        detailing to create floating environments for superyachts, resorts and demanding\r\n        waterfront projects. From EVA teak finishes to UV- and saltwater-resistant surfaces,\r\n        every detail is designed for durability, elegance and crew-friendly handling.\r\n      <\/p>\r\n\r\n      <div class=\"yb-engineering-stats\">\r\n\r\n        <div class=\"yb-engineering-stat\">\r\n          <strong>20+<\/strong>\r\n          <span>Years watersports experience<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-stat\">\r\n          <strong>\u221e<\/strong>\r\n          <span>Configuration possibilities<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-stat\">\r\n          <strong>100%<\/strong>\r\n          <span>Custom modular concepts<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-stat\">\r\n          <strong>360\u00b0<\/strong>\r\n          <span>Floating lifestyle solutions<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-engineering-features\">\r\n\r\n        <div class=\"yb-engineering-feature\">\r\n          <strong>UV Resistant<\/strong>\r\n          <span>\r\n            Designed for intense sunlight, saltwater exposure and outdoor marine use.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-feature\">\r\n          <strong>Marine Grade<\/strong>\r\n          <span>\r\n            Durable materials, clean finishes and reliable construction for yacht environments.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-feature\">\r\n          <strong>Lightweight<\/strong>\r\n          <span>\r\n            Inflatable modular systems designed for fast setup, storage and transport.\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"yb-engineering-feature\">\r\n          <strong>Crew Friendly<\/strong>\r\n          <span>\r\n            Easy handling, modular connection systems and practical daily operation onboard.\r\n          <\/span>\r\n        <\/div>\r\n\r\n      <\/div>\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Builds By Yachtbeach Built Around Your Yacht. Bespoke floating architecture for superyachts, private waterfronts and luxury resorts. From custom beachclub setups and yacht slides to toy docks, playgrounds and complete floating islands. Start Your Project Explore Custom Projects Signature Custom Projects From Vision To Water. Beachclub Orient Express \u2192 Custom Yachtslides \u2192 Custom Toy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_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":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_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-7776","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/7776","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=7776"}],"version-history":[{"count":10,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/7776\/revisions"}],"predecessor-version":[{"id":21508,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/7776\/revisions\/21508"}],"wp:attachment":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/media?parent=7776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}