{"id":16,"date":"2025-03-13T16:37:41","date_gmt":"2025-03-13T15:37:41","guid":{"rendered":"https:\/\/casa-creativa.es\/?page_id=16"},"modified":"2026-05-21T17:43:31","modified_gmt":"2026-05-21T15:43:31","slug":"startseite","status":"publish","type":"page","link":"https:\/\/casa-creativa.es\/de\/","title":{"rendered":"Startseite"},"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\">Sie sehnen sich nach Natur und Ruhe?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Casa Creativa ist ein Ort zum Ankommen und Entspannen. Schon der traumhafte Blick von Ihrer Terrasse \u00fcber die Bananenplantagen, Palmen und die \u00fcppige Vegetation des Barranco de Hermigua sorgt f\u00fcr Ruhe und Erholung. Gleichzeitig wohnen Sie mitten im Ort \u2013 zentral gelegen und dennoch in angenehmer, lebendiger Atmosph\u00e4re, wenn Sie es w\u00fcnschen.<\/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>Unsere Apartments und 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\/de\/unterkunft\/flamboyant\/'\" onkeypress=\"if(event.key === 'Enter') location.href='https:\/\/casa-creativa.es\/de\/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>bis zu 4 Personen<\/li>\n                                    \n                                    <li>2 Schlafzimmer<\/li>\n                \n                                    <li>eigene K\u00fcche<\/li>\n                                    <li>Terasse<\/li>\n                                    <li>eigenes Bad<\/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\/de\/unterkunft\/ilona\/'\" onkeypress=\"if(event.key === 'Enter') location.href='https:\/\/casa-creativa.es\/de\/unterkunft\/ilona\/'\" >\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>bis zu 3 Personen<\/li>\n                                    \n                                    <li>1 Schlafzimmer<\/li>\n                \n                                    <li>eigene K\u00fcche<\/li>\n                                    <li>Terasse<\/li>\n                                    <li>eigenes Bad<\/li>\n                            <\/ul>\n            <\/div>\n<\/article><\/li>\n                    <\/ul>\n    \n            <a class=\"block-apartments-teaser__button\" href=\"https:\/\/casa-creativa.es\/unterkuenfte\/\">Alle Unterk\u00fcnfte ansehen<\/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\">F\u00fcr gesellige Stunden l\u00e4dt unsere Bar mit sch\u00f6ner Terrasse zum Verweilen ein \u2013 der perfekte Ort, um bei einem Drink den Blick \u00fcber die Landschaft schweifen zu lassen und den Tag entspannt ausklingen zu lassen. Alternativ sorgt unser hauseigener Pool f\u00fcr eine willkommene Erfrischung und entspannte Momente unter der Sonne.<\/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>Hier k\u00f6nnen Sie was erleben<\/h2>\n    \n            <ul>\n                            <li>\n                    <a href=\"https:\/\/casa-creativa.es\/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\/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\/saal\">\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>Entdecken Sie 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            Sehensw\u00fcrdigkeiten erkunden        <\/a>\n            <\/div>\n    \n            <div class=\"block-map-preview__map\">\n            <button class=\"button-center-map\">\n                Zentrieren            <\/button>\n        <\/div>\n    \n            <a class=\"block-map-preview__button\" href=\"https:\/\/casa-creativa.es\/hermigua\/\">\n            Sehensw\u00fcrdigkeiten erkunden        <\/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-16","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":156,"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1181,"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/pages\/16\/revisions\/1181"}],"wp:attachment":[{"href":"https:\/\/casa-creativa.es\/de\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}