.bild {
	width:300px;
	height:250px;
	
}

.schatten {
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);	
}

.klein {
	
	height:10px !important;
	overflow:visible !important;
}
.klein2 {
	
	height:20px !important;
	width:96% !important;
	
}

#boxgross {
	position: absolute;
	top: 700px;
    left: 0px;
   	width:100%;
	height:400px;
	background:#F0ECE8;
	
}
#boxgross2 {
	position: absolute;
	top: 1150px;
    left: 0px;
   	width:100%;
	height:400px;
	background:#F0ECE8;
}
#boxgross3 {
	position: absolute;
	top: 1600px;
    left: 0px;
   	width:100%;
	height:400px;
	background:#F0ECE8;
}
#boxgross4 {
	position: absolute;
	top: 2050px;
    left: 0px;
   	width:100%;
	height:400px;
	background:#F0ECE8;
}
#boxgross5 {
	position: absolute;
	top: 2500px;
    left: 0px;
   	width:100%;
	height:400px;
	background:#F0ECE8;
}


.boxgrosstext {
	position: absolute;
	top: 60px;
    left:475px;
   	width:500px;
	height:300px;
	
}
.boxgrossbild1 {
	position: absolute;
	top: 50px;
    left:10px;
   	width:400px;
	height:300px;	
}
.boxgrossbild2 {
	position: absolute;
	top: 50px;
    right:18px;
   	width:400px;
	height:300px;	
}
.bildgross img {
	width:400px;
	height:300px;
}
.text {
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:18px;
	color:grey;
	text-align:left;
	
}

.text2 {
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:26px;
	color:black;
	text-align:left;
	margin-top:30px;	
	margin-bottom:30px;	
	
}
.text3 {
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:18px;
	color:grey;
	text-align:left;
	line-height:30px;	
}
.text4 {
	margin-top:50px;
	width:130px;
	height:50px;
	border-radius:3px;
	background:red;
	font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
	font-size:18px;
	color:white;
	line-height:50px;
	text-align:center;
	
}
.text4:hover {
	background:black;
}
#footer {
	position: absolute;
	top: 3090px;
    left:0px;
   	width:100%;
	height:40px;
background:grey;
font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;	
}
.footer {
	text-align:right;
	padding-right:10px;
	padding-top:10px;
color:white;
}
.footer:hover  {
	color:black !important;
}
.sephia img {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
-webkit-filter: grayscale(0);


transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);

-webkit-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}

.sephia img:hover  {
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-ms-filter: grayscale(50%);
-o-filter: grayscale(50%);
-webkit-filter: grayscale(50%);

transform: rotate(0deg) scale(1.100) skew(1deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1.100) skew(0deg) translate(0px);
	
}