﻿/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

.wrap .half{width:50%;float:left; background:green; height:500px;}
.half.bg {background-image:url(wartung.jpg); position:relative;}

.teaser div:before {
    min-height: auto;
    width: auto;
}

.teaser div:before {
    background-color:none;
    content: "";
    display: inline-block;
    left: auto;
    min-height: auto;
    position: relative;
    top: auto;
    width: auto;
}

.wrapper{
	height:458px;
	/*width:1204px;*/
	width:100%;
	margin:0px auto;
}
.wrapper h1{
	font-size:24px;	
}
.wrapper .article {
	width:50%;
	float:left;
	min-height:500px;
}
.imgWrapper {
	/*width:602px;
	height:458px;
	position:relative;*/
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
}
.imgWrapper.wartung, section.teaser .left-teaser{
	background:url(wartung.jpg) top right;
	background-repeat:none;
	background-size:cover;
	position:relative;
	left:0;
}
.box{
	background:url(box_bg.png) repeat;
	padding:1em;
	width:350px;
	height:115px;
	position:absolute;
	bottom:45px;
	right:145px;
}
.box .subtitle{
	color:#555555;
}
.text{
	/*width:602px;
	height:458px;
	float:left;*/
	background:#EAEBEC;
	padding:3em;
	font-family:"Swift Neue LT W01 Light";
}
.text a{color:#d20537;}
.text a:hover {text-decoration:underline; }

.smaller-than-1024 .wrapper{
	width:100%;
	margin:0px auto;	
}
.smaller-than-1024 .wrapper, .smaller-than-1024 .imgWrapper, .smaller-than-1024 .text {
	width:100%;
}
.smaller-than-1024 .imgWrapper .box{
	margin:320px auto 0 auto;
	position:static;
}

.smaller-than-1024 .text {
	height:auto;
	font-size:1.3em;
	line-height:1.3em;
	padding:2em;
}


footer {
	margin-top:8em;
}
footer .content_wrapper .footer_column ul#social_list li {
	width:289px;
	height:60px;
	float:left;	
	clear:none;
}

footer .content_wrapper .social_media #social_list {
	width:578px;
}
footer .content_wrapper .footer_column ul#social_list li a p span{
	display:none;
}

footer #footerlink{width:150px; height:18px;}



@media (max-width: 1024px) {
	.box {
		right:50px;
	}
}

/*** Mobile ***/
@media (max-width: 800px) {
	h1{
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	
	.wrapper .article{
		width:100%;
	}
	
	.article{
		width:50%;
	}
	.box {
		position:relative;
		margin:380px auto 0px auto;
		right:0;
	}
	.wrapper .article.text {
		padding:1.5em;
		min-height:0;
	}
	
	footer nav ul {display:none;}
	footer .select-box-wrapper span.footer-select{
		display:none !important;
	}
	footer .select-box-wrapper select.footer-select{
		display:block !important;
		width:100%;
		padding:0.7em;
		margin-bottom:1em;
	}
	footer .select-box-wrapper select.footer-select option{
		padding:0.1em;
	}

	footer .content_wrapper .footer_column ul#social_list li {
		margin-right:21px;
		width:44px;
		height:44px;
	}
	
	footer .content_wrapper .footer_column ul#social_list li {
		margin-right:21px;
		width:44px;
		height:44px;
	}
}