body {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	background-color: #E4E4E4;
	background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #A7A7A7),
	color-stop(0.25, #E4E4E4)
	);
	background-attachment: fixed;
	font-family: 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
#abstand {
	margin-bottom: 50px;
}

#wrapper {
	margin: 30px auto;
}

/* BEEGINN des NAVIGATION-TEILS */
nav ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 14% 14% 14% 14% 14% 14% 14%;
	grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	background: #E31E25;
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 60px;
	font-size: 1.2em;
}
nav ul li {
	list-style: none;
	text-align: center;
	font-style: italic;
	padding: 20px 0px 20px 0px;
}
nav ul a {
	display: block;
	text-decoration: none;
	color: white;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
}

/* ENDE des NAVIGATION-TEILS */


.one-third-two-third {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33% 66%;
	grid-template-columns: 1fr 2fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
}


/* Beginn des Layouts für Engagement / Partner / Lieferanten */
.three-third {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
}
.engagement, .systemlieferant, .mitgliedschaften {
	margin: 30px;
}
.mitgliedschaften a {
	text-decoration: none;
}
figcaption {
	color: #E31E25;
	font-size: 1.2em;
}

/* Layout für index.php der Seitenteil */
article h1 {
	background: #B2B4B3;
	color: #393089;
	font-size: 1.4em;
	padding: 2px 20px 2px 10px;
	border-radius: 5px;
	margin-right: 5px;
}

article a {
	color: blue;
	text-decoration: none;
	font-size: 1.3em;
}

/* Beginn des Layout für Referenzen */

#overview {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 14% 14% 14% 14% 14% 14% 14%;
	grid-template-columns: 14% 14% 14% 14% 14% 14% 14%;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
}
#overview p {
	margin: 3px;
}
#overview img {
	width: 100px;
	height: 100px;
}
#overview figure {
	text-align: center;
}
#overview figcaption {
	font-size: 14px;
	color: red;
	text-align: left;
}
.fifty-fifty {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 60% 40%;
	grid-template-columns: 60% 40%;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;
	margin: 20px;
}
.label {
	font-size: 1.2em;
}
.four-quarter {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% 20% 30% 20%;
	grid-template-columns: 30% 20% 30% 20%;
	-ms-grid-rows: auto auto auto auto;
	grid-template-rows: auto auto auto auto;
	margin: 20px;
}

/* Beginn des Footer-Teils */
footer {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 33% 33% 33%;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	background: #303989;
	overflow: hidden;
	border-radius: 15px;
	color: white;
}


/* Die media-queries für Responsive Web Design (RWD) */
@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 600px) {
	
}