/*
Theme Name: METRO-ECE Centermanagement
Theme URI:
Author: SawatzkiMühlenbruch
Author URI: http://sawatzki-muehlenbruch.de
Description:
Version: 1.0.1
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: mec-cm
*/

/*===============================================
= WP
===============================================*/
.wp-caption { max-width: 100%;}
.alignnone, a img.alignnone, .wp-caption.alignnone, .wp-caption.alignleft { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter, .aligncenter { display: block; margin: 5px auto; }
.alignright, a img.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft, a img.alignleft { float: left; margin: 20px 5px 20px 0; }
img { max-width: 100%; height: auto; }

/*===============================================
= Font
===============================================*/
@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=b90a04c2-7e5e-4ffe-ac41-44cdb8c28a94");
@font-face{
	font-family:"HelveticaNeueW02-55Roma";
	src:url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");
	src:url("../fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("../fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("../fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("../fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg");
}

/*===============================================
= Allgemein
===============================================*/
body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #374249;

	overflow-y: scroll;
}
.trans-white { background: url("https://www.mec-cm.com/fileadmin/meccm/structure/images/bg-trans.png") repeat; }
.no-margin { margin: 0; }
.no-padding { padding: 0; }

a { color: #d50c2e; }
a:hover, a:active { text-decoration: underline; color: #D50C2E; outline: none; }
.i8 input { width: 135px !important; }

h1, h2, h3, h4, h5, h6 { font-family:'HelveticaNeueW02-55Roma'; }
h6 {
	font-weight:normal;
	margin: 0 0 15px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

.oldie img {
    width: 100%;
}
.ie8 img { max-width: none; }
.ie8 .image img { max-width: 100%; }


/*Recaptcha*/
#recaptcha_response_field{
    border: 1px solid #bababa !important;
    padding: 4px;
    margin: 0px;
    display: inline-block;
    float: left;
    width: 290px !important;
    border: 2px solid #e2e2e2;
}
.recaptcha_input_area{
    border: 2px solid #e2e2e2 !important;
    display: inline-block !important;

    padding: 0px !important;
    margin: 0px !important;
    margin-left: -7px !important;
}

.form_item .recaptchatable{
    border: none !important;
    padding-left: 0px !important;
}

.form_item .recaptchatable .recaptcha_image_cell{
    padding-left: 0px !important;
    background: none !important;
}
#recaptcha_reload_btn {
    background: url('../icons/captcha_reload.png') !important;
    display: block;
    height: 40px;
    left: 260px;
    top: 82px;
    width: 124px;
}
#recaptcha_reload{
    display:none;
}
#recaptcha_whatsthis_btn{
    display: none;
}

#recaptcha_logo{
    display:none;
}

#recaptcha_switch_audio_btn{
    display:none;
}
/*===============================================
= Startseite Slider
===============================================*/

#backgroundimage {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
#backgroundimage .fullbg {
    max-width: none;
    position: fixed;
	top: 0px;
	right: 0px;
	z-index: 1;
}
#backgroundimage-container {
    position: relative;
}
#arrow_left,
#arrow_right {
	bottom: 30px;
    right:30px;
	height: 49px;
	position: fixed;
	width: 51px;
	z-index:1000;
}
#arrow_left { right: 82px; }

#backgroundimage-title {
	color: #374249;
	font-size: 16px;
	right: 135px;
	padding: 13px 26px 16px 26px;
	position: fixed;
	bottom: 30px;
	z-index: 1000;
	background: url('../images/bg-trans-slider.png');
	font-weight: 400;
}

/*===============================================
= Left
===============================================*/
.container-left {
    position: fixed;
    height: 100%;
    width: 284px;
    z-index: 100;
    overflow: auto;
}
.main-left {
    position: relative;
    min-height: 100%;
}
.main-left-inner {

	padding: 51px 0 170px 38px;
}
.main-left .sub-menu {
    margin-top: 0px;
    margin-bottom: 0px;
}

#logo {
    background: url("https://www.mec-cm.com/fileadmin/meccm/structure/images/logo.png") no-repeat;
    display: block;
    height: 58px;
    overflow: hidden;
    text-indent: -9999px;
    width: 196px;
	outline: medium none;
}

#fachmarktcenter-essen { margin-top: 0; }
#fachmarktcenter-essen img { margin-bottom: 10px; }
#fachmarktcenter-essen p { font-size: 14px; line-height: 18px; }

.imgsidebar {
	width: 200px;
}

