{"id":18510,"date":"2026-03-09T14:02:50","date_gmt":"2026-03-09T13:02:50","guid":{"rendered":"https:\/\/theyachtbeach.com\/?page_id=18510"},"modified":"2026-06-09T09:54:52","modified_gmt":"2026-06-09T07:54:52","slug":"how-to","status":"publish","type":"page","link":"https:\/\/theyachtbeach.com\/de\/how-to\/","title":{"rendered":"How to"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18510\" class=\"elementor elementor-18510\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f5ee3 e-con-full e-flex e-con e-parent\" data-id=\"c3f5ee3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a84f29 elementor-widget elementor-widget-html\" data-id=\"6a84f29\" 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: removes Elementor white gap above first hero *\/\r\nhtml body .elementor-section:first-of-type,\r\nhtml body .elementor-top-section:first-of-type,\r\nhtml body .elementor-container:first-of-type,\r\nhtml body .elementor-widget-wrap:first-of-type,\r\nhtml body .elementor-widget-html:first-of-type,\r\nhtml body .elementor-widget-html:first-of-type .elementor-widget-container {\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\nhtml body .elementor-widget-html {\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n.yb-howto-wrap {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  margin-top: -2px !important;\r\n  overflow: hidden;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n  background: #081218;\r\n}\r\n\r\n.yb-howto-wrap,\r\n.yb-howto-wrap * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yb-howto-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 600px;\r\n  overflow: hidden;\r\n  background-image: url(\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-9.-Juni-2026-09_30_39.png\");\r\n  background-size: cover;\r\n  background-position: center center;\r\n  background-repeat: no-repeat;\r\n  background-color: #081218;\r\n}\r\n\r\n.yb-howto-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(8,18,24,.48) 0%,\r\n      rgba(8,18,24,.30) 22%,\r\n      rgba(8,18,24,.12) 46%,\r\n      rgba(8,18,24,.02) 76%,\r\n      rgba(8,18,24,0) 100%\r\n    );\r\n  z-index: 1;\r\n}\r\n\r\n.yb-howto-container {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 1380px;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n  padding: 0 30px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.yb-howto-content {\r\n  max-width: 620px;\r\n  padding: 42px;\r\n  border-radius: 34px;\r\n  background: rgba(8,18,24,.42);\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  box-shadow: 0 25px 80px rgba(0,0,0,.18);\r\n}\r\n\r\n.yb-howto-kicker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 20px;\r\n  color: #4fd2df;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-howto-kicker:before {\r\n  content: \"\";\r\n  width: 42px;\r\n  height: 1px;\r\n  background: #4fd2df;\r\n}\r\n\r\n.yb-howto-content h1 {\r\n  margin: 0;\r\n  color: #fff;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(50px,5vw,82px);\r\n  line-height: .92;\r\n  letter-spacing: .03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-howto-content h1 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-howto-content p {\r\n  margin: 24px 0 34px;\r\n  color: rgba(255,255,255,.84);\r\n  font-size: 16px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.yb-howto-buttons {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.yb-btn-primary,\r\n.yb-btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 190px;\r\n  padding: 15px 26px;\r\n  border-radius: 999px;\r\n  text-decoration: none !important;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-btn-primary {\r\n  background: #b08d57;\r\n  color: #fff !important;\r\n}\r\n\r\n.yb-btn-secondary {\r\n  border: 1px solid rgba(255,255,255,.28);\r\n  background: rgba(255,255,255,.04);\r\n  color: #fff !important;\r\n}\r\n\r\n.yb-btn-primary:hover,\r\n.yb-btn-secondary:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n@media(max-width:768px) {\r\n  .yb-howto-hero {\r\n    height: 650px;\r\n  }\r\n\r\n  .yb-howto-overlay {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(8,18,24,.12) 0%,\r\n        rgba(8,18,24,.42) 45%,\r\n        rgba(8,18,24,.88) 100%\r\n      );\r\n  }\r\n\r\n  .yb-howto-container {\r\n    align-items: flex-end;\r\n    padding: 0 20px 40px;\r\n  }\r\n\r\n  .yb-howto-content {\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 26px;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .yb-howto-kicker {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .yb-howto-content h1 {\r\n    font-size: clamp(36px,10vw,50px);\r\n  }\r\n\r\n  .yb-howto-content p {\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    margin: 18px 0 24px;\r\n  }\r\n\r\n  .yb-btn-primary,\r\n  .yb-btn-secondary {\r\n    width: 100%;\r\n    min-width: unset;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"yb-howto-wrap\">\r\n  <section class=\"yb-howto-hero\">\r\n    <div class=\"yb-howto-overlay\"><\/div>\r\n\r\n    <div class=\"yb-howto-container\">\r\n      <div class=\"yb-howto-content\">\r\n        <div class=\"yb-howto-kicker\">Support & Knowledge Center<\/div>\r\n\r\n        <h1>\r\n          How To<br>\r\n          <span>Guides & Manuals<\/span>\r\n        <\/h1>\r\n\r\n        <p>\r\n          Find video tutorials, installation guides and downloadable manuals for all Yachtbeach products. Everything you need to set up, connect and enjoy your Yachtbeach experience.\r\n        <\/p>\r\n\r\n        <div class=\"yb-howto-buttons\">\r\n          <a href=\"#tutorials\" class=\"yb-btn-primary\">Watch Tutorials<\/a>\r\n          <a href=\"#manuals\" class=\"yb-btn-secondary\">Download Manuals<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8221055 elementor-widget elementor-widget-html\" data-id=\"8221055\" 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<section class=\"yb-knowledge-section\">\r\n  <div class=\"yb-knowledge-inner\">\r\n\r\n    <div class=\"yb-knowledge-grid\">\r\n\r\n      <div class=\"yb-knowledge-content\">\r\n        <div class=\"yb-knowledge-kicker\">Knowledge Center<\/div>\r\n\r\n        <h2>\r\n          Everything You Need<br>\r\n          <span>To Get Started<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"yb-knowledge-lead\">\r\n          Find setup videos, installation guides and multilingual product manuals for your Yachtbeach products in one place.\r\n        <\/p>\r\n\r\n        <p class=\"yb-knowledge-text\">\r\n          Whether you are connecting modular platforms, setting up a pool, installing accessories or looking for technical product information, this support area gives you quick access to the right resources.\r\n        <\/p>\r\n\r\n        <div class=\"yb-knowledge-cards\">\r\n\r\n          <div class=\"yb-knowledge-card\">\r\n            <div class=\"yb-knowledge-icon\">\u25b6<\/div>\r\n            <h3>Video Tutorials<\/h3>\r\n            <p>Step-by-step videos for setup, installation and product handling.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"yb-knowledge-card\">\r\n            <div class=\"yb-knowledge-icon\">\u21a7<\/div>\r\n            <h3>Product Manuals<\/h3>\r\n            <p>Download manuals, specifications and documents in multiple languages.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"yb-knowledge-card\">\r\n            <div class=\"yb-knowledge-icon\">\u2699<\/div>\r\n            <h3>Installation Guides<\/h3>\r\n            <p>Learn how to connect, configure and expand your Yachtbeach setup.<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-knowledge-visual\">\r\n        <img decoding=\"async\" src=\"https:\/\/theyachtbeach.com\/wp-content\/uploads\/2022\/12\/19740-06-yachtbeach-classic-pool-4x4-1920x1080-1.jpg\" alt=\"Yachtbeach floating platform setup\">\r\n\r\n        <div class=\"yb-knowledge-floating\">\r\n          <span>Support Resources<\/span>\r\n          <strong>Videos, Manuals & Guides<\/strong>\r\n          <p>Clear instructions for setup, product use and maintenance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.yb-knowledge-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  padding: 150px 28px 140px;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(0,151,169,.10), transparent 34%),\r\n    radial-gradient(circle at bottom right, rgba(176,141,87,.12), transparent 34%),\r\n    linear-gradient(180deg, #ffffff 0%, #f7fafb 100%);\r\n  overflow: hidden;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.yb-knowledge-inner {\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yb-knowledge-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.05fr .95fr;\r\n  gap: 90px;\r\n  align-items: center;\r\n}\r\n\r\n.yb-knowledge-kicker {\r\n  display: inline-block;\r\n  margin-bottom: 22px;\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(0,151,169,.08);\r\n  border: 1px solid rgba(0,151,169,.14);\r\n  color: #0097a9;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-knowledge-content h2 {\r\n  margin: 0 0 28px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(42px, 5vw, 74px);\r\n  line-height: .95;\r\n  letter-spacing: .02em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-knowledge-content h2 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-knowledge-lead {\r\n  max-width: 720px;\r\n  margin: 0 0 24px;\r\n  color: #2d3d46;\r\n  font-size: 20px;\r\n  line-height: 1.75;\r\n  font-weight: 500;\r\n}\r\n\r\n.yb-knowledge-text {\r\n  max-width: 720px;\r\n  margin: 0;\r\n  color: #5c6a72;\r\n  font-size: 15px;\r\n  line-height: 1.95;\r\n}\r\n\r\n.yb-knowledge-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n  margin-top: 44px;\r\n}\r\n\r\n.yb-knowledge-card {\r\n  position: relative;\r\n  padding: 26px 22px 24px;\r\n  border-radius: 24px;\r\n  background: rgba(255,255,255,.78);\r\n  border: 1px solid rgba(8,18,24,.08);\r\n  box-shadow: 0 22px 60px rgba(8,18,24,.06);\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-knowledge-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0 auto 0 0;\r\n  width: 4px;\r\n  border-radius: 24px 0 0 24px;\r\n  background: linear-gradient(180deg, #0097a9, #b08d57);\r\n  opacity: .85;\r\n}\r\n\r\n.yb-knowledge-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 30px 75px rgba(8,18,24,.11);\r\n}\r\n\r\n.yb-knowledge-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  margin-bottom: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(0,151,169,.08);\r\n  border: 1px solid rgba(0,151,169,.16);\r\n  color: #0097a9;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 20px;\r\n}\r\n\r\n.yb-knowledge-card h3 {\r\n  margin: 0 0 12px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 23px;\r\n  line-height: 1;\r\n  letter-spacing: .04em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-knowledge-card p {\r\n  margin: 0;\r\n  color: #66757d;\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.yb-knowledge-visual {\r\n  position: relative;\r\n}\r\n\r\n.yb-knowledge-visual img {\r\n  width: 100%;\r\n  height: 680px;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  border-radius: 34px;\r\n  box-shadow: 0 35px 90px rgba(0,0,0,.16);\r\n}\r\n\r\n.yb-knowledge-floating {\r\n  position: absolute;\r\n  left: -54px;\r\n  bottom: 54px;\r\n  width: clamp(300px, 24vw, 390px);\r\n  padding: 28px;\r\n  border-radius: 28px;\r\n  background: rgba(8,18,24,.72);\r\n  border: 1px solid rgba(79,210,223,.20);\r\n  backdrop-filter: blur(24px);\r\n  -webkit-backdrop-filter: blur(24px);\r\n  box-shadow:\r\n    0 22px 70px rgba(0,0,0,.26),\r\n    0 0 50px rgba(0,151,169,.08);\r\n}\r\n\r\n.yb-knowledge-floating span {\r\n  display: block;\r\n  margin-bottom: 13px;\r\n  color: #4fd2df;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-knowledge-floating strong {\r\n  display: block;\r\n  margin-bottom: 14px;\r\n  color: #fff;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 34px;\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-knowledge-floating p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n}\r\n\r\n@media(max-width:1100px) {\r\n  .yb-knowledge-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 70px;\r\n  }\r\n\r\n  .yb-knowledge-visual img {\r\n    height: 580px;\r\n  }\r\n\r\n  .yb-knowledge-floating {\r\n    left: 30px;\r\n    bottom: -40px;\r\n  }\r\n}\r\n\r\n@media(max-width:760px) {\r\n  .yb-knowledge-section {\r\n    padding: 90px 20px 100px;\r\n  }\r\n\r\n  .yb-knowledge-grid {\r\n    gap: 46px;\r\n  }\r\n\r\n  .yb-knowledge-kicker {\r\n    font-size: 10px;\r\n    letter-spacing: .16em;\r\n  }\r\n\r\n  .yb-knowledge-content h2 {\r\n    font-size: clamp(36px, 11vw, 48px);\r\n  }\r\n\r\n  .yb-knowledge-lead {\r\n    font-size: 17px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .yb-knowledge-cards {\r\n    grid-template-columns: 1fr;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .yb-knowledge-visual {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .yb-knowledge-floating {\r\n    order: 1;\r\n    position: relative;\r\n    left: auto;\r\n    bottom: auto;\r\n    width: 100%;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .yb-knowledge-visual img {\r\n    order: 2;\r\n    height: 420px;\r\n    border-radius: 26px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b268bd2 elementor-widget elementor-widget-html\" data-id=\"b268bd2\" 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<section class=\"yb-video-section\" id=\"tutorials\">\r\n  <div class=\"yb-video-inner\">\r\n\r\n    <div class=\"yb-video-head\">\r\n      <div>\r\n        <div class=\"yb-video-kicker\">Video Tutorials<\/div>\r\n        <h2>\r\n          Step By Step<br>\r\n          <span>How-To Videos<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        Watch practical Yachtbeach tutorials for setup, inflation, repair and product handling. More videos will be added continuously.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yb-video-carousel-wrap\">\r\n\r\n      <button class=\"yb-video-arrow yb-video-prev\" type=\"button\">\u2039<\/button>\r\n\r\n      <div class=\"yb-video-carousel\">\r\n\r\n        <button class=\"yb-video-card yb-video-open\" type=\"button\" data-video=\"SuRpLKOdGUo\">\r\n          <div class=\"yb-video-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/SuRpLKOdGUo\/maxresdefault.jpg\" alt=\"How to Inflate\">\r\n            <span class=\"yb-video-play\">\u25b6<\/span>\r\n            <span class=\"yb-video-badge\">Setup<\/span>\r\n          <\/div>\r\n          <div class=\"yb-video-content\">\r\n            <span>Inflation Guide<\/span>\r\n            <h3>How To Inflate<\/h3>\r\n            <p>Learn how to inflate your Yachtbeach product correctly and safely.<\/p>\r\n          <\/div>\r\n        <\/button>\r\n\r\n        <button class=\"yb-video-card yb-video-open\" type=\"button\" data-video=\"-3HBdUF6CQ4\">\r\n          <div class=\"yb-video-thumb\">\r\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/-3HBdUF6CQ4\/maxresdefault.jpg\" alt=\"How to Glue \/ Repair\">\r\n            <span class=\"yb-video-play\">\u25b6<\/span>\r\n            <span class=\"yb-video-badge\">Repair<\/span>\r\n          <\/div>\r\n          <div class=\"yb-video-content\">\r\n            <span>Maintenance Guide<\/span>\r\n            <h3>How To Glue \/ Repair<\/h3>\r\n            <p>Step-by-step support for small repairs and proper glue handling.<\/p>\r\n          <\/div>\r\n        <\/button>\r\n\r\n        <div class=\"yb-video-card yb-video-placeholder\">\r\n          <div class=\"yb-video-thumb\">\r\n            <div class=\"yb-video-coming\">Coming Soon<\/div>\r\n            <span class=\"yb-video-badge\">Guide<\/span>\r\n          <\/div>\r\n          <div class=\"yb-video-content\">\r\n            <span>More Tutorials<\/span>\r\n            <h3>Additional Videos<\/h3>\r\n            <p>Further setup, care and installation videos will be added here.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <button class=\"yb-video-arrow yb-video-next\" type=\"button\">\u203a<\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"yb-video-modal\" aria-hidden=\"true\">\r\n  <div class=\"yb-video-modal-bg\"><\/div>\r\n\r\n  <div class=\"yb-video-modal-box\">\r\n    <button class=\"yb-video-modal-close\" type=\"button\">\u00d7<\/button>\r\n\r\n    <div class=\"yb-video-frame-wrap\">\r\n      <iframe\r\n        class=\"yb-video-frame\"\r\n        src=\"\"\r\n        title=\"Yachtbeach Video Tutorial\"\r\n        frameborder=\"0\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n        allowfullscreen>\r\n      <\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.yb-video-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  padding: 140px 28px;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(0,151,169,.14), transparent 34%),\r\n    radial-gradient(circle at bottom right, rgba(176,141,87,.14), transparent 34%),\r\n    linear-gradient(180deg, #081218 0%, #101d25 100%);\r\n  overflow: hidden;\r\n  font-family: Montserrat, Arial, sans-serif;\r\n}\r\n\r\n.yb-video-inner {\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yb-video-head {\r\n  display: grid;\r\n  grid-template-columns: 1fr .78fr;\r\n  gap: 80px;\r\n  align-items: end;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.yb-video-kicker {\r\n  display: inline-block;\r\n  margin-bottom: 22px;\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(0,151,169,.12);\r\n  border: 1px solid rgba(79,210,223,.18);\r\n  color: #4fd2df;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-video-head h2 {\r\n  margin: 0;\r\n  color: #fff;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(42px, 5vw, 74px);\r\n  line-height: .95;\r\n  letter-spacing: .02em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-video-head h2 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-video-head p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.72);\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.yb-video-carousel-wrap {\r\n  position: relative;\r\n}\r\n\r\n.yb-video-carousel {\r\n  display: flex;\r\n  gap: 26px;\r\n  overflow-x: auto;\r\n  scroll-behavior: smooth;\r\n  padding: 10px 4px 26px;\r\n  scrollbar-width: none;\r\n}\r\n\r\n.yb-video-carousel::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.yb-video-card {\r\n  flex: 0 0 430px;\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,.06);\r\n  border: 1px solid rgba(255,255,255,.10);\r\n  text-decoration: none !important;\r\n  box-shadow: 0 30px 80px rgba(0,0,0,.24);\r\n  transition: .35s ease;\r\n  padding: 0;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  font-family: inherit;\r\n}\r\n\r\n.yb-video-card:hover {\r\n  transform: translateY(-8px);\r\n  background: rgba(255,255,255,.09);\r\n  box-shadow: 0 38px 95px rgba(0,0,0,.34);\r\n}\r\n\r\n.yb-video-thumb {\r\n  position: relative;\r\n  height: 250px;\r\n  background:\r\n    linear-gradient(135deg, rgba(0,151,169,.20), rgba(176,141,87,.22)),\r\n    #13232c;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-video-thumb img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transform: scale(1.02);\r\n  transition: .45s ease;\r\n}\r\n\r\n.yb-video-card:hover .yb-video-thumb img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.yb-video-thumb::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(8,18,24,.04) 0%, rgba(8,18,24,.72) 100%);\r\n}\r\n\r\n.yb-video-play {\r\n  position: absolute;\r\n  z-index: 3;\r\n  left: 26px;\r\n  bottom: 24px;\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 50%;\r\n  background: rgba(176,141,87,.92);\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding-left: 4px;\r\n  font-size: 24px;\r\n  box-shadow: 0 18px 45px rgba(0,0,0,.28);\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-video-card:hover .yb-video-play {\r\n  background: #0097a9;\r\n  transform: scale(1.06);\r\n}\r\n\r\n.yb-video-badge {\r\n  position: absolute;\r\n  z-index: 3;\r\n  top: 22px;\r\n  right: 22px;\r\n  padding: 9px 14px;\r\n  border-radius: 999px;\r\n  background: rgba(8,18,24,.62);\r\n  border: 1px solid rgba(255,255,255,.16);\r\n  color: #fff;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n}\r\n\r\n.yb-video-content {\r\n  padding: 28px 28px 30px;\r\n}\r\n\r\n.yb-video-content span {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  color: #4fd2df;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-video-content h3 {\r\n  margin: 0 0 14px;\r\n  color: #fff;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 34px;\r\n  line-height: 1;\r\n  letter-spacing: .03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-video-content p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,.68);\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.yb-video-arrow {\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: 43%;\r\n  transform: translateY(-50%);\r\n  width: 54px;\r\n  height: 54px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.20);\r\n  background: rgba(8,18,24,.72);\r\n  color: #fff;\r\n  font-size: 30px;\r\n  cursor: pointer;\r\n  backdrop-filter: blur(18px);\r\n  -webkit-backdrop-filter: blur(18px);\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-video-arrow:hover {\r\n  background: #b08d57;\r\n}\r\n\r\n.yb-video-prev {\r\n  left: -18px;\r\n}\r\n\r\n.yb-video-next {\r\n  right: -18px;\r\n}\r\n\r\n.yb-video-placeholder {\r\n  pointer-events: none;\r\n}\r\n\r\n.yb-video-coming {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255,255,255,.72);\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 34px;\r\n  letter-spacing: .08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-video-modal {\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: 28px;\r\n}\r\n\r\n.yb-video-modal.active {\r\n  display: flex;\r\n}\r\n\r\n.yb-video-modal-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(8,18,24,.88);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n}\r\n\r\n.yb-video-modal-box {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: min(1100px, 94vw);\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  background: #081218;\r\n  border: 1px solid rgba(79,210,223,.22);\r\n  box-shadow: 0 35px 110px rgba(0,0,0,.48);\r\n}\r\n\r\n.yb-video-frame-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n\r\n.yb-video-frame {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.yb-video-modal-close {\r\n  position: absolute;\r\n  z-index: 4;\r\n  top: 16px;\r\n  right: 16px;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  background: rgba(8,18,24,.72);\r\n  color: #fff;\r\n  font-size: 28px;\r\n  line-height: 1;\r\n  cursor: pointer;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-video-modal-close:hover {\r\n  background: #b08d57;\r\n}\r\n\r\nbody.yb-video-lock {\r\n  overflow: hidden;\r\n}\r\n\r\n@media(max-width:1100px) {\r\n  .yb-video-head {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n  }\r\n\r\n  .yb-video-card {\r\n    flex-basis: 390px;\r\n  }\r\n}\r\n\r\n@media(max-width:760px) {\r\n  .yb-video-section {\r\n    padding: 90px 20px;\r\n  }\r\n\r\n  .yb-video-head {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .yb-video-head h2 {\r\n    font-size: clamp(36px, 11vw, 48px);\r\n  }\r\n\r\n  .yb-video-head p {\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .yb-video-carousel {\r\n    gap: 18px;\r\n    padding-bottom: 18px;\r\n  }\r\n\r\n  .yb-video-card {\r\n    flex: 0 0 84vw;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .yb-video-thumb {\r\n    height: 210px;\r\n  }\r\n\r\n  .yb-video-content h3 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .yb-video-arrow {\r\n    display: none;\r\n  }\r\n\r\n  .yb-video-modal {\r\n    padding: 16px;\r\n  }\r\n\r\n  .yb-video-modal-box {\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .yb-video-modal-close {\r\n    top: 10px;\r\n    right: 10px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initYachtbeachVideoSection() {\r\n    const sections = document.querySelectorAll(\".yb-video-section\");\r\n\r\n    sections.forEach(function(section) {\r\n      if (section.dataset.videoInitialized === \"true\") return;\r\n      section.dataset.videoInitialized = \"true\";\r\n\r\n      const carousel = section.querySelector(\".yb-video-carousel\");\r\n      const prev = section.querySelector(\".yb-video-prev\");\r\n      const next = section.querySelector(\".yb-video-next\");\r\n\r\n      if (carousel && prev && next) {\r\n        function scrollAmount() {\r\n          const card = carousel.querySelector(\".yb-video-card\");\r\n          return card ? card.offsetWidth + 26 : 450;\r\n        }\r\n\r\n        prev.addEventListener(\"click\", function () {\r\n          carousel.scrollBy({\r\n            left: -scrollAmount(),\r\n            behavior: \"smooth\"\r\n          });\r\n        });\r\n\r\n        next.addEventListener(\"click\", function () {\r\n          carousel.scrollBy({\r\n            left: scrollAmount(),\r\n            behavior: \"smooth\"\r\n          });\r\n        });\r\n      }\r\n    });\r\n\r\n    const modal = document.querySelector(\".yb-video-modal\");\r\n    const iframe = document.querySelector(\".yb-video-frame\");\r\n    const closeBtn = document.querySelector(\".yb-video-modal-close\");\r\n    const modalBg = document.querySelector(\".yb-video-modal-bg\");\r\n    const openButtons = document.querySelectorAll(\".yb-video-open\");\r\n\r\n    if (!modal || !iframe || !closeBtn || !modalBg) return;\r\n\r\n    function openVideo(videoId) {\r\n      iframe.src = \"https:\/\/www.youtube-nocookie.com\/embed\/\" + videoId + \"?autoplay=1&rel=0&modestbranding=1\";\r\n      modal.classList.add(\"active\");\r\n      modal.setAttribute(\"aria-hidden\", \"false\");\r\n      document.body.classList.add(\"yb-video-lock\");\r\n    }\r\n\r\n    function closeVideo() {\r\n      modal.classList.remove(\"active\");\r\n      modal.setAttribute(\"aria-hidden\", \"true\");\r\n      iframe.src = \"\";\r\n      document.body.classList.remove(\"yb-video-lock\");\r\n    }\r\n\r\n    openButtons.forEach(function(button) {\r\n      button.addEventListener(\"click\", function() {\r\n        const videoId = button.getAttribute(\"data-video\");\r\n        if (videoId) {\r\n          openVideo(videoId);\r\n        }\r\n      });\r\n    });\r\n\r\n    closeBtn.addEventListener(\"click\", closeVideo);\r\n    modalBg.addEventListener(\"click\", closeVideo);\r\n\r\n    document.addEventListener(\"keydown\", function(event) {\r\n      if (event.key === \"Escape\" && modal.classList.contains(\"active\")) {\r\n        closeVideo();\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initYachtbeachVideoSection);\r\n  } else {\r\n    initYachtbeachVideoSection();\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-d037d15 elementor-widget elementor-widget-html\" data-id=\"d037d15\" 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<section class=\"yb-manuals-section\" id=\"manuals\">\r\n  <div class=\"yb-manuals-inner\">\r\n\r\n    <div class=\"yb-manuals-head\">\r\n      <div class=\"yb-manuals-kicker\">Manuals & Downloads<\/div>\r\n      <h2>\r\n        Product Manuals<br>\r\n        <span>In Multiple Languages<\/span>\r\n      <\/h2>\r\n      <p>\r\n        Select a product category and download the available Yachtbeach manuals, setup instructions and technical documents in your preferred language.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"yb-manuals-tabs\">\r\n      <button class=\"yb-manual-tab active\" type=\"button\" data-tab=\"platforms\">Platforms<\/button>\r\n      <button class=\"yb-manual-tab\" type=\"button\" data-tab=\"pools\">Pools<\/button>\r\n      <button class=\"yb-manual-tab\" type=\"button\" data-tab=\"docks\">Jetski & Toy Docks<\/button>\r\n      <button class=\"yb-manual-tab\" type=\"button\" data-tab=\"pavilions\">Pavilions<\/button>\r\n      <button class=\"yb-manual-tab\" type=\"button\" data-tab=\"furniture\">Furniture<\/button>\r\n      <button class=\"yb-manual-tab\" type=\"button\" data-tab=\"slides\">Slides<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"yb-manuals-panels\">\r\n\r\n      <div class=\"yb-manual-panel active\" data-panel=\"platforms\">\r\n\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Platforms<\/span>\r\n            <h3>Platform Premium Teak Manual<\/h3>\r\n            <p>Covers all Premium Teak platform models including 2.05, 3.08, 4.10, 6.16 and 8.20.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n            <a href=\"#\" target=\"_blank\">FR<\/a>\r\n            <a href=\"#\" target=\"_blank\">ES<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Platforms<\/span>\r\n            <h3>Platform HEX Manual<\/h3>\r\n            <p>Covers HEX Party Zone, HEX Lounge Setup, HEX Beachclub and all related HEX platform products.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n            <a href=\"#\" target=\"_blank\">FR<\/a>\r\n            <a href=\"#\" target=\"_blank\">ES<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Platforms<\/span>\r\n            <h3>Platform Square Manual<\/h3>\r\n            <p>Covers Square platform systems, Beachclub configurations and modular square setups.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n            <a href=\"#\" target=\"_blank\">FR<\/a>\r\n            <a href=\"#\" target=\"_blank\">ES<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"yb-manual-panel\" data-panel=\"pools\">\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Pools<\/span>\r\n            <h3>Yachtbeach Pool Manual<\/h3>\r\n            <p>Setup, use, maintenance and safety instructions for Yachtbeach luxury pools.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n            <a href=\"#\" target=\"_blank\">FR<\/a>\r\n            <a href=\"#\" target=\"_blank\">ES<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-manual-panel\" data-panel=\"docks\">\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Jetski & Toy Docks<\/span>\r\n            <h3>Dock Manual<\/h3>\r\n            <p>Setup and docking instructions for jet skis, toy docks, foil boards and watersport equipment.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-manual-panel\" data-panel=\"pavilions\">\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Pavilions<\/span>\r\n            <h3>Pavilion Manual<\/h3>\r\n            <p>Assembly, setup and care instructions for Yachtbeach pavilion systems.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-manual-panel\" data-panel=\"furniture\">\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Furniture<\/span>\r\n            <h3>Furniture Manual<\/h3>\r\n            <p>Setup and care information for Yachtbeach air furniture, loungers and relaxation products.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"yb-manual-panel\" data-panel=\"slides\">\r\n        <div class=\"yb-manual-card\">\r\n          <div class=\"yb-manual-file-icon\">PDF<\/div>\r\n          <div class=\"yb-manual-info\">\r\n            <span>Slides<\/span>\r\n            <h3>Yachtslide Manual<\/h3>\r\n            <p>Setup, installation and safety instructions for Yachtbeach slide systems.<\/p>\r\n          <\/div>\r\n          <div class=\"yb-manual-links\">\r\n            <a href=\"#\" target=\"_blank\">EN<\/a>\r\n            <a href=\"#\" target=\"_blank\">DE<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.yb-manuals-section {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  padding: 140px 28px;\r\n  background:\r\n    radial-gradient(circle at top right, rgba(0,151,169,.10), transparent 34%),\r\n    radial-gradient(circle at bottom left, rgba(176,141,87,.12), transparent 34%),\r\n    linear-gradient(180deg, #ffffff 0%, #f7fafb 100%);\r\n  font-family: Montserrat, Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n.yb-manuals-inner {\r\n  max-width: 1380px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.yb-manuals-head {\r\n  max-width: 880px;\r\n  margin-bottom: 54px;\r\n}\r\n\r\n.yb-manuals-kicker {\r\n  display: inline-block;\r\n  margin-bottom: 22px;\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(0,151,169,.08);\r\n  border: 1px solid rgba(0,151,169,.14);\r\n  color: #0097a9;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-manuals-head h2 {\r\n  margin: 0 0 26px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: clamp(42px, 5vw, 74px);\r\n  line-height: .95;\r\n  letter-spacing: .02em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-manuals-head h2 span {\r\n  color: #b08d57;\r\n}\r\n\r\n.yb-manuals-head p {\r\n  margin: 0;\r\n  color: #5c6a72;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n}\r\n\r\n.yb-manuals-tabs {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n.yb-manual-tab {\r\n  padding: 14px 22px;\r\n  border-radius: 999px;\r\n  border: 1px solid rgba(8,18,24,.10);\r\n  background: #fff;\r\n  color: #081218;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: .12em;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-manual-tab:hover,\r\n.yb-manual-tab.active {\r\n  background: #081218;\r\n  color: #fff;\r\n  border-color: #081218;\r\n}\r\n\r\n.yb-manual-panel {\r\n  display: none;\r\n}\r\n\r\n.yb-manual-panel.active {\r\n  display: grid;\r\n  gap: 22px;\r\n}\r\n\r\n.yb-manual-card {\r\n  display: grid;\r\n  grid-template-columns: 92px 1fr auto;\r\n  gap: 30px;\r\n  align-items: center;\r\n  padding: 34px;\r\n  border-radius: 30px;\r\n  background: rgba(255,255,255,.86);\r\n  border: 1px solid rgba(8,18,24,.08);\r\n  box-shadow: 0 24px 70px rgba(8,18,24,.07);\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-manual-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 32px 85px rgba(8,18,24,.12);\r\n}\r\n\r\n.yb-manual-file-icon {\r\n  width: 76px;\r\n  height: 92px;\r\n  border-radius: 18px;\r\n  background: linear-gradient(180deg, rgba(8,18,24,.96), rgba(8,18,24,.82));\r\n  border: 1px solid rgba(176,141,87,.28);\r\n  color: #b08d57;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 23px;\r\n  font-weight: 700;\r\n  letter-spacing: .08em;\r\n  box-shadow: 0 20px 50px rgba(8,18,24,.16);\r\n}\r\n\r\n.yb-manual-info span {\r\n  display: block;\r\n  margin-bottom: 12px;\r\n  color: #0097a9;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-manual-info h3 {\r\n  margin: 0 0 12px;\r\n  color: #081218;\r\n  font-family: \"Roboto Condensed\", Arial, sans-serif;\r\n  font-size: 34px;\r\n  line-height: 1;\r\n  letter-spacing: .03em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.yb-manual-info p {\r\n  margin: 0;\r\n  max-width: 700px;\r\n  color: #66757d;\r\n  font-size: 14px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.yb-manual-links {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n  justify-content: flex-end;\r\n  min-width: 220px;\r\n}\r\n\r\n.yb-manual-links a {\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  background: rgba(0,151,169,.08);\r\n  border: 1px solid rgba(0,151,169,.16);\r\n  color: #0097a9 !important;\r\n  text-decoration: none !important;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: .08em;\r\n  transition: .3s ease;\r\n}\r\n\r\n.yb-manual-links a:hover {\r\n  background: #b08d57;\r\n  border-color: #b08d57;\r\n  color: #fff !important;\r\n}\r\n\r\n@media(max-width:980px) {\r\n  .yb-manual-card {\r\n    grid-template-columns: 76px 1fr;\r\n  }\r\n\r\n  .yb-manual-links {\r\n    grid-column: 2;\r\n    justify-content: flex-start;\r\n    min-width: unset;\r\n  }\r\n}\r\n\r\n@media(max-width:760px) {\r\n  .yb-manuals-section {\r\n    padding: 90px 20px;\r\n  }\r\n\r\n  .yb-manuals-head h2 {\r\n    font-size: clamp(36px, 11vw, 48px);\r\n  }\r\n\r\n  .yb-manual-tab {\r\n    width: 100%;\r\n  }\r\n\r\n  .yb-manual-card {\r\n    grid-template-columns: 1fr;\r\n    padding: 26px;\r\n  }\r\n\r\n  .yb-manual-file-icon {\r\n    width: 68px;\r\n    height: 82px;\r\n  }\r\n\r\n  .yb-manual-links {\r\n    grid-column: auto;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  function initYachtbeachManualTabs() {\r\n    const sections = document.querySelectorAll(\".yb-manuals-section\");\r\n\r\n    sections.forEach(function(section) {\r\n      if (section.dataset.manualTabsInitialized === \"true\") return;\r\n      section.dataset.manualTabsInitialized = \"true\";\r\n\r\n      const tabs = section.querySelectorAll(\".yb-manual-tab\");\r\n      const panels = section.querySelectorAll(\".yb-manual-panel\");\r\n\r\n      tabs.forEach(function(tab) {\r\n        tab.addEventListener(\"click\", function() {\r\n          const target = tab.getAttribute(\"data-tab\");\r\n\r\n          tabs.forEach(function(item) {\r\n            item.classList.remove(\"active\");\r\n          });\r\n\r\n          panels.forEach(function(panel) {\r\n            panel.classList.remove(\"active\");\r\n          });\r\n\r\n          tab.classList.add(\"active\");\r\n\r\n          const activePanel = section.querySelector('[data-panel=\"' + target + '\"]');\r\n\r\n          if (activePanel) {\r\n            activePanel.classList.add(\"active\");\r\n          }\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initYachtbeachManualTabs);\r\n  } else {\r\n    initYachtbeachManualTabs();\r\n  }\r\n})();\r\n<\/script>\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>Support &#038; Knowledge Center How To Guides &#038; Manuals Find video tutorials, installation guides and downloadable manuals for all Yachtbeach products. Everything you need to set up, connect and enjoy your Yachtbeach experience. Watch Tutorials Download Manuals Knowledge Center Everything You Need To Get Started Find setup videos, installation guides and multilingual product manuals for [&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":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"class_list":["post-18510","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/18510","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=18510"}],"version-history":[{"count":10,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/18510\/revisions"}],"predecessor-version":[{"id":21529,"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/pages\/18510\/revisions\/21529"}],"wp:attachment":[{"href":"https:\/\/theyachtbeach.com\/de\/wp-json\/wp\/v2\/media?parent=18510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}