{"id":1989,"date":"2025-11-21T14:29:34","date_gmt":"2025-11-21T13:29:34","guid":{"rendered":"https:\/\/www.elementa-uitikon.ch\/aria\/?page_id=1989"},"modified":"2026-02-26T09:22:10","modified_gmt":"2026-02-26T08:22:10","slug":"angebot","status":"publish","type":"page","link":"https:\/\/www.elementa-uitikon.ch\/aria\/angebot\/","title":{"rendered":"Angebot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1989\" class=\"elementor elementor-1989\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb27290 e-flex e-con-boxed e-con e-parent\" data-id=\"fb27290\" 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-95daf55 e-con-full e-flex e-con e-child\" data-id=\"95daf55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d69db10 e-con-full e-flex e-con e-child\" data-id=\"d69db10\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd7cd57 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"fd7cd57\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_tablet&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">das besondere <br>erleben<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6bfe5f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d6bfe5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_tablet&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">traumwohnung reservieren<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe0369a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"fe0369a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:800}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef70218 elementor-widget elementor-widget-text-editor\" data-id=\"ef70218\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mit \u00abARIA\u00bb entstehen drei exklusive Eigentumswohnungen f\u00fcr Menschen, die mehr als Wohnen suchen \u2013 ein R\u00fcckzugsort, der Exklusivit\u00e4t, Natur und die N\u00e4he zur pulsierenden Stadt Z\u00fcrich.<\/p><p>Jede Einheit ist durchdacht geplant, mit lichtdurchfluteten R\u00e4umen, klaren Grundrissen und einer Architektur, die Komfort, Stil und Funktionalit\u00e4t vereint.<\/p>\t\t\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-75659b0 e-flex e-con-boxed e-con e-parent\" data-id=\"75659b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;,&quot;shape_divider_bottom&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"0 0 1000 100\">\n  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->\n  <defs>\n    <style>\n      .st0 {\n        fill: #fff;\n      }\n    <\/style>\n  <\/defs>\n  <polygon class=\"st0\" points=\"-.9 .2 -.9 45.6 -.9 100 416 45.6 1000 45.6 1000 .2 -.9 .2\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b57d27 e-con-full e-flex e-con e-child\" data-id=\"3b57d27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-17fc18e e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"17fc18e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ceb58bb elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ceb58bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_tablet&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">das besondere <br>erleben<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-065da09 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"065da09\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;,&quot;_animation_tablet&quot;:&quot;slideInLeft&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">aussichten<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0281119 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex elementor-invisible e-con e-child\" data-id=\"0281119\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:800}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a1420f elementor-widget elementor-widget-text-editor\" data-id=\"7a1420f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mit \u00abARIA\u00bb entstehen drei exklusive Eigentumswohnungen sowie ein Einfamilienhaus mit Garten und Pool f\u00fcr Menschen, die mehr als Wohnen suchen \u2013 ein R\u00fcckzugsort, der Exklusivit\u00e4t, Natur und die N\u00e4he zur pulsierenden Stadt Z\u00fcrich.<\/p><p>Jede Einheit ist durchdacht geplant, mit lichtdurchfluteten R\u00e4umen, klaren Grundrissen und einer Architektur, die Komfort, Stil und Funktionalit\u00e4t vereint.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3729f1 fancybox-trigger elementor-widget elementor-widget-premium-addon-image-hotspots\" data-id=\"a3729f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"premium-addon-image-hotspots.default\">\n\t\t\t\t\t\r\n\t<div id=\"premium-image-hotspots-a3729f1\" class=\"premium-image-hotspots-container\" data-settings=\"{&quot;anim&quot;:&quot;fade&quot;,&quot;animDur&quot;:350,&quot;delay&quot;:10,&quot;arrow&quot;:false,&quot;distance&quot;:6,&quot;minWidth&quot;:116,&quot;maxWidth&quot;:&quot;null&quot;,&quot;side&quot;:[&quot;left&quot;,&quot;bottom&quot;],&quot;hideMobiles&quot;:false,&quot;active&quot;:true,&quot;trigger&quot;:&quot;hover&quot;,&quot;id&quot;:&quot;a3729f1&quot;,&quot;iconHover&quot;:&quot;grow&quot;,&quot;glass&quot;:&quot;none&quot;}\">\r\n\t\t<div class=\"premium-image-hotspots-img-wrap\">\r\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/11\/ARIA_web-1.jpg\" title=\"ARIA_web (1)\" alt=\"ARIA_web (1)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t<div class=\"premium-image-hotspots-main-icons tooltip-wrapper premium-image-hotspots-anim premium-radar-circle elementor-repeater-item-cb49945 premium-image-hotspots-main-icons-cb49945\" data-tooltip-content=\"#tooltip_content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"premium-image-hotspots-tooltips-link\" href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/12\/ARIA-201_Ebene-2_02-scaled.jpeg\" title=\"\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-hotsot-icon-wrap\">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"create_increase_positive_calculate_make_plus_add_new_build\" viewBox=\"0 0 32 32\"><path d=\"m16 2c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14zm7 15h-6v6c0 1.32-2 1.32-2 0v-6h-6c-1.32 0-1.32-2 0-2h6v-6c0-1.32 2-1.32 2 0v6h6c1.32 0 1.32 2 0 2z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-image-hotspots-tooltips-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip_content\" class=\"premium-image-hotspots-tooltips-text pa-tooltip-text-inherit\">\r\n\t\t\t\t\t\t\t<p>201<\/p>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"premium-image-hotspots-main-icons tooltip-wrapper premium-image-hotspots-anim premium-radar-circle elementor-repeater-item-250dae7 premium-image-hotspots-main-icons-250dae7\" data-tooltip-content=\"#tooltip_content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"premium-image-hotspots-tooltips-link\" href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/12\/ARIA-301_Ebene-3_01-scaled.jpeg\" title=\"\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-hotsot-icon-wrap\">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"create_increase_positive_calculate_make_plus_add_new_build\" viewBox=\"0 0 32 32\"><path d=\"m16 2c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14zm7 15h-6v6c0 1.32-2 1.32-2 0v-6h-6c-1.32 0-1.32-2 0-2h6v-6c0-1.32 2-1.32 2 0v6h6c1.32 0 1.32 2 0 2z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-image-hotspots-tooltips-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip_content\" class=\"premium-image-hotspots-tooltips-text pa-tooltip-text-inherit\">\r\n\t\t\t\t\t\t\t<p>301<\/p>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"premium-image-hotspots-main-icons tooltip-wrapper premium-image-hotspots-anim premium-radar-circle elementor-repeater-item-73b7f82 premium-image-hotspots-main-icons-73b7f82\" data-tooltip-content=\"#tooltip_content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"premium-image-hotspots-tooltips-link\" href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/12\/ARIA-501_Ebene-4_02-scaled.jpeg\" title=\"\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-hotsot-icon-wrap\">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"create_increase_positive_calculate_make_plus_add_new_build\" viewBox=\"0 0 32 32\"><path d=\"m16 2c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14zm7 15h-6v6c0 1.32-2 1.32-2 0v-6h-6c-1.32 0-1.32-2 0-2h6v-6c0-1.32 2-1.32 2 0v6h6c1.32 0 1.32 2 0 2z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-image-hotspots-tooltips-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip_content\" class=\"premium-image-hotspots-tooltips-text pa-tooltip-text-inherit\">\r\n\t\t\t\t\t\t\t<p>501<\/p>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"premium-image-hotspots-main-icons tooltip-wrapper premium-image-hotspots-anim premium-radar-circle elementor-repeater-item-8b78e91 premium-image-hotspots-main-icons-8b78e91\" data-tooltip-content=\"#tooltip_content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<a class=\"premium-image-hotspots-tooltips-link\" href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/12\/ARIA-501_Ebene-5_01-scaled.jpeg\" title=\"\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-hotsot-icon-wrap\">\r\n\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"create_increase_positive_calculate_make_plus_add_new_build\" viewBox=\"0 0 32 32\"><path d=\"m16 2c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14-6.28-14-14-14zm7 15h-6v6c0 1.32-2 1.32-2 0v-6h-6c-1.32 0-1.32-2 0-2h6v-6c0-1.32 2-1.32 2 0v6h6c1.32 0 1.32 2 0 2z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"premium-image-hotspots-tooltips-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip_content\" class=\"premium-image-hotspots-tooltips-text pa-tooltip-text-inherit\">\r\n\t\t\t\t\t\t\t<p>501<\/p>\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n\t\t\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-ba979ad e-flex e-con-boxed e-con e-parent\" data-id=\"ba979ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-068b545 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"068b545\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset&quot;:97,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;sticky_offset_mobile&quot;:75,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"isometire_image\"><img decoding=\"async\" src=\"\/aria\/wp-content\/uploads\/isometrie\/empty.svg\" id=\"meinBild\" class=\"iso_img\">\n<table class=\"table_isometrie table table-hover\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse;\" id=\"iso_table\"><br>\n<thead><tr><th>Objekt-Nr.<\/th><th>Ebene<\/th><th>Typ<\/th><th>Wohnfl\u00e4che<\/th><th>Sitzplatz<br>Terrasse<\/th><th>Garten<\/th><th>Keller<\/th><th>Grundriss<\/th><th>Preis<\/th><th>Status<\/th><\/tr><\/thead>\n<\/table>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d2d13c elementor-invisible elementor-widget elementor-widget-shortcode\" data-id=\"5d2d13c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"iso\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><table class=\"table_isometrie table table-hover\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse;\"><thead class=\"thead_isometrie\"><tr><th>Objekt-Nr.<\/th><th>Ebene<\/th><th>Typ<\/th><th>Wohnfl&auml;che<\/th><th>Sitzplatz<br>Terrasse<\/th><th>Garten<\/th><th>Keller<\/th><th>Grundriss<\/th><th>Preis<\/th><th>Status<\/th><\/tr><\/thead><tbody><tr onmouseover=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/isometrie1.svg')\" onmouseout=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/empty.svg')\" class=\"first_row\"><td class=Objekt  >201<\/td><td class=Ebene  >2<\/td><td class=Zimmer  >3.5<\/td><td class=Wohnflaeche  >148.5 m\u00b2<\/td><td class=Terrasse  >22.5 m\u00b2<\/td><td class=Garten  >181.5 m\u00b2<\/td><td class=Keller  >19.5 m\u00b2<\/td><td  ><a href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/isometrie\/Grundrisse\/ARIA_WHG-201_Grundriss.pdf\" target=\"_blank\"><img decoding=\"async\" src=\"\/aria\/wp-content\/plugins\/wp-obra\/includes\/img\/Grundriss.svg\" alt=\"Grundriss\" style=\"max-width:24px;\"><\/a><\/td><td  >Auf Anfrage<\/td><td  >Verf\u00fcgbar<\/td><\/tr><tr onmouseover=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/isometrie2.svg')\" onmouseout=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/empty.svg')\" class=\"second_row\"><td class=Objekt  >301<\/td><td class=Ebene  >3<\/td><td class=Zimmer  >5.5<\/td><td class=Wohnflaeche  >143.0 m\u00b2<\/td><td class=Terrasse  >37.0 m\u00b2<\/td><td class=Garten  >\u2013<\/td><td class=Keller  >12.0 m\u00b2<\/td><td  ><a href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/isometrie\/Grundrisse\/ARIA_WHG-301_Grundriss.pdf\" target=\"_blank\"><img decoding=\"async\" src=\"\/aria\/wp-content\/plugins\/wp-obra\/includes\/img\/Grundriss.svg\" alt=\"Grundriss\" style=\"max-width:24px;\"><\/a><\/td><td  >Auf Anfrage<\/td><td  >Verf\u00fcgbar<\/td><\/tr><tr onmouseover=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/isometrie3.svg')\" onmouseout=\"bildWechseln('\/aria\/wp-content\/uploads\/isometrie\/empty.svg')\" class=\"second_row\"><td class=Objekt style=\"color: #d0d0d0!important;\" >501<\/td><td class=Ebene style=\"color: #d0d0d0!important;\" >4\/5<\/td><td class=Zimmer style=\"color: #d0d0d0!important;\" >6.5<\/td><td class=Wohnflaeche style=\"color: #d0d0d0!important;\" >200.5 m\u00b2<\/td><td class=Terrasse style=\"color: #d0d0d0!important;\" >60.5 m\u00b2<\/td><td class=Garten style=\"color: #d0d0d0!important;\" >\u2013<\/td><td class=Keller style=\"color: #d0d0d0!important;\" >13.5 m\u00b2<\/td><td style=\"color: #d0d0d0!important;\" > <\/td><td style=\"color: #d0d0d0!important;\" >Auf Anfrage<\/td><td style=\"color: #d0d0d0!important;\" >Reserviert<\/td><\/tr><\/tbody><\/table><br><table class=\"table_isometrie table table-hover\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse;\"><thead style=\"display: none;\"><tr><th>Objekt<\/th><th>Ebene<\/th><th>Zimmer<\/th><th>Wohnfl&auml;che<\/th><th>Terrasse<\/th><th>Garten<\/th><th>Keller<\/th><th>Grundriss<\/th><th>Preis<\/th><th>Status<\/th><\/tr><\/thead><tbody><tr><td class=\"Objekt\" \">Parkpl\u00e4tze<\/td><td class=\"Ebene\" \">TG<\/td><td class=\"Zimmer\" \"><\/td><td class=\"Wohnflaeche\" \">Anzahl: 2<\/td><td class=\"Terrasse\" \"><\/td><td class=\"Garten\" \"><\/td><td class=\"Keller\" \"><\/td><td  ><a href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/isometrie\/Grundrisse\/ARIA_Einstellhalle-Keller_Grundriss.pdf\" target=\"_blank\"><img decoding=\"async\" src=\"\/terra\/wp-content\/plugins\/wp-obra\/includes\/img\/Grundriss.svg\" alt=\"Grundriss\" style=\"max-width:24px;\"><\/a><\/td><td class=\"Preis\" \"><\/td><td>Verf\u00fcgbar<\/td><\/tr><tr><td class=\"Objekt\" \">Parkpl\u00e4tze mit Reduit<\/td><td class=\"Ebene\" \">TG<\/td><td class=\"Zimmer\" \"><\/td><td class=\"Wohnflaeche\" \">Anzahl: 5<\/td><td class=\"Terrasse\" \"><\/td><td class=\"Garten\" \"><\/td><td class=\"Keller\" \"><\/td><td  ><a href=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/isometrie\/Grundrisse\/ARIA_Einstellhalle-Keller_Grundriss.pdf\" target=\"_blank\"><img decoding=\"async\" src=\"\/terra\/wp-content\/plugins\/wp-obra\/includes\/img\/Grundriss.svg\" alt=\"Grundriss\" style=\"max-width:24px;\"><\/a><\/td><td class=\"Preis\" \"><\/td><td>Verf\u00fcgbar<\/td><\/tr><\/tbody><\/table><script>\nfunction bildWechseln(bild) {\n  document.getElementById(\"meinBild\").src = bild;\n}\n<\/script>\n<\/div>\n\t\t\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-60ee91f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"60ee91f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ace1d9e e-con-full e-flex e-con e-child\" data-id=\"ace1d9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6be2a7 elementor-widget elementor-widget-html\" data-id=\"f6be2a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n        .image-container {\n            flex: 3; \n            max-width: 100%; \n\n        }\n\n        .image-container img {\n            max-width: 100%;\n            height: auto;\n            \n        }\n\n        .controls-container {\n            flex: 1; \n            max-width: 150px; \n            background-color: #333; \n            color: white;\n            padding:10px;\n            flex-direction: column;\n            display: flex;\n            align-items: center; \n            position: absolute;\n            top: 0px;\n            right: 0px;\n            bottom: 6px;\n            \n        }\n\n        .control-button {\n            background: none;\n            border: none;\n            color: white;\n            font-size: 20px;\n            cursor: pointer;\n            padding: 5px;\n            margin: 0;\n        }\n\n        .level-selection {\n            width: 100%; \n            text-align: center;\n        }\n\n        .level-selection h3 {\n            margin-top: 0;\n            margin-bottom: 15px;\n            font-size: 1.1em;\n            color: #ccc;\n        }\n\n        .level-list {\n            list-style: none;\n            padding: 10px;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px; \n        }\n\n        .level-item {\n            padding: 10px 15px;\n            cursor: pointer;\n            background-color: #A1A4B0; \n            border-radius: 0px;\n            transition: background-color 0.2s ease, color 0.2s ease;\n            text-align: center;\n            border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n            font-size: 0.95em;\n        }\n\n        .level-item:hover {\n             background-color: #02010100; \n              border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n              color: #A1A4B0; \n              \n        }\n        .level-item.activebutton {\n            background-color: #02010100; \n              border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n              color: #A1A4B0; \n           \n        }\n.control-button {\n    background: none;\n    border: none;\n    color: white;\n    font-size: 24px;\n    cursor: pointer;\n    padding: 5px;\n    margin: 0;\n}\n@media (max-width: 1200px) {\n          .controls-container {\n            flex: 1; \n            max-width: 150px; \n            background-color: #333; \n            color: white;\n            padding:8px;\n            flex-direction: column;\n            display: flex;\n            align-items: center; \n            position: absolute;\n            top: 0px;\n            right: 0px;\n            bottom: 6px;\n            \n        }\n\n        .control-button {\n            background: none;\n            border: none;\n            color: white;\n            font-size: 10px;\n            cursor: pointer;\n            padding: 2px;\n            margin: 0;\n        }\n\n        .level-selection {\n            width: 100%; \n            text-align: center;\n        }\n\n        .level-selection h3 {\n            margin-top: 0;\n            margin-bottom: 5px;\n            font-size: 1.1em;\n            color: #ccc;\n        }\n\n        .level-list {\n            list-style: none;\n            padding: 2px;\n            margin: 0;\n            display: flex;\n            flex-direction: column;\n            gap: 8px; \n        }\n\n        .level-item {\n            padding: 5px 10px;\n            cursor: pointer;\n            background-color: #A1A4B0; \n            border-radius: 0px;\n            transition: background-color 0.2s ease, color 0.2s ease;\n            text-align: center;\n            border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n            font-size: 0.95em;\n        }\n\n        .level-item:hover {\n             background-color: #02010100; \n              border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n              color: #A1A4B0; \n              \n        }\n        .level-item.activebutton {\n            background-color: #02010100; \n              border-style: solid;\n              border-width: 1px;\n              border-color: #A1A4B0; \n              color: #A1A4B0; \n           \n        }\n.control-button {\n    background: none;\n    border: none;\n    color: white;\n    font-size: 10px;\n    cursor: pointer;\n    padding: 2px;\n    margin: 0;\n}\n    \n}\n\n@media (max-width: 767px) {\n    \n      .controls-container {\n            flex: 1; \n            max-width: 150px; \n            background-color: #FDF3EA; \n            color: white;\n            padding:10px;\n            flex-direction: column;\n            display: flex;\n            align-items: center; \n            position: absolute;\n            top: 0px;\n            right: 0px;\n            bottom: 6px;\n            \n        }\n\n    \/* * Wir m\u00fcssen das 'flex'-Verhalten der Container anpassen,\n     * damit sie untereinander statt nebeneinander (bzw. \u00fcberlappend) stehen.\n     * Dies setzt voraus, dass der (unsichtbare) Eltern-Container\n     * 'display: flex' und 'flex-wrap: wrap' hat.\n    *\/\n    .image-container {\n        \/* Setzt 'flex: 3' zur\u00fcck und sorgt f\u00fcr volle Breite *\/\n        flex: 1 1 100%; \n    }\n\n    .controls-container {\n        \/* 1. Positionierung aufheben *\/\n        position: static; \n        \n        \/* 2. Volle Breite erlauben *\/\n        max-width: 100%;\n        width: 100%;\n        \n        \/* 3. H\u00f6he, Position und 'flex: 1' zur\u00fccksetzen *\/\n        height: auto;\n        top: auto;\n        right: auto;\n        bottom: auto;\n        flex: 1 1 100%;\n\n        \/* 4. Etwas Abstand zum Bild-Container, der jetzt dar\u00fcber liegt *\/\n        margin-top: 10px;\n\n        \/* Die interne Anordnung (flex-direction: column) bleibt\n           erhalten, was auf Mobilger\u00e4ten gut funktioniert. *\/\n    }\n     .titel {\n        \/* Setzt 'flex: 3' zur\u00fcck und sorgt f\u00fcr volle Breite *\/\n        color: #000; \n    }\n\n}\n    <\/style>\n\n\n    <div class=\"image-container\">\n        <img decoding=\"async\" id=\"dynamicImage\" src=\"https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/501-Ebene-5_vorne_01_web-1-scaled.jpg\" alt=\"Geb\u00e4udeansicht\">\n    <div class=\"controls-container\">\n        <button class=\"control-button\"><\/button> <div class=\"level-selection\">\n            <b class=\"titel\">EFH<\/b>\n            <ul class=\"level-list\">\n                <li class=\"level-item\" id=\"001\">Ebene 1<\/li>\n                <li class=\"level-item\" id=\"002\">Ebene 2<\/li>\n                <\/ul>\n                <br>\n             <b class=\"titel\">MFH<\/b>\n            <ul class=\"level-list\">\n\n                <li class=\"level-item\" id=\"101\">201 <br>Ebene 2<\/li>\n                <li class=\"level-item\" id=\"102\">301 <br> Ebene 3<\/li>\n                <li class=\"level-item\" id=\"103\">501 <br> Ebene 4<\/li>\n                <li class=\"level-item activebutton\" id=\"104\">501 <br>Ebene 5<\/li>\n                <\/ul>\n        <\/div>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd914f2 elementor-widget elementor-widget-html\" data-id=\"cd914f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ Get references to the image and the level items\nconst dynamicImage = document.getElementById('dynamicImage');\nconst levelItems = document.querySelectorAll('.level-item');\n\n\/\/ Define an object to store image sources for each level item\n\/\/ IMPORTANT: REPLACE 'images\/L14NW.jpeg' etc. with your actual image paths!\nconst imageSources = {\n    '001': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/101-Ebene-1_vorne_V1_web.jpg',\n    '002': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/201-Ebene-2_vorne_01_web.jpg',\n    '101': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/301-Ebene-3_vorne_01_web.jpg',\n    '102': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/501-Ebene-4_vorne_01_web.jpg',\n    '103': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/501-Ebene-5_vorne_01_web-1-scaled.jpg',\n     '104': 'https:\/\/www.elementa-uitikon.ch\/aria\/wp-content\/uploads\/2025\/10\/501-Ebene-5_vorne_01_web-1-scaled.jpg',\n    \/\/ Add more as needed, ensuring the key matches the ID in your HTML\n};\n\n\/\/ Add click event listeners to each level item\nlevelItems.forEach(item => {\n    item.addEventListener('click', () => {\n        \/\/ Get the ID of the clicked level item\n        const levelId = item.id;\n\n        \/\/ Update the image source based on the clicked level item's ID\n        if (imageSources[levelId]) {\n            dynamicImage.src = imageSources[levelId];\n        } else {\n            console.warn(`No image source defined for level item: ${levelId}`);\n        }\n\n        \/\/ Add\/remove an active class for styling the clicked level item\n        levelItems.forEach(li => li.classList.remove('activebutton')); \/\/ Remove active from all\n        item.classList.add('activebutton'); \/\/ Add active to the clicked one\n    });\n});\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>das besondere erleben traumwohnung reservieren Mit \u00abARIA\u00bb entstehen drei exklusive Eigentumswohnungen f\u00fcr Menschen, die mehr als Wohnen suchen \u2013 ein R\u00fcckzugsort, der Exklusivit\u00e4t, Natur und die N\u00e4he zur pulsierenden Stadt Z\u00fcrich. Jede Einheit ist durchdacht geplant, mit lichtdurchfluteten R\u00e4umen, klaren Grundrissen und einer Architektur, die Komfort, Stil und Funktionalit\u00e4t vereint. das besondere erleben aussichten Mit [&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-1989","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/pages\/1989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/comments?post=1989"}],"version-history":[{"count":12,"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/pages\/1989\/revisions"}],"predecessor-version":[{"id":2104,"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/pages\/1989\/revisions\/2104"}],"wp:attachment":[{"href":"https:\/\/www.elementa-uitikon.ch\/aria\/wp-json\/wp\/v2\/media?parent=1989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}