@font-face
{
	font-family:'FsJack' ;
	src: url("font/FS Jack Family Web Digital/Fonts/Web/FSJackWeb-Light/FSJackWeb-Light.woff") format("woff");
	font-weight: lighter;
	font-style: lighter;
}




body
{
	background-color: #e40327;
	color: #FFF;
	font-family:FsJack;
}
.wrapper
{
	width: 58%;
	max-width: 750px;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
}
.img
{
	position: relative;
	margin-bottom: 95px;
	width: 285px;
	height: 76px;
	left: 50%;
	transform: translateX(-50%);
}
.img::after
{
	content: "";
	width: 100px;
	height: 1px;
	background-color: #ffffff;
	bottom:-50px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	transform: translateX(-50%);

}
.text
{
	font-size: 18px;
	color: white;
	text-align: justify;
	font-family:FsJack;
	line-height: 23px;
	letter-spacing: .5px;
	text-align-last:center;
}
.text_over::after
{
    content: "";
	width: 100px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-right: auto;
	margin-top: 27px;
}

.anfrage
{
	text-align: center;
	padding-top: 27px;
}
.adresse
{
	font-size: 14px;
	color: white;
	text-align: center;
	font-family:FsJack;
	margin-top: 94px;
	letter-spacing: 1px;
}
ul.phone
{
	list-style-type: none;
	margin-left: auto;
  	margin-right: auto;
	width: 220px;
	left: 9%;
	transform: translateX(-7%);

}
ul.phone li
{

	font-size: 25px;
	color: white;
	font-family:FsJack;
	margin: 0;
    padding: 0;
	text-align: left;
	left: 0;
	line-height: 23px;
	letter-spacing: 1px;
}
.right
{
	float: right;
	letter-spacing: 1.5px;

}
.info
{
	font-size: 14px;
	color: white;
	text-align: center;
	font-family:FsJack;
	line-height: 21px;
	letter-spacing: 1px;
}
a
{
	color: white;
	text-decoration: none;
}
a:link
{
	color: white;
	text-decoration: none;
}
a:visited
{
	color: white;
	text-decoration: none;
}

.datenschutz > h3 { text-align: center; }
.datenschutz .content { display: none; text-align: justify; }

@media only screen and (max-width: 900px) {
    .wrapper {
        width: 80%;
    }
}

@media only screen and (max-width: 500px) {

	.wrapper
	{
		width: 90%;
	}
}

@media only screen and (max-width: 400px) {

	ul
	{
		padding: 1% 3%;
		width: auto;
		text-align: center;

	}

}