{"id":199,"date":"2026-06-09T10:24:14","date_gmt":"2026-06-09T08:24:14","guid":{"rendered":"https:\/\/cruiarquitectura.com\/elementor-193\/"},"modified":"2026-06-18T13:47:34","modified_gmt":"2026-06-18T11:47:34","slug":"elementor-193","status":"publish","type":"page","link":"https:\/\/cruiarquitectura.com\/de\/","title":{"rendered":"home 2.0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"199\" class=\"elementor elementor-199 elementor-193\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387a437 e-con-full e-flex e-con e-parent\" data-id=\"387a437\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8156fa9 elementor-widget elementor-widget-html\" data-id=\"8156fa9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html class=\"scroll-smooth\" lang=\"de\">\r\n<head>\r\n    <meta charset=\"utf-8\"\/>\r\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;500;700&display=swap\" rel=\"stylesheet\"\/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght@200..400\" \/>\r\n    \r\n    <script id=\"tailwind-config\">\r\n      tailwind.config = {\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n                'arch-black': '#000000',\r\n                'arch-white': '#FFFFFF',\r\n                'arch-gray-1': '#d6d5d5',\r\n                'arch-gray-2': '#ededed',\r\n            },\r\n            fontFamily: {\r\n                sans: ['Inter', 'sans-serif'],\r\n            }\r\n          },\r\n        },\r\n      }\r\n    <\/script>\r\n    <style>\r\n        body { font-family: 'Inter', sans-serif; font-weight: 300; }\r\n        .f-light { font-weight: 300; }\r\n        .f-medium { font-weight: 500; }\r\n        .f-bold { font-weight: 700; }\r\n        \r\n        .video-container {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 0;\r\n        }\r\n        .video-bg {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Estilizaci\u00f3n de Galer\u00eda *\/\r\n        .img-card {\r\n            overflow: hidden;\r\n            background-color: #ededed;\r\n            position: relative;\r\n        }\r\n        .img-card img {\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n            filter: grayscale(100%);\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n        .img-card:hover img {\r\n            transform: scale(1.05);\r\n            filter: grayscale(0%);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-arch-white text-arch-black\">\r\n\r\n<main>\r\n    <!-- HERO SECTION -->\r\n    <section class=\"relative h-screen w-full overflow-hidden flex items-center justify-center bg-arch-black\">\r\n        <div class=\"absolute inset-0 bg-black\/40 z-10\"><\/div>\r\n        <div class=\"video-container\">\r\n            <video autoplay muted loop playsinline class=\"video-bg\">\r\n                <source src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/e-rpint-architecture.mov\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n        <div class=\"relative z-20 text-center px-6\">\r\n            <h1 class=\"text-arch-white text-5xl md:text-8xl f-light tracking-tight leading-none max-w-5xl mx-auto mb-8\">\r\n                Architekturstudio auf Mallorca\r\n            <\/h1>\r\n            <div class=\"w-16 h-[1px] bg-arch-gray-1 mx-auto mb-8\"><\/div>\r\n            <p class=\"text-arch-white f-medium uppercase tracking-[0.5em] text-[10px] md:text-xs\">Zeitlose mediterrane R\u00e4ume<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- PHILOSOPHY SECTION (Bot\u00f3n t\u00e9cnico unificado) -->\r\n    <section class=\"py-24 md:py-40 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-24 items-start\">\r\n            \r\n            <div class=\"space-y-12\">\r\n                <div class=\"space-y-4\">\r\n                    <span class=\"text-[10px] f-bold tracking-[0.3em] uppercase text-arch-gray-1\">Philosophie<\/span>\r\n                    <h2 class=\"text-4xl md:text-6xl f-light leading-[1.1] tracking-tight\">\r\n                        Design trifft Pr\u00e4zision.\r\n                    <\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"space-y-6 text-arch-black\/80 f-light leading-relaxed text-lg max-w-xl\">\r\n                    <p>Wir bieten hochwertige architektonische L\u00f6sungen f\u00fcr anspruchsvolle Bauherren, die eine Verbindung aus mutiger Kreativit\u00e4t und kompromissloser Pr\u00e4zision verlangen.<\/p>\r\n                    <p>Unsere Praxis schl\u00e4gt die Br\u00fccke zwischen jahrzehntelanger Branchenerfahrung und einer zukunftsorientierten, zeitgen\u00f6ssischen Design\u00e4sthetik.<\/p>\r\n                <\/div>\r\n\r\n                <!-- BOT\u00d3N \u00daNICO ESTILO T\u00c9CNICO -->\r\n                <div class=\"space-y-0 border-t border-arch-gray-2 pt-4\">\r\n                    <a id=\"nav-to-solutions\" href=\"\/de\/architectural-firm\/#solutions\" class=\"group py-8 border-b border-arch-gray-2 flex justify-between items-center transition-all hover:bg-arch-gray-2\/30 px-2\">\r\n                        <div class=\"flex items-center gap-6\">\r\n                            <span class=\"text-xs f-bold text-arch-gray-1\">01<\/span>\r\n                            <h3 class=\"f-medium uppercase tracking-widest text-sm\">Architekturleistungen<\/h3>\r\n                        <\/div>\r\n                        <span class=\"material-symbols-outlined translate-x-[-10px] opacity-0 group-hover:translate-x-0 group-hover:opacity-100 transition-all duration-500\">arrow_right_alt<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative pt-12 lg:pt-24\">\r\n                <div class=\"absolute top-0 right-0 w-2\/3 h-full bg-arch-gray-2 -z-10\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585152220-90363fe7e115?q=80&w=2070&auto=format&fit=crop\" \r\n                     class=\"w-full aspect-[4\/5] object-cover shadow-sm grayscale hover:grayscale-0 transition-all duration-1000\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N 2: GLOBAL VISION (A\u00f1adido ID solutions) -->\r\n    <section id=\"solutions\" class=\"py-32 md:py-56 px-8 lg:px-16 bg-arch-gray-2\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"space-y-16\">\r\n                <div class=\"max-w-5xl\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.4em] text-arch-gray-1 mb-6 block\">Internationale Ausstrahlung<\/span>\r\n                    <h2 class=\"text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">\r\n                        Architektur f\u00fcr globale Investoren.\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-end\">\r\n                    <div class=\"lg:col-span-6\">\r\n                        <p class=\"text-2xl f-light leading-relaxed text-arch-black\/70\">\r\n                            Unser Studio agiert als strategischer Partner f\u00fcr diejenigen, die Kapital in ikonische Projekte auf den Balearen, in Marbella, Berlin, Chile und Singapur transformieren m\u00f6chten.\r\n                        <\/p>\r\n                    <\/div>\r\n                    <div class=\"lg:col-span-6\">\r\n                        <div class=\"flex flex-wrap gap-x-12 gap-y-4 border-t border-arch-gray-1 pt-8\">\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">Europa<\/p>\r\n                                <p class=\"text-sm f-light\">Mallorca, Marbella, Berlin<\/p>\r\n                            <\/div>\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">Amerika<\/p>\r\n                                <p class=\"text-sm f-light\">Chile<\/p>\r\n                            <\/div>\r\n                            <div class=\"space-y-1\">\r\n                                <p class=\"text-[10px] f-bold uppercase tracking-widest\">Asien<\/p>\r\n                                <p class=\"text-sm f-light\">Singapur<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECCI\u00d3N 3: GALLERY -->\r\n    <section class=\"py-24 md:py-40 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            \r\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-6\">\r\n                <div class=\"md:col-span-7 img-card aspect-[16\/9]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Luxusvilla Mallorca\">\r\n                <\/div>\r\n                <div class=\"md:col-span-5 img-card aspect-square md:aspect-auto\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?q=80&w=2071&auto=format&fit=crop\" alt=\"Modernes Architekturdetail\">\r\n                <\/div>\r\n\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154526-990dced4db0d?q=80&w=2070&auto=format&fit=crop\" alt=\"Innendesign\">\r\n                <\/div>\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1974&auto=format&fit=crop\" alt=\"Mediterranes Licht\">\r\n                <\/div>\r\n                <div class=\"md:col-span-4 img-card aspect-[4\/5]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600566753151-384129cf4e3e?q=80&w=2070&auto=format&fit=crop\" alt=\"Konstruktives Detail\">\r\n                <\/div>\r\n\r\n                <div class=\"md:col-span-12 img-card aspect-[21\/9]\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?q=80&w=2070&auto=format&fit=crop\" alt=\"Panorama-Architektur\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-16 flex flex-col items-center text-center space-y-4\">\r\n                <div class=\"w-8 h-[1px] bg-arch-black\"><\/div>\r\n                <p class=\"text-[10px] f-bold uppercase tracking-[0.5em] text-arch-gray-1\">Zeitgen\u00f6ssisches Wohnen \u2014 Ausgew\u00e4hlte Perspektiven<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/main>\r\n\r\n<script>\r\n    \/**\r\n     * Script para ajustar el enlace de Architectural Services seg\u00fan el idioma de WPML\r\n     *\/\r\n    (function() {\r\n        const link = document.getElementById('nav-to-solutions');\r\n        if (!link) return;\r\n\r\n        const path = window.location.pathname;\r\n        let prefix = \"\";\r\n\r\n        if (path.startsWith('\/es\/')) {\r\n            prefix = \"\/es\";\r\n        } else if (path.startsWith('\/de\/')) {\r\n            prefix = \"\/de\";\r\n        }\r\n\r\n        const targetSlug = \"\/architectural-firm\/\";\r\n        const anchor = \"#solutions\";\r\n\r\n        link.href = prefix + targetSlug + anchor;\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Architekturstudio auf Mallorca Zeitlose mediterrane R\u00e4ume Philosophie Design trifft Pr\u00e4zision. Wir bieten hochwertige architektonische L\u00f6sungen f\u00fcr anspruchsvolle Bauherren, die eine Verbindung aus mutiger Kreativit\u00e4t und kompromissloser Pr\u00e4zision verlangen. Unsere Praxis schl\u00e4gt die Br\u00fccke zwischen jahrzehntelanger Branchenerfahrung und einer zukunftsorientierten, zeitgen\u00f6ssischen Design\u00e4sthetik. 01 Architekturleistungen arrow_right_alt Internationale Ausstrahlung Architektur f\u00fcr globale Investoren. Unser Studio agiert als strategischer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/comments?post=199"}],"version-history":[{"count":8,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/199\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/media?parent=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}