{"id":1198,"date":"2025-03-13T16:37:41","date_gmt":"2025-03-13T15:37:41","guid":{"rendered":"https:\/\/casa-creativa.es\/startseite\/"},"modified":"2026-06-18T18:05:19","modified_gmt":"2026-06-18T16:05:19","slug":"startseite","status":"publish","type":"page","link":"https:\/\/casa-creativa.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"lazyblock-introtext-aC340 wp-block-lazyblock-introtext\"><!-- Block: Text -->\n\n\n\n<section class=\"block-introtext\">\n    <div class=\"lazyblock-inner-blocks\">\n\n<h2 class=\"wp-block-heading\">Do you long for nature and peace and quiet?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Casa Creativa is a place to unwind and relax. The breathtaking view from your terrace \u2013 over the banana plantations, palm trees, and the lush vegetation of the Barranco de Hermigua \u2013 is enough to bring you peace and relaxation. At the same time, you\u2019ll be staying right in the heart of town \u2013 centrally located yet surrounded by a pleasant, lively atmosphere whenever you wish.<\/p>\n\n<\/div>\n<\/section><\/div>\n\n<div class=\"lazyblock-apartments-teaser-Z2sBjat wp-block-lazyblock-apartments-teaser\"><!-- Block: Text -->\n\n\n\n<section class=\"block-apartments-teaser\">\n            <h2>Our apartments and studios<\/h2>\n    \n            <ul>\n                            <li><!-- Card: Service -->\n\n\n\n<article class=\"card-apartment\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"\u00d6ffne Flamboyant\" onclick=\"location.href='https:\/\/casa-creativa.es\/en\/unterkunft\/flamboyant\/'\" onkeypress=\"if(event.key === 'Enter') location.href='https:\/\/casa-creativa.es\/en\/unterkunft\/flamboyant\/'\" >\n            <div class=\"card-apartment__thumbnail\">\n            <img decoding=\"async\" src=\"https:\/\/casa-creativa.es\/wp-content\/uploads\/2026\/03\/Casa-creativa-Ilona-31-scaled-1.jpg\" alt=\"\" \/>\n        <\/div>\n        \n\n    <div class=\"card-apartment__text\">\n        <h3>Flamboyant<\/h3>\n\n                    <ul>\n                                        <li>up to 4 guests<\/li>\n                                    \n                                    <li>2 bedroom<\/li>\n                \n                                    <li>private kitchen<\/li>\n                                    <li>terrace<\/li>\n                                    <li>private bathroom<\/li>\n                            <\/ul>\n            <\/div>\n<\/article><\/li>\n                            <li><!-- Card: Service -->\n\n\n\n<article class=\"card-apartment\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"\u00d6ffne Faya\" onclick=\"location.href='https:\/\/casa-creativa.es\/en\/unterkunft\/faya\/'\" onkeypress=\"if(event.key === 'Enter') location.href='https:\/\/casa-creativa.es\/en\/unterkunft\/faya\/'\" >\n            <div class=\"card-apartment__thumbnail\">\n            <img decoding=\"async\" src=\"https:\/\/casa-creativa.es\/wp-content\/uploads\/2026\/03\/Casa-creativa-Ilona-31-scaled-1.jpg\" alt=\"\" \/>\n        <\/div>\n        \n\n    <div class=\"card-apartment__text\">\n        <h3>Faya<\/h3>\n\n                    <ul>\n                                        <li>up to 3 guests<\/li>\n                                    \n                                    <li>1 bedroom<\/li>\n                \n                                    <li>private kitchen<\/li>\n                                    <li>terrace<\/li>\n                                    <li>private bathroom<\/li>\n                            <\/ul>\n            <\/div>\n<\/article><\/li>\n                    <\/ul>\n    \n            <a class=\"block-apartments-teaser__button\" href=\"https:\/\/casa-creativa.es\/accommodations\">View all accommodations<\/a>\n    <\/section><\/div>\n\n<div class=\"lazyblock-introtext-Z1DuPxY wp-block-lazyblock-introtext\"><!-- Block: Text -->\n\n\n\n<section class=\"block-introtext\">\n    <div class=\"lazyblock-inner-blocks\">\n\n<p class=\"wp-block-paragraph\">For a pleasant time with friends, our bar with its beautiful terrace invites you to linger \u2013 the perfect place to let your gaze wander over the landscape while enjoying a drink and winding down the day in a relaxed atmosphere. Alternatively, our on-site pool offers a welcome refreshment and moments of relaxation under the sun.<\/p>\n\n<\/div>\n<\/section><\/div>\n\n<div class=\"lazyblock-highlights-ZuGUuB wp-block-lazyblock-highlights\"><!-- Block: Text -->\n\n\n\n<section class=\"block-highlights\">\n            <h2>There&#8217;s plenty to experience here<\/h2>\n    \n            <ul>\n                            <li>\n                    <a href=\"https:\/\/casa-creativa.es\/en\/cafe-bar-pedro\/\">\n                        <div class=\"image\">\n                            <img decoding=\"async\" src=\"https:\/\/casa-creativa.es\/wp-content\/uploads\/2026\/03\/Casa-creativa-Bar-Pedro-7-scaled-1.jpg\" alt=\"\">\n                        <\/div>\n                        \n                        <h3>Cafe &amp; bar Pedro<\/h3>\n                    <\/a>\n                <\/li>\n                            <li>\n                    <a href=\"https:\/\/casa-creativa.es\/en\/pool\">\n                        <div class=\"image\">\n                            <img decoding=\"async\" src=\"https:\/\/casa-creativa.es\/wp-content\/uploads\/2026\/03\/Casa-creativa-Hermigua-12-scaled-1.jpg\" alt=\"\">\n                        <\/div>\n                        \n                        <h3>Pool<\/h3>\n                    <\/a>\n                <\/li>\n                            <li>\n                    <a href=\"https:\/\/casa-creativa.es\/en\/hall\">\n                        <div class=\"image\">\n                            <img decoding=\"async\" src=\"https:\/\/casa-creativa.es\/wp-content\/uploads\/2026\/03\/Casa-creativa-Sala-2-scaled-1.jpg\" alt=\"\">\n                        <\/div>\n                        \n                        <h3>Saal<\/h3>\n                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/section><\/div>\n\n<div class=\"lazyblock-map-preview-Z1cdU0t wp-block-lazyblock-map-preview\">\n<!-- Block: Map Preview -->\n<section class=\"block-map-preview\">\n\n            <div class=\"block-map-preview__text\">\n            <div>\n                                    <h2>Discover Hermigua<\/h2>\n                \n                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n                            <\/div>\n\n                    <a href=\"https:\/\/casa-creativa.es\/hermigua\/\">\n            Explore the sights        <\/a>\n            <\/div>\n    \n            <div class=\"block-map-preview__map\">\n            <button class=\"button-center-map\">\n                Center            <\/button>\n        <\/div>\n    \n            <a class=\"block-map-preview__button\" href=\"https:\/\/casa-creativa.es\/hermigua\/\">\n            Explore the sights        <\/a>\n    \n<\/section>\n\n<script>\n(function () {\n    'use strict';\n\n    \/\/ \u2500\u2500 Konfiguration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const MAP_CONFIG = {\n        accessToken  : 'pk.eyJ1Ijoia25pY2siLCJhIjoiY2s2Nms5dGFnMDhqczNucDY4Z3lqZjF4dSJ9.U1ose9Ig1c6N5PdZAi75bg',\n        style        : 'mapbox:\/\/styles\/knick\/cmolf3y5e002301qthur40s4r',\n        center       : [-17.2216361984, 28.1184994436],\n        marker       : [-17.1906650634, 28.1708449339],\n        zoomDuration : 1000,\n        zoomLevels   : {\n            default : 10,   \/\/ < 800 px\n            md      : 10,   \/\/ \u2265 800 px\n            lg      : 10.5,   \/\/ \u2265 1280 px\n            xl      : 11,   \/\/ \u2265 1500 px\n        },\n    };\n\n    \/\/ \u2500\u2500 Hilfsfunktion: Debounce \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function debounce( fn, delay ) {\n        let timer;\n        return function ( ...args ) {\n            clearTimeout( timer );\n            timer = setTimeout( () => fn.apply( this, args ), delay );\n        };\n    }\n\n    \/\/ \u2500\u2500 Zoom-Level anhand Viewport ermitteln \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function getZoomLevel() {\n        const w = window.innerWidth;\n        if ( w >= 1500 ) return MAP_CONFIG.zoomLevels.xl;\n        if ( w >= 1280 ) return MAP_CONFIG.zoomLevels.lg;\n        if ( w >= 800  ) return MAP_CONFIG.zoomLevels.md;\n        return MAP_CONFIG.zoomLevels.default;\n    }\n\n    \/\/ \u2500\u2500 Marker-Element erstellen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    function createMarkerElement( name ) {\n        const div = document.createElement( 'div' );\n        div.className = 'marker';\n        div.innerHTML = `\n            <p>${ name }<\/p>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"auto\" height=\"100%\" viewBox=\"0 0 39.819 54\" aria-hidden=\"true\">\n                <path d=\"M19.909,0C8.9,0,0,8.451,0,18.9,0,33.075,19.909,54,19.909,54s19.91-20.925,19.91-35.1C39.819,8.451,30.916,0,19.909,0Z\" fill=\"#0d0e12\"\/>\n                <circle cx=\"20\" cy=\"20\" r=\"10\" fill=\"#99FFBB\"\/>\n            <\/svg>\n        `;\n        return div;\n    }\n\n    \/\/ \u2500\u2500 DOM bereit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    document.addEventListener( 'DOMContentLoaded', function () {\n        const mapContainer    = document.querySelector( '.block-map-preview__map' );\n        const btnCenterMap    = document.querySelector( '.button-center-map' );\n\n        if ( ! mapContainer ) {\n            console.error( '[Map Block] Container \".block-map-preview__map\" nicht gefunden.' );\n            return;\n        }\n\n        \/\/ \u2500\u2500 Mapbox initialisieren \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        mapboxgl.accessToken = MAP_CONFIG.accessToken;\n\n        const map = new mapboxgl.Map( {\n            container        : mapContainer,\n            style            : MAP_CONFIG.style,\n            center           : MAP_CONFIG.center,\n            zoom             : getZoomLevel(),\n            maxZoom          : 22,\n            minZoom          : 5,\n            scrollZoom       : false,\n            boxZoom          : false,\n            doubleClickZoom  : false,\n            \/\/ Touch-Drag nur auf Desktop; auf Touch-Ger\u00e4ten deaktiviert,\n            \/\/ damit die Seite weiterhin scrollbar bleibt.\n            dragPan          : ! ( 'ontouchstart' in window ),\n        } );\n\n        map.addControl( new mapboxgl.NavigationControl(), 'top-right' );\n\n        \/\/ \u2500\u2500 Karte geladen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        map.on( 'load', () => {\n            \/\/ Canvas aus der Tab-Reihenfolge nehmen (kein Screenreader-Trap)\n            map.getCanvas().setAttribute( 'tabindex', '-1' );\n            flyToMap();\n        } );\n\n\/\/ \u2500\u2500 Nur einen Center-Marker setzen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nnew mapboxgl.Marker( {\n    element: createMarkerElement( 'Casa Creativa' )\n} )\n.setLngLat( MAP_CONFIG.marker )\n.addTo( map );\n\n        \/\/ \u2500\u2500 Zur Kartenmitte fliegen \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        function flyToMap() {\n            map.flyTo( {\n                center   : MAP_CONFIG.center,\n                zoom     : getZoomLevel(),\n                duration : MAP_CONFIG.zoomDuration,\n            } );\n        }\n\n        \/\/ \u2500\u2500 Zentrierung per Button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        if ( btnCenterMap ) {\n            btnCenterMap.addEventListener( 'click', flyToMap );\n        }\n\n        \/\/ \u2500\u2500 Resize mit Debounce \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n        window.addEventListener( 'resize', debounce( flyToMap, 200 ) );\n    } );\n} )();\n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1198","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/pages\/1198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/comments?post=1198"}],"version-history":[{"count":7,"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/pages\/1198\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/pages\/1198\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/casa-creativa.es\/en\/wp-json\/wp\/v2\/media?parent=1198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}