@charset "utf-8";
/* CSS Document */
#intro-banner{
	width: 100%;
	background-color: #e6e6e6;
	padding-top: 100px;
	padding-bottom: 100px;
}
.intro{
	content: ' ';
	display: table;
	clear: both;
	padding-top: 20px;
	padding-bottom: 25px;
}

.intro-column {
	display: inline-block;
	text-align: left;
	margin-right: 5%;
	float: left;
	vertical-align: top;
	padding-left: 4%;
}
#first.intro-column{
width: 30%;
border-right:3px solid;
border-color: #ea2029;
padding-right: 4%;
padding-left: 0%;
margin-right: 0%;
}
#second.intro-column{
width: 60%;
}
.intro-column span{
display: block;
padding-top: 5px;
padding-bottom: 5px;

}
#kunde{
	font-size: 23px;
	padding-bottom: 5px;
}
#highlight{
	color:#000;
	font-weight: 700;
}
.intro-column a{
	text-decoration: none;
	color:#ea2029;
 font-weight: 700;
}
.intro-column a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 992px){
		#intro-banner{
			padding-top: 10px;
			padding-bottom: 10px;
	}
	.intro{
		content: ' ';
		display: table;
		clear: both;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 5%;
		padding-right:5%;
			width: 100%;
	}

	.intro-column {
		display: inline-block;
		text-align: left;
		float: left;
		vertical-align: top;

		}

#first.intro-column{
				width: 100%;
				border-right: none;
		}
#second.intro-column{
				width: 100%;
				border-right: none;
		}
	#kunde{
		padding-top: 15px;
	}
	.intro-column:last-child {
			border-top: 3px solid;
			border-color: #ea2029;
			border-left: none;
			padding-left: 0%;
			margin-right: 0%;
	}
}