<br />
<b>Deprecated</b>:  Return type of Carbon\Traits\Date::createFromTimestamp($timestamp, $tz = null) should either be compatible with DateTime::createFromTimestamp(int|float $timestamp): static, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in <b>/var/www/www.a-coding-project.de/releases/20250821123416/vendor/nesbot/carbon/src/Carbon/Traits/Timestamp.php</b> on line <b>29</b><br />
<!DOCTYPE html>
<html lang="de">
    <head>
		<script>
			function ga(){}
			function raise_event(category, action, label, value){
				if(gtag){
					gtag('event', action.toLowerCase().replace(".","_"), {
						'category': category,
						'action': action,
						'label': label
					});
				}
				if(fbq) {
					fbq('track', category + '|' + label);
				}
			}

		</script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){
				dataLayer.push(arguments);
			}
			function load_function(){
				add_script('https://assets.calendly.com/assets/external/widget.js');
				add_style('https://assets.calendly.com/assets/external/widget.css');
			}

			function add_script(url, callback){
				var script = document.createElement("script");
				script.type = "text/javascript";
				script.onload = callback;
				script.src = url;
				document.body.appendChild(script);
			}

			function add_style(url, callback) {
					var link = document.createElement("link");
					link.rel = "stylesheet";
					link.type = "text/css";
					link.onload = callback;
					link.href = url;
					document.head.appendChild(link);
				}

			function load_stats(){
										add_script("https://www.googletagmanager.com/gtag/js?id=G-QTKG385JJ9", function(){
					gtag('js', new Date());
					gtag('config', 'G-QTKG385JJ9');
					gtag('consent', 'update', {
						'ad_user_data': 'denied',
						'ad_personalization': 'denied',
						'ad_storage': 'denied',
						'analytics_storage': 'granted'
					});
				});

					(function(h,o,t,j,a,r){
					h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
					h._hjSettings={hjid:5003521,hjsv:6};
					a=o.getElementsByTagName('head')[0];
					r=o.createElement('script');r.async=1;
					r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
					a.appendChild(r);
				})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

							}
			function load_marketing(){
								<!-- Facebook Pixel Code -->
							!function(f,b,e,v,n,t,s)
							{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
								n.callMethod.apply(n,arguments):n.queue.push(arguments)};
								if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
								n.queue=[];t=b.createElement(e);t.async=!0;
								t.src=v;s=b.getElementsByTagName(e)[0];
								s.parentNode.insertBefore(t,s)}(window, document,'script',
							'https://connect.facebook.net/en_US/fbevents.js');
							fbq('init', '1880616435523531');
							fbq('track', 'PageView');

					_linkedin_partner_id = "1324745";
					window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
					window._linkedin_data_partner_ids.push(_linkedin_partner_id);
					(function(l) {
						if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
							window.lintrk.q=[]}
						var s = document.getElementsByTagName("script")[0];
						var b = document.createElement("script");
						b.type = "text/javascript";b.async = true;
						b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
						s.parentNode.insertBefore(b, s);})(window.lintrk);
											}
			if(typeof(gtag) === "undefined"){
				gtag('consent', 'update', {
					'ad_user_data': 'granted',
					'ad_personalization': 'granted',
					'ad_storage': 'granted',
					'analytics_storage': 'granted'
				});
			}
		</script>

        <title>Webanwendungen und Apps aus Münster | a coding project</title>
		<meta name="description" content="✔ Schneller Projektstart ✔ Zielorientierte Zusammenarbeit - Mit a coding project Ziele schneller erreichen!" />
		<style>
			/* montserrat-500 - latin */
			@font-face {
				font-family: 'Montserrat';
				font-style: normal;
				font-weight: 500;
				src: url('/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
				src: local(''),
				url('/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
				url('/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
				url('/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
				url('/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
			}
			/* montserrat-700 - latin */
			@font-face {
				font-family: 'Montserrat';
				font-style: normal;
				font-weight: 700;
				src: url('/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
				src: local(''),
				url('/fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
				url('/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
				url('/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
				url('/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
				url('/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
			}
		</style>


		<meta name="theme-color" content="#da4453">
		<link rel="manifest" href="/manifest.json">
		<meta http-equiv="language" content="de">
		<style>
			* {
				box-sizing: border-box;
			}
			a{
				text-decoration:none;
				color: #da4453;
			}
			section a:hover{
				text-decoration: underline;
			}
			body{
				margin: 0;
				padding: 0;
				font-family: 'Montserrat', sans-serif;
				font-size:15px;
				line-height:26px;
				color: #363636;
				font-weight: 500;
			}
			header{
				height: 550px;
				background-color: #da4453;
				color: #fff;
			}
			header a{
				color: #fff;
			}
			section, header .container, .separator-big{
				width: 1200px;
				margin: 0 auto;
				max-width: 100%;
			}
			section{
				padding-bottom:60px;
			}
			header .container{
				padding-top:20px;
				height:100%;
				background-image: url(i/bg-nav-kurz.png);
			}
			nav{
				display: inline-block;
				float: right;
				letter-spacing: 2px;
			}
			nav ul{
				list-style-type: none;
				margin: 48px 0 0 0;
			}
			nav li{
				display: inline-block;
				text-transform: uppercase;
				margin-left:38px;
				line-height: 0;
			}
			nav li a, nav li span{
				font-size:11px;
				line-height:11px;
				margin-right: -3px;
			}
			nav li.active, nav > ul > li:hover {
				border-top: 1px solid #fff;
				padding-top: 6px;
			}
			h2{
				margin: 10px 0;
				text-align:center;
				color: #da4453;
				text-transform: uppercase;
				font-size:28px;
				line-height:28px;
				font-weight: normal;
			}
			h3{
				color: #da4453;
				text-transform: uppercase;
				font-size:18px;
				font-weight: normal;
			}
			h2:before{
				content: "<";
			}
			h2:after{
				content: ">";
			}
			h3:before{
				content: "// ";
			}
			section{
				padding-top:46px;
			}
			section:after{
				content: ".";
				clear: both;
				display: block;
				visibility: hidden;
				height: 0px;
			}
			section .box:first-child{
				padding-left:0;
			}
			.box{
				width:322px;
				padding-right:89px;
				float:left;
			}
			.big-box{
				width:50%;
				padding-left:27px;
				padding-right:27px;
				float:left;
			}
			.button{
				text-transform: uppercase;
				border: 1px solid #da4453;
				color: #da4453;
				font-size: 13px;
				font-weight: bold;
				line-height: 38px;
				display:inline-block;
				padding-left:41px;
				padding-right:41px;
				border-radius:20px;
				background-color: transparent;
				cursor:pointer;
			}
			.button:hover,
			.button.button-filled{
				background-color: #da4453;
				color: #fff;
				-o-transition:.3s;
				-ms-transition:.3s;
				-moz-transition:.3s;
				-webkit-transition:.3s;
				transition:.3s;
				text-decoration: none;
			}
			.button.button-filled:hover{
				color: #da4453;
				background-color: #fff;
			}
			.button:after{
				content: ">";
				margin-left:10px;
			}
			footer{
				background-color: #363636;
				color: #fff;
				background-image: url(/i/bg-footer.png);
				background-size: cover;
			}
			.tripple-box{
				width:33.33%;
				float:left;
			}
			footer .tripple-box > div:first-child{
				margin: 10px 0;
				color: #da4453;
				text-transform: uppercase;
				line-height: 28px;
				font-weight: normal;
				text-align:left;
				font-size: 17px;
			}
			footer .tripple-box > div:first-child:before{
				content: "// ";
			}
			footer a{
				color: #fff;
			}

			header p{
				font-size:15px;
				padding: 0px 25px;
				line-height: 26px;
				margin-top:14px;
			}

			header .big-box{
				margin-top:60px;
				text-align:center;
			}

			header h1, header h2{
				text-transform: uppercase;
				font-size:40px;
				letter-spacing: 2px;
				color: #fff;
				margin:0;
				line-height:40px;
				margin-bottom: 15px;
				font-weight: normal;
			}

			header h1:before, header h2:before{
				content: "<";
			}
			header h1:after, header h2:after{
				content: ">";
			}
			header .button{
				color:#fff;
				border-color: #fff;
			}

			header .button:hover{
				background-color: #fff;
				color: #da4453;
			}
			.separator{
				text-align:center;
				color: #da4453;
				line-height:1px;
				height:1px;
				overflow:hidden;
			}
			header .separator{
				color: #fff;
			}
			.container .box:not(.half):not(.medium):last-child{
				padding-right: 0;
				width: 233px;
			}
			.separator-big{
				text-align:center;
				color: #c5c5c5;
			}
			.separator-big span{
				height:20px;
				overflow: hidden;
				display:inline-block;
				width: 1102px;
				max-width: 80vw;
				position:relative;
				top:3px;
			}

			section#quoutes{
				text-align:center;
			}
			.quoute-text:before{
				content: '"';
			}
			.quoute-text:after{
				content: '"';
			}
			.quoute-text{
				color: #da4453;
				font-size: 45px;
				line-height:50px;
				padding-left:40px;
				padding-right:40px;
			}
			nav > ul > li .submenu{
				display:none;
			}
			nav > ul > li:hover .submenu{
				display: block;
				position: absolute;
			}
			nav > ul > li:hover .submenu ul{
				border-top:1px solid #fff;
				border-bottom:1px solid #fff;
				background-color: #ba3a47;
				margin-top:10px;
				padding-left:21px;
				padding-right:21px;
				padding-top:14px;
				padding-bottom:14px;
			}
			nav > ul > li:hover .submenu li{
				display: block;
				margin-left: 0;
			}
			nav > ul > li:hover .submenu a{
				display: block;
				margin-left: 0;
				line-height:25px;
				text-transform: none;
				font-size: 13px;
			}
			nav > ul > li:hover .submenu a:hover:before{
				content: "> ";
				position:relative;
				left:2px;
				top: 1px;
			}
			nav > ul > li:hover .submenu a:hover{
				margin-left: -15px;
			}

			#mobile-menu{
				display:none;
			}

			#mail{
				position:fixed;
				right:0;
				top:10px;
				padding-right:20px;
				background-color: #da4453;
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
				padding-left: 10px;
			}
			img{
				max-width:100% !important;
				height:auto;
			}
			footer li{
				list-style-type: none;
			}
			footer li:before {
				content: "> ";
				color: #fff;
				font-size: 10px;
				margin-right: 7px;
				color: #da4453;
			}
			footer ul{
				padding-left: 0;
			}

			#kontakt{
				cursor:pointer;
			}
			.flex-row{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			.flex-row-4 > *{
				flex: 0 1 285px;
				padding: 10px;
			}
			#faq ul{
				padding-left: 20px;
			}
			#faq li{
				list-style-type: none;
			}
			#faq li:before {
				content: "> ";
				font-size: 15px;
				margin-right: 7px;
				color: #da4453;
				font-weight: bold;
			}
			#logo{
				margin-bottom: -8px;
				width: 202.55px;
			}

			.contact-form {
				background-color: #da4453;
				background-image: url(/i/bg-ueber.png);
				background-size: cover;
				background-position: center;
				color: #fff;
				padding-top: 50px;
				padding-bottom: 50px;
			}

			.contact-form h2:before {
				content: "<";
				display: inline-block;
			}

			.contact-form h2:after {
				content: ">";
				display: inline-block;
			}
			.contact-form h2{
				text-align: center;
			}

			.contact-form-fields {
				display: flex;
				margin-bottom: 20px;
			}
			.contact-form-email{
				flex: 0 0 50%;
				padding-left: 10px;
			}
			.contact-form-name{
				flex: 0 0 50%;
				padding-right: 10px;
			}
			@media (max-width: 530px){
				.contact-form-fields{
					display: block;
				}
				.contact-form-email{
					padding-left: 0;
				}
				.contact-form-name{
					padding-right: 0;
					margin-bottom: 20px
				}
			}
			.contact-form-button{
				background-color: #fff;
			}
			.contact-form-button:active,
			.contact-form-button:hover{
				border-color: #fff;
			}
			.contact-form h2{
				color: #fff;
				font-size: 28px;
			}

			.fa {
				display: inline-block;
				position: relative;

				background-size: contain;
				width: 1em;
				height: 1em;
				content: "";
				background-position: center;
			}
			.fa.fa-envelope {
				top: 2px;
				background-image: url(/i/fa-envelope.svg);
			}
			.email .fa.fa-envelope {
				background-image: url(/i/fa-envelope-dark.svg);
			}
			.fa.fa-phone {
				background-image: url(/i/fa-phone.svg);
			}
			.fa.fa-comments {
				background-image: url(/i/fa-comments.svg);
			}
			.phone .fa.fa-phone {
				background-image: url(/i/fa-phone-dark.svg);
			}
			.fa.fa-facebook {
				background-image: url(/i/fa-facebook.svg);
			}
			.social-icon:hover .fa.fa-facebook {
				background-image: url(/i/fa-facebook-dark.svg);
			}
			.fa.fa-bars {
				background-image: url(/i/fa-bars.svg);
			}
			.fa.fa-globe {
				background-image: url(/i/fa-globe.svg);
			}
			.fa.fa-heart {
				background-image: url(/i/fa-heart.svg);
			}
			.fa.fa-linkedin {
				background-image: url(/i/fa-linkedin.svg);
			}
			.social-icon:hover .fa.fa.fa-linkedin {
				background-image: url(/i/fa-linkedin-dark.svg);
			}
			.fa.fa-times {
				background-image: url(/i/fa-times.svg);
			}
			.fa.fa-xing {
				background-image: url(/i/fa-xing.svg);
			}
			.social-icon:hover .fa.fa-xing {
				background-image: url(/i/fa-xing-dark.svg);
			}

			@media (max-width: 1230px)
			{
				#kontakt{
					display: none;
				}
				#logo {
					margin-left: 16px;
				}
			}
			@media (max-width: 1159px) {
				nav > ul > li {
					margin-left: 20px;
				}
			}
			@media (max-width: 1152px) {
				nav > ul > li {
					margin-left: 18px;
				}
			}
			@media (max-width: 1024px){
				.flex-row-4 > *{
					flex: 1 1 50%;
				}
				.tablet-hidden{
					display: none !important;
				}
				.separator-big{
					white-space: nowrap;
					max-width: 100%;
					overflow:hidden;
				}
				.separator-big span{
					max-width: 75%;
				}
				.box {
					width:50% !important;
					padding: 10px !important;
				}
				.not-mobile{
					display:none;
				}
				header .container{
					background-image: none !important;
					height: auto;
				}
				header .big-box{
					float: none;
					padding-bottom:30px;
				}
				header .big-box{
					width: 100%;
				}
			}
			@media (min-width: 1011px) and (max-width: 1020px){
				#logo{
					height: 48px;
					margin-left: 20px;
					width: auto;
				}
				nav ul{
					margin-top: 28px;
				}
			}
			@media (max-width: 800px){
				#logo{
					height: 48px;
					width: auto;
				}
			}
			@media (max-width: 1010px){

				#mobile-menu{
					display:block;
					float:right;
					font-size: 35px;
					padding-top: 0;
					padding-right: 12px;
					padding-bottom: 9px;
					padding-left: 12px;
					cursor: pointer;
				}

				#mobile-menu:after{
					content: "Menü";
					font-size:10px;
					display:block;
					line-height: 10px;
					text-align: center;
				}


				header nav{
					display: none;
				}
			}
			@media (max-width: 800px){
				.big-box{
					width: 100%;
				}
				section {
					padding-top: 23px;
					padding-bottom: 30px;
				}
			}
			@media (max-width: 1024px) {
				header {
					height: 96px !important;
				}
				header h1{
					padding-bottom: 15px;
					margin-bottom: 0;
				}
			}
			@media (max-width: 1010px){
				#mail{
					display: none;
				}
				#mobile-nav ul{
					list-style-type:none;
					padding-left: 5px;
				}
				#mobile-nav ul ul{
					padding-left:20px;
				}
				#mobile-nav li {
					line-height: 32px;
					font-size: 15px;
					border-top: 1px dashed #fff;
				}
				#mobile-nav li li {
					border-top: none;
				}
				#mobile-nav li a{
					color: #fff;
				}

				#mobile-nav li:first-child {
					border-top: none;
				}
			}
			@media (max-width: 414px){
				.tripple-box{
					width:100% !important;
					padding: 10px !important;
				}
				header h1{
					font-size:25px;
				}
				header #about-text{
					padding: 10px 10px;
				}
			}
			@media (max-width: 580px) {
				.flex-row-4 > * {
					flex: 1 1 100%;
				}
			}
			@media (max-width: 380px){

				header .big-box{
					margin-top:30px;
				}
				header h1{
					font-size:21px;
				}
				header p{
					padding: 0;
				}
				.box, .big-box, .box.medium,.tripple-box{
					width:100% !important;
					padding: 10px !important;
				}
			}

			@media (max-width: 1218px)
			{
				nav{
					padding-right: 20px;
				}
			}
			.social-icon{
				margin-right: 7px;
				width: 25px;
				display: flex;
				height: 25px;
				align-items: center;
				justify-content: center;
				float: left;
				background-color: #da4453;
				border-radius: 25px;
			}
			.social-icon .fa-facebook,
			.social-icon .fa-xing{
				position: relative;
				left: -1px;
			}
			.social-icon:hover{
				text-decoration: none;
				background-color: #fff;
				color: #da4453;
			}
			.ten_years {
				position: relative;
				background-color: #fff;
				color: #da4453;
				border-radius: 3px;
				padding-left: 5px;
				padding-right: 5px;
				left: -60px;
				top: -51px;
				font-size: 11px;
			}
			@media (max-width: 800px){
				.ten_years {
					font-size: 10px;
					padding-left: 4px;
					padding-right: 4px;
					top: 3px;
					left: 8px;
				}
			}
			@media (max-width: 1225px){
				footer{
					padding-left: 20px;
					padding-right: 20px;
				}
			}
			@media (max-width: 710px){
				#footer > div {
					width: 50%;
				}
			}
			@media (min-width: 524px) and (max-width: 710px){
				#footer > div:nth-child(2){
					display: none;
				}
			}
			@media (max-width: 523px){
				#footer > div {
					width: 100%;
					float: none;
					margin-bottom: 30px;
				}
				footer{
					background-image: none;
				}
			}
			@media (max-width: 500px){
				#mobile-menu{
					padding-right: 27px !important;;
				}
				body header > .container{
					padding-bottom: 0;
				}
                .flex-row-4 > *{
                    padding-left: 15px;
                    padding-right: 15px;
                }
				#angebot-header-outer h1{
					min-height: 300px;
					display: flex;
					align-items: center;
					margin-top: 0;
					text-transform: none;
					padding-left: 15px;
					padding-right: 15px;
					background-size: 100% auto;
					background-position: bottom;
					background-repeat: no-repeat;
					padding-bottom: 60px;
				}
			}

        
