{"id":239,"date":"2026-05-06T15:16:15","date_gmt":"2026-05-06T13:16:15","guid":{"rendered":"https:\/\/cruiarquitectura.com\/architectural-firm\/"},"modified":"2026-06-10T12:19:44","modified_gmt":"2026-06-10T10:19:44","slug":"architectural-firm","status":"publish","type":"page","link":"https:\/\/cruiarquitectura.com\/de\/architectural-firm\/","title":{"rendered":"Architectural firm"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"239\" class=\"elementor elementor-239 elementor-51\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aaf9f2 e-con-full e-flex e-con e-parent\" data-id=\"5aaf9f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbb263 elementor-widget elementor-widget-html\" data-id=\"4bbb263\" 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: { sans: ['Inter', 'sans-serif'] }\r\n          },\r\n        },\r\n      }\r\n    <\/script>\r\n    <style>\r\n        body { font-family: 'Inter', sans-serif; font-weight: 300; color: #000000; margin: 0; }\r\n        \r\n        \/* --- FIX DEFINITIVO PARA IM\u00c1GENES --- *\/\r\n        .img-container {\r\n            position: relative;\r\n            width: 100%;\r\n            background-color: #ededed;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .img-container img {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important; \r\n            display: block !important;\r\n            filter: grayscale(100%);\r\n            transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);\r\n        }\r\n\r\n        .img-container:hover img {\r\n            transform: scale(1.05);\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        .ratio-4-5 { padding-top: 125%; } \r\n        .ratio-3-4 { padding-top: 133%; } \r\n        .ratio-square { padding-top: 100%; } \r\n\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        .material-symbols-outlined {\r\n            font-variation-settings: 'wght' 200;\r\n            font-size: 32px;\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-[75vh] w-full overflow-hidden flex items-end pb-20 px-8 lg:px-16 bg-arch-black\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n             alt=\"The Studio\" \r\n             class=\"absolute inset-0 w-full h-full object-cover opacity-50 grayscale\"\r\n             style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n        \r\n        <div class=\"relative z-10 max-w-5xl\">\r\n            <span class=\"text-[10px] f-bold uppercase tracking-[0.5em] text-arch-gray-1 mb-6 block\">Das Studio<\/span>\r\n            <h1 class=\"text-arch-white text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">\r\n                Architektur von <br>absoluter Pr\u00e4zision.\r\n            <\/h1>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: METHODOLOGY -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-white\">\r\n        <div class=\"max-w-[1440px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16\">\r\n            <div class=\"lg:col-span-5\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-8 block\">Methodik<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight mb-12\">R\u00e4ume mit <br>seele gestaltet.<\/h2>\r\n                <div class=\"img-container ratio-4-5\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Technical Precision\">\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"lg:col-span-6 lg:col-start-7 flex flex-col justify-end\">\r\n                <div class=\"space-y-8 text-xl f-light leading-relaxed text-arch-black\/80\">\r\n                    <p>Bei Crui architektur glauben wir an eine architektur, die vom ort, vom t\u00e4glichen leben und vom licht gepr\u00e4gt wird. Wir entwickeln projekte, die technische pr\u00e4zision mit dem anspruch verbinden, eine ruhige, bewusste und lichtdurchflutete lebensweise zu erm\u00f6glichen, stets im einklang mit ihrer umgebung.<\/p>\r\n                    <p>Jedes projekt verstehen wir als gelegenheit zuzuh\u00f6ren, zu beobachten und r\u00e4ume zu gestalten, die bestand haben, authentisch sind und bedeutung schaffen.<\/p>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-12 mt-20 pt-12 border-t border-arch-gray-2\">\r\n                    <div class=\"space-y-4\">\r\n                        <h4 class=\"text-[10px] f-bold uppercase tracking-widest text-arch-black\">Hochwertige Projektentwicklung<\/h4>\r\n                        <p class=\"text-sm text-arch-black\/60 leading-relaxed\">Spezialisierte steuerung komplexer architekturprojekte und gro\u00dffl\u00e4chiger privatresidenzen.<\/p>\r\n                    <\/div>\r\n                    <div class=\"space-y-4\">\r\n                        <h4 class=\"text-[10px] f-bold uppercase tracking-widest text-arch-black\">Mediterranes Erbe<\/h4>\r\n                        <p class=\"text-sm text-arch-black\/60 leading-relaxed\">Die traditionelle balearische identit\u00e4t, interpretiert durch moderne technische innovation.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: THE TEAM -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-gray-2 border-b border-arch-gray-1\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-24 gap-8\">\r\n                <div class=\"max-w-2xl\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-8 block\">Das Team<\/span>\r\n                    <h2 class=\"text-4xl md:text-7xl f-light leading-[0.95] tracking-tighter\">Architektonische <br>pr\u00e4zision.<\/h2>\r\n                <\/div>\r\n                <p class=\"text-sm f-medium uppercase tracking-widest text-arch-black\/40 pb-2 italic text-left\">Ein Kollektiv von Experten.<\/p>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-8 gap-y-16\">\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Miquel.jpeg\" alt=\"MIQUEL\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">MIQUEL<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Antonia.jpeg\" alt=\"ANTONIA\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">ANTONIA<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/David.jpeg\" alt=\"DAVID\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">DAVID<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Alberto.jpeg\" alt=\"ALBERTO\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">ALBERTO<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Joan.jpeg\" alt=\"JOAN\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">JOAN<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6 lg:mt-24\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Marina.jpeg\" alt=\"MARINA\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">MARINA<\/h3>\r\n                <\/div>\r\n                <div class=\"space-y-6\">\r\n                    <div class=\"img-container ratio-3-4\"><img decoding=\"async\" src=\"https:\/\/cruiarquitectura.com\/wp-content\/uploads\/2026\/05\/Silviu.jpeg\" alt=\"SILVIU\"><\/div>\r\n                    <h3 class=\"text-lg f-medium uppercase\">SILVIU<\/h3>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: STRATEGIC SERVICES -->\r\n    <section id=\"solutions\" class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-gray-2\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"mb-20\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-6 block\">Leistungen<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight\">Ma\u00dfgeschneiderte expertise f\u00fcr <br>anspruchsvolle projektentwicklungen.<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">analytics<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Projektmanagement<br>&nbsp; <\/h3>\r\n                        <p class=\"f-light leading-relaxed text-base opacity-70\">Strenge technische und wirtschaftliche kontrolle aller projektphasen. Wir gew\u00e4hrleisten die einhaltung von zeitpl\u00e4nen und budgets mit h\u00f6chster pr\u00e4zision.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">architecture<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Integrales <br>Management<\/h3>\r\n                        <p class=\"f-light leading-relaxed text-base opacity-70\">Ein schl\u00fcsselfertiger ansatz. Wir koordinieren alle beteiligten und prozesse, um einen reibungslosen weg bis zur fertigstellung des hauses sicherzustellen.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"p-10 bg-arch-white border-t-2 border-arch-black space-y-12 flex flex-col justify-between shadow-sm\">\r\n                    <div class=\"flex justify-between items-start\">\r\n                        <span class=\"material-symbols-outlined text-arch-black\">folder_managed<\/span>\r\n                        <div class=\"w-1.5 h-1.5 bg-arch-black rounded-full\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4 text-arch-black\">\r\n                        <h3 class=\"text-2xl f-medium uppercase tracking-tight\">Dokumentenmanagement <br>&nbsp;<\/h3>\r\n                        <p class=\"text-arch-black\/70 f-light leading-relaxed text-base opacity-70\">Wir steuern die unsichtbare komplexit\u00e4t. Genehmigungen, beh\u00f6rdliche verfahren und technische dokumentationen, die f\u00fcr die realisierbarkeit ihrer investition erforderlich sind.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION: LUXURY GALLERY -->\r\n    <section class=\"py-24 md:py-48 px-8 lg:px-16 bg-arch-white border-t border-arch-gray-1\">\r\n        <div class=\"max-w-[1440px] mx-auto\">\r\n            <div class=\"mb-20\">\r\n                <span class=\"text-[10px] f-bold uppercase tracking-[0.3em] text-arch-gray-1 mb-6 block\">Gestalterische Standards<\/span>\r\n                <h2 class=\"text-4xl md:text-6xl f-light leading-tight tracking-tight\">Zeitloses design <br>f\u00fcr exklusive immobilien.<\/h2>\r\n            <\/div>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?q=80&w=2070&auto=format&fit=crop\" alt=\"Villa\"><\/div>\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1613490493576-7fde63acd811?q=80&w=2071&auto=format&fit=crop\" alt=\"Pool\"><\/div>\r\n                <div class=\"img-container ratio-square\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600210492486-724fe5c67fb0?q=80&w=1974&auto=format&fit=crop\" alt=\"Detail\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SECTION CTA: CONTACT -->\r\n    <section class=\"py-24 md:py-56 px-8 lg:px-16 bg-arch-gray-2 text-center overflow-hidden relative\">\r\n        <div class=\"absolute inset-0 flex items-center justify-center opacity-[0.03] select-none pointer-events-none\">\r\n            <span class=\"text-[25vw] f-bold\">REDEN<\/span>\r\n        <\/div>\r\n        <div class=\"relative z-10 max-w-4xl mx-auto space-y-12\">\r\n            <h2 class=\"text-5xl md:text-8xl f-light leading-[0.9] tracking-tighter\">Beginnen sie ein gespr\u00e4ch <br>mit dem Studio.<\/h2>\r\n            <div class=\"pt-8\">\r\n                <!-- ID A\u00d1ADIDO: dynamic-contact-link -->\r\n                <a id=\"dynamic-contact-link\" href=\"\/de\/contact\/\" class=\"group inline-flex items-center gap-8\">\r\n                    <span class=\"text-[10px] f-bold uppercase tracking-[0.4em]\">Kontakt aufnehmen<\/span>\r\n                    <div class=\"w-14 h-14 rounded-full border border-arch-black flex items-center justify-center group-hover:bg-arch-black group-hover:text-arch-white transition-all duration-500\">\r\n                        <span class=\"material-symbols-outlined text-sm\">arrow_forward<\/span>\r\n                    <\/div>\r\n                <\/a>\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 Contacto seg\u00fan el idioma actual (WPML)\r\n     *\/\r\n    (function() {\r\n        const contactBtn = document.getElementById('dynamic-contact-link');\r\n        if (!contactBtn) return;\r\n\r\n        const path = window.location.pathname;\r\n        let prefix = \"\";\r\n\r\n        \/\/ Detectar si estamos en \/es\/ o \/de\/\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        \/\/ Actualizar el href: Prefijo + \/contact\/\r\n        \/\/ Ejemplo: \/es\/contact\/\r\n        contactBtn.href = prefix + \"\/contact\/\";\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>Das Studio Architektur von absoluter Pr\u00e4zision. Methodik R\u00e4ume mit seele gestaltet. Bei Crui architektur glauben wir an eine architektur, die vom ort, vom t\u00e4glichen leben und vom licht gepr\u00e4gt wird. Wir entwickeln projekte, die technische pr\u00e4zision mit dem anspruch verbinden, eine ruhige, bewusste und lichtdurchflutete lebensweise zu erm\u00f6glichen, stets im einklang mit ihrer umgebung. Jedes [&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-239","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/239","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=239"}],"version-history":[{"count":11,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/pages\/239\/revisions\/283"}],"wp:attachment":[{"href":"https:\/\/cruiarquitectura.com\/de\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}