{"id":1554,"date":"2026-07-11T11:27:15","date_gmt":"2026-07-11T11:27:15","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1554"},"modified":"2026-07-16T16:43:53","modified_gmt":"2026-07-16T16:43:53","slug":"alarmanlagen","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/de\/alarmanlagen\/","title":{"rendered":"Alarmanlagen"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alata&family=Inter:wght@400;500;600;700;800&display=swap');\n\n.als-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #14151a;\n  --gray: #5c5f66;\n  --bg-light: #f7f6f5;\n  font-family: 'Inter', sans-serif;\n  color: var(--ink);\n  overflow: hidden;\n  \n  \/* 1. FIX: Preventing Xiaomi Force Dark Mode *\/\n  color-scheme: light dark !important;\n}\n.als-wrap * { \n  box-sizing: border-box; \n  \/* Ensuring child elements respect the color scheme *\/\n  color-scheme: light dark !important;\n}\n.als-wrap h1, .als-wrap h2, .als-wrap h3, .als-wrap h4 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n.als-inner { max-width: 1180px; margin: 0 auto; padding: 0 22px; }\n.als-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\n}\n.als-reveal.als-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO - scan-line background (WITH MOBILE\/XIAOMI FIX)\n   ============================================================ *\/\n.als-hero {\n  position: relative;\n  padding: 74px 0 54px;\n  background: var(--ink);\n  color: #fff;\n  text-align: center;\n  \n  \/* 2. FIX: Hardware acceleration at hero level to stabilize animations *\/\n  transform: translate3d(0, 0, 0);\n  -webkit-transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n}\n.als-scanlines {\n  position: absolute;\n  inset: 0;\n  background: repeating-linear-gradient(\n    0deg,\n    rgba(198,15,15,0.05),\n    rgba(198,15,15,0.05) 1px,\n    transparent 1px,\n    transparent 26px\n  );\n  pointer-events: none;\n}\n.als-scan-beam {\n  position: absolute;\n  left: 0; right: 0;\n  height: 90px;\n  background: linear-gradient(to bottom, transparent, rgba(198,15,15,0.12), transparent);\n  animation: alsScan 5s linear infinite;\n  \n  \/* Optimization for GPU rendering on mobile devices *\/\n  transform: translate3d(0, 0, 0);\n  -webkit-transform: translate3d(0, 0, 0);\n}\n@keyframes alsScan {\n  0% { top: -90px; }\n  100% { top: 100%; }\n}\n.als-hero-inner { \n  position: relative; \n  z-index: 2; \n  max-width: 760px; \n  margin: 0 auto; \n  \n  \/* Stabilizing inner animated text *\/\n  transform: translate3d(0, 0, 0);\n  -webkit-transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n}\n.als-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.78rem;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: var(--accent);\n  background: rgba(198,15,15,0.14);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 20px;\n}\n.als-hero h1 {\n  font-size: clamp(1.7rem, 3.6vw, 2.35rem);\n  line-height: 1.3;\n  margin: 0 0 18px;\n  color: #fff !important;\n}\n.als-hero p {\n  color: #c6c7cc;\n  font-size: 1rem;\n  line-height: 1.75;\n  margin: 0 0 34px;\n}\n.als-quickfacts {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n.als-qf {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.12);\n  padding: 10px 16px;\n  border-radius: 10px;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #fff;\n}\n.als-qf svg { width: 16px; height: 16px; color: var(--accent); }\n\n\/* SPECIFIC MOBILE FIXES FOR XIAOMI AND ANDROID *\/\n@media (max-width: 768px) {\n  .als-hero {\n    \/* Disabling fixed background behavior to reduce GPU stress *\/\n    background-attachment: scroll !important;\n  }\n  .als-scanlines {\n    \/* Cleaner rendering of repeating scan lines on smaller screens *\/\n    background: repeating-linear-gradient(\n      0deg,\n      rgba(198,15,15,0.04),\n      rgba(198,15,15,0.04) 1px,\n      transparent 1px,\n      transparent 18px\n    );\n  }\n  .als-scan-beam {\n    \/* Reduced beam height for smoother mobile rendering *\/\n    height: 60px;\n  }\n}\n\n\/* ============================================================\n   SYSTEM TYPES - 3 panels, middle featured\n   ============================================================ *\/\n.als-types {\n  padding: 70px 0;\n  background: #fff;\n}\n.als-types h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 44px;\n}\n.als-types-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  align-items: stretch;\n}\n@media (max-width: 860px) {\n  .als-types-grid { grid-template-columns: 1fr; }\n}\n.als-type-card {\n  background: var(--bg-light);\n  border-radius: 14px;\n  padding: 30px 26px;\n  text-align: center;\n  transition: transform .3s ease, box-shadow .3s ease;\n}\n.als-type-card.als-featured {\n  background: var(--ink);\n  color: #fff;\n  transform: scale(1.04);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.18);\n}\n@media (max-width: 860px) {\n  .als-type-card.als-featured { transform: none; }\n}\n.als-type-card:hover { transform: translateY(-4px) scale(1.04); }\n.als-type-card.als-featured:hover { transform: translateY(-4px) scale(1.04); }\n\n.als-type-icon {\n  width: 54px;\n  height: 54px;\n  margin: 0 auto 16px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(198,15,15,0.1);\n}\n.als-type-card.als-featured .als-type-icon { background: rgba(198,15,15,0.22); }\n.als-type-icon svg { width: 26px; height: 26px; color: var(--accent); }\n\n.als-type-card h3 { font-size: 1.15rem; margin: 0 0 10px; }\n.als-type-card p {\n  font-size: 0.92rem;\n  line-height: 1.65;\n  color: var(--gray);\n  margin: 0 0 18px;\n}\n.als-type-card.als-featured p { color: #c6c7cc; }\n\n.als-type-tag {\n  display: inline-block;\n  font-size: 0.76rem;\n  font-weight: 700;\n  color: var(--accent);\n  background: rgba(198,15,15,0.1);\n  padding: 6px 14px;\n  border-radius: 20px;\n}\n.als-type-card.als-featured .als-type-tag {\n  background: rgba(198,15,15,0.22);\n  color: #ff5a5a;\n}\n\n\/* ============================================================\n   FIRE, GAS DETECION & SMOKE VENTILATION\n   ============================================================ *\/\n.als-safety {\n  padding: 75px 0;\n  background: #fff;\n  border-top: 1px solid rgba(0,0,0,0.06);\n}\n.als-safety h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 8px;\n}\n.als-safety p.als-sub {\n  text-align: center;\n  color: var(--gray);\n  max-width: 640px;\n  margin: 0 auto 46px;\n  font-size: 0.95rem;\n  line-height: 1.7;\n}\n.als-safety-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n@media (max-width: 860px) {\n  .als-safety-grid { grid-template-columns: 1fr; }\n}\n.als-safety-card {\n  background: var(--bg-light);\n  border: 1px solid rgba(0,0,0,0.03);\n  border-radius: 16px;\n  padding: 36px 30px;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n}\n.als-safety-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 30px rgba(0,0,0,0.05);\n  border-color: rgba(198,15,15,0.15);\n}\n.als-safety-icon-box {\n  width: 50px;\n  height: 50px;\n  background: rgba(198,15,15,0.08);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n}\n.als-safety-icon-box svg {\n  width: 26px;\n  height: 26px;\n  color: var(--accent);\n}\n.als-safety-card h3 {\n  font-size: 1.25rem;\n  margin: 0 0 12px;\n  font-weight: 600;\n}\n.als-safety-card p {\n  font-size: 0.92rem;\n  line-height: 1.7;\n  color: var(--gray);\n  margin: 0;\n}\n\n\/* ============================================================\n   BRANDS - premium cards, \"broken grid\" stagger\n   ============================================================ *\/\n.als-brands {\n  padding: 70px 0 60px;\n  background: var(--bg-light);\n}\n.als-brands h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 8px;\n}\n.als-brands > .als-inner > p.als-sub {\n  text-align: center;\n  color: var(--gray);\n  max-width: 560px;\n  margin: 0 auto 46px;\n  font-size: 0.95rem;\n}\n.als-brand-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n@media (max-width: 860px) {\n  .als-brand-grid { grid-template-columns: 1fr; }\n}\n.als-brand-card {\n  background: var(--ink);\n  border-radius: 14px;\n  padding: 32px 28px;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n  transition: transform .35s ease;\n}\n.als-brand-grid .als-brand-card:nth-child(2) {\n  transform: translateY(-16px);\n}\n@media (max-width: 860px) {\n  .als-brand-grid .als-brand-card:nth-child(2) { transform: none; }\n}\n.als-brand-card:hover { transform: translateY(-6px); }\n.als-brand-grid .als-brand-card:nth-child(2):hover { transform: translateY(-22px); }\n\n.als-brand-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: var(--accent);\n}\n.als-brand-name {\n  font-family: 'Alata', sans-serif;\n  font-size: 1.5rem;\n  margin: 0 0 6px;\n}\n.als-brand-tagline {\n  color: var(--accent);\n  font-size: 0.78rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin: 0 0 18px;\n}\n.als-brand-card p.als-brand-desc {\n  color: #c6c7cc;\n  font-size: 0.92rem;\n  line-height: 1.7;\n  margin: 0 0 20px;\n}\n.als-brand-features {\n  list-style: none;\n  margin: 0; padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n.als-brand-features li {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 0.85rem;\n  color: #e6e6e6;\n}\n.als-brand-features svg {\n  width: 14px; height: 14px;\n  color: var(--accent);\n  flex: 0 0 auto;\n  margin-top: 3px;\n}\n\n\/* ============================================================\n   SENSORS - horizontal icon row\n   ============================================================ *\/\n.als-sensors {\n  padding: 60px 0 70px;\n  background: #fff;\n}\n.als-sensors h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 10px;\n}\n.als-sensors > .als-inner > p.als-sub {\n  text-align: center;\n  color: var(--gray);\n  max-width: 640px;\n  margin: 0 auto 40px;\n  font-size: 0.95rem;\n  line-height: 1.7;\n}\n.als-sensor-row {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 16px;\n}\n@media (max-width: 860px) {\n  .als-sensor-row { grid-template-columns: repeat(3, 1fr); }\n}\n@media (max-width: 560px) {\n  .als-sensor-row { grid-template-columns: repeat(2, 1fr); }\n}\n.als-sensor {\n  text-align: center;\n  padding: 20px 10px;\n  border-radius: 10px;\n  transition: background .25s ease, transform .25s ease;\n}\n.als-sensor:hover { background: var(--bg-light); transform: translateY(-3px); }\n.als-sensor-icon {\n  width: 46px;\n  height: 46px;\n  margin: 0 auto 10px;\n  border-radius: 50%;\n  background: rgba(198,15,15,0.09);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.als-sensor-icon svg { width: 22px; height: 22px; color: var(--accent); }\n.als-sensor span {\n  display: block;\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: var(--ink);\n  line-height: 1.4;\n}\n.als-app-note {\n  margin-top: 40px;\n  text-align: center;\n  background: var(--bg-light);\n  border-radius: 10px;\n  padding: 20px 24px;\n  color: var(--gray);\n  font-size: 0.92rem;\n  line-height: 1.7;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.als-app-note strong { color: var(--ink); }\n\n\/* ============================================================\n   CTA - centered radar pulse\n   ============================================================ *\/\n.als-cta {\n  position: relative;\n  background: var(--ink);\n  padding: 70px 0;\n  text-align: center;\n  overflow: hidden;\n}\n.als-cta-ring {\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 40px; height: 40px;\n  border: 1px solid rgba(198,15,15,0.4);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  animation: alsRingPulse 3s ease-out infinite;\n}\n.als-cta-ring.r2 { animation-delay: 1s; }\n.als-cta-ring.r3 { animation-delay: 2s; }\n@keyframes alsRingPulse {\n  0% { width: 40px; height: 40px; opacity: 0.8; }\n  100% { width: 900px; height: 900px; opacity: 0; }\n}\n.als-cta-inner { position: relative; z-index: 2; max-width: 640px; margin: 0 auto; }\n.als-cta h3 {\n  color: #fff;\n  font-size: clamp(1.3rem, 2.6vw, 1.75rem);\n  line-height: 1.4;\n  margin: 0 0 26px;\n}\n.als-cta-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Inter', sans-serif;\n  font-weight: 700;\n  font-size: 0.98rem;\n  padding: 15px 30px;\n  border-radius: 30px;\n  text-decoration: none;\n  overflow: hidden;\n  transition: transform .2s ease, box-shadow .2s ease;\n  box-shadow: 0 8px 20px rgba(198,15,15,0.4);\n}\n.als-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 26px rgba(198,15,15,0.5);\n}\n.als-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -60%;\n  width: 40%; height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\n  transform: skewX(-20deg);\n  animation: alsShine 3.2s ease-in-out infinite;\n}\n@keyframes alsShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.als-cta-btn svg { width: 16px; height: 16px; transition: transform .25s ease; }\n.als-cta-btn:hover svg { transform: translateX(4px); }\n<\/style>\n\n<div class=\"als-wrap\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"als-hero\">\n    <div class=\"als-scanlines\"><\/div>\n    <div class=\"als-scan-beam\"><\/div>\n    <div class=\"als-inner\">\n      <div class=\"als-hero-inner als-reveal\">\n        <span class=\"als-eyebrow\">ALARM SYSTEMS \u00b7 Ajax \/ Paradox \/ Telenot<\/span>\n        <h1>Professional Intruder Alarm Systems for Homes and Commercial Premises<\/h1>\n        <p>Intruder alarm systems represent the foundation of modern security, with the primary task of timely detecting break-in attempts and sending alerts to the user or a monitoring center. Alarm Centar designs hybrid, wired, and wireless solutions tailored to the specific needs of each property.<\/p>\n\n        <div class=\"als-quickfacts\">\n          <span class=\"als-qf\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2C12 2 5 5 5 11C5 16 8 19.5 12 22C16 19.5 19 16 19 11C19 5 12 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg> Wireless<\/span>\n          <span class=\"als-qf\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6H20M4 12H20M4 18H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg> Wired<\/span>\n          <span class=\"als-qf\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 6V18M16 6V18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M4 12H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg> Hybrid<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= SYSTEM TYPES ================= -->\n  <section class=\"als-types\">\n    <div class=\"als-inner\">\n      <h2 class=\"als-reveal\">Wireless, Wired and Hybrid Systems<\/h2>\n      <div class=\"als-types-grid\">\n\n        <div class=\"als-type-card als-reveal\">\n          <div class=\"als-type-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2C12 2 5 5 5 11C5 16 8 19.5 12 22C16 19.5 19 16 19 11C19 5 12 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/div>\n          <h3>Wireless Systems<\/h3>\n          <p>Ideal for fully decorated spaces without the need for construction work or running cables. Characterized by rapid installation and modern design.<\/p>\n          <span class=\"als-type-tag\">Quick Installation<\/span>\n        <\/div>\n\n        <div class=\"als-type-card als-featured als-reveal\">\n          <div class=\"als-type-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 6V18M16 6V18\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M4 12H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n          <h3>Hybrid Systems<\/h3>\n          <p>The best option for upgrading existing facilities, combining the stability of wired connection with the flexibility of wireless components.<\/p>\n          <span class=\"als-type-tag\">Best for Upgrades<\/span>\n        <\/div>\n\n        <div class=\"als-type-card als-reveal\">\n          <div class=\"als-type-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6H20M4 12H20M4 18H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n          <\/div>\n          <h3>Wired Systems<\/h3>\n          <p>Traditionally the most reliable solution for new builds and premises with high-security requirements.<\/p>\n          <span class=\"als-type-tag\">Maximum Reliability<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FIRE, GAS & SMOKE ================= -->\n  <section class=\"als-safety\">\n    <div class=\"als-inner\">\n      <h2 class=\"als-reveal\">Fire and Gas Protection<\/h2>\n      <p class=\"als-sub als-reveal\">Along with intruder protection, we integrate early environmental threat and fire detection systems that save lives and prevent catastrophic material damage.<\/p>\n      \n      <div class=\"als-safety-grid\">\n        \n        <div class=\"als-safety-card als-reveal\">\n          <div class=\"als-safety-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 3.5z\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Fire Alarm Systems<\/h3>\n          <p>Early detection of smoke, sudden temperature rises, or smoldering is crucial for timely evacuation. Our systems instantly trigger sirens and send precise location alerts to users and emergency services.<\/p>\n        <\/div>\n\n        <div class=\"als-safety-card als-reveal\">\n          <div class=\"als-safety-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n              <path d=\"M12 6v6l4 2\" \/>\n              <path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\" \/>\n            <\/svg>\n          <\/div>\n          <h3>Gas Detection Systems<\/h3>\n          <p>Detect dangerous concentrations of flammable gases (such as methane and propane-butane) and odorless, lethal carbon monoxide (CO). The system automatically shuts off the main gas valve to prevent explosions or poisoning.<\/p>\n        <\/div>\n\n        <div class=\"als-safety-card als-reveal\">\n          <div class=\"als-safety-icon-box\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M9.59 4.59A2 2 0 1 1 11 8H2m12.41 11.41A2 2 0 1 1 13 16h9M16 12H2M22 12h-2\" \/>\n            <\/svg>\n          <\/div>\n          <h3>Smoke Ventilation Systems<\/h3>\n          <p>Automatically open skylights, windows, or activate fans in case of fire. By extracting toxic smoke and heat from the building, they ensure clear evacuation routes, aid firefighters, and protect the building\u2019s structure.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= BRANDS ================= -->\n  <section class=\"als-brands\">\n    <div class=\"als-inner\">\n      <h2 class=\"als-reveal\">Leading Global Brands in Our Range<\/h2>\n      <p class=\"als-sub als-reveal\">We select exclusively certified equipment from trusted world manufacturers.<\/p>\n\n      <div class=\"als-brand-grid\">\n\n        <div class=\"als-brand-card als-reveal\">\n          <div class=\"als-brand-name\">Ajax Systems<\/div>\n          <div class=\"als-brand-tagline\">Wireless Technology<\/div>\n          <p class=\"als-brand-desc\">The most advanced wireless solution on the market, featuring award-winning design.<\/p>\n          <ul class=\"als-brand-features\">\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Extremely fast installation<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Advanced mobile application<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Award-winning design<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"als-brand-card als-reveal\">\n          <div class=\"als-brand-name\">Paradox<\/div>\n          <div class=\"als-brand-tagline\">Wired \/ Hybrid<\/div>\n          <p class=\"als-brand-desc\">Legendary professional systems offering exceptional flexibility and modularity.<\/p>\n          <ul class=\"als-brand-features\">\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Outstanding modularity<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> For medium and large properties<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Long-term reliability<\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"als-brand-card als-reveal\">\n          <div class=\"als-brand-name\">Telenot<\/div>\n          <div class=\"als-brand-tagline\">Premium \/ High Risk<\/div>\n          <p class=\"als-brand-desc\">German premium manufacturer for high-risk properties \u2013 industries, banks, and luxury residences.<\/p>\n          <ul class=\"als-brand-features\">\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Highest European certificates<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> Long-term stability<\/li>\n            <li><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12l4 4L19 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> For high-risk facilities<\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= SENSORS ================= -->\n  <section class=\"als-sensors\">\n    <div class=\"als-inner\">\n      <h2 class=\"als-reveal\">Smart Sensors and Control<\/h2>\n      <p class=\"als-sub als-reveal\">We equip every system with detectors tailored to the specific risks of the property:<\/p>\n\n      <div class=\"als-sensor-row als-reveal\">\n        <div class=\"als-sensor\">\n          <div class=\"als-sensor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M12 2V5M12 19V22M2 12H5M19 12H22\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/div>\n          <span>Motion detector (indoor)<\/span>\n        <\/div>\n        <div class=\"als-sensor\">\n          <div class=\"als-sensor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 21C4 21 4 15 12 15C20 15 20 21 20 21\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"8\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\n          <span>Motion detector (outdoor)<\/span>\n        <\/div>\n        <div class=\"als-sensor\">\n          <div class=\"als-sensor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"16\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/div>\n          <span>Magnetic contacts<\/span>\n        <\/div>\n        <div class=\"als-sensor\">\n          <div class=\"als-sensor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3L4 8V16L12 21L20 16V8L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><path d=\"M8 11L12 13L16 9\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <span>Glass break detector<\/span>\n        <\/div>\n        <div class=\"als-sensor\">\n          <div class=\"als-sensor-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2C12 2 6 9 6 14C6 17.3 8.7 20 12 20C15.3 20 18 17.3 18 14C18 9 12 2 12 2Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg><\/div>\n          <span>Flood \/ Fire detector<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"als-app-note als-reveal\">\n        All systems are easily managed via a <strong>smartphone application<\/strong>, with the option of connecting to our <strong>24\/7 monitoring center<\/strong> for rapid security patrol response.\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CTA ================= -->\n  <section class=\"als-cta\">\n    <div class=\"als-cta-ring\"><\/div>\n    <div class=\"als-cta-ring r2\"><\/div>\n    <div class=\"als-cta-ring r3\"><\/div>\n    <div class=\"als-inner als-cta-inner als-reveal\">\n      <h3>Secure your property with premium technology.<\/h3>\n      <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"als-cta-btn\">\n        Request a Quote\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M5 12H19M19 12L13 6M19 18L13 12\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.als-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('als-visible');\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function (el) { obs.observe(el); });\n\n  document.querySelectorAll('.als-type-card.als-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.1) + 's';\n  });\n  document.querySelectorAll('.als-safety-card.als-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.1) + 's';\n  });\n  document.querySelectorAll('.als-brand-card.als-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.12) + 's';\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1554","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/comments?post=1554"}],"version-history":[{"count":4,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1554\/revisions"}],"predecessor-version":[{"id":1870,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1554\/revisions\/1870"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/media?parent=1554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}