{"id":57,"date":"2025-12-03T11:17:04","date_gmt":"2025-12-03T10:17:04","guid":{"rendered":"https:\/\/www.hyrenskeppare.se\/yacht-transport"},"modified":"2025-12-06T18:15:05","modified_gmt":"2025-12-06T17:15:05","slug":"yacht-transport","status":"publish","type":"page","link":"https:\/\/www.hyrenskeppare.se\/en\/yacht-transport","title":{"rendered":"Yacht transport"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57 elementor-23\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ce8ede e-con-full e-flex e-con e-parent\" data-id=\"4ce8ede\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71b1f0e elementor-widget elementor-widget-heading\" data-id=\"71b1f0e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Boat Transport - All the Way Through<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb33aac e-flex e-con-boxed e-con e-parent\" data-id=\"eb33aac\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14e60a4 elementor-widget elementor-widget-text-editor\" data-id=\"14e60a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"4,1,1,1,1,0,0\">Need to move a boat from one harbor to another? We conduct transports throughout Europe &#8211; from the Mediterranean to the Nordic countries. <\/p><p data-path-to-node=\"4,1,1,1,1,0,1\">Unlike regular sailing, transport is about logistics. Our skippers hold Master Unlimited certification, and we plan each route for minimal wear and maximum safety. You can track your boat digitally throughout the journey.  <\/p><p data-path-to-node=\"4,1,1,1,1,0,1\">\u2705 Fully insured,<\/p><p data-path-to-node=\"4,1,1,1,1,0,1\">\u2705 Certified crew<\/p><p data-path-to-node=\"4,1,1,1,1,0,1\">\u2705 Technical inspection<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3347de7 elementor-widget elementor-widget-heading\" data-id=\"3347de7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Logistics &amp; Precision - All the Way Through<\/h1>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-066f16b e-flex e-con-boxed e-con e-parent\" data-id=\"066f16b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-340240f elementor-widget elementor-widget-html\" data-id=\"340240f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n   DESIGN & LAYOUT (CSS) \r\n   Optimerad f\u00f6r Responsivitet, UX och \"Clean Look\"\r\n-->\r\n<style>\r\n  \/* --- Huvudboxen (Wrapper) --- *\/\r\n  .hes-wrapper {\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    max-width: 750px;\r\n    margin: 0 auto;\r\n    background: #ffffff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 60px rgba(0,0,0,0.08);\r\n    overflow: hidden;\r\n    color: #1a2b3c;\r\n    border: 1px solid #f0f0f0;\r\n  }\r\n\r\n  \/* --- Del 1: Kalkylatorn --- *\/\r\n  .hes-calc-section {\r\n    padding: 40px 50px;\r\n    border-left: 6px solid #f2295b;\r\n    background: linear-gradient(to bottom right, #ffffff, #fafbfc);\r\n    border-bottom: 1px solid #eee;\r\n  }\r\n\r\n  .hes-section-title {\r\n    margin-top: 0;\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    color: #0a192f;\r\n    margin-bottom: 10px;\r\n  }\r\n  \r\n  .hes-subtitle {\r\n    font-size: 14px;\r\n    color: #666;\r\n    margin-bottom: 30px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Slider & Inputs *\/\r\n  .hes-label {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: #8898aa;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n    letter-spacing: 0.5px;\r\n  }\r\n  \r\n  .hes-slider-container { margin-bottom: 35px; }\r\n  \r\n  input[type=range].hes-slider {\r\n    -webkit-appearance: none; width: 100%; background: transparent;\r\n  }\r\n  input[type=range].hes-slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none; \r\n    height: 32px; width: 32px;\r\n    border-radius: 50%; background: #f2295b; cursor: pointer;\r\n    margin-top: -12px; box-shadow: 0 4px 10px rgba(0,0,0,0.3);\r\n    border: 4px solid #fff; transition: transform 0.2s;\r\n  }\r\n  input[type=range].hes-slider::-webkit-slider-thumb:hover { transform: scale(1.1); }\r\n  input[type=range].hes-slider::-webkit-slider-runnable-track {\r\n    width: 100%; height: 8px; background: #d1d5db; border-radius: 4px;\r\n  }\r\n\r\n  .hes-val-display {\r\n    text-align: right; font-weight: 800; color: #f2295b; margin-top: 10px; font-size: 18px;\r\n  }\r\n\r\n  \/* Radio Knappar *\/\r\n  .hes-radio-group { display: flex; gap: 15px; margin-bottom: 35px; }\r\n  .hes-radio-opt { flex: 1; position: relative; }\r\n  .hes-radio-opt input { position: absolute; opacity: 0; cursor: pointer; height: 100%; width: 100%; z-index: 2; }\r\n  .hes-radio-btn {\r\n    display: block; text-align: center; background: #f8f9fa;\r\n    padding: 16px; border-radius: 8px; border: 2px solid #e9ecef;\r\n    cursor: pointer; font-weight: 700; transition: all 0.3s; color: #555;\r\n  }\r\n  .hes-radio-opt input:checked + .hes-radio-btn {\r\n    background: #0a192f; color: #fff; border-color: #0a192f;\r\n    box-shadow: 0 5px 15px rgba(10, 25, 47, 0.2);\r\n  }\r\n\r\n  \/* Resultat Box *\/\r\n  .hes-result-box {\r\n    background: #fdfdfe; border: 2px dashed #e0e6ed;\r\n    padding: 30px; border-radius: 8px; text-align: center; position: relative;\r\n  }\r\n  .hes-price-txt {\r\n    font-size: 38px; font-weight: 800; color: #0a192f; display: block; margin: 10px 0; line-height: 1;\r\n  }\r\n  .hes-info-txt {\r\n    font-size: 14px; color: #666; margin-bottom: 25px; display: block; line-height: 1.5;\r\n  }\r\n  \r\n  .hes-scroll-btn {\r\n    display: inline-block; width: 100%; background: #f2295b; color: white;\r\n    text-align: center; padding: 18px; text-decoration: none; font-weight: 700;\r\n    text-transform: uppercase; border-radius: 6px; transition: all 0.3s;\r\n    border: none; cursor: pointer; box-sizing: border-box; font-size: 15px;\r\n    letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(242, 41, 91, 0.3);\r\n  }\r\n  .hes-scroll-btn:hover { background: #d61c4a; transform: translateY(-2px); }\r\n\r\n\r\n  \/* --- Del 2: Brevo Formul\u00e4r Styling --- *\/\r\n  \r\n  .hes-form-section {\r\n    background-color: #f8f9fa;\r\n    padding: 40px 50px;\r\n    border-top: 1px solid #e9ecef;\r\n  }\r\n\r\n  #sib-form { display: flex; flex-wrap: wrap; gap: 20px; }\r\n  #sib-form > div { flex: 1 1 calc(50% - 20px); min-width: 250px; padding: 0 !important; }\r\n  \r\n  #sib-container { background-color: transparent !important; border: none !important; max-width: 100% !important; padding: 0 !important; }\r\n  .sib-form { background-color: transparent !important; padding: 0 !important; }\r\n\r\n  \/* Inputs *\/\r\n  #sib-container input.input, #sib-container select.input, #sib-container textarea {\r\n    border: 1px solid #dae1e7 !important; border-radius: 6px !important;\r\n    padding: 16px !important; font-size: 15px !important;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;\r\n    background-color: #fff !important; box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;\r\n    width: 100% !important; box-sizing: border-box !important;\r\n  }\r\n  #sib-container input.input:focus, #sib-container select.input:focus, #sib-container textarea:focus {\r\n    border-color: #0a192f !important; outline: none !important;\r\n    box-shadow: 0 0 0 3px rgba(10, 25, 47, 0.1) !important;\r\n  }\r\n\r\n  .entry__label {\r\n    font-size: 11px !important; font-weight: 700 !important;\r\n    text-transform: uppercase !important; color: #8898aa !important;\r\n    margin-bottom: 8px !important; text-align: left !important; letter-spacing: 0.5px;\r\n  }\r\n\r\n  \/* Knappen *\/\r\n  .sib-form-block__button {\r\n    background-color: #0a192f !important; border-radius: 6px !important;\r\n    font-weight: 700 !important; text-transform: uppercase !important;\r\n    padding: 20px !important; width: 100% !important; font-size: 16px !important;\r\n    border: none !important; cursor: pointer !important; transition: all 0.3s !important;\r\n    color: #fff !important; margin-top: 15px !important; letter-spacing: 1px;\r\n  }\r\n  .sib-form-block__button:hover {\r\n    background-color: #f2295b !important; transform: translateY(-2px);\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .sib-form-block p { display: none; }\r\n  .sib-sms-input-wrapper { display: flex !important; gap: 10px !important; }\r\n  .sib-sms-input-wrapper .entry__field:first-child { flex: 0 0 100px !important; }\r\n  .sib-sms-input-wrapper .entry__field:last-child { flex: 1 !important; }\r\n  .sib-sms-tooltip { display: none !important; }\r\n  .entry__specification { font-size: 11px !important; color: #888 !important; margin-top: 4px !important; }\r\n\r\n  \/* --- Snyggare Bekr\u00e4ftelsesida (Custom Success View) --- *\/\r\n  \r\n  \/* G\u00f6m Brevos standardmeddelanden s\u00e5 de inte st\u00f6r *\/\r\n  #success-message {\r\n    visibility: hidden;\r\n    height: 0;\r\n    overflow: hidden;\r\n    margin: 0; padding: 0;\r\n  }\r\n\r\n  \/* V\u00e5r egna snygga success-kort *\/\r\n  #hes-custom-success {\r\n    display: none; \/* Dold tills scriptet aktiverar den *\/\r\n    background: #ffffff;\r\n    border: 2px solid #13ce66;\r\n    border-radius: 8px;\r\n    padding: 40px;\r\n    text-align: center;\r\n    margin-top: 20px;\r\n    animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n  \r\n  @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n  .hes-success-icon {\r\n    width: 60px; height: 60px; margin-bottom: 20px; fill: #13ce66;\r\n  }\r\n  .hes-success-title {\r\n    font-size: 24px; font-weight: 800; color: #0a192f; margin-bottom: 10px;\r\n  }\r\n  .hes-success-text {\r\n    font-size: 16px; color: #555; margin-bottom: 30px; line-height: 1.5;\r\n  }\r\n  \r\n  .hes-info-box {\r\n    background: #f8f9fa; border-radius: 6px; padding: 20px; text-align: left;\r\n    border-left: 4px solid #0a192f; margin-top: 20px;\r\n  }\r\n  .hes-info-item {\r\n    margin-bottom: 10px; font-size: 14px; color: #333; display: flex; align-items: flex-start;\r\n  }\r\n  .hes-info-item:last-child { margin-bottom: 0; }\r\n  .hes-check { color: #13ce66; margin-right: 10px; font-weight: bold; }\r\n  .hes-cross { color: #f2295b; margin-right: 10px; font-weight: bold; }\r\n  \r\n  #error-message {\r\n    border: 1px solid #ff4949 !important; background-color: #ffeded !important;\r\n    color: #661d1d !important; padding: 15px !important; border-radius: 6px !important;\r\n  }\r\n\r\n  \/* Mobilanpassning *\/\r\n  @media (max-width: 600px) {\r\n    .hes-wrapper { margin: 0; border-radius: 0; box-shadow: none; border: none; }\r\n    .hes-calc-section, .hes-form-section { padding: 30px 20px; }\r\n    .hes-price-txt { font-size: 32px; }\r\n    #sib-form > div { flex: 1 1 100%; }\r\n    .hes-radio-btn { padding: 18px; }\r\n    #sib-container input.input { padding: 18px !important; font-size: 16px !important; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- \r\n   HTML STRUKTUR\r\n-->\r\n<div class=\"hes-wrapper\">\r\n\r\n  <!-- SEKTION 1: KALKYLATOR -->\r\n  <div class=\"hes-calc-section\">\r\n    <h2 class=\"hes-section-title\">Transport Calculator<\/h2>\r\n    <p class=\"hes-subtitle\">Calculate an estimated price for transport in Sweden &amp; the Nordic countries.<\/p>\r\n    \r\n    <div class=\"hes-slider-container\">\r\n      <label class=\"hes-label\">Distance (Nautical Miles)<\/label>\r\n      <input type=\"range\" min=\"20\" max=\"2500\" value=\"100\" step=\"10\" class=\"hes-slider\" id=\"v3Dist\" oninput=\"calculateV3()\">\r\n      <div class=\"hes-val-display\"><span id=\"v3DistVal\">100<\/span> M<\/div>\r\n    <\/div>\r\n\r\n    <label class=\"hes-label\">Select Boat Type<\/label>\r\n    <div class=\"hes-radio-group\">\r\n       <label class=\"hes-radio-opt\">\r\n        <input type=\"radio\" name=\"v3Type\" value=\"motor\" checked onchange=\"calculateV3()\">\r\n        <span class=\"hes-radio-btn\">Motor Boat<\/span>\r\n      <\/label>\r\n      <label class=\"hes-radio-opt\">\r\n        <input type=\"radio\" name=\"v3Type\" value=\"segel\" onchange=\"calculateV3()\">\r\n        <span class=\"hes-radio-btn\">Sailboat<\/span>\r\n      <\/label> \r\n    <\/div>\r\n\r\n    <div class=\"hes-result-box\">\r\n      <span style=\"font-size:11px; text-transform:uppercase; color:#8898aa; letter-spacing:1px; font-weight:700;\">Estimated price range<\/span>\r\n      <span class=\"hes-price-txt\" id=\"v3Price\">...<\/span>\r\n      <span class=\"hes-info-txt\" id=\"v3Info\">...<\/span>\r\n      <a href=\"#brevo-start\" class=\"hes-scroll-btn\" onclick=\"document.getElementById('brevo-start').scrollIntoView({behavior: 'smooth'}); return false;\">\r\n Proceed to booking\r\n      <\/a> \r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SEKTION 2: BREVO FORMUL\u00c4R -->\r\n  <div id=\"brevo-start\" class=\"hes-form-section\">\r\n    <h3 class=\"hes-section-title\">Complete your inquiry<\/h3>\r\n    <p class=\"hes-subtitle\" style=\"margin-bottom: 30px;\">Fill in your details below and we will respond with a precise quote and timeline.<\/p>\r\n    \r\n    <!-- Begin Brevo Form -->\r\n    <style>\r\n      @font-face { font-display: block; font-family: Roboto; src: url(https:\/\/assets.brevo.com\/font\/Roboto\/Latin\/normal\/normal\/7529907e9eaf8ebb5220c5f9850e3811.woff2) format(\"woff2\"), url(https:\/\/assets.brevo.com\/font\/Roboto\/Latin\/normal\/normal\/25c678feafdc175a70922a116c9be3e7.woff) format(\"woff\") }\r\n      @font-face { font-display: fallback; font-family: Roboto; font-weight: 600; src: url(https:\/\/assets.brevo.com\/font\/Roboto\/Latin\/medium\/normal\/6e9caeeafb1f3491be3e32744bc30440.woff2) format(\"woff2\"); }\r\n      @font-face { font-display: fallback; font-family: Roboto; font-weight: 700; src: url(https:\/\/assets.brevo.com\/font\/Roboto\/Latin\/bold\/normal\/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format(\"woff2\"); }\r\n      #sib-container input:-ms-input-placeholder { text-align: left; color: #c0ccda; }\r\n      #sib-container input::placeholder { text-align: left; color: #c0ccda; }\r\n    <\/style>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/sibforms.com\/forms\/end-form\/build\/sib-styles.css\">\r\n    \r\n    <div class=\"sib-form\" style=\"text-align: center; background-color: transparent;\">\r\n      <div id=\"sib-form-container\" class=\"sib-form-container\">\r\n        \r\n        <!-- ERROR MESSAGE -->\r\n        <div id=\"error-message\" class=\"sib-form-message-panel\" style=\"display:none;\">\r\n          <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\r\n            <span class=\"sib-form-message-panel__inner-text\">\r\n  Something went wrong. Please verify that all fields are filled in correctly. \r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- BREVOS STANDARD SUCCESS (G\u00f6mmer denna men anv\u00e4nder den som trigger) -->\r\n        <div id=\"success-message\" class=\"sib-form-message-panel\">\r\n           <div class=\"sib-form-message-panel__text sib-form-message-panel__text--center\">\r\n             <span class=\"sib-form-message-panel__inner-text\">\r\n  Your subscription has been successful.\r\n             <\/span>\r\n           <\/div>\r\n        <\/div>\r\n\r\n        <!-- V\u00c5R EGEN SNYGGA SUCCESS VIEW (Visas via JS) -->\r\n        <div id=\"hes-custom-success\">\r\n           <div class=\"hes-success-card\">\r\n              <!-- Check Ikon -->\r\n              <svg class=\"hes-success-icon\" viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm-1.25 17.292l-4.5-4.5 1.762-1.766 2.738 2.734 7.238-7.238 1.762 1.766-9 9z\"\/>\r\n              <\/svg>\r\n              \r\n              <div class=\"hes-success-title\">Thank you for your inquiry!<\/div>\r\n              <p class=\"hes-success-text\">\r\n  We have received your information and will normally respond with a detailed quote and schedule within <strong>24 hours<\/strong>.\r\n              <\/p>\r\n\r\n              <div class=\"hes-info-box\">\r\n                <div class=\"hes-info-item\">\r\n                  <span class=\"hes-check\">\u2713<\/span> \r\n                  <div><strong>Included:<\/strong> Meals and travel to\/from the transport for the crew.<\/div>\r\n                <\/div>\r\n                <div class=\"hes-info-item\">\r\n                  <span class=\"hes-cross\">+<\/span> \r\n                  <div><strong>Additional costs:<\/strong> Harbor fees, fuel, and other operating expenses.<\/div>\r\n                <\/div>\r\n              <\/div>\r\n           <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"sib-container\" class=\"sib-container--large sib-container--vertical\" style=\"text-align:center; background-color:transparent; max-width:100%; direction:ltr\">\r\n          <form id=\"sib-form\" method=\"POST\" action=\"https:\/\/aeeffe46.sibforms.com\/serve\/MUIFAK5LP1c7fJM78kqqIsS-CBraJdXNp2xFHRY4NB7U9xnzfGWIAhGqT4Ou0YmgUScoY1VBSDT2ssnq0HaM3twZ6iWNBzF96bTZcb5RXifE0386zcFAbgO69714PHIFMmqhVgYDd6szJLVC6mNH4iJIr_XTho2VCLm7uB8POzXNwlXye49rmppnYLiqACHhh-8hF2Avq6rNBp8ucw==\" data-type=\"subscription\">\r\n            \r\n            <div style=\"padding: 8px 0; display:none;\">\r\n              <div class=\"sib-form-block\"><p>Newsletter<\/p><\/div>\r\n            <\/div>\r\n\r\n            <!-- F\u00d6RNAMN -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"FIRSTNAME\" data-required=\"*\">First name<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"FIRSTNAME\" name=\"FIRSTNAME\" autocomplete=\"given-name\" placeholder=\"Your first name\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- EFTERNAMN -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"LASTNAME\" data-required=\"*\">Last name<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"LASTNAME\" name=\"LASTNAME\" autocomplete=\"family-name\" placeholder=\"Your last name\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- E-POST -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"EMAIL\" data-required=\"*\">Email address<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" type=\"email\" id=\"EMAIL\" name=\"EMAIL\" autocomplete=\"email\" placeholder=\"name@example.com\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- AVG\u00c5NGSHAMN -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"HES_DEPARTURE_PORT\" data-required=\"*\">Departure port (City\/Country)<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"HES_DEPARTURE_PORT\" name=\"HES_DEPARTURE_PORT\" autocomplete=\"off\" placeholder=\"E.g., Gothenburg\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- ANKOMSTHAMN -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"HES_ARRIVAL_PORT\" data-required=\"*\">Arrival port<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"HES_ARRIVAL_PORT\" name=\"HES_ARRIVAL_PORT\" autocomplete=\"off\" placeholder=\"E.g., Stockholm\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- B\u00c5TMODELL -->\r\n            <div style=\"padding: 8px 0;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"HES_BOAT_TYPE\" data-required=\"*\">Boat model \/ Size<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"HES_BOAT_TYPE\" name=\"HES_BOAT_TYPE\" autocomplete=\"off\" placeholder=\"E.g., Hanse 458, 45 feet\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- MEDDELANDE & INFO -->\r\n            <div style=\"padding: 8px 0; width: 100%; flex: 1 1 100%;\">\r\n              <div class=\"sib-input sib-form-block\">\r\n                <div class=\"form__entry entry_block\">\r\n                  <div class=\"form__label-row \">\r\n                    <label class=\"entry__label\" for=\"HES_MESSAGE\" data-required=\"*\">Additional information (Date, Phone, etc.)<\/label>\r\n                    <div class=\"entry__field\">\r\n                      <input class=\"input\" maxlength=\"200\" type=\"text\" id=\"HES_MESSAGE\" name=\"HES_MESSAGE\" autocomplete=\"off\" placeholder=\"Please provide phone number, desired date, and any other relevant information...\" data-required=\"true\" required=\"\">\r\n                    <\/div>\r\n                  <\/div>\r\n                  <label class=\"entry__error entry__error--primary\" style=\"font-size:14px; text-align:left; color:#661d1d;\"><\/label>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- RECAPTCHA -->\r\n            <div style=\"padding: 8px 0; width: 100%; flex: 1 1 100%;\">\r\n              <div class=\"g-recaptcha\" data-sitekey=\"6LftESMsAAAAAF5UhArlbk8Q43saaKQ-SV9_1bnI\" data-callback=\"invisibleCaptchaCallback\" data-size=\"invisible\" onclick=\"executeCaptcha\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- KNAPP -->\r\n            <div style=\"padding: 8px 0; width: 100%; flex: 1 1 100%;\">\r\n              <div class=\"sib-form-block\" style=\"text-align: left\">\r\n                <button class=\"sib-form-block__button sib-form-block__button-with-loader\" form=\"sib-form\" type=\"submit\">\r\n                  <svg class=\"icon clickable__icon progress-indicator__icon sib-hide-loader-icon\" viewbox=\"0 0 512 512\">\r\n                    <path d=\"M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z\"\/>\r\n                  <\/svg>\r\n  SEND INQUIRY FREE OF CHARGE\r\n                <\/button>\r\n                <p style=\"font-size:12px; color:#8898aa; text-align:center; margin-top:10px !important; display:block !important; font-weight:400 !important;\">\r\n  Non-binding. We usually respond within 24h. \r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <input type=\"text\" name=\"email_address_check\" value=\"\" class=\"input--hidden\">\r\n            <input type=\"hidden\" name=\"locale\" value=\"en\">\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <!-- END Brevo Form -->\r\n\r\n    <script>\r\n      window.REQUIRED_CODE_ERROR_MESSAGE = 'V\u00e4lj en landskod';\r\n      window.LOCALE = 'en';\r\n      window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = \"Informationen \u00e4r ogiltig. Kontrollera formatet.\";\r\n      window.REQUIRED_ERROR_MESSAGE = \"Detta f\u00e4lt \u00e4r obligatoriskt.\";\r\n      window.GENERIC_INVALID_MESSAGE = \"Informationen \u00e4r ogiltig.\";\r\n      window.INVALID_DATE = \"Ange ett giltigt datum\";\r\n\r\n      window.translation = {\r\n        common: {\r\n          selectedList: '{quantity} lista vald',\r\n          selectedLists: '{quantity} listor valda',\r\n          selectedOption: '{quantity} vald',\r\n          selectedOptions: '{quantity} valda',\r\n        }\r\n      };\r\n\r\n      var AUTOHIDE = Boolean(0);\r\n    <\/script>\r\n\r\n    <script src=\"https:\/\/sibforms.com\/forms\/end-form\/build\/main.js\"><\/script>\r\n    <script src=\"https:\/\/www.google.com\/recaptcha\/api.js?hl=sv\"><\/script>\r\n    \r\n    <!-- VAKTHUND SCRIPT F\u00d6R SUCCESS-MESSAGE -->\r\n    <script>\r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ Skapa en observer som kollar efter \u00e4ndringar i Brevos success-meddelande\r\n        const observer = new MutationObserver(function(mutations) {\r\n            mutations.forEach(function(mutation) {\r\n                \/\/ Hitta Brevos success-ruta\r\n                const successMsg = document.getElementById('success-message');\r\n                \/\/ Hitta Brevos formul\u00e4r-container (som normalt d\u00f6ljs)\r\n                const formContainer = document.getElementById('sib-container');\r\n                \r\n                \/\/ Om success-rutan blir synlig (Brevos script s\u00e4tter display:block)\r\n                if (successMsg && window.getComputedStyle(successMsg).display !== 'none' && window.getComputedStyle(successMsg).visibility !== 'hidden') {\r\n                    \r\n                    \/\/ 1. D\u00f6lj Brevos tr\u00e5kiga success-ruta direkt\r\n                    successMsg.style.display = 'none';\r\n                    successMsg.style.visibility = 'hidden';\r\n                    \r\n                    \/\/ 2. D\u00f6lj hela formul\u00e4ret om Brevo missade det (dubbelkoll)\r\n                    if(formContainer) formContainer.style.display = 'none';\r\n                    \r\n                    \/\/ 3. Visa v\u00e5r snygga custom success ruta\r\n                    const customSuccess = document.getElementById('hes-custom-success');\r\n                    if(customSuccess) {\r\n                        customSuccess.style.display = 'block';\r\n                        \/\/ Scrolla till toppen av sektionen s\u00e5 kunden ser bekr\u00e4ftelsen\r\n                        customSuccess.scrollIntoView({behavior: 'smooth', block: 'center'});\r\n                    }\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Starta \u00f6vervakningen p\u00e5 container-niv\u00e5 f\u00f6r att f\u00e5nga alla \u00e4ndringar\r\n        const targetNode = document.getElementById('sib-form-container');\r\n        if (targetNode) {\r\n            observer.observe(targetNode, { attributes: true, childList: true, subtree: true });\r\n        }\r\n      });\r\n    <\/script>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- \r\n   LOGIK (Javascript f\u00f6r Kalkylatorn)\r\n-->\r\n<script>\r\nfunction calculateV3() {\r\n  const dist = parseInt(document.getElementById('v3Dist').value);\r\n  const type = document.querySelector('input[name=\"v3Type\"]:checked').value;\r\n  document.getElementById('v3DistVal').innerText = dist;\r\n\r\n  const feePerPerson = 4000;  \r\n  let startFee = (dist < 150) ? 3000 : 5000;\r\n  let crew = 1;\r\n  let totalCost = 0;\r\n  let totalDays = 0;\r\n\r\n  if (type === 'segel') {\r\n    let avgSpeed = 6;\r\n    if (dist < 150) {\r\n      crew = 1;\r\n      let hoursPerDay = 12;\r\n      let milesPerDay = avgSpeed * hoursPerDay;\r\n      let daysTransport = dist \/ milesPerDay;\r\n      totalDays = Math.ceil(daysTransport + 0.8);\r\n    } else {\r\n      crew = 2;\r\n      let hoursPerDay = 24;\r\n      let milesPerDay = avgSpeed * hoursPerDay;\r\n      let daysTransport = dist \/ milesPerDay;\r\n      totalDays = Math.ceil(daysTransport + 0.8);\r\n    }\r\n  } else {\r\n    \/\/ Motorb\u00e5t\r\n    let avgSpeed = 10;\r\n    let daysSolo = dist \/ (avgSpeed * 12);\r\n    let totalDaysCheck = Math.ceil(daysSolo + 0.5); \r\n    \r\n    if (totalDaysCheck <= 4) {\r\n      crew = 1;\r\n      let hoursPerDay = 12;\r\n      let milesPerDay = avgSpeed * hoursPerDay;\r\n      let daysTransport = dist \/ milesPerDay;\r\n      totalDays = Math.ceil(daysTransport + 0.8);\r\n    } else {\r\n      crew = 2;\r\n      let hoursPerDay = 20; \r\n      let milesPerDay = avgSpeed * hoursPerDay;\r\n      let daysTransport = dist \/ milesPerDay;\r\n      totalDays = Math.ceil(daysTransport + 0.8);\r\n    }\r\n  }\r\n\r\n  \/\/ Minimidebitering\r\n  if (totalDays < 2 && dist > 50) totalDays = 2;\r\n\r\n  totalCost = startFee + (totalDays * crew * feePerPerson);\r\n  \r\n  let min = Math.floor((totalCost * 0.95) \/ 1000) * 1000;\r\n  let max = Math.ceil((totalCost * 1.10) \/ 1000) * 1000;\r\n  let formatSEK = new Intl.NumberFormat('sv-SE').format;\r\n\r\n  document.getElementById('v3Price').innerText = formatSEK(min) + \" - \" + formatSEK(max) + \" kr\";\r\n  document.getElementById('v3Info').innerText = \"Ber\u00e4knad tid: ca \" + totalDays + \" dagar.\";\r\n}\r\ncalculateV3();\r\n<\/script>\t\t\t\t<\/div>\n\t\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>Boat Transport &#8211; All the Way Through Need to move a boat from one harbor to another? We conduct transports throughout Europe &#8211; from the Mediterranean to the Nordic countries. Unlike regular sailing, transport is about logistics. Our skippers hold Master Unlimited certification, and we plan each route for minimal wear and maximum safety. You [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":28,"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/pages\/57\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/www.hyrenskeppare.se\/en\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}