@charset "utf-8";
#box1 {
	height: 700px;
	width: 82%;
	position: absolute;
	background-image: url(img/kette_001.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
	float: left;
	display: inline;
}
#box2 {
	height: 700px;
	width: 54%;
	background-color: rgba(255,255,255,0.86);
	overflow: auto;
	margin-left: 50px;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#box2 .text1 p {
	font-size: 1em;
}
#box3 {
	height: 230px;
	width: auto;
	padding-top: 8px;
}
.box4 , .box5, .box6{
	height: auto;
	width: 33.3333%;
	float: left;
	text-align: center;
}
.box4 p ,  .box5 p ,.box6 p{
	margin-top: 4px;
	font-size: 0.9em;
	line-height: 17px;
	font-weight: 500;
}
#sozial   {
	width: 146px;
	float: right;
	margin-left: 20px;
}
a .box4 img  {
	border-width: thin;
	border-style: solid;
}
a .box5 img  {
	border-width: thin;
	border-style: solid;
}
a .box6 img  {
	border-width: thin;
	border-style: solid;
}
.mark {
	background-color: rgba(150,150,150,1.00);
	border-radius: 6px;
	color: rgba(255,255,255,1.00);
	width: 330px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 19px;

}











@media only screen and (max-width: 1447px) {
#box2 {
	width: 600px;
}
#box1 {
	background-image: url(img/kette_002.jpg);
}
#box2 .text1 p {
	font-size: 0.9em;
}
#box3 {
	padding-top: 0px;
}




}

@media only screen and (max-width: 1024px) {
#box1 {
	background-image: url("img/kette_001.jpg");
	background-attachment: scroll;
	-webkit-background-size: 100%;
	background-size: 100%;
	width: 100%;
	height: auto;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}
#box2 {
	width: 100%;
	height: auto;
	margin-top: 35%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	overflow-y: visible;
}
#box2 .text1 p {
	font-size: 1em;
}
#box3 {
	padding-top: 14px;
}
#box1 #box2 .text1 {
	margin-top: 90px;
}




}

@media only screen and (max-width : 440px ) {
#box1 {
	background-image: url("img/kette_001.jpg");
	background-attachment: scroll;
	background-size: 100%;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
}
#box2 {
	overflow: auto;
	float: left;
	padding-top: 23px;
	padding-right: 18px;
	padding-bottom: 25px;
	padding-left: 18px;
	overflow-y: visible;
}
#box3 {
	height: auto;
}

.box4, .box5, .box6 {
	float: none;
	margin-left: auto;
	width: auto;
	margin-right: auto;
	margin-top: 30px;


}
#box3 .box4 img {
	width: 50%;
	height: 0%;
}


}