{"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-05-25T13:14:35","modified_gmt":"2026-05-25T11:14:35","slug":"custombuilds","status":"publish","type":"page","link":"https:\/\/testing.theyachtbeach.de\/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-20decf8 e-con-full e-flex e-con e-parent\" data-id=\"20decf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc8b207 elementor-widget elementor-widget-html\" data-id=\"bc8b207\" 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\/* FIX WHITE GAP ABOVE CUSTOM HERO *\/\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{\r\n  margin-top:-1px !important;\r\n}\r\n\r\n.yb-custom-hero{\r\n  --gold:#b08d57;\r\n  --teal:#0097a9;\r\n  --dark:#081218;\r\n  --dark2:#101c24;\r\n  --text:#dce6ea;\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  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 *{\r\n  box-sizing:border-box;\r\n}\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  box-shadow:0 0 20px rgba(0,151,169,.75);\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{\r\n  color:var(--gold);\r\n}\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  -webkit-backdrop-filter:blur(16px);\r\n}\r\n\r\n.yb-custom-hero-btn:hover{\r\n  transform:translateY(-3px);\r\n}\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  -webkit-backdrop-filter:blur(26px);\r\n  box-shadow:\r\n    0 34px 90px rgba(0,0,0,.38),\r\n    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{\r\n  color:var(--teal);\r\n}\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-item:hover span{\r\n  transform:translateX(4px);\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  -webkit-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:\r\n      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    margin-top:24px;\r\n  }\r\n\r\n  .yb-custom-hero-actions{\r\n    margin-top:30px;\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  .yb-custom-proof{\r\n    min-height:auto;\r\n    padding:15px 14px;\r\n  }\r\n\r\n  .yb-custom-proof strong{\r\n    font-size:20px;\r\n  }\r\n\r\n  .yb-custom-proof span{\r\n    font-size:11px;\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 playgrounds, toy docks 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\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 Setups<\/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>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>Playgrounds<\/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>Toy Docks<\/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\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>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-860d18a elementor-widget elementor-widget-html\" data-id=\"860d18a\" 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\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 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.yb-process-inner{\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n}\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{\r\n  color:var(--gold);\r\n}\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{\r\n  margin:0 0 20px;\r\n}\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{\r\n  position:relative;\r\n  z-index:2;\r\n}\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:\r\n    0 0 24px rgba(0,151,169,.22),\r\n    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:\r\n    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{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.yb-process-content{\r\n  padding:28px 26px 30px;\r\n}\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{\r\n  color:var(--gold);\r\n}\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\r\n  .yb-process-top{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .yb-process-timeline{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .yb-process-line{\r\n    display:none;\r\n  }\r\n\r\n  .yb-process-bottom{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n@media(max-width:760px){\r\n\r\n  .yb-process{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .yb-process-top{\r\n    margin-bottom:55px;\r\n  }\r\n\r\n  .yb-process-title{\r\n    font-size:clamp(44px,13vw,70px);\r\n  }\r\n\r\n  .yb-process-text{\r\n    font-size:15px;\r\n    line-height:1.8;\r\n  }\r\n\r\n  .yb-process-timeline{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  .yb-process-number{\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .yb-process-card{\r\n    min-height:auto;\r\n  }\r\n\r\n  .yb-process-image{\r\n    height:190px;\r\n  }\r\n\r\n  .yb-process-content{\r\n    padding:24px;\r\n  }\r\n\r\n  .yb-process-bottom{\r\n    margin-top:55px;\r\n  }\r\n\r\n  .yb-process-feature{\r\n    padding:30px 26px;\r\n    border-radius:28px;\r\n  }\r\n\r\n  .yb-process-feature h4{\r\n    font-size:32px;\r\n  }\r\n\r\n  .yb-process-feature p{\r\n    font-size:14px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"yb-process\">\r\n\r\n  <div class=\"yb-process-inner\">\r\n\r\n    <div class=\"yb-process-top\">\r\n\r\n      <div class=\"yb-process-left\">\r\n\r\n        <div class=\"yb-process-kicker\">\r\n          From Idea To Reality\r\n        <\/div>\r\n\r\n        <h2 class=\"yb-process-title\">\r\n          The Custom<br>\r\n          <span>Build Process<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-right\">\r\n\r\n        <div class=\"yb-process-text\">\r\n          <p>\r\n            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.\r\n          <\/p>\r\n\r\n          <p>\r\n            Fast concept renderings, modular planning and premium marine engineering allow us to transform ideas into stunning real-world waterfront environments.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-process-timeline\">\r\n\r\n      <div class=\"yb-process-line\"><\/div>\r\n\r\n      <!-- IDEA -->\r\n      <div class=\"yb-process-step active\">\r\n\r\n        <div class=\"yb-process-number\">01<\/div>\r\n\r\n        <div class=\"yb-process-card\">\r\n\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\r\n          <div class=\"yb-process-content\">\r\n            <h3>Idea<\/h3>\r\n\r\n            <p>\r\n              Share your yacht layout, vision and lifestyle requirements with our design team.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CONCEPT -->\r\n      <div class=\"yb-process-step\">\r\n\r\n        <div class=\"yb-process-number\">02<\/div>\r\n\r\n        <div class=\"yb-process-card\">\r\n\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\r\n          <div class=\"yb-process-content\">\r\n            <h3>Concept<\/h3>\r\n\r\n            <p>\r\n              We create premium renderings and floating concepts tailored to your project.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ENGINEERING -->\r\n      <div class=\"yb-process-step\">\r\n\r\n        <div class=\"yb-process-number\">03<\/div>\r\n\r\n        <div class=\"yb-process-card\">\r\n\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\r\n          <div class=\"yb-process-content\">\r\n            <h3>Engineering<\/h3>\r\n\r\n            <p>\r\n              Technical planning, dimensions and modular integration optimized for your yacht.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PRODUCTION -->\r\n      <div class=\"yb-process-step\">\r\n\r\n        <div class=\"yb-process-number\">04<\/div>\r\n\r\n        <div class=\"yb-process-card\">\r\n\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\r\n          <div class=\"yb-process-content\">\r\n            <h3>Production<\/h3>\r\n\r\n            <p>\r\n              Built with premium marine-grade materials and luxury EVA teak finishes.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- DELIVERY -->\r\n      <div class=\"yb-process-step\">\r\n\r\n        <div class=\"yb-process-number\">05<\/div>\r\n\r\n        <div class=\"yb-process-card\">\r\n\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\r\n          <div class=\"yb-process-content\">\r\n            <h3>Delivery<\/h3>\r\n\r\n            <p>\r\n              Worldwide shipping and setup support for yachts, marinas and luxury resorts.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"yb-process-bottom\">\r\n\r\n      <div class=\"yb-process-feature\">\r\n\r\n        <h4>\r\n          Concept Renderings<br>\r\n          <span>Within Days.<\/span>\r\n        <\/h4>\r\n\r\n        <p>\r\n          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.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-process-feature\">\r\n\r\n        <h4>\r\n          Designed Around<br>\r\n          <span>Your Lifestyle.<\/span>\r\n        <\/h4>\r\n\r\n        <p>\r\n          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.\r\n        <\/p>\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 class=\"elementor-element elementor-element-7531a71 elementor-widget elementor-widget-html\" data-id=\"7531a71\" 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:\r\n    radial-gradient(circle at 12% 18%,rgba(0,151,169,.10),transparent 32%),\r\n    radial-gradient(circle at 86% 82%,rgba(176,141,87,.14),transparent 34%),\r\n    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\r\n.yb-project-showcase *{box-sizing:border-box;}\r\n\r\n.yb-project-showcase-inner{\r\n  max-width:1480px;\r\n  margin:0 auto;\r\n}\r\n\r\n.yb-project-head{margin-bottom:58px;}\r\n\r\n.yb-project-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:18px;\r\n}\r\n\r\n.yb-project-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-project-head h2{\r\n  margin:0;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  font-size:clamp(42px,4.6vw,82px);\r\n  line-height:.95;\r\n  font-weight:300;\r\n  text-transform:uppercase;\r\n  color:var(--dark);\r\n}\r\n\r\n.yb-project-head h2 span{color:var(--gold);}\r\n\r\n.yb-project-slide{\r\n  display:none;\r\n  grid-template-columns:.82fr 1.18fr;\r\n  gap:70px;\r\n  align-items:center;\r\n}\r\n\r\n.yb-project-slide.active{display:grid;}\r\n\r\n.yb-project-copy h3{\r\n  margin:0 0 24px;\r\n  font-family:\"Roboto Condensed\",Arial,sans-serif;\r\n  color:var(--dark);\r\n  font-size:clamp(48px,4.8vw,92px);\r\n  line-height:.9;\r\n  text-transform:uppercase;\r\n  font-weight:400;\r\n}\r\n\r\n.yb-project-copy h3 span{color:var(--gold);}\r\n\r\n.yb-project-copy p{\r\n  margin:0 0 18px;\r\n  color:var(--text);\r\n  font-size:17px;\r\n  line-height:1.85;\r\n  max-width:590px;\r\n}\r\n\r\n.yb-project-copy p strong{\r\n  color:var(--dark);\r\n  font-weight:700;\r\n}\r\n\r\n.yb-project-facts{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:12px;\r\n  margin-top:30px;\r\n  max-width:590px;\r\n}\r\n\r\n.yb-project-fact{\r\n  padding:16px 18px;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  border:1px solid rgba(8,18,24,.08);\r\n  box-shadow:0 18px 45px rgba(8,18,24,.06);\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-project-fact:hover{\r\n  transform:translateY(-3px);\r\n  border-color:rgba(176,141,87,.55);\r\n  box-shadow:0 20px 50px rgba(8,18,24,.08), inset 0 0 0 1px rgba(176,141,87,.18);\r\n}\r\n\r\n.yb-project-fact strong{\r\n  display:block;\r\n  color:var(--dark);\r\n  font-size:13px;\r\n  margin-bottom:5px;\r\n}\r\n\r\n.yb-project-fact span{\r\n  color:var(--text);\r\n  font-size:12px;\r\n  line-height:1.45;\r\n}\r\n\r\n.yb-project-cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-top:26px;\r\n  padding:13px 20px;\r\n  border:1px solid rgba(176,141,87,.75);\r\n  border-radius:999px;\r\n  color:var(--dark)!important;\r\n  background:rgba(255,255,255,.55);\r\n  text-decoration:none!important;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  transition:.35s ease;\r\n}\r\n\r\n.yb-project-cta:after{\r\n  content:\"\u2192\";\r\n  color:var(--teal);\r\n  font-size:18px;\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-project-cta:hover{\r\n  background:linear-gradient(135deg,rgba(176,141,87,.12),rgba(255,255,255,.9));\r\n  box-shadow:0 14px 34px rgba(176,141,87,.16);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.yb-project-cta:hover:after{transform:translateX(5px);}\r\n\r\n.yb-project-images{\r\n  display:grid;\r\n  grid-template-columns:1.12fr .88fr;\r\n  grid-template-rows:360px 250px 230px;\r\n  gap:20px;\r\n}\r\n\r\n.yb-project-img{\r\n  overflow:hidden;\r\n  border-radius:30px;\r\n  background:#dfe7ea;\r\n  box-shadow:0 28px 70px rgba(8,18,24,.13);\r\n  position:relative;\r\n}\r\n\r\n.yb-project-img.hero{\r\n  grid-column:1 \/ -1;\r\n  grid-row:1;\r\n}\r\n\r\n.yb-project-img.large{\r\n  grid-column:1;\r\n  grid-row:2 \/ 4;\r\n}\r\n\r\n.yb-project-img.small-a{\r\n  grid-column:2;\r\n  grid-row:2;\r\n}\r\n\r\n.yb-project-img.small-b{\r\n  grid-column:2;\r\n  grid-row:3;\r\n}\r\n\r\n.yb-project-img a{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n}\r\n\r\n.yb-project-img img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  transition:transform .9s ease, filter .9s ease;\r\n}\r\n\r\n.yb-project-img:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg,rgba(8,18,24,0) 45%,rgba(8,18,24,.24) 100%);\r\n  pointer-events:none;\r\n}\r\n\r\n.yb-project-img:hover img{\r\n  transform:scale(1.055);\r\n  filter:saturate(1.05) contrast(1.04);\r\n}\r\n\r\n.yb-project-controls{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:24px;\r\n  margin-top:54px;\r\n}\r\n\r\n.yb-project-tabs{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n}\r\n\r\n.yb-project-tab{\r\n  border:0;\r\n  cursor:pointer;\r\n  padding:13px 18px;\r\n  border-radius:999px;\r\n  background:#fff;\r\n  color:var(--dark);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  box-shadow:0 12px 34px rgba(8,18,24,.08);\r\n  transition:.3s ease;\r\n}\r\n\r\n.yb-project-tab.active,\r\n.yb-project-tab:hover{\r\n  color:#fff;\r\n  background:linear-gradient(135deg,#b08d57,#d0ad70);\r\n}\r\n\r\n.yb-project-arrows{\r\n  display:flex;\r\n  gap:12px;\r\n}\r\n\r\n.yb-project-arrow{\r\n  width:48px;\r\n  height:48px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(8,18,24,.12);\r\n  background:#fff;\r\n  color:var(--dark);\r\n  cursor:pointer;\r\n  font-size:22px;\r\n  transition:.3s ease;\r\n  box-shadow:0 14px 36px rgba(8,18,24,.08);\r\n}\r\n\r\n.yb-project-arrow:hover{\r\n  transform:translateY(-2px);\r\n  color:#fff;\r\n  background:var(--dark);\r\n}\r\n\r\n.yb-lightbox{\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:999999;\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:30px;\r\n  background:rgba(8,18,24,.88);\r\n  backdrop-filter:blur(18px);\r\n  -webkit-backdrop-filter:blur(18px);\r\n}\r\n\r\n.yb-lightbox.active{display:flex;}\r\n\r\n.yb-lightbox img{\r\n  max-width:min(1400px,94vw);\r\n  max-height:88vh;\r\n  border-radius:24px;\r\n  box-shadow:0 30px 90px 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  width:46px;\r\n  height:46px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(255,255,255,.22);\r\n  background:rgba(255,255,255,.08);\r\n  color:#fff;\r\n  font-size:26px;\r\n  cursor:pointer;\r\n}\r\n\r\n@media(max-width:1050px){\r\n  .yb-project-slide{\r\n    grid-template-columns:1fr;\r\n    gap:44px;\r\n  }\r\n}\r\n\r\n@media(max-width:760px){\r\n  .yb-project-showcase{\r\n    padding:40px 18px 80px;\r\n  }\r\n\r\n  .yb-project-head{\r\n    margin-bottom:42px;\r\n  }\r\n\r\n  .yb-project-head h2{\r\n    font-size:clamp(34px,9vw,54px);\r\n  }\r\n\r\n  .yb-project-copy h3{\r\n    font-size:clamp(42px,12vw,62px);\r\n  }\r\n\r\n  .yb-project-copy p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .yb-project-facts{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:10px;\r\n  }\r\n\r\n  .yb-project-fact{\r\n    padding:14px 12px;\r\n    border-radius:16px;\r\n  }\r\n\r\n  .yb-project-images{\r\n    grid-template-columns:1.1fr .9fr;\r\n    grid-template-rows:260px 145px 145px;\r\n    gap:14px;\r\n  }\r\n\r\n  .yb-project-img{\r\n    border-radius:20px;\r\n  }\r\n\r\n  .yb-project-controls{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n    margin-top:40px;\r\n  }\r\n\r\n  .yb-project-tabs{\r\n    width:100%;\r\n  }\r\n\r\n  .yb-project-tab{\r\n    flex:1 1 calc(50% - 10px);\r\n    padding:12px 10px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"custom-projects\" class=\"yb-project-showcase\">\r\n\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\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Beachclub<br><span>Setups.<\/span><\/h3>\r\n\r\n          <p><strong>YACHTBEACH Beachclub Setups<\/strong> are created for resorts, beach clubs and premium waterfront destinations that want to turn open water into an unforgettable guest experience.<\/p>\r\n          <p>From floating lounge areas to modular sun decks and branded relaxation zones, each setup can be adapted to the location, audience and visual identity of the venue.<\/p>\r\n          <p>Every project is planned individually with flexible platform layouts, premium materials and smart connection options for daily commercial use.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Custom Layout<\/strong><span>Tailored to your location<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular<\/strong><span>Expandable floating areas<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Premium Use<\/strong><span>For resorts & beach clubs<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Branding<\/strong><span>Logo and color options<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Comfort<\/strong><span>Lounge, relax & social areas<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Commercial<\/strong><span>Made for daily operation<\/span><\/div>\r\n          <\/div>\r\n\r\n          <a href=\"#\" class=\"yb-project-cta\">View Beachclub Setups<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Beachclub+Setup+Hero\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Beachclub+Setup+Hero\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Beachclub+Detail\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Beachclub+Detail\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Lounge+Area\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Lounge+Area\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Custom+Project\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Custom+Project\" alt=\"\"><\/a><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Yacht<br><span>Slides.<\/span><\/h3>\r\n\r\n          <p><strong>YACHTBEACH Yachtslides<\/strong> bring a playful luxury experience directly to the yacht and create a spectacular highlight for guests, families and charter clients.<\/p>\r\n          <p>Each slide concept can be adapted to the yacht height, boarding situation and preferred use case, from private fun to premium charter entertainment.<\/p>\r\n          <p>With custom sizing, secure connection solutions and high-quality inflatable construction, every project is designed around safety, handling and visual impact.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Custom Fit<\/strong><span>Adapted to yacht dimensions<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Luxury Fun<\/strong><span>For private & charter yachts<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Secure Setup<\/strong><span>Connection concepts included<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Fast Handling<\/strong><span>Inflatable and storable<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Visual Impact<\/strong><span>Premium guest experience<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Branding<\/strong><span>Optional custom design<\/span><\/div>\r\n          <\/div>\r\n\r\n          <a href=\"#\" class=\"yb-project-cta\">View Yachtslides<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Yachtslide+Hero\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Yachtslide+Hero\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Yachtslide+Detail\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Yachtslide+Detail\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Yacht+Connection\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Yacht+Connection\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Slide+Concept\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Slide+Concept\" alt=\"\"><\/a><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Inflatable<br><span>Playgrounds.<\/span><\/h3>\r\n\r\n          <p><strong>YACHTBEACH Playgrounds<\/strong> are designed as individual floating activity zones for resorts, clubs, private events and premium waterfront concepts.<\/p>\r\n          <p>From Pickleball courts to modular sports areas and playful activity setups, each project can be planned around the available space and the desired guest experience.<\/p>\r\n          <p>The result is a flexible custom playground that combines movement, entertainment and lifestyle directly on the water.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Pickleball<\/strong><span>Floating sport concepts<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Multi-Use<\/strong><span>Games, events & activities<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Custom Size<\/strong><span>Planned to fit your area<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Event Ready<\/strong><span>Great for activations<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular<\/strong><span>Expandable layouts<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Commercial<\/strong><span>For resorts and clubs<\/span><\/div>\r\n          <\/div>\r\n\r\n          <a href=\"#\" class=\"yb-project-cta\">View Playgrounds<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Playground+Hero\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Playground+Hero\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Pickleball+Court\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Pickleball+Court\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Activity+Zone\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Activity+Zone\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Custom+Playground\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Custom+Playground\" alt=\"\"><\/a><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-project-slide\">\r\n\r\n        <div class=\"yb-project-copy\">\r\n          <h3>Toy<br><span>Docks.<\/span><\/h3>\r\n\r\n          <p><strong>YACHTBEACH Toy Docks<\/strong> create organized floating parking and service zones for jet skis, seabobs, foilboards and premium water toys.<\/p>\r\n          <p>Each dock can be adapted to the yacht, marina or resort setup and combined with additional platforms, walkways or lounge areas.<\/p>\r\n          <p>The modular concept keeps equipment protected, accessible and beautifully integrated into a clean luxury water setup.<\/p>\r\n\r\n          <div class=\"yb-project-facts\">\r\n            <div class=\"yb-project-fact\"><strong>Water Toys<\/strong><span>Jet ski, seabob & foilboard<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Organized<\/strong><span>Clean floating parking<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Modular<\/strong><span>Connect with platforms<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Luxury Look<\/strong><span>Premium yacht integration<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Easy Access<\/strong><span>Better handling on water<\/span><\/div>\r\n            <div class=\"yb-project-fact\"><strong>Custom<\/strong><span>Built around your toys<\/span><\/div>\r\n          <\/div>\r\n\r\n          <a href=\"#\" class=\"yb-project-cta\">View Toy Docks<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"yb-project-images\">\r\n          <div class=\"yb-project-img hero\"><a href=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Toy+Dock+Hero\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/1400x700\/e8eef0\/081218?text=Toy+Dock+Hero\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img large\"><a href=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Toy+Dock+Detail\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/900x900\/d9e3e6\/081218?text=Toy+Dock+Detail\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-a\"><a href=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Jet+Ski+Dock\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/f3f6f7\/081218?text=Jet+Ski+Dock\" alt=\"\"><\/a><\/div>\r\n          <div class=\"yb-project-img small-b\"><a href=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Water+Toy+Setup\" class=\"yb-lightbox-img\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/700x500\/e7ecee\/081218?text=Water+Toy+Setup\" alt=\"\"><\/a><\/div>\r\n        <\/div>\r\n\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 Setups<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Yachtslides<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Playgrounds<\/button>\r\n          <button class=\"yb-project-tab\" type=\"button\">Toy Docks<\/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\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n\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\r\n    slides.forEach(slide => slide.classList.remove('active'));\r\n    tabs.forEach(tab => tab.classList.remove('active'));\r\n\r\n    slides[current].classList.add('active');\r\n    tabs[current].classList.add('active');\r\n  }\r\n\r\n  function scrollToProjects(){\r\n    const offset = 90;\r\n    const top = section.getBoundingClientRect().top + window.pageYOffset - offset;\r\n\r\n    window.scrollTo({\r\n      top: top,\r\n      behavior: 'smooth'\r\n    });\r\n  }\r\n\r\n  tabs.forEach((tab,index) => {\r\n    tab.addEventListener('click', () => {\r\n      showSlide(index);\r\n    });\r\n  });\r\n\r\n  if(prev){\r\n    prev.addEventListener('click', () => showSlide(current - 1));\r\n  }\r\n\r\n  if(next){\r\n    next.addEventListener('click', () => showSlide(current + 1));\r\n  }\r\n\r\n  document.querySelectorAll('[data-yb-project]').forEach(link => {\r\n    link.addEventListener('click', function(e){\r\n      e.preventDefault();\r\n\r\n      const targetIndex = parseInt(this.getAttribute('data-yb-project'), 10);\r\n\r\n      if(!isNaN(targetIndex)){\r\n        showSlide(targetIndex);\r\n        setTimeout(scrollToProjects, 60);\r\n      }\r\n    });\r\n  });\r\n\r\n  if(window.location.hash === '#custom-projects'){\r\n    const activeHeroLink = document.querySelector('[data-yb-project]');\r\n    if(activeHeroLink){\r\n      const targetIndex = parseInt(activeHeroLink.getAttribute('data-yb-project'), 10);\r\n      if(!isNaN(targetIndex)){\r\n        showSlide(targetIndex);\r\n      }\r\n    }\r\n  }\r\n\r\n  const lightbox = section.querySelector('#ybLightbox');\r\n\r\n  if(lightbox){\r\n    const lightboxImg = lightbox.querySelector('img');\r\n    const closeBtn = lightbox.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    if(closeBtn){\r\n      closeBtn.addEventListener('click', closeLightbox);\r\n    }\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\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-82c7587 elementor-widget elementor-widget-html\" data-id=\"82c7587\" 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  .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;\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(4,1fr);\r\n    gap:8px;\r\n  }\r\n\r\n  .yb-island-highlight{\r\n    padding:12px 8px;\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  .yb-island-stage{\r\n    min-height:560px;\r\n  }\r\n\r\n  .yb-island-yacht{\r\n    width:118%;\r\n    right:-34%;\r\n    top:36%;\r\n  }\r\n\r\n  .yb-island-module-wrap{\r\n    width:82%;\r\n    right:20%;\r\n    bottom:155px;\r\n  }\r\n\r\n  .yb-island-control{\r\n    left:0;\r\n    right:auto;\r\n    bottom:0;\r\n    width:100%;\r\n    padding:16px;\r\n    border-radius:22px;\r\n  }\r\n\r\n  .yb-island-tab{\r\n    font-size:9.5px;\r\n    padding:10px 11px;\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-19ee9e8 elementor-widget elementor-widget-html\" data-id=\"19ee9e8\" 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-31c8579 elementor-widget elementor-widget-html\" data-id=\"31c8579\" 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% 78%,rgba(176,141,87,.16),transparent 36%),\r\n    linear-gradient(180deg,#081218 0%,#101c24 100%);\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 playgrounds, toy docks and complete floating islands. Start Your Project Explore Custom Projects Signature Custom Projects From Vision To Water. Beachclub Setups \u2192 Yachtslides \u2192 Playgrounds \u2192 Toy Docks [&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_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"class_list":["post-7776","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/pages\/7776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/comments?post=7776"}],"version-history":[{"count":10,"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/pages\/7776\/revisions"}],"predecessor-version":[{"id":21564,"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/pages\/7776\/revisions\/21564"}],"wp:attachment":[{"href":"https:\/\/testing.theyachtbeach.de\/de\/wp-json\/wp\/v2\/media?parent=7776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}