















/* padding */	







.pad {

	padding:40px 30px 40px 30px;

}



.pad2 {

	padding:0px 10px 40px 10px;

}













.logo {

width:22%;

position:relative;

left:39%;

padding:0px 0px 0px 0%;

margin:13% 0px 0px 0px;

z-index:25000;

}







.logo2 {

width:14%;

position:relative;

}











/* headlines, p, a, smallfont */









h1 {

font-family: 'Pinyon Script', verdana;

font-size:48px;

font-weight:100;

line-height:52px;

letter-spacing:0;

margin:20px 0px 50px 0px;

text-align:left;

color:#9b897e;

}





h2 {

font-family: 'Open Sans', verdana;

font-size:24px;

font-weight:300;

line-height:28px;

letter-spacing:0.5px;

margin:20px 0px 10px 0px;

text-align:left;

text-transform:uppercase;

letter-spacing:0.2em;

color:#9b897e;

}





h3 {

font-family: 'Open Sans', verdana;

font-size:22px;

font-weight:100;

line-height:33px;

letter-spacing:0.1px;

margin:20px 0px 10px 20%;

text-align:center;

color:#fff;

width:60%;

}





h4 {

font-family: 'Open Sans', verdana;

font-size:18px;

font-weight:400;

line-height:22px;

margin:25px 0px 5px 0;

letter-spacing:0.1em;

color:#9b897e;

}





h5 {

font-family: 'Open Sans', verdana;

font-size:20px;

font-weight:400;

line-height:24px;

letter-spacing:-0.2px;

margin:20px 0px 10px 0px;

text-align:left;

}





p {

font-family: 'Open Sans', verdana;

font-size:14px;

line-height:24px;

font-weight:100;

color:#9b897e;

margin:20px 0px 10px 0px;

text-align:justify;

}











.small-font {

font-size:11px!important;

letter-spacing:0px;

color:#9b897e;

}











img {

width:100%;

margin:0px 0px 0px 0px;

}



a {

color:black;

text-decoration:none;

}



a:hover {

color:#f295a0;

text-decoration:none;

}































/* center, left, right, fixed */





.center, .center h1, .center h2, .center h3, .center h4, .center h5, .center p, .center a {

	text-align:center;

}



.auto img{

width:auto!important;

}



.absolute {

position:absolute;

z-index:11000;

}



.imprint {

height:650px;

}



.right {

float:right;

}

















/* colors */







.color2 {

background-color:#9b897e;

padding: 0px 0px 40px 0px;

}



.color2 a {

color:#fff;

}



.color2 a:hover{

color:#ff86a5;

}



.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 p, .color2 a{

color:#fff;

}





.color3 {

background-color:#f7f7f7;

padding: 0px 0px 40px 0px;

}





.white h1, .white h2, .white h3, .white h4, .white h5, .white p, .white a{

color:#fff;

}

















.bg-con {

margin:0px;

background: url(../../images/bg_contact.jpg) no-repeat center center;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;



background-attachment:fixed;



color:#fff;

}























/* button */







.button {

position:relative;

width:auto;

margin:20px 0px 20px 0px;

padding:10px 20px 10px 20px;

display:inline-block;

font-family: 'Open Sans', verdana;

line-height:25px;

font-weight:400;

font-size:14px;

font-weight:normal;

color:#ffffff;

letter-spacing:0.3em;

text-decoration:none;

text-transform:uppercase;

text-align:center;

cursor:pointer;

border:none;

background-color:#f295a0;

}





.button:hover {

background-color:#ea6e7d;

color:#ffffff;

}

































/* background-fullscreen */







.bg-fullscreen {

	min-height:100%; 

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}















.mobile-on {

	display:none;

}



































































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

		

		





.logo {

width:30%;

position:relative;

left:35%;

padding:0px 0px 0px 0%;

margin:15% 0px 0px 0px;

z-index:25000;

}



.logo2 {

width:22%;

position:relative;

}







.bg-con {

margin:0px;

background: url(../../images/bg_contact.jpg) no-repeat center left;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;



background-attachment:fixed;



color:#fff;

}









}











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

		

		





.logo {

width:30%;

position:relative;

left:35%;

padding:0px 0px 0px 0%;

margin:15% 0px 0px 0px;

z-index:25000;

}







}

			

































































@media screen and (max-width:1000px) and (orientation:portrait) {  

			    









.logo {

width:40%;

position:relative;

left:30%;

padding:0%;

margin-top:150px;



}





.logo2 {

width:30%;

position:relative;

}

















/* button */





.form .button {

width:100%;

}





.button, .button2 {



width:auto;

margin:5%;

padding:3% 8% 3% 8%;

}













.mobile-on {

	display:inline;

}









			

}







