ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:15 GMT<br>x-trace-id: 62bb7f72c52c42538ab5f78dba81bb1c<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=66, l7_lb_idle;dur=61, l7_lb_receive;dur=0, l7_lb_total;dur=71<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:15 GMT<br>x-trace-id: 6b33f916854a4ef1b851e1fe2fd33af4<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=65, l7_lb_idle;dur=60, l7_lb_receive;dur=0, l7_lb_total;dur=69<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:15 GMT<br>x-trace-id: 96aa864eda854e43b26f208e32130c64<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=65, l7_lb_idle;dur=59, l7_lb_receive;dur=0, l7_lb_total;dur=67<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:16 GMT<br>x-trace-id: de33c4102b974b1a9c51d220e6010007<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=65, l7_lb_idle;dur=62, l7_lb_receive;dur=0, l7_lb_total;dur=68<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:16 GMT<br>x-trace-id: 1721f5da2b2a4d078c2804a777577fb8<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=62, l7_lb_idle;dur=58, l7_lb_receive;dur=0, l7_lb_total;dur=64<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:16 GMT<br>x-trace-id: baf9d634c72749839b2caa35640c0ed5<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=62, l7_lb_idle;dur=59, l7_lb_receive;dur=0, l7_lb_total;dur=66<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:17 GMT<br>x-trace-id: 377e510794c74d4099e59bd3aa79ef00<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=61, l7_lb_idle;dur=59, l7_lb_receive;dur=1, l7_lb_total;dur=69<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:17 GMT<br>x-trace-id: 284c46b53f7849f99a3690075d97c7b9<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=61, l7_lb_idle;dur=59, l7_lb_receive;dur=0, l7_lb_total;dur=63<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:17 GMT<br>x-trace-id: eedd2c66304d48e1aa772431dbdb9db7<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=63, l7_lb_idle;dur=59, l7_lb_receive;dur=0, l7_lb_total;dur=65<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>ERROR\nHTTP/1.1 400 Bad Request<br>content-type: application/json; charset=utf-8<br>date: Sat, 21 Jun 2025 06:00:17 GMT<br>x-trace-id: f645fccf21594b66bbd110d433cacca1<br>access-control-expose-headers: Server-Timing, X-Trace-ID<br>server-timing: l7_lb_tls;dur=65, l7_lb_idle;dur=61, l7_lb_receive;dur=0, l7_lb_total;dur=69<br>strict-transport-security: max-age=63072000; includeSubDomains; preload<br>connection: close<br>[Wir haben nachstehende Anfrage:] -> [/Wir haben nachstehende Anfrage\:/u]<br>[Anfrage] -> [/Anfrage/u]<br>

<!DOCTYPE html>
<html lang="de">
<head>

	<!-- title und meta -->
		<title>gangl-dienstleistungen.net - Lösungen für Outlook Exchange Teams Office365</title>	<!-- Meta Tags -->	<meta charset="utf-8">	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">	<meta http-equiv="X-UA-Compatible" content="IE=edge">	<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large">	<meta name="author" content="gangl-dienstleistungen.net">	<meta name="description" content="Wir entwickeln Lösungen für Microsoft Outlook Exchange Teams Office365 - AddIns Web-AddIns Web-Apps Serverdienste Schnittstellen Integrationen">	<meta property="og:locale" content="de_DE">  	<meta property="og:title" content="gangl-dienstleistungen.net - Lösungen für Outlook Exchange Teams Office365">	<meta property="og:description" content="Wir entwickeln Lösungen für Microsoft Outlook Exchange Teams Office365 - AddIns Web-AddIns Web-Apps Serverdienste Schnittstellen Integrationen">	<meta property="og:image" content="https://gangl-dienstleistungen.net/assets/images/gw_logo_256.webp">	<meta property="og:image:width" content="256">	<meta property="og:image:height" content="256">	<meta property="og:type" content="website">	<meta property="og:url" content="https://gangl-dienstleistungen.net/">	<meta property="og:site_name" content="gangl-dienstleistungen.net - Wir entwickeln Lösungen für Microsoft Outlook Exchange Teams Office365 - AddIns Web-AddIns Web-Apps Serverdienste Schnittstellen Integrationen">	<meta name="twitter:card" content="summary_large_image">	<meta name="twitter:title" content="gangl-dienstleistungen.net - Lösungen für Outlook Exchange Teams Office365">	<meta name="twitter:description" content="Wir entwickeln Lösungen für Microsoft Outlook Exchange Teams Office365 - AddIns Web-AddIns Web-Apps Serverdienste Schnittstellen Integrationen">	<meta name="twitter:image" content="https://gangl-dienstleistungen.net/assets/images/gw_logo_256.webp">	<link rel="canonical" href="https://gangl-dienstleistungen.net/">
	<!-- DARK MODE Scripts -->
	
	<!-- Dark mode -->
	<no-translate>
	<script>

		const storedTheme = localStorage.getItem('theme')
 
		const getPreferredTheme = () => {
			if (storedTheme) {
				return storedTheme
			}
			return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
		}

		const setTheme = function (theme) {
			if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
				document.documentElement.setAttribute('data-bs-theme', 'dark')
			} else {
				document.documentElement.setAttribute('data-bs-theme', theme)
			}
		}

		setTheme(getPreferredTheme())

		window.addEventListener('DOMContentLoaded', () => {

			var el = document.querySelector('.theme-icon-active');
			if(el != 'undefined' && el != null) {
				const showActiveTheme = theme => {
				const activeThemeIcon = document.querySelector('.theme-icon-active use')
				const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
				const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')

				document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
					element.classList.remove('active')
				})

				btnToActive.classList.add('active')
				activeThemeIcon.setAttribute('href', svgOfActiveBtn)
			}

			window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
				if (storedTheme !== 'light' || storedTheme !== 'dark') {
					setTheme(getPreferredTheme())
				}
			})

			showActiveTheme(getPreferredTheme())

			document.querySelectorAll('[data-bs-theme-value]')
				.forEach(toggle => {
					toggle.addEventListener('click', () => {
						const theme = toggle.getAttribute('data-bs-theme-value')
						//localStorage.setItem('theme', theme)						// suppress locally stored cookie
						setTheme(theme)
						showActiveTheme(theme)
					})
				})

			}
			

			<!-- Switch language-icon -->
			switchNavbarLanguageIcon()


		})
	</script>
	</no-translate>

	<!-- MATOMO Scripts -->
	