.expo-real-teaser {
    margin-top: 30px;
    margin-bottom: 40px;
}
.expo-real-teaser p {
    padding: 4px 0;
}
.expo-real-teaser img {
	float: left;
    width: auto;
}

/*===============================================
= Navigation
===============================================*/
.main-left nav { margin-top: 40px; }
.navbar .nav {
    float: none;
}
.navbar .nav > li { margin-bottom: 9px; float: none; }
.navbar .nav > li > a  {
    color: #798e9c;
    font-size: 18px;
    line-height: 17px;
    text-shadow: none;
	padding: 0;
	font-weight: normal;

	display: inline-block;
}
.navbar .nav > .active > a:hover,
.nav > li > a:hover,
.navbar .nav > .active > a {
	color: #000;
	background-color: inherit;
	box-shadow: none;
}
.menu-main { margin-bottom: 58px; }

.subnav {
	list-style-type: none;
	margin-left: 7px;
	margin-top: 9px;
}
.subnav li { line-height: 30px; }
.subnav li a { font-size: 16px; color: #798e9c; }
.subnav li a:hover,
.subnav li.active a { text-decoration: none; color: #000; }

.navbar .navbar-inner {
    background: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    filter: none;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
	border: none;
}


/*===============================================
= Additional Logos
===============================================*/
.additional-logo-bar {
    margin-top: 23px;
    margin-bottom: 10px;
}
.additional-logo-bar .logo {
    margin-right: 20px;
    float: left;
}
@media (max-width: 925px) {
   .additional-logo-bar {
        padding-left: 20px;
        margin-top: -25px;
        margin-bottom: 20px;
    }
}


/*===============================================
= Suchbox
===============================================*/
.search-box {
	margin-bottom: 33px;
	position: relative;
	float: left;
}
.search-box i {
    right: 15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}
i.search {
	background:url(../images/icon-search.png) no-repeat;
	width: 19px;
	height: 18px;
}
input.search-query {
	background-color: #e7e6e6;
	border: solid 1px #e7e6e6;
	box-shadow: none;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 44px;

	color: #c1c1c1;
	width: 145px;
	font-size: 18px;
}

/*===============================================
= Navigation (Sprache)
===============================================*/
.menu-language { list-style-type: none; margin: 25px 0 0 0; }
.menu-language > li { float: left; }
.menu-language > li:first-child { border-right: 1px solid #dcdedf; margin-right: 20px; padding-right: 20px; }
.menu-language > li img { display: none; }
.menu-language > li > a {
	font-size: 14px;
	color: #A4A4A4;
}
.menu-language > li > a:hover,
.menu-language > li.active > a { text-decoration: none; color: #798e9c; }

.sub-nav { position: absolute; bottom: 15px; left: 51px; }
.sub-nav > li { margin-bottom: 10px; }
.sub-nav > li > a {
	font-size: 16px;
	color: #a4a4a4;
}
.sub-nav > li > a:hover,
.sub-nav > li > a.active { color: #798e9c; }

#switch-language.menu-language { display: none; }

/*===============================================
= Navigation (im Content)
===============================================*/
.content .nav { margin-bottom: 30px; }
.content .nav li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: solid 1px #949696;
}
.content .nav li.first { padding-left: 0; }
.content .nav li.last { border-right: none; margin-right: 0; padding-right: 0; }
.content .nav li a {
	font-size: 16px;
	color: #798e9c;
}
.content .nav li a:hover,
.content .nav li.active a { color: #000; background-color: inherit; }


/*===============================================
= Headlines
===============================================*/
h1,h2,h3,h4 { font-weight: normal; }
h1 {
	color: #fff;
	font-size: 38px;
	line-height: 42px;

	margin-bottom: 0px;
}
#head h1 + p { margin-top: 25px; }

h2,
h2 a { color: #374249; margin: 0 0 10px 0; }
article h2 {
	font-size: 38px;
	line-height: 42px;
	margin-bottom: 30px;
}
h3 {
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 15px 0;
}
.article h3 {
	font-size: 16px;
	margin-bottom: 15px;
	color: #798E9C;
}
h4 { font-size: 18px; line-height: 22px; }

/*===============================================
= Content
===============================================*/
#main {	padding: 0 0 0 307px; position: relative; }
.startseite.main-inner { width: 441px; }
.main-inner { width: 715px; }
#head {
	/*background: url("../images/bg-trans-red.png") repeat;*/
	background-color: #d01c25;
	opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
	/*width: 360px;*/
	padding: 40px 120px 0 40px;

}
.ie8 .startseite #head { padding-right: 35px; }
#head p {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 0;
	color: #fff;
}
#divide-main {
	background: url("../images/content-top.png") center top no-repeat;
	height: 153px;
}
.startseite #divide-main { height: 123px; }
.content { padding: 40px; }
.ie8 .content { padding: 40px 39px; }

.content p {
	font-size: 14px;
	line-height: 22px;

	margin: 0 0 35px 0;
}
.article p  {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.text-box { padding: 0 40px 0px 40px; position: relative; z-index: 10; }

#myCarousel { display: none; }

/*===============================================
= Listen (Content)
===============================================*/
ul.liste { margin: 0 0 15px 0; padding: 0; }
ul.liste li {
	list-style-type: none;
	line-height: 26px;
}

.csc-sitemap ul,
#c1291 ul.csc-menu { margin: 0 0 15px 0; }
.csc-sitemap ul li,
#c1291 ul.csc-menu li { line-height: 26px; background: none; list-style-type: none; }
.csc-sitemap ul li ul,
#c1291 ul.csc-menu li ul { margin-left: 25px; }
.csc-sitemap ul li ul li ul { margin-bottom: 0; }
.csc-sitemap ul li ul li {
	background: url(../images/arrow-sitemap.png) 0 7px no-repeat;
	padding-left: 15px;

	color: #374249;
	padding-right: 28px;
	list-style-type: none;
}

/*===============================================
	= Leistungen
	===============================================*/
	.leistungen-image {
		background-image: url(../../../../uploads/pics/Diagramm_Renditegetriebe_150dpi2.gif);
		background-repeat: no-repeat;
		height: 341px;
		width: 476px;
		background-size: 476px 341px;
		position: relative;
	}
	.services-image {
		background-image: url(../../../../uploads/pics/Diagramm_Renditegetriebe_150dpi2_en.gif);
		background-repeat: no-repeat;
		height: 341px;
		width: 476px;
		background-size: 476px 341px;
		position: relative;
	}
	#link-centermanagement,
	#link-vermietung,
	#link-objekt,
	#link-projekt {
		position: absolute;
		display: block;
		text-indent: -9999px;
	}
	#link-centermanagement {
		width: 138px;
		height: 118px;
		top: 20px;
		left: 26px;
	}
	#link-vermietung {
		width: 130px;
		height: 140px;
		bottom: 20px;
		left: 30px;
	}
	#link-objekt {
		width: 160px;
		height: 175px;
		top: 87px;
		left: 167px;
	}
	#link-projekt {
		width: 117px;
		height: 135px;
		top: 28px;
		right: 25px;
	}