header .container {
    background-position-y: 80%;
    background-repeat: no-repeat;
}

.site-header {
    margin: 4em 0 1em 0;
}

.site-header > h1 {
    text-align: center;
}

section#about{
	color: #6b6b6b;
	font-size:19px;
}

header h1, header h2{
	font-size:36px;
}

section#about .contact:before{
	content: "<";
}

section#about .contact:after{
	content: ">";
}
section#about .contact{
	margin-top: 75px;
	text-transform: uppercase;
}

section#about .name{
	font-size:50px;
	margin-top:3px;
	line-height: 65px;
}

header .container{
	background-image: none;
}

section#about .phone{
	margin-top:14px;
}
section#about .email{
	margin-top: 4px;
}
section#about .button{
	margin-top: 30px;
}
#stefan{
	margin-left:145px
}
header{
	background-image: url(i/bg-nav-outer.png);
	background-repeat: no-repeat;
	background-position: center 98px;
	background-attachment: fixed;
}
@media (max-width: 800px){
	#stefan{
		margin: 0 auto;
	}
	#about .big-box{
		text-align:center;
	}
}
@media (max-width: 600px){
	.quoute-text{
		padding: 0 !important;
		font-size:20px;
		line-height: 28px;
	}
}
@media (max-width: 1024px) {
	header {
		height: auto !important;
	}
}