<!-- Matomo DSGVO-konformer Tracking-Code ohne Cookies -->
<no-translate>
<script>
  var _paq = window._paq = window._paq || [];

  // ❌ Keine Cookies setzen
  _paq.push(['disableCookies']);

  // ✅ Seitenaufruf und Link-Tracking aktivieren
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);

  // 🔧 Matomo-URL und Site-ID anpassen
  (function() {
var u="//mygangl.de/website/matomo/";_paq.push(['setTrackerUrl', u + 'matomo.php']);_paq.push(['setSiteId', '1']); // ← Hier deine Site-ID eintragen
	var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
	g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
  })();
</script>
</no-translate>
<!-- Ende Matomo Tracking-Code -->

	<!-- Language Scripts -->
	
	<!-- Language-Scripts -->
	<no-translate>
	<script>
		// Navbar-Icon switchen
		function switchNavbarLanguageIcon() {

				//if (document.getElementById('idCurrentLanguage'))
				//{
				//}

				if (document.getElementById('idLanguage'))
				{				 		document.getElementById("idLanguage").removeClass("fi-de");						document.getElementById("idLanguage").addClass("fi-");				} 
		}
	</script>
	</no-translate>
	<!-- Ende Language-Scripts -->
	
	<!-- FAVICON -->
			<link rel="shortcut icon" href="assets/images/gw_favicon.ico">
	<!-- REFERENCES -->
	
	<!-- Google Fonts -->
	<!-- locally hosted in 	/assets/css/gw_styles.css und /assets/fonts/ -->
	
	<!-- Plugins CSS -->
	<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
	<link rel="stylesheet" type="text/css" href="assets/vendor/swiper/swiper-bundle.min.css">

	<!-- Theme CSS -->
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">

	<!-- Theme Color CSS Individuell -->
	<link rel="stylesheet" type="text/css" href="assets/css/color.css" />

	<!-- Landesflaggen CSS 	https://flagicons.lipis.dev/	https://github.com/lipis/flag-icons -->
	<link rel="stylesheet" type="text/css" href="assets/vendor/flag-icons/css/flag-icons.min.css">

	<!-- Microsoft-Logos CSS 	https://blog.lsonline.fr/fluent-ui-core-icons/ -->
	<!-- <link rel="stylesheet" type="text/css" href="assets/css/ms-fabric.min.css"> -->
	<link rel="stylesheet" type="text/css" href="https://res-1.cdn.office.net/files/fabric-cdn-prod_20230815.002/office-ui-fabric-core/11.1.0/css/fabric.min.css">
<!-- gangl.works CSS Individuell --><link rel="stylesheet" type="text/css" href="assets/css/gw_styles.css?version=1750485615"/>  
</head> 

<body>

	<!-- PagePreLoader -->
	
<div class="preloader">
	<div class="preloader-item">
		<div class="spinner-grow text-primary"></div>
	</div>
