/*Animations*/
#intro-header, #intro-btn{
	opacity:0;
}

body{
	text-rendering: geometricPrecision;
	font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto Slab', serif;
	text-rendering: geometricPrecision;
}

.centered{
    float: none;
    margin: 0 auto;
}

.text-center{
	text-align:center;
}

p{
	font-family: 'Open Sans', sans-serif;
	color:#39424A;
	font-size: inherit;
    line-height: 1.6;
	text-rendering: geometricPrecision;
}

header{
	background-image:url('../img/header.png');
	background-size:cover;
	background-position:center;
}

header p{
	color:#fff;
	text-shadow:0 0 6px #555;
}

.partner{
	background-color:#F7F7F7;
	padding-top:30px;
	padding-bottom:30px;
}

.partner .menu{
	display: table;
}

.partner .menu li{
	display:table-cell;
	padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.partner .menu li img{
	width:100%;
	max-width:none;
}

.partner .logo{
	padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
	border:1px solid #E1E1E1;
	margin:0px;
}

.partner .small-12{
	padding:0px;
}

h1{
	color:#ffcc00;
	margin-top:20px;
	font-weight:300;
	font-size:3.2rem;
	text-shadow: 0 0 15px #555;
}

h2{
	color:#39424A;
	font-weight:300;
	font-size:2rem;
}

h3{
	color:#39424A;
	font-weight:300;
	font-size: 2rem;
}

.logo{
	margin-bottom:80px;
}

.icons h3{
	font-weight:700;
	font-size:22px;
}

.gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding-top:80px;
	padding-bottom:120px;
}

#first{
	padding-top:80px;
	padding-bottom:80px;
}

#first .description{
	margin-bottom:40px;
}

#first .icons{
	margin-top:40px;
}

#first .icon{
	margin-bottom:20px;
}


/*--Buttons--*/

header .button{
	margin-top:10px;
}

.button{
	background:none;
	background-color:none;
	border:2px solid #ffcc00;
	color:#ffcc00;
	text-transform:uppercase;
	font-weight:600;
	padding-left:80px;
	padding-right:80px;
	transition:all .3s ease-in-out;
}

a{
	cursor:pointer;
}

.button:hover{
	background-color:#ffcc00;
	color:#fff;
	cursor:pointer;
}

.button:visited{
	background:none;
	background-color:none;
}

.button:focus{
	color:#ffcc00;
	background-color:none;
	background:none;
}

#second h3{
	margin-bottom:40px;
}

#second{
	background-image:url('../img/concrete_seamless.jpg');
	padding-top:80px;
	padding-bottom:80px;
}

#second .container {
  	position: relative;
  	width: 100%;
	background-position: center;
	cursor: pointer;
}

#second .overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:rgba(0,0,0,0.8);
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
	cursor:pointer;
}

#second .text {
	padding-left: 20px;
	padding-right: 20px;
	width:100%;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
	color:#fff;
}

#second .container:hover .overlay {
  	height: 100%;
	cursor:pointer;
}

#second .text h4{
	font-weight:300;
	font-size:24px;
}

#second .text p{
	color:#fff;
}

.container{
	background-size:cover;
	height:350px;
}

.post{
	margin-bottom:30px;
}

.contact{
	background-color:#F7F7F7;
	padding-top:80px;
	padding-bottom:80px;
}

.contact h3{
	margin-bottom:20px;
}

.contact .text{
	margin-bottom:40px;
}

#wpcf7-f36-p5-o1{
	margin-top:15px;
}

.datenschutz{
	display:inline-block;
	float:left;
}

.datenschutz-checkbox{
	display: inline-block;
}

input:disabled{
	background-color:#b3b3b3;
	border-color:#b3b3b3;
	color:#fff;
}

input:disabled:hover{
	background-color:#b3b3b3;
	border-color:#b3b3b3;
	color:#fff;
}

label{
	color:#39424A;
	font-weight:900;
	font-size:16px;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	margin-top:10px;
	box-shadow:none;
	border:1px solid #D7D7D7;
}

.wpcf7-submit{
	color:#01A2A2;
	background-color:none;
	background:none;
	border:2px solid #01A2A2;
	padding:10px;
	width:100%;
	transition:all .3s ease-in-out;
	cursor:pointer;
	font-weight:900;
	font-size:14px;
	text-transform:uppercase;
}

.wpcf7-submit:hover{
	background-color:#01A2A2;
	color:#fff;
}

