{"id":1567,"date":"2026-07-11T11:54:15","date_gmt":"2026-07-11T11:54:15","guid":{"rendered":"https:\/\/alarmcentar.hr\/?page_id=1567"},"modified":"2026-07-11T11:55:36","modified_gmt":"2026-07-11T11:55:36","slug":"it-dienstleistungen","status":"publish","type":"page","link":"https:\/\/alarmcentar.hr\/de\/it-dienstleistungen\/","title":{"rendered":"IT-Dienstleistungen"},"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.itu-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.itu-wrap * { box-sizing: border-box; }\n.itu-wrap h1, .itu-wrap h2, .itu-wrap h3 {\n  font-family: 'Alata', sans-serif;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n\n.itu-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 0 22px;\n}\n\n\/* ============ generic reveal ============ *\/\n.itu-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.itu-reveal.itu-visible { opacity: 1; transform: translateY(0); }\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n.itu-hero {\n  position: relative;\n  padding: 70px 0 60px;\n  background: var(--ink);\n  color: #fff;\n}\n.itu-hero-inner {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  max-width: 780px;\n  margin: 0 auto;\n}\n.itu-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.12);\n  padding: 8px 16px;\n  border-radius: 30px;\n  margin-bottom: 22px;\n}\n.itu-eyebrow-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent);\n  animation: ituBlink 1.6s ease-in-out infinite;\n}\n@keyframes ituBlink {\n  0%, 100% { opacity: 1; } 50% { opacity: 0.3; }\n}\n.itu-hero h1 {\n  font-size: clamp(1.9rem, 4vw, 2.7rem);\n  line-height: 1.25;\n  margin: 0 0 20px;\n  color: #fff !important;\n}\n.itu-hero h1 span { color: var(--accent); }\n.itu-hero p {\n  color: #c6c7cc;\n  font-size: 1.02rem;\n  line-height: 1.75;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* animated network background *\/\n.itu-net {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  opacity: 0.5;\n  pointer-events: none;\n}\n.itu-net circle {\n  animation: ituNodePulse 3s ease-in-out infinite;\n}\n.itu-net line {\n  stroke: rgba(198,15,15,0.35);\n  stroke-width: 1;\n}\n@keyframes ituNodePulse {\n  0%, 100% { opacity: 0.35; r: 2.4; }\n  50% { opacity: 1; r: 3.4; }\n}\n\n\/* ============================================================\n   FEATURES GRID\n   ============================================================ *\/\n.itu-features {\n  padding: 70px 0;\n  background: var(--bg-light);\n}\n.itu-features-head {\n  text-align: center;\n  max-width: 640px;\n  margin: 0 auto 46px;\n}\n.itu-features-head h2 {\n  font-size: clamp(1.5rem, 3vw, 2rem);\n  margin: 0 0 12px;\n}\n.itu-features-head p {\n  color: var(--gray);\n  font-size: 0.98rem;\n  line-height: 1.7;\n}\n\n.itu-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 22px;\n}\n@media (max-width: 760px) {\n  .itu-grid { grid-template-columns: 1fr; }\n}\n\n.itu-card {\n  background: #fff;\n  border: 1px solid #ececec;\n  border-radius: 12px;\n  padding: 30px;\n  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;\n  position: relative;\n  overflow: hidden;\n}\n.itu-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 40px rgba(0,0,0,0.08);\n  border-color: rgba(198,15,15,0.3);\n}\n.itu-card-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: rgba(198,15,15,0.09);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 18px;\n  transition: background .3s ease;\n}\n.itu-card:hover .itu-card-icon { background: var(--accent); }\n.itu-card-icon svg {\n  width: 26px;\n  height: 26px;\n  color: var(--accent);\n  transition: color .3s ease, transform .4s ease;\n}\n.itu-card:hover .itu-card-icon svg { color: #fff; transform: scale(1.1); }\n\n.itu-card h3 {\n  font-size: 1.15rem;\n  margin: 0 0 10px;\n}\n.itu-card p {\n  color: var(--gray);\n  font-size: 0.94rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* ============================================================\n   CLOSING + CTA\n   ============================================================ *\/\n.itu-closing {\n  padding: 60px 0 80px;\n  background: var(--bg-light);\n}\n.itu-closing-text {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 36px;\n  color: var(--gray);\n  font-size: 1rem;\n  line-height: 1.8;\n}\n\n.itu-cta {\n  position: relative;\n  background: var(--ink);\n  border-radius: 16px;\n  padding: 46px 36px;\n  text-align: center;\n  overflow: hidden;\n}\n.itu-cta::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(rgba(198,15,15,0.22) 1px, transparent 1px);\n  background-size: 24px 24px;\n  opacity: 0.5;\n}\n.itu-cta-inner { position: relative; z-index: 2; }\n.itu-cta h3 {\n  color: #fff;\n  font-size: clamp(1.25rem, 2.4vw, 1.6rem);\n  max-width: 620px;\n  margin: 0 auto 26px;\n  line-height: 1.4;\n}\n.itu-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.itu-cta-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 12px 26px rgba(198,15,15,0.5);\n}\n.itu-cta-btn::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60%;\n  width: 40%;\n  height: 100%;\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.45), transparent);\n  transform: skewX(-20deg);\n  animation: ituShine 3.2s ease-in-out infinite;\n}\n@keyframes ituShine {\n  0% { left: -60%; } 40% { left: 130%; } 100% { left: 130%; }\n}\n.itu-cta-btn svg {\n  width: 16px; height: 16px;\n  transition: transform .25s ease;\n}\n.itu-cta-btn:hover svg { transform: translateX(4px); }\n<\/style>\n\n<div class=\"itu-wrap\">\n\n  <!-- ================= HERO ================= -->\n  <section class=\"itu-hero\">\n    <svg class=\"itu-net\" viewBox=\"0 0 1200 420\" preserveAspectRatio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <line x1=\"120\" y1=\"80\" x2=\"320\" y2=\"160\"\/>\n      <line x1=\"320\" y1=\"160\" x2=\"560\" y2=\"70\"\/>\n      <line x1=\"560\" y1=\"70\" x2=\"820\" y2=\"150\"\/>\n      <line x1=\"820\" y1=\"150\" x2=\"1080\" y2=\"60\"\/>\n      <line x1=\"200\" y1=\"320\" x2=\"420\" y2=\"250\"\/>\n      <line x1=\"420\" y1=\"250\" x2=\"680\" y2=\"340\"\/>\n      <line x1=\"680\" y1=\"340\" x2=\"950\" y2=\"270\"\/>\n      <line x1=\"320\" y1=\"160\" x2=\"420\" y2=\"250\"\/>\n      <line x1=\"560\" y1=\"70\" x2=\"680\" y2=\"340\"\/>\n      <circle cx=\"120\" cy=\"80\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.2s\"\/>\n      <circle cx=\"320\" cy=\"160\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.6s\"\/>\n      <circle cx=\"560\" cy=\"70\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1s\"\/>\n      <circle cx=\"820\" cy=\"150\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.4s\"\/>\n      <circle cx=\"1080\" cy=\"60\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.8s\"\/>\n      <circle cx=\"200\" cy=\"320\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.4s\"\/>\n      <circle cx=\"420\" cy=\"250\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:.9s\"\/>\n      <circle cx=\"680\" cy=\"340\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.3s\"\/>\n      <circle cx=\"950\" cy=\"270\" r=\"3\" fill=\"#c60f0f\" style=\"animation-delay:1.7s\"\/>\n    <\/svg>\n\n    <div class=\"itu-inner\">\n      <div class=\"itu-hero-inner itu-reveal\">\n        <span class=\"itu-eyebrow\"><span class=\"itu-eyebrow-dot\"><\/span> IT-DIENSTE<\/span>\n        <h1>IT-Services und Netzwerkinfrastruktur f\u00fcr die <span>Stabilit\u00e4t von Sicherheitssystemen<\/span><\/h1>\n        <p>Alle modernen technischen Schutzsysteme (IP-Video\u00fcberwachung, fortschrittliche Zutrittskontrolle, Cloud-Gegensprechanlagen) basieren heute vollst\u00e4ndig auf Computernetzwerken. Um einen reibungslosen Betrieb Ihrer Sicherheitssysteme zu gew\u00e4hrleisten, bietet Alarm Centar professionelle IT-Dienstleistungen mit Fokus auf den Aufbau, die Optimierung und die Wartung von Netzwerk- und Serverinfrastrukturen.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= FEATURES ================= -->\n  <section class=\"itu-features\">\n    <div class=\"itu-inner\">\n      <div class=\"itu-features-head itu-reveal\">\n        <h2>Unser Angebot an IT- und Netzwerkdiensten<\/h2>\n        <p>Strukturierte Verkabelung, Computernetzwerke, Systemintegration und IT-Support \u2013 alles aus einer Hand.<\/p>\n      <\/div>\n\n      <div class=\"itu-grid\">\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M6 12C6 12 14 12 14 20V28C14 36 22 36 22 36\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n              <path d=\"M42 12C42 12 34 12 34 20V28C34 36 26 36 26 36\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n              <circle cx=\"6\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"42\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"24\" cy=\"40\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <path d=\"M22 36L24 37L26 36\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Strukturierte Verkabelung<\/h3>\n          <p>Planung und Realisierung hochwertiger lokaler Netzwerke (LAN) und Glasfaserverbindungen f\u00fcr eine stabile Daten- und Videosignal\u00fcbertragung.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"6\" y=\"10\" width=\"36\" height=\"12\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"6\" y=\"26\" width=\"36\" height=\"12\" rx=\"2.5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <circle cx=\"13\" cy=\"16\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"19\" cy=\"16\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"13\" cy=\"32\" r=\"1.6\" fill=\"currentColor\"\/>\n              <circle cx=\"19\" cy=\"32\" r=\"1.6\" fill=\"currentColor\"\/>\n              <path d=\"M30 10V6M36 10V6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Netzwerkger\u00e4te &amp; Konfiguration<\/h3>\n          <p>Installation und Feinabstimmung von professionellen Switches, Routern und industriellen WLAN-Access-Points mit hohem Datendurchsatz.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M24 6L40 12V22C40 32 33 40 24 43C15 40 8 32 8 22V12L24 6Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/>\n              <path d=\"M18 24L22 28L31 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Cybersecurity<\/h3>\n          <p>Implementierung von Firewalls, sicheren VPN-Tunneln f\u00fcr den Fernzugriff auf Kameras und Daten sowie umfassender Schutz vor unbefugten Netzwerkeindringlingen.<\/p>\n        <\/div>\n\n        <div class=\"itu-card itu-reveal\">\n          <div class=\"itu-card-icon\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"8\" y=\"8\" width=\"32\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"8\" y=\"22\" width=\"32\" height=\"10\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\n              <rect x=\"8\" y=\"36\" width=\"20\" height=\"4\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n              <circle cx=\"14\" cy=\"13\" r=\"1.4\" fill=\"currentColor\"\/>\n              <circle cx=\"14\" cy=\"27\" r=\"1.4\" fill=\"currentColor\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Serverl\u00f6sungen &amp; Speicher<\/h3>\n          <p>Konfiguration von Netzwerkspeichern (NAS) und dedizierten Servern f\u00fcr eine langfristige, hochredundante und sichere Videoarchivierung.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CLOSING + CTA ================= -->\n  <section class=\"itu-closing\">\n    <div class=\"itu-inner\">\n      <p class=\"itu-closing-text itu-reveal\">Durch die Kombination von physischer Sicherheitsintegration und IT-Expertise aus einer Hand stellen wir sicher, dass Ihre Systeme synchron, schnell und v\u00f6llig frei von Netzwerkengp\u00e4ssen arbeiten.<\/p>\n\n      <div class=\"itu-cta itu-reveal\">\n        <div class=\"itu-cta-inner\">\n          <h3>Ben\u00f6tigen Sie ein zuverl\u00e4ssiges Netzwerk, das mit Ihren Sicherheits- und Gesch\u00e4ftsanforderungen Schritt h\u00e4lt?<\/h3>\n          <a href=\"https:\/\/alarmcentar.hr\/kontakt\/\" class=\"itu-cta-btn\">\n            Angebot 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    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(function () {\n  var els = document.querySelectorAll('.itu-reveal');\n  var obs = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting) e.target.classList.add('itu-visible');\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function (el) { obs.observe(el); });\n\n  document.querySelectorAll('.itu-card.itu-reveal').forEach(function (el, i) {\n    el.style.transitionDelay = (i * 0.08) + '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-1567","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1567","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=1567"}],"version-history":[{"count":2,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1567\/revisions"}],"predecessor-version":[{"id":1569,"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/pages\/1567\/revisions\/1569"}],"wp:attachment":[{"href":"https:\/\/alarmcentar.hr\/de\/wp-json\/wp\/v2\/media?parent=1567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}