Defibrillator Schweiz – Smart & Safe Buildings<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container { height: 350px; }\n }\n .fade-in { animation: fadeIn 0.5s ease-in-out; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n \n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #D52B1E; border-radius: 4px; }\n \n .swiss-cross-bg {\n background-color: #D52B1E;\n background-image: radial-gradient(#fff 15%, transparent 16%), radial-gradient(#fff 15%, transparent 16%);\n background-size: 20px 20px;\n background-position: 0 0, 10px 10px;\n opacity: 0.05;\n }\n <\/style>\n \n \n \n \n<\/head>\n<body class=\"bg-gray-50 text-gray-900 selection:bg-red-100 selection:text-red-900\">\n\n \n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-gray-200 shadow-sm transition-all duration-300\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 bg-[#D52B1E] rounded-sm flex items-center justify-center text-white font-bold text-lg\">+<\/div>\n <span class=\"font-bold text-xl tracking-tight text-gray-900\">Defibrillator<span class=\"font-light text-gray-600\">Schweiz<\/span><\/span>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <button onclick=\"setLanguage('de')\" class=\"lang-btn text-sm font-semibold transition-colors hover:text-[#D52B1E]\" id=\"btn-de\">DE<\/button>\n <span class=\"text-gray-300\">|<\/span>\n <button onclick=\"setLanguage('en')\" class=\"lang-btn text-sm font-semibold transition-colors hover:text-[#D52B1E]\" id=\"btn-en\">EN<\/button>\n <a href=\"#contact\" class=\"hidden md:inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-[#D52B1E] hover:bg-red-700 shadow-md transition-all\">\n <span id=\"nav-cta\">Kontakt<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"space-y-24 pb-20\">\n\n \n <section class=\"relative bg-white pt-20 pb-16 overflow-hidden\">\n <div class=\"absolute inset-0 swiss-cross-bg\"><\/div>\n <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center text-center\">\n <div class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 mb-6 animate-pulse\">\n <span id=\"hero-tag\">Smart & Safe Buildings<\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-6xl font-extrabold text-gray-900 tracking-tight mb-6 max-w-4xl leading-tight\">\n <span id=\"hero-title-1\">Intelligente Geb\u00e4ude brauchen<\/span> <br\/>\n <span class=\"text-[#D52B1E] decoration-4 underline-offset-4\" id=\"hero-title-2\">intelligente Sicherheit.<\/span>\n <\/h1>\n <p class=\"mt-4 max-w-2xl text-xl text-gray-600 leading-relaxed\" id=\"hero-desc\">\n Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss.\n <\/p>\n <div class=\"mt-10 flex gap-4 justify-center\">\n <button onclick=\"scrollToSection('grid-section')\" class=\"px-8 py-3 rounded-lg bg-gray-900 text-white font-semibold hover:bg-gray-800 transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\" id=\"hero-btn-explore\">\n Tour starten\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"grid-section\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 scroll-mt-24\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\" id=\"grid-title\">Das \u00d6kosystem des modernen Geb\u00e4udes<\/h2>\n <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\" id=\"grid-intro\">\n Ein modernes Geb\u00e4ude ist ein komplexes Netzwerk. Klicken Sie auf die Systeme unten, um ihren Status im “Smart Building” zu \u00fcberpr\u00fcfen. Was fehlt oft?\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'hvac')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-2xl\">\u2744\ufe0f<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-hvac-title\">HVAC \/ Klima<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-hvac-desc\">KI-gesteuerte Temperaturregelung f\u00fcr maximale Energieeffizienz.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'lighting')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-yellow-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udca1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-light-title\">Beleuchtung<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-light-desc\">Pr\u00e4senzmelder und Tageslichtsteuerung zur Stromreduktion.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'access')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-purple-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udd10<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-access-title\">Zutritt<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-access-desc\">Biometrische Sicherheit und digitale Besucherverwaltung.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'energy')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-green-50 rounded-lg flex items-center justify-center text-2xl\">\u26a1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-energy-title\">Energie<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-energy-desc\">Solarintegration und intelligentes Lastmanagement.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'connectivity')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-indigo-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udce1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-conn-title\">Konnektivit\u00e4t<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-conn-desc\">Glasfaser und 5G f\u00fcr l\u00fcckenlose Daten\u00fcbertragung.<\/p>\n <\/div>\n\n \n <div class=\"system-card group p-6 bg-gray-50 border-2 border-dashed border-gray-300 rounded-xl hover:border-[#D52B1E] hover:bg-red-50 transition-all cursor-pointer flex flex-col justify-center items-center text-center min-h-[200px]\" onclick=\"revealSafety(this)\" id=\"safety-card\">\n <div class=\"text-4xl mb-4 text-gray-400 group-hover:text-[#D52B1E] transition-colors\">\u2764\ufe0f<\/div>\n <h3 class=\"text-lg font-bold text-gray-400 group-hover:text-[#D52B1E] mb-2\" id=\"card-safety-title\">???<\/h3>\n <p class=\"text-gray-400 text-sm group-hover:text-red-800\" id=\"card-safety-desc\">Klicken zum Enth\u00fcllen<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"dashboard-section\" class=\"bg-gray-900 text-white py-20 hidden fade-in\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <div class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-gray-700 text-gray-200 mb-6\">\n <span id=\"dash-tag\">Smart Safety Integration<\/span>\n <\/div>\n <h2 class=\"text-3xl font-bold mb-6 leading-tight\" id=\"dash-title\">Von “Smart Home” zu “Smart Safety”<\/h2>\n <div class=\"space-y-6 text-gray-300 text-lg\">\n <p id=\"dash-p1\">\n Unsere modernen Defibrillatoren sind keine passiven K\u00e4sten mehr. Sie sind <strong>vernetzte W\u00e4chter<\/strong>.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li1\"><strong>Fern\u00fcberwachung:<\/strong> 24\/7 Batterie- und Selbsttest-Status. Kein manueller Check n\u00f6tig.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li2\"><strong>Sofortige Alarmierung:<\/strong> Entnahme l\u00f6st sofort Alarm beim Sicherheitsdienst aus.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li3\"><strong>Daten-Integration:<\/strong> Nahtlose Einbindung in Ihr Facility-Management-System.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-gray-800 rounded-xl border border-gray-700 p-6 shadow-2xl relative overflow-hidden\">\n <div class=\"flex justify-between items-center mb-6 border-b border-gray-700 pb-4\">\n <span class=\"text-xs font-mono text-gray-400\">SYS_ID: CH-ZRH-8821<\/span>\n <div class=\"flex items-center gap-2\">\n <span class=\"w-2 h-2 bg-green-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-xs font-mono text-green-400\">ONLINE<\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4 mb-6\">\n <div class=\"bg-gray-900\/50 p-4 rounded-lg\">\n <div class=\"text-xs text-gray-500 mb-1\" id=\"ui-batt\">BATTERIE<\/div>\n <div class=\"text-xl font-bold text-white flex items-center gap-2\">\n 98% <span class=\"text-xs font-normal text-gray-400\">OK<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 h-1 mt-2 rounded-full overflow-hidden\">\n <div class=\"bg-green-500 w-[98%] h-full\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-gray-900\/50 p-4 rounded-lg\">\n <div class=\"text-xs text-gray-500 mb-1\" id=\"ui-pads\">ELEKTRODEN<\/div>\n <div class=\"text-xl font-bold text-white flex items-center gap-2\">\n Exp. 2029 <span class=\"text-xs font-normal text-gray-400\">OK<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-green-500 transition-colors duration-300\" id=\"alert-box\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-white\" id=\"alert-title\">System Normal<\/h4>\n <p class=\"text-sm text-gray-400 mt-1\" id=\"alert-desc\">Alle Ger\u00e4te betriebsbereit. Keine St\u00f6rungen.<\/p>\n <\/div>\n <div class=\"p-2 bg-green-500\/20 rounded text-green-400\" id=\"alert-icon\">\ud83d\udee1\ufe0f<\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex gap-3\">\n <button onclick=\"simulateEvent('test')\" class=\"flex-1 py-2 bg-gray-700 hover:bg-gray-600 rounded text-sm font-medium transition-colors\" id=\"btn-test\">Selbsttest Simulieren<\/button>\n <button onclick=\"simulateEvent('emergency')\" class=\"flex-1 py-2 bg-red-900\/50 hover:bg-[#D52B1E] text-red-200 hover:text-white border border-red-900\/50 hover:border-transparent rounded text-sm font-medium transition-colors\" id=\"btn-emergency\">Notfall Simulieren<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10\">\n <div class=\"bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100\">\n <div class=\"flex flex-col md:flex-row gap-12\">\n <div class=\"md:w-1\/2\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-6\" id=\"sust-title\">Nachhaltigkeit bedeutet Langlebigkeit<\/h2>\n <p class=\"text-lg text-gray-600 mb-6\" id=\"sust-p1\">\n In der Bauindustrie bedeutet Nachhaltigkeit oft CO2-Reduktion. F\u00fcr uns bedeutet es auch <strong>Zuverl\u00e4ssigkeit \u00fcber Jahre hinweg<\/strong>.\n <\/p>\n <p class=\"text-gray-600 mb-8\" id=\"sust-p2\">\n Billige Wegwerf-Elektronik hat in der Lebensrettung keinen Platz. Sehen Sie den Unterschied in Wartungsereignissen \u00fcber 10 Jahre zwischen einem Standard-Ger\u00e4t und unserer robusten “Swiss Standard”-L\u00f6sung.\n <\/p>\n <div class=\"bg-red-50 border-l-4 border-[#D52B1E] p-4\">\n <p class=\"text-sm text-red-900 font-medium italic\" id=\"sust-quote\">\n “Echte Nachhaltigkeit heisst, Ger\u00e4te nicht st\u00e4ndig ersetzen zu m\u00fcssen, sondern sich darauf verlassen zu k\u00f6nnen.”\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:w-1\/2 flex flex-col justify-center\">\n <div class=\"chart-container\">\n <canvas id=\"sustainabilityChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-xs text-gray-400 mt-4\" id=\"chart-caption\">Vergleich der Wartungsinterventionen (Batterie\/Austausch) \u00fcber 10 Jahre<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center pb-12\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-8\" id=\"conc-title\">Die “Human Infrastructure”<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12\">\n <div class=\"p-6 bg-gray-50 rounded-xl\">\n <div class=\"text-3xl mb-4\">\ud83c\udfe0<\/div>\n <h3 class=\"font-bold text-xl mb-2\">Smart Building<\/h3>\n <p class=\"text-gray-600\" id=\"conc-smart\">Optimiert den Komfort und die Energie.<\/p>\n <\/div>\n <div class=\"p-6 bg-red-50 rounded-xl border border-red-100\">\n <div class=\"text-3xl mb-4 text-[#D52B1E]\">\ud83e\udec0<\/div>\n <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Safe Building<\/h3>\n <p class=\"text-gray-600\" id=\"conc-safe\">Garantiert das \u00dcberleben im Notfall.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-900 text-white rounded-2xl p-8 md:p-12 shadow-xl relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-[#D52B1E] opacity-10 rounded-full transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-4 relative z-10\" id=\"cta-title\">Ist Ihr Geb\u00e4ude bereit?<\/h3>\n <p class=\"text-lg text-gray-300 mb-8 relative z-10\" id=\"cta-desc\">\n Investieren Sie nicht nur in Ziegel und Bytes, sondern in den Herzschlag Ihres Geb\u00e4udes. Lassen Sie uns Ihre Sicherheitsinfrastruktur modernisieren.\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 relative z-10\">\n <button class=\"px-8 py-3 bg-[#D52B1E] hover:bg-red-700 text-white font-bold rounded-lg shadow-lg transition-transform hover:scale-105\" id=\"cta-btn-primary\">\n Angebot anfordern\n <\/button>\n <button class=\"px-8 py-3 bg-transparent border border-gray-500 hover:border-white text-white font-medium rounded-lg transition-colors\" id=\"cta-btn-secondary\">\n Mehr erfahren\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white border-t border-gray-200 py-12\" id=\"contact\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"text-center md:text-left\">\n <div class=\"flex items-center gap-2 justify-center md:justify-start mb-2\">\n <div class=\"w-6 h-6 bg-[#D52B1E] rounded-sm flex items-center justify-center text-white font-bold text-xs\">+<\/div>\n <span class=\"font-bold text-lg text-gray-900\">Defibrillator<span class=\"font-light text-gray-600\">Schweiz<\/span><\/span>\n <\/div>\n <p class=\"text-sm text-gray-500\">Engineered for Survival. Made for Switzerland.<\/p>\n <\/div>\n <div class=\"flex gap-6 text-sm text-gray-500\">\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Impressum<\/a>\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Datenschutz<\/a>\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Kontakt<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <\/main>\n\n <script>\n \/\/ --- DATA & STATE MANAGEMENT ---\n const content = {\n de: {\n navCta: \"Kontakt\",\n heroTag: \"Smart & Safe Buildings\",\n heroTitle1: \"Intelligente Geb\u00e4ude brauchen\",\n heroTitle2: \"intelligente Sicherheit.\",\n heroDesc: \"Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss.\",\n heroBtn: \"Tour starten\",\n gridTitle: \"Das \u00d6kosystem des modernen Geb\u00e4udes\",\n gridIntro: \"Ein modernes Geb\u00e4ude ist ein komplexes Netzwerk. Klicken Sie auf die Systeme unten, um ihren Status im 'Smart Building' zu \u00fcberpr\u00fcfen. Was fehlt oft?\",\n hvacTitle: \"HVAC \/ Klima\",\n hvacDesc: \"KI-gesteuerte Temperaturregelung f\u00fcr maximale Energieeffizienz.\",\n lightTitle: \"Beleuchtung\",\n lightDesc: \"Pr\u00e4senzmelder und Tageslichtsteuerung zur Stromreduktion.\",\n accessTitle: \"Zutritt\",\n accessDesc: \"Biometrische Sicherheit und digitale Besucherverwaltung.\",\n energyTitle: \"Energie\",\n energyDesc: \"Solarintegration und intelligentes Lastmanagement.\",\n connTitle: \"Konnektivit\u00e4t\",\n connDesc: \"Glasfaser und 5G f\u00fcr l\u00fcckenlose Daten\u00fcbertragung.\",\n safetyTitleHidden: \"???\",\n safetyDescHidden: \"Klicken zum Enth\u00fcllen\",\n safetyTitle: \"Lebensrettung (AED)\",\n safetyDesc: \"Der 'Missing Link'. Vernetzte Defibrillatoren f\u00fcr sofortige Hilfe.\",\n dashTag: \"Smart Safety Integration\",\n dashTitle: \"Von 'Smart Home' zu 'Smart Safety'\",\n dashP1: \"Unsere modernen Defibrillatoren sind keine passiven K\u00e4sten mehr. Sie sind <strong>vernetzte W\u00e4chter<\/strong>.\",\n dashLi1: \"<strong>Fern\u00fcberwachung:<\/strong> 24\/7 Batterie- und Selbsttest-Status. Kein manueller Check n\u00f6tig.\",\n dashLi2: \"<strong>Sofortige Alarmierung:<\/strong> Entnahme l\u00f6st sofort Alarm beim Sicherheitsdienst aus.\",\n dashLi3: \"<strong>Daten-Integration:<\/strong> Nahtlose Einbindung in Ihr Facility-Management-System.\",\n uiBatt: \"BATTERIE\",\n uiPads: \"ELEKTRODEN\",\n btnTest: \"Selbsttest Simulieren\",\n btnEmer: \"Notfall Simulieren\",\n alertNormalTitle: \"System Normal\",\n alertNormalDesc: \"Alle Ger\u00e4te betriebsbereit. Keine St\u00f6rungen.\",\n alertEmerTitle: \"ALARM: AED ENTNAHME\",\n alertEmerDesc: \"Standort: Lobby Nord. Sicherheit informiert.\",\n alertTestTitle: \"Selbsttest L\u00e4uft...\",\n alertTestDesc: \"Diagnose der internen Kreisl\u00e4ufe.\",\n sustTitle: \"Nachhaltigkeit bedeutet Langlebigkeit\",\n sustP1: \"In der Bauindustrie bedeutet Nachhaltigkeit oft CO2-Reduktion. F\u00fcr uns bedeutet es auch <strong>Zuverl\u00e4ssigkeit \u00fcber Jahre hinweg<\/strong>.\",\n sustP2: \"Billige Wegwerf-Elektronik hat in der Lebensrettung keinen Platz. Sehen Sie den Unterschied in Wartungsereignissen \u00fcber 10 Jahre zwischen einem Standard-Ger\u00e4t und unserer robusten 'Swiss Standard'-L\u00f6sung.\",\n sustQuote: \"\\\"Echte Nachhaltigkeit heisst, Ger\u00e4te nicht st\u00e4ndig ersetzen zu m\u00fcssen, sondern sich darauf verlassen zu k\u00f6nnen.\\\"\",\n chartCaption: \"Vergleich der Wartungsinterventionen (Batterie\/Austausch) \u00fcber 10 Jahre\",\n chartLabel1: \"Standard AED (Wegwerf)\",\n chartLabel2: \"Defibrillator Schweiz (Langlebig)\",\n concTitle: \"Die \\\"Human Infrastructure\\\"\",\n concSmart: \"Optimiert den Komfort und die Energie.\",\n concSafe: \"Garantiert das \u00dcberleben im Notfall.\",\n ctaTitle: \"Ist Ihr Geb\u00e4ude bereit?\",\n ctaDesc: \"Investieren Sie nicht nur in Ziegel und Bytes, sondern in den Herzschlag Ihres Geb\u00e4udes. Lassen Sie uns Ihre Sicherheitsinfrastruktur modernisieren.\",\n ctaBtn1: \"Angebot anfordern\",\n ctaBtn2: \"Mehr erfahren\"\n },\n en: {\n navCta: \"Contact\",\n heroTag: \"Smart & Safe Buildings\",\n heroTitle1: \"Smart Buildings Need\",\n heroTitle2: \"Smart Safety.\",\n heroDesc: \"Sensors adjust lighting, AI optimizes heating. But who protects the people? Discover why modern architecture must be about more than just energy savings.\",\n heroBtn: \"Start Tour\",\n gridTitle: \"The Modern Building Ecosystem\",\n gridIntro: \"A modern building is a complex network. Click the systems below to check their status in a 'Smart Building'. What is often missing?\",\n hvacTitle: \"HVAC \/ Climate\",\n hvacDesc: \"AI-driven temperature control for maximum energy efficiency.\",\n lightTitle: \"Lighting\",\n lightDesc: \"Presence detectors and daylight control to reduce power usage.\",\n accessTitle: \"Access\",\n accessDesc: \"Biometric security and digital visitor management.\",\n energyTitle: \"Energy\",\n energyDesc: \"Solar integration and intelligent load management.\",\n connTitle: \"Connectivity\",\n connDesc: \"Fiber optics and 5G for seamless data transmission.\",\n safetyTitleHidden: \"???\",\n safetyDescHidden: \"Click to Reveal\",\n safetyTitle: \"Life Safety (AED)\",\n safetyDesc: \"The 'Missing Link'. Connected defibrillators for instant response.\",\n dashTag: \"Smart Safety Integration\",\n dashTitle: \"From 'Smart Home' to 'Smart Safety'\",\n dashP1: \"Our modern defibrillators are no longer passive boxes. They are <strong>connected guardians<\/strong>.\",\n dashLi1: \"<strong>Remote Monitoring:<\/strong> 24\/7 battery and self-test status. No manual checks needed.\",\n dashLi2: \"<strong>Instant Alerts:<\/strong> Removal triggers immediate alarm to security services.\",\n dashLi3: \"<strong>Data Integration:<\/strong> Seamless integration into your Facility Management System.\",\n uiBatt: \"BATTERY\",\n uiPads: \"ELECTRODES\",\n btnTest: \"Simulate Self-Test\",\n btnEmer: \"Simulate Emergency\",\n alertNormalTitle: \"System Normal\",\n alertNormalDesc: \"All devices operational. No faults.\",\n alertEmerTitle: \"ALARM: AED REMOVED\",\n alertEmerDesc: \"Location: Lobby North. Security notified.\",\n alertTestTitle: \"Self-Test Running...\",\n alertTestDesc: \"Diagnosing internal circuits.\",\n sustTitle: \"Sustainability Means Longevity\",\n sustP1: \"In construction, sustainability often means CO2 reduction. For us, it also means <strong>reliability over years<\/strong>.\",\n sustP2: \"Cheap disposable electronics have no place in life-saving. See the difference in maintenance events over 10 years between a standard device and our robust 'Swiss Standard' solution.\",\n sustQuote: \"\\\"True sustainability means not having to constantly replace equipment, but being able to trust it.\\\"\",\n chartCaption: \"Comparison of Maintenance Interventions (Battery\/Replacement) over 10 Years\",\n chartLabel1: \"Standard AED (Disposable)\",\n chartLabel2: \"Defibrillator Schweiz (Durable)\",\n concTitle: \"The \\\"Human Infrastructure\\\"\",\n concSmart: \"Optimizes comfort and energy.\",\n concSafe: \"Ensures survival in emergencies.\",\n ctaTitle: \"Is Your Building Ready?\",\n ctaDesc: \"Don't just invest in bricks and bytes; invest in the heartbeat of your building. Let's modernize your safety infrastructure.\",\n ctaBtn1: \"Request Quote\",\n ctaBtn2: \"Learn More\"\n }\n };\n\n let currentLang = 'de';\n let chartInstance = null;\n\n \/\/ --- CORE FUNCTIONS ---\n\n function setLanguage(lang) {\n currentLang = lang;\n const t = content[lang];\n \n \/\/ Toggle Buttons\n document.getElementById('btn-de').classList.toggle('text-[#D52B1E]', lang === 'de');\n document.getElementById('btn-de').classList.toggle('text-gray-500', lang !== 'de');\n document.getElementById('btn-en').classList.toggle('text-[#D52B1E]', lang === 'en');\n document.getElementById('btn-en').classList.toggle('text-gray-500', lang !== 'en');\n\n \/\/ Text Updates\n document.getElementById('nav-cta').innerText = t.navCta;\n document.getElementById('hero-tag').innerText = t.heroTag;\n document.getElementById('hero-title-1').innerText = t.heroTitle1;\n document.getElementById('hero-title-2').innerText = t.heroTitle2;\n document.getElementById('hero-desc').innerText = t.heroDesc;\n document.getElementById('hero-btn-explore').innerText = t.heroBtn;\n \n document.getElementById('grid-title').innerText = t.gridTitle;\n document.getElementById('grid-intro').innerText = t.gridIntro;\n \n document.getElementById('card-hvac-title').innerText = t.hvacTitle;\n document.getElementById('card-hvac-desc').innerText = t.hvacDesc;\n document.getElementById('card-light-title').innerText = t.lightTitle;\n document.getElementById('card-light-desc').innerText = t.lightDesc;\n document.getElementById('card-access-title').innerText = t.accessTitle;\n document.getElementById('card-access-desc').innerText = t.accessDesc;\n document.getElementById('card-energy-title').innerText = t.energyTitle;\n document.getElementById('card-energy-desc').innerText = t.energyDesc;\n document.getElementById('card-conn-title').innerText = t.connTitle;\n document.getElementById('card-conn-desc').innerText = t.connDesc;\n \n \/\/ Handle Revealed Card State\n const safetyCard = document.getElementById('safety-card');\n if (safetyCard.classList.contains('revealed')) {\n document.getElementById('card-safety-title').innerText = t.safetyTitle;\n document.getElementById('card-safety-desc').innerText = t.safetyDesc;\n } else {\n document.getElementById('card-safety-title').innerText = t.safetyTitleHidden;\n document.getElementById('card-safety-desc').innerText = t.safetyDescHidden;\n }\n\n document.getElementById('dash-tag').innerText = t.dashTag;\n document.getElementById('dash-title').innerText = t.dashTitle;\n document.getElementById('dash-p1').innerHTML = t.dashP1;\n document.getElementById('dash-li1').innerHTML = t.dashLi1;\n document.getElementById('dash-li2').innerHTML = t.dashLi2;\n document.getElementById('dash-li3').innerHTML = t.dashLi3;\n document.getElementById('ui-batt').innerText = t.uiBatt;\n document.getElementById('ui-pads').innerText = t.uiPads;\n document.getElementById('btn-test').innerText = t.btnTest;\n document.getElementById('btn-emergency').innerText = t.btnEmer;\n\n document.getElementById('alert-title').innerText = t.alertNormalTitle;\n document.getElementById('alert-desc').innerText = t.alertNormalDesc;\n\n document.getElementById('sust-title').innerText = t.sustTitle;\n document.getElementById('sust-p1').innerHTML = t.sustP1;\n document.getElementById('sust-p2').innerHTML = t.sustP2;\n document.getElementById('sust-quote').innerHTML = t.sustQuote;\n document.getElementById('chart-caption').innerText = t.chartCaption;\n\n document.getElementById('conc-title').innerText = t.concTitle;\n document.getElementById('conc-smart').innerText = t.concSmart;\n document.getElementById('conc-safe').innerText = t.concSafe;\n document.getElementById('cta-title').innerText = t.ctaTitle;\n document.getElementById('cta-desc').innerText = t.ctaDesc;\n document.getElementById('cta-btn-primary').innerText = t.ctaBtn1;\n document.getElementById('cta-btn-secondary').innerText = t.ctaBtn2;\n\n \/\/ Update Chart\n updateChart();\n }\n\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ --- INTERACTION LOGIC ---\n\n function toggleSystem(el, type) {\n \/\/ Visual click feedback\n el.classList.add('scale-95');\n setTimeout(() => el.classList.remove('scale-95'), 150);\n \/\/ Toggle indicator color\n const indicator = el.querySelector('.status-indicator');\n if(indicator.classList.contains('bg-green-500')) {\n indicator.classList.remove('bg-green-500');\n indicator.classList.add('bg-gray-300');\n } else {\n indicator.classList.remove('bg-gray-300');\n indicator.classList.add('bg-green-500');\n }\n }\n\n function revealSafety(el) {\n const t = content[currentLang];\n const dashSection = document.getElementById('dashboard-section');\n \n el.classList.remove('bg-gray-50', 'border-dashed', 'border-gray-300', 'hover:border-[#D52B1E]', 'hover:bg-red-50');\n el.classList.add('bg-[#D52B1E]', 'border-[#D52B1E]', 'text-white', 'shadow-xl', 'scale-105', 'transform', 'revealed');\n \n \/\/ Change content\n const icon = el.querySelector('div');\n icon.innerText = '\ud83e\udec0';\n icon.classList.remove('text-gray-400', 'group-hover:text-[#D52B1E]');\n icon.classList.add('text-white', 'animate-pulse');\n\n const title = document.getElementById('card-safety-title');\n title.innerText = t.safetyTitle;\n title.classList.remove('text-gray-400', 'group-hover:text-[#D52B1E]');\n title.classList.add('text-white');\n\n const desc = document.getElementById('card-safety-desc');\n desc.innerText = t.safetyDesc;\n desc.classList.remove('text-gray-400', 'group-hover:text-red-800');\n desc.classList.add('text-red-100');\n\n \/\/ Show Next Section\n dashSection.classList.remove('hidden');\n setTimeout(() => {\n dashSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 500);\n }\n\n function simulateEvent(type) {\n const alertBox = document.getElementById('alert-box');\n const alertTitle = document.getElementById('alert-title');\n const alertDesc = document.getElementById('alert-desc');\n const alertIcon = document.getElementById('alert-icon');\n const t = content[currentLang];\n\n if (type === 'test') {\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-blue-500 transition-colors duration-300';\n alertTitle.innerText = t.alertTestTitle;\n alertDesc.innerText = t.alertTestDesc;\n alertIcon.className = 'p-2 bg-blue-500\/20 rounded text-blue-400';\n alertIcon.innerText = '\u2699\ufe0f';\n \n setTimeout(() => {\n resetAlert();\n }, 3000);\n\n } else if (type === 'emergency') {\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-[#D52B1E] transition-colors duration-300 animate-pulse';\n alertTitle.innerText = t.alertEmerTitle;\n alertDesc.innerText = t.alertEmerDesc;\n alertIcon.className = 'p-2 bg-red-500\/20 rounded text-[#D52B1E]';\n alertIcon.innerText = '\ud83d\udea8';\n }\n }\n\n function resetAlert() {\n const t = content[currentLang];\n const alertBox = document.getElementById('alert-box');\n const alertTitle = document.getElementById('alert-title');\n const alertDesc = document.getElementById('alert-desc');\n const alertIcon = document.getElementById('alert-icon');\n\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-green-500 transition-colors duration-300';\n alertTitle.innerText = t.alertNormalTitle;\n alertDesc.innerText = t.alertNormalDesc;\n alertIcon.className = 'p-2 bg-green-500\/20 rounded text-green-400';\n alertIcon.innerText = '\ud83d\udee1\ufe0f';\n }\n\n \/\/ --- CHART CONFIGURATION ---\n\n function initChart() {\n const ctx = document.getElementById('sustainabilityChart').getContext('2d');\n const t = content[currentLang];\n\n Chart.defaults.font.family = \"'Inter', sans-serif\";\n \n chartInstance = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: [t.chartLabel1, t.chartLabel2],\n datasets: [{\n label: 'Service Events (10 Years)',\n data: [7, 2], \/\/ 5 batteries + 2 pads vs 1 battery + 1 pad\n backgroundColor: [\n 'rgba(156, 163, 175, 0.5)', \/\/ Gray for standard\n 'rgba(213, 43, 30, 0.8)' \/\/ Swiss Red for Durable\n ],\n borderColor: [\n 'rgba(156, 163, 175, 1)',\n 'rgba(213, 43, 30, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.raw + \" Maintenance Events\";\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n title: {\n display: true,\n text: 'Maintenance Events'\n }\n }\n }\n }\n });\n }\n\n function updateChart() {\n if (chartInstance) {\n const t = content[currentLang];\n chartInstance.data.labels = [t.chartLabel1, t.chartLabel2];\n chartInstance.update();\n }\n }\n\n \/\/ --- INITIALIZATION ---\n document.addEventListener('DOMContentLoaded', () => {\n initChart();\n setLanguage('de'); \/\/ Default to German\n });\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1524","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- DaniMed<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- DaniMed\" \/>\n<meta property=\"og:description\" content=\"Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/\" \/>\n<meta property=\"og:site_name\" content=\"DaniMed\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-14T21:36:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n","yoast_head_json":{"title":"- DaniMed","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","og_locale":"it_IT","og_type":"article","og_title":"- DaniMed","og_description":"Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]","og_url":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","og_site_name":"DaniMed","article_modified_time":"2025-12-14T21:36:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","url":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","name":"- DaniMed","isPartOf":{"@id":"https:\/\/defibrillator-schweiz.ch\/#website"},"datePublished":"2025-12-14T21:36:30+00:00","dateModified":"2025-12-14T21:36:33+00:00","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/"]}]},{"@type":"WebSite","@id":"https:\/\/defibrillator-schweiz.ch\/#website","url":"https:\/\/defibrillator-schweiz.ch\/","name":"DaniMed","description":"Defibrillator Schweiz","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/defibrillator-schweiz.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":2,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524\/revisions"}],"predecessor-version":[{"id":1527,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524\/revisions\/1527"}],"wp:attachment":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/media?parent=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1524,"date":"2025-12-14T21:36:30","date_gmt":"2025-12-14T21:36:30","guid":{"rendered":"https:\/\/defibrillator-schweiz.ch\/?page_id=1524"},"modified":"2025-12-14T21:36:33","modified_gmt":"2025-12-14T21:36:33","slug":"1524-2","status":"publish","type":"page","link":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Defibrillator Schweiz – Smart & Safe Buildings<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Inter', sans-serif; }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container { height: 350px; }\n }\n .fade-in { animation: fadeIn 0.5s ease-in-out; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n \n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #D52B1E; border-radius: 4px; }\n \n .swiss-cross-bg {\n background-color: #D52B1E;\n background-image: radial-gradient(#fff 15%, transparent 16%), radial-gradient(#fff 15%, transparent 16%);\n background-size: 20px 20px;\n background-position: 0 0, 10px 10px;\n opacity: 0.05;\n }\n <\/style>\n \n \n \n \n<\/head>\n<body class=\"bg-gray-50 text-gray-900 selection:bg-red-100 selection:text-red-900\">\n\n \n <nav class=\"sticky top-0 z-50 bg-white\/90 backdrop-blur-md border-b border-gray-200 shadow-sm transition-all duration-300\" id=\"navbar\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n <div class=\"flex items-center gap-2\">\n <div class=\"w-8 h-8 bg-[#D52B1E] rounded-sm flex items-center justify-center text-white font-bold text-lg\">+<\/div>\n <span class=\"font-bold text-xl tracking-tight text-gray-900\">Defibrillator<span class=\"font-light text-gray-600\">Schweiz<\/span><\/span>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <button onclick=\"setLanguage('de')\" class=\"lang-btn text-sm font-semibold transition-colors hover:text-[#D52B1E]\" id=\"btn-de\">DE<\/button>\n <span class=\"text-gray-300\">|<\/span>\n <button onclick=\"setLanguage('en')\" class=\"lang-btn text-sm font-semibold transition-colors hover:text-[#D52B1E]\" id=\"btn-en\">EN<\/button>\n <a href=\"#contact\" class=\"hidden md:inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-[#D52B1E] hover:bg-red-700 shadow-md transition-all\">\n <span id=\"nav-cta\">Kontakt<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"space-y-24 pb-20\">\n\n \n <section class=\"relative bg-white pt-20 pb-16 overflow-hidden\">\n <div class=\"absolute inset-0 swiss-cross-bg\"><\/div>\n <div class=\"relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col items-center text-center\">\n <div class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800 mb-6 animate-pulse\">\n <span id=\"hero-tag\">Smart & Safe Buildings<\/span>\n <\/div>\n <h1 class=\"text-4xl md:text-6xl font-extrabold text-gray-900 tracking-tight mb-6 max-w-4xl leading-tight\">\n <span id=\"hero-title-1\">Intelligente Geb\u00e4ude brauchen<\/span> <br\/>\n <span class=\"text-[#D52B1E] decoration-4 underline-offset-4\" id=\"hero-title-2\">intelligente Sicherheit.<\/span>\n <\/h1>\n <p class=\"mt-4 max-w-2xl text-xl text-gray-600 leading-relaxed\" id=\"hero-desc\">\n Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss.\n <\/p>\n <div class=\"mt-10 flex gap-4 justify-center\">\n <button onclick=\"scrollToSection('grid-section')\" class=\"px-8 py-3 rounded-lg bg-gray-900 text-white font-semibold hover:bg-gray-800 transition-all shadow-lg hover:shadow-xl transform hover:-translate-y-1\" id=\"hero-btn-explore\">\n Tour starten\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"grid-section\" class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 scroll-mt-24\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\" id=\"grid-title\">Das \u00d6kosystem des modernen Geb\u00e4udes<\/h2>\n <p class=\"text-lg text-gray-600 max-w-3xl mx-auto\" id=\"grid-intro\">\n Ein modernes Geb\u00e4ude ist ein komplexes Netzwerk. Klicken Sie auf die Systeme unten, um ihren Status im “Smart Building” zu \u00fcberpr\u00fcfen. Was fehlt oft?\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'hvac')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-2xl\">\u2744\ufe0f<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-hvac-title\">HVAC \/ Klima<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-hvac-desc\">KI-gesteuerte Temperaturregelung f\u00fcr maximale Energieeffizienz.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'lighting')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-yellow-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udca1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-light-title\">Beleuchtung<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-light-desc\">Pr\u00e4senzmelder und Tageslichtsteuerung zur Stromreduktion.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'access')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-purple-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udd10<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-access-title\">Zutritt<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-access-desc\">Biometrische Sicherheit und digitale Besucherverwaltung.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'energy')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-green-50 rounded-lg flex items-center justify-center text-2xl\">\u26a1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-energy-title\">Energie<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-energy-desc\">Solarintegration und intelligentes Lastmanagement.<\/p>\n <\/div>\n\n <div class=\"system-card group p-6 bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-all cursor-pointer\" onclick=\"toggleSystem(this, 'connectivity')\">\n <div class=\"flex items-center justify-between mb-4\">\n <div class=\"w-12 h-12 bg-indigo-50 rounded-lg flex items-center justify-center text-2xl\">\ud83d\udce1<\/div>\n <div class=\"status-indicator w-3 h-3 rounded-full bg-green-500\"><\/div>\n <\/div>\n <h3 class=\"text-lg font-bold text-gray-900 mb-2\" id=\"card-conn-title\">Konnektivit\u00e4t<\/h3>\n <p class=\"text-gray-500 text-sm\" id=\"card-conn-desc\">Glasfaser und 5G f\u00fcr l\u00fcckenlose Daten\u00fcbertragung.<\/p>\n <\/div>\n\n \n <div class=\"system-card group p-6 bg-gray-50 border-2 border-dashed border-gray-300 rounded-xl hover:border-[#D52B1E] hover:bg-red-50 transition-all cursor-pointer flex flex-col justify-center items-center text-center min-h-[200px]\" onclick=\"revealSafety(this)\" id=\"safety-card\">\n <div class=\"text-4xl mb-4 text-gray-400 group-hover:text-[#D52B1E] transition-colors\">\u2764\ufe0f<\/div>\n <h3 class=\"text-lg font-bold text-gray-400 group-hover:text-[#D52B1E] mb-2\" id=\"card-safety-title\">???<\/h3>\n <p class=\"text-gray-400 text-sm group-hover:text-red-800\" id=\"card-safety-desc\">Klicken zum Enth\u00fcllen<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"dashboard-section\" class=\"bg-gray-900 text-white py-20 hidden fade-in\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <div class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-gray-700 text-gray-200 mb-6\">\n <span id=\"dash-tag\">Smart Safety Integration<\/span>\n <\/div>\n <h2 class=\"text-3xl font-bold mb-6 leading-tight\" id=\"dash-title\">Von “Smart Home” zu “Smart Safety”<\/h2>\n <div class=\"space-y-6 text-gray-300 text-lg\">\n <p id=\"dash-p1\">\n Unsere modernen Defibrillatoren sind keine passiven K\u00e4sten mehr. Sie sind <strong>vernetzte W\u00e4chter<\/strong>.\n <\/p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li1\"><strong>Fern\u00fcberwachung:<\/strong> 24\/7 Batterie- und Selbsttest-Status. Kein manueller Check n\u00f6tig.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li2\"><strong>Sofortige Alarmierung:<\/strong> Entnahme l\u00f6st sofort Alarm beim Sicherheitsdienst aus.<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <span class=\"text-[#D52B1E] mr-3 mt-1\">\u2713<\/span>\n <span id=\"dash-li3\"><strong>Daten-Integration:<\/strong> Nahtlose Einbindung in Ihr Facility-Management-System.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"bg-gray-800 rounded-xl border border-gray-700 p-6 shadow-2xl relative overflow-hidden\">\n <div class=\"flex justify-between items-center mb-6 border-b border-gray-700 pb-4\">\n <span class=\"text-xs font-mono text-gray-400\">SYS_ID: CH-ZRH-8821<\/span>\n <div class=\"flex items-center gap-2\">\n <span class=\"w-2 h-2 bg-green-500 rounded-full animate-pulse\"><\/span>\n <span class=\"text-xs font-mono text-green-400\">ONLINE<\/span>\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 gap-4 mb-6\">\n <div class=\"bg-gray-900\/50 p-4 rounded-lg\">\n <div class=\"text-xs text-gray-500 mb-1\" id=\"ui-batt\">BATTERIE<\/div>\n <div class=\"text-xl font-bold text-white flex items-center gap-2\">\n 98% <span class=\"text-xs font-normal text-gray-400\">OK<\/span>\n <\/div>\n <div class=\"w-full bg-gray-700 h-1 mt-2 rounded-full overflow-hidden\">\n <div class=\"bg-green-500 w-[98%] h-full\"><\/div>\n <\/div>\n <\/div>\n <div class=\"bg-gray-900\/50 p-4 rounded-lg\">\n <div class=\"text-xs text-gray-500 mb-1\" id=\"ui-pads\">ELEKTRODEN<\/div>\n <div class=\"text-xl font-bold text-white flex items-center gap-2\">\n Exp. 2029 <span class=\"text-xs font-normal text-gray-400\">OK<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-green-500 transition-colors duration-300\" id=\"alert-box\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-white\" id=\"alert-title\">System Normal<\/h4>\n <p class=\"text-sm text-gray-400 mt-1\" id=\"alert-desc\">Alle Ger\u00e4te betriebsbereit. Keine St\u00f6rungen.<\/p>\n <\/div>\n <div class=\"p-2 bg-green-500\/20 rounded text-green-400\" id=\"alert-icon\">\ud83d\udee1\ufe0f<\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex gap-3\">\n <button onclick=\"simulateEvent('test')\" class=\"flex-1 py-2 bg-gray-700 hover:bg-gray-600 rounded text-sm font-medium transition-colors\" id=\"btn-test\">Selbsttest Simulieren<\/button>\n <button onclick=\"simulateEvent('emergency')\" class=\"flex-1 py-2 bg-red-900\/50 hover:bg-[#D52B1E] text-red-200 hover:text-white border border-red-900\/50 hover:border-transparent rounded text-sm font-medium transition-colors\" id=\"btn-emergency\">Notfall Simulieren<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10\">\n <div class=\"bg-white rounded-2xl p-8 md:p-12 shadow-sm border border-gray-100\">\n <div class=\"flex flex-col md:flex-row gap-12\">\n <div class=\"md:w-1\/2\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-6\" id=\"sust-title\">Nachhaltigkeit bedeutet Langlebigkeit<\/h2>\n <p class=\"text-lg text-gray-600 mb-6\" id=\"sust-p1\">\n In der Bauindustrie bedeutet Nachhaltigkeit oft CO2-Reduktion. F\u00fcr uns bedeutet es auch <strong>Zuverl\u00e4ssigkeit \u00fcber Jahre hinweg<\/strong>.\n <\/p>\n <p class=\"text-gray-600 mb-8\" id=\"sust-p2\">\n Billige Wegwerf-Elektronik hat in der Lebensrettung keinen Platz. Sehen Sie den Unterschied in Wartungsereignissen \u00fcber 10 Jahre zwischen einem Standard-Ger\u00e4t und unserer robusten “Swiss Standard”-L\u00f6sung.\n <\/p>\n <div class=\"bg-red-50 border-l-4 border-[#D52B1E] p-4\">\n <p class=\"text-sm text-red-900 font-medium italic\" id=\"sust-quote\">\n “Echte Nachhaltigkeit heisst, Ger\u00e4te nicht st\u00e4ndig ersetzen zu m\u00fcssen, sondern sich darauf verlassen zu k\u00f6nnen.”\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"md:w-1\/2 flex flex-col justify-center\">\n <div class=\"chart-container\">\n <canvas id=\"sustainabilityChart\"><\/canvas>\n <\/div>\n <p class=\"text-center text-xs text-gray-400 mt-4\" id=\"chart-caption\">Vergleich der Wartungsinterventionen (Batterie\/Austausch) \u00fcber 10 Jahre<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center pb-12\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-8\" id=\"conc-title\">Die “Human Infrastructure”<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 mb-12\">\n <div class=\"p-6 bg-gray-50 rounded-xl\">\n <div class=\"text-3xl mb-4\">\ud83c\udfe0<\/div>\n <h3 class=\"font-bold text-xl mb-2\">Smart Building<\/h3>\n <p class=\"text-gray-600\" id=\"conc-smart\">Optimiert den Komfort und die Energie.<\/p>\n <\/div>\n <div class=\"p-6 bg-red-50 rounded-xl border border-red-100\">\n <div class=\"text-3xl mb-4 text-[#D52B1E]\">\ud83e\udec0<\/div>\n <h3 class=\"font-bold text-xl mb-2 text-gray-900\">Safe Building<\/h3>\n <p class=\"text-gray-600\" id=\"conc-safe\">Garantiert das \u00dcberleben im Notfall.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"bg-gray-900 text-white rounded-2xl p-8 md:p-12 shadow-xl relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-[#D52B1E] opacity-10 rounded-full transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n \n <h3 class=\"text-2xl md:text-3xl font-bold mb-4 relative z-10\" id=\"cta-title\">Ist Ihr Geb\u00e4ude bereit?<\/h3>\n <p class=\"text-lg text-gray-300 mb-8 relative z-10\" id=\"cta-desc\">\n Investieren Sie nicht nur in Ziegel und Bytes, sondern in den Herzschlag Ihres Geb\u00e4udes. Lassen Sie uns Ihre Sicherheitsinfrastruktur modernisieren.\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 relative z-10\">\n <button class=\"px-8 py-3 bg-[#D52B1E] hover:bg-red-700 text-white font-bold rounded-lg shadow-lg transition-transform hover:scale-105\" id=\"cta-btn-primary\">\n Angebot anfordern\n <\/button>\n <button class=\"px-8 py-3 bg-transparent border border-gray-500 hover:border-white text-white font-medium rounded-lg transition-colors\" id=\"cta-btn-secondary\">\n Mehr erfahren\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-white border-t border-gray-200 py-12\" id=\"contact\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center gap-6\">\n <div class=\"text-center md:text-left\">\n <div class=\"flex items-center gap-2 justify-center md:justify-start mb-2\">\n <div class=\"w-6 h-6 bg-[#D52B1E] rounded-sm flex items-center justify-center text-white font-bold text-xs\">+<\/div>\n <span class=\"font-bold text-lg text-gray-900\">Defibrillator<span class=\"font-light text-gray-600\">Schweiz<\/span><\/span>\n <\/div>\n <p class=\"text-sm text-gray-500\">Engineered for Survival. Made for Switzerland.<\/p>\n <\/div>\n <div class=\"flex gap-6 text-sm text-gray-500\">\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Impressum<\/a>\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Datenschutz<\/a>\n <a href=\"#\" class=\"hover:text-[#D52B1E]\">Kontakt<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n <\/main>\n\n <script>\n \/\/ --- DATA & STATE MANAGEMENT ---\n const content = {\n de: {\n navCta: \"Kontakt\",\n heroTag: \"Smart & Safe Buildings\",\n heroTitle1: \"Intelligente Geb\u00e4ude brauchen\",\n heroTitle2: \"intelligente Sicherheit.\",\n heroDesc: \"Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss.\",\n heroBtn: \"Tour starten\",\n gridTitle: \"Das \u00d6kosystem des modernen Geb\u00e4udes\",\n gridIntro: \"Ein modernes Geb\u00e4ude ist ein komplexes Netzwerk. Klicken Sie auf die Systeme unten, um ihren Status im 'Smart Building' zu \u00fcberpr\u00fcfen. Was fehlt oft?\",\n hvacTitle: \"HVAC \/ Klima\",\n hvacDesc: \"KI-gesteuerte Temperaturregelung f\u00fcr maximale Energieeffizienz.\",\n lightTitle: \"Beleuchtung\",\n lightDesc: \"Pr\u00e4senzmelder und Tageslichtsteuerung zur Stromreduktion.\",\n accessTitle: \"Zutritt\",\n accessDesc: \"Biometrische Sicherheit und digitale Besucherverwaltung.\",\n energyTitle: \"Energie\",\n energyDesc: \"Solarintegration und intelligentes Lastmanagement.\",\n connTitle: \"Konnektivit\u00e4t\",\n connDesc: \"Glasfaser und 5G f\u00fcr l\u00fcckenlose Daten\u00fcbertragung.\",\n safetyTitleHidden: \"???\",\n safetyDescHidden: \"Klicken zum Enth\u00fcllen\",\n safetyTitle: \"Lebensrettung (AED)\",\n safetyDesc: \"Der 'Missing Link'. Vernetzte Defibrillatoren f\u00fcr sofortige Hilfe.\",\n dashTag: \"Smart Safety Integration\",\n dashTitle: \"Von 'Smart Home' zu 'Smart Safety'\",\n dashP1: \"Unsere modernen Defibrillatoren sind keine passiven K\u00e4sten mehr. Sie sind <strong>vernetzte W\u00e4chter<\/strong>.\",\n dashLi1: \"<strong>Fern\u00fcberwachung:<\/strong> 24\/7 Batterie- und Selbsttest-Status. Kein manueller Check n\u00f6tig.\",\n dashLi2: \"<strong>Sofortige Alarmierung:<\/strong> Entnahme l\u00f6st sofort Alarm beim Sicherheitsdienst aus.\",\n dashLi3: \"<strong>Daten-Integration:<\/strong> Nahtlose Einbindung in Ihr Facility-Management-System.\",\n uiBatt: \"BATTERIE\",\n uiPads: \"ELEKTRODEN\",\n btnTest: \"Selbsttest Simulieren\",\n btnEmer: \"Notfall Simulieren\",\n alertNormalTitle: \"System Normal\",\n alertNormalDesc: \"Alle Ger\u00e4te betriebsbereit. Keine St\u00f6rungen.\",\n alertEmerTitle: \"ALARM: AED ENTNAHME\",\n alertEmerDesc: \"Standort: Lobby Nord. Sicherheit informiert.\",\n alertTestTitle: \"Selbsttest L\u00e4uft...\",\n alertTestDesc: \"Diagnose der internen Kreisl\u00e4ufe.\",\n sustTitle: \"Nachhaltigkeit bedeutet Langlebigkeit\",\n sustP1: \"In der Bauindustrie bedeutet Nachhaltigkeit oft CO2-Reduktion. F\u00fcr uns bedeutet es auch <strong>Zuverl\u00e4ssigkeit \u00fcber Jahre hinweg<\/strong>.\",\n sustP2: \"Billige Wegwerf-Elektronik hat in der Lebensrettung keinen Platz. Sehen Sie den Unterschied in Wartungsereignissen \u00fcber 10 Jahre zwischen einem Standard-Ger\u00e4t und unserer robusten 'Swiss Standard'-L\u00f6sung.\",\n sustQuote: \"\\\"Echte Nachhaltigkeit heisst, Ger\u00e4te nicht st\u00e4ndig ersetzen zu m\u00fcssen, sondern sich darauf verlassen zu k\u00f6nnen.\\\"\",\n chartCaption: \"Vergleich der Wartungsinterventionen (Batterie\/Austausch) \u00fcber 10 Jahre\",\n chartLabel1: \"Standard AED (Wegwerf)\",\n chartLabel2: \"Defibrillator Schweiz (Langlebig)\",\n concTitle: \"Die \\\"Human Infrastructure\\\"\",\n concSmart: \"Optimiert den Komfort und die Energie.\",\n concSafe: \"Garantiert das \u00dcberleben im Notfall.\",\n ctaTitle: \"Ist Ihr Geb\u00e4ude bereit?\",\n ctaDesc: \"Investieren Sie nicht nur in Ziegel und Bytes, sondern in den Herzschlag Ihres Geb\u00e4udes. Lassen Sie uns Ihre Sicherheitsinfrastruktur modernisieren.\",\n ctaBtn1: \"Angebot anfordern\",\n ctaBtn2: \"Mehr erfahren\"\n },\n en: {\n navCta: \"Contact\",\n heroTag: \"Smart & Safe Buildings\",\n heroTitle1: \"Smart Buildings Need\",\n heroTitle2: \"Smart Safety.\",\n heroDesc: \"Sensors adjust lighting, AI optimizes heating. But who protects the people? Discover why modern architecture must be about more than just energy savings.\",\n heroBtn: \"Start Tour\",\n gridTitle: \"The Modern Building Ecosystem\",\n gridIntro: \"A modern building is a complex network. Click the systems below to check their status in a 'Smart Building'. What is often missing?\",\n hvacTitle: \"HVAC \/ Climate\",\n hvacDesc: \"AI-driven temperature control for maximum energy efficiency.\",\n lightTitle: \"Lighting\",\n lightDesc: \"Presence detectors and daylight control to reduce power usage.\",\n accessTitle: \"Access\",\n accessDesc: \"Biometric security and digital visitor management.\",\n energyTitle: \"Energy\",\n energyDesc: \"Solar integration and intelligent load management.\",\n connTitle: \"Connectivity\",\n connDesc: \"Fiber optics and 5G for seamless data transmission.\",\n safetyTitleHidden: \"???\",\n safetyDescHidden: \"Click to Reveal\",\n safetyTitle: \"Life Safety (AED)\",\n safetyDesc: \"The 'Missing Link'. Connected defibrillators for instant response.\",\n dashTag: \"Smart Safety Integration\",\n dashTitle: \"From 'Smart Home' to 'Smart Safety'\",\n dashP1: \"Our modern defibrillators are no longer passive boxes. They are <strong>connected guardians<\/strong>.\",\n dashLi1: \"<strong>Remote Monitoring:<\/strong> 24\/7 battery and self-test status. No manual checks needed.\",\n dashLi2: \"<strong>Instant Alerts:<\/strong> Removal triggers immediate alarm to security services.\",\n dashLi3: \"<strong>Data Integration:<\/strong> Seamless integration into your Facility Management System.\",\n uiBatt: \"BATTERY\",\n uiPads: \"ELECTRODES\",\n btnTest: \"Simulate Self-Test\",\n btnEmer: \"Simulate Emergency\",\n alertNormalTitle: \"System Normal\",\n alertNormalDesc: \"All devices operational. No faults.\",\n alertEmerTitle: \"ALARM: AED REMOVED\",\n alertEmerDesc: \"Location: Lobby North. Security notified.\",\n alertTestTitle: \"Self-Test Running...\",\n alertTestDesc: \"Diagnosing internal circuits.\",\n sustTitle: \"Sustainability Means Longevity\",\n sustP1: \"In construction, sustainability often means CO2 reduction. For us, it also means <strong>reliability over years<\/strong>.\",\n sustP2: \"Cheap disposable electronics have no place in life-saving. See the difference in maintenance events over 10 years between a standard device and our robust 'Swiss Standard' solution.\",\n sustQuote: \"\\\"True sustainability means not having to constantly replace equipment, but being able to trust it.\\\"\",\n chartCaption: \"Comparison of Maintenance Interventions (Battery\/Replacement) over 10 Years\",\n chartLabel1: \"Standard AED (Disposable)\",\n chartLabel2: \"Defibrillator Schweiz (Durable)\",\n concTitle: \"The \\\"Human Infrastructure\\\"\",\n concSmart: \"Optimizes comfort and energy.\",\n concSafe: \"Ensures survival in emergencies.\",\n ctaTitle: \"Is Your Building Ready?\",\n ctaDesc: \"Don't just invest in bricks and bytes; invest in the heartbeat of your building. Let's modernize your safety infrastructure.\",\n ctaBtn1: \"Request Quote\",\n ctaBtn2: \"Learn More\"\n }\n };\n\n let currentLang = 'de';\n let chartInstance = null;\n\n \/\/ --- CORE FUNCTIONS ---\n\n function setLanguage(lang) {\n currentLang = lang;\n const t = content[lang];\n \n \/\/ Toggle Buttons\n document.getElementById('btn-de').classList.toggle('text-[#D52B1E]', lang === 'de');\n document.getElementById('btn-de').classList.toggle('text-gray-500', lang !== 'de');\n document.getElementById('btn-en').classList.toggle('text-[#D52B1E]', lang === 'en');\n document.getElementById('btn-en').classList.toggle('text-gray-500', lang !== 'en');\n\n \/\/ Text Updates\n document.getElementById('nav-cta').innerText = t.navCta;\n document.getElementById('hero-tag').innerText = t.heroTag;\n document.getElementById('hero-title-1').innerText = t.heroTitle1;\n document.getElementById('hero-title-2').innerText = t.heroTitle2;\n document.getElementById('hero-desc').innerText = t.heroDesc;\n document.getElementById('hero-btn-explore').innerText = t.heroBtn;\n \n document.getElementById('grid-title').innerText = t.gridTitle;\n document.getElementById('grid-intro').innerText = t.gridIntro;\n \n document.getElementById('card-hvac-title').innerText = t.hvacTitle;\n document.getElementById('card-hvac-desc').innerText = t.hvacDesc;\n document.getElementById('card-light-title').innerText = t.lightTitle;\n document.getElementById('card-light-desc').innerText = t.lightDesc;\n document.getElementById('card-access-title').innerText = t.accessTitle;\n document.getElementById('card-access-desc').innerText = t.accessDesc;\n document.getElementById('card-energy-title').innerText = t.energyTitle;\n document.getElementById('card-energy-desc').innerText = t.energyDesc;\n document.getElementById('card-conn-title').innerText = t.connTitle;\n document.getElementById('card-conn-desc').innerText = t.connDesc;\n \n \/\/ Handle Revealed Card State\n const safetyCard = document.getElementById('safety-card');\n if (safetyCard.classList.contains('revealed')) {\n document.getElementById('card-safety-title').innerText = t.safetyTitle;\n document.getElementById('card-safety-desc').innerText = t.safetyDesc;\n } else {\n document.getElementById('card-safety-title').innerText = t.safetyTitleHidden;\n document.getElementById('card-safety-desc').innerText = t.safetyDescHidden;\n }\n\n document.getElementById('dash-tag').innerText = t.dashTag;\n document.getElementById('dash-title').innerText = t.dashTitle;\n document.getElementById('dash-p1').innerHTML = t.dashP1;\n document.getElementById('dash-li1').innerHTML = t.dashLi1;\n document.getElementById('dash-li2').innerHTML = t.dashLi2;\n document.getElementById('dash-li3').innerHTML = t.dashLi3;\n document.getElementById('ui-batt').innerText = t.uiBatt;\n document.getElementById('ui-pads').innerText = t.uiPads;\n document.getElementById('btn-test').innerText = t.btnTest;\n document.getElementById('btn-emergency').innerText = t.btnEmer;\n\n document.getElementById('alert-title').innerText = t.alertNormalTitle;\n document.getElementById('alert-desc').innerText = t.alertNormalDesc;\n\n document.getElementById('sust-title').innerText = t.sustTitle;\n document.getElementById('sust-p1').innerHTML = t.sustP1;\n document.getElementById('sust-p2').innerHTML = t.sustP2;\n document.getElementById('sust-quote').innerHTML = t.sustQuote;\n document.getElementById('chart-caption').innerText = t.chartCaption;\n\n document.getElementById('conc-title').innerText = t.concTitle;\n document.getElementById('conc-smart').innerText = t.concSmart;\n document.getElementById('conc-safe').innerText = t.concSafe;\n document.getElementById('cta-title').innerText = t.ctaTitle;\n document.getElementById('cta-desc').innerText = t.ctaDesc;\n document.getElementById('cta-btn-primary').innerText = t.ctaBtn1;\n document.getElementById('cta-btn-secondary').innerText = t.ctaBtn2;\n\n \/\/ Update Chart\n updateChart();\n }\n\n function scrollToSection(id) {\n document.getElementById(id).scrollIntoView({ behavior: 'smooth' });\n }\n\n \/\/ --- INTERACTION LOGIC ---\n\n function toggleSystem(el, type) {\n \/\/ Visual click feedback\n el.classList.add('scale-95');\n setTimeout(() => el.classList.remove('scale-95'), 150);\n \/\/ Toggle indicator color\n const indicator = el.querySelector('.status-indicator');\n if(indicator.classList.contains('bg-green-500')) {\n indicator.classList.remove('bg-green-500');\n indicator.classList.add('bg-gray-300');\n } else {\n indicator.classList.remove('bg-gray-300');\n indicator.classList.add('bg-green-500');\n }\n }\n\n function revealSafety(el) {\n const t = content[currentLang];\n const dashSection = document.getElementById('dashboard-section');\n \n el.classList.remove('bg-gray-50', 'border-dashed', 'border-gray-300', 'hover:border-[#D52B1E]', 'hover:bg-red-50');\n el.classList.add('bg-[#D52B1E]', 'border-[#D52B1E]', 'text-white', 'shadow-xl', 'scale-105', 'transform', 'revealed');\n \n \/\/ Change content\n const icon = el.querySelector('div');\n icon.innerText = '\ud83e\udec0';\n icon.classList.remove('text-gray-400', 'group-hover:text-[#D52B1E]');\n icon.classList.add('text-white', 'animate-pulse');\n\n const title = document.getElementById('card-safety-title');\n title.innerText = t.safetyTitle;\n title.classList.remove('text-gray-400', 'group-hover:text-[#D52B1E]');\n title.classList.add('text-white');\n\n const desc = document.getElementById('card-safety-desc');\n desc.innerText = t.safetyDesc;\n desc.classList.remove('text-gray-400', 'group-hover:text-red-800');\n desc.classList.add('text-red-100');\n\n \/\/ Show Next Section\n dashSection.classList.remove('hidden');\n setTimeout(() => {\n dashSection.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 500);\n }\n\n function simulateEvent(type) {\n const alertBox = document.getElementById('alert-box');\n const alertTitle = document.getElementById('alert-title');\n const alertDesc = document.getElementById('alert-desc');\n const alertIcon = document.getElementById('alert-icon');\n const t = content[currentLang];\n\n if (type === 'test') {\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-blue-500 transition-colors duration-300';\n alertTitle.innerText = t.alertTestTitle;\n alertDesc.innerText = t.alertTestDesc;\n alertIcon.className = 'p-2 bg-blue-500\/20 rounded text-blue-400';\n alertIcon.innerText = '\u2699\ufe0f';\n \n setTimeout(() => {\n resetAlert();\n }, 3000);\n\n } else if (type === 'emergency') {\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-[#D52B1E] transition-colors duration-300 animate-pulse';\n alertTitle.innerText = t.alertEmerTitle;\n alertDesc.innerText = t.alertEmerDesc;\n alertIcon.className = 'p-2 bg-red-500\/20 rounded text-[#D52B1E]';\n alertIcon.innerText = '\ud83d\udea8';\n }\n }\n\n function resetAlert() {\n const t = content[currentLang];\n const alertBox = document.getElementById('alert-box');\n const alertTitle = document.getElementById('alert-title');\n const alertDesc = document.getElementById('alert-desc');\n const alertIcon = document.getElementById('alert-icon');\n\n alertBox.className = 'bg-gray-900 p-4 rounded-lg mb-6 border-l-4 border-green-500 transition-colors duration-300';\n alertTitle.innerText = t.alertNormalTitle;\n alertDesc.innerText = t.alertNormalDesc;\n alertIcon.className = 'p-2 bg-green-500\/20 rounded text-green-400';\n alertIcon.innerText = '\ud83d\udee1\ufe0f';\n }\n\n \/\/ --- CHART CONFIGURATION ---\n\n function initChart() {\n const ctx = document.getElementById('sustainabilityChart').getContext('2d');\n const t = content[currentLang];\n\n Chart.defaults.font.family = \"'Inter', sans-serif\";\n \n chartInstance = new Chart(ctx, {\n type: 'bar',\n data: {\n labels: [t.chartLabel1, t.chartLabel2],\n datasets: [{\n label: 'Service Events (10 Years)',\n data: [7, 2], \/\/ 5 batteries + 2 pads vs 1 battery + 1 pad\n backgroundColor: [\n 'rgba(156, 163, 175, 0.5)', \/\/ Gray for standard\n 'rgba(213, 43, 30, 0.8)' \/\/ Swiss Red for Durable\n ],\n borderColor: [\n 'rgba(156, 163, 175, 1)',\n 'rgba(213, 43, 30, 1)'\n ],\n borderWidth: 1\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return context.raw + \" Maintenance Events\";\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n title: {\n display: true,\n text: 'Maintenance Events'\n }\n }\n }\n }\n });\n }\n\n function updateChart() {\n if (chartInstance) {\n const t = content[currentLang];\n chartInstance.data.labels = [t.chartLabel1, t.chartLabel2];\n chartInstance.update();\n }\n }\n\n \/\/ --- INITIALIZATION ---\n document.addEventListener('DOMContentLoaded', () => {\n initChart();\n setLanguage('de'); \/\/ Default to German\n });\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1524","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- DaniMed<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- DaniMed\" \/>\n<meta property=\"og:description\" content=\"Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/\" \/>\n<meta property=\"og:site_name\" content=\"DaniMed\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-14T21:36:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n","yoast_head_json":{"title":"- DaniMed","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","og_locale":"it_IT","og_type":"article","og_title":"- DaniMed","og_description":"Defibrillator Schweiz – Smart & Safe Buildings + DefibrillatorSchweiz DE | EN Kontakt Smart & Safe Buildings Intelligente Geb\u00e4ude brauchen intelligente Sicherheit. Sensoren regeln das Licht, KI optimiert die Heizung. Aber wer sch\u00fctzt den Menschen? Entdecken Sie, warum moderne Architektur mehr als nur Energie sparen muss. Tour starten Das \u00d6kosystem des modernen Geb\u00e4udes Ein modernes […]","og_url":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","og_site_name":"DaniMed","article_modified_time":"2025-12-14T21:36:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","url":"https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/","name":"- DaniMed","isPartOf":{"@id":"https:\/\/defibrillator-schweiz.ch\/#website"},"datePublished":"2025-12-14T21:36:30+00:00","dateModified":"2025-12-14T21:36:33+00:00","inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/defibrillator-schweiz.ch\/it\/1524-2\/"]}]},{"@type":"WebSite","@id":"https:\/\/defibrillator-schweiz.ch\/#website","url":"https:\/\/defibrillator-schweiz.ch\/","name":"DaniMed","description":"Defibrillator Schweiz","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/defibrillator-schweiz.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":2,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524\/revisions"}],"predecessor-version":[{"id":1527,"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/pages\/1524\/revisions\/1527"}],"wp:attachment":[{"href":"https:\/\/defibrillator-schweiz.ch\/it\/wp-json\/wp\/v2\/media?parent=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}