import{_ as g,c as h,a as t,e,w as s,r as a,o as u,d as c}from"./app-DFzJ4zlk.js";const p="/images/hero-bg-desktop.jpg",f="/images/hero-bg-mobile.jpg",b={},v={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-8"},x={class:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mt-10"},k={class:"grid md:grid-cols-2 gap-8"};function w(y,i){const r=a("ServiceCard"),o=a("ContentSection"),n=a("TeamMember"),d=a("ProjectCard"),l=a("ProcessStep"),m=a("ContactForm");return u(),h("div",null,[i[2]||(i[2]=t("section",{class:"full-width-section h-screen relative"},[t("img",{src:p,alt:"Technologie für den gesellschaftlichen Wandel",class:"w-full h-screen object-cover hidden md:block"}),t("div",{class:"absolute inset-0 bg-gradient-to-r from-[#22596c]/100 via-[#22596c]/80 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/80 dark:to-transparent hidden md:block",style:{width:"65%"}}),t("div",{class:"w-full h-screen md:hidden relative overflow-hidden"},[t("img",{src:f,alt:"Technologie für den gesellschaftlichen Wandel",class:"absolute top-0 left-0 w-full h-auto object-cover max-h-none",style:{"min-width":"100%"}})]),t("div",{class:"absolute left-0 right-0 bottom-0 md:hidden bg-gradient-to-t from-[#22596c]/100 via-[#22596c]/100 via-[#22596c]/90 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/100 dark:via-[#22596c]/90 dark:to-transparent",style:{height:"70vh"}}),t("div",{class:"absolute left-0 right-0 bottom-0 sm:hidden",style:{height:"80vh","background-image":"linear-gradient(to top, #22596c 70%, transparent 100%)"}}),t("div",{class:"absolute inset-0 flex flex-col md:justify-start md:pt-45 justify-end pb-8 md:pb-16"},[t("div",{class:"content-width mx-auto px-4 md:px-6"},[t("div",{class:"w-full md:w-3/5 lg:w-1/2 z-10 md:mt-0 relative"},[t("div",{role:"heading","aria-level":"1",class:"text-3xl md:text-4xl lg:text-5xl mb-6 text-white text-center sm:text-left font-montserrat leading-tight text-shadow"}," IT4C ‒ Technologie für den gesellschaftlichen Wandel "),t("p",{class:"text-xl md:text-2xl text-white text-center sm:text-left font-sourcesans mb-8 max-w-2xl text-shadow-sm"}," Wir sind Softwareentwickler, die deine alternative Vision verstehen und umsetzen. Mit technischer Expertise und persönlicher Betreuung unterstützen wir Projekte, die Positives bewirken. "),t("div",{class:"flex flex-col sm:flex-row gap-4"},[t("a",{href:"#kontakt",class:"hero-button hero-button-primary px-6 py-3 bg-[#ececec] !text-black rounded-full font-medium text-center shadow-md no-underline relative overflow-hidden"},[t("span",{class:"relative z-10"},"Projekt starten")]),t("a",{href:"#leistungen",class:"hero-button hero-button-secondary px-6 py-3 bg-black/20 !text-white rounded-full font-medium text-center border border-white shadow-md no-underline relative overflow-hidden"},[t("span",{class:"relative z-10"},"Unsere Leistungen")])])])])])],-1)),e(o,{id:"leistungen",title:"Leistungen"},{default:s(()=>[i[0]||(i[0]=t("p",null,[c(" In unserem "),t("b",null,"IT Team for Change"),c(" bündeln wir die Expertise engagierter Persönlichkeiten, die in den nachfolgenden Bereichen bewandert sind. ")],-1)),t("div",v,[e(r,{title:"Webentwicklung",items:["Frontend","Responsive Design","Barrierefreiheit","Backend"]}),e(r,{title:"Hosting",items:["Wordpress","Ocelot.social","Zugeschnittene Lösungen","Nachhaltige Serverinfrastrukturen"]}),e(r,{title:"Mobile Anwendungen",items:["Android","iOS","PWA"]}),e(r,{title:"Beratung & Betreuung",items:["Systemarchitektur","DevOps & Prozessbegleitung","Monitoring & Security","Technische Konzeption","Agiles Projektmanagement","Nachhaltigkeitsanalyse"]}),e(r,{title:"Software-Entwicklung",items:["API-Entwicklung","Datenbank-Design","Performance-Optimierung","Deployment-Automatisierung","Code-Qualität & Testing"]})])]),_:1}),e(o,{id:"team",title:"Team & Werte",backgroundColor:"bg-gray-50 dark:bg-gray-800"},{default:s(()=>[i[1]||(i[1]=t("p",null,"Wir glauben an die Kraft von Technologie für positiven Wandel. Unser Team verbindet technische Expertise mit nachhaltigem Denken und sozialer Verantwortung.",-1)),t("div",x,[e(n,{name:"Hannes",role:"Backend",profileUrl:"./team/hannes-heine.html",image:"./images/portrait/hannes-heine.jpg"}),e(n,{name:"Mathias",role:"Testing, Entwicklung",profileUrl:"./team/mathias-lenz.html",image:"./images/portrait/ml-portrait.jpg"}),e(n,{name:"Max",role:"Frontend",profileUrl:"/team/maximilian-harz.html",image:"./images/portrait/max.jpg"}),e(n,{name:"Moriz",role:"Backend",profileUrl:"/team/moriz-wahl.html",image:"./images/portrait/moriz-wahl.jpg"}),e(n,{name:"Sebastian",role:"Frontend, UX",profileUrl:"./team/sebastian-stein.html",image:"./images/portrait/sebastian-stein.jpg"}),e(n,{name:"Ulf",role:"Entwicklung, Hosting",profileUrl:"./team/ulf-gebhardt.html",image:"./images/portrait/ulf-gebhardt.jpg"}),e(n,{name:"Wolfgang",role:"Kommunikation, Entwicklung",profileUrl:"./team/wolfgang-huss.html",image:"./images/portrait/Wolfgang_Huss.jpeg"})])]),_:1}),e(o,{id:"projekte",title:"Projekte"},{default:s(()=>[t("div",k,[e(d,{title:"Ocelot.Social",description:"Ocelot.social ist eine Open-Source Alternative für soziale Netzwerke wie Facebook, Instagram oder TikTok",image:"./images/projects/ocelot.png",tags:["Social Media"],href:"/projekte/ocelot.social.html"}),e(d,{title:"Utopia Map",description:"Utopia Map ist eine interaktive Karte, die echte Verbindungen stärkt und Zusammenarbeit auf Augenhöhe ermöglicht",image:"./images/projects/utopia-map-cropped.png",tags:["Mapping","Gaming"],href:"/projekte/utopia.map.html"})])]),_:1}),e(o,{id:"prozess",title:"Unser Prozess",backgroundColor:"bg-gray-50 dark:bg-gray-800"},{default:s(()=>[e(l,{number:"1",title:"Kennenlernen & Vision",description:"Persönliches Gespräch und detaillierte Bedarfsanalyse"}),e(l,{number:"2",title:"Agile Entwicklung",description:"Technische Konzeption und iterative Umsetzung mit kontinuierlichem Feedback und automatisierten Tests"}),e(l,{number:"3",title:"Launch",description:"Deployment und Übergabe mit ausführlicher Dokumentation"}),e(l,{number:"4",title:"Support",description:"Langfristige Betreuung und Weiterentwicklung"})]),_:1}),e(o,{id:"kontakt",title:"Kontakt"},{default:s(()=>[e(m)]),_:1})])}const _=g(b,[["render",w]]),z=JSON.parse('{"path":"/","title":"","lang":"de-DE","frontmatter":{"layout":"BlankLayout"},"git":{},"readingTime":{"minutes":3.37,"words":1012},"filePathRelative":"index.md","excerpt":"<section class=\\"full-width-section h-screen relative\\">\\n  <!-- Desktop background image -->\\n  <img src=\\"/images/hero-bg-desktop.jpg\\" alt=\\"Technologie für den gesellschaftlichen Wandel\\" class=\\"w-full h-screen object-cover hidden md:block\\">\\n  <!-- Desktop gradient -->\\n  <div class=\\"absolute inset-0 bg-gradient-to-r from-[#22596c]/100 via-[#22596c]/80 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/80 dark:to-transparent hidden md:block\\" style=\\"width: 65%;\\"></div>\\n  <div class=\\"w-full h-screen md:hidden relative overflow-hidden\\">\\n    <!-- Mobile background image -->\\n    <img src=\\"/images/hero-bg-mobile.jpg\\" alt=\\"Technologie für den gesellschaftlichen Wandel\\" class=\\"absolute top-0 left-0 w-full h-auto object-cover max-h-none\\" style=\\"min-width: 100%;\\">\\n  </div>\\n  <!-- Mobile gradient -->\\n  <div class=\\"absolute left-0 right-0 bottom-0 md:hidden bg-gradient-to-t from-[#22596c]/100 via-[#22596c]/100 via-[#22596c]/90 to-transparent dark:from-[#22596c]/100 dark:via-[#22596c]/100 dark:via-[#22596c]/90 dark:to-transparent\\" style=\\"height: 70vh;\\">\\n  </div>\\n  <!-- XS Mobile gradient -->\\n  <div class=\\"absolute left-0 right-0 bottom-0 sm:hidden\\" style=\\"height: 80vh; background-image: linear-gradient(to top, #22596c 70%, transparent 100%);\\">\\n  </div>\\n  <!-- Content area -->\\n  <div class=\\"absolute inset-0 flex flex-col md:justify-start md:pt-45 justify-end pb-8 md:pb-16\\">\\n    <div class=\\"content-width mx-auto px-4 md:px-6\\">\\n      <!-- Für Desktop: Normal positioniert mit margin-top -->\\n      <!-- Für Mobile: Am unteren Rand fixiert ohne margin -->\\n      <div class=\\"w-full md:w-3/5 lg:w-1/2 z-10 md:mt-0 relative\\">\\n        <div role=\\"heading\\" aria-level=\\"1\\" class=\\"text-3xl md:text-4xl lg:text-5xl mb-6 text-white text-center sm:text-left font-montserrat leading-tight text-shadow\\">\\n          IT4C ‒ Technologie für den gesellschaftlichen Wandel\\n        </div>\\n        <p class=\\"text-xl md:text-2xl text-white text-center sm:text-left font-sourcesans mb-8 max-w-2xl text-shadow-sm\\">\\n          Wir sind Softwareentwickler, die deine alternative Vision verstehen und umsetzen. Mit technischer Expertise und persönlicher Betreuung unterstützen wir Projekte, die Positives bewirken.\\n        </p>\\n        <div class=\\"flex flex-col sm:flex-row gap-4\\">\\n          <a href=\\"#kontakt\\" class=\\"hero-button hero-button-primary px-6 py-3 bg-[#ececec] !text-black rounded-full font-medium text-center shadow-md no-underline relative overflow-hidden\\">\\n            <span class=\\"relative z-10\\">Projekt starten</span>\\n          </a>\\n          <a href=\\"#leistungen\\" class=\\"hero-button hero-button-secondary px-6 py-3 bg-black/20 !text-white rounded-full font-medium text-center border border-white shadow-md no-underline relative overflow-hidden\\">\\n            <span class=\\"relative z-10\\">Unsere Leistungen</span>\\n          </a>\\n        </div>\\n      </div>\\n    </div>\\n  </div>\\n</section>"}');export{_ as comp,z as data};