.arrow-right{
	float: right;
	margin-left: -84px;
	margin-top: 111px;
	cursor:pointer;
	position:relative;
	left:84px;
}
.arrow-left{
	float: left;
	margin-left: -84px;
	margin-top: 111px;
	cursor:pointer;"
}
.big-box-home h2{
	font-size: 18px;
	margin-bottom: 0;
}
.big-box-home h2::before{
	content: "// ";
}
.big-box-home h2::after{
	content: "";
}
section#ratgeber ul{
	font-size: 13px;
	line-height: 23px;
}
#mobile-intro{
	display: none;
}

@media (min-width: 1025px) and (max-width: 1140px){
	.flex-row-4 > * {
		flex: 0 0 calc(25% - 10px);
	}
}

@media (max-width: 930px){
	header h1{
		font-size: 3vw;
		padding-bottom: 3vw;
		margin-bottom: 0;
	}
	.container section:first-child{
		padding-top: 15px;
	}
}

@media (max-width: 1222px){
	#ratgeber-outer{
		display:none;
	}
}
@media (max-width: 1230px){
	header .container{
		background-image: none;
	}
}
@media (max-width: 1280px){
	.arrow-right{
		display: none;
	}
}
@media (max-width: 1366px){
	.arrow-left{
		margin-left: -60px;
	}
	.arrow-right{
		left: 60px;
		margin-left: -60px;
	}
}
@media (max-width: 500px){
	header .container{
		background-size: 100% auto;
		background-position: bottom;
	}
	header h1{
		font-size: 7vw;
		text-transform: none;
	}
	header h1::before,
	header h1::after{
		content: "";
	}
	#leistung-wordpress{
		order: 1;
	}
	#leistung-website{
		order: 2;
	}
}

