{"id":859,"date":"2019-07-26T20:16:51","date_gmt":"2019-07-26T20:16:51","guid":{"rendered":"http:\/\/alarmcentar.hr\/homepage\/"},"modified":"2026-07-14T12:21:43","modified_gmt":"2026-07-14T12:21:43","slug":"homepage","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/de\/","title":{"rendered":"Startseite"},"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.hred-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #111214;\n  font-family: 'Inter', sans-serif;\n  overflow: hidden;\n}\n.hred-wrap * { box-sizing: border-box; }\n.hred-wrap h1 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n}\n\n\/* ---------------- HAUPTBLOCK (transparenter Hintergrund) ---------------- *\/\n.hred-main {\n  position: relative;\n  background: transparent;\n  padding: 90px 24px 70px;\n}\n\n.hred-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n.hred-inner h1 {\n  color: #fff;\n  font-size: clamp(1.9rem, 4vw, 2.7rem);\n  line-height: 1.25;\n  margin: 0 0 22px;\n}\n.hred-inner p {\n  color: rgba(255,255,255,0.92);\n  font-size: 1rem;\n  line-height: 1.75;\n  max-width: 900px;\n  margin: 0;\n}\n\n\/* ---------------- UNTERE LEISTE: Badges + Kontakt ---------------- *\/\n.hred-bar {\n  position: relative;\n  z-index: 2;\n  max-width: 1180px;\n  margin: 40px auto 0;\n  display: flex;\n  align-items: stretch;\n  background: var(--ink);\n  border-radius: 4px;\n  overflow: hidden;\n}\n@media (max-width: 760px) {\n  .hred-bar { flex-direction: column; }\n}\n\n.hred-badges {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  gap: 20px;\n  padding: 28px 24px;\n}\n@media (max-width: 760px) {\n  .hred-badges { justify-content: center; gap: 28px 20px; }\n}\n\n.hred-badge {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  text-align: center;\n  min-width: 120px;\n}\n.hred-badge-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--accent);\n  transition: transform .3s ease;\n}\n.hred-badge:hover .hred-badge-icon {\n  transform: translateY(-3px) scale(1.08);\n}\n.hred-badge-icon svg { width: 36px; height: 36px; }\n.hred-badge-label {\n  color: #fff;\n  font-weight: 800;\n  font-size: 0.82rem;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  line-height: 1.3;\n}\n\n.hred-contact {\n  flex: 0 0 auto;\n  width: 280px;\n  background: #fff;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 26px 24px;\n}\n@media (max-width: 760px) {\n  .hred-contact { width: 100%; }\n}\n\n.hred-btn {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--accent);\n  color: #fff;\n  font-weight: 800;\n  font-size: 0.9rem;\n  letter-spacing: 0.03em;\n  padding: 13px 30px;\n  border-radius: 4px;\n  text-decoration: none;\n  text-transform: uppercase;\n  overflow: hidden;\n  transition: transform .2s ease, box-shadow .2s ease;\n  box-shadow: 0 6px 16px rgba(198,15,15,0.3);\n}\n.hred-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 22px rgba(198,15,15,0.4);\n}\n.hred-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0; left: -60%; width: 40%; height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\n  transform: skewX(-20deg);\n  animation: hredShine 3.2s ease-in-out infinite;\n}\n@keyframes hredShine { 0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; } }\n\n.hred-contact-text {\n  color: var(--ink);\n  font-weight: 800;\n  font-size: 0.92rem;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  text-align: center;\n}\n\n.hred-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.hred-reveal.hred-visible { opacity: 1; transform: translateY(0); }\n<\/style>\n\n<div class=\"hred-wrap\">\n  <section class=\"hred-main\">\n\n    <div class=\"hred-inner hred-reveal\">\n      <h1>Professional security systems<\/h1>\n      <p>Alarm Centar ist ein Unternehmen, das auf die Planung, den Verkauf und die Installation von Alarmanlagen, Video\u00fcberwachungs- und Zutrittskontrollsystemen spezialisiert ist. Im Laufe unserer langj\u00e4hrigen Erfahrung haben wir mit zahlreichen einheimischen und ausl\u00e4ndischen Kunden zusammengearbeitet und erf\u00fcllen aktiv h\u00f6chste Standards, was auch unsere langj\u00e4hrige Zertifizierung und T\u00e4tigkeit in westeurop\u00e4ischen EU-L\u00e4ndern belegt.<\/p>\n    <\/div>\n\n    <div class=\"hred-bar hred-reveal\">\n      <div class=\"hred-badges\">\n\n        <div class=\"hred-badge\">\n          <div class=\"hred-badge-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M20.59 13.41L11 3.83A2 2 0 0 0 9.59 3.24L4 3a1 1 0 0 0-1 1l.24 5.59a2 2 0 0 0 .59 1.41l9.58 9.59a2 2 0 0 0 2.83 0l4.24-4.24a2 2 0 0 0 .11-2.94Z\" fill=\"currentColor\"\/>\n              <circle cx=\"7.5\" cy=\"7.5\" r=\"1.5\" fill=\"#fff\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"hred-badge-label\">Ma\u00dfgeschneiderter Service<\/span>\n        <\/div>\n\n        <div class=\"hred-badge\">\n          <div class=\"hred-badge-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 2L2 10h2v10h6v-6h4v6h6V10h2L12 2Z\" fill=\"currentColor\"\/>\n              <circle cx=\"12\" cy=\"10.5\" r=\"1.6\" fill=\"#fff\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"hred-badge-label\">Professionelle Installation<\/span>\n        <\/div>\n\n        <div class=\"hred-badge\">\n          <div class=\"hred-badge-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"9\" cy=\"8\" r=\"3.2\" fill=\"currentColor\"\/>\n              <path d=\"M3 20c0-3.6 2.7-6 6-6s6 2.4 6 6\" fill=\"currentColor\"\/>\n              <circle cx=\"17\" cy=\"9\" r=\"2.6\" fill=\"currentColor\" opacity=\"0.75\"\/>\n              <path d=\"M14.5 20c0-2.9 1.9-4.9 4.5-4.9s4.5 2 4.5 4.9\" fill=\"currentColor\" opacity=\"0.75\"\/>\n            <\/svg>\n          <\/div>\n          <span class=\"hred-badge-label\">Zertifizierte Mitarbeiter<\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"hred-contact\">\n        <a href=\"https:\/\/alarmcentar.hr\/de\/kontakt\/\" class=\"hred-btn\">Kontakt<\/a>\n        <span class=\"hred-contact-text\">Kontaktieren Sie uns<\/span>\n      <\/div>\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<script>\n(function () {\n  var reveals = document.querySelectorAll('.hred-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('hred-visible');\n    });\n  }, { threshold: 0.15 });\n  reveals.forEach(function (el) { obs.observe(el); });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 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_1 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.sol-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #1a1a1a;\n  --gray: #5c5f66;\n  font-family: 'Inter', sans-serif;\n  color: var(--ink);\n  background: #fff;\n  padding: 80px 24px;\n  overflow: hidden;\n}\n.sol-wrap * { box-sizing: border-box; }\n\n.sol-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 50px;\n  align-items: start;\n}\n@media (max-width: 860px) {\n  .sol-inner { grid-template-columns: 1fr; gap: 30px; }\n}\n\n\/* ---------------- LINKS: \u00dcBERSCHRIFT ---------------- *\/\n.sol-heading {\n  position: relative;\n}\n.sol-heading h2 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  font-size: clamp(1.9rem, 3.6vw, 2.6rem);\n  line-height: 1.25;\n  color: var(--ink);\n  margin: 0 0 18px;\n  text-transform: uppercase;\n}\n.sol-heading-bar {\n  width: 0;\n  height: 4px;\n  background: var(--accent);\n  border-radius: 2px;\n  transition: width 1s cubic-bezier(.2,.7,.2,1) .2s;\n}\n.sol-heading.sol-visible .sol-heading-bar {\n  width: 90px;\n}\n\n\/* ---------------- RECHTS: TEXT + ZAHLEN ---------------- *\/\n.sol-text p {\n  color: var(--gray);\n  font-size: 1rem;\n  line-height: 1.75;\n  margin: 0 0 18px;\n}\n.sol-text p:last-child { margin-bottom: 0; }\n\n.sol-counters {\n  display: flex;\n  gap: 70px;\n  margin-top: 44px;\n  flex-wrap: wrap;\n}\n@media (max-width: 480px) {\n  .sol-counters { gap: 40px; }\n}\n\n.sol-counter-item {\n  position: relative;\n  cursor: default;\n}\n.sol-counter-number-row {\n  display: flex;\n  align-items: baseline;\n  gap: 4px;\n}\n.sol-counter-number {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  font-size: clamp(2.6rem, 5vw, 3.6rem);\n  color: var(--ink);\n  line-height: 1;\n  transition: color .3s ease, transform .3s ease;\n}\n.sol-counter-plus {\n  font-family: 'Alata', sans-serif;\n  font-size: clamp(1.6rem, 3vw, 2.1rem);\n  color: var(--accent);\n  line-height: 1;\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity .4s ease .2s, transform .4s ease .2s;\n}\n.sol-counter-item.sol-counted .sol-counter-plus {\n  opacity: 1;\n  transform: translateY(0);\n}\n.sol-counter-item:hover .sol-counter-number {\n  color: var(--accent);\n  transform: translateY(-3px);\n}\n\n.sol-counter-label {\n  margin-top: 10px;\n  font-weight: 800;\n  font-size: 0.86rem;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--ink);\n  position: relative;\n  display: inline-block;\n}\n.sol-counter-label::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  height: 2px;\n  width: 0;\n  background: var(--accent);\n  transition: width .6s ease .5s;\n}\n.sol-counter-item.sol-counted .sol-counter-label::after {\n  width: 100%;\n}\n\n\/* kleiner pulsierender Akzent-Punkt neben der Zahl *\/\n.sol-counter-dot {\n  position: absolute;\n  top: -6px;\n  right: -16px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--accent);\n  opacity: 0;\n}\n.sol-counter-item.sol-counted .sol-counter-dot {\n  animation: solDotPulse 2.4s ease-in-out infinite;\n}\n@keyframes solDotPulse {\n  0%, 100% { opacity: 0.9; box-shadow: 0 0 0 0 rgba(198,15,15,0.5); }\n  50% { opacity: 0.4; box-shadow: 0 0 0 6px rgba(198,15,15,0); }\n}\n\n.sol-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.sol-reveal.sol-visible { opacity: 1; transform: translateY(0); }\n<\/style>\n\n<div class=\"sol-wrap\">\n  <div class=\"sol-inner\">\n\n    <div class=\"sol-heading sol-reveal\">\n      <h2>L\u00f6sungen f\u00fcr Ihre Sicherheit<\/h2>\n      <div class=\"sol-heading-bar\"><\/div>\n    <\/div>\n\n    <div class=\"sol-text-col\">\n      <div class=\"sol-text sol-reveal\">\n        <p>Alarm Centar ist ein Unternehmen, das auf die Planung, den Verkauf und die Installation von Alarmanlagen, Video\u00fcberwachungs- und Zutrittskontrollsystemen spezialisiert ist.<\/p>\n        <p>Im Laufe unserer langj\u00e4hrigen Erfahrung haben wir mit zahlreichen einheimischen und ausl\u00e4ndischen Kunden zusammengearbeitet und erf\u00fcllen aktiv h\u00f6chste Standards, was auch unsere langj\u00e4hrige Zertifizierung und T\u00e4tigkeit in westeurop\u00e4ischen EU-L\u00e4ndern belegt.<\/p>\n      <\/div>\n\n      <div class=\"sol-counters sol-reveal\">\n        <div class=\"sol-counter-item\" data-target=\"500\">\n          <div class=\"sol-counter-number-row\">\n            <span class=\"sol-counter-number\">0<\/span>\n            <span class=\"sol-counter-plus\">+<\/span>\n            <span class=\"sol-counter-dot\"><\/span>\n          <\/div>\n          <div class=\"sol-counter-label\">Kunden<\/div>\n        <\/div>\n\n        <div class=\"sol-counter-item\" data-target=\"25\">\n          <div class=\"sol-counter-number-row\">\n            <span class=\"sol-counter-number\">0<\/span>\n            <span class=\"sol-counter-plus\">+<\/span>\n            <span class=\"sol-counter-dot\"><\/span>\n          <\/div>\n          <div class=\"sol-counter-label\">Jahre Erfahrung<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var reveals = document.querySelectorAll('.sol-reveal, .sol-heading');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('sol-visible');\n    });\n  }, { threshold: 0.2 });\n  reveals.forEach(function (el) { obs.observe(el); });\n\n  var counted = false;\n  function animateCounters() {\n    if (counted) return;\n    counted = true;\n    document.querySelectorAll('.sol-counter-item').forEach(function (item) {\n      var target = parseInt(item.getAttribute('data-target'), 10);\n      var numEl = item.querySelector('.sol-counter-number');\n      var start = null;\n      var duration = 1700;\n      function step(ts) {\n        if (!start) start = ts;\n        var progress = Math.min((ts - start) \/ duration, 1);\n        var eased = 1 - Math.pow(1 - progress, 3);\n        numEl.textContent = Math.floor(eased * target);\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        } else {\n          numEl.textContent = target;\n          item.classList.add('sol-counted');\n        }\n      }\n      requestAnimationFrame(step);\n    });\n  }\n  var countersSection = document.querySelector('.sol-counters');\n  if (countersSection) {\n    var cObs = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) { if (e.isIntersecting) animateCounters(); });\n    }, { threshold: 0.4 });\n    cObs.observe(countersSection);\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 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_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.gal-wrap {\n  --overlay-dark: rgba(0,0,0,0.55);\n  overflow: hidden;\n}\n.gal-wrap * { box-sizing: border-box; }\n\n.gal-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n\n.gal-item {\n  position: relative;\n  aspect-ratio: 3 \/ 4;\n  overflow: hidden;\n  cursor: pointer;\n}\n.gal-item img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform .5s ease, filter .4s ease;\n}\n\n\/* overlay koji potamnjuje sliku na hover *\/\n.gal-item::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--overlay-dark);\n  opacity: 0;\n  transition: opacity .35s ease;\n  z-index: 1;\n}\n.gal-item:hover::before {\n  opacity: 1;\n}\n.gal-item:hover img {\n  transform: scale(1.06);\n}\n\n.gal-label {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 2;\n  color: #fff;\n  font-weight: 700;\n  font-size: 1.5rem;\n  line-height: 1.4;\n  text-align: center;\n  text-shadow: 0 2px 6px rgba(0,0,0,0.6);\n  padding: 0 16px;\n  width: 100%;\n}\n\n\/* ---------------- RESPONSIVE ---------------- *\/\n@media (max-width: 900px) {\n  .gal-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media (max-width: 520px) {\n  .gal-grid {\n    grid-template-columns: 1fr;\n  }\n  .gal-item {\n    aspect-ratio: 4 \/ 3;\n  }\n}\n<\/style>\n\n<div class=\"gal-wrap\">\n  <div class=\"gal-grid\">\n\n    <div class=\"gal-item\">\n      <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/Postavljene-kamere-na-dvorac.webp\" alt=\"Dvorac 18. st.\">\n      <span class=\"gal-label\">Burg 18. st.<\/span>\n    <\/div>\n\n    <div class=\"gal-item\">\n      <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/fontane.webp\" alt=\"Fontane, Grad Zagreb\">\n      <span class=\"gal-label\">Brunnen, Grad Zagreb<\/span>\n    <\/div>\n\n    <div class=\"gal-item\">\n      <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/kras-eko-park-postavljene-kamere.webp\" alt=\"KRA\u0160 EKO PARK\">\n      <span class=\"gal-label\">KRA\u0160 EKO PARK<\/span>\n    <\/div>\n\n    <div class=\"gal-item\">\n      <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/coin-coworking-zadar-postavljene-kamere.webp\" alt=\"Coworking Zadar - COIN\">\n      <span class=\"gal-label\">Coworking Zadar - COIN<\/span>\n    <\/div>\n\n  <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 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_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.services-title{\n    max-width:1200px;\n    margin:60px auto 30px;\n    padding:0 15px;\n    text-align:center;\n}\n.services-title h2{\n    font-size:60px;\n    font-weight:800;\n    margin:0;\n    color:#222;\n    letter-spacing:0.5px;\n}\n.services-title h2 span{\n    color:#c60f0f;\n}\n.services-title::after{\n    content:\"\";\n    display:block;\n    width:80px;\n    height:4px;\n    background:#c60f0f;\n    margin:14px auto 0;\n    border-radius:20px;\n}\n\/* Mobile *\/\n@media (max-width:767px){\n    .services-title h2{\n        font-size:30px;   \/* von 26px erh\u00f6ht *\/\n    }\n    .services-title::after{\n        width:70px;\n    }\n}\n<\/style>\n<div class=\"services-title\">\n    <h2>UNSERE <span>DIENSTLEISTUNGEN<\/span><\/h2>\n<\/div><\/div><\/div>\n\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.category-section{\n    max-width:1250px;\n    margin:60px auto;\n    padding:0 15px;\n}\n.category-grid{\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:24px;\n}\n.category-card{\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    align-items:center;\n    text-decoration:none;\n    background:#fff;\n    border:1px solid #e8e8e8;\n    border-radius:16px;\n    height:280px;\n    padding:24px;\n    overflow:hidden;\n    transition:all .3s ease;\n    position:relative;\n}\n.category-card::before{\n    content:\"\";\n    position:absolute;\n    top:20px;\n    left:50%;\n    transform:translateX(-50%);\n    width:70px;\n    height:4px;\n    background:#c60f0f;\n    border-radius:30px;\n}\n.category-card:hover{\n    transform:translateY(-7px);\n    border-color:#c60f0f;\n    box-shadow:0 18px 40px rgba(198,15,15,.20);\n}\n.category-card img{\n    width:130px;\n    height:130px;\n    object-fit:contain;\n    margin-top:30px;\n    margin-bottom:20px;\n    transition:transform .3s ease;\n}\n.category-card:hover img{\n    transform:scale(1.08);\n}\n.category-card h3{\n    margin:0;\n    color:#222;\n    font-size:20px;\n    font-weight:800;\n    line-height:1.3;\n    text-align:center;\n    transition:color .3s ease;\n}\n.category-card:hover h3{\n    color:#c60f0f;\n}\n\/* Tablet *\/\n@media (max-width:992px){\n    .category-grid{\n        grid-template-columns:repeat(3,1fr);\n        gap:18px;\n    }\n    .category-card{\n        height:250px;\n    }\n    .category-card img{\n        width:110px;\n        height:110px;\n    }\n    .category-card h3{\n        font-size:18px;\n    }\n}\n\/* Mobile - 1 PRO ZEILE *\/\n@media (max-width:767px){\n    .category-section{\n        padding:0 12px;\n    }\n    .category-grid{\n        grid-template-columns:1fr;\n        gap:16px;\n    }\n    .category-card{\n        height:220px;\n        padding:18px;\n    }\n    .category-card::before{\n        width:55px;\n        top:16px;\n    }\n    .category-card img{\n        width:100px;\n        height:100px;\n        margin-top:26px;\n        margin-bottom:16px;\n    }\n    .category-card h3{\n        font-size:17px;\n    }\n}\n<\/style>\n<div class=\"category-section\">\n    <div class=\"category-grid\">\n        <a href=\"https:\/\/alarmcentar.hr\/de\/alarmni-sustavi\/\" class=\"category-card\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/bezicni-alarm-i-PIR-sa-GSM-EPIR-3.png\" alt=\"Alarmanlagen\">\n            <h3>Alarmanlagen<\/h3>\n        <\/a>\n        <a href=\"https:\/\/alarmcentar.hr\/de\/videonadzor\/\" class=\"category-card\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/Hikvision-LightFighter-serie.webp\" alt=\"Video\u00fcberwachung\">\n            <h3>Video\u00fcberwachung<\/h3>\n        <\/a>\n        <a href=\"https:\/\/alarmcentar.hr\/de\/kontrola-pristupa\/\" class=\"category-card\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/ds-kit605.webp\" alt=\"Zutrittskontrolle\">\n            <h3>Zutrittskontrolle<\/h3>\n        <\/a>\n        <a href=\"https:\/\/alarmcentar.hr\/de\/perimetarska-zastita\/\" class=\"category-card\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/takex-perimetarska-zastita.webp\" alt=\"Perimeterschutz\">\n            <h3>Perimeterschutz<\/h3>\n        <\/a>\n        <a href=\"https:\/\/alarmcentar.hr\/de\/video-portafoni\/\" class=\"category-card\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/Portafoni-za-zgrade-i-video-portafon.webp\" alt=\"Video-Gegensprechanlagen\">\n            <h3>Video-Intercom<\/h3>\n        <\/a>\n    <\/div>\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 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_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.reasons-section{\n    max-width:1200px;\n    margin:70px auto;\n    padding:0 15px;\n}\n\n.reasons-title{\n    text-align:center;\n    margin-bottom:40px;\n}\n\n.reasons-title h2{\n    font-size:50px;\n    font-weight:800;\n    margin:0;\n    color:#222;\n}\n\n.reasons-title h2 span{\n    color:#c60f0f;\n}\n\n.reasons-title p{\n    margin-top:10px;\n    font-size:16px;\n    color:#666;\n}\n\n.reasons-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:22px;\n}\n\n.reason-card{\n    background:#fff;\n    border:1px solid #ececec;\n    border-radius:16px;\n    padding:26px;\n    transition:all .3s ease;\n    position:relative;\n    overflow:hidden;\n}\n\n.reason-card:hover{\n    transform:translateY(-6px);\n    border-color:#c60f0f;\n    box-shadow:0 18px 40px rgba(198,15,15,.15);\n}\n\n.reason-icon{\n    width:60px;\n    height:60px;\n    border-radius:12px;\n    background:rgba(198,15,15,0.08);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:18px;\n    font-size:26px;\n    color:#c60f0f;\n    transition:all .3s ease;\n}\n\n.reason-card:hover .reason-icon{\n    background:#c60f0f;\n    color:#fff;\n    transform:rotate(6deg) scale(1.05);\n}\n\n.reason-card h3{\n    margin:0 0 12px;\n    font-size:20px;\n    font-weight:800;\n    color:#222;\n}\n\n.reason-card p{\n    margin:0;\n    font-size:14px;\n    line-height:1.7;\n    color:#555;\n}\n\n\/* TABLET *\/\n@media(max-width:900px){\n    .reasons-grid{\n        grid-template-columns:1fr;\n    }\n}\n\n\/* MOBILE *\/\n@media(max-width:767px){\n\n    .reasons-title h2{\n        font-size:25px;\n      align-content: center;\n    }\n\n    .reasons-title p{\n        font-size:15px;\n    }\n\n    .reason-card{\n        padding:20px;\n    }\n\n    .reason-icon{\n        width:55px;\n        height:55px;\n        font-size:24px;\n    }\n\n    .reason-card h3{\n        font-size:18px;\n    }\n}\n<\/style>\n\n<div class=\"reasons-section\">\n\n    <div class=\"reasons-title\">\n        <h2>EXPERTISE UND <span>VERTRAUEN<\/span><\/h2>\n        <p>Drei zentrale Gr\u00fcnde, warum sich Kunden f\u00fcr unsere Sicherheitsl\u00f6sungen entscheiden<\/p>\n    <\/div>\n\n    <div class=\"reasons-grid\">\n\n        <div class=\"reason-card\">\n            <div class=\"reason-icon\">\ud83d\udd12<\/div>\n            <h3>Komplette Sicherheitsl\u00f6sungen<\/h3>\n            <p>\n                Wir bieten integrierte L\u00f6sungen, die alle Schutzebenen eines Objekts abdecken \u2013 von Alarmanlagen,\n                Video\u00fcberwachung und Zutrittskontrolle bis hin zu fortschrittlichem Perimeterschutz und Video-Gegensprechanlagen. Jedes System\n                wird individuell f\u00fcr das jeweilige Objekt geplant, wodurch maximale Effizienz und Zuverl\u00e4ssigkeit gew\u00e4hrleistet werden.\n                Unser Ziel ist es, ein einheitliches Sicherheitssystem zu schaffen, das als Ganzes einwandfrei funktioniert, ohne Schwachstellen.\n            <\/p>\n        <\/div>\n\n        <div class=\"reason-card\">\n            <div class=\"reason-icon\">\ud83d\udce1<\/div>\n            <h3>Fortschrittliche Technologie und Ausr\u00fcstung<\/h3>\n            <p>\n                Wir verwenden bew\u00e4hrte Ausr\u00fcstung f\u00fchrender Weltmarkenhersteller im Bereich des technischen Schutzes.\n                Unsere Systeme basieren auf modernen IP-Technologien, KI-Analytik und intelligenten Integrationen, die\n                Fern\u00fcberwachung und Echtzeitsteuerung erm\u00f6glichen. Damit gew\u00e4hrleisten wir ein hohes Ma\u00df an\n                Zuverl\u00e4ssigkeit, Skalierbarkeit und langfristiger Systemstabilit\u00e4t unter allen Betriebsbedingungen.\n            <\/p>\n        <\/div>\n\n        <div class=\"reason-card\">\n            <div class=\"reason-icon\">\ud83d\udee0\ufe0f<\/div>\n            <h3>Fachgerechte Installation und Support<\/h3>\n            <p>\n                Unser Team sorgt f\u00fcr die professionelle Installation, Konfiguration und Wartung aller Systeme.\n                Jedes Projekt wird von technischem Support und Beratung begleitet, von der anf\u00e4nglichen Risikoanalyse bis\n                zur finalen Umsetzung und dem anschlie\u00dfenden Service. Der Fokus liegt auf der langfristigen Zuverl\u00e4ssigkeit der Systeme\n                und einer schnellen Reaktion im Bedarfsfall, wodurch der Kunde vollst\u00e4ndige Sicherheit ohne Kompromisse erh\u00e4lt.\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 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_6 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.onama-wrap {\n  --accent: #c60f0f;\n  --accent-dark: #8f0a0a;\n  --ink: #1a1a1a;\n  --gray: #5c5f66;\n  --bg-light: #f4f4f4;\n  font-family: 'Inter', sans-serif;\n  color: var(--ink);\n  background: var(--bg-light);\n}\n.onama-wrap * { box-sizing: border-box; }\n.onama-wrap h1 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n}\n\n.onama-grid {\n  max-width: 1360px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1.05fr;\n  align-items: stretch;\n  min-height: 720px;\n}\n@media (max-width: 900px) {\n  .onama-grid {\n    grid-template-columns: 1fr;\n    min-height: auto;\n  }\n}\n\n\/* ---------------- LINKS: TEXT ---------------- *\/\n.onama-left {\n  padding: 70px 60px 60px 24px;\n  display: flex;\n  flex-direction: column;\n}\n@media (max-width: 1150px) {\n  .onama-left { padding: 50px 40px 40px 24px; }\n}\n@media (max-width: 900px) {\n  .onama-left { padding: 50px 24px 20px; order: 2; }\n}\n\n.onama-eyebrow {\n  color: var(--accent);\n  font-size: 0.8rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n}\n.onama-left h1 {\n  font-size: clamp(2.2rem, 4vw, 3rem);\n  margin: 0 0 40px;\n  color: var(--ink);\n}\n\n.onama-accordion {\n  display: flex;\n  flex-direction: column;\n}\n.onama-acc-item {\n  border-top: 1px solid #ddd;\n}\n.onama-acc-item:last-child {\n  border-bottom: 1px solid #ddd;\n}\n.onama-acc-header {\n  width: 100%;\n  background: none;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 0;\n  cursor: pointer;\n  text-align: left;\n  font-family: 'Alata', sans-serif;\n  font-size: 1.35rem;\n  color: var(--ink);\n  transition: color .25s ease;\n}\n.onama-acc-item.onama-open .onama-acc-header {\n  color: var(--accent);\n}\n.onama-acc-toggle {\n  flex: 0 0 auto;\n  width: 26px;\n  height: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n.onama-acc-toggle::before,\n.onama-acc-toggle::after {\n  content: \"\";\n  position: absolute;\n  background: currentColor;\n  transition: transform .3s ease;\n}\n.onama-acc-toggle::before {\n  width: 16px;\n  height: 2px;\n}\n.onama-acc-toggle::after {\n  width: 2px;\n  height: 16px;\n}\n.onama-acc-item.onama-open .onama-acc-toggle::after {\n  transform: rotate(90deg);\n  opacity: 0;\n}\n\n.onama-acc-body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height .45s ease;\n}\n.onama-acc-item.onama-open .onama-acc-body {\n  max-height: 600px;\n}\n.onama-acc-content {\n  padding: 0 0 26px;\n}\n.onama-acc-content p {\n  color: var(--gray);\n  font-size: 0.98rem;\n  line-height: 1.75;\n  margin: 0 0 16px;\n}\n.onama-acc-content p:last-child { margin-bottom: 0; }\n.onama-acc-content p.onama-highlight {\n  color: var(--ink);\n  font-weight: 700;\n}\n\n\/* ---------------- RECHTS: BILD (sauber, ohne Overlay) ---------------- *\/\n.onama-right {\n  position: relative;\n  overflow: hidden;\n  min-height: 480px;\n}\n@media (max-width: 900px) {\n  .onama-right { order: 1; min-height: 320px; }\n}\n.onama-img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: top;\n  display: block;\n}\n\n.onama-reveal {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.onama-reveal.onama-visible { opacity: 1; transform: translateY(0); }\n<\/style>\n\n<div class=\"onama-wrap\">\n  <div class=\"onama-grid\">\n\n    <!-- ================= LINKS ================= -->\n    <div class=\"onama-left onama-reveal\">\n      <span class=\"onama-eyebrow\">\u00dcBER UNS<\/span>\n      <h1>\u00dcber uns<\/h1>\n\n      <div class=\"onama-accordion\">\n\n        <div class=\"onama-acc-item onama-open\" data-acc>\n          <button class=\"onama-acc-header\">\n            Mission und Vision\n            <span class=\"onama-acc-toggle\"><\/span>\n          <\/button>\n          <div class=\"onama-acc-body\">\n            <div class=\"onama-acc-content\">\n              <p>Unsere Mission ist die Entwicklung innovativer Pakete technischer Dienstleistungen, mit denen wir die Bed\u00fcrfnisse und Erwartungen unserer Kunden vollst\u00e4ndig erf\u00fcllen. Unser Ziel ist es, ein hohes Ma\u00df an Professionalit\u00e4t beizubehalten und unseren Kunden Stabilit\u00e4t, Sicherheit sowie den Aufbau einer langfristigen, partnerschaftlichen Vertrauensbeziehung zu bieten. Wir vertrauen am meisten auf die Empfehlungen zufriedener Kunden und Partner \u2013 wir stehen Ihnen jederzeit zur Verf\u00fcgung!<\/p>\n              <p>Alarm Centar beabsichtigt, sein Angebot weiter zu verbessern und dabei ein hohes Serviceniveau beizubehalten sowie seine Kunden langfristig bei ihrem Wachstum und ihren Ver\u00e4nderungen zu unterst\u00fctzen und zu begleiten. Auf dem kroatischen Markt f\u00fcr Sicherheitsdienstleistungen, insbesondere im Bereich des technischen Schutzes, hat sich Alarm Centar zum Ziel gesetzt, sich unter die Top-Zehn-Unternehmen einzureihen.<\/p>\n              <p class=\"onama-highlight\">Alarm Centar \u2013 ein zuverl\u00e4ssiger Partner f\u00fcr die Sicherheit Ihres Zuhauses und Ihres Unternehmens.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"onama-acc-item\" data-acc>\n          <button class=\"onama-acc-header\">\n            Erfahrung und Fachwissen\n            <span class=\"onama-acc-toggle\"><\/span>\n          <\/button>\n          <div class=\"onama-acc-body\">\n            <div class=\"onama-acc-content\">\n              <p>Mit unserem umfassenden Fachwissen und 20 Jahren Erfahrung sind wir in der Lage, jeden Ihrer Bed\u00fcrfnisse nach professionellen und hochwertigen L\u00f6sungen im Bereich des technischen Schutzes angemessen zu erf\u00fcllen. Ob es sich um kleinere private Objekte, mittlere Unternehmen oder gro\u00dfe Hallen und Geb\u00e4ude handelt, wir geben Ihnen jederzeit gerne eine fundierte Beratung, schlagen die beste L\u00f6sung f\u00fcr Ihre Bed\u00fcrfnisse vor und erstellen ein optimales Angebot.<\/p>\n              <p>Durch die kontinuierliche Investition in unser Wissen auf verschiedenen Fachseminaren (im In- und Ausland) und die st\u00e4ndige Verfolgung von Entwicklungen und Innovationen im Bereich des technischen Schutzes tragen wir zur Qualit\u00e4t unseres Angebots bei.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"onama-acc-item\" data-acc>\n          <button class=\"onama-acc-header\">\n            Qualit\u00e4tsgarantie\n            <span class=\"onama-acc-toggle\"><\/span>\n          <\/button>\n          <div class=\"onama-acc-body\">\n            <div class=\"onama-acc-content\">\n              <p>Wir gew\u00e4hren Ihnen eine Garantie von 24 Monaten auf alle Produkte und Dienstleistungen, mit der M\u00f6glichkeit einer erweiterten Garantie von bis zu 4 Jahren.<\/p>\n              <p>Die von uns angebotene Ausr\u00fcstung verf\u00fcgt nicht nur \u00fcber international anerkannte Zertifikate, sondern hat auch zahlreiche internationale Auszeichnungen und Anerkennungen erhalten.<\/p>\n              <p>Die Alarmausr\u00fcstung, mit der wir arbeiten \u2013 Paradox und DSC \u2013 stammt aus Kanada, wird also nicht in China oder \u00e4hnlichen L\u00e4ndern hergestellt, sondern tr\u00e4gt die Kennzeichnung \u201eMade in Canada\"!<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- ================= RECHTS: BILD ================= -->\n    <div class=\"onama-right onama-reveal\">\n      <img decoding=\"async\" class=\"onama-img\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/alarmni-sustavi-sigurnost-vaseg-doma.webp\" alt=\"Kameras an einem Privathaus\">\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \/\/ reveal on scroll\n  var reveals = document.querySelectorAll('.onama-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('onama-visible');\n    });\n  }, { threshold: 0.1 });\n  reveals.forEach(function (el) { obs.observe(el); });\n\n  \/\/ accordion\n  document.querySelectorAll('[data-acc]').forEach(function (item) {\n    var header = item.querySelector('.onama-acc-header');\n    header.addEventListener('click', function () {\n      var wasOpen = item.classList.contains('onama-open');\n      document.querySelectorAll('[data-acc]').forEach(function (i) {\n        i.classList.remove('onama-open');\n      });\n      if (!wasOpen) item.classList.add('onama-open');\n    });\n  });\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 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_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n.blog-section{\n    max-width:1200px;\n    margin:80px auto;\n    padding:0 15px;\n}\n\n\/* ===== TITLE (RAZBIJEN) ===== *\/\n.blog-title{\n    text-align:center;\n    margin-bottom:50px;\n}\n\n.blog-title small{\n    display:block;\n    color:#c60f0f;\n    font-weight:700;\n    letter-spacing:3px;\n    font-size:12px;\n    margin-bottom:10px;\n}\n\n.blog-title h2{\n    font-size:60px;\n    font-weight:900;\n    margin:0;\n    color:#222;\n    line-height:1.1;\n}\n\n.blog-title h2 span{\n    color:#c60f0f;\n}\n\n.blog-title p{\n    margin-top:12px;\n    font-size:16px;\n    color:#666;\n}\n\n\/* ===== GRID ===== *\/\n.blog-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:24px;\n}\n\n\/* ===== CARD ===== *\/\n.blog-card{\n    background:#fff;\n    border:1px solid #ececec;\n    border-radius:18px;\n    padding:26px;\n    position:relative;\n    overflow:hidden;\n    transition:all .3s ease;\n}\n\n.blog-card::before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:4px;\n    background:#c60f0f;\n}\n\n.blog-card:hover{\n    transform:translateY(-7px);\n    border-color:#c60f0f;\n    box-shadow:0 20px 45px rgba(198,15,15,.18);\n}\n\n.blog-tag{\n    display:inline-block;\n    font-size:12px;\n    font-weight:800;\n    color:#c60f0f;\n    background:rgba(198,15,15,0.08);\n    padding:6px 10px;\n    border-radius:30px;\n    margin-bottom:14px;\n}\n\n.blog-card h3{\n    font-size:20px;\n    font-weight:900;\n    margin:0 0 12px;\n    color:#222;\n    line-height:1.3;\n}\n\n.blog-card p{\n    font-size:14px;\n    line-height:1.7;\n    color:#555;\n    margin:0 0 18px;\n}\n\n.blog-link{\n    font-size:14px;\n    font-weight:800;\n    color:#c60f0f;\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    transition:.25s;\n}\n\n.blog-link:hover{\n    gap:12px;\n}\n\n\/* ===== TABLET ===== *\/\n@media(max-width:992px){\n    .blog-grid{\n        grid-template-columns:1fr;\n    }\n\n    .blog-title h2{\n        font-size:38px;\n    }\n}\n\n\/* ===== MOBILE ===== *\/\n@media(max-width:767px){\n\n    .blog-section{\n        margin:60px auto;\n    }\n\n    .blog-title h2{\n        font-size:50px;\n    }\n\n    .blog-title p{\n        font-size:14px;\n    }\n\n    .blog-card{\n        padding:20px;\n    }\n\n    .blog-card h3{\n        font-size:18px;\n    }\n}\n<\/style>\n\n<div class=\"blog-section\">\n\n    <div class=\"blog-title\">\n        <small>EXPERTENTIPPS<\/small>\n        <h2>Sicherheit <span>und Technologie<\/span>, die f\u00fcr Sie arbeitet<\/h2>\n        <p>Praktische Leitf\u00e4den und Tipps zu Alarmanlagen, Video\u00fcberwachung und Zutrittskontrolle<\/p>\n    <\/div>\n\n    <div class=\"blog-grid\">\n\n        <div class=\"blog-card\">\n            <div class=\"blog-tag\">Alarmanlagen<\/div>\n            <h3>So w\u00e4hlen Sie das richtige Alarmsystem f\u00fcr Ihr Zuhause oder Gewerbeobjekt<\/h3>\n            <p>\n                Sicherheit beginnt mit einer hochwertigen Alarmanlage. Moderne Systeme bieten mobile Steuerung,\n                sofortige Benachrichtigungen und Integration mit der Video\u00fcberwachung. Entscheidend ist die richtige Einsch\u00e4tzung des Objekts\n                und der Risiken, damit das System effektiv und zuverl\u00e4ssig ist.\n            <\/p>\n            <a href=\"https:\/\/alarmcentar.hr\/de\/wie-sie-das-richtige-alarmsystem-fuer-ihr-zuhause-oder-unternehmen-waehlen\/\" class=\"blog-link\">Weiterlesen \u2192<\/a>\n        <\/div>\n\n        <div class=\"blog-card\">\n            <div class=\"blog-tag\">Video\u00fcberwachung<\/div>\n            <h3>Video\u00fcberwachung 2026: Worauf es bei der Kamerawahl wirklich ankommt<\/h3>\n            <p>\n                Video\u00fcberwachung ist heute ein intelligentes Sicherheitssystem. KI-Erkennung, Nachtsicht und Fernzugriff\n                sind zum Standard geworden. Bildqualit\u00e4t und fachgerechte Montage entscheiden \u00fcber die tats\u00e4chliche Effektivit\u00e4t des Systems.\n            <\/p>\n            <a href=\"#\" class=\"blog-link\">Weiterlesen \u2192<\/a>\n        <\/div>\n\n        <div class=\"blog-card\">\n            <div class=\"blog-tag\">Zutrittskontrolle<\/div>\n            <h3>Zutrittskontrolle und Perimeterschutz \u2013 die erste Sicherheitslinie<\/h3>\n            <p>\n                Zutrittskontroll- und Perimeterschutzsysteme verhindern das Eindringen, bevor ein Vorfall geschieht.\n                Karten, PIN-Codes und Sensoren bilden einen Sicherheitskreis, der die vollst\u00e4ndige Kontrolle \u00fcber das Objekt erm\u00f6glicht.\n            <\/p>\n            <a href=\"#\" class=\"blog-link\">Weiterlesen \u2192<\/a>\n        <\/div>\n\n    <\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_7 et_pb_row et_block_row\">\n<div class=\"et_pb_column_7 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_8 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.revc-wrap {\n  --accent: #c60f0f;\n  --ink: #1a1a1a;\n  --gray: #8a8a8f;\n  font-family: 'Inter', sans-serif;\n  background: transparent;\n  padding: 70px 24px;\n}\n.revc-wrap * { box-sizing: border-box; }\n\n.revc-inner {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.revc-title {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  text-transform: uppercase;\n  color: #fff;\n  text-align: center;\n  font-size: clamp(1.6rem, 4vw, 2.4rem);\n  margin: 0 0 40px;\n  letter-spacing: 0.01em;\n}\n\n\/* ---------------- KARTE ---------------- *\/\n.revc-card {\n  position: relative;\n  background: #fff;\n  border-radius: 18px;\n  box-shadow: 0 24px 60px rgba(0,0,0,0.25);\n  padding: 50px 60px 40px;\n  min-height: 300px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n@media (max-width: 640px) {\n  .revc-card { padding: 36px 26px 30px; }\n}\n\n.revc-slides {\n  position: relative;\n}\n.revc-slide {\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n  transition: opacity .45s ease, transform .45s ease;\n  text-align: center;\n}\n.revc-slide.revc-active {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.revc-quote {\n  color: var(--ink);\n  font-size: 1.08rem;\n  line-height: 1.75;\n  margin: 0 0 20px;\n}\n.revc-author {\n  color: var(--gray);\n  font-size: 0.92rem;\n  font-weight: 600;\n}\n\n\/* ---------------- PUNKTE ---------------- *\/\n.revc-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin-top: 26px;\n}\n@media (max-width: 560px) {\n  .revc-nav { gap: 10px; }\n}\n.revc-dots {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n}\n.revc-dot {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: #d8d8dc;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition: background .25s ease, transform .25s ease;\n}\n.revc-dot:hover { transform: scale(1.2); }\n.revc-dot.revc-dot-active {\n  background: var(--ink);\n  transform: scale(1.15);\n}\n\n\/* ---------------- PFEILE LINKS\/RECHTS ---------------- *\/\n.revc-arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #fff;\n  border: 1.5px solid #eee;\n  color: var(--ink);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.12);\n  transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;\n  z-index: 3;\n}\n.revc-arrow:hover {\n  background: var(--accent);\n  border-color: var(--accent);\n  color: #fff;\n  transform: translateY(-50%) scale(1.08);\n}\n.revc-arrow svg { width: 20px; height: 20px; }\n.revc-arrow-prev { left: -22px; }\n.revc-arrow-next { right: -22px; }\n@media (max-width: 760px) {\n  .revc-arrow { width: 38px; height: 38px; }\n  .revc-arrow-prev { left: -10px; }\n  .revc-arrow-next { right: -10px; }\n}\n@media (max-width: 560px) {\n  .revc-arrow { position: static; transform: none; margin: 0 8px; box-shadow: none; border-color: #ddd; }\n  .revc-card { padding-top: 30px; }\n}\n\n.revc-reveal {\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.revc-reveal.revc-visible { opacity: 1; transform: translateY(0); }\n<\/style>\n\n<div class=\"revc-wrap\">\n  <div class=\"revc-inner\">\n\n    <h2 class=\"revc-title revc-reveal\">Was unsere Kunden \u00fcber uns sagen?<\/h2>\n\n    <div class=\"revc-card revc-reveal\">\n      <div class=\"revc-slides\" id=\"revc-slides\">\n\n        <div class=\"revc-slide revc-active\">\n          <p class=\"revc-quote\">Tomislav und seine Firma Alarm Centar sind seit vielen Jahren unser bevorzugter Partner f\u00fcr die Sicherheit unseres Zuhauses. Sie haben uns eine Alarmanlage in unserer Wohnung in Zagreb installiert. Es macht einen gro\u00dfen Unterschied, ob man eine Alarmanlage hat oder nicht. Jetzt reisen wir viel entspannter, wenn wir wissen, dass unser Zuhause gesch\u00fctzt ist. Die Montage war schnell, sauber und fachgerecht. Wir empfehlen Tomislav und Alarm Centar d.o.o. sehr!<\/p>\n          <div class=\"revc-author\">Stiv Me\u0161trovi\u0107<\/div>\n        <\/div>\n\n        <div class=\"revc-slide\">\n          <p class=\"revc-quote\">Professionell und auf den Punkt. Rundum bestens.<\/p>\n          <div class=\"revc-author\">Tomislav Ron\u010devi\u0107<\/div>\n        <\/div>\n\n        <div class=\"revc-slide\">\n          <p class=\"revc-quote\">Ausgezeichneter Service! Zuverl\u00e4ssig, p\u00fcnktlich und sehr professionelle Arbeit. Alles wurde sauber und sorgf\u00e4ltig erledigt. Ich bin sehr zufrieden und kann sie herzlich empfehlen.<\/p>\n          <div class=\"revc-author\">Ivan Marini\u0107<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"revc-nav\">\n        <button class=\"revc-arrow revc-arrow-prev\" id=\"revc-prev\" aria-label=\"Vorherige Bewertung\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/button>\n\n        <div class=\"revc-dots\" id=\"revc-dots\">\n          <button class=\"revc-dot revc-dot-active\" data-index=\"0\" aria-label=\"Bewertung 1\"><\/button>\n          <button class=\"revc-dot\" data-index=\"1\" aria-label=\"Bewertung 2\"><\/button>\n          <button class=\"revc-dot\" data-index=\"2\" aria-label=\"Bewertung 3\"><\/button>\n        <\/div>\n\n        <button class=\"revc-arrow revc-arrow-next\" id=\"revc-next\" aria-label=\"N\u00e4chste Bewertung\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var reveals = document.querySelectorAll('.revc-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('revc-visible');\n    });\n  }, { threshold: 0.15 });\n  reveals.forEach(function (el) { obs.observe(el); });\n\n  var slides = document.querySelectorAll('#revc-slides .revc-slide');\n  var dots = document.querySelectorAll('#revc-dots .revc-dot');\n  var current = 0;\n  var autoTimer = null;\n\n  function goTo(index) {\n    slides[current].classList.remove('revc-active');\n    dots[current].classList.remove('revc-dot-active');\n    current = (index + slides.length) % slides.length;\n    slides[current].classList.add('revc-active');\n    dots[current].classList.add('revc-dot-active');\n  }\n\n  function startAuto() {\n    stopAuto();\n    autoTimer = setInterval(function () {\n      goTo(current + 1);\n    }, 6000);\n  }\n  function stopAuto() {\n    if (autoTimer) clearInterval(autoTimer);\n  }\n\n  dots.forEach(function (dot, i) {\n    dot.addEventListener('click', function () {\n      goTo(i);\n      startAuto();\n    });\n  });\n\n  var prevBtn = document.getElementById('revc-prev');\n  var nextBtn = document.getElementById('revc-next');\n  prevBtn.addEventListener('click', function () {\n    goTo(current - 1);\n    startAuto();\n  });\n  nextBtn.addEventListener('click', function () {\n    goTo(current + 1);\n    startAuto();\n  });\n\n  var card = document.querySelector('.revc-card');\n  card.addEventListener('mouseenter', stopAuto);\n  card.addEventListener('mouseleave', startAuto);\n\n  startAuto();\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 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_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2021\/04\/eu_all_banner.png\" title=\"eu_all_banner\" width=\"550\" height=\"85\" srcset=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2021\/04\/eu_all_banner.png 550w, https:\/\/alarmcentar.hr\/wp-content\/uploads\/2021\/04\/eu_all_banner-300x46.png 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" class=\"wp-image-1006\" \/><\/span><\/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":"open","ping_status":"open","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-859","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/859","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=859"}],"version-history":[{"count":42,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/859\/revisions"}],"predecessor-version":[{"id":1856,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/859\/revisions\/1856"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/media?parent=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}