img.desaturate {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

img.desaturate:hover {
filter: none;
}

.container 		{ font-size: 12pt; }

body 			{ background-color: #f0f0f0; }

.justify 		{ text-align: justify; }

.bgcolor-yellow 	{ background-color: #f7da64; }
.bgcolor-blue 	{ background-color: #2969b0; }
.bgcolor-white2 	{ background-color: #f0f0f0; }
.bgcolor-footer 	{ background-color: #373737; }

.bgcolor-footer2	{ background-color: #535353; }

.text-font08		{ font-size: 8pt; }
.text-font09		{ font-size: 9pt; }
.text-font10		{ font-size: 10pt; }
.text-font12		{ font-size: 12pt; }
.text-font14		{ font-size: 14pt; }
.text-font16		{ font-size: 16pt; }
.text-font18		{ font-size: 18pt; }
.text-font20		{ font-size: 20pt; }

.text-bold		{ font-weight: bold; }
.text-normal		{ font-weight: normal; }

.text-float-right	{ float: right; 
			  text-align: right; }
.text-right		{ text-align: right; }

.text-marginbottom20pix {
	margin: 0px 0px 20px 0px; }
.text-marginbottom30pix {
	margin: 0px 0px 40px 0px; }
.text-padding0pix {
	padding: 0px; }

div.clear {clear: both; }

img {
	border-radius: 8px; }

a {	display: block;
	color: white;
	text-decoration: none; }
a:hover, a.active {
	border-radius: 6px;
	background-color: #cb3230;
	text-decoration: none; 
	color: white; }

a.padding {
	padding: 1px 10px 1px 10px; }
a.transparency:hover {
	background-color: transparent; }

img.fill100 {
	width: 100%; }

.h3sub {
	font-weight: normal;
	font-size: 13pt;
	font-style: italic;
	letter-spacing: 0px;
	display: block;
	padding: 10px 0px 20px 0px; }

/* -----------------------------------------------------------------------------------------------------
// MENU VISITENKARTE
   -------------------------------------------------------------------------------------------------- */

.harald {
	letter-spacing: 0.6px;
	font-size: 11.5pt; }

.harald a {
	display: block;
	margin: 0px 0px 8px 0px;
	text-decoration: none; }
	
.harald a:hover {
	border-radius: 8px;
	background-color: #cb3230; }


.left1 {
	float: left;
	width: 500px; 
	text-align: left; 
	color: white;
	padding: 0px 0px 0px 24px; 
	background-image:url("../../images/menu/zt-adler.png"); 
	background-position: 310px 0px; 
	background-size: auto 71px; 
	background-repeat: no-repeat;
}

.right1 {
	float: right;
	width: 260px; 
	text-align: right;
	color: white;
	padding: 0px 18px 0px 0px; 
}

span.harald_title {
	letter-spacing: 1.05px;
	font-size: 14pt; }



a.email, a.phone {
	padding: 6px 0px 6px 0px;
	background-size: auto 17px;
	background-repeat: no-repeat;
	background-position: right 5px center; }

a.email {background-image: url('../../images/menu/0_email.png');}
a.phone {background-image: url('../../images/menu/0_phone.png');}


span.email0, span.phone0 {
	font-weight: normal;
	padding: 0px 45px 0px 0px; }




/* -----------------------------------------------------------------------------------------------------
// TEAM
   -------------------------------------------------------------------------------------------------- */

.containerteam2 {
	width: 24%;
	position:relative;
	margin: 0% 1% 1% 0%;
	float: left; }

.containerteam2 img {
	width: 100%;
	border-radius: 2px 2px 0px 0px; }
.teamname {
	background-color: grey;
	height: 30px;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
	color: darkred;
	opacity: 0.6; }

.containerteam2 .textbox {
	width:100%;
	height:92%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: scale(0);
	transform: scale(0);
	border-radius:5px;
	background-color: rgba(0,0,0,0.85);
	-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.85);
	box-shadow: 0px 0px 15px 2px rgba(255,255,255,.85); }
.containerteam2:hover .textbox {
	-webkit-transform: scale(1);
	transform: scale(1); }
.text {
	padding: 5%; }
.textbox {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease; }
.containerteam2 div.text h1 {
	font-size:12pt;
	padding: 20px 0px 20px 0px;
	margin:0;
	color:#fff;
	letter-spacing: 1px; }
.containerteam2 div.text p {
	padding:0;
	margin:0;
	color:#eee;
	line-height:20px; }



/* -----------------------------------------------------------------------------------------------------

a[href^="tel:"],
a[href^="mailto:"] {
	padding: 6px 0px 6px 0px;
	text-decoration: none;
	font-weight: bold; }

a[href^="tel:"]:before,
a[href^="mailto:"]:before {
	color: white;
	font-weight: normal;
	margin-right: 0.6em; }
a[href^="tel:"]:before { content: " \260e"; }
//a[href^="mailto:"]:before { content: "\2709"; }

   -------------------------------------------------------------------------------------------------- */




.arching {
background-image: url('../../../home/images/arching.png');
background-size: auto 240px;
background-repeat: no-repeat;
background-position: bottom right; }


hr.news {
	margin: 0px auto;
	border: 1px solid #cb3230;
	width: 80%; }

.galleryimages {
	opacity: 0.5; }
.galleryimages:hover {
	opacity: 1; }
.galleryimages-margin {
	margin: 0px 0px 14px 20px; }
.gallerysize {
	width: 276px; }


.kontakt2 {
	width: 100%; margin: 0px; padding: 0px; }


div.impcol1 {
	width: 200px; 
	float: left; }
div.impcol2 {
	width: auto;
	float: left; }



/* -----------------------------------------------------------------------------------------------------
// MOBILITY LOGO
   -------------------------------------------------------------------------------------------------- */

.mobilephone {
	background-image: url('../../../home/images/mobilephonetest.jpg');
	background-repeat: no-repeat; }


/* -----------------------------------------------------------------------------------------------------
// FOOTER
   -------------------------------------------------------------------------------------------------- */

div.infofooter {
	text-align:center; }

div.footerlinks ul {
	padding: 0px;
	list-style: none; }
.footerlinks ul li {
	display: inline-block; float: none
}


#cx {
	background-image: url('../../images/gm4.jpg');
	background-repeat: no-repeat;
	border: 2px solid gray;
	height: 204px;
	width: 100%;
	border-radius: 6px; }

#cx:hover {
	background-image: url('../../images/gm3.jpg');
	background-repeat: no-repeat;
	border-radius: 6px;
	opacity:1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.officetimes {
	position: relative;
	top: 0px;
	left: 20px; 
	width: 200px;
	height: 70px;
	background-color: #b57375;
	border: 1px solid #8b4f50;
	margin-bottom: -55px;
	padding: 6px;
	color: white;
	font-weight: bold;
	border-radius: 20px 0px 10px 0px;
}


div.footerlinks {
	text-align: center;
	padding: 0px;
	margin: 0px;
 }

/* -----------------------------------------------------------------------------------------------------
// RESPONSIVE DESIGN
   -------------------------------------------------------------------------------------------------- */


@media (max-width: 991px) {
	.containerteam2 { width: 32%; }
	.kontakt2 { width: 100%; margin: 0px; }
	.containerteam2 .textbox { height: 89%; }
}

@media (max-width: 767px) {
	.after767 { display: none; }
	.left1 {background-image: none; width:auto;}
	span.projekte img {width: 48%; }
	.mobileshow {display:none; }
	.kontakt2 { width: 100%; margin: 0px; }

	.containerteam2 div.text h1 { font-size: 10pt;  }
	.containerteam2 div.text p { font-size: 10pt; line-height:18px; }
}

@media (max-width: 540px) {
	div.impcol1 { width: auto; margin-right: 1%;}
	.right1 {width: 74px;}
	.left1 {background-image: none; width:auto;}
	span.email0, span.phone0 {
		display: none; }

	.containerteam2 { width: 49%; }
	.containerteam2 .textbox { height:87%; }
	.containerteam2 div.text h1 {
		font-size:12pt;
		padding:0;
		margin:0;
		color:#fff;
		letter-spacing: 1px; }
	.containerteam2 div.text p {
		padding:0;
		margin:0;
		color:#eee;
		line-height:18px; }

	.kontakt2 { width: 100%; margin: 0px; }
	.gallerysize { width: 150px; }
	.no540 {display: none; }
}



@media (min-width: 1px) {
	img.undefined { padding: 0px 60px 10px 60px; }
}
@media (min-width: 768px) {
	.until767 { display: none; }
}
@media (min-width: 1000px) {
	img.undefined { padding: 0px; }
}



.until767 {
	position: relative; 
	top: -20px;
	margin-bottom: -10px;
}


.chronik {
	background-image:url("../../images/pdf.png"); 
	background-position: 2px 2px; 

	background-repeat: no-repeat;

	padding: 2px 0px 2px 30px;
	font-size: 12pt;
	font-style: normal;
	color:black; }

.chronik:hover {
	width: 70%;
	}