</div>
 
	 
	<!-- HEADER -->
	<header class="bg-dark header-sticky " data-bs-theme="dark">	<!-- Logo Nav START -->	<nav class="navbar navbar-expand-xl px-lg-3">		<div class="container-fluid">			<!-- Logo START -->			<a class="navbar-brand pt-0 pb-0 me-5" href="https://gangl-dienstleistungen.net">				<img class="light-mode-item navbar-brand-item me-3" src="assets/images/gw_logo_256.webp" alt="logo" loading="lazy">				<img class="dark-mode-item navbar-brand-item me-3" src="assets/images/gw_logo_256-light.webp" alt="logo" loading="lazy">				<strong>gangl-dienstleistungen.net</strong>			</a>			<!-- Logo END -->			<!-- Navbar: Main navbar MENU START -->			<div class="navbar-collapse collapse" id="navbarCollapse">				<ul class="navbar-nav navbar-nav-scroll dropdown-hover mx-auto">					<!-- Nav items -->					<!-- Language -->					<li class="nav-item dropdown">																						<a class="nav-link" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">							<span id="idLanguage" class="fi fi- fis mt-2"></span>						</a>						<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">							<!-- genNavbarCommonLanguages() -->
	<li><a class="dropdown-item lang-option" href="#" data-lang="de"><span class="fi fi-de fis me-3"></span><no-translate>Deutsch</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="us"><span class="fi fi-us fis me-3"></span><no-translate>English</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="fr"><span class="fi fi-fr fis me-3"></span><no-translate>Français</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="es"><span class="fi fi-es fis me-3"></span><no-translate>Español</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="pt"><span class="fi fi-pt fis me-3"></span><no-translate>Português</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="nl"><span class="fi fi-nl fis me-3"></span><no-translate>Nederlands</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="it"><span class="fi fi-it fis me-3"></span><no-translate>Italiano</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="pl"><span class="fi fi-pl fis me-3"></span><no-translate>Polski</no-translate></a></li>
	<li><a class="dropdown-item lang-option" href="#" data-lang="ru"><span class="fi fi-ru fis me-3"></span><no-translate>Русский</no-translate></a></li>

	<no-translate>
	<script>
		document.querySelectorAll('.lang-option').forEach(item => {
			item.addEventListener('click', function (e) {
				e.preventDefault();							const selectedLang = this.getAttribute("data-lang");							document.getElementById("idLanguage").removeClass("fi-");							document.getElementById("idLanguage").addClass("fi-" + selectedLang );				// DEEPL-Aufruf hier
			});
		});
	</script>
	</no-translate>
							</ul>					</li>										<!-- genNavbarMenuItems() --><!-- Unternehmen -->	<li class="nav-item"><a class="nav-link fs-6" href="#company">Unternehmen</a></li><!-- Entwicklung -->	<li class="nav-item"><a class="nav-link fs-6" href="#development">Entwicklung</a></li><!-- Lösungen -->		<li class="nav-item"><a class="nav-link fs-6" href="#solutions">Lösungen</a></li><!-- Referenzen -->	<li class="nav-item"><a class="nav-link fs-6" href="referenzen.php">Referenzen</a></li><!-- Kontakt -->		<li class="nav-item"><a class="nav-link fs-6" href="#contactUs">Kontakt</a></li>				</ul>			</div>			<!-- Navbar: Main navbar MENU END -->			<!-- Navbar: Common Buttons START -->			<ul class="nav align-items-center dropdown-hover ms-sm-2">				<!--genNavbarCommonIcons() --><!-- Phone --> <li class="nav nav-item"><a class="nav-link" href="tel:+491607008516" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom" title="+49 160 7008516"><i class="bi bi-telephone-fill me-2 fs-6"></i></a></li><!-- E-Mail --><li class="nav nav-item"><a class="nav-link" href="mailto:info@gangl.works?subject=gangl-dienstleistungen.net%20-%20XYZ&body=gangl-dienstleistungen.net%0A%0AXYZ%0A%0A" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom" title="info@gangl.works"><i class="bi bi-envelope-fill me-2 fs-6"></i></a></li><!-- LinkedIn --><li class="nav nav-item"><a class="nav-link" href="https://www.linkedin.com/in/thomas-gangl-053a34339/" target="_blank" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom" title="LinkedIn"><i class="bi bi-linkedin me-2 fs-6"></i></a></li>
	<!-- Light/Dark mode START -->
	<li class="nav-item dropdown dropdown-animation">
		<button class="btn btn-link mb-0 px-2 lh-1" id="bd-theme" type="button"	aria-expanded="false" data-bs-toggle="dropdown"	data-bs-display="static">
			<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"  class="bi bi-circle-half theme-icon-active fill-mode fa-fw" viewBox="0 0 16 16">
				<path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
				<use href="#"></use>
			</svg>
		</button>

		<ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme">
			<li class="mb-1">
				<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light">
					<svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewBox="0 0 16 16">
						<path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
						<use href="#"></use>
					</svg>Hell
				</button>
			</li>
			<li class="mb-1">
				<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16">
						<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
						<path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
						<use href="#"></use>
					</svg>Dunkel
				</button>
			</li>
		</ul>
	</li>
	<!-- Light/Dark mode END -->

	<!-- Responsive navbar toggler -->
	<li class="nav-item">
		<button class="navbar-toggler ms-3 p-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-animation">
				<span></span>
				<span></span>
				<span></span>
			</span>
		</button>
	</li>
</ul>
<!-- Navbar: Common Buttons EBD -->
		</div>	</nav>	<!-- Logo Nav END --></header>
	<!-- BANNER-Texte (versteckt) -->
	<section id="bannertexts" class="d-none">			<span id="idBannerText0"><span class="fs-4">entwickelt Lösungen für</span><br><span class="fs-3 wordspaced"><span class="fs-4"><no-translate><strong>Microsoft<sup>&copy;</sup></strong></no-translate></span> <span class="text-primary">Outlook</span> Exchange <span class="text-primary">Teams</span> Office365</span></span>			<span id="idBannerText1"><span class="fs-4">entwickelt</span><br><span class="fs-3 wordspaced">COM-AddIns <span class="text-primary">Web-AddIns</span> Web-Apps<span class="text-primary"> Serverdienste</span></span></span>			<span id="idBannerText2"><span class="fs-4">entwickelt</span><br><span class="fs-3 wordspaced"><no-translate>Webservices</no-translate><span class="text-primary"> Schnittstellen</span> Integrationen<span class="text-primary"> Scripte</span></span></span>			<span id="idBannerText3"><span class="fs-4">entwickelt</span><br><span class="fs-3"><span class="text-success">Individuell für Sie...</span></span></span>			<span id="idBannerText4"></span>			<span id="idBannerTextHint"><p class="fs-5 text-white mt-4 mb-3">Nach dem Verkauf von <no-translate><span style="color: red;">&nbsp;gangl.de<sup>*</sup>&nbsp;</span></no-translate> sind wir wieder für Sie da.</p></span></section>

	<!-- **************** MAIN CONTENT START **************** -->
	<main>

		<!-- Banner / Carousel -->
		<section id="banner" class="position-relative pt-0 pb-0 ps-0 pe-0"><div class="container-fluid position-relative pt-0 pb-0 ps-0 pe-0">	<div id="carouselBanner" class="carousel carousel-dark slide carousel-fade w-100" data-bs-ride="carousel" data-bs-interval="4000">		<!-- Video-/Slide-Area -->		<div class="carousel-inner">			<!-- Image -->			<div class="carousel-item active" style="background-image: url(assets/images/2150061957.webp);">			  <div class="banner-video-caption d-block">					<span class="text-white my-3">						<span id="image-caption"></span>					</span>			  </div>			</div>			<no-translate>			<script>				let showBannerText = "";				showBannerText = document.getElementById("idBannerText1").innerHTML + document.getElementById("idBannerTextHint").innerHTML;				document.getElementById("image-caption").innerHTML = "<h1 class='text-primary'>gangl-dienstleistungen.net</h1>" + showBannerText;				let index = 0;				let bannerID = "";				setInterval(() => {						index = (index + 1) % 5;						bannerID = "idBannerText" + index;						if (document.getElementById(bannerID).innerHTML !== "")						{							document.getElementById("image-caption").innerHTML = "<h1 class='text-primary'>gangl-dienstleistungen.net</h1>" + document.getElementById(bannerID).innerHTML + document.getElementById("idBannerTextHint").innerHTML;						}						},						3000); // alle 3 Sekunden wechseln			</script>			</no-translate>		</div>	</div></div></section>
		<!-- Company -->
		<section id="company" class="position-relative pt-5 pb-6 ps-3 pe-3">	<div class="container position-relative pt-0 pb-0 ps-0 pe-0">		<div class="row">			<div class="col-lg-11 mx-auto">				<div class="row g-4 g-lg-5 align-items-center">					<!-- Years content --><div class="col-md-6 col-lg-4 text-center">	<div class="icon-xxl bg-primary mx-auto mb-n7" style="width: 150px; height:125px;"></div>	<span class="heading-color fw-bold" style="font-size: 6rem; line-height: 1.25;">26</span>	<h6 class="w-50 mx-auto">Jahre<br>Erfahrung</h6></div>					<!-- Title content --><div class="col-md-6 col-lg-4">	<h5>Seit 1999</h5>	<p>stehen die Namen <no-translate><strong>gangl</strong></no-translate> und <no-translate><span style="color: red;">OLX&trade;<sup><b>*</b></sup></span></no-translate> für</p>	<h3>Qualität und Innovation</h3></div>					<!-- Info content --><div class="col-lg-4">	<p class="mb-4 text-justify-custom">Als leidenschaftliche Entwickler im Bereich <strong><no-translate>Microsoft<sup>&copy;</sup></no-translate> Outlook</strong>, <strong>Exchange</strong>, <strong>Teams</strong> und <strong>Office365</strong> realisiert <span class="text-primary fw-bold">gangl-dienstleistungen.net</span> maßgeschneiderte und praxisorientierte Lösungen.</p>	<p class="mb-4 text-justify-custom">Nach dem Verkauf von <span style="color: red;"><no-translate>gangl.de<sup>*</sup></no-translate></span> in 2022 sind wir wieder für Sie da.</p>	<p><small><span style="color: red;"><sup>*</sup></span> Eigentum von eKomi Deutschland</small></p></div>				</div>			</div>		</div>	</div></section>
		<!-- Individual -->
		