/*===============================================
= News
===============================================*/
#id1 .news-latest-container { margin-top: 65px; }
.news-list-date,
.news-latest-date,
.news-single .news-list-date {
    color: #798e9c;
    font-size: 16px;
}
.news h2 {
	font-size: 22px;
	line-height: 29px;
	margin-bottom: 15px;
	margin-top: 4px;
}
article + .news { margin-top: 60px; }
a.more-news { margin-top: 40px; display: inline-block; }

.news-list .article,
.references-list .article { margin-bottom: 60px; }
.news-list .article.last,
.references-list .article.last { margin-bottom: 0; }
.news-list .article h2,
.news-single h2 {
	font-size: 26px;
	line-height: 32px;

	margin-bottom: 11px;
}
.news-list .header h3,
.news-single .header h3 {
	font-size: 22px;
	line-height: 26px;
	color: #374249;
}
.news-list .article .subtitle,
.news-single .article .subtitle { margin-bottom: 25px; }

.news-single .news-text-wrap h2 { margin: 0 0 15px 0; }
.news-single .image { padding-left: 40px; }
.ie8 .news-single .image { padding-left: 20px; }
.news-single .csc-textpic-caption { font-size: 14px; padding-left: 0px; text-align: right; }
.galleryWrap .gallery h2 { margin-bottom: 28px; }
.galleryWrap .gallery .image {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
	padding-left: 0;
}
.content p.subtitle { font-size: 16px; line-height: 22px; }

/*===============================================
= Pagination News / Presse
===============================================*/
.galleryWrap { margin-bottom: 25px; }

