{"id":78,"date":"2025-10-04T14:38:32","date_gmt":"2025-10-04T14:38:32","guid":{"rendered":"https:\/\/it-stoelzl.net\/?page_id=78"},"modified":"2026-06-06T15:47:16","modified_gmt":"2026-06-06T15:47:16","slug":"78-2","status":"publish","type":"page","link":"https:\/\/it-stoelzl.net\/","title":{"rendered":"Innovative IT-L\u00f6sungen f\u00fcr Dich!"},"content":{"rendered":"\n<div class=\"font-sans text-gray-800 bg-gray-50\">\n    <!-- Navigationsleiste (Wird in WordPress normalerweise durch das Theme\/Men\u00fc ersetzt) -->\n    <header class=\"bg-white shadow-md sticky top-0 z-10\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center\">\n            <!-- Logo\/Marke -->\n            <div class=\"text-2xl font-bold text-primary\">\n                IT-stoelzl.<span class=\"text-secondary\">net<\/span>\n            <\/div>\n\n            <!-- Desktop Navigation -->\n            <nav class=\"hidden md:flex space-x-8\">\n                <a href=\"#leistungen\" class=\"text-gray-600 hover:text-primary transition duration-300\">Leistungen<\/a>\n                <a href=\"#ueber-uns\" class=\"text-gray-600 hover:text-primary transition duration-300\">\u00dcber mich<\/a>\n                <a href=\"#kontakt\" class=\"text-gray-600 hover:text-primary transition duration-300\">Kontakt<\/a>\n            <\/nav>\n\n            <!-- Mobiles Hamburger-Men\u00fc (Platzhalter) -->\n            <button class=\"md:hidden text-gray-600 hover:text-primary focus:outline-none\">\n                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16m-7 6h7\"><\/path><\/svg>\n            <\/button>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"bg-primary text-white py-16 md:py-24\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n            <h1 class=\"text-4xl md:text-6xl font-extrabold mb-4 leading-tight\">\n                Innovative IT-L\u00f6sungen f\u00fcr Dich!\n            <\/h1>\n            <p class=\"text-xl md:text-2xl mb-8 opacity-90\">\n                Ich bringe Deine IT auf das n\u00e4chste Level \u2013 sicher, effizient und zukunftsorientiert.\n            <\/p>\n            <a href=\"#kontakt\" class=\"inline-block bg-secondary text-primary font-bold py-3 px-8 rounded-xl shadow-lg hover:bg-white hover:text-secondary transition duration-300 transform hover:scale-105\">\n                Kostenloses Beratungsgespr\u00e4ch vereinbaren\n            <\/a>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section (Leistungen) -->\n    <section id=\"leistungen\" class=\"py-16 md:py-24 bg-white\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-primary\">Meine Kernkompetenzen<\/h2>\n            \n            <!-- GIT-LAYOUT WURDE AUF 3 SPALTEN (lg:grid-cols-3) ANGEPASST -->\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <!-- Service Card 1: Spezialisierte IT f\u00fcr Landwirtschaft -->\n                <div class=\"bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-primary\">\n                    <div class=\"text-3xl text-primary mb-4\">\ud83d\ude9c<\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">Spezialisierte IT f\u00fcr Landwirtschaft<\/h3>\n                    <p class=\"text-gray-600\">Ich entwickle robuste IT-L\u00f6sungen, die den Anforderungen moderner Landwirtschaftsbetriebe gerecht werden. Von stabiler Hof-Netzwerktechnik bis zur Anbindung von Maschinen und Agrar-Software.<\/p>\n                <\/div>\n\n                <!-- Service Card 2: Zuverl\u00e4ssiger Agrar-IT-Support (ANGEPASST) -->\n                <div class=\"bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-primary\">\n                    <div class=\"text-3xl text-primary mb-4\">\ud83d\udee0\ufe0f<\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">Zuverl\u00e4ssiger Agrar-IT-Support<\/h3>\n                    <p class=\"text-gray-600\">Ich sorge f\u00fcr stabile 24\/7-\u00dcberwachung Deiner Systeme. Schnelle Hilfe \u2013 auch vor Ort auf dem Hof \u2013 f\u00fcr reibungslose Abl\u00e4ufe und maximale Verf\u00fcgbarkeit Deiner Agrar-Software und -Ger\u00e4te.<\/p>\n                <\/div>\n\n                <!-- Service Card 3: Smarte Video\u00fcberwachung -->\n                <div class=\"bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition duration-300 border-t-4 border-secondary\">\n                    <div class=\"text-3xl text-secondary mb-4\">\ud83d\udcf9<\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">Smarte Video\u00fcberwachung<\/h3>\n                    <p class=\"text-gray-600\">Zuverl\u00e4ssige Planung, Installation und Wartung moderner \u00dcberwachungssysteme. Sch\u00fctzen Sie Ihr Eigentum und sorgen Sie f\u00fcr l\u00fcckenlose Sicherheit.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- About Section (\u00dcber uns) (ANGEPASST F\u00dcR EINZELPERSON) -->\n    <section id=\"ueber-uns\" class=\"py-16 md:py-24 bg-gray-100\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"lg:flex lg:items-center lg:space-x-12\">\n                <div class=\"lg:w-1\/2 mb-10 lg:mb-0\">\n                    <img decoding=\"async\" src=\"https:\/\/placehold.co\/600x400\/005691\/ffffff?text=IT-Experte+Stoelzl\" alt=\"\" class=\"rounded-xl shadow-2xl object-cover w-full h-auto\">\n                <\/div>\n                <div class=\"lg:w-1\/2\">\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-6 text-primary\">Ihr pers\u00f6nlicher IT-Experte mit Fokus auf Landwirtschaft.<\/h2>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        Als spezialisierter IT-Dienstleister kenne ich die Herausforderungen auf modernen Landwirtschaftsbetrieben aus erster Hand. Ich sorge f\u00fcr robuste, wetterfeste Technik, die Deine Arbeit effizienter macht \u2013 vom B\u00fcro bis zum Stall.\n                    <\/p>\n                    <ul class=\"space-y-3 text-gray-700\">\n                        <li class=\"flex items-center\">\n                            <svg class=\"w-5 h-5 text-secondary mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                            **Direkte Ansprechperson** f\u00fcr alle Deine IT-Fragen.\n                        <\/li>\n                        <li class=\"flex items-center\">\n                            <svg class=\"w-5 h-5 text-secondary mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                            **Robuste und praxiserprobte L\u00f6sungen** f\u00fcr den Hofalltag.\n                        <\/li>\n                        <li class=\"flex items-center\">\n                            <svg class=\"w-5 h-5 text-secondary mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\n                            **Unkomplizierter Service** und schnelle Hilfe vor Ort.\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section (Kontakt) -->\n    <section id=\"kontakt\" class=\"py-16 md:py-24 bg-white\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 text-primary\">Kontaktieren Sie mich<\/h2>\n            \n            <div class=\"flex flex-col lg:flex-row lg:space-x-12\">\n                \n                <!-- Contact Information (ANGEPASST) -->\n                <div class=\"lg:w-1\/3 p-6 bg-gray-50 rounded-xl shadow-lg mb-8 lg:mb-0\">\n                    <h3 class=\"text-2xl font-semibold mb-4 text-primary\">Dein direkter Ansprechpartner<\/h3>\n                    <div class=\"space-y-6\">\n                        <div>\n                            <p class=\"font-medium text-gray-700\">Adresse:<\/p>\n                            <p class=\"text-gray-600\">IT-stoelzl.net<br>Musterstra\u00dfe 123<br>45678 Musterstadt, \u00d6sterreich<\/p>\n                        <\/div>\n                        <div>\n                            <p class=\"font-medium text-gray-700\">Telefon:<\/p>\n                            <a href=\"tel:+431234567890\" class=\"text-secondary hover:underline\">+43 123 4567890<\/a>\n                        <\/div>\n                        <div>\n                            <p class=\"font-medium text-gray-700\">E-Mail:<\/p>\n                            <a href=\"mailto:info@it-stoelzl.net\" class=\"text-secondary hover:underline\">info@it-stoelzl.net<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Contact Form (Mock). In WordPress muss dies durch ein echtes Kontaktformular-Plugin ersetzt werden. -->\n                <div class=\"lg:w-2\/3 p-8 bg-white rounded-xl shadow-2xl border-t-4 border-primary\">\n                    <form action=\"#\" method=\"POST\" class=\"space-y-6\">\n                        <div>\n                            <label for=\"name\" class=\"block text-sm font-medium text-gray-700 mb-1\">Dein Name<\/label>\n                            <input type=\"text\" id=\"name\" name=\"name\" required\n                                class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-secondary focus:border-secondary transition duration-150\" placeholder=\"Max Mustermann\">\n                        <\/div>\n                        <div>\n                            <label for=\"email\" class=\"block text-sm font-medium text-gray-700 mb-1\">E-Mail Adresse<\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" required\n                                class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-secondary focus:border-secondary transition duration-150\" placeholder=\"max.mustermann@firma.at\">\n                        <\/div>\n                        <div>\n                            <label for=\"message\" class=\"block text-sm font-medium text-gray-700 mb-1\">Deine Nachricht \/ Anliegen<\/label>\n                            <textarea id=\"message\" name=\"message\" rows=\"4\" required\n                                class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-secondary focus:border-secondary transition duration-150\" placeholder=\"Ich interessiere mich f\u00fcr Deine IT-Infrastruktur...\"><\/textarea>\n                        <\/div>\n                        <div>\n                            <!-- Im echten WordPress-Betrieb durch das Formular-Tag des Plugins ersetzen -->\n                            <button type=\"submit\" class=\"w-full bg-primary text-white font-bold py-3 px-6 rounded-xl shadow-lg hover:bg-secondary hover:text-primary transition duration-300 transform hover:scale-[1.01]\">\n                                Nachricht senden (Mock)\n                            <\/button>\n                            <p class=\"text-xs text-gray-500 mt-2 text-center\">Deine Daten werden vertraulich behandelt.<\/p>\n                        <\/div>\n                    <\/form>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer (Wird in WordPress normalerweise durch das Theme ersetzt) -->\n    <footer class=\"bg-gray-800 text-white py-8\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center md:flex md:justify-between md:items-center\">\n            <p class=\"mb-4 md:mb-0 text-gray-400\">\n                &copy; 2025 IT-stoelzl.net. Alle Rechte vorbehalten.\n            <\/p>\n            <div class=\"space-x-4\">\n                <a href=\"#\" class=\"text-gray-400 hover:text-secondary transition duration-300\">Impressum<\/a>\n                <a href=\"#\" class=\"text-gray-400 hover:text-secondary transition duration-300\">Datenschutz<\/a>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>IT-stoelzl.net Leistungen \u00dcber mich Kontakt Innovative IT-L\u00f6sungen f\u00fcr Dich! Ich bringe Deine IT auf das n\u00e4chste Level \u2013 sicher, effizient [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":7,"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/it-stoelzl.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}