<section id="development" class="position-relative pt-6 pb-6 ps-3 pe-3 bg-light">
	<div class="container position-relative pt-0 pb-0 ps-0 pe-0">

		<h2 class="pb-2">Entwicklung</h2>

		<!-- Brands -->
		<!--<h6 class="mt-4">im Bereich:</h6>-->
		<div class="row pt-3">

			<div class="col-lg-2 col-md-6 col-sm-5 mx-0 my-3 text-center">
				<div class="card text-center border border-secondary mb-3 h-100">
					<div class="card-header pt-0 pb-0 bg-secondary">
						<p class="pt-1 fs-6 fw-normal text-white"><no-translate>Microsoft<sup>©</sup></no-translate></p>
					</div>
					<div class="card-body pt-0 pb-0">
						<i class="fs-1 ms-Icon ms-Icon--OutlookLogo" aria-hidden="true" style="color: rgb(2,87,172);"></i>
						<h4 class="card-title"><no-translate>Out<wbr>look</no-translate></h4>
						<p class="card-title text-body">NEW Web Mobile</p>
					</div>
				</div>
			</div>

			<div class="col-lg-3 col-md-6 col-sm-5 mx-0 my-3 text-center">
				<div class="card text-center border border-secondary mb-3 h-100">
					<div class="card-header pt-0 pb-0 bg-secondary">
						<p class="pt-1 fs-6 fw-normal text-white"><no-translate>Microsoft<sup>©</sup></no-translate></p>
					</div>
					<div class="card-body pt-0 pb-0">
						<i class="fs-1 ms-Icon ms-Icon--ExchangeLogo" aria-hidden="true" style="color: rgb(2,87,172);"></i>
						<h4 class="card-title"><no-translate>Ex<wbr>change</no-translate></h4>
						<p class="card-title wordspaced text-body">Online OnPremise</p>
					</div>
				</div>
			</div>

			<div class="col-lg-2 col-md-6 col-sm-5 mx-0 my-3 text-center">
				<div class="card text-center border border-secondary mb-3 h-100">
					<div class="card-header pt-0 pb-0 bg-secondary">
						<p class="pt-1 fs-6 fw-normal text-white"><no-translate>Microsoft<sup>©</sup></no-translate></p>
					</div>
					<div class="card-body pt-0 pb-0">
						<i class="fs-1 ms-Icon ms-Icon--TeamsLogo" aria-hidden="true" style="color: rgb(34,44,172);"></i>
						<h4 class="card-title"><no-translate>Teams</no-translate></h4>
						<p class="card-title">&nbsp;</p>
					</div>
				</div>
			</div>
			
			<div class="col-lg-3 col-md-6 col-sm-5 mx-0 my-3 text-center">
				<div class="card text-center border border-secondary mb-3 h-100">
					<div class="card-header pt-0 pb-0 bg-secondary">
						<p class="pt-1 fs-6 fw-normal text-white"><no-translate>Microsoft<sup>©</sup></no-translate></p>
					</div>
					<div class="card-body pt-0 pb-0">
						<i class="fs-1 ms-Icon ms-Icon--OfficeLogo" aria-hidden="true" style="color: rgb(2,87,172);"></i>
						<h4 class="card-title"><no-translate>Office 365</no-translate></h4>
						<p class="card-title">&nbsp;</p>
					</div>
				</div>
			</div>

			<div class="col-lg-2 col-md-6 col-sm-5 mx-0 my-3 text-center">
				<div class="card text-center border border-secondary mb-3 h-100">
					<div class="card-header pt-0 pb-0 bg-secondary">
						<p class="pt-1 fs-6 fw-normal text-white">&nbsp;</p>
					</div>
					<div class="card-body pt-0 pb-0 bg-success">
						<i class="fs-1 bi bi-person-fill text-white" aria-hidden="true"></i>
						<h4 class="card-title text-white">Sie</h4>
						<p class="card-title text-white">Individuell</p>
					</div>
				</div>
			</div>

		</div>					<!-- Types -->					<div class="row pt-3">				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">COM AddIns</h6><p class="card-title wordspaced text-body"><no-translate>Outlook</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Web AddIns</h6><p class="card-title wordspaced text-body"><no-translate>Outlook Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Web Apps&nbsp;&nbsp;</h6><p class="card-title wordspaced text-body"><no-translate>Outlook Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Server<wbr>dienste</h6><p class="card-title wordspaced text-body"><no-translate>Exchange Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Web Services</h6><p class="card-title wordspaced text-body"><no-translate>Exchange Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Schnitt<wbr>stellen</h6><p class="card-title wordspaced text-body"><no-translate>Exchange Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Integra<wbr>tionen</h6><p class="card-title wordspaced text-body"><no-translate>Exchange Teams</no-translate></p></h6>						</div>					</div>				</div>				<div class="col-lg-3 col-md-6 col-sm-3 mx-0 my-3 text-center">					<div class="card text-center border border-secondary py-2 pt-3 h-100">						<div class="card-body pt-0 pb-0">							<h6 class="card-title">Scripte</h6><p class="card-title wordspaced text-body"><no-translate>PHP Python</no-translate></p></h6>						</div>					</div>				</div>					</div>		<!-- Techonolgies -->
		<h5 class="mt-4">Technologien</h5>
		<div class="row my-4 text-center">
			<p class="my-0 text-justify-custom wordspaced">
				<no-translate>
					C++ C# MAPI EWS REST GRAPH Webservices HTML CSS JavaScript jQuery XML XSL JSON PHP Python SQL OpenAI MultiLanguage
				</no-translate>
			</p>
		</div>
		
	</div>
