{"id":1576,"date":"2026-07-11T12:06:57","date_gmt":"2026-07-11T12:06:57","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1576"},"modified":"2026-07-11T12:07:54","modified_gmt":"2026-07-11T12:07:54","slug":"perimeterschutz","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/de\/perimeterschutz\/","title":{"rendered":"Perimeterschutz"},"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.per-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.per-wrap * { box-sizing: border-box; }\n.per-wrap h1, .per-wrap h2, .per-wrap h3 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n.per-inner { max-width: 1180px; margin: 0 auto; padding: 0 22px; }\n.per-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.per-reveal.per-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO - Bild mit umlaufendem, gestricheltem \"Perimeter\"-Rahmen\n   ============================================================ *\/\n.per-hero {\n  position: relative;\n  padding: 60px 22px;\n  background: var(--ink);\n}\n.per-hero-frame {\n  position: relative;\n  max-width: 1180px;\n  margin: 0 auto;\n  border-radius: 18px;\n  overflow: hidden;\n  min-height: 440px;\n  display: flex;\n  align-items: flex-end;\n}\n.per-hero-frame img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n}\n.per-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(10,10,12,0.92) 10%, rgba(10,10,12,0.35) 60%, rgba(10,10,12,0.15));\n  z-index: 1;\n}\n.per-perimeter-border {\n  position: absolute;\n  inset: 8px;\n  border-radius: 14px;\n  pointer-events: none;\n  z-index: 2;\n}\n.per-perimeter-border rect {\n  fill: none;\n  stroke: var(--accent);\n  stroke-width: 2;\n  stroke-dasharray: 14 10;\n  animation: perDash 6s linear infinite;\n}\n@keyframes perDash {\n  to { stroke-dashoffset: -240; }\n}\n.per-hero-content {\n  position: relative;\n  z-index: 3;\n  padding: 40px;\n  max-width: 640px;\n}\n.per-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.16);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 20px;\n}\n.per-hero-content h1 {\n  color: #fff !important;\n  font-size: clamp(1.7rem, 3.6vw, 2.4rem);\n  line-height: 1.3;\n  margin: 0 0 16px;\n}\n.per-hero-content p {\n  color: #d8d9dd;\n  font-size: 0.98rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* ============================================================\n   TECHNOLOGIEN - Abwechselnde Anordnung von Bild und Text\n   ============================================================ *\/\n.per-tech {\n  padding: 70px 0;\n  background: #fff;\n}\n.per-tech > .per-inner > h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 50px;\n}\n.per-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  margin-bottom: 60px;\n}\n.per-row:last-child { margin-bottom: 0; }\n@media (max-width: 820px) {\n  .per-row { grid-template-columns: 1fr; gap: 22px; }\n}\n.per-row.per-reverse .per-row-img { order: 2; }\n.per-row.per-reverse .per-row-text { order: 1; }\n@media (max-width: 820px) {\n  .per-row.per-reverse .per-row-img,\n  .per-row.per-reverse .per-row-text { order: initial; }\n}\n\n.per-row-img {\n  position: relative;\n  border-radius: 14px;\n  overflow: hidden;\n  aspect-ratio: 4\/3;\n}\n.per-row-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform .5s ease;\n}\n.per-row-img:hover img { transform: scale(1.05); }\n.per-row-num {\n  position: absolute;\n  top: 14px;\n  left: 14px;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: var(--accent);\n  color: #fff;\n  font-family: 'Alata', sans-serif;\n  font-size: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n}\n\n.per-row-text h3 {\n  font-size: 1.25rem;\n  margin: 0 0 12px;\n}\n.per-row-text p {\n  color: var(--gray);\n  font-size: 0.96rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n\/* ============================================================\n   INTEGRATION - Zwei durch eine animierte Linie verbundene Bilder\n   ============================================================ *\/\n.per-integration {\n  padding: 70px 0;\n  background: var(--bg-light);\n}\n.per-integration h2 {\n  text-align: center;\n  font-size: clamp(1.4rem, 2.8vw, 1.9rem);\n  margin: 0 0 16px;\n}\n.per-integration > .per-inner > p {\n  text-align: center;\n  color: var(--gray);\n  max-width: 700px;\n  margin: 0 auto 46px;\n  font-size: 0.97rem;\n  line-height: 1.75;\n}\n.per-integ-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  max-width: 820px;\n  margin: 0 auto;\n}\n@media (max-width: 700px) {\n  .per-integ-row { flex-direction: column; gap: 20px; }\n}\n.per-integ-card {\n  flex: 0 0 auto;\n  width: 260px;\n  text-align: center;\n}\n.per-integ-img {\n  border-radius: 14px;\n  overflow: hidden;\n  aspect-ratio: 1\/1;\n  box-shadow: 0 14px 30px rgba(0,0,0,0.1);\n  margin-bottom: 14px;\n}\n.per-integ-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.per-integ-card span {\n  font-weight: 700;\n  font-size: 0.92rem;\n  color: var(--ink);\n}\n\n.per-integ-connector {\n  flex: 1 1 auto;\n  height: 3px;\n  position: relative;\n  margin: 0 -10px;\n  min-width: 60px;\n}\n@media (max-width: 700px) {\n  .per-integ-connector { width: 3px; height: 60px; margin: -10px 0; }\n}\n.per-integ-connector::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: repeating-linear-gradient(90deg, var(--accent) 0 8px, transparent 8px 16px);\n  animation: perFlow 1s linear infinite;\n}\n@media (max-width: 700px) {\n  .per-integ-connector::before {\n    background: repeating-linear-gradient(180deg, var(--accent) 0 8px, transparent 8px 16px);\n  }\n}\n@keyframes perFlow {\n  to { background-position: 16px 0; }\n}\n\n\/* ============================================================\n   CTA - Hintergrundbild + Overlay-Styling\n   ============================================================ *\/\n.per-cta {\n  position: relative;\n  padding: 0;\n}\n.per-cta-bg {\n  position: relative;\n  min-height: 300px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n}\n.per-cta-bg img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 0;\n}\n.per-cta-bg::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(rgba(10,10,12,0.88), rgba(10,10,12,0.88));\n  z-index: 1;\n}\n.per-cta-content {\n  position: relative;\n  z-index: 2;\n  max-width: 620px;\n  padding: 60px 24px;\n}\n.per-cta-content 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.per-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.per-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 26px rgba(198,15,15,0.5);\n}\n.per-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: perShine 3.2s ease-in-out infinite;\n}\n@keyframes perShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.per-cta-btn svg { width: 16px; height: 16px; transition: transform .25s ease; }\n.per-cta-btn:hover svg { transform: translateX(4px); }\n<\/style>\n\n<div class=\"per-wrap\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"per-hero\">\n    <div class=\"per-hero-frame per-reveal\">\n      <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/perimetarska-zastita-hero-section.webp\" alt=\"Perimeterschutz f\u00fcr Grundst\u00fccke\">\n      <div class=\"per-hero-overlay\"><\/div>\n      <svg class=\"per-perimeter-border\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\">\n        <rect x=\"1\" y=\"1\" width=\"98\" height=\"98\" rx=\"3\" vector-effect=\"non-scaling-stroke\"\/>\n      <\/svg>\n      <div class=\"per-hero-content\">\n        <span class=\"per-eyebrow\">Perimeterschutz<\/span>\n        <h1>Die erste Verteidigungslinie f\u00fcr Ihr Grundst\u00fcck<\/h1>\n        <p>Der beste Weg, Sch\u00e4den zu verhindern, besteht darin, Eindringlinge zu stoppen, bevor sie sich \u00fcberhaupt dem Geb\u00e4ude selbst n\u00e4hern. Der Perimeterschutz umfasst fortschrittliche technische Systeme zur fr\u00fchzeitigen Erkennung unbefugter Grenz\u00fcberschreitungen des Grundst\u00fccks \u2013 sei es bei privaten Wohng\u00e4rten oder bei kritischen industriellen Infrastrukturen.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= TECHNOLOGIEN ================= -->\n  <section class=\"per-tech\">\n    <div class=\"per-inner\">\n      <h2 class=\"per-reveal\">Technologien zur Fr\u00fcherkennung externer Bedrohungen<\/h2>\n\n      <div class=\"per-row per-reveal\">\n        <div class=\"per-row-img\">\n          <span class=\"per-row-num\">1<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/perimetarska-zastita-posjeda-i-poslovnog-prostora.webp\" alt=\"Infrarot-Lichtschranke Installation\">\n        <\/div>\n        <div class=\"per-row-text\">\n          <h3>Infrarot- (IR) und Mikrowellenbarrieren<\/h3>\n          <p>Unsichtbare Schutzlinien, die eine Unterbrechung des Strahls erkennen, wenn eine Person oder ein Fahrzeug die gesicherte Grenze passiert, und sofort Alarm ausl\u00f6sen.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"per-row per-reverse per-reveal\">\n        <div class=\"per-row-img\">\n          <span class=\"per-row-num\">2<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/senzorski-kabel-za-ogradu.webp\" alt=\"Zaunsensorkabel Montage\">\n        <\/div>\n        <div class=\"per-row-text\">\n          <h3>Zaunsensorkabel<\/h3>\n          <p>Systeme, die Vibrationen und das Zerschneiden des Zauns \u00fcberwachen und sofort den genauen Ort des Einbruchsversuchs lokalisieren.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"per-row per-reveal\">\n        <div class=\"per-row-img\">\n          <span class=\"per-row-num\">3<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/takex-i-ajax-vanjski-detektor-pokreta.webp\" alt=\"Au\u00dfenbewegungsmelder intelligenter Scanner\">\n        <\/div>\n        <div class=\"per-row-text\">\n          <h3>Au\u00dfendetektoren mit smarter Analytik<\/h3>\n          <p>Spezielle Au\u00dfensensoren (wie von den Marken Ajax oder Takex), die witterungsbest\u00e4ndig sind und pr\u00e4zise zwischen menschlichen Bewegungen und Haustieren oder dem Wiegen von B\u00e4umen unterscheiden.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"per-row per-reverse per-reveal\">\n        <div class=\"per-row-img\">\n          <span class=\"per-row-num\">4<\/span>\n          <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/termalna-kamera-sa-AI-analitikom-1.webp\" alt=\"W\u00e4rmebildkamera mit KI-Analytik\">\n        <\/div>\n        <div class=\"per-row-text\">\n          <h3>W\u00e4rmebildkameras mit KI-Analytik<\/h3>\n          <p>\u00dcberwachung gro\u00dfer Fl\u00e4chen bei absoluter Dunkelheit und Nebel mit automatischer Alarmierung, sobald eine Bewegung am Grundst\u00fccksrand erkannt wird.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= INTEGRATION ================= -->\n  <section class=\"per-integration\">\n    <div class=\"per-inner\">\n      <h2 class=\"per-reveal\">Integration f\u00fcr maximale Sicherheit<\/h2>\n      <p class=\"per-reveal\">Perimetersysteme lassen sich vollst\u00e4ndig in das zentrale Alarmsystem und PTZ- (steuerbare) Video\u00fcberwachungskameras integrieren. Im Falle eines Vorfalls schwenken die Kameras automatisch genau in die Zone des Einbruchs, sodass der Bediener oder Eigent\u00fcmer sofort sieht, was passiert.<\/p>\n\n      <div class=\"per-integ-row per-reveal\">\n        <div class=\"per-integ-card\">\n          <div class=\"per-integ-img\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/alarmna-centrala-za-kamere-i-alarme.webp\" alt=\"Alarmzentrale Steuereinheit\">\n          <\/div>\n          <span>Alarmsystem<\/span>\n        <\/div>\n\n        <div class=\"per-integ-connector\"><\/div>\n\n        <div class=\"per-integ-card\">\n          <div class=\"per-integ-img\">\n            <img decoding=\"async\" src=\"https:\/\/alarmcentar.hr\/wp-content\/uploads\/2026\/07\/PTZ-kamera-hikvision.png\" alt=\"PTZ steuerbare \u00dcberwachungskamera\">\n          <\/div>\n          <span>PTZ-Video\u00fcberwachung<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CTA ================= -->\n  <section class=\"per-cta\">\n    <div class=\"per-cta-bg per-reveal\">\n      <div class=\"per-cta-content\">\n        <h3>Sch\u00fctzen Sie Ihr Eigentum rechtzeitig.<\/h3>\n        <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"per-cta-btn\">\n          Kostenlose Standortbesichtigung anfordern\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.per-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('per-visible');\n    });\n  }, { threshold: 0.12 });\n  els.forEach(function (el) { obs.observe(el); });\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-1576","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1576","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=1576"}],"version-history":[{"count":2,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1576\/revisions"}],"predecessor-version":[{"id":1578,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1576\/revisions\/1578"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/media?parent=1576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}