{"id":5608,"date":"2026-07-28T22:02:25","date_gmt":"2026-07-28T20:02:25","guid":{"rendered":"https:\/\/surfhostel.com\/?page_id=5608"},"modified":"2026-07-28T23:39:14","modified_gmt":"2026-07-28T21:39:14","slug":"garden-apartment","status":"publish","type":"page","link":"https:\/\/surfhostel.com\/de\/rooms\/garden-apartment\/","title":{"rendered":"Garten Apartment"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5608\" class=\"elementor elementor-5608\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f3d37 e-flex e-con-boxed e-con e-parent\" data-id=\"e4f3d37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e06a0e elementor-widget elementor-widget-thim-ekits-heading\" data-id=\"7e06a0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"thim-ekits-heading thim-ekit__heading\"><h2 class=\"title\">Garten Apartment<\/h2><span class=\"seperator seperator-dotted\"><\/span><\/div>\t\t\t\t<\/div>\n\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-fbbfe81 e-flex e-con-boxed e-con e-parent\" data-id=\"fbbfe81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-0b2dc94 e-con-full e-flex e-con e-child\" data-id=\"0b2dc94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0e9ae elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9b0e9ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"custom-room-gallery\">\r\n  <!-- Main Hero Image Display -->\r\n  <div class=\"gallery-hero-container\">\r\n    <img decoding=\"async\" id=\"gallery-hero-img\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Bed-and-Kitchen.jpg\" alt=\"Room Main View\" title=\"\">\r\n  <\/div>\r\n\r\n  <!-- Thumbnails Row -->\r\n  <div class=\"gallery-thumbnails\">\r\n    <img decoding=\"async\" class=\"gallery-thumb active\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Bed-and-Kitchen.jpg\" alt=\"Bed and Kitchen View\" onclick=\"changeHeroImage(this)\" title=\"\">\r\n    <img decoding=\"async\" class=\"gallery-thumb\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Lounge.jpg\" alt=\"Lounge View\" onclick=\"changeHeroImage(this)\" title=\"\">\r\n    <img decoding=\"async\" class=\"gallery-thumb\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Kitchen.jpg\" alt=\"Kitchen View\" onclick=\"changeHeroImage(this)\" title=\"\">\r\n    <img decoding=\"async\" class=\"gallery-thumb\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Couch.jpg\" alt=\"Couch Area View\" onclick=\"changeHeroImage(this)\" title=\"\">\r\n    <img decoding=\"async\" class=\"gallery-thumb\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2024\/04\/Garden-Apartment-Bed.jpg\" alt=\"Bed View\" onclick=\"changeHeroImage(this)\" title=\"\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Main Container *\/\r\n  .custom-room-gallery {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* Hero Image Box - Fixed Landscape Aspect Ratio *\/\r\n  .gallery-hero-container {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    overflow: hidden;\r\n    border-radius: 6px;\r\n    background-color: #EFE6E6;\r\n    border: 1px solid #dcdcdc;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  #gallery-hero-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    transition: opacity 0.2s ease-in-out;\r\n    display: block;\r\n  }\r\n\r\n  \/* Thumbnails Grid Layout (5 columns) *\/\r\n  .gallery-thumbnails {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* Individual Thumbnail Styling *\/\r\n  .gallery-thumb {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    object-fit: cover;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    opacity: 0.6;\r\n    transition: all 0.2s ease;\r\n    border: 2px solid transparent;\r\n  }\r\n\r\n  .gallery-thumb:hover {\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* Active\/Selected Thumbnail State *\/\r\n  .gallery-thumb.active {\r\n    opacity: 1;\r\n    border-color: #52798f;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function changeHeroImage(element) {\r\n    const heroImg = document.getElementById('gallery-hero-img');\r\n    \r\n    heroImg.style.opacity = '0.3';\r\n    \r\n    setTimeout(() => {\r\n      heroImg.src = element.src;\r\n      heroImg.style.opacity = '1';\r\n    }, 150);\r\n\r\n    const thumbnails = document.querySelectorAll('.gallery-thumb');\r\n    thumbnails.forEach(thumb => thumb.classList.remove('active'));\r\n\r\n    element.classList.add('active');\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-371819f6 elementor-widget elementor-widget-elementskit-simple-tab\" data-id=\"371819f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-simple-tab.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div class=\"elementkit-tab-wraper\">\n            <ul class=\"nav nav-tabs elementkit-tab-nav  elementskit-fullwidth-tab\">\n                                    <li class=\"elementkit-nav-item elementor-repeater-item-e7fb3c4\">\n                        <a class=\"elementkit-nav-link  active show top-pos\" id=\"content-e7fb3c46a691e31e7775-tab\" data-ekit-handler-id=\"description\" data-ekit-toggle=\"tab\" data-target=\"#content-e7fb3c46a691e31e7775\" href=\"#Content-e7fb3c46a691e31e7775\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-e7fb3c46a691e31e7775\">\n                                                        <span class=\"elementskit-tab-title\">Description<\/span>\n                        <\/a>\n                    <\/li>\n                                        <li class=\"elementkit-nav-item elementor-repeater-item-9077dfd\">\n                        <a class=\"elementkit-nav-link  top-pos\" id=\"content-9077dfd6a691e31e7775-tab\" data-ekit-handler-id=\"room-amenities\" data-ekit-toggle=\"tab\" data-target=\"#content-9077dfd6a691e31e7775\" href=\"#Content-9077dfd6a691e31e7775\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-9077dfd6a691e31e7775\">\n                                                        <span class=\"elementskit-tab-title\">Zimmer Ausstattung<\/span>\n                        <\/a>\n                    <\/li>\n                                        <li class=\"elementkit-nav-item elementor-repeater-item-00f52ae\">\n                        <a class=\"elementkit-nav-link  top-pos\" id=\"content-00f52ae6a691e31e7775-tab\" data-ekit-handler-id=\"house-rules\" data-ekit-toggle=\"tab\" data-target=\"#content-00f52ae6a691e31e7775\" href=\"#Content-00f52ae6a691e31e7775\"\n                            data-ekit-toggle-trigger=\"click\"\n                            aria-describedby=\"Content-00f52ae6a691e31e7775\">\n                                                        <span class=\"elementskit-tab-title\">House Rules<\/span>\n                        <\/a>\n                    <\/li>\n                                <\/ul>\n\n            <div class=\"tab-content elementkit-tab-content\">\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-e7fb3c4  active show\" id=\"content-e7fb3c46a691e31e7775\" role=\"tabpanel\"\n                         aria-labelledby=\"content-e7fb3c46a691e31e7775-tab\">\n                        <div class=\"animated fadeIn\">\n                            <p>Unser privates Doppelzimmer ist ger\u00e4umig, komfortabel und verf\u00fcgt \u00fcber ein eigenes Bad. Die G\u00e4ste haben zudem Zugang zu allen Gemeinschaftsbereichen, darunter eine voll ausgestattete K\u00fcche, ein Wohnzimmer, ideal zum Entspannen und f\u00fcr ein geselliges Beisammensein, sowie der wundersch\u00f6ne Aussenbereich mit Garten, Bar, Louges und Strandpool. Alle Zimmer bieten Highspeed-WLAN, Bettw\u00e4sche und Badet\u00fccher.<\/p><p><span class=\"wixui-rich-text__text\">Alle Zimmer sind mit high-speed wifi, Bettw\u00e4sche und Badet\u00fccher ausgestattet.\u00a0<\/span><\/p>                        <\/div>\n                    <\/div>\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-9077dfd\" id=\"content-9077dfd6a691e31e7775\" role=\"tabpanel\"\n                         aria-labelledby=\"content-9077dfd6a691e31e7775-tab\">\n                        <div class=\"animated fadeIn\">\n                            <div class=\"facility_attr\"><p><img decoding=\"async\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2023\/07\/pool.svg\" alt=\"\" data-wp-editing=\"1\" title=\"\">\u00a0 Aussen-Pool<br \/><img decoding=\"async\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2023\/07\/wifi.svg\" alt=\"\" title=\"\"> Freies Wifi<br \/><img decoding=\"async\" class=\"\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2023\/07\/nosmoke.svg\" alt=\"\" title=\"\"> Nichtraucher Zimmer<br \/><img decoding=\"async\" class=\"\" src=\"https:\/\/surfhostel.com\/wp-content\/uploads\/2023\/07\/beachfront.svg\" alt=\"\" title=\"\"> Nahe am Strand (300m)<\/p><\/div>                        <\/div>\n                    <\/div>\n                                    <div class=\"tab-pane elementkit-tab-pane elementor-repeater-item-00f52ae\" id=\"content-00f52ae6a691e31e7775\" role=\"tabpanel\"\n                         aria-labelledby=\"content-00f52ae6a691e31e7775-tab\">\n                        <div class=\"animated fadeIn\">\n                            <ul><li>Kein Rauchen gestattet im Haus<\/li><li>Keine Haustiere erlaubt<\/li><\/ul>                        <\/div>\n                    <\/div>\n                                \n            <\/div>\n                    <\/div>\n    <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-088c4fa e-con-full e-flex e-con e-child\" data-id=\"088c4fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f2ad6 elementor-widget elementor-widget-heading\" data-id=\"c0f2ad6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span style=\"font-family: Literata;font-size: 18px;text-align: center;text-transform: uppercase;white-space: normal\">Enquiry<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90dc9ef elementor-widget elementor-widget-text-editor\" data-id=\"90dc9ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Bitte kontaktiere uns, falls du nicht findest wonach du suchst.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc021a0 elementor-widget elementor-widget-thim-ekits-contact-form-7\" data-id=\"fc021a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"thim-ekits-contact-form-7.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"thim-ekit-wpcf7\">\n\t\t\t\t\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3696-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"3696\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/de\/wp-json\/wp\/v2\/pages\/5608#wpcf7-f3696-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/de\/wp-json\/wp\/v2\/pages\/5608#wpcf7-f3696-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3696\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3696-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Vor- und Nachname\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mobiltelefon\" value=\"\" type=\"number\" name=\"phone-number\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email *\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"room-type\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"room-type\"><option value=\"Please select room *\">Please select room *<\/option><option value=\"Double Room\">Doppelzimmer<\/option><option value=\"Twin Room\">Zweibett Zimmer<\/option><option value=\"Garden Apartment\">Garten Apartment<\/option><option value=\"Standard Apartment\">Studio Apartment<\/option><option value=\"Budget Double\">Budget Doppelzimmer<\/option><option value=\"Dorm Room\">Mehrbett Zimmer<\/option><\/select><\/span>\n<\/p>\n<p><label> Date in *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"date-in\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Date in *\" value=\"\" type=\"date\" name=\"date-in\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Date out *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"date-out\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-required wpcf7-validates-as-date\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Date out *\" value=\"\" type=\"date\" name=\"date-out\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"adults\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"adults\"><option value=\"Adults\">Adults<\/option><option value=\"1\">1<\/option><option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5\">5<\/option><option value=\"6\">6<\/option><option value=\"7\">7<\/option><option value=\"8\">8<\/option><option value=\"9\">9<\/option><option value=\"10\">10<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Additional notes\" value=\"\" type=\"text\" name=\"your-message\" \/><\/span>\n<\/p>\n<div class=\"button-submit\">\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"submit Enquiry\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form>\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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-3d967c4 e-flex e-con-boxed e-con e-parent\" data-id=\"3d967c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72804e5 elementor-widget elementor-widget-spacer\" data-id=\"72804e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Garden Apartment Description Room Amenities House Rules Our double room is spacious, comfortable and private, featuring an en-suite bathroom. Guests also have access to shared facilities including a fully equipped kitchen, a living room perfect for relaxation and socializing, and outdoor amenities such as the beach pool and lush garden. All rooms feature high-speed wifi, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5623,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5608","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/pages\/5608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/comments?post=5608"}],"version-history":[{"count":6,"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/pages\/5608\/revisions"}],"predecessor-version":[{"id":5678,"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/pages\/5608\/revisions\/5678"}],"up":[{"embeddable":true,"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/pages\/5623"}],"wp:attachment":[{"href":"https:\/\/surfhostel.com\/de\/wp-json\/wp\/v2\/media?parent=5608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}