.contact a{
	color:#01A2A2;
	font-weight:900;
}

.reveal img{
	margin-bottom:20px;
}

.reveal{
	padding:0px;
	padding-bottom:30px;
}

.close-button{
	color:#fff;
	margin-top:10px;
	margin-right:10px;
	transition:all .3s ease-in-out;
}

.close-button:hover{
	color:#01A2A2;
}

footer{
	padding-top:20px;
	padding-bottom:5px;
}

footer a{
	color:#9B9B9B;
	font-weight:900;
	transition:all .3s ease-in-out;
}

footer a:hover{
	color:#39424A;
}

footer .social-links{
	list-style-type:none;
	float: right;
}

footer .menu li a{
	padding-left:0;
	padding-right:30px;
}

footer .menu li{
	margin-left:0;
}

footer ul{
	list-style-type:none;
}

footer ul li{
	float:left;
	margin-left:10px;
}

.material-icons{
	margin-top: 5px; 
    position: relative;
    top: 5px;
}

.phone{
	 margin-right: 10px;
}

.mail{
	 margin-right: 5px;
}

/*Social-Links*/

.social-links li a{
	width:40px;
	height:40px;
	display:block;
	background-repeat:no-repeat;
}

.social-sharing{
	list-style-type:none;
	position:absolute;
	top:20px;
	z-index:9999999;
}

.social-sharing li{
	float:left;
	margin-right:15px;
}

.social-sharing li:last-child{
	margin-right:0px;
}

.social-sharing span{
	display:inline-block;
	width:40px;
	height:40px;
}

.twitter{
	background-image:url('../img/twitter-with-circle.svg');
	transition:all .3s ease-in-out;
}

.twitter-white{
	background-image:url('../img/twitter-with-circle-white.svg');
	transition:all .3s ease-in-out;
}

.facebook{
	background-image:url('../img/facebook-with-circle.svg');
	transition:all .3s ease-in-out;
}

.facebook-white{
	background-image:url('../img/facebook-with-circle-white.svg');
	transition:all .3s ease-in-out;
}

.youtube{
	background-image:url('../img/youtube-with-circle.svg');
	transition:all .3s ease-in-out;
}

.snapchat{
	background-image:url('../img/snapchat-with-circle.svg');
	transition:all .3s ease-in-out;
}

.instagram{
	background-image:url('../img/instagram-with-circle.svg');
	transition:all .3s ease-in-out;
}

.linkedin{
	background-image:url('../img/linkedin-with-circle.svg');
	transition:all .3s ease-in-out;
}


/*Social-Links - Hover*/
.twitter:hover{
	background-image:url('../img/twitter-with-circle-hover.svg');
}

.twitter-white:hover{
	background-image:url('../img/twitter-with-circle-white-hover.svg');
}

.facebook:hover{
	background-image:url('../img/facebook-with-circle-hover.svg');
}

.facebook-white:hover{
	background-image:url('../img/facebook-with-circle-white-hover.svg');
}

.youtube:hover{
	background-image:url('../img/youtube-with-circle-hover.svg');
}

.snapchat:hover{
	background-image:url('../img/snapchat-with-circle-hover.svg');
}

.instagram:hover{
	background-image:url('../img/instagram-with-circle-hover.svg');
}

.linkedin:hover{
	background-image:url('../img/linkedin-with-circle-hover.svg');
}


/*Rechtliches*/
.rechtliches .content{
	padding-top:40px;
	padding-bottom:40px;
}

.rechtliches h1{
	margin-top:40px;
}

.rechtliches h3{
	font-weight:bold;
	font-size:24px;
}

.rechtliches .gradient{
	padding-bottom:140px;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	h1{
		font-size:2.4rem;
	}
	
	.form{
		margin-top:40px;
	}


	#first .icons{
		margin-top:20px;
	}
	
	.wpcf7-submit{
		margin-top:20px;
	}
	
	.partner{
		padding-top:0px;
		padding-bottom:0px;
	}
	
	footer .menu{
		width: 225px;
    	margin: 0 auto;
		margin-bottom:50px;
	}
	
	footer .menu li:first-child{
		padding-right:30px;
	}
	
	footer .menu li a{
		padding-right:0px;
		text-align:center;
	}
	
	footer .social-links {
		list-style-type: none;
		float:none;
		width: 300px;
		margin: 0px auto;
	}
	
	footer{
		padding-bottom:30px;
	}
	
	.partner .menu li img{
		width:auto;
	}
}