{"id":1705,"date":"2026-06-29T11:57:05","date_gmt":"2026-06-29T09:57:05","guid":{"rendered":"https:\/\/www.phibri.it\/?page_id=1705"},"modified":"2026-07-16T09:15:24","modified_gmt":"2026-07-16T07:15:24","slug":"elementor-1705","status":"publish","type":"page","link":"https:\/\/www.phibri.it\/","title":{"rendered":"phibri OnePage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1705\" class=\"elementor elementor-1705\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1621ddb e-flex e-con-boxed e-con e-parent\" data-id=\"1621ddb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-536df8d elementor-widget elementor-widget-html\" data-id=\"536df8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hero-wrapper container\">\n\n  <!-- TEXT -->\n  <div class=\"hero-text\">\n    <div class=\"hero-sub\">Struktur statt Chaos. IT, die funktioniert.<\/div>\n\n    <h1>\n      Stabile Systeme.<br>\n      Sichere IT.<br>\n      <span>Echter Mehrwert.<\/span>\n    <\/h1>\n\n    <p>\n      Wir schaffen klare, sichere und skalierbare IT\u2011Strukturen,\n      die Ihr Unternehmen zuverl\u00e4ssig am Laufen halten.\n    <\/p>\n\n    \n<a href=\"#kontakt\" class=\"hero-btn\">\n  Erstgespr\u00e4ch vereinbaren\n<\/a>\n\n  <\/div>\n\n  <!-- VISUAL -->\n  <div class=\"hero-visual\">\n\n    <!-- Glow Background -->\n    <div class=\"hero-glow\"><\/div>\n    <div class=\"hero-glow\"><\/div>\n<div class=\"hero-glow strong\"><\/div>\n\n    <!-- Dashboard -->\n    <div class=\"hero-window\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-7.png\">\n    <\/div>\n\n    <!-- Floating Cards -->\n    <div class=\"hero-card c1\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Managed-Icon-200px.png\">\n    <\/div>\n\n <div class=\"hero-card c2\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Infra-Icon-200px.png\">\n    <\/div>\n    \n     <div class=\"hero-card c3\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Ninja-Logo-200px-1.png\">\n    <\/div>\n    \n     <div class=\"hero-card c4\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Backup-Icon-200px.png\">\n    <\/div>\n    \n     <div class=\"hero-card c5\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Hardware-Icon-200px.png\">\n    <\/div>\n\n    <div class=\"hero-card c6\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/07\/Mail-200px.png\">\n    <\/div>\n\n    <div class=\"hero-card c7\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/UC-Icon-200px.png\">\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\nconst windowEl = document.querySelector('.hero-window');\n\n\/\/ NUR DESKTOP\nif (window.innerWidth > 768 && windowEl) {\n\n  windowEl.addEventListener('mousemove', (e) => {\n    const rect = windowEl.getBoundingClientRect();\n\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    const rotateX = -(y - rect.height \/ 2) \/ 20;\n    const rotateY = (x - rect.width \/ 2) \/ 20;\n\n    windowEl.style.transform = `\n      perspective(1200px)\n      rotateX(${rotateX}deg)\n      rotateY(${rotateY}deg)\n    `;\n  });\n\n  windowEl.addEventListener('mouseleave', () => {\n    windowEl.style.transform =\n      'perspective(1200px) rotateX(8deg) rotateY(-8deg)';\n  });\n\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f518efd e-flex e-con-boxed e-con e-parent\" data-id=\"f518efd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d49b88 elementor-widget elementor-widget-html\" data-id=\"7d49b88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"nav-glass\">\n  <div class=\"nav-inner\">\n\n    <!-- LOGO -->\n    <div class=\"nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Phibri.it-Praesentation-2-2.png\">\n    <\/div>\n\n    <!-- LINKS (DESKTOP) -->\n    <div class=\"nav-links\">\n      <a href=\"#leistungen\">Leistungen<\/a>\n      <a href=\"#managed-services\">Managed Services<\/a>\n      <a href=\"#projekte\">Projekte<\/a>\n      <a href=\"#team\">Team<\/a>\n      <a href=\"#kontakt\">Kontakt<\/a>\n    <\/div>\n\n    <!-- ACTIONS -->\n    <div class=\"nav-actions\">\n\n      <a href=\"https:\/\/get.teamviewer.com\/66ebzvv\" class=\"nav-remote\">\n        <span class=\"dot\"><\/span>\n        Fernwartung\n      <\/a>\n\n      <a href=\"https:\/\/mysubscriptions.io\" class=\"nav-primary\">\n        CSP\u2011Self\u2011Service\n      <\/a>\n\n      <!-- BURGER -->\n     <div class=\"nav-toggle\" onclick=\"toggleMenu()\">\u2630<\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- \ud83d\udd25 WICHTIG: MEN\u00dc AUSSERHALB -->\n<div class=\"mobile-menu\" id=\"mobileMenu\">\n\n  <a href=\"#leistungen\">Leistungen<\/a>\n  <a href=\"#team\">Team<\/a>\n  <a href=\"#kontakt\">Kontakt<\/a>\n\n  <a href=\"#kontakt\" class=\"mobile-cta\">\n    Erstgespr\u00e4ch vereinbaren\n  <\/a>\n\n<\/div>\n\n<script>\nfunction toggleMenu() {\n  var menu = document.getElementById(\"mobileMenu\");\n\n  if (menu.classList.contains(\"active\")) {\n    menu.classList.remove(\"active\");\n  } else {\n    menu.classList.add(\"active\");\n  }\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b988180 e-flex e-con-boxed e-con e-parent\" data-id=\"b988180\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-798ec0a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"798ec0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"leistungen\">\n\n<div class=\"services-section\">\n\n  <div class=\"services-head\">\n    <div class=\"services-sub\">Leistungen<\/div>\n\n    <h2>\n      IT, die Ihr Unternehmen einfach laufen l\u00e4sst\n    <\/h2>\n\n    <p>\n      Klare Leistungen statt komplexer Einzell\u00f6sungen \u2013 verst\u00e4ndlich, zuverl\u00e4ssig und skalierbar.\n    <\/p>\n  <\/div>\n\n  <div class=\"services-grid\">\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Ninja-Logo-200px-1.png\">\n        <h3>IT-Security<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Schutz vor Cyberangriffen und sichere Systeme.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Consulting-Icon-200px.png\">\n        <h3>IT-Consulting<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Strategische Beratung f\u00fcr saubere IT-Strukturen.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Hardware-Icon-200px.png\">\n        <h3>Hardware<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Passende IT-Systeme f\u00fcr stabile Performance.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Infra-Icon-200px.png\">\n        <h3>Infrastruktur<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Netzwerke, Server und Systeme sauber aufgebaut.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Managed-Icon-200px.png\">\n        <h3>Managed Services<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Proaktive Betreuung und Monitoring.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Backup-Icon-200px.png\">\n        <h3>Backup<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Sichere Datensicherung und schnelle Wiederherstellung.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/UC-Icon-200px.png\">\n        <h3>Unified Communication<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Telefonie & Kommunikation aus einer Hand.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"flip-card\">\n    <div class=\"flip-inner\">\n      <div class=\"flip-front\">\n        <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/m365_logo.png\">\n        <h3>Microsoft 365<\/h3>\n      <\/div>\n      <div class=\"flip-back\">\n        <p>Moderne Arbeitspl\u00e4tze & Cloud Collaboration.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.querySelectorAll(\".flip-card\").forEach(card => {\n\n  card.addEventListener(\"click\", () => {\n\n    \/\/ optional: nur ein offen\n    document.querySelectorAll(\".flip-card\").forEach(c => {\n      if (c !== card) c.classList.remove(\"active\");\n    });\n\n    card.classList.toggle(\"active\");\n\n  });\n\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-450f65a e-flex e-con-boxed e-con e-parent\" data-id=\"450f65a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df541f6 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"df541f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"managed-services\">\n\n\n<div class=\"ms-section\">\n\n  <!-- TEXT -->\n  <div class=\"ms-text\">\n    <div class=\"ms-sub\">Managed Services<\/div>\n\n    <h2>IT funktioniert einfach \u2013 im Hintergrund<\/h2>\n\n    <p>\n      Wir sorgen daf\u00fcr, dass Ihre Systeme stabil laufen, ohne dass Sie sich k\u00fcmmern m\u00fcssen.\n      Monitoring, Wartung und Sicherheit greifen automatisiert ineinander.\n    <\/p>\n  <\/div>\n\n  <div class=\"ms-grid\"><div class=\"ms-card <div class=\"ms-card\">\n    <div class=\"ms-icon\">\n      <!-- dein Icon -->\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Patch-200px.png\">\n    <\/div>\n\n    <h4>Patch Compliance<\/h4>\n    <p>Automatische Updates halten Systeme dauerhaft sicher<\/p>\n  <\/div>\n\n  <div class=\"ms-card\">\n    <div class=\"ms-icon\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Backup-200px.png\">\n    <\/div>\n\n    <h4>Managed Backup<\/h4>\n    <p>Alle Daten sind jederzeit gesch\u00fctzt und verf\u00fcgbar<\/p>\n  <\/div>\n\n  <div class=\"ms-card\">\n    <div class=\"ms-icon\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Recover-200x200-1.png\">\n    <\/div>\n\n    <h4>Recovery Tests<\/h4>\n    <p>Regelm\u00e4\u00dfige Tests sichern den Ernstfall ab<\/p>\n  <\/div>\n\n  <div class=\"ms-card\">\n    <div class=\"ms-icon\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Monitoring-200px.png\">\n    <\/div>\n\n    <h4>Monitoring<\/h4>\n    <p>Probleme werden erkannt bevor sie entstehen<\/p>\n  <\/div>\n\n<\/div>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-36c6680 e-flex e-con-boxed e-con e-parent\" data-id=\"36c6680\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff6c9bf elementor-widget__width-inherit e-transform elementor-widget elementor-widget-html\" data-id=\"ff6c9bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"projekte\">\n\n  <div class=\"projects-section\">\n\n    <div class=\"projects-head\">\n      <div class=\"projects-sub\">Projekte<\/div>\n\n      <h2>Projekte, die langfristig funktionieren<\/h2>\n\n      <p>\n        Wir denken IT vom ersten Schritt bis zum laufenden Betrieb \u2013\n        strukturiert, planbar und nachhaltig.\n      <\/p>\n    <\/div>\n\n    <div class=\"projects-flow\">\n\n      <div class=\"flow-card\">\n        <h4>Planung<\/h4>\n        <p>Strukturiert und nachvollziehbar von Anfang an<\/p>\n      <\/div>\n\n      <div class=\"flow-arrow\">\u2192<\/div>\n\n      <div class=\"flow-card\">\n        <h4>Umsetzung<\/h4>\n        <p>Sauber umgesetzt ohne Chaos im Projekt<\/p>\n      <\/div>\n\n      <div class=\"flow-arrow\">\u2192<\/div>\n\n      <div class=\"flow-card\">\n        <h4>Betrieb<\/h4>\n        <p>Stabile Systeme im Alltag \u2013 nicht nur im Projekt<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32533e9 e-flex e-con-boxed e-con e-parent\" data-id=\"32533e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbd57ca elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cbd57ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"team\">\n\n<section class=\"team-section\">\n\n  <div class=\"team-header\">\n    <span class=\"team-eyebrow\">Team<\/span>\n\n    <h2 class=\"team-headline\">\n      IT funktioniert nur, wenn die richtigen Menschen dahinterstehen\n    <\/h2>\n\n    <p class=\"team-subline\">\n      Pers\u00f6nlich. Strukturiert. L\u00f6sungsorientiert \u2013 wir k\u00fcmmern uns um deine IT.\n    <\/p>\n  <\/div>\n\n  <div class=\"team-grid\">\n\n    <!-- CEO -->\n    \n<div class=\"team-card large\">\n  <img decoding=\"async\" class=\"team-img\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-8.png\">\n\n  <div class=\"team-label\">\n    <strong>Philipp Brinkhoff<\/strong>\n    <span>CEO<\/span>\n  <\/div>\n\n      <div class=\"team-hover\">\n        <p>Strategie, Unternehmensentwicklung und F\u00fchrung moderner IT-Dienstleistungen.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Benjamin -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-9.png\">\n\n      <div class=\"team-label\">\n        <strong>Benjamin Siebert<\/strong>\n        <span>Certified IT Business Consultant<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Managed Services, Cloud und strukturierte IT-Beratung f\u00fcr den Mittelstand.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Julius -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-13.png\">\n\n      <div class=\"team-label\">\n        <strong>Julius Vogelsang<\/strong>\n        <span>Fachinformatiker Systemintegration<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Systemintegration und stabiler Betrieb von IT-Infrastrukturen.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Kai -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-11.png\">\n\n      <div class=\"team-label\">\n        <strong>Kai Siekmann<\/strong>\n        <span>Fachinformatiker Systemintegration<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Netzwerke, Systeme und zuverl\u00e4ssiger IT-Betrieb im Alltag.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Simon -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-11.png\">\n\n      <div class=\"team-label\">\n        <strong>Simon Moshage<\/strong>\n        <span>Auszubildender Fachinformatiker<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Unterst\u00fctzung im operativen Gesch\u00e4ft und Umsetzung technischer L\u00f6sungen.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Mike -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-11.png\">\n\n      <div class=\"team-label\">\n        <strong>Mike J\u00e4ger<\/strong>\n        <span>Auszubildender Fachinformatiker<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Support und Entwicklung im Tagesgesch\u00e4ft.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Michael -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-11.png\">\n\n      <div class=\"team-label\">\n        <strong>Michael Adam<\/strong>\n        <span>Auszubildender Fachinformatiker<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Systemintegration und Mitarbeit im IT-Betrieb.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Anna -->\n    <div class=\"team-card\">\n      <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-12.png\">\n\n      <div class=\"team-label\">\n        <strong>Anna Limbach<\/strong>\n        <span>B\u00fcroorganisation<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Organisation und zentrale Schnittstelle im Unternehmen.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- JOB -->\n    <div class=\"team-card job-card\">\n     <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Designer-15.png\">\n\n      <div class=\"team-label\">\n        <strong>Werde Teil von phibri<\/strong>\n        <span>Offene Stelle<\/span>\n      <\/div>\n\n      <div class=\"team-hover\">\n        <p>Wir suchen IT-Profis f\u00fcr Systemintegration, Cloud und Managed Services.<\/p>\n        \n<a href=\"mailto:bewerbung@phibri.it\" class=\"team-cta\">\n      Jetzt bewerben\n    <\/a>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n.team-header {\n  text-align: center;         \/* \ud83d\udd25 das zentriert alles *\/\n  max-width: 800px;\n  margin: 0 auto 60px;        \/* \ud83d\udd25 sorgt daf\u00fcr, dass der Block mittig sitzt *\/\n  margin-top: 60px;\n}\n\n\n.team-grid {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr 1fr;\n  grid-auto-rows: 240px;\n  gap: 30px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.team-card {\n  position: relative;\n  height: 100%;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\n.team-card.large {\n  grid-row: span 2;\n}\n\n.team-card img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center 50%;\n}\n\n.team-label {\n  position: absolute;\n  bottom: 15px;\n  left: 15px;\n  right: 15px;\n  background: rgba(255,255,255,0.9);\n  padding: 10px;\n  border-radius: 12px;\n}\n\n.team-label strong {\n  display: block;\n  font-size: 14px;\n}\n\n.team-label span {\n  display: block;\n  font-size: 12px;\n  color: #666;\n}\n\n\n.team-hover {\n  position: absolute;\n  inset: 0;\n\n  display: flex;\n  align-items: flex-end;\n  padding: 20px;\n\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,0.7),\n    transparent 70%\n  );\n\n  opacity: 0;\n  transition: 0.3s ease;\n\n  z-index: 3;   \/* \ud83d\udd25 muss \u00fcber allem liegen *\/\n}\n\n\n.team-hover {\n  position: absolute;\n  inset: 0;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  padding: 25px;\n\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,0.65),\n    rgba(0,0,0,0.3),\n    transparent 70%\n  );\n\n  backdrop-filter: blur(12px);\n\n  opacity: 0;\n  transition: 0.4s ease;\n\n  z-index: 3;\n}\n\n.team-card:hover .team-hover {\n  opacity: 1;\n}\n\n\n.team-hover p {\n  color: #fff;\n  font-size: 14px;\n  line-height: 1.4;\n}\n\n.team-card:hover .team-label {\n  opacity: 0;\n  transform: translateY(10px);\n  transition: 0.3s ease;\n}\n\n\n.team-cta {\n  display: inline-block;\n  margin-top: 12px;\n\n  padding: 9px 16px;\n  border-radius: 12px;\n\n  background: rgba(255,255,255,0.95);\n  color: #111;\n\n  font-size: 13px;\n  font-weight: 500;\n\n  text-decoration: none;\n\n  \/* \ud83d\udd25 initial hidden *\/\n  transform: translateY(12px);\n  opacity: 0;\n\n  transition: 0.4s ease;\n}\n\n\/* \ud83d\udd25 Verz\u00f6gert einblenden *\/\n.team-card:hover .team-cta {\n  transform: translateY(0);\n  opacity: 1;\n\n  transition-delay: 0.1s;   \/* \ud83d\udc8e DAS MACHT DEN PREMIUM LOOK *\/\n}\n\n\n.team-cta:hover {\n  background: #ff2b1f;\n  color: #fff;\n\n  box-shadow:\n    0 10px 25px rgba(255,43,31,0.25);\n}\n\n@media (max-width: 768px) {\n\n  .team-grid {\n    display: grid !important;\n    grid-template-columns: 1fr !important;   \/* \ud83d\udd25 KEY *\/\n    gap: 20px;\n  }\n\n}\n\n\n@media (max-width: 768px) {\n\n  .team-card,\n  .team-card.large {\n    height: 260px;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .team-hover {\n    position: static;   \/* \ud83d\udd25 KEIN OVERLAY mehr *\/\n    background: none;\n    backdrop-filter: none;\n\n    opacity: 1;\n\n    padding: 10px 15px;\n  }\n\n}\n\n\n@media (max-width: 768px) {\n\n  .team-hover p {\n    font-size: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .team-cta {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .team-headline {\n    font-size: 26px;\n    line-height: 1.3;\n  }\n\n  .team-subline {\n    font-size: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .team-grid {\n    gap: 24px !important;   \/* \ud83d\udd25 sauber & gleichm\u00e4\u00dfig *\/\n    padding: 0 20px;        \/* \ud83d\udd25 Luft zu den Seiten *\/\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .team-card {\n    border-radius: 18px;\n    overflow: hidden;\n\n    margin: 0;   \/* \ud83d\udd25 wichtig \u2013 verhindert zus\u00e4tzliche Verschiebung *\/\n  }\n\n}\n\n<\/style\n\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06da2e2 e-flex e-con-boxed e-con e-parent\" data-id=\"06da2e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f51fae0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f51fae0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.contact-section {\n  padding: 40px 30px 0px;\n}\n\n\/* WRAPPER *\/\n\n\n.contact-wrapper {\n  max-width: 1400px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-columns: 380px 1fr;   \/* \ud83d\udd25 FESTE TEXTBREITE *\/\n  gap: 100px;\n\n  align-items: start;\n}\n\n\n\n\/* TEXT *\/\n.contact-sub {\n  font-size: 14px;\n  color: #888;\n}\n\n.contact-left h2 {\n  font-size: 40px;\n  margin-top: 10px;\n\n  max-width: 420px;   \/* \ud83d\udd25 erzwingt sauberen Umbruch *\/\n  line-height: 1.3;\n}\n\n\n.contact-left p {\n  margin-top: 20px;\n  color: #666;\n  line-height: 1.6;\n}\n\n\/* INFOS *\/\n.contact-info {\n  margin-top: 25px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n\/* SOCIALS *\/\n.contact-socials {\n  margin-top: 25px;\n  display: flex;\n  gap: 20px;\n}\n\n.contact-socials a {\n  text-decoration: none;\n  color: #333;\n  font-size: 14px;\n}\n\n.contact-socials {\n  margin-top: 25px;\n  display: flex;\n  gap: 18px;\n}\n\n\/* BUTTON *\/\n.social-icon {\n  width: 42px;\n  height: 42px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 12px;\n\n  background: rgba(0,0,0,0.04);\n\n  transition: 0.3s ease;\n}\n\n\/* SVG ICON *\/\n.social-icon svg {\n  width: 18px;\n  height: 18px;\n\n  fill: #333;\n\n  transition: 0.3s ease;\n}\n\n\/* FORM *\/\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;   \/* \ud83d\udd25 deutlich luftiger *\/\n}\n\n\n\n\n.contact-form input,\n.contact-form textarea {\n  width: 100%;\n  padding: 18px 18px;\n\n  border-radius: 14px;\n  font-size: 14px;\n\n  border: 1px solid rgba(0,0,0,0.08);\n  background: rgba(255,255,255,0.6);\n\n  backdrop-filter: blur(10px);\n\n  transition: all 0.25s ease;\n}\n\n\n.contact-form input:focus,\n.contact-form textarea:focus {\n  outline: none;\n\n  border: 1px solid rgba(255,43,31,0.4);\n\n  box-shadow:\n    0 0 0 4px rgba(255,43,31,0.08),\n    0 10px 25px rgba(255,43,31,0.15);\n\n  background: rgba(255,255,255,0.8);\n}\n\n.contact-form input:hover,\n.contact-form textarea:hover {\n  border-color: rgba(0,0,0,0.15);\n}\n\n\n\n.contact-form textarea {\n  height: 180px;\n  resize: none;\n}\n\n.contact-consent {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n\n  font-size: 12px;\n  color: #666;\n\n  margin-top: 5px;\n}\n\n.contact-left {\n  width: 100%;\n  max-width: 380px;\n}\n\n\n\n\/* CHECKBOX *\/\n.contact-consent input {\n  margin-top: 3px;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n\/* TEXT *\/\n.contact-consent span {\n  line-height: 1.4;\n}\n\n.contact-consent a {\n  color: #ff2b1f;\n  text-decoration: none;\n}\n\n.contact-consent a:hover {\n  text-decoration: underline;\n}\n\n\n\/* BUTTON *\/\n.contact-form button {\n  padding: 14px 18px;\n  border-radius: 12px;\n\n  background: linear-gradient(\n    135deg,\n    #ff2b1f,\n    #ff5c4a\n  ) !important;   \/* \ud83d\udd25 zwingt das richtige Styling *\/\n\n  color: #fff !important;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  border: none;\n  cursor: pointer;\n\n  transition: all 0.3s ease;\n\n  box-shadow:\n    0 10px 25px rgba(255,43,31,0.25);\n}\n\n.contact-form button:hover {\n  transform: translateY(-2px);\n\n  background: linear-gradient(\n    135deg,\n    #ff3a2e,\n    #ff6a58\n  ) !important;\n\n  box-shadow:\n    0 15px 35px rgba(255,43,31,0.35);\n}\n\n\n.contact-form input:hover,\n.contact-form textarea:hover {\n  border-color: rgba(0,0,0,0.15);\n}\n\n\n.contact-map-full iframe {\n  width: 100%;\n  height: 420px;\n\n  border-radius: 20px;\n  border: none;\n\n  \/* \ud83d\udd25 Premium Look *\/\n  box-shadow:\n    0 40px 100px rgba(0,0,0,0.15);\n\n  transition: 0.4s ease;\n}\n\n.contact-map-full {\n  position: relative;\n  grid-column: span 2;\n}\n\n.contact-map-full::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  border-radius: 20px;\n\n  background: linear-gradient(\n    to top,\n    rgba(0,0,0,0.15),\n    transparent 60%\n  );\n\n  pointer-events: none;\n}\n\n@media (max-width: 768px) {\n\n  .contact-wrapper {\n    display: flex !important;\n    flex-direction: column !important;\n\n    gap: 40px;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .contact-left {\n    max-width: 100%;\n    text-align: left;\n  }\n\n  .contact-left h2 {\n    font-size: 26px;\n    line-height: 1.3;\n  }\n\n  .contact-left p {\n    max-width: 100%;\n  }\n\n}\n\n@media (max-width: 768px) {\n\n  .contact-form {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n\n  .contact-form input,\n  .contact-form textarea {\n    width: 100%;\n    font-size: 16px;   \/* \ud83d\udd25 iOS Zoom Prevention *\/\n    padding: 18px;\n  }\n\n  .contact-form textarea {\n    height: 180px;\n  }\n\n}\n\n<\/style>\n\n\n<section id=\"kontakt\" class=\"contact-section\">\n\n  <div class=\"contact-wrapper\">\n\n    <!-- LINKS -->\n    <div class=\"contact-left\">\n\n      <span class=\"contact-sub\">Kontakt<\/span>\n\n      <h2>Wir sind f\u00fcr dich da<\/h2>\n\n      <p>\n        Ob Beratung, Support oder konkrete Anfrage \u2013\n        wir melden uns schnell und l\u00f6sungsorientiert zur\u00fcck.\n      <\/p>\n\n      <div class=\"contact-info\">\n          <div>phibri IT-Consulting GmbH<\/div>\n        <div>Zeppelinstra\u00dfe 16, 32051 Herford<\/div>\n        <div>info@phibri.it<\/div>\n        <div>+49 5221 62 60 222<\/div>\n      <\/div>\n\n\n<div class=\"contact-socials\">\n\n  <a href=\"https:\/\/de.linkedin.com\/company\/phibriitconsulting\" \n   class=\"social-icon\" \n   target=\"_blank\" \n   rel=\"noopener noreferrer\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/LinkedIn-Logo.png\" alt=\"LinkedIn\">\n<\/a>\n\n  <a href=\"https:\/\/www.instagram.com\/phibriitconsulting\/\" class=\"social-icon\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Instagram-Logo-PNG.png\" alt=\"Instagram\">\n  <\/a>\n\n  <a href=\"https:\/\/www.facebook.com\/phibri.it\/\" class=\"social-icon\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Facebook-Messenger-Logo.png\" alt=\"FB\">\n  <\/a>\n\n<\/div>\n\n\n\n    <\/div>\n\n    <!-- FORM -->\n    \n<form action=\"https:\/\/formspree.io\/f\/mrewaayw\" method=\"POST\" class=\"contact-form\">\n\n  <input type=\"text\" name=\"name\" placeholder=\"Name\" required>\n\n  <input type=\"email\" name=\"email\" placeholder=\"E-Mail\" required>\n\n  <textarea name=\"message\" placeholder=\"Ihre Nachricht\" required><\/textarea>\n\n  <label class=\"contact-consent\">\n  <input type=\"checkbox\" required>\n\n  <span>\n    Ich stimme der\n    <a href=\"https:\/\/www.phibri.it\/?page_id=1757\">\n      Datenschutzerkl\u00e4rung\n    <\/a>\n    zu.\n  <\/span>\n<\/label>\n\n  <button type=\"submit\">\n    Nachricht senden\n  <\/button>\n\n<\/form>\n\n  <!-- MAP -->\n  \n\n<div class=\"contact-map-full\">\n    <iframe \n      src=\"https:\/\/maps.google.com\/maps?q=Zeppelinstra\u00dfe%2016,%2032051%20Herford&output=embed\"\n      loading=\"lazy\">\n    <\/iframe>\n  <\/div>\n\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24b3f9b e-flex e-con-boxed e-con e-parent\" data-id=\"24b3f9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-939404a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"939404a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.footer {\n  padding: 120px 20px 50px;\n  position: relative;\n}\n\n.footer-inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 40px;\n\n  max-width: 1400px;\n  margin: 0 auto;\n\n  padding: 45px 60px;\n\n  border-radius: 28px;\n\n  background: rgba(255,255,255,0.28);\n  backdrop-filter: blur(35px) saturate(180%);\n  -webkit-backdrop-filter: blur(35px) saturate(180%);\n}\n\n.footer-inner::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  border-radius: 28px;\n\n  background: linear-gradient(\n    180deg,\n    rgba(255,255,255,0.55),\n    rgba(255,255,255,0.12) 35%,\n    transparent 60%\n  );\n\n  pointer-events: none;\n}\n\n.footer::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 700px;\n  height: 700px;\n\n  left: 50%;\n  bottom: -300px;\n\n  transform: translateX(-50%);\n\n  background: radial-gradient(\n    circle,\n    rgba(255,43,31,0.15),\n    transparent 70%\n  );\n\n  filter: blur(180px);\n\n  pointer-events: none;\n}\n\n@media (max-width:768px){\n\n  .footer-inner{\n    padding: 30px 24px;\n    border-radius: 20px;\n  }\n\n}\n\n.footer-logo,\n.footer-partner {\n  opacity: 0.85;\n  filter: contrast(1.1);\n\n  transition: 0.3s ease;\n}\n\n.footer-left:hover img {\n  opacity: 1;\n}\n\n\n\n\/* LEFT SIDE (LOGOS) *\/\n.footer-left {\n  display: flex;\n  align-items: center;\n  gap: 25px;\n}\n\n\/* PHIBRI LOGO (klein) *\/\n.footer-logo {\n  height: 24px;\n  object-fit: contain;\n}\n\n\/* CPN LOGO *\/\n.footer-partner {\n  height: 32px;\n  object-fit: contain;\n  opacity: 0.8;\n  transition: 0.3s ease;\n}\n\n.footer-partner:hover {\n  opacity: 1;\n}\n\n.footer-logo-wrapper,\n.footer-partner-wrapper {\n  width: 120px;        \/* \ud83d\udd25 gleiche visuelle Breite *\/\n  height: 40px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* Logos darin *\/\n.footer-logo-wrapper img,\n.footer-partner-wrapper img {\n  max-height: 100%;\n  max-width: 100%;\n  object-fit: contain;\n}\n\n.footer-left {\n  display: flex;\n  align-items: center;\n}\n\n\/* LOGO REIHE *\/\n.logo-group {\n  display: flex;\n  align-items: center;\n  gap: 30px;\n\n  flex-wrap: nowrap;\n}\n\n.logo-group {\n  display: flex;\n  align-items: center;\n  gap: 25px;\n}\n\n.logo-group img {\n  height: 66px;\n  max-width: 120px;   \/* \ud83d\udd25 verhindert zu breite Logos *\/\n}\n\n.logo-group img:not(:last-child) {\n  position: relative;\n}\n\n.logo-group img:not(:last-child)::after {\n  content: \"\";\n  position: absolute;\n  right: -15px;\n  top: 50%;\n  transform: translateY(-50%);\n\n  width: 1px;\n  height: 20px;\n\n  background: rgba(0,0,0,0.1);\n}\n\n\/* \ud83d\udd25 ALLE LOGOS GLEICH HOCH *\/\n.footer-logo {\n  height: 26px;          \/* \ud83d\udd25 EINHEITLICHE GR\u00d6SSE *\/\n  width: auto;\n\n  object-fit: contain;\n\n  opacity: 0.8;\n  transition: 0.3s ease;\n}\n\n.footer-logo:hover {\n  opacity: 1;\n  transform: translateY(-2px);\n}\n\n\n\/* RIGHT TEXT *\/\n.footer-text {\n  max-width: 420px;\n\n  font-size: 14px;\n  color: #666;\n  line-height: 1.5;\n\n  text-align: right;\n}\n\n\/* BOTTOM STRIP *\/\n.footer-bottom {\n  max-width: 1200px;\n  margin: 30px auto 0;\n\n  display: flex;\n  justify-content: space-between;\n\n  font-size: 12px;\n  color: #888;\n}\n\n\/* GLOW (SUBTIL) *\/\n.footer::before {\n  content: \"\";\n  position: absolute;\n\n  width: 400px;\n  height: 400px;\n\n  background: radial-gradient(\n    circle,\n    rgba(255,43,31,0.08),\n    transparent 70%\n  );\n\n  filter: blur(120px);\n\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 0;\n  z-index: -1;\n}\n\n.footer-legal {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n}\n\n.footer-legal a {\n  padding: 8px 14px;\n\n  border-radius: 999px;\n\n  background: rgba(255,255,255,0.35);\n  border: 1px solid rgba(255,255,255,0.5);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n\n  color: #666;\n  font-size: 12px;\n  text-decoration: none;\n\n  transition: all .25s ease;\n}\n\n.footer-legal a:hover {\n  color: #ff2b1f;\n\n  background: rgba(255,255,255,0.55);\n\n  transform: translateY(-2px);\n}\n\n@media (max-width:768px){\n\n  .footer-bottom{\n    flex-direction: column;\n    gap: 15px;\n\n    text-align: center;\n  }\n\n  .footer-legal{\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n}\n<\/style>\n\n\n<footer class=\"footer\">\n\n  <div class=\"footer-inner\">\n\n    <!-- LINKS: LOGOS -->\n   <div class=\"footer-left\">\n\n  <div class=\"logo-group\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Phibri.it-Praesentation-2-2.png\" class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2025\/11\/Mitglied-von-CPN.png\" class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Securepoint-Partner-2026-Logo.png\" class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Starface-Certified.png\" class=\"footer-logo\">\n    <img decoding=\"async\" src=\"https:\/\/www.phibri.it\/wp-content\/uploads\/2026\/06\/Capture-2026-06-30-153218.png\" class=\"footer-logo\">\n  <\/div>\n\n<\/div>\n\n\n    <!-- RECHTS TEXT -->\n    <div class=\"footer-text\">\n      IT-Security, Managed Services und Cloudl\u00f6sungen f\u00fcr den Mittelstand \u2013\n      pers\u00f6nlich, strukturiert und zuverl\u00e4ssig.\n    <\/div>\n\n  <\/div>\n\n  <!-- BOTTOM -->\n  <div class=\"footer-bottom\">\n    <div>\u00a9 2026 phibri IT-Consulting<\/div>\n\n   <div class=\"footer-legal\">\n  <a href=\"https:\/\/www.phibri.it\/?page_id=1757\">\n    Datenschutzerkl\u00e4rung\n  <\/a>\n\n  <a href=\"https:\/\/www.phibri.it\/?page_id=1766\">\n    Impressum\n  <\/a>\n<\/div>\n\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-046e9b9 e-flex e-con-boxed e-con e-parent\" data-id=\"046e9b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00220c6 elementor-widget elementor-widget-html\" data-id=\"00220c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.cookie-banner {\n    display: block;\n  position: fixed;\n  bottom: 30px;\n  left: 50%;\n  transform: translate(-50%, 40px); \/* \ud83d\udd25 Start weiter unten *\/\n\n  max-width: 640px;\n  width: 90%;\n\n  z-index: 999999;\n\n  opacity: 1;\n}\n\n\/* CARD *\/\n.cookie-inner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  gap: 30px;\n\n  padding: 24px 28px;\n  border-radius: 18px;\n\n  background: rgba(255,255,255,0.55);\n  backdrop-filter: blur(25px) saturate(160%);\n  -webkit-backdrop-filter: blur(25px);\n\n  border: 1px solid rgba(255,255,255,0.6);\n\n  box-shadow:\n    0 30px 80px rgba(0,0,0,0.12),\n    inset 0 1px 0 rgba(255,255,255,0.8);\n\n  position: relative;\n}\n\n\/* LIGHT EFFECT *\/\n.cookie-inner::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  border-radius: 18px;\n\n  background: linear-gradient(\n    to bottom,\n    rgba(255,255,255,0.5),\n    transparent 40%\n  );\n\n  pointer-events: none; \/* \ud83d\udd25 WICHTIG *\/\n}\n\n\/* TEXT *\/\n.cookie-text {\n  max-width: 380px;\n}\n\n.cookie-text p {\n  margin: 0;\n  font-size: 14px;\n  color: #444;\n  line-height: 1.5;\n}\n\n\/* LINK *\/\n.cookie-text a {\n  color: #ff2b1f;\n  text-decoration: none;\n}\n\n.cookie-text a:hover {\n  text-decoration: underline;\n}\n\n\/* BUTTONS *\/\n.cookie-actions {\n  display: flex;\n  gap: 12px;\n}\n\n\/* PRIMARY *\/\n.cookie-accept {\n  padding: 10px 16px;\n  border-radius: 12px;\n\n  background: linear-gradient(135deg, #ff2b1f, #ff5c4a);\n  color: #fff;\n\n  border: none;\n  cursor: pointer;\n\n  box-shadow: 0 10px 25px rgba(255,43,31,0.25);\n\n  transition: 0.25s ease;\n}\n\n.cookie-accept:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 20px 40px rgba(255,43,31,0.35);\n}\n\n\/* SECONDARY *\/\n.cookie-decline {\n  padding: 10px 14px;\n  border-radius: 12px;\n\n  background: rgba(0,0,0,0.05);\n  border: none;\n  cursor: pointer;\n}\n\n\/* ANIMATION *\/\n@keyframes cookieFadeIn {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, 60px);\n  }\n  70% {\n    opacity: 1;\n    transform: translate(-50%, -5px);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, 0);\n  }\n}\n\n.cookie-banner.show {\n  animation: cookieFadeIn 0.6s ease forwards;\n}\n\n\/* MOBILE *\/\n@media (max-width: 600px) {\n  .cookie-inner {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .cookie-actions {\n    width: 100%;\n    justify-content: flex-end;\n  }\n}\n<\/style>\n\n\n<div class=\"cookie-banner\" id=\"cookieBanner\">\n\n  <div class=\"cookie-inner\">\n\n    <div class=\"cookie-text\">\n      <p>\n        Wir verwenden Cookies, um unsere Website optimal bereitzustellen und zu verbessern. \n        Weitere Informationen findest du in unserer \n        <a href=\"\/datenschutz\">Datenschutzerkl\u00e4rung<\/a>.\n      <\/p>\n    <\/div>\n\n    <div class=\"cookie-actions\">\n      <button class=\"cookie-accept\" onclick=\"acceptCookies()\">\n        Alle akzeptieren\n      <\/button>\n\n      <button class=\"cookie-decline\" onclick=\"declineCookies()\">\n        Ablehnen\n      <\/button>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const banner = document.getElementById(\"cookieBanner\");\n\n  if (!localStorage.getItem(\"cookieConsent\")) {\n    \n    \/\/ kurz anzeigen ohne Animation\n    banner.style.display = \"block\";\n\n    \/\/ dann Animation triggern (wichtig!)\n    setTimeout(() => {\n      banner.classList.add(\"show\");\n    }, 200);\n\n  } else {\n    banner.style.display = \"none\";\n  }\n\n});\n\nfunction acceptCookies() {\n  localStorage.setItem(\"cookieConsent\", \"accepted\");\n  document.getElementById(\"cookieBanner\").style.display = \"none\";\n}\n\nfunction declineCookies() {\n  localStorage.setItem(\"cookieConsent\", \"declined\");\n  document.getElementById(\"cookieBanner\").style.display = \"none\";\n}\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f4dfd1 e-flex e-con-boxed e-con e-parent\" data-id=\"9f4dfd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aba519 elementor-widget elementor-widget-html\" data-id=\"1aba519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ProvenExpert Bewertungssiegel -->\n<style type=\"text\/css\">body {-ms-overflow-style: scrollbar;} @media(max-width:991px){.ProvenExpert_widget_container {display:none !important;}}<\/style>\n<a class=\"ProvenExpert_widget_container\" href=\"https:\/\/www.provenexpert.com\/phibri-it-consulting-gmbh2\/?utm_source=Widget&utm_medium=Widget&utm_campaign=Widget\" title=\"Kundenbewertungen &amp; Erfahrungen zu phibri IT-Consulting GmbH. Mehr Infos anzeigen.\" target=\"_blank\" style=\"text-decoration:none;transition:none;z-index:9999;position:fixed;float:left;line-height:0;right:0;bottom:100px;\" rel=\"noopener noreferrer\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/images.provenexpert.com\/f8\/13\/58943a1a1cce0e8042c4684ccca7\/widget_portrait_250_de_0.png\" alt=\"Erfahrungen &amp; Bewertungen zu phibri IT-Consulting GmbH\" width=\"250\" height=\"300\" style=\"border:0\" \/><\/a>\n<!-- ProvenExpert Bewertungssiegel -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Struktur statt Chaos. IT, die funktioniert. Stabile Systeme. Sichere IT. Echter Mehrwert. Wir schaffen klare, sichere und skalierbare IT\u2011Strukturen, die Ihr Unternehmen zuverl\u00e4ssig am Laufen halten. Erstgespr\u00e4ch vereinbaren Leistungen Managed Services Projekte Team Kontakt Fernwartung CSP\u2011Self\u2011Service \u2630 Leistungen Team Kontakt Erstgespr\u00e4ch vereinbaren Leistungen IT, die Ihr Unternehmen einfach laufen l\u00e4sst Klare Leistungen statt komplexer Einzell\u00f6sungen [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1705","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/pages\/1705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phibri.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1705"}],"version-history":[{"count":68,"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/pages\/1705\/revisions"}],"predecessor-version":[{"id":1841,"href":"https:\/\/www.phibri.it\/index.php?rest_route=\/wp\/v2\/pages\/1705\/revisions\/1841"}],"wp:attachment":[{"href":"https:\/\/www.phibri.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}