.newsArticleNavigation a {
	background: url(../images/icons-presse.png) no-repeat;
	padding-left: 15px;

	color: #374249;
	font-size: 14px;
}
.newsArticleNavigation span.newsArticle-prev a {
	background-position: 0 4px;
	margin-right: 20px;
}
.newsArticleNavigation span.newsArticle-next a {
	background-position: right -19px;
	padding-right: 28px;
}
.newsArticleNavigation .newsArticle-back a {
	background-position: 0 -45px;
	padding-left: 22px;
}

.browseBoxWrap { text-align: center; margin-bottom:35px;}
.browseLinksWrap a { color: #c5c5c5; }
.browseLinksWrap a:hover,
.browseLinksWrap span.active { color: #374249; }
.browseLinksWrap span { margin-right: 15px; }
.browseBoxWrap img { width: inherit; }

/*===============================================
= Referenzen
===============================================*/
.references-list .first { margin-top: 45px; }
.references-list h2 {
	margin: 0 0 9px 0;
	font-size: 30px;
	line-height: 36px;
}
.references-list h3 {
	margin: 0 0 25px 0;
}
.galerie-references img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 31%;
}
.galerie-references { margin-bottom: 35px; }
.galerie-references img.last { margin-right: 0; }

 .distance-after { margin-bottom: 30px; }

/*===============================================
= Centerstandort
===============================================*/
.center-right { float: right; text-align: right; }
.center-left { float: left; }
.content h2.csc-firstHeader {
	font-size: 26px;
	line-height: 32px;
}
.tx-wfp2-locationmap {
	margin-left: -40px;
	margin-right: -40px;
	margin-bottom: -40px;
}
.image-map {
	position: relative;
	margin-top: -200px;
	/*margin-top: -221px;*/
}
.ie8 .image-map {
    margin-top: -215px;
    position: relative;
}
.marker-map {
	position: absolute;
}
.marker-map a {
	display: block;
	background: url("../images/map-marker.png") 0 0 no-repeat;
	width: 17px;
	height: 21px;

	text-indent: -9999px;
	z-index: 10;
}
.map-place {
	padding: 10px 20px;
	display: none;

	color: #fff;

	margin-top: -88px;
	margin-left: 6px;

	background: #6b6e6f;
	position: absolute;
	bottom: 50px;
	z-index: 20;

	min-width: 200px;
}
.map-place-corner {
	background: url("../images/map-place-bg.png") 0 0 no-repeat;
	width: 110px;
	height: 23px;

	position: absolute;
	bottom: -23px;
	left: 0px;
}
.marker-map a:hover + .map-place { display: block; }

#id21 .content { position: relative; }
.tx-wfp2-locationmap .centerstandort  { z-index: 10; position: relative; }

.center-selectmenu {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 210;
}

/*===============================================
= Dropdown
===============================================*/
.dropdown {
	background-color: #f3f3f3;
	padding: 10px;
	margin-top: -10px;
}
a.dropdown-toggle {
	color: #333333;
}
.caret { border-top: 4px solid #acacac; }
.dropdown-menu {
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #f3f3f3;
	margin: 0;
	min-width: 202px;
	text-align: right;
	line-height: 24px;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu li > a:active,
.dropdown-submenu:hover > a {
	background-color: #c42934;
	background-image: -moz-linear-gradient(top, #c42934, #c42934);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c42934), to(#c42934));
	background-image: -webkit-linear-gradient(top, #c42934, #c42934);
	background-image: -o-linear-gradient(top, #c42934, #c42934);
	background-image: linear-gradient(to bottom, #c42934, #c42934);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c42934', endColorstr='#c42934', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	background-color: #acacac;
	background-image: none;
	filter: none;
	color: #ffffff;
}
.dropdown-menu .small {
	font-size: 13px;
	color: #acacac;
}
.dropdown-menu li > a:hover .small { color: #ffffff; }
.text-right { text-align: right; width: auto; }
.text-right .csc-textpic-left { float: right; }
.google-image-map {
	margin-bottom: 20px;
	float: none;
	width: inherit;
 }

.ie8 .centerstandort .span6 { width: 100%; }
.ie8 .centerstandort .pull-right { float: right; margin-left: 30px; margin-bottom: 30px; }

/*===============================================
= Grunddaten
===============================================*/
.td-0 {
	width: 280px;
	font-weight: bold;
 }

/*===============================================
= Kontakt + Suche
===============================================*/
form { margin: 0; }
.google-map { width: inherit; }

/*===============================================
= Footer Mobile
===============================================*/
.footer-mobile { display: none; }

/*===============================================
= Media Queries
===============================================*/
/* Large desktop */
@media (min-width: 1450px) {
	#main { padding: 0 0 0 337px; }
	.startseite.main-inner { width: 441px; }
	.main-inner { width: 855px; }
	.startseite #head { padding: 40px 40px 0 40px;	}
	#head { padding: 40px 280px 0 40px;	}
	.galerie-references img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		display: inherit;
	}
/*===============================================
= Leistungen
===============================================*/
.leistungen-image {
	background-image: url(../../../../uploads/pics/Diagramm_Renditegetriebe_150dpi2.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 502px;
	position: relative;
	background-size: 700px 502px;
}
.services-image {
	background-image: url(../../../../uploads/pics/Diagramm_Renditegetriebe_150dpi2_en.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 502px;
	position: relative;
	background-size: 700px 502px;
}
#link-centermanagement {
	width: 176px;
	height: 175px;
	top: 50px;
	left: 55px;
}
#link-vermietung {
	width: 200px;
	height: 230px;
	bottom: 20px;
	left: 30px;
}
#link-objekt {
	width: 250px;
	height: 250px;
	top: 140px;
	left: 235px;
}
#link-projekt {
	width: 200px;
	height: 200px;
	top: 40px;
	right: 25px;
}

}
/* Large desktop */
@media (max-width: 1450px) and (min-width: 1024px) {
	.centerstandort .span6 { width: 100%; }
	.centerstandort .pull-right { float: right; margin-left: 30px; margin-bottom: 30px; }
	#head { padding: 40px 40px 0 40px;	}

	.image-map { margin-top: -182px; }
	.text-box { padding: 0 40px 0 40px; position: relative; z-index: 10; }
	.news-single .csc-textpic-caption { padding-left: 0px; }

	#divide-main { height: 142px; }

/*===============================================
= Leistungen
===============================================*/
.leistungen-image,
.services-image {
	height: 444px;
	width: 620px;
	background-size: 620px 444px;
}
#link-centermanagement {
	width: 150px;
	height: 140px;
	top: 50px;
	left: 55px;
}
#link-vermietung {
	width: 180px;
	height: 200px;
	bottom: 20px;
	left: 30px;
}
#link-objekt {
	width: 160px;
	height: 200px;
	top: 140px;
	left: 235px;
}
#link-projekt {
	width: 170px;
	height: 180px;
	top: 40px;
	right: 25px;
}
}

/* landscape tablet   */
@media (max-device-width: 1024px)  {
	.in-slide-content {
		bottom: 110px;
		right: 30px !important;
		font-size: 16px;
	}
	#id21 .content {
		padding: 0px 40px 40px 40px;
	}
	.centerstandort .span6 { width: 100%; }
	.centerstandort .pull-left { float: right !important; margin-left: 30px; margin-bottom: 30px; }

	.news-single .csc-textpic-caption { padding-left: 0px; }

	#id29 .content .nav li { border-right: none; float: none; }
	#id29 .content .nav li {
		background: url(../images/arrow-sitemap.png) 0 7px no-repeat;
		padding-left: 15px;

		color: #374249;
		padding-right: 28px;
		list-style-type: none;
	}
	#fachmarktcenter-essen { padding-right: 10px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1300px) {
	#divide-main { height: 154px; }
	.startseite.main-inner { width: 441px; }
	.main-inner { width: 571px; }

	.in-slide-content { right: 154px; }
	.content .nav li a { font-size: 16px; }
	.centerstandort .span6 { width: 100%; }
	.centerstandort .pull-left { float: right; margin-left: 30px; margin-bottom: 30px; }
	.centerstandort .pull-right { float: right; margin-left: 30px; margin-bottom: 30px; }

	.image-map { margin-top: -175px; }
	.text-box { padding: 0 200px 0 40px; position: relative; z-index: 10; }

	#head { padding: 40px 80px 0 40px; }

	.news-list .article, .references-list .article { margin-bottom: 40px; }
	/*.news-list .article .span5 { margin-top: 10px; }*/
	/*.span4 {
		width: auto;
		float: none;
	}*/
	.text-right { text-align: left; }
	.text-right .csc-textpic-left { float: none; }
	DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 10px!important; }

	.news-single .image { margin-left: 10px; padding-left: 10px; width: 170px; }

	#id29 .content .nav li,
	#id55 .content .nav li,
	#id56 .content .nav li,
	#id57 .content .nav li { border-right: none; float: none; }
	#id29 .content .nav li,
	#id55 .content .nav li,
	#id56 .content .nav li,
	#id57 .content .nav li {
		background: url(../images/arrow-sitemap.png) 0 4px no-repeat;
		padding-left: 15px;

		color: #374249;
		padding-right: 28px;
		list-style-type: none;
	}

	.news-single .article .span6 { width: inherit; }
	.news-single .csc-textpic-caption { padding-left: 0px; }

	#id21 .content { padding: 5px 40px 40px 40px; }
	DIV.csc-textpic-right .csc-textpic-imagewrap { float: none; }

	#id17 .Tx-Formhandler .span4 {
		float: none;
		width: 100%;
	}

	.center-left { width: 228px; }

	/*===============================================
	= Leistungen
	===============================================*/
	.leistungen-image,
	.services-image {
		height: 341px;
		width: 476px;
		background-size: 476px 341px;
	}
	#link-centermanagement {
		width: 138px;
		height: 118px;
		top: 35px;
		left: 26px;
	}
	#link-vermietung {
		width: 130px;
		height: 140px;
		bottom: 20px;
		left: 30px;
	}
	#link-objekt {
		width: 160px;
		height: 175px;
		top: 87px;
		left: 167px;
	}
	#link-projekt {
		width: 117px;
		height: 135px;
		top: 28px;
		right: 25px;
	}
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.news-single .image { margin-left: 10px; padding-left: 10px; width: 170px; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 925px) {

	#backgroundimage {
		display: none;
	}

    .menu-language,
    .sub-nav {
        display: none;
    }

	DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 10px!important; }
	body { padding-left: 0; padding-right: 0; background: #fff; }
	.bg-slider { display: none; }

	header { margin-bottom: 28px; }
	#logo { margin-left: 20px; }

	.container-left {
		position: inherit;
		height: inherit;
		width: 100%;
		height: auto;
	}
	.main-left-inner { padding: 25px 0 0 0; }

	#main { padding: 0; }

	.startseite.main-inner, .main-inner { width: 100%; }
	.startseite #divide-main { height: 154px; }
	#head { padding: 40px 80px 0 20px; }

	.main-left nav { margin-top: 0; }
	.navbar { margin-bottom: 0; }
	.navbar .navbar-inner {
		background: #edeeee; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNlZGVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRjOWM5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  #edeeee 25%, #c4c9c9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#edeeee), color-stop(100%,#c4c9c9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #edeeee 25%,#c4c9c9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #edeeee 25%,#c4c9c9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #edeeee 25%,#c4c9c9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #edeeee 25%,#c4c9c9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#c4c9c9',GradientType=0 ); /* IE6-8 */

		border-top: solid 1px #e1e4e4;
		border-bottom: solid 1px #e1e4e4;

		padding: 1px 0;
	}
	.navbar .btn-navbar {
		background-color: transparent;
		background-image: none;
		border: medium none;
		box-shadow: none;
		color: #374249;
		filter: none;
		float: none;
		font-size: 14px;
		margin: 5px 0;
		padding: 5px 16px;
		text-shadow: none;
	}
	.navbar .btn-navbar:hover {
		background-color: inherit;
		color: #374249;
		outline: none;
	}
	.navbar [class^="icon-"], [class*=" icon-"] { margin-right: 8px; }
	.nav-collapse {
		/*background: #1f262a;*/
		background: #edeeee;
		margin-top: 6px;
		border-top: 1px solid #B6BBBB;
	}
	.nav-collapse .nav {
		padding: 25px 0 20px 20px;
	}
	.navbar .nav > li { margin-bottom: 10px; }
	.navbar .nav > .active > a:hover,
	.navbar .nav > .active > a {
		color: #374249;
	}
	.nav-collapse .nav li a,
	.nav-collapse .subnav li a { color: #374249; }
	.nav-collapse .nav li a:hover { background: none; text-decoration: underline; }
	.nav > li > a:hover { background-color: inherit; }

	#switch-language.menu-language { display: block; }
	#switch-language.menu-language {
		position: absolute;
		top: 112px;
		right: 24px;
        margin-top: 0;

		border-left: solid 1px #b6bbbb;
		padding: 10px 0 11px 20px;
	}
	.menu-language li { display: none; }
	.menu-language li.active { display: block; }
	.menu-language > li:first-child { border-right: none; margin-right: 0; padding-right: 0; }
	.menu-language > li > a { color: #374249; font-weight: bold; }
	.menu-language > li.active  > a { color: #374249; }

	/* Modal Box Language Begin */
	.modal { border-radius: 0; }
	.modal-header {
		border-bottom: none;
		padding: 9px 15px;
	}
	.modal-footer {
		background-color: #fff;
		border-radius: 0;
		border-top: none;
		box-shadow: 0;
		margin-bottom: 0;
	}

	.modal-body ul li { margin-bottom: 15px; }
	.modal-body ul li a { color: #374249; }
	/* Modal Box Language Ende */

	.sub-menu { display: none; }

	h1 {
		font-size: 24px;
		line-height: 26px;
	}
	#head p {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 0;
	}
	#head h1 + p { margin-top: 22px; }

	.content { padding: 20px 20px 20px 20px; }

	.footer-mobile {
		background: #dee1e1;
		width: 100%;
		height: auto;

		display: block;
	}
	.footer-mobile-inner {
		padding: 20px 20px 0 20px;
	}
	.main-left-inner .search-box { display: none; }
	.search-box {
		float: none;
		margin-bottom: 19px;
		display: inline-block;
	}
	input.search-query {
		color: #374249;
		font-size: 16px;

		border: solid 1px #c9cccc;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;

		width: 183px;
		background-color: #fff;
	}
	.search-box .btn {
		padding: 18px 28px;
		background-color: #ce2d37;
	}
	.search-box i { right: 21px; }
	.search-box i.search {
		background:url(../images/icon-search-white.png) no-repeat;
		width: 20px;
		height: 20px;
	}
	.sub-nav {
		bottom: 0;
		position: inherit;
		margin-bottom: 0;
	}
	.sub-nav > li > a { color: #374249; }

	#myCarousel { display: block; margin-left: -20px; margin-right: -20px; }
	.carousel { margin-bottom: -20px; }
	.carousel-caption {
		color:#374249;
		float:right;
		font-size: 14px;
		right: 0px;
		left: inherit;
		padding: 19px 26px 16px 15px;
		position:absolute;
		bottom: 15px;
		z-index:9999; /* Show above .gradient */

		background: url(../images/bg-trans-slider.png) repeat;
		font-weight: 400;
		margin: 0px 154px 0px 20px;
		height: 14px;
	}
	.carousel-control {
		background: none;
		border-radius: 0;
		border: none;

		position: inherit;
		float: left;
		left: inherit;

		width: 50px;
		height: 49px;
		opacity: 1;
		margin-top: 0;
	}
	.carousel-control.right { left: inherit; right: inherit; }
	.text-right { text-align: left; }
	.text-right .csc-textpic-left { float: none; }
	.span4 + .span4 { margin-top: 25px; }
	#id22 .span4 + .span4 { margin-top: 0px; }
	.news-list .article, .references-list .article { margin-bottom: 35px; border-bottom: solid 1px #5b646a; }
	.newsArticle-back { width: 100%; }

	#id20 .span3,
	#id20 .span5 { float: left; }
	#id20 .span3 { width: 200px; }
	#id20 .span5 { width: 400px; margin-left: 20px; }

	DIV.csc-textpic-right .csc-textpic-imagewrap { float: none; }

	#id29 .content .nav li { border-right: none; float: none; }
	#id29 .content .nav li {
		background: url(../images/arrow-sitemap.png) 0 4px no-repeat;
		padding-left: 15px;

		color: #374249;
		padding-right: 28px;
		list-style-type: none;
	}

	.main-left-inner #fachmarktcenter-essen { display: none; }
	.footer-mobile #fachmarktcenter-essen { margin-top: 0; margin-bottom: 17px; width: 226px; }
}

/* Portrait tablet to landscape */
@media (max-width: 768px)  {
	.centerstandort .span6 { width: 100% !important; float: left; }
	.centerstandort .span6 .nav li a { font-size: 14px; }
	.centerstandort .pull-left { float: left; margin: 0px; width: 202px; }


	.map-place { min-width: 150px; }

	.tx-wfp2-locationmap { display: none; }

	#id20 .span3 { width: 150px; }
	#id20 .span5 { width: 250px; margin-left: 20px; }

	.news-single .image { float: none; padding-left: 0; }
	.news-single .csc-textpic-caption { text-align: left; }

	.center-left,
	.center-right { float: none; }
	.center-right { margin-top: 15px; text-align: inherit; }

	/*===============================================
	= Leistungen
	===============================================*/
	.leistungen-image,
	.services-image {
		height: 287px;
		width: 400px;
		background-size: 400px 287px;
	}
	#link-centermanagement {
		width: 109px;
		height: 107px;
		top: 20px;
		left: 26px;
	}
	#link-vermietung {
		width: 108px;
		height: 112px;
		bottom: 20px;
		left: 22px;
	}
	#link-objekt {
		width: 125px;
		height: 127px;
		top: 87px;
		left: 142px;
	}
	#link-projekt {
		width: 105px;
		height: 100px;
		top: 28px;
		right: 16px;
	}

	#id21 .centerstandort {
		position: relative;
		right: inherit;
		top: inherit;
		z-index: 101;
	}
}
@media (max-device-width: 768px)  {
	.tx-wfp2-locationmap { display: block; }
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.news-single .image { width: inherit; margin-left: 0; }
}

