.logo {

	padding-top: 50px;
	

}

.no-border {

	border: 0!important;

	

}



.btn-small{

	font-size: 28px!important;

	font-weight: 600!important; 

	float: right!important;

	transition: all 0.3s ease-in-out 0s;

}



.button-center{

	text-align:center!important;

	border-top:1px solid #c9c7c1;

	

}



.headline-sub{

	font-size: 38px!important;

	font-weight: 600!important; 

	margin-bottom: 20px!important;

}



.headline-green{

	font-size: 28px!important;

	font-weight: 600!important; 

	margin-bottom: 0px!important;

	color:#33a700;

}



.text-medium {

	font-size: 19px!important;

	font-weight: 500;

}



.text-right-top {

	text-align:right;

	padding-top: 38px;

}

.align-center {text-align: center}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}


.text-label-gross {

	font-size: 19px!important;

}


.sub-titel {

	font-size: 18px;

	font-weight: 300;

	font-style: normal;

	font-family: "soleil",sans-serif;
	
	margin-top: 25px;
	
	color: #747370;

}

.projekt-titel {

	font-size: 26px;

	font-weight: 300;

	font-style: normal;

	font-family: "soleil",sans-serif;
	
	margin-top: -5px;
	

}



.text-seo-gross {

	font-size: 26px;

	font-weight: normal;

	font-style: normal;

	font-family: "abril-text",sans-serif;

}



.margin-top-40 {

	margin-top:40px;

}

.margin-bottom-40 {

	margin-bottom:40px;

}



.margin-top-26 {

	margin-top:26px;

}



.margin-top-20 {

	margin-top:20px;

}



.padding-bottom-20 {

	padding-bottom: 20px;



}



.seotext {

	padding-left: 76px;

    padding-top: 74px;



}





.padding-leistungen-30 {

	padding-left:120px;

}



.footer {
    padding: 10px 0 25px 0;
    background-color: #008bd2;
    color: #fff;





}



.footer p {

	text-align: center;

	font-size: 17px;

	font-weight:300;

	line-height:1.3em;

	margin-bottom:30px;



}



.footer a {

	color: #fff;

	text-decoration:underline;

}



.footer a:hover {

	color: #d74f53;

	text-decoration:none;

}





.white {

	color:#fff;

	font-weight:300;



}



.grey {

	color:#666563;

    font-weight: 300;

    line-height: 1.42857;



}



.green {

	color:#34a701;

	font-weight:normal;

}







.footer h1 {

	text-align:left;

	color:#747370;

}



.align-right {

	text-align:right;

}



.referenz-button {

	float: right;

	background-color: transparent!important;

    border: 2px solid #d74f53!important;

	color: #141414!important;

}







.referenz-button:hover, .referenz-button:focus, .referenz-button:active, .referenz-button.active {

	background-color: #d74f53!important;

    border: 2px solid #d74f53!important;

	color: #fff!important;

}




.container, .footer {

	max-width: 800px!important;
	width: auto!important;
	
	padding-right: 15px;
	padding-left: 15px;
	
}

.container {

	max-width: 800px!important;
	width: auto!important;
	background-color: #e5e5e5;
}


.footer .btn-lg {
    padding: 0 0;
    font-size: 20px;
    line-height: 1.2;
    border-radius: 0;
    font-weight: 300;
    border-bottom: none!important;
}

.footer .btn-lg:hover {
    border-bottom-color: transparent;
    color: #fff !important;
	opacity: 0.6;
	
}

.footer a {
    color: #fff;
    text-decoration: none;
}


.footer a:hover {
    color: #fff;
    text-decoration: none;
	opacity: 0.6;
}

.container-overlay {

	position:relative; 

	margin:0 auto; 

	float:none!important;

}



.overlay-kontakt {

	border:none;

	padding-left:0;

	color:#747370;

	text-align:left!important;

}



/* Overlay style */

.overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(233,232,228,0.9);

	overflow-y: scroll;

}



/* Overlay closing cross */