</section>
<section id="solutions" class="position-relative pt-6 pb-6 ps-3 pe-3 overflow-hidden">
	<div class="container position-relative pt-0 pb-0 ps-0 pe-0">

		<!-- Title and content -->
		<div class="row mb-4 mb-md-6">
			<div class="col-md-6 col-lg-5">
				<h2 class="mb-0">Lösungen</h2>
			</div>

			<div class="col-md-5 col-lg-5 ms-auto">
				<p class="text-justify-custom">Unser Team ist darauf spezialisiert, maßgeschneiderte Lösungen zu entwickeln, die Ihr Unternehmen in der heutigen schnelllebigen digitalen Landschaft voranbringen. </p>

				<!-- Slider arrow -->
				<div class="d-flex gap-3 position-relative mt-3">
					<a href="#" class="btn btn-white border btn-icon mb-0 swiper-button-prev-team" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-213d6b8287fcfb71" aria-disabled="false"><i class="bi bi-arrow-left"></i></a>
					<a href="#" class="btn btn-white border btn-icon mb-0 swiper-button-next-team" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-213d6b8287fcfb71" aria-disabled="false"><i class="bi bi-arrow-right"></i></a>
				</div>
			</div>
		</div>


		<!-- Solutions START -->
		<div class="swiper swiper-outside-end-n20 swiper-initialized swiper-horizontal swiper-backface-hidden" 
			data-swiper-options='{
				"autoplay": {
					"delay": 4000
				},
				"spaceBetween": 50,
				"initialSlide": 0,
				"loop": true,
				"navigation":{
					"nextEl":".swiper-button-next-team",
					"prevEl":".swiper-button-prev-team"
				},
				"breakpoints": { 
					"576": {"slidesPerView": 1},
					"768": {"slidesPerView": 3},
					"992": {"slidesPerView": 3},
					"1200": {"slidesPerView": 4} 
			}}'>
			
			<div class="swiper-wrapper" id="swiper-wrapper-213d6b8287fcfb71" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-591.333px, 0px, 0px); transition-delay: 0ms;">				<!-- Screenshot item -->			<div class="swiper-slide invisible" role="group">			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwSearch">							<img src="assets/images/webapp.webp" class="img-fluid img-scale w-100" alt="assets/images/webapp.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook/Teams Web-App</p>						<h6>Globale Suche</h6>						<p class="text-justify-custom mb-0">durchsucht <no-translate>Microsoft<sup>&copy;</sup> Exchange</no-translate> UND/ODER <no-translate>Microsoft<sup>&copy;</sup> Teams</no-translate> nach beliebigen Inhalten aus mehreren Postfächern und SharedMailboxen und bietet praxisrelevante Ansichten...<br></p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwSearch">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/erechnung_xrechnung_zugferd">							<img src="assets/images/erechnung_xrechnung_zugferd.webp" class="img-fluid img-scale w-100" alt="assets/images/erechnung_xrechnung_zugferd.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Exchange Serverdienst</p>						<h6>E-/X-Rechnung / ZUGFeRD</h6>						<p class="text-justify-custom mb-0">automatisierte gesetzes-konforme Validierung eingehender Rechnungen, Gutschriften... und Generieren validiertem ZUGFeRD-Format für ausgehende PDF-Dokumente...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/erechnung_xrechnung_zugferd">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwExternalData">							<img src="assets/images/gwexternaldata.webp" class="img-fluid img-scale w-100" alt="assets/images/gwexternaldata.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Externe Daten</h6>						<p class="text-justify-custom mb-0">Stellen Sie sich vor, Sie erhalten eine E-Mail und benötigen Informationen (z.B. Bestellungen, Zahlungskonditionen...) zu diesen Absender aus Ihrer Warenwirtschaft oder einem anderen externen System...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwExternalData">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwFullTextSearch">							<img src="assets/images/gwfulltextsearch.webp" class="img-fluid img-scale w-100" alt="assets/images/gwfulltextsearch.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Volltextsuche</h6>						<p class="text-justify-custom mb-0">durchsucht das gesamte Postfach nach beliebigen Begriffen innerhalb Betreff, Text und weiteren Feldern sowie in Anhängen (auch innerhalb ZIP-Archiven)...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwFullTextSearch">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwCorrespondence">							<img src="assets/images/gwcorrespondence.webp" class="img-fluid img-scale w-100" alt="assets/images/gwcorrespondence.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Schriftwechsel</h6>						<p class="text-justify-custom mb-0">ermittelt aus dem gesamten Postfach jegliche Korrespondenz mit der aktuellen E-Mail-Adresse oder anderen E-Mail-Adressen derselben Domain (z.B. mit Kollegen)...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwCorrespondence">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwCompanyInfo">							<img src="assets/images/gwcompanyinfo.webp" class="img-fluid img-scale w-100" alt="assets/images/gwcompanyinfo.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Firmeninfo</h6>						<p class="text-justify-custom mb-0">ermittelt aus verschiedenen externen Quellen (<a href="https://implisense.com" target="_blank" title="https://implisense.com"><i class="bi bi-arrow-right ms-0 me-1"></i> Implisense</a>) erweiterte Firmen-Informationen wie Firmenprofil, Finanzkennzahlen...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwCompanyInfo">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwDomainInfo">							<img src="assets/images/gwdomaininfo.webp" class="img-fluid img-scale w-100" alt="assets/images/gwdomaininfo.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>DomainInfo</h6>						<p class="text-justify-custom mb-0">ermittelt aus verschiedenen externen Quellen  erweiterte Domain-Informationen wie Registrierungsdaten (WHOIS / ICANN), NameServer...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwDomainInfo">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwMailProperties">							<img src="assets/images/gwmailproperties.webp" class="img-fluid img-scale w-100" alt="assets/images/gwmailproperties.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>E-Mail Eigenschaften</h6>						<p class="text-justify-custom mb-0">zeigt erweiterte Eigenschaften der aktuellen E-Mail (ID, Klasse, Typ, Sprache, MailServer, Office365, X-Header, SPF, DKIM, Routing...)</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwMailProperties">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwMailStatistics">							<img src="assets/images/gwmailstatistics.webp" class="img-fluid img-scale w-100" alt="assets/images/gwmailstatistics.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>E-Mail Statistik</h6>						<p class="text-justify-custom mb-0">erstellt E-Mail-Statistiken (pro Tag) der letzten X Tage aus dem aktuellen Ordner oder des kompletten Postfachs...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwMailStatistics">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwFolderStatistics">							<img src="assets/images/gwfolderstatistics.webp" class="img-fluid img-scale w-100" alt="assets/images/gwfolderstatistics.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Ordner-Statistik</h6>						<p class="text-justify-custom mb-0">erstellt Ordner-Statistiken (pro Ordner) des gesamten Postfachs...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwFolderStatistics">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>				<!-- Solution item -->			<div class="swiper-slide" role="group" style="height: 540px!important;">				<div class="card-solutions card card-img-scale bg-light overflow-hidden border border-secondary" style="min-height: 540px;!important">					<!-- Image -->					<div class="card-img-scale-wrapper mx-0 px-0 d-block">						<a href="product/gwAttachmentStatistics">							<img src="assets/images/gwattachmentstatistics.webp" class="img-fluid img-scale w-100" alt="assets/images/gwattachmentstatistics.webp" loading="lazy">						</a>					</div>					<!-- Card body -->					<div class="card-body p-4 pt-1">						<p class="badge text-bg-danger">Outlook Web-AddIn</p>						<h6>Anhang-Statistik</h6>						<p class="text-justify-custom mb-0">erstellt Anhang-Statistiken (pro Ordner) des gesamten Postfachs...</p>					</div>					<!-- Card footer -->					<div class="card-footer text-center bg-light pt-1 pb-4">						<a class="icon-link icon-link-hover stretched-link bg-primary text-white px-3 py-2 ms-2" href="product/gwAttachmentStatistics">Details<i class="bi bi-arrow-right"></i> </a>					</div>				</div>			</div>			</div>
		<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
		<!-- Solutions END -->

	</div>

	<script>
	  document.addEventListener('DOMContentLoaded', function () {
		const swiperElement = document.querySelector('.swiper');
		const options = JSON.parse(swiperElement.getAttribute('data-swiper-options'));
		const swiper = new Swiper(swiperElement, {
		  ...options,
		  on: {
			init: function () {
			  this.slideToLoop(0);
			}
		  }
		});
	  });
	</script>