/* Landscape phones and down */
@media (max-width: 480px) {

	.trans-white { background: #fff; }

	.bg-slider {
		position: absolute;
		bottom: 88px;
		z-index: 2;
	}
	body .mc-cycle {
		position: relative;
		height: 223px!important;
		width: 441px!important;
	}
	#maximage img {
		width: 423px!important;
		height: 223px!important;
		margin-top: 0!important;
		margin-left:0!important;
	}
	#head { padding: 40px 40px 0 20px;	}
	#divide-main { height: 122px; }

	.news-list .article .span5 { margin-top: 10px; }

	#id20 .span3,
	#id20 .span5 { float: none; width: 100%; margin-left: 0; }
	.content .nav li {
		border: none;
		margin-bottom: 10px;
		float: none;
	}

	.news-single .image { float: none; width: 100%; padding-left: 0; }

	DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 10px; }

	.news-single .csc-textpic-caption { padding-left: 0px; text-align: left; }

	.centerstandort	.pull-right { float:left; }
	.centerstandort	 .dropdown { margin-bottom: 10px; }

	.tx-wfp2-locationmap { display: none; }

	#id20 .content .span3,
	#id34 .content .news-list-container .span3 { display: none; }
	#id20 .content .csc-space-after-75 { margin-bottom: 25px; }

	.dropdown .dropdown-menu.pull-right {
		left: 0;
		right: auto;
	}
	.dropdown .dropdown-menu { text-align: left; width: 250px; }
	.dropdown .dropdown-menu li { border-bottom: solid 1px #d6d4d4; padding: 5px 0; }
	.dropdown .dropdown-menu li > a { padding: 3px 10px; white-space: inherit; }

	/*===============================================
	= Leistungen
	===============================================*/
	.leistungen-image,
	.services-image {
		height: 301px;
		width: 420px;
		background-size: 420px 301px;
	}
	#link-centermanagement {
		width: 112px;
		height: 105px;
		top: 29px;
		left: 30px;
	}
	#link-vermietung {
		width: 105px;
		height: 113px;
		bottom: 28px;
		left: 30px;
	}
	#link-objekt {
		width: 128px;
		height: 140px;
		top: 88px;
		left: 156px;
	}
	#link-projekt {
		width: 104px;
		height: 105px;
		top: 29px;
		right: 22px;
	}
}

