CINXE.COM
Mole Sassnitz Insel Rügen
<!DOCTYPE html> <html lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Mole Sassnitz Insel Rügen</title> <meta name="description" content="Europas längste Außenmole: Spazieren Sie 1 500 Meter weit auf die Ostsee hinaus und genießen Sie den Blick auf den Hafen und die Ostsee! Lesen Sie mehr!"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="index, follow, all"> <meta name="language" content="de"> <meta name="page-topic" content="Reise, Tourismus, Ostsee"> <meta name="page-type" content="Reise, Tourismus, Ostsee"> <meta name="author" content="ostsee.de INFO GmbH www.ostsee-netzwerk.de"> <meta name="copyright" content="ostsee.de INFO GmbH www.ostsee-netzwerk.de"> <meta name="revisit-after" content="30 days"> <link rel="canonical" href="https://www.ostsee.de/insel-ruegen/mole-sassnitz.php"> <link rel="preload" href="/fonts/barlow-v4-latin-600.woff2" as="font" type="font/woff2"> <link rel="preload" href="/fonts/barlow-v4-latin-regular.woff2" as="font" type="font/woff2"> <meta property="og:title" content="Mole Sassnitz Insel Rügen"> <meta property="og:description" content="Europas längste Außenmole: Spazieren Sie 1 500 Meter weit auf die Ostsee hinaus und genießen Sie den Blick auf den Hafen und die Ostsee! Lesen Sie mehr!"> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.ostsee.de"> <meta property="og:image" content="https://www.ostsee.de/og-image.jpg"> <link rel="shortcut icon" type="image/x-icon" href="https://www.ostsee.de/favicon.ico"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="stylesheet" href="/css/frontend.min.css"> <script src="/design/js/bookmark.min.js" defer></script> <script src="/design/js/swiper.min.js" defer></script> <script src="/design/js/swiper-zoom.min.js" defer></script> <script src="/design/js/consent.min.js" defer></script> <script src="/design/js/calendar.min.js" defer></script> <script src="/design/js/search.min.js" defer></script> <script src="/design/js/scroll-direction-listener.min.js" defer></script> <script src="/design/js/jquery-3.5.1.min.js"></script> <script src="/design/js/accommodation-frontend.min.js"></script> <script src="/design/js/booking-form-commons.min.js" defer></script> <script src="/design/js/hrs-search.min.js" defer></script> <script src="/design/js/stepper-input.min.js" defer></script> <script src="/design/js/text-search-with-suggestions.min.js" defer></script> <script src="/design/js/validator.min.js" defer></script> <script> // Convert old local bookmarks to database bookmarks document.addEventListener('DOMContentLoaded', function() { convertLocalBookmarks(); }); </script> <!-- Matomo --> <script> let _paq = window._paq = window._paq || []; _paq.push(['trackPageView']); _paq.push(['trackVisibleContentImpressions']); _paq.push(['enableLinkTracking']); _paq.push(['enableJSErrorTracking']); (function() { const u = 'https://stats.ostsee.de/'; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '1']); const d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> </head> <body class=""> <div class="header-placeholder" style='height:109px;'></div> <div id="cookie-notice"> <p class="cookie-notice-headline">Wir verwenden Cookies</p> <p> Für die Funktionalitäten der Website benutzen wir Cookies. Weitere Informationen erhalten Sie in unserer <a title="Datenschutzerklärung" href="/datenschutz.php">Datenschutzerklärung</a>. Um unsere Seite weiter zu verbessern, möchten wir „<a title="Datenschutzerklärung und Nutzungsbedingungen von Google Analytics" href="https://policies.google.com/privacy?hl=de" target="_blank">Google Analytics</a>“ verwenden. </p> <p class="cookie-notice-button-wrapper"> <button type="button" class="cookie-notice-approval-button" onclick="document.querySelector('#cookie-notice')?.remove();enableGoogleAnalytics();"> Einverstanden </button> <button type="button" class="cookie-notice-refuse-button" onclick="document.querySelector('#cookie-notice')?.remove();disableGoogleAnalytics();"> Ablehnen </button> </p> </div> <header> <input id="navigation-toggle-input" type="checkbox"> <nav class="navigation"> <!-- TODO: Rename to .top-navigation and .top-navigation-wrapper --> <div class="navigation-heading-wrapper"> <div class="navigation-heading"> <label id="navigation-toggle-label" for="navigation-toggle-input"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </label> <div class="main-navi-point home"> <a href="/" title="Startseite" rel="noreferrer"> <span class="icon home-main-icon"></span> <span>ostsee.de</span> </a> </div> <div class="main-navi-point"> <a href="/orte-inseln/" title="Urlaubsorte & Urlaubsinseln" rel="noreferrer"> <span class="icon location-icon"></span> <span>Orte / Inseln</span> </a> </div> <div class="main-navi-point search-wrapper"> <a href="/suche.php" title="Suche" rel="noreferrer"> <span class="icon search-icon"></span> </a> <form class="search-form" action="/suche.php" rel="noreferrer"> <label> <input id="suchbegriff" name="s" value="" placeholder="Suchbegriff eingeben" autocomplete="off" type="text"> <span class="search-suggestions"></span> </label> <button type="submit" aria-label="Suche starten"><span class="icon search-icon"></span></button> </form> </div> <div class="main-navi-point fanclub-navi-point"> <a href="/login.php" title="Fanclub" rel="noreferrer"> <span class="icon fanclub-icon"></span> <span>Login</span> </a> </div> <div class="main-navi-point language"> <a href="/baltic-sea-germany/" title="Home" rel="noreferrer"> <span class="icon eng-icon"></span> </a> </div> </div> </div> <div class="navigation-hamburger-content main-navigation-toggleable" title="/insel-ruegen"> <ul class="navigation"> <li class="small toggle-main-navigation-li"> <span class="icon toggle-main-navigation-icon" onclick="toggleMainNavigation(event)"></span> </li> <li class="small" > <a href="/fanclub/merkliste.php" title="Merkliste" rel="noreferrer"> <span class="icon bookmarked-icon"></span> <span>Merkliste</span> </a> </li> <li class="small" > <a href="/orte-inseln/" title="Urlaubsorte und Inseln" rel="noreferrer"> <span class="icon location-icon"></span> <span>Orte / Inseln</span> </a> </li> <li class="small" > <input type="checkbox" id="insel-ruegen-urlaub-buchen-php-input" class="sub-navi-checkbox" > <div class="sub-navi-link-with-toggle"> <a href="/insel-ruegen/urlaub-buchen.php" title="Ostseeurlaub buchen" rel="noreferrer"> <span class="icon booking-icon"></span> <span>Online-Buchung</span> </a> <label id="insel-ruegen-urlaub-buchen-php" for="insel-ruegen-urlaub-buchen-php-input"> <span class="toggle-arrow"></span> </label> <ul class="sub-navi"> <li class=""> <a href="/urlaub-buchen.php" title="Jetzt buchen" class="small" rel="noreferrer"> <span> Jetzt buchen </span> </a> </li> <li class=""> <a href="/fanclub/buchungsanfrage.php" title="Buchungsanfrage" class="small" rel="noreferrer"> <span> Buchungsanfrage </span> </a> </li> <li class=""> <a href="/buchung-drucken.php" title="Buchung drucken" class="small" rel="noreferrer"> <span> Buchung drucken </span> </a> </li> <li class=""> <a href="/reiseschutz" title="Reiseversicherung" class="small" rel="noreferrer"> <span> Reiseversicherung </span> </a> </li> </ul> </div> </li> <li class="small" > <a target="_blank" href="https://www.ostsee-angebote.de" title="Urlaubsangebote und Arrangements" rel="noreferrer"> <span class="icon offer-icon"></span> <span>Urlaubsangebote</span> </a> </li> <li class="small" > <a href="/restaurants.php" title="Restarants, Kneipen" rel="noreferrer"> <span class="icon restaurant-icon"></span> <span>Restaurants & Co.</span> </a> </li> <li class="small" > <a href="/fanclub/" title="Ostseefanclub" rel="noreferrer"> <span class="icon fanclub-icon"></span> <span>Fanclub</span> </a> </li> <li class="small" > <a href="/fanshop.php" title="Fanshop" rel="noreferrer"> <span class="icon fanshop-icon"></span> <span>Fanshop</span> </a> </li> <li class="small" > <a href="/wetter/" title="Ostseewetter, Wetterwarnungen" rel="noreferrer"> <span class="icon weather-icon"></span> <span>Ostsee Wetter</span> </a> </li> </ul> <ul class="navigation"> <li class="small" > <a href="/insel-ruegen/" title="Insel Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span><b>Insel Rügen</b></span> </a> </li> <li class="small" > <a href="/insel-ruegen/anfahrt.php" title="Anfahrt" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Anfahrt</span> </a> </li> <li class="small" > <input type="checkbox" id="insel-ruegen-unterkunft-php-input" class="sub-navi-checkbox" > <div class="sub-navi-link-with-toggle"> <a href="/insel-ruegen/unterkunft.php" title="Unterkünfte Gastgeber Insel Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span><b>Unterkünfte</b></span> </a> <label id="insel-ruegen-unterkunft-php" for="insel-ruegen-unterkunft-php-input"> <span class="toggle-arrow"></span> </label> <ul class="sub-navi"> <li class=""> <a href="/insel-ruegen/hotels.php" title="Hotels auf Insel Rügen" class="small" rel="noreferrer"> <span> Hotels </span> </a> </li> <li class=""> <a href="/insel-ruegen/pensionen.php" title="Pensionen auf Insel Rügen" class="small" rel="noreferrer"> <span> Pensionen </span> </a> </li> <li class=""> <a href="/insel-ruegen/ferienwohnungen.php" title="Ferienwohnungen auf Insel Rügen" class="small" rel="noreferrer"> <span> Ferienwohnungen </span> </a> </li> <li class=""> <a href="/insel-ruegen/ferienhaeuser.php" title="Ferienhäuser auf Insel Rügen" class="small" rel="noreferrer"> <span> Ferienhäuser </span> </a> </li> <li class=""> <a href="/insel-ruegen/bungalows.php" title="Bungalows auf Insel Rügen" class="small" rel="noreferrer"> <span> Bungalows </span> </a> </li> </ul> </div> </li> </ul> <ul class="navigation"> <li class="small" > <a href="/insel-ruegen/strand.php" title="Strandinfo für Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Strandinfo</span> </a> </li> <li class="small" > <a href="/insel-ruegen/seebruecken.php" title="Seebrücken" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Seebrücken</span> </a> </li> <li class="small" > <a href="/insel-ruegen/kap-arkona.php" title="Kap Arkona" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Kap Arkona</span> </a> </li> <li class="small" > <a href="/insel-ruegen/kreidefelsen.php" title="Kreidefelsen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Kreidefelsen</span> </a> </li> <li class="small" > <a href="/insel-ruegen/rasender-roland.php" title="Rasender Roland" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Rasender Roland</span> </a> </li> <li class="small" > <a href="/insel-ruegen/nationalpark-jasmund.php" title="Nationalpark Jasmund" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Nationalpark</span> </a> </li> <li class="small" > <a href="/insel-ruegen/hafen.php" title="Häfen Yachthäfen der Insel Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Häfen der Insel</span> </a> </li> <li class="small" > <a href="/insel-ruegen/sehenswuerdigkeiten-ausflugsziele.php" title="Sehenswürdigkeiten und Ausflugsziele auf Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Sehen & Erleben</span> </a> </li> <li class="small" > <a href="/insel-ruegen/ausstellungen.php" title="Ausstellungen auf Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Ausstellungen</span> </a> </li> <li class="small" > <a href="/insel-ruegen/inselkarte-orte.php" title="Inselkarte und Orte der Insel" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Inselkarte & Orte</span> </a> </li> <li class="small" > <a href="/insel-ruegen/fuehrung.php" title="Führungen und Wanderungen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Führungen</span> </a> </li> <li class="small" > <a href="/insel-ruegen/veranstaltungen.php" title="Veranstaltungen auf Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Veranstaltungen</span> </a> </li> <li class="small" > <a href="/insel-ruegen/geschichte.php" title="Geschichte der Insel Rügen" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Geschichte</span> </a> </li> </ul> <div class="navigation-more-spacer">Noch mehr Ostsee:</div> <ul class="navigation"> <li class="small" > <a href="/stellenangebote-jobs.php" title="Stellenangebote & Ausbildungsangebote" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Stellenangebote</span> </a> </li> <li class="small" > <a href="/hintergrundbilder/" title="Ostsee Hintergrundbilder / Wallpaper" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Hintergrundbilder</span> </a> </li> <li class="small" > <a href="/yacht-charter/" title="Segelyachten Motoryachten chartern" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Yachtcharter</span> </a> </li> </ul> <ul class="navigation"> <li class="small" > <a href="/impressum.php" title="Impressum" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Impressum</span> </a> </li> <li class="small" > <a href="/datenschutz.php" title="Datenschutz" rel="noreferrer"> <span class="icon icon-placeholder"></span> <span>Datenschutz</span> </a> </li> </ul> </div> </nav> <script> function toggleMainNavigation(event) { let mainNavigationToggleable = event.target.closest('.main-navigation-toggleable'); mainNavigationToggleable.classList.toggle('toggled'); event.target.classList.toggle('toggled'); let navigationUls = document.querySelectorAll('ul.navigation'); let marginTop = navigationUls[0].clientHeight; if (mainNavigationToggleable.classList.contains('toggled')) { navigationUls[1].style.marginTop = marginTop - 30 + 'px'; } else { navigationUls[1].style.marginTop = '0px'; } } </script> <input id="quick-search-toggle-input" type="checkbox"> <div class="quick-search-wrapper"> <div class="quick-search"> <label class="quick-search-teaser" for="quick-search-toggle-input"> <span class="quick-search-teaser-inputs"> <span class="quick-search-teaser-input quick-search-teaser-date-input"> <span class="icon calendar-icon"></span> </span> <span class="quick-search-teaser-input quick-search-teaser-region-input"> <span class="icon location-icon"></span> Ort </span> <span class="quick-search-teaser-input quick-search-teaser-category-input"> <span class="icon host-icon"></span> Unterkunftsart </span> <span class="quick-search-teaser-input quick-search-teaser-from-date-input"> <span class="icon calendar-icon"></span> Anreise </span> <span class="quick-search-teaser-input quick-search-teaser-to-date-input"> <span class="icon calendar-icon"></span> Abreise </span> <span class="quick-search-teaser-input quick-search-teaser-person-input"> <span class="icon person-icon"></span> </span> </span> <span class="button">Buchen</span> </label> <div class="form-wrapper"> <h2>Ostsee-Urlaub buchen <label class="quick-search-teaser-close" for="quick-search-toggle-input">X</label></h2> <form class="form quick-search-grid" action="/insel-ruegen/urlaub-buchen.php" onsubmit="return quickSearchSubmit(this, event);" rel="noreferrer"> <div class="quick-search-grid-element quick-search-grid-region-element"> <div class="section-headline">Ort/Insel</div> <div> <input id="region" name="region" size="18" aria-label="Ort/Insel" value="Rügen (Insel)" placeholder="z. B. Kühlungsborn ..."> </div> </div> <div class="quick-search-grid-element quick-search-grid-category-element"> <div class="section-headline">Unterkunftsart</div> <div class="select-wrapper"> <select class="select" name="categoryIds" id="category-67b1e4532f7ac" aria-label="Unterkunftsart" onchange="updateCategorySelectName(this)"> <option value="">Alle</option> <option value="1" data-category-id="1" >Hotel</option> <option value="1" data-category-id="2" >Ferienwohnung</option> <option value="1" data-category-id="3" >Ferienhaus</option> <option value="1" data-category-id="4" >Pension/Gästehaus</option> <option value="1" data-category-id="5" >Bungalow</option> <option value="1" data-category-id="6" >Hostel & Jugendherberge</option> <option value="1" data-category-id="8" >Wohnwagen</option> </select> </div> </div> <div class="quick-search-grid-element quick-search-grid-from-element"> <div class="section-headline">Anreise</div> <div class="date-wrapper"> <input class="input target" id="from-calendar-67b1e4532f79d" type="text" placeholder="TT.MM.JJJJ" aria-label="Anreise" name="from" size="10" value="17.02.2025"> </div> </div> <div class="quick-search-grid-element quick-search-grid-to-element"> <div class="section-headline">Abreise</div> <div class="date-wrapper"> <input class="input target" id="to-calendar-67b1e4532f79e" type="text" placeholder="TT.MM.JJJJ" aria-label="Abreise" name="to" size="10" value="24.02.2025"> </div> </div> <div class="quick-search-grid-element quick-search-grid-person-element"> <div class="stepper-wrapper"> <label for="quick-search-adult-count-input">Erwachsene</label> <span class="icon minus-icon" data-step="-1"></span> <input id="quick-search-adult-count-input" type="text" name="adults" size="1" data-min="1" data-max="16" value="2"> <span class="icon plus-icon" data-step="1"></span> </div> <div class="stepper-wrapper"> <label for="quick-search-child-count-input-children-count-67b1e4532f79f">Kinder</label> <span class="icon minus-icon" data-step="-1"></span> <input id="quick-search-child-count-input-children-count-67b1e4532f79f" type="text" name="children" size="1" data-min="0" data-max="6" value="0" onchange="BookingFormCommons.updateChildrenAgeInputs('quick-search-child-count-input-children-count-67b1e4532f79f', 'childrenAges')"> <span class="icon plus-icon" data-step="1"></span> <script> function changeChildCount(stepperWrapper, diff) { const quickSearchChildCount = stepperWrapper.querySelector('input'); const newValue = parseInt(quickSearchChildCount.value) + diff; if (newValue < 0 || newValue > 6) { quickSearchChildCount.classList.add('shake'); setTimeout(function() { quickSearchChildCount.classList.remove('shake'); }, 300); return; } quickSearchChildCount.value = newValue; stepperWrapper.parentNode.querySelectorAll('.child-age-stepper-wrapper').forEach(function(childAge, index) { if (index >= newValue) { childAge.style.display = 'none'; childAge.querySelector('select').setAttribute('disabled', 'disabled'); } else { childAge.style.display = 'flex'; childAge.querySelector('select').removeAttribute('disabled'); } }); } </script> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>1. Kind</label> <select aria-label="Alter des 1. Kindes" name="childrenAges[1]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>2. Kind</label> <select aria-label="Alter des 2. Kindes" name="childrenAges[2]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>3. Kind</label> <select aria-label="Alter des 3. Kindes" name="childrenAges[3]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>4. Kind</label> <select aria-label="Alter des 4. Kindes" name="childrenAges[4]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>5. Kind</label> <select aria-label="Alter des 5. Kindes" name="childrenAges[5]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div class="stepper-wrapper child-age-stepper-wrapper" style="display: none;"> <label>6. Kind</label> <select aria-label="Alter des 6. Kindes" name="childrenAges[6]" disabled> <option value="">Alter wählen!</option> <option value="0" > 0 Jahre </option> <option value="1" > 1 Jahr </option> <option value="2" > 2 Jahre </option> <option value="3" > 3 Jahre </option> <option value="4" > 4 Jahre </option> <option value="5" > 5 Jahre </option> <option value="6" > 6 Jahre </option> <option value="7" > 7 Jahre </option> <option value="8" > 8 Jahre </option> <option value="9" > 9 Jahre </option> <option value="10" > 10 Jahre </option> <option value="11" > 11 Jahre </option> <option value="12" > 12 Jahre </option> <option value="13" > 13 Jahre </option> <option value="14" > 14 Jahre </option> <option value="15" > 15 Jahre </option> <option value="16" > 16 Jahre </option> <option value="17" > 17 Jahre </option> </select> </div> <div> <label class="checkbox-container checkbox-wrapper"> <span class="label-text">Haustier</span> <input type="checkbox" id="pet" name="pet" aria-label="Haustier" value="1" > <span class="checkmark"></span> </label> </div> </div> <div class="quick-search-grid-element quick-search-call-to-action-element"> <button type="submit" name="search" class="button" onclick="gtag('event', 'button_click', {label: 'freie Unterkünfte finden', description: 'Schnellsuche starten'});"> Unterkunft finden! </button> </div> <div class="loading-notice quick-book-loading-notice"> <span class="loader"></span> <p> Bitte haben Sie einen Moment Geduld.<br> Die freien Unterkünfte werden Ihnen umgehend angezeigt. </p> </div> </form> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { new TextSearchWithSuggestions('region', '/ajax/region-suggestions.php'); StepperInput.setUpStepperEvents(); let calendars = BookingFormCommons.setUpFormCalendars('from-calendar-67b1e4532f79d', 'to-calendar-67b1e4532f79e', [{"month":6,"year":"2025","text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":7,"year":"2025","text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":8,"year":"2025","text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":9,"year":"2025","text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":6,"year":2026,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":7,"year":2026,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":8,"year":2026,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":9,"year":2026,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":6,"year":2027,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":7,"year":2027,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":8,"year":2027,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."},{"month":9,"year":2027,"text":"In den Sommermonaten gilt in vielen Unterk\u00fcnften der Samstag als An- und Abreisetag (wochenweise Buchung)."}], [], null); if (typeof calendars.start !== 'undefined') { calendars.start.oConfiguration.onSelect = function(selectedDate) { let date = new Date(selectedDate.year + '-' + selectedDate.month + '-' + selectedDate.day); calendars.end.selectedDayObject.day = date.getDate(); calendars.end.selectedDayObject.month = (date.getMonth() + 1); calendars.end.selectedDayObject.year = date.getFullYear(); }; // Fix calendars.end.showCalendar(); calendars.end.closeCalendar(); let x = document.createElement('span'); x.innerHTML = '\u2716'; let closeButtons = document.getElementsByClassName('close'); for (let i = 0; i < closeButtons.length; i++) { closeButtons[i].innerHTML = ''; closeButtons[i].append(x.cloneNode(true)); } } }); function quickSearchSubmit(formElement, event) { if (location.href.includes(new URLSearchParams(new FormData(formElement)).toString())) { return false; } /* const formErrors = formElement.querySelector('.quick-search-form-errors'); const fromInput = formElement.querySelector('input[name="from"]'); const toInput = formElement.querySelector('input[name="to"]'); formErrors.innerHTML = ''; if (event.submitter.name === 'search') { const htmlParagraphElement = document.createElement('p'); if (!fromInput.value && !toInput.value) { htmlParagraphElement.innerText = 'Bitte An- und Abreise angeben.'; formErrors.appendChild(htmlParagraphElement); } else if (!fromInput.value) { htmlParagraphElement.innerText = 'Bitte Anreise angeben.'; formErrors.appendChild(htmlParagraphElement); } else if (!toInput.value) { htmlParagraphElement.innerText = 'Bitte Abreise angeben.'; formErrors.appendChild(htmlParagraphElement); } } */ // TODO: Add validation for missing children ages errors // TODO: Remove errors if the user corrects the input/select // if (formErrors.parentNode.querySelector('.quick-search-form-errors:empty')) { formElement.classList.add('is-loading'); formElement.style.position = 'static'; formElement.parentElement.parentElement.parentElement.style.overflow = 'visible'; // Required in case Matomo isn't loaded (blocked by ad-blockers, etc.) if (typeof _paq === 'object') { _paq.push(['trackGoal', 13]); } return true; // } // // return false; } function updateCategorySelectName(selectElement) { if (selectElement.selectedIndex === 0) { selectElement.removeAttribute('name'); return; } let categoryId = selectElement.children[selectElement.selectedIndex].dataset.categoryId; selectElement.setAttribute('name', `categoryIds[${categoryId}]`); } changeChildCount(document.getElementById("quick-search-child-count-input-children-count-67b1e4532f79f").parentNode, 0); updateCategorySelectName(document.getElementById('category-67b1e4532f7ac')); </script> </header> <script src="/design/js/analytics.min.js" data-tracking-id="G-0WXTD2FJ7S"></script> <script> destroyGtagAndCookies(); </script> <div class="top-teaser-wrapper print-hide"> <picture> <source media="(min-width: 900px)" srcset="bilder/titel-sassnitz-1920.webp"> <source media="(min-width: 700px)" srcset="bilder/titel-sassnitz-900.webp"> <source media="(min-width: 500px)" srcset="bilder/titel-sassnitz-700.webp"> <source media="(min-width: 0px)" srcset="bilder/titel-sassnitz-500.webp"> <img alt="Sassnitz Insel Rügen – Stadthafen und Mole" title="Stadthafen und Mole Sassnitz" src="bilder/titel-sassnitz-1920.webp" width="1920" height="351"> </picture> <svg class="header-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs> <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" fill="white"/> </defs> <use xlink:href="#gentle-wave" x="48" y="0"/> <use xlink:href="#gentle-wave" x="48" y="3"/> <use xlink:href="#gentle-wave" x="48" y="6"/> <use xlink:href="#gentle-wave" x="48" y="9"/> </svg> </div> <div class="breadcrumbs"> <a href='/' title='Startseite ostsee.de' rel='noreferrer'>ostsee.de</a> › <a href='/orte-inseln/' title='Urlaubsorte und Inseln' rel='noreferrer'>Orte/Inseln</a> › <a href='/insel-ruegen/' title='Rügen' rel='noreferrer'>Rügen</a> › <a href='/insel-ruegen/sehenswuerdigkeiten-ausflugsziele.php' title='Sehenswürdigkeiten und Ausflugsziele Rügen' rel='noreferrer'>Sehen & Erleben auf Rügen</a> </div> <div class="main-with-aside"> <div class="main-wrapper"> <main> <div class="print-show"> <p> <small>Gesehen auf https://www.ostsee.de/insel-ruegen/mole-sassnitz.php am 16.02.2025</small> </p> </div> <noscript> <p> <small>Bitte aktivieren Sie JavaScript in Ihrem Browser, um alle Funktionalitäten unserer Webseite nutzen zu können.</small> </p> </noscript> <div class="remember-page-above print-hide"> <span class="a no-before" onclick="bookmark_toggle('page', 2244, this);"> <span class="bookmark-icon-wrapper"> <span class="icon bookmark-icon"></span> <span class="icon bookmark-icon-shadow bookmark-icon"></span> </span> <span class="bookmark-label"> Seite merken </span> </span> </div> <h1>Sassnitzer Mole</h1> <figure class="swiper-zoom img img-right"> <div class="swiper-picture-zoom-wrapper"> <img loading="lazy" class="swiper-zoom-img" src="bilder/mole-sassnitz-01-300.webp" onclick="createSwiper(event)" data-group="group-1" width="300" height="169" alt="Sassnitzer Mole" title="Sassnitzer Mole" data-width="300" data-1000="bilder/mole-sassnitz-01-1000.webp" data-700="bilder/mole-sassnitz-01-700.webp" data-500="bilder/mole-sassnitz-01-500.webp"> <span class="swiper-zoom-icon"></span> </div> <figcaption>Sassnitzer Mole</figcaption> </figure> <p> Auf der Sassnitzer Mole an der Nordostküste der Insel Rügen können Sie fast 1,5 Kilo­meter weit über die Ostsee spazieren. Die Mole wurde von 1889 bis 1912 erbaut und führt ihre Besucher vorbei am malerischen Stadt­hafen, der mit seinen zahl­reichen Boots­anlegern ein gemütliches, maritimes Flair ausstrahlt. </p> <p> Vom Hafen aus bringen Sie Fahrgast­schiffe zu den Kreide­felsen der Insel Rügen und zur Insel Usedom oder urige Fisch­kutter nehmen Sie auf eine Angel­tour mit! Wer das Geschehen auf dem Wasser lieber von weitem genießt, hat vor allem in den frühen Morgen­stunden einen einzig­artigen Ausblick: Dann kann man nämlich den Fischern beim Anlanden des Fangs im wahrsten Sinne des Wortes „über die Schulter schauen“. Und bei der Gelegenheit können Sie sich ja auch schon mal ein paar Schollen, Dorsche oder Heringe sichern. </p> <div class="clearfix"></div> <div class="swiper-main-container-wrapper picture-series-swiper"> <div id="swiper-button-prev-67b1e4532be50" class="swiper-button-prev"> </div> <div id="swiper-button-next-67b1e4532be51" class="swiper-button-next"> </div> <div id="swiper-67b1e4532be4f" class="swiper "> <div class="swiper-wrapper"> <div class="swiper-slide image-slide "> <figure> <div class="swiper-picture-zoom-wrapper"> <picture> <!--suppress HtmlUnknownTarget --> <source media="(min-width: 0px)" srcset="/insel-ruegen/bilder/mole-sassnitz-02-300.webp"> <!--suppress HtmlUnknownTarget --> <img class="swiper-zoom-img" src="/insel-ruegen/bilder/mole-sassnitz-02-300.webp" alt="Blick auf die Mole von der Hängebrücke aus" onclick="createSwiper(event)" data-group="group-1" data-width="300" data-1000="/insel-ruegen/bilder/mole-sassnitz-02-1000.webp" data-700="/insel-ruegen/bilder/mole-sassnitz-02-700.webp" data-500="/insel-ruegen/bilder/mole-sassnitz-02-500.webp" data-300="/insel-ruegen/bilder/mole-sassnitz-02-300.webp" width="300" height="169" > </picture> <div class="swiper-zoom-icon"></div> </div> </figure> </div> <div class="swiper-slide image-slide "> <figure> <div class="swiper-picture-zoom-wrapper"> <picture> <!--suppress HtmlUnknownTarget --> <source media="(min-width: 0px)" srcset="/insel-ruegen/bilder/mole-sassnitz-03-300.webp"> <!--suppress HtmlUnknownTarget --> <img class="swiper-zoom-img" src="/insel-ruegen/bilder/mole-sassnitz-03-300.webp" alt="Mole Sassnitz bei stürmischen Winden" onclick="createSwiper(event)" data-group="group-1" data-width="300" data-1000="/insel-ruegen/bilder/mole-sassnitz-03-1000.webp" data-700="/insel-ruegen/bilder/mole-sassnitz-03-700.webp" data-500="/insel-ruegen/bilder/mole-sassnitz-03-500.webp" data-300="/insel-ruegen/bilder/mole-sassnitz-03-300.webp" width="300" height="169" > </picture> <div class="swiper-zoom-icon"></div> </div> </figure> </div> <div class="swiper-slide image-slide "> <figure> <div class="swiper-picture-zoom-wrapper"> <picture> <!--suppress HtmlUnknownTarget --> <source media="(min-width: 0px)" srcset="/insel-ruegen/bilder/mole-sassnitz-04-300.webp"> <!--suppress HtmlUnknownTarget --> <img class="swiper-zoom-img" src="/insel-ruegen/bilder/mole-sassnitz-04-300.webp" alt="Der Sassnitzer Leuchtturm vereist im Winter" onclick="createSwiper(event)" data-group="group-1" data-width="300" data-1000="/insel-ruegen/bilder/mole-sassnitz-04-1000.webp" data-700="/insel-ruegen/bilder/mole-sassnitz-04-700.webp" data-500="/insel-ruegen/bilder/mole-sassnitz-04-500.webp" data-300="/insel-ruegen/bilder/mole-sassnitz-04-300.webp" width="300" height="169" > </picture> <div class="swiper-zoom-icon"></div> </div> </figure> </div> </div> </div> </div> <script> if (typeof swipers === 'undefined' || !swipers instanceof Object) { var swipers = {}; } document.addEventListener('DOMContentLoaded', function() { var mainSwiper = new Swiper("#swiper-67b1e4532be4f", (function() { return { 'direction': 'horizontal', 'grabCursor': false, 'navigation': { 'nextEl': '#swiper-button-next-67b1e4532be51', 'prevEl': '#swiper-button-prev-67b1e4532be50' }, 'preloadImages': false, 'spaceBetween': 30, 'breakpoints': { '0': { 'slidesPerView': 1, 'spaceBetween': 30, 'allowTouchMove': true }, '768': { 'slidesPerView': 2, 'spaceBetween': 30, 'allowTouchMove': true }, '1100': { 'slidesPerView': 3, 'spaceBetween': 75, 'allowTouchMove': false } }, on: {} } })()); mainSwiper.update(); swipers["swiper-67b1e4532be4f"] = mainSwiper; }); </script> <p> Im Winter, besonders bei eisigem Ostwind, legt die Gischt einen weiß-glitzernden Schleier über den grün-weißen Leucht­turm auf der Molen­spitze. – Ein sehr beeindruckender Anblick und ein beliebtes Fotomotiv! </p> <h2>Längste oder zweitlängste in Europa?</h2> <p> Seit 2013 macht eine Molenverlängerung in Swinemünde der Sassnitzer Mole den Titel „längste Außen­mole Europas“ streitig. Die neue Ostmole ist mit knapp drei Kilometern fast doppelt so lang wie die Sassnitzer. Allerdings ist sie Teil des LNG-Hafens in Swinemünde und nicht für die Öffentlichkeit zugänglich. Somit ist die Sassnitzer Mole zumindest die längste in Europa für Spaziergänger. </p> <h2 id='anfahrt'>Anschrift/Kontakt</h2> <div itemscope itemtype='https://schema.org/Place'><span itemprop='name'>Sassnitzer Mole</span><br> <div class='address' itemprop='address' itemscope itemtype='https://schema.org/PostalAddress'><span itemprop='streetAddress'>Hafenstraße </span><br><span itemprop='postalCode'>18546</span> <span itemprop='addressLocality'>Sassnitz</span> </div> </div> <div id="karte"></div> <div class="consent-external-content " id="consent-external-content-67b1e4532f0e8"> <div id="google-map" class="map"></div> </div> <div class="consent google-maps-consent" data-identifier="googleMaps" data-external="consent-external-content-67b1e4532f0e8"> <span class="consent-headline">Google Maps</span> <p>Mit dem Klick auf den Schalter aktivieren Sie die Kartenfunktion.</p> <div class="consent-switch"> <div class="switch-with-span"> <label class="switch"> <!--suppress BadExpressionStatementJS --> <input type="checkbox" onclick="handleExternalContent(event, function(){loadGoogleScript()})"> <span class="consent-slider"></span> </label> <span class="switch-text">Externe Inhalte laden</span> </div> </div> <p class="consent-small">Im Zuge der Nutzung werden personenbezogene Daten an Dritte übertragen.</p> <p class="consent-small">Mehr dazu in unserer <a class="more-info" href="/datenschutz.php">Datenschutzerklärung</a>.</p> </div> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"TouristAttraction","address":{"@type":"PostalAddress","addressLocality":"Sassnitz","postalCode":"18546","streetAddress":"Hafenstra\u00dfe"},"description":"<p>Auf Ihrem Ausflug zur Sassnitzer Mole genie\u00dfen Sie<\/p>\n<ul>\n<li>einen 1,5 Kilometer langen Spaziergang vom Fu\u00df bis zum Kopf der Mole<\/li>\n<li>den malerischen Ausblick auf den Stadthafen mit seinen Bootsanlegern<\/li>\n<li>den Geruch von frischem Fisch nach dem Anlanden der Fischer<\/li>\n<\/ul>","image":"mole-sassnitz.webp","name":"Sassnitzer Mole"}</script> <p class="no-warranty clearfix"> (alle Angaben ohne Gewähr, Änderungen vorbehalten) </p> <div class="share print-hide"> <span class="dark-blue medium-sized">Diese Seite teilen:</span> <a href="https://wa.me/?text=Ich%20habe%20eine%20interessante%20Seite%20gefunden%3A%20https%3A%2F%2Fwww.ostsee.de%2Finsel-ruegen%2Fmole-sassnitz.php" target="_blank" title="Teilen über WhatsApp"> <span class="icon original-whatsapp-icon"></span> per WhatsApp </a> <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.ostsee.de%2Finsel-ruegen%2Fmole-sassnitz.php" target="_blank" title="Teilen über Facebook"> <span class="icon original-facebook-icon"></span> auf Facebook </a> <a href="mailto:?subject=www.ostsee.de&body=Ich%20habe%20eine%20interessante%20Seite%20gefunden%3A%20https%3A%2F%2Fwww.ostsee.de%2Finsel-ruegen%2Fmole-sassnitz.php" target="_blank" title="Teilen per Mail"> <span class="icon share-mail-icon"></span> per Mail </a> </div> </main> <div class="fanshop-ad"> <a href="/fanshop.php" title="Fanshop" rel="noreferrer"> <picture> <source media="(min-width: 689px)" srcset="/bilder/fanshop/banner-fanshop-1050.gif"> <source media="(min-width: 321px)" srcset="/bilder/fanshop/banner-fanshop-700.gif"> <source media="(min-width: 0px)" srcset="/bilder/fanshop/banner-fanshop-500.gif"> <img loading="lazy" src="/bilder/fanshop/banner-fanshop-1050.gif" alt="Fanshop" title="Fanshop" width="1050" height="200"> </picture> </a> </div> </div> <aside> <div class="adv" id="watch-list-block"> <span class="adv-headline"> Merkliste <span class="icon bookmarked-icon"></span> </span> <small>Markieren Sie die Seiten, die Sie sich für Ihren Urlaub merken möchten.</small> <a href="/fanclub/merkliste.php" title="Zur Merkliste" rel="noreferrer"> jetzt merken ... </a> </div> <div class="adv"> <span class="adv-headline"> Urlaubs-Angebote <span class="icon offer-icon"></span> </span> <small> 18 aktuelle Angebote für Ihren Urlaub an der Ostsee. </small> <a target="_blank" href="https://www.ostsee-angebote.de" title="18 Ostsee Angebote und Arrangements"> jetzt auswählen ... </a> </div> <div class="adv"> <span class="adv-headline"> Ostsee-Fanshop <span class="icon fanshop-icon"></span> </span> <small>Maritime Ostsee-Motive für Shirts, Hoodies, Tassen, Basecaps, Taschen und mehr</small> <a href="/fanshop.php" title="Fanshop" rel="noreferrer"> jetzt stöbern ... </a> </div> <div class="adv"> <span class="adv-headline"> Ostsee Yachtcharter <span class="icon yacht-icon"></span> </span> <small>Chartern Sie hier Ihre Urlaubsyacht!</small> <a href="https://www.ostsee-charter-yacht.de" title="Yachtcharter Ostsee" target="_blank">jetzt chartern ...</a> </div> <div class="adv"> <span class="adv-headline"> Stellenangebote <span class="icon briefcase-icon"></span> </span> <small>Sie möchten an der Ostsee wohnen und suchen einen Job? </small> <a href="/stellenangebote-jobs.php" title="Ostsee Stellenangebote" rel="noreferrer"> jetzt finden ... </a> </div> <div class="adv"> <span class="adv-headline"> Hintergrundbilder <span class="icon monitor-icon"></span> </span> <small> Holen Sie sich die Ostsee auf Ihren Monitor! </small> <a href="/hintergrundbilder/" rel="noreferrer" title="Ostsee Hintergrundbilder/Wallpaper"> jetzt auswählen ... </a> </div> <div class="adv"> <span class="adv-headline"> Ostsee-Fanclub <span class="icon fanclub-icon"></span> </span> <small>Lesezeichen, Angebots­benachrichtungen, Seewetter­berichte, Wetterwarnungen, u.v.m.</small> <a href="/login.php" title="Ostsee-Fanclubmitglied werden" rel="noreferrer"> jetzt anmelden... </a> </div> </aside> <aside class="aside-placeholder"></aside> </div> <div class="secondary-footer-wrapper"> <div class="secondary-footer"> <ul> <li><a href="/boltenhagen/" title="Boltenhagen" rel="noreferrer">Boltenhagen</a> </li> <li><a href="/dahme/" title="Dahme" rel="noreferrer">Dahme</a> </li> <li><a href="/eckernfoerde/" title="Eckernförde" rel="noreferrer">Eckernförde</a> </li> <li><a href="/insel-fehmarn/" title="Fehmarn" rel="noreferrer">Fehmarn</a> </li> <li><a href="/fischland-darss-zingst/" title="Fischland-Darß-Zingst" rel="noreferrer">Fischland-Darß-Zingst</a> </li> <li><a href="/flensburg/" title="Flensburg" rel="noreferrer">Flensburg</a> </li> <li><a href="/gluecksburg/" title="Glücksburg" rel="noreferrer">Glücksburg</a> </li> <li><a href="/graal-mueritz/" title="Graal-Müritz" rel="noreferrer">Graal-Müritz</a> </li> <li><a href="/groemitz/" title="Grömitz" rel="noreferrer">Grömitz</a> </li> <li><a href="/grossenbrode/" title="Großenbrode" rel="noreferrer">Großenbrode</a> </li> <li><a href="/haffkrug/" title="Haffkrug" rel="noreferrer">Haffkrug</a> </li> <li><a href="/heiligendamm/" title="Heiligendamm" rel="noreferrer">Heiligendamm</a> </li> <li><a href="/heiligenhafen/" title="Heiligenhafen" rel="noreferrer">Heiligenhafen</a> </li> <li><a href="/hohwacht/" title="Hohwacht" rel="noreferrer">Hohwacht</a> </li> <li><a href="/kappeln/" title="Kappeln" rel="noreferrer">Kappeln</a> </li> <li><a href="/kellenhusen/" title="Kellenhusen" rel="noreferrer">Kellenhusen</a> </li> <li><a href="/kiel/" title="Kiel" rel="noreferrer">Kiel</a> </li> <li><a href="/kuehlungsborn/" title="Kühlungsborn" rel="noreferrer">Kühlungsborn</a> </li> <li><a href="/luebeck/" title="Lübeck" rel="noreferrer">Lübeck</a> </li> <li><a href="/niendorf/" title="Niendorf" rel="noreferrer">Niendorf</a> </li> <li><a href="/insel-poel/" title="Poel" rel="noreferrer">Poel</a> </li> <li><a href="/rerik/" title="Rerik" rel="noreferrer">Rerik</a> </li> <li><a href="/rostock/" title="Rostock" rel="noreferrer">Rostock</a> </li> <li><a href="/insel-ruegen/" title="Rügen" rel="noreferrer">Rügen</a> </li> <li><a href="/scharbeutz/" title="Scharbeutz" rel="noreferrer">Scharbeutz</a> </li> <li><a href="/stralsund/" title="Stralsund" rel="noreferrer">Stralsund</a> </li> <li><a href="/timmendorfer-strand/" title="Timmendorfer Strand" rel="noreferrer">Timmendorfer Strand</a> </li> <li><a href="/travemuende/" title="Travemünde" rel="noreferrer">Travemünde</a> </li> <li><a href="/ueckermuende/" title="Ueckermünde" rel="noreferrer">Ueckermünde</a> </li> <li><a href="/insel-usedom/" title="Usedom" rel="noreferrer">Usedom</a> </li> <li><a href="/warnemuende/" title="Warnemünde" rel="noreferrer">Warnemünde</a> </li> <li><a href="/wismar/" title="Wismar" rel="noreferrer">Wismar</a> </li> </ul> </div> </div> <div class="footer-teaser"> <div id="gull" onclick="toggleFooter();"> <img src="/layout/moewe.webp" width="159" height="154" alt="Möwe" srcset="/layout/moewe-159.webp 1x, /layout/moewe-318.webp 2x, /layout/moewe-477.webp 3x"> </div> </div> <div class="footer-placeholder"></div> <footer> <a class="scroll-to-top" href="#" title="an den Anfang der Seite scrollen"> <span class="scroll-to-top-triangle"></span> </a> <div class="footer-content-with-gull"> <div class="gull-distance"></div> <div class="footer-content"> <div class="social-wrapper"> <div class="remember-and-fanclub-and-copyright"> <div class="remember-and-fanclub"> <span class="a no-before" onclick="bookmark_toggle('page', 2244, this);"> <span class="bookmark-icon-wrapper"> <span class="icon bookmark-icon"></span> <span class="icon bookmark-icon-shadow bookmark-icon"></span> </span> <span class="bookmark-label"> Seite merken </span> </span> <a href="/fanclub/" title="Fanclub"><span class="icon fanclub-icon" rel="noreferrer"></span> Fanclub</a> </div> <div class="copyright"> ©1997 - 2022 <span class="separator">|</span> <a href="https://www.ostsee-netzwerk.de" target="_blank">ostsee.de INFO GmbH</a> <span class="separator">|</span> <a href="https://www.isuma.de" title="Internetagentur Suchmaschinenoptimierung Rostock" target="_blank"> ISuMA </a> <span class="separator">|</span> <a href="https://www.ostsee-presse.de" title="Ostsee Pressetexte & Pressebilder" target="_blank">Presse</a> </div> <div class="copyright mini"> ©1997 - 2022 <span class="separator">|</span> ostsee.de INFO GmbH <span class="separator">|</span> <br> <a href="https://www.isuma.de" title="Internetagentur Suchmaschinenoptimierung Rostock" target="_blank"> ISuMA </a> <span class="separator">|</span> Presse </div> </div> <div class="social-media-with-distance-line"> <div class="social-media"> <span class="social-media-label"> Hier gibt's noch viel <b>MEER</b> </span> <div class="social-icon-wrapper"> <a href="https://www.facebook.com/ostsee.de/" target="_blank" title="Facebook"> <span class="icon facebook-icon"></span> </a> <a href="https://www.instagram.com/ostsee.de/" target="_blank" title="Instagram"> <span class="icon instagram-icon"></span> </a> <a href="https://www.pinterest.de/ostsee_de/" target="_blank" title="Pinterest"> <span class="icon pinterest-icon"></span> </a> <a href="https://twitter.com/ostseeDE" target="_blank" title="Twitter"> <span class="icon twitter-icon"></span> </a> <a href="https://whatsapp.com/channel/0029VahhigsCsU9L611D3o3U" target="_blank" title="WhatsApp"> <span class="icon whatsapp-icon"></span> </a> </div> </div> </div> </div> </div> </div> </footer> <script> document.addEventListener('DOMContentLoaded', function() { let footer = document.getElementsByTagName('footer')[0]; let gull = document.getElementById('gull'); window.addEventListener('scroll', function() { if (window.pageYOffset >= ((document.body.scrollHeight - window.innerHeight) - footer.scrollHeight)) { gull.classList.add('display-footer'); footer.classList.add('display-footer'); } else { gull.classList.remove('display-footer'); footer.classList.remove('display-footer'); } }); }); function toggleFooter() { document.getElementById('gull').classList.toggle('display-footer'); document.getElementsByTagName('footer')[0].classList.toggle('display-footer'); } </script> <script> var maps = [{"id":"google-map","zoom":12,"centerLatitude":54.511553378866786,"centerLongitude":13.646194949304231,"showOnLoad":true,"pointsOfInterest":[{"latitude":54.511553378866786,"longitude":13.646194949304231,"popupTitle":"Sassnitzer Mole","popupContent":"<b>Sassnitzer Mole<\/b><p>Hafenstra\u00dfe<br>18546 Sassnitz<br>Wegbeschreibung <a href=\"https:\/\/www.google.com\/maps?source=uds&daddr=Hafenstra%C3%9Fe%2C+18546+Sassnitz@,&iwstate1=dir%3Ato\" target=\"_blank\">hierher<\/a><\/p>","popupAnchorOffsetX":0,"popupAnchorOffsetY":0,"showPopupOnLoad":true,"draggable":false,"latitudeInputId":null,"longitudeInputId":null,"street":"Hafenstra\u00dfe","zipCode":"18546","city":"Sassnitz","routeHref":"https:\/\/www.google.com\/maps?source=uds&daddr=Hafenstra%C3%9Fe%2C+18546+Sassnitz@54.511553378867,13.646194949304&iwstate1=dir%3Ato","icon":{"anchorOffsetX":0,"anchorOffsetY":0,"url":"\/layout\/map-designation-icon.png","width":22,"height":29}}],"autoZoomAndCenter":false,"clusterMarkers":false,"clusterMarkerRendererClassName":null}]; function initializeMaps() { maps.forEach(function(map, mapIndex) { if (!map.hasOwnProperty('showOnLoad') || map.showOnLoad == null) { console.error('`showOnLoad` is missing as map\'s property (index = ' + mapIndex + ').'); return; } if (map.showOnLoad) { maps[mapIndex] = initializeMap(mapIndex); } }); } /** * @param {int} mapIndex * @returns {object} map with markers */ function initializeMap(mapIndex) { var map = maps[mapIndex]; if (!map.hasOwnProperty('id') || map.id == null) { console.error('`id` is missing as map\'s property (mapIndex ' + mapIndex + ').'); return; } // initialize map only once if (document.querySelector('#' + map.id).classList.contains('hasMap')) { return; } if ((!map.hasOwnProperty('centerLatitude') || map.centerLatitude == null) && !map.autoZoomAndCenter) { console.error('`centerLatitude` is missing as map\'s property (mapIndex ' + mapIndex + ').'); return; } if ((!map.hasOwnProperty('centerLongitude') || map.centerLongitude == null) && !map.autoZoomAndCenter) { console.error('`centerLongitude` is missing as map\'s property (mapIndex ' + mapIndex + ').'); return; } if ((!map.hasOwnProperty('zoom') || map.zoom == null) && !map.autoZoomAndCenter) { console.error('`zoom` is missing as map\'s property (mapIndex ' + mapIndex + ').'); return; } var infowindow = new google.maps.InfoWindow(); if (map.autoZoomAndCenter) { var latlngbounds = new google.maps.LatLngBounds(); } var googleMap = new google.maps.Map(document.querySelector('#' + map.id), { mapId : map.id, zoom : map.zoom, center : new google.maps.LatLng(map.centerLatitude, map.centerLongitude), scaleControl : false, panControl : false, streetViewControl : false, mapTypeControl : true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, zoomControl : true, zoomControlOptions : {style: google.maps.ZoomControlStyle.DEFAULT}, overviewMapControl : false, mapTypeId : map.type, styles : [ { featureType: 'poi', stylers : [{visibility: 'off'}], }], }); // add markers per map to access them in global scope map.markers = []; if (!map.hasOwnProperty('pointsOfInterest') || !Array.isArray(map.pointsOfInterest) && map.pointsOfInterest.length === 0) { return; } for (var poiIndex in map.pointsOfInterest) { if (!map.pointsOfInterest.hasOwnProperty(poiIndex)) { continue; } (function(googleMap) { var pointOfInterest = map.pointsOfInterest[poiIndex]; if (!pointOfInterest.hasOwnProperty('popupTitle') || pointOfInterest.popupTitle == null) { console.error('`popupTitle` is missing as point of interest\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } if (!pointOfInterest.hasOwnProperty('popupContent') || pointOfInterest.popupContent == null) { console.error( '`popupContent` is missing as point of interest\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } if (!pointOfInterest.hasOwnProperty('showPopupOnLoad') || pointOfInterest.showPopupOnLoad == null) { console.error( '`showPopupOnLoad` is missing as point of interest\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } if (!pointOfInterest.hasOwnProperty('draggable') || pointOfInterest.draggable == null) { console.error('`draggable` is missing as point of interest\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } var advancedMarkerOptions = { title : pointOfInterest.title, position : { lat: pointOfInterest.latitude, lng: pointOfInterest.longitude, }, gmpDraggable: pointOfInterest.draggable, }; if (!map.clusterMarkers) { advancedMarkerOptions.map = googleMap; } if (map.autoZoomAndCenter) { latlngbounds.extend(advancedMarkerOptions.position); } var icon = pointOfInterest.hasOwnProperty('icon') ? pointOfInterest.icon : null; // Image/SVG icon if (icon != null && icon.hasOwnProperty('url') && icon.url != null) { if (!icon.hasOwnProperty('width') || icon.width == null) { console.error('`width` is missing as icon\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } if (!icon.hasOwnProperty('height') || icon.height == null) { console.error('`height` is missing as icon\'s property (mapIndex ' + mapIndex + ', poiIndex ' + poiIndex + ').'); return; } var imgElement = document.createElement('img'); imgElement.src = icon.url; imgElement.width = icon.width; imgElement.height = icon.height; advancedMarkerOptions.content = imgElement; } // HTML icon else if (icon != null && icon.hasOwnProperty('html') && icon.html != null) { var template = document.createElement('template'); template.innerHTML = icon.html; advancedMarkerOptions.content = template.content.children.length === 1 ? template.content.children[0] : template.content.children; } var googleMarker = new google.maps.marker.AdvancedMarkerElement(advancedMarkerOptions); if (icon != null && icon.hasOwnProperty('anchorOffsetX') && icon.anchorOffsetX != null) { googleMarker.element.style.left = icon.anchorOffsetX + 'px'; } if (icon != null && icon.hasOwnProperty('anchorOffsetY') && icon.anchorOffsetY != null) { googleMarker.element.style.top = icon.anchorOffsetY + 'px'; } googleMarker.addListener('click', function() { if (!pointOfInterest.hasOwnProperty('popupContent') || pointOfInterest.popupContent == null) { return; } let offsetLeft = googleMarker.element.offsetLeft + pointOfInterest.popupAnchorOffsetX; let offsetTop = googleMarker.element.offsetTop + pointOfInterest.popupAnchorOffsetY; infowindow.setContent(pointOfInterest.popupContent); infowindow.open(googleMap, googleMarker); infowindow.setOptions({pixelOffset: new google.maps.Size(offsetLeft, offsetTop)}); }); if (pointOfInterest.hasOwnProperty('showPopupOnLoad') && pointOfInterest.showPopupOnLoad) { google.maps.event.trigger(googleMarker, 'click'); } if (pointOfInterest.draggable) { googleMarker.addListener('dragend', function() { if (pointOfInterest.hasOwnProperty('latitudeInputId')) { document.querySelector('#' + pointOfInterest.latitudeInputId).value = this.position.lat(); } if (pointOfInterest.hasOwnProperty('longitudeInputId')) { document.querySelector('#' + pointOfInterest.longitudeInputId).value = this.position.lng(); } }); } map.markers[poiIndex] = googleMarker; })(googleMap); } if (map.clusterMarkers) { let renderer; if (map.clusterMarkerRendererClassName) { renderer = new window[map.clusterMarkerRendererClassName](); } else { renderer = new markerClusterer.DefaultRenderer(); } new markerClusterer.MarkerClusterer({ markers: map.markers, map : googleMap, renderer, }); } map.googleMap = googleMap; if (map.autoZoomAndCenter) { map.googleMap.fitBounds(latlngbounds); } document.querySelector('#' + map.id).classList.add('hasMap'); var customEvent = new CustomEvent('googleMapInitialized', {detail: {googleMap}}); document.dispatchEvent(customEvent); return map; } function loadGoogleScript() { if (document.getElementById('external-google-maps-script') != null) { return; } let script; script = document.createElement('script'); script.id = 'external-google-maps-script'; script.type = 'text/javascript'; script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBeeXp0YJYoQwwojUfGhusRZVpzlnB4M7M&libraries=marker&callback=initializeMaps'; document.getElementsByTagName('head')[0].appendChild(script); } </script> <script> function trackCookieStatus(status) { var xhr = new XMLHttpRequest(); xhr.open('POST', '/cookie-notice-decision.php', false); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('akzeptiert=' + status); } document.addEventListener('acceptGoogleAnalyticsTracking', function() { trackCookieStatus(1); }); document.addEventListener('refuseGoogleAnalyticsTracking', function() { trackCookieStatus(0); }); document.addEventListener('DOMContentLoaded', function() { new Swiper('#main-swiper', { direction : 'horizontal', loop : true, navigation: { nextEl: '.swiper-move-right', prevEl: '.swiper-move-left', }, }); // Hide navigation when clicking outside window.addEventListener('click', function(e) { if (window.getComputedStyle(document.getElementsByClassName('navigation-hamburger-content')[0]).getPropertyValue('opacity') === '1') { // event target is outside navigation if (event.target.closest('nav') === null) { document.getElementById('navigation-toggle-input').checked = false; } // event target is search bar else if (event.target.id === 'suchbegriff') { document.getElementById('navigation-toggle-input').checked = false; } } }); }); </script> <link rel="stylesheet" href="/css/swiper.min.css"> <link rel="stylesheet" href="/css/event.min.css"> <link rel="stylesheet" href="/css/google-maps.min.css"> </body> </html>