@charset "utf-8";
#box1 {
	height: 700px;
	width: 82%;
	position: absolute;
	background-attachment: fixed;
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
	float: left;
	display: inline;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 113px;
	border: thin solid rgba(100,100,100,1.00);
}
#film {
	width: 888.88px;
	height: 500px;
}
.text1 {
	height: 500px;
	margin-top: 40px;
}
#sozial {
	width: 200px;
	float: right;
	margin-left: 20px;
}

#box-button1 {
	width: 100%;
	color: rgba(255,255,255,1.00);
	text-align: center;
	margin-top: 5px;
	height: 30px;
	margin-bottom: 40px;
}
.button1 {
	border-radius: 6px;
	background-color: rgba(150,150,150,1.00);
	height: 30px;
	float: left;
	width: 240px;
	padding-top: 4px;
	margin-right: 15px;
}
.button1:hover {
	background-color: rgba(120,120,120,1.00);
}

@media only screen and (max-width: 1447px) {
#film {
	width: 640px;
	height: 360px;
}

}

@media only screen and (max-width: 1024px) {
#box1 {
	background-image: url(img/columba-adrian_001.png);
	background-attachment: scroll;
	-webkit-background-size: 100%;
	background-size: 100%;
	width: 100%;
	height: 0px;
	background-position: 0% 0%;
	background-repeat: no-repeat no-repeat;
	border: none;
	padding-top: 44%;
}
#film {
	width: 560px;
	height: 315px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
.text1 {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	height: 384px;
	margin-top: 87px;
}
}

@media only screen and (max-width: 610px) {
#film {
	width: 355px;
	height: 200px;
}
.text1 {
	height: 241px;
}


}

@media only screen and (max-width : 440px ) {
.text1 {
	height: 162px;
}
#film {
	width: 177px;
	height: 100px;
}
#box1   {
	padding-left: 18px;
}
.ueberschrift03   {
	width: 120%;
}






}