</section>

		<!-- genWhyUs() -->
		<section id="whyus" class="position-relative pt-6 pb-6 ps-3 pe-3">	<div class="container position-relative pt-0 pb-0 ps-0 pe-0">		<div class="row">			<!-- Image -->			<div class="col-lg-6 text-center position-relative mb-5 mb-lg-0">				<!-- Image -->				<div class="pe-lg-6 pe-xl-6"><img src="assets/images/2150771617.webp" class="rounded" alt="whyus image" loading="lazy"></div>			</div>			<!-- Content -->			<div class="col-lg-6 ms-auto">				<!-- Title and content -->				<h2 class="mb-lg-4">Warum wir ?</h2>				<p class="mb-lg-4 text-justify-custom"><span class="text-primary fw-bold">gangl-dienstleistungen.net</span> orientiert sich stets an den Befürfnissen des Kunden.<br>Zufriedenheit unserer Kunden ist unsere wichtigste Antriebskraft.</p>				<p class="mb-lg-4 text-justify-custom"><strong>Ihre Anforderung ist unsere Herausforderung.</strong></p>				<hr class="my-4 my-lg-5"> <!-- Divider -->				<!-- List -->				<div class="row">					<div class="col-sm-6">						<ul class="list-group list-group-borderless">							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>seit 1999</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>praxisorientiert</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>kundenorientiert</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>maßgeschneidert</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>26 Jahre Erfahrung</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>Qualität und Innovation</li>						</ul>					</div>					<div class="col-sm-6">						<ul class="list-group list-group-borderless">							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>mitdenkend</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>unkompliziert</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>offen für Erweiterungen</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>langfristige Partnerschaft</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>technische Unterstützung</li>							<li class="list-group-item heading-color fw-normal d-flex mb-0"><i class="bi bi-patch-check text-primary me-2"></i>deutsches Unternehmen</li>						</ul>					</div>				</div>				<p class="mt-6">					<a class="btn btn-dark btn-lg mb-0" href="mailto:info@gangl.works?subject=gangl-dienstleistungen.net%20-%20XYZ&body=gangl-dienstleistungen.net%0A%0AXYZ%0A%0A">Sie haben eine konkrete Anforderung?					</a>				</p>			</div>		</div>	</div></section>
		<!-- genContact() -->
		
	<section id="interest" class="position-relative pt-6 pb-6 ps-3 pe-3 bg-light">
		<div class="container position-relative pt-0 pb-0 ps-0 pe-0">
			<div class="bg-dark rounded position-relative overflow-hidden p-4 p-sm-6"style="background:url(assets/images/15.webp) no-repeat; background-size:cover; background-position:center;">
				<div class="row align-items-center position-relative">

					<!-- Title and content -->	
					<div class="col-md-6 col-xl-7 mb-4 mb-xl-0">									<h2 class="text-white">Interesse geweckt?</h2>								<p class="text-white mb-0">Wir freuen uns darauf, von Ihnen zu hören!</p>
					</div>	

					<!-- Contact -->	
					<div class="col-md-6 col-xl-4 ms-xl-auto">								<a href="mailto:info@gangl.works?subject=gangl-dienstleistungen.net%20-%20XYZ&body=gangl-dienstleistungen.net%0A%0AXYZ%0A%0A" class="btn btn-primary btn-lg mb-0 d-grid">Jetzt Kontakt aufnehmen</a>
					</div>	

				</div>
			</div>
		</div>
	</section>
	
	</main>

	<!-- FOOTER -->
	<footer class="bg-dark position-relative pt-6 pb-0 ps-3 pe-3" data-bs-theme="dark">	<div class="container position-relative mt-5">		<!-- Columns -->		<div class="row g-4">			<!-- Column 1 -->			<div class="col-xl-3 col-lg-3 col-md-4 text-lg-center text-xl-start mb-4 mb-xl-0">				<!-- logo domain description --><!-- logo domain description --><a href="https://gangl-dienstleistungen.net">	<img class="light-mode-item h-40px"	src="assets/images/gw_logo_256.webp"	alt="logo" loading="lazy">	<img class="dark-mode-item h-40px"	src="assets/images/gw_logo_256-light.webp" alt="logo" loading="lazy">	<h6 class="mt-3">gangl-dienstleistungen.net</h6>	<p class="mt-4 mb-0 text-justify-custom">entwickelt praxisorientierte Lösungen für <no-translate>Microsoft<sup>&copy;</sup></no-translate> <strong><no-translate>Outlook</no-translate></strong>, <strong><no-translate>Exchange</no-translate></strong>, <strong><no-translate>Teams</no-translate></strong> und <strong><no-translate>Office365</no-translate></strong>.</p>	<p class="mt-4 mb-0 small">ehemals <span style="color: red;"><no-translate>gangl.de<sup>*</sup></no-translate></span> / <span style="color: red;"><no-translate>OLX&trade;<sup>*</sup></no-translate></span></p>  <p><br><small><span style="color: red;"><sup>*</sup></span> Eigentum von <no-translate>eKomi</no-translate> Deutschland</small></p></a>			</div>			<!-- Column 2 -->			<div class="col-6 col-md-4 col-lg-5 col-xl-4">				<!-- Entwicklung -->
	<h6 class="mb-2 mb-md-4">Entwicklung</h6>
	<div class="row g-0">
		<div class="col-lg-6">
			<ul class="nav flex-column">
				<li class="nav-item"><a class="nav-link disabled" href="#">Outlook AddIns</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Teams AddIns</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Web Apps</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Serverdienste</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Web Services</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Schnittstellen</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Integrationen</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Scripte</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Individuell</a></li>
			</ul>
		</div>
		<div class="col-lg-6">
			<ul class="nav flex-column">
				<li class="nav-item"><a class="nav-link" href="https://gangl.works/product/gwsearch">Globale Suche</a></li>
				<li class="nav-item"><a class="nav-link" href="https://gangl.works/product/erechnung_xrechnung_zugferd">X-Rechnung / ZUGFeRD</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Datenextraktion</a></li>
				<li class="nav-item"><a class="nav-link disabled" href="#">Datenbeschaffung</a></li>
			</ul>
		</div>
	</div>
			</div>			<!-- Column 3 -->			<div class="col-6 col-md-4 col-lg-3 col-xl-3">				<!-- Sonstige--><h6 class="mb-2 mb-md-4">Sonstige</h6><ul class="nav flex-column">			<li class="nav-item"><a class="nav-link" href="https://pooldisplay.de" target="_blank">LED-Anzeige am Pool</a></li>			<li class="nav-item"><a class="nav-link" href="https://led-werbung-im-schaufenster.de" target="_blank">LED-Werbung im Schaufenster</a></li></ul>			</div>		</div>		<!-- genFooterContact() --><!-- Divider --><hr id="contactUs" class="opacity-1 my-5 my-sm-6"><!-- Contact detail --><div class="row g-4 align-items-center">	<!-- Title -->	<div class="col-xl-3 text-lg-center text-xl-start mb-4 mb-xl-0">		<p class="bg-primary text-white fw-bold p-3 mb-1">Jetzt Kontakt aufnehmen			<i class="bi bi-arrow-right ms-2"></i>		</h5>		<p class="small mb-0">Wir freuen uns darauf, von Ihnen zu hören!</p>	</div>	<!-- Mobile number -->	<div class="col-sm-6 col-md-4 col-xl-3 d-flex justify-content-md-center">		<div class="position-relative d-flex align-items-center">			<div class="icon-lg bg-body flex-shrink-0">				<i class="bi bi-telephone-fill heading-color"></i>			</div>			<div class="nav flex-column ps-3">				<div class="small text-body-secondary">Rufen Sie uns an</div>				<p class="fw-semibold mt-1 mb-0">					<a href="tel:+491607008516" class="heading-color text-primary-hover stretched-link p-0">+49 160 7008516					</a>				</p>			</div>		</div>	</div>	<!-- Email -->	<div class="col-sm-6 col-md-4 col-xl-3 d-flex justify-content-md-center">		<div class="position-relative d-flex align-items-center">			<div class="icon-lg bg-body flex-shrink-0">				<i class="bi bi-envelope-fill heading-color"></i>			</div>			<div class="nav flex-column ps-3">				<div class="small text-body-secondary">Senden Sie uns eine</div>				<p class="fw-semibold mt-1 mb-0">					<a href="mailto:info@gangl.works?subject=gangl-dienstleistungen.net%20-%20XYZ&body=gangl-dienstleistungen.net%0A%0AXYZ%0A%0A" class="heading-color text-primary-hover stretched-link p-0">E-Mail					</a>				</p>			</div>		</div>	</div>	<!-- LinkedIn -->	<div class="col-sm-6 col-md-4 col-xl-3 d-flex justify-content-md-center">		<div class="position-relative d-flex align-items-center">			<div class="icon-lg bg-body flex-shrink-0">				<i class="bi bi-linkedin heading-color"></i>			</div>			<div class="nav flex-column ps-3">				<div class="small text-body-secondary">Folgen Sie uns auf</div>				<p class="fw-semibold mt-1 mb-0"><a href="https://www.linkedin.com/in/thomas-gangl-053a34339/"  target="_blank" class="heading-color text-primary-hover stretched-link p-0"><no-translate>LinkedIn</no-translate></a></p>			</div>		</div>	</div></div>		<!-- genFooterCopyright() --><!-- Divider --><hr class="opacity-1 mt-6 mb-0"><!-- Bottom footer --><div class="d-md-flex justify-content-between align-items-center text-center text-lg-start py-4">	<!-- copyright text -->	<div class="small text-body mb-3 mb-md-0">© 2025&nbsp;&nbsp;gangl-dienstleistungen.net</div>	<!-- Legal -->	<ul class="list-inline small pe-3 mb-0"><li class="list-inline-item"><a class="nav-link" href="referenzen.php">Referenzen</a></li>		<li class="list-inline-item"><a class="nav-link" href="" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top" 										title="365addins.de<br>365search.de<br>365search.io<br>addins365.de<br>apps365.io<br>dashboard365.de<br>dashboard365.io<br>datacrawl.de<br>dataextract.de<br>dev365.app<br>gangl.works<br>gangl-dienstleistungen.de<br>gangl-dienstleistungen.net<br>mailextract.de<br>o365apps.com<br>o365dev.de<br>365dev.io<br>pdfextract.de<br>solutions365.io<br>tools365.de<br>tools365.io<br>x-rechnung.io<br>zugferd">										Domänen									</a>		</li>		<li class="list-inline-item"><a class="nav-link" href="datenschutz.php">Datenschutz</a></li>		<li class="list-inline-item"><a class="nav-link" href="impressum.php">Impressum</a></li>		<li class="list-inline-item"><a class="nav-link" href="agb.php">AGB</a></li>	</ul></div>	</div></footer>
	<!-- Back to top -->
	
	<!-- Back to top -->
	<div class="back-top"></div>

	<!-- Modal -->
	
	<!-- Modal -->
	<div id="myModal" class="mymodal">
		<span class="mymodal-close" onclick="closeModal()"><i class="bi bi-x-square"></i></span>
		<img class="mymodal-content" id="modalImage" alt="modal Image">
	</div>

	<no-translate>
	<script>
		function openModal(src) {
			document.getElementById("modalImage").src = src;
			document.getElementById("myModal").style.display = "block";
		}

		function closeModal() {
			document.getElementById("myModal").style.display = "none";
		}

		// Modal schließen, wenn man außerhalb klickt
		window.onclick = function(event) {
			const modal = document.getElementById("myModal");
			if (event.target == modal) {
			  closeModal();
			}
		}
	</script>
	</no-translate>

	<!-- Script-references -->
	
	<!-- Bootstrap JS -->
	<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

	<!--Vendors-->
	<script src="assets/vendor/purecounterjs/dist/purecounter_vanilla.js"></script>
	<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
	<script src="assets/vendor/jarallax/jarallax.min.js"></script>
	<script src="assets/vendor/jarallax/jarallax-video.min.js"></script>

	<!-- Theme Functions -->
	<script src="assets/js/functions.js"></script> 


</body>
</html>