{"id":80541,"date":"2026-01-26T13:50:45","date_gmt":"2026-01-26T12:50:45","guid":{"rendered":"https:\/\/sailwithus.de\/discover\/travel-information\/"},"modified":"2026-10-07T15:18:16","modified_gmt":"2026-10-07T13:18:16","slug":"travel-information","status":"publish","type":"page","link":"https:\/\/sailwithus.de\/en\/discover\/travel-information\/","title":{"rendered":"Travel Information"},"content":{"rendered":"    <div class=\"swu-block-preview\" style=\"border: 2px dashed #1471eb; background: #f8fafc; padding: 18px 20px; border-radius: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\">\r\n        <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 16px;\">\r\n            <div style=\"display:flex; align-items:center; gap:8px; font-weight:600; font-size:16px; color:#0f172a;\">\r\n                <span style=\"display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#1471eb; color:#fff;\">\ud83d\udcf0<\/span>\r\n                <span>SWU Seitenkopf<\/span>\r\n            <\/div>\r\n            <span style=\"font-size:13px; color:#475569; background:#e2e8f0; border-radius:999px; padding:4px 12px;\">\r\n                Variante: Home Hero            <\/span>\r\n        <\/div>\r\n        <p style=\"margin: 8px 0 0; font-size:13px; color:#64748b;\">Detailiertes Layout wird im Frontend gerendert.<\/p>\r\n    <\/div>\r\n    \n\n    <div class=\"swu-block-preview\" style=\"border: 2px dashed #1471eb; background: #f8fafc; padding: 18px 20px; border-radius: 12px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\">\r\n        <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 16px;\">\r\n            <div style=\"display:flex; align-items:center; gap:8px; font-weight:600; font-size:16px; color:#0f172a;\">\r\n                <span style=\"display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#1471eb; color:#fff;\">\ud83d\udce6<\/span>\r\n                <span>SWU Content Boxes &amp; Info<\/span>\r\n            <\/div>\r\n            <span style=\"font-size:13px; color:#475569; background:#e2e8f0; border-radius:999px; padding:4px 12px;\">\r\n                Variant: Slider with Textbox            <\/span>\r\n        <\/div>\r\n                    <p style=\"margin: 12px 0 0; font-size:14px; font-weight:500; color:#1e293b;\">Deine Segelreise - darauf kannst Du Dich freuen:<\/p>\r\n                \r\n                    <div style=\"margin-top: 16px; display: flex; flex-direction: column; gap: 12px;\">\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 1                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Left \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Crew Contract                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 2                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Right \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Onboard Cash Box                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 3                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Left \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Money-Saving Tips                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 4                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Right \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Seasickness                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 5                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Left \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Recipe Ideas                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 6                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Right \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Sustainability Guide                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 7                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Left \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Day of Arrival                            <\/p>\r\n                                            <\/div>\r\n                                    <div style=\"border: 1px solid #cbd5e1; border-radius: 8px; padding: 12px; background: #ffffff; position: relative;\">\r\n                        <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;\">\r\n                            <span style=\"font-size: 11px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px;\">\r\n                                Row 8                            <\/span>\r\n                            <span style=\"font-size: 11px; color: #94a3b8; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;\">\r\n                                Image: Right \u2022 1 Image                            <\/span>\r\n                        <\/div>\r\n                                                    <p style=\"margin: 0; font-size: 13px; font-weight: 500; color: #1e293b;\">\r\n                                Life on Board                            <\/p>\r\n                                            <\/div>\r\n                            <\/div>\r\n            <\/div>\r\n    \n\n\n<!-- ANREISEINFORMATIONEN DESTINATIONEN - Custom HTML Block f\u00fcr WordPress -->\n<!-- Diesen Code als \"Custom HTML\" Block am Anfang der Seite einf\u00fcgen -->\n\n<style>\n.swu-destinations-section {\n    background: transparent;\n    padding: 40px 0;\n    margin: 0;\n    position: relative;\n}\n\n.swu-destinations-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 60px;\n    position: relative;\n}\n\n.swu-destinations-title {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n    font-size: clamp(1.8rem, 4vw, 2.5rem);\n    font-weight: 300;\n    text-align: center;\n    colour: #ffffff;\n    margin: 0 0 30px 0;\n    letter-spacing: -0.02em;\n}\n\n.swu-destinations-wrapper {\n    position: relative;\n    overflow: hidden;\n}\n\n.swu-destinations-scroll-wrapper {\n    overflow-x: auto;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    scroll-behavior: smooth;\n}\n\n.swu-destinations-scroll-wrapper::-webkit-scrollbar {\n    display: none;\n}\n\n.swu-destinations-grid {\n    display: flex;\n    gap: 16px;\n    padding-bottom: 10px;\n}\n\n.swu-destination-card {\n    background: rgba(22, 32, 49, 0.8);\n    backdrop-filter: blur(10px);\n    border-radius: 8px;\n    overflow: hidden;\n    min-width: 288px;\n    max-width: 288px;\n    flex-shrink: 0;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.swu-destination-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);\n    border-colour: rgba(255, 255, 255, 0.1);\n}\n\n.swu-destination-image-wrapper {\n    position: relative;\n    width: 100%;\n    height: 160px;\n    overflow: hidden;\n}\n\n.swu-destination-image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.swu-destination-card:hover .swu-destination-image {\n    transform: scale(1.06);\n}\n\n.swu-destination-content {\n    padding: 18px 16px 20px;\n    text-align: center;\n}\n\n.swu-destination-country {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n    font-size: 0.95rem;\n    font-weight: 600;\n    colour: #e8f1f8;\n    margin: 0 0 6px 0;\n    line-height: 1.3;\n}\n\n.swu-destination-city {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n    font-size: 1.2rem;\n    font-weight: 300;\n    colour: #a8c5db;\n    margin: 0 0 16px 0;\n    line-height: 1.3;\n    min-height: 1.5em;\n}\n\n.swu-destination-button {\n    display: inline-block;\n    background: linear-gradient(135deg, #0066cc 0%, #004c99 100%);\n    colour: #ffffff !important;\n    padding: 10px 20px;\n    text-decoration: none !important;\n    border-radius: 5px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    cursor: pointer;\n    box-shadow: 0 3px 10px rgba(0, 102, 204, 0.3);\n}\n\n.swu-destination-button:hover {\n    background: linear-gradient(135deg, #0077ee 0%, #0055bb 100%);\n    transform: translateY(-2px);\n    box-shadow: 0 5px 15px rgba(0, 102, 204, 0.4);\n    colour: #ffffff !important;\n    text-decoration: none !important;\n}\n\n\/* Navigation Arrows *\/\n.swu-nav-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(0, 102, 204, 0.9);\n    border: none;\n    colour: white;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    z-index: 10;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n}\n\n.swu-nav-arrow:hover {\n    background: rgba(0, 119, 238, 1);\n    transform: translateY(-50%) scale(1.1);\n}\n\n.swu-nav-arrow:active {\n    transform: translateY(-50%) scale(0.95);\n}\n\n.swu-nav-arrow.left {\n    left: 10px;\n}\n\n.swu-nav-arrow.right {\n    right: 10px;\n}\n\n.swu-nav-arrow:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n    .swu-destinations-section {\n        padding: 30px 0;\n    }\n    \n    .swu-destinations-container {\n        padding: 0 50px;\n    }\n    \n    .swu-destinations-title {\n        font-size: 1.5rem;\n        margin-bottom: 20px;\n    }\n    \n    .swu-destination-card {\n        min-width: 260px;\n        max-width: 260px;\n    }\n    \n    .swu-destination-image-wrapper {\n        height: 140px;\n    }\n    \n    .swu-destination-content {\n        padding: 14px 12px 16px;\n    }\n    \n    .swu-nav-arrow {\n        width: 35px;\n        height: 35px;\n        font-size: 18px;\n    }\n}\n\n\/* Animation beim Laden *\/\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n.swu-destination-card {\n    animation: fadeIn 0.5s ease-out forwards;\n}\n<\/style>\n\n<div class=\"swu-destinations-section\">\n    <div class=\"swu-destinations-container\">\n        <h2 class=\"swu-destinations-title\">Travel Information<\/h2>\n        \n        <div class=\"swu-destinations-wrapper\">\n            <button class=\"swu-nav-arrow left\" onclick=\"scrollDestinations(-1)\" id=\"leftArrow\">\n                 \u2039\n            <\/button>\n            \n            <div class=\"swu-destinations-scroll-wrapper\" id=\"destinationsScroll\">\n                <div class=\"swu-destinations-grid\">\n                    <!-- Kroatien - Pula -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2023\/12\/SWU_Kroatien_0722_SHAOLINTRAN_00031_high-res-2.jpg\" alt=\"Pula, Croatia\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Croatia<\/h3>\n                            <p class=\"swu-destination-city\">Pula<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information-pula\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Kroatien - Trogir -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2023\/10\/Kroatien-Drohnenshots-zwei-Yachten.webp\" alt=\"Trogir, Croatia\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Croatia<\/h3>\n                            <p class=\"swu-destination-city\">Trogir<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information-trogir\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Griechenland - Athen -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/peloponnes1-scaled.jpg\" alt=\"Athens, Greece\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Greece<\/h3>\n                            <p class=\"swu-destination-city\">Athens<\/p>\n                            <a href=\"\/en\/?page_id=79799\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Griechenland - Korfu -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/korfu1-scaled.jpg\" alt=\"Corfu, Greece\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Greece<\/h3>\n                            <p class=\"swu-destination-city\">Corfu<\/p>\n                            <a href=\"\/en\/?page_id=79799\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Griechenland - Kykladen -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/kykladen5-1-scaled.jpg\" alt=\"Cyclades, Greece\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Greece<\/h3>\n                            <p class=\"swu-destination-city\">Cyclades<\/p>\n                            <a href=\"\/en\/?page_id=79799\" class=\"swu-destination-button\">\n                               For more information, visit\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Italien - Amalfik\u00fcste -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/amalfi11-scaled.jpg\" alt=\"Amalfi Coast, Italy\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Italy<\/h3>\n                            <p class=\"swu-destination-city\">Amalfi Coast<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information-italy\/\" class=\"swu-destination-button\">\n                               For more information, visit\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Italien - Sardinien -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/sardinien2-scaled.jpg\" alt=\"Sardinia, Italy\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Italy<\/h3>\n                            <p class=\"swu-destination-city\">Sardinia<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information-italy\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Spanien -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/SKS_Fotos-5.jpg\" alt=\"Spain\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Spain<\/h3>\n                            <p class=\"swu-destination-city\">Balearic Islands<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/entdecke\/anreiseinformationen-spanien\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- Frankreich -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2024\/07\/France-4-von-64.jpg\" alt=\"C\u00f4te d'Azur, France\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">France<\/h3>\n                            <p class=\"swu-destination-city\">C\u00f4te d'Azur<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information-france\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n\n                    <!-- T\u00fcrkei -->\n                    <div class=\"swu-destination-card\">\n                        <div class=\"swu-destination-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/sailwithus.de\/wp-content\/uploads\/2025\/12\/Tuerkei-B.jpg\" alt=\"Turkish Riviera\" class=\"swu-destination-image\" loading=\"lazy\"\/>\n                        <\/div>\n                        <div class=\"swu-destination-content\">\n                            <h3 class=\"swu-destination-country\">Turkey<\/h3>\n                            <p class=\"swu-destination-city\">Turkish Riviera<\/p>\n                            <a href=\"https:\/\/sailwithus.de\/entdecke\/anreiseinformationen-tuerkei\/\" class=\"swu-destination-button\">\n                               Go to the information page\n                           <\/a> \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <button class=\"swu-nav-arrow right\" onclick=\"scrollDestinations(1)\" id=\"rightArrow\">\n                 \u203a\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction scrollDestinations(direction) {\n    const container = document.getElementById('destinationsScroll');\n    const scrollAmount = 300;\n    container.scrollBy({\n        left: direction * scrollAmount,\n        behavior: 'smooth'\n    });\n    \n    \/\/ Update arrow states after scroll\n    setTimeout(updateArrows, 300);\n}\n\nfunction updateArrows() {\n    const container = document.getElementById('destinationsScroll');\n    const leftArrow = document.getElementById('leftArrow');\n    const rightArrow = document.getElementById('rightArrow');\n    \n    \/\/ Check if at start\n    leftArrow.disabled = container.scrollLeft <= 0;\n    \n    \/\/ Check if at end\n    const maxScroll = container.scrollWidth - container.clientWidth;\n    rightArrow.disabled = container.scrollLeft >= maxScroll - 10;\n}\n\n\/\/ Initialize arrow states\ndocument.addEventListener('DOMContentLoaded', function() {\n    updateArrows();\n    \n    \/\/ Update arrows on scroll\n    const container = document.getElementById('destinationsScroll');\n    container.addEventListener('scroll', updateArrows);\n    \n    \/\/ Update arrows on window resize\n    window.addEventListener('resize', updateArrows);\n});\n<\/script>\n\n<!-- ENDE Custom HTML Block -->\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Travel Information \u2039 Croatia Pula Go to the information page Croatia Trogir Go to the information page Greece Athens Go to the information page Greece Corfu Go to the information page Greece Cyclades For more information, visit Italy Amalfi Coast For more information, visit Italy Sardinia Go to the information page Spain Balearic Islands Go<a href=\"https:\/\/sailwithus.de\/en\/discover\/travel-information\/\">Continue reading <span class=\"sr-only\">\"Travel Information\"<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"parent":63846,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"hide_extended_footer":false,"footnotes":""},"class_list":["post-80541","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/pages\/80541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/comments?post=80541"}],"version-history":[{"count":7,"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/pages\/80541\/revisions"}],"predecessor-version":[{"id":80686,"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/pages\/80541\/revisions\/80686"}],"up":[{"embeddable":true,"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/pages\/63846"}],"wp:attachment":[{"href":"https:\/\/sailwithus.de\/en\/wp-json\/wp\/v2\/media?parent=80541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}