.overlay .overlay-close {

	width: 80px;

	height: 80px;

	position: absolute;

	right: 20px;

	top: 20px;

	overflow: hidden;

	border: none;

	background: url(../img/cross.png) no-repeat center center;

	text-indent: 200%;

	color: transparent;

	outline: none;

	z-index: 100;

}



/* Menu style */

.overlay nav {

	text-align: center;

	position: relative;

	top: 50%;

	height: 60%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}



.overlay ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	display: inline-block;

	height: 100%;

	position: relative;

}



.overlay ul li {

	display: block;

	height: 20%;

	height: calc(100% / 5);

	min-height: 54px;

}



.overlay ul li a {

	font-size: 54px;

	font-weight: 300;

	display: block;

	color: #fff;

	-webkit-transition: color 0.2s;

	transition: color 0.2s;

}



.overlay ul li a:hover,

.overlay ul li a:focus {

	color: #f0f0f0;

}



.overlay p {

	color: #747370;

	font-size:15px;

	line-height:1.5em;



}



/* Effects */



.container {

	

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

}



.container.overlay-open {

	-webkit-transform: scale(0.8);

	transform: scale(0.8);

}



.overlay-contentscale {

	visibility: hidden;

	-webkit-transform: translateY(100%);

	transform: translateY(100%);

	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;

	transition: transform 0.5s, visibility 0s 0.5s;

}



.overlay-contentscale.open {

	visibility: visible;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: -webkit-transform 0.5s;

	transition: transform 0.5s;

}



.error_message {

    background-color: #fff;

	border: 2px solid #d74f53;

    color: #d74f53;

    display: block;

    line-height: 30px;

    padding: 10px 10px 10px 35px;

}



ul.error_messages { margin: 0 0 0 22px; padding: 0; list-style:none; }

ul.error_messages li {  line-height: 25px; color: #141414; }



.loader { padding: 0 10px; }





#success_page {

    background-color: #fff;

    border: none;

    color: #141414;

    display: block;

    line-height: 30px;

    padding: 25px;

	text-align:center;

}



@media screen and (max-height: 30.5em) {

	.overlay nav {

		height: 70%;

		font-size: 34px;

	}

	.overlay ul li {

		min-height: 34px;

	}

}



@media(max-width:767px) {

.visible-sm.visible-xs {

	display: block!important

}

tr.visible-sm.visible-xs {

	display: table-row!important

}

th.visible-sm.visible-xs, td.visible-sm.visible-xs {

	display: table-cell!important

}



.leistungen{

	text-align:center;

}

.container, .footer {

    padding-left: 30px;

    padding-right: 30px;

}



.padding-leistungen-30 {

	padding-left:0!important;

}



h1{

	font-size: 30px!important;

}



.headline1{

	font-size: 24px!important;

}
	
	.headline2{

	font-size: 22px!important;
		font-weight: 500;

}






.btn-lg {

	font-size: 30px!important;

}







.list-kontakt {

	text-align:center!important;



}



address {

	text-align:center!important;

	margin-top:35px;

	padding-left: 0!important;

	border-left:none!important;

}



.referenz-button {

	float: none!important;

	margin-bottom: 25px;

}



.seotext {

	padding-left: 15px!important;

    padding-top: 20px!important;



}



}



@media(min-width:768px) and (max-width:991px) {

.visible-sm {

	display: block!important

}

tr.visible-sm {

	display: table-row!important

}

th.visible-sm, td.visible-sm {

	display: table-cell!important

}

.leistungen{

	text-align:center;

}

.container, .footer {

    padding-left: 30px;

    padding-right: 30px;

}



.padding-leistungen-30 {

	padding-left:0!important;

}

.list-kontakt {

	text-align:center!important;

}



address {

	text-align:center!important;

	margin-top:35px;

	padding-left: 0!important;

	border-left:none!important;

}

.referenz-button {

	float: none!important;

	margin-bottom: 25px;

}



.seotext {

	padding-left: 15px!important;

    padding-top: 20px!important;



}







}