/* Landscape phones and down */
@media (max-device-width: 480px)  {
	.centerstandort .span6 { width: 100% !important; float: none; }
	.centerstandort .span6 .nav li a { font-size: 16px; }
	.centerstandort .pull-left { float: left !important; margin-bottom: 30px; width: 202px; }
}

/* Portrait phones  */
@media (max-width: 320px) {
	.carousel-caption {
		height: 22px;
		padding: 11px 26px 16px 15px;
	}
	/*===============================================
	= Leistungen
	===============================================*/
	.leistungen-image,
	.services-image {
		height: 201px;
		width: 280px;
		background-size: 280px 201px;
	}
	#link-centermanagement {
		width: 65px;
		height: 71px;
		top: 21px;
		left: 24px;
	}
	#link-vermietung {
		width: 66px;
		height: 69px;
		bottom: 20px;
		left: 18px;
	}
	#link-objekt {
		width: 90px;
		height: 93px;
		top: 59px;
		left: 98px;
	}
	#link-projekt {
		width: 67px;
		height: 69px;
		top: 21px;
		right: 14px;
	}
}

/* Partner-Logos */

.partner-logos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:flex-start;
	align-content: flex-start;
	background-color: #fff;
	margin-bottom:35px;
	padding:10px 0;
}
.partner-logos .partner-logos-item{
	margin-right:10px;
}
.partner-logos .partner-logos-item:nth-child(4){
	margin-right:0px;
}