@media (max-width: 1024px){


	#ihre-entwickler{
		display: none !important;
	}

	.home-header{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 40px;
		padding-bottom: 20px;
		margin-bottom: 0 !important;
	}
	.home-header ul{
		margin-bottom: 30px !important;
	}
	main.container > section:first-child{
		padding-top: 0;
	}
}

		</style>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
		<meta http-equiv="language" content="de">
			<link rel="alternate" hreflang="de" href="https://www.a-coding-project.de/" />
	<link rel="alternate" hreflang="en" href="https://www.a-coding-project.com/" />
	<script type="application/ld+json">
		{
		"@context": "http://schema.org",
		"@type": "Organization",
		"name": "a coding project GmbH",
		"legalName" : "a coding project GmbH",
		"url": "https://www.a-coding-project.de",
		"foundingDate": "2014",
		"founders": [
		{
		"@type": "Person",
		"name": "Stefan Wienströer"
		}
		],
		"address": {
		"@type": "PostalAddress",
		"streetAddress": "Mendelstr. 11",
		"addressLocality": "Münster",
		"addressRegion": "NRW",
		"postalCode": "48149",
		"addressCountry": "Germany"
		},
		"contactPoint": {
		"@type": "ContactPoint",
		"contactType": "customer support",
		"telephone": "+49-251-5906440",
		"email": "stefan@a-coding-project.de"
		},
		"sameAs": [
		"https://www.facebook.com/acodingproject/",
		"https://www.xing.com/companies/acodingprojectgmbh",
		"https://www.linkedin.com/company/a-coding-project-gmbh/"
		]}
</script>
<script type="application/ld+json">
{
  "@context" : "http://schema.org",
  "@type" : "LocalBusiness",
  "name" : "a coding project GmbH",
  "image" : "https://www.a-coding-project.de/i/logo.png",
  "telephone" : "0251 / 590 644 - 0",
  "email" : "hallo@a-coding-project.de",
  "address" : {
    "@type" : "PostalAddress",
    "streetAddress" : "Mendelstr. 11",
    "addressLocality" : "Münster",
    "postalCode" : "48149"
  },
  "url" : "https://www.a-coding-project.de/"
}
</script>
    </head>
    <body>
				<header>
			<div class="container">
				<span id="mobile-menu">
					<i id="mobile-menu-icon" class="fa fa-bars"></i>
				</span>
				<a href="/">
					<img id="logo" src="/i/logo-acp.svg" alt="a coding project aus Münster" />
					<span class="ten_years">10 Jahre</span>
				</a>
				<nav>
					<ul>
						<li class='active'><a href="/">Startseite</a></li>
						<li>
							<a href="#">Technologien</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="/php">
											PHP
										</a>
									</li>
									<li>
										<a href="/laravel">
											Laravel
										</a>
									</li>
									<li>
										<a href="/vue-js">
											Vue.js
										</a>
									</li>
									<li>
										<a href="/react-native">
											React Native
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="/software">Dienstleistungen</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="/app-entwicklung">App-Entwicklung</a>
									</li>
									<li>
										<a href="/prototypen">Prototyping</a>
									</li>
									<li>
										<a href="/datenbanken">Datenbanken</a>
									</li>
									<li>
										<a href="/schnittstellen">Schnittstellen</a>
									</li>
									<li>
										<a href="/frontend">Frontend-Entwicklung</a>
									</li>
									<li>
										<a href="/performance">Performance-Optimierung</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="#">Lösungen</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="/e-learning">E-Learning</a>
									</li>
									<li>
										<a href="/buchungsstrecken-und-zahlungssysteme">Buchungsstrecken und Zahlungssysteme</a>
									</li>
								</ul>
							</div>
						</li>
												<li>
							<a href="/agentur">Agentur</a>
							<div class="submenu">
								<ul>
									<li>
										<a href="/referenzen">Referenzen</a>
									</li>
								</ul>
							</div>
						</li>
						<li><a href="/ratgeber">Ratgeber</a></li>
																	</ul>
				</nav>
				    	<div class="site-header home-header">
		<div style="display: flex;justify-content: space-between">
			<div>
				<h1>Maßgeschneiderte<br /> Webanwendungen & Apps,<br /> auf die Sie zählen können</h1>
				<ul style="margin-bottom: 50px;">
					<li>✔ Schneller Projektstart</li>
					<li>✔ Zielorientierte Zusammenarbeit</li>
				</ul>
				<a href="#" class="button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/acodingproject/kennenlernen?text_color=363636&amp;primary_color=da4453'});return false;">Beratungstermin aussuchen</a>
			</div>
		</div>
	</div>
	<style>
		header{
			background-image: url(/i/bg-ueber.png);
		}
		.site-header.home-header  h1{
			text-transform: none;
			text-align: left;
		}
		.home-header h1::before,
		.home-header h1::after{
			content: "";
		}
		.home-header{
			font-size: 20px;
			text-align: left;
		}
		.home-header ul{
			padding-left: 0;
			list-style-type: none;
		}
		.home-header li {
			padding-left: 0;
			padding-right: 10px;
			margin-bottom: 15px;
		}
	</style>
			</div>
			<div id="mail">
				<a onclick="Calendly.initPopupWidget({url: 'https://calendly.com/acodingproject/kennenlernen?text_color=363636&primary_color=da4453'});return false;" href="#">
					<i class="fa fa-envelope"></i>
					Gespräch vereinbaren
				</a>
			</div>
		</header>
        
        <main class="container">
            	<section>
		<div style="padding-left: 10px;padding-right:10px;padding-top: 10px;">
			<h2>Bewährte Technologien für Ihr Projekt</h2>
			<p style="text-align: center">
				Unsere Agentur setzt auf bewährte Technologien, um maßgeschneiderte Lösungen für Ihre Web- und Mobile-Projekte zu entwickeln.
			</p>
		</div>
		<div class="flex-row flex-row-4">
			<div id="leistung-php" onclick="window.location.href='/php'">
				<h3><a href="/php">PHP</a></h3>
				<p>
					PHP ist eine weit verbreitete Skriptsprache, ideal für die Entwicklung dynamischer und interaktiver Webseiten.
				</p>
			</div>
			<div id="leistung-frontend" onclick="window.location.href='/laravel'">
				<h3><a href="/laravel">Laravel</a></h3>
				<p>Laravel ist ein leistungsstarkes PHP-Framework, das die Entwicklung robuster und skalierbarer Webanwendungen erleichtert.</p>
			</div>
			<div id="leistung-wordpress" onclick="window.location.href='/vue-js'">
				<h3><a href="/vue-js">Vue.js</a></h3>
				<p>
					Vue.js ist ein flexibles JavaScript-Framework, das sich perfekt für die Erstellung interaktiver Benutzeroberflächen und Single-Page-Anwendungen eignet.
				</p>
			</div>
			<div id="leistung-website" onclick="window.location.href='/react-native'">
				<h3><a href="/react-native">React Native</a></h3>
				<p>
					React Native ermöglicht die Entwicklung von plattformübergreifenden mobilen Apps mit nativer Performance, indem es JavaScript und React verwendet.
				</p>
			</div>
		</div>
		<div class="flex-row flex-row-4 tablet-hidden">
			<div>
				<a href="/php" class="button">Ansehen</a>
			</div>
			<div>
				<a href="/laravel" class="button">Ansehen</a>
			</div>
			<div>
				<a href="/vue-js" class="button">Ansehen</a>
			</div>
			<div>
				<a href="/react-native" class="button">Ansehen</a>
			</div>
		</div>
	</section>
	<div class="separator-big logos-separator">&lt;!<span>--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</span>&gt;</div>
	<section class="logo-list-outer">
    <h3 style="padding-left: 10px;padding-right: 10px">Erfolgreich seit 2014: Ein Auszug unserer Kunden</h3>
    <a href="/referenzen" class="logo-list">
		                    <img src="/i/logos/dnla.png" style="" />
                    <img src="/i/logos/foto-erhardt.svg" style="" />
                    <img src="/i/logos/limbach.svg" style="" />
                    <img src="/i/logos/bullship.svg" style="" />
                    <img src="/i/logos/01-TutKit.com-Logo-1.png" style="" />
                    <img src="/i/logos/aerztekammer.png" style="" />
                    <img src="/i/logos/featvalue.svg" style="" />
                    <img src="/i/logos/lv.svg" style="" />
                    <img src="/i/logos/autosecure.png" style="" />
                    <img src="/i/logos/logo-die-energievorsorger.svg" style="" />
                    <img src="/i/logos/salvus.svg" style="" />
                    <img src="/i/logos/500_iu-logo-d-black-rgb-horizontal.png" style="" />
                    <img src="/i/logos/verbraucherzentrale.png" style="" />
                    <img src="/i/logos/livgo.svg" style="" />
            </a>
</section>
<style>
    .logo-list{
        display:flex;height:80px;overflow:hidden;flex-wrap:wrap;justify-content: center
    }
    .logo-list img{
        width: 150px;height:80px;object-fit: contain;margin-left: 25px;margin-right:25px;
    }
    @media (max-width: 650px){
        .logo-list-outer,
        .logos-separator {
            display: none !important;

        }
    }
</style>
	<div class="separator-big">&lt;!<span>--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</span>&gt;</div>
	<section id="about">
		<div class="big-box">
			<img id="stefan" src="/team/klein-stefan.png" alt="Stefan Wienströer" loading="lazy"
			/>
		</div>
		<div class="big-box" style="text-align:center;">
			<div class="contact">Ihr Ansprechpartner</div>
			<div class="name">Stefan Wienströer</div>
			<div class="separator">
				---------------
			</div>
			<div class="email"><i class="fa fa-envelope"></i> <a href="mailto:hallo@a-coding-project.de" onclick="raise_event('Contact click', 'E-Mail', 'klick');" style="color:#363636">hallo@a-coding-project.de</a></div>
			<a href="#" class="button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/acodingproject/kennenlernen?text_color=363636&primary_color=da4453'});return false;">Gespräch vereinbaren</a>
		</div>
	</section>
	<style>
    #ratgeber-outer{
        background-image: url(i/ratgeber.png);
        background-size: cover;
        background-attachment: fixed;
    }
    section#ratgeber h2, section#ratgeber h3, section#ratgeber a, section#ratgeber .separator{
        color: #fff;
    }
    section#ratgeber h3{
        margin-top:116px;
    }
    section#ratgeber ul{
        padding-left:0;
        list-style-type: none;
    }
    section#ratgeber li:before{
        content: "> ";
        color: #fff;
        font-size: 10px;
        margin-right: 7px;
    }
    #ratgeber-outer:before {
        display:block;
        height: 8px;
        content: " ";
        background-color: rgba(255,255,255,0.4);
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .box .icon{
        text-align:center;
        color:#fff;
        display:block;
        margin: 0 auto;
        width:50px;
    }
    #ratgeber{
        width: 1202px;
    }
    #ratgeber .box{
        width:313px;
        padding-right: 50px;
        padding-left:29px;
    }
    #ratgeber .box:last-child{
        padding-right: 0;
        width: 263px;
    }
    section#ratgeber ul {
        font-size: 13px;
        line-height: 23px;
    }
    #ratgeber.headless ul{
        background-color: rgba(0,0,0,0.3);
        padding: 10px;
    }
</style><div id="ratgeber-outer">
	<section id="ratgeber">
		<h2>
			Ratgeber
		</h2>
		<div class="separator">
			---------------
		</div>
		<div class="box">
			<h3>
				Konzept
			</h3>
			<ul>
				<li>
					<a href="/ratgeber/persoenlichkeit">
						Persönlichkeit
					</a>
				</li>
				<li>
					<a href="/ratgeber/geschaeftsidee">
						Geschäftsidee finden
					</a>
				</li>
				<li>
					<a href="/ratgeber/informationsarchitektur">
						Informationsarchitektur
					</a>
				</li>
				<li>
					<a href="/ratgeber/finanzen">
						Finanzen
					</a>
				</li>
				<li>
					<a href="/ratgeber/gruenden">
						Existenzgründung
					</a>
				</li>
				<li>
					<a href="/ratgeber/projektplanung">
						Projektmanagement
					</a>
				</li>
			</ul>
		</div>
		<div class="box">
			<h3>
				Entwicklung
			</h3>
			<ul>
				<li>
					<a href="/ratgeber/systeme">
						Systeme
					</a>
				</li>
				<li>
					<a href="/ratgeber/design">
						Design
					</a>
				</li>
				<li>
					<a href="/ratgeber/frontend">
						Frontend-Entwicklung
					</a>
				</li>
				<li>
					<a href="/ratgeber/backend">
						Backend-Entwicklung
					</a>
				</li>
				<li>
					<a href="/ratgeber/hosting">
						Hosting
					</a>
				</li>
				<li>
					<a href="/ratgeber/netzwerke">
						Netzwerke
					</a>
				</li>
				<li>
					<a href="/ratgeber/performance">
						Performance-Optimierung
					</a>
				</li>
				<li>
					<a href="/ratgeber/onpage">
						OnPage-Optimierung
					</a>
				</li>
				<li>
					<a href="/ratgeber/sicherheit">
						Sicherheit
					</a>
				</li>
			</ul>
		</div>
		<div class="box">
			<h3>
				Marketing
			</h3>
			<ul>
				<li>
					<a href="/ratgeber/suchmaschinen">
						Suchmaschinen
					</a>
				</li>
				<li>
					<a href="/ratgeber/content-marketing">
						Content-Marketing
					</a>
				</li>
				<li>
					<a href="/ratgeber/klassisches-marketing">
						Klassisches Marketing
					</a>
				</li>
				<li>
					<a href="/ratgeber/social-media">
						Social Media
					</a>
				</li>
				<li>
					<a href="/ratgeber/guerilla-marketing">
						Guerllia Marketing
					</a>
				</li>
			</ul>
		</div>
		<div class="box">
			<h3>
				Controlling
			</h3>
			<ul>
				<li>
					<a href="/ratgeber/webanalyse">
						Tracking / Webanalyse
					</a>
				</li>
			</ul>
		</div>
	</section>
</div>
<style>

    #ratgeber{
        background-image: url(i/ratgeber-inner.png);
        width: 1202px;
        height: 537px;
        background-position-y: 112px;
        background-repeat: no-repeat;
    }
</style>		<style>
    #references > h2 {
        font-size: 28px;
    }

    #references .arrow-left, #references .arrow-right {
        margin-top: 88px;
    }

    #reference-1 {
        margin-bottom: 1em;
    }

    #references-all {
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }
</style>
<section id="references">
    <h2>Referenzen</h2>
    <div class="separator">
        ---------------
    </div>
    <div id="reference-1"class="flex-row flex-row-4">
                            <div>
                <h3>DNLA</h3>
                <p style="min-height:130px">
                    Die Potenzialanalyse-Verfahren von DNLA ermöglichen es, verdeckte Potenziale und Fähigkeiten von Mitarbeitern zu entdecken.
                </p>
                <a href="/referenzen/dnla" class="button">Details</a>
            </div>
                    <div>
                <h3>IU Studyfinder</h3>
                <p style="min-height:130px">
                    Der IU Studyfinder hilft dabei in der großen Auswahl an Studiengängen und Formaten den passenden Studiengang zu finden.
                </p>
                <a href="/referenzen/studyfinder" class="button">Details</a>
            </div>
                    <div>
                <h3>Bullship</h3>
                <p style="min-height:130px">
                    Bauer sucht Cow – Mit Bullship, dem ersten deutschen Online-Marktplatz für Viehandel, werden Landwirte fündig!
                </p>
                <a href="/referenzen/bullship" class="button">Details</a>
            </div>
                                    <div>
                    <h3>TutKit</h3>
                    <p style="min-height:130px">
                        TutKit gehört mit über 8.000 Video-Tutorials und 17.000 Assets zu den größten deutschen Portalen für die digitale Fortbildung.
                    </p>
                    <a href="/referenzen/tutkit" class="button">Details</a>
                </div>
                        </div>
    <div class="separator-big">&lt;!<span>--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</span>&gt;</div>
    <div id="references-all">
                <a href="/referenzen" class="button">Alle Referenzen ansehen</a>
            </div>
</section>
<script>
    Element.prototype.acp_remove = function() {
        this.parentElement.removeChild(this);
    };

    function switch_references()
    {
        var first = document.getElementById('reference-1');
        var second = document.getElementById('reference-2');

        if(first.style.display === 'flex' || first.style.display === '')
        {
            first.style.display = 'none';
            second.style.display = 'flex';
        }
        else
        {
            first.style.display = 'flex';
            second.style.display = 'none';
        }
    }
</script>

        </main>

		<footer>
			<section id="footer">
				<div class="tripple-box">
					<div>Leistungen</div>
					<ul>
						<li>
							<a href="/php">
								PHP-Agentur
							</a>
						</li>
						<li>
							<a href="/laravel">
								Laravel-Agentur
							</a>
						</li>
						<li>
							<a href="/vue-js">
								Vue.js-Agentur
							</a>
						</li>
						<li>
							<a href="/react-native">
								React Native-Agentur
							</a>
						</li>
						<li>
							<a href="/frontend">
								Frontend-Entwicklung
							</a>
						</li>
						<li>
							<a href="/schnittstellen">
								Schnittstellen
							</a>
						</li>
						<li>
							<a href="/prototypen">
								Prototyp-Entwicklung
							</a>
						</li>
						<li>
							<a href="/performance">
								Performance-Optimierung
							</a>
						</li>
					</ul>
					<a href="/datenschutz" style="color:#da4453">Datenschutz</a> <span  style="color:#da4453">//</span> <a href="/impressum" style="color:#da4453">Impressum</a>
				</div>
				<div class="tripple-box" style="padding-right:30px">
					<div>Über uns</div>
					<ul>
						<li>
							<a href="/agentur">Agentur</a>
						</li>
						<li><a href="/referenzen">Referenzen</a></li>
						<li><a href="/karriere">Karriere</a></li>
					</ul>
					<div>
						<i class="fa fa-phone"></i> <a href="tel:+492515906440" onclick="raise_event( 'Contact click', 'Telefon', 'klick');" style="color:#fff">0251 / 590 644 - 0</a>
					</div>
					<div>
						<i class="fa fa-comments"></i> <a onclick="Calendly.initPopupWidget({url: 'https://calendly.com/acodingproject/kennenlernen?text_color=363636&amp;primary_color=da4453'});return false;" style="color:#fff;cursor:pointer">Gespräch vereinbaren</a>
					</div>
					<div>
						<i class="fa fa-envelope"></i> <a href="mailto:hallo@a-coding-project.de" onclick="raise_event('Contact click', 'E-Mail', 'klick');" style="color:#fff">hallo@a-coding-project.de</a>
					</div><br>
					<div>
						<a href="https://www.facebook.com/acodingproject/" rel="noopener" onclick="raise_event( 'Social click', 'Facebook', 'klick');" title="a coding project auf Facebook" aria-label="a coding project auf Facebook" target="_blank" class="social-icon">
							<i class="fa fa-facebook"></i>
						</a>
						<a href="https://www.xing.com/pages/acodingprojectgmbh" rel="noopener" onclick="raise_event('Social click', 'Xing', 'klick');" title="a coding project auf Xing" aria-label="a coding project auf Xing" target="_blank" class="social-icon">
							<i class="fa fa-xing"></i>
						</a>
						<a href="https://www.linkedin.com/company/a-coding-project-gmbh/" rel="noopener" title="a coding project auf Linkedin" aria-label="a coding project auf Linkedin" onclick="raise_event('Social click', 'LinkedIn', 'klick');" target="_blank" class="social-icon">
							<i class="fa fa-linkedin"></i>
						</a>
					</div>
				</div>
				<div class="tripple-box">
					<div>
						<strong>
							a coding project GmbH
						</strong>
					</div>
					<div>
						Mendelstr. 11
					</div>
					<div>
						48149 Münster
					</div>
				</div>
			</section>
		</footer>
				<script src='/js/mobile.js' defer></script>
			<script>
					if ('serviceWorker' in navigator) {
				navigator.serviceWorker.register('/serviceworker-v9.js');
			}
			</script>
		<script>
			var summaries = document.getElementsByTagName("summary");
			for(var i = 0; i < summaries.length; i++){
				summaries[i].addEventListener("click",function(){
					if(!this.parentElement.hasAttribute("open")){
						raise_event('Summary click', this.innerText.trim(), 'klick');
					}
				})
			}
		</script>

					<div id="cookiebox">
				<div>
					<h2>Cookie-Einstellungen</h2>
					<p>
						Helfen Sie dabei, uns noch besser zu machen.
						Wir nutzen Cookies und ähnliche Technologien, um die Website auf Ihre Bedürfnisse anzupassen.
						<a href="/datenschutz">Zur Datenschutzerklärung</a>
					</p>

					<div style="margin-bottom: 20px">
						<label>
							<input type="checkbox" checked disabled />
							Funktionen
						</label>
						<label>
							<input type="checkbox" id="cookie_stats" />
							Statistik
						</label>
						<label>
							<input type="checkbox" id="cookie_marketing" />
							Marketing
						</label>
					</div>

					<div id="cookiebox-plugins">
						<button class="button button-white" onclick="accept_cookies(true,true)">
							Alle erlauben
						</button>
						<span id="change-cookies" onclick="save_cookies()">
							Auswahl speichern
						</span>
					</div>
				</div>
			</div>
			<style>
				#cookiebox {
					background-color: rgba(0,0,0,0.2);
					position: fixed;
					top:0;
					right:0;
					left:0;
					bottom: 0;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				#cookiebox > div{
					background-color: #363636;
					color: #fff;
					padding: 15px;
					max-width: 500px;
					width: 80%;
				}
				#cookiebox p{
					margin-bottom: 20px;
				}
				#cookiebox h2{
					color: #fff;
				}
				.button-white {
					color: #363636;
					border-color: #fff;
					background-color: #fff;
					margin-right: 15px;
				}
				#change-cookies {
					cursor: pointer;
					display: inline-block;
					white-space: nowrap;
				}
				@media (max-width: 510px){
					#change-cookies{
						display: block;
						margin-top: 10px;
					}
				}
				@media (max-width: 545px) {
					#cookiebox h2{
						font-size: 17px;
					}
				}
				@media (max-width: 511px){
					#cookiebox-plugins {
						display: flex;
						flex-direction: row;
						align-items: center;
						flex-wrap: wrap;
						justify-content: center;
					}
				}
				@media (max-width: 425px){
					#cookiebox label {
						display: block;
					}
				}
				@media (max-width: 360px){
					#cookiebox > div {
						width: 90%;
					}
				}
				#change-cookies:hover{
					text-decoration: underline;
				}
			</style>
			<script src="/js/cookies.js?1"></script>
		
							<style>
    .calendly-overlay .calendly-popup{
        max-height: 777px;
    }
</style>
<script>
    function isCalendlyEvent(e) {
        return e.data.event &&
            e.data.event.indexOf('calendly') === 0;
    };

    window.addEventListener(
        'message',
        function(e) {
            if (isCalendlyEvent(e)) {
                raise_event('Calendly', e.data.event, e.data.event);
                if(typeof gtag != "undefined" && e.data.event == "calendly.event_scheduled"){
                    gtag('event', 'conversion', {
                        'send_to': 'AW-1038948722/zfqTCJe7_t0CEPKytO8D'
                    });
                }
                if(window.lintrk){
                    window.lintrk('track', { conversion_id: 4646890 });
                }
            }
        }
    );
</script>

		<script type="speculationrules">
			{
              "prerender": [{
                "source": "document",
                "where": {
                  "and": [
                    { "href_matches": "/*" }
                  ]
                },
                "eagerness": "moderate"
              }]
            }
		</script>
    </body>
</html>
