/* FRONTEND CSS
*********************************************/

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	background-color: #636363;
    background-image: url("../images/background.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
	
}

h1,h2,.page-header h2{
	font-size: 25px;
	font-weight: 300;
	color: #474b3f;
}

p {
	font-size: 13.5px;
	font-weight: 300;
	line-height: 1.4em;
	color: #474b3f;
}

strong, b {
	color: #64724e;	
	font-weight: 600;
}

a {
	color: #676767;
	text-decoration: none;
}

ul,li {
	font-size: 13.5px;
	font-weight: 300;
	line-height: 1.4em;
	color: #474b3f;
}

.fluid-wrapper {
	clear: both; 
	margin: 0px auto;
	padding: 0 0 0 0;
	width: 990px;
}

.header {
	position: relative;
	width: 705px;
}

.logo {
	position: absolute;
	top: 60px;
	left: 190px;
}

.nav-header-right {
	left: 483px;
    position: absolute;
    top: 88px;
}

.nav-header-right ul {
	list-style: none;
	width: 375px;
}
.nav-header-right ul li {
	display: block;
	float: left;
	color: #474b3f;
}

.nav-header-right ul li a {
	color: #474b3f;
	text-decoration: none;
	font-size: 14px;
}

.fluid-content {
    left: -118px;
    position: relative;
    top: 157px;
    width: 1260px;
    height: 50px;
}

.uk-position-relative {

}

.content-left {
	 position: absolute;
	 background-color: #8b8b8a;
	 height: 338px;
     width: 229px;
     z-index: 10;
     left: -4px;
     webkit-box-shadow: -2px -4px 5px -4px rgba(0,0,0,0.75);
	 -moz-box-shadow: -2px -4px 5px -4px rgba(0,0,0,0.75);
	 box-shadow: -2px -4px 5px -4px rgba(0,0,0,0.75);
}

.navigation {
	position: absolute;
	top: 25px;
	left: 15px;
	text-align: right;
}

.navigation ul li {
	margin: 0 0 19px 0;
	list-style-type: none;
	text-align: right;
}

.navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 100;
	font-size: 15px;
	text-align: right;
}

.navigation ul li.item-113, .navigation ul li.item-119 {
	display: none; 
}

.uk-h3 {
	display: none;
}

.language {
	position: absolute;
	top: 285px;
	left: 12px;
}

.language ul li {
	float: left;
	display: block;	
	list-style-type: none;
}

.branding {
	left: 149px;
    position: absolute;
    top: 0;
}

.impressum-site {
	background: rgba(0, 0, 0, 0) url("../images/icon-impressum.png") no-repeat scroll center center;
    height: 49px;
    left: 166px;
    position: absolute;
    top: 283px;
    width: 41px;
	display: none;
	cursor: pointer;
}

.custom_referenzen-heading {
	position: relative;
	top: 72px; 
	left: 24px;
}

.impressum-site:hover {
	background: rgba(0, 0, 0, 0) url("../images/icon-impressum-hover.png") no-repeat scroll center center;	
}

.impressum-site a {
	color: #d1d1d7;
    font-size: 9px;
    height: 49px;
    position: relative;
    top: 34px;
    width: 41px;
    left: -2px;
}

.impressum-site a:hover {
	width: 41px;
	height: 49px;
}

.content-right {
	background-color: transparent;
	z-index: 10;
	position: absolute; 
	width: 522px;
	padding: 0px 20px 20px 25px;
	left: -138px;
	border-radius: 0 13px 0 0;
}

.page-header,.item-page p {
    left: 497px;
    position: absolute;
    top: 24px;
    width: 400px;
    z-index: 8000;
}

.uk-slidenav-position .uk-slidenav-previous {
    left: 0;
    display: none; 
}

.uk-slidenav-position .uk-slidenav-next { 
	right: 50px;
	display: none; 
}

.uk-position-cover {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;
}

.item-page p {
	color: #64724e;
    font-size: 15px;
    margin: 0;
    padding: 0;
    top: 78px;
}


.content-container {
	height: auto;
	position: relative;
	top: 0;
	left: 0; 
}

.uk-accordion-title {
    background: none;
    color: #64724e;
    cursor: pointer;
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 5px 20px 5px 0;
}

strong {
	color: #64724e;
}

.imprint {
	margin-left: 7px;
}

.uk-accordion {
	margin: 0;
	padding: 0;
}

 .content-right p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

 .content-right h1 {
	margin: 20px 0 0 0 ;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
	color: #000;
}

.custom_referenzen-heading p {
	font-size: 18px;
    font-weight: 300;
    color: #d5d5d5;
}


 .content-right h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 300;
	color: #676767;
}

.uk-thumbnav > * {
    flex: 0 0 auto;
    margin-top: 10px;
    padding-bottom: 3px;
    padding-left: 16px;
    margin-left: 29px;
    margin-top: 18px;
}

.uk-thumbnav li a {
	border: 1px solid #000;	
}

.uk-accordion-content {
	padding: 0;
}

.uk-accordion-content > *:last-child {
    margin-bottom: 20px;
}

.content-wrapper {
	position: absolute; 	
	top: 0;
	left: 0; 
	height: auto; 
	background-color: transparent;
}

.content-center {
	background-color: #888786;
    height: 482px;
    left: 1194px;
    position: absolute;
    top: 0;
    width: 240px;
	height: 880px;
  min-height: 860px !important;
}



body.wilmersdorfer-arcaden-berlin .content-center, body.hafencity-hamburg-kaiserkai .content-center, body.hauptbahnhof-berlin .content-center,
body.main-station-berlin .content-center, body.hafencity-hamburg-kaiserkai .content-center, body.hauptbahnhof-berlin .content-center {
	height: 826px;
}

body.uni-hamburg .content-center,body.university-of-hamburg .content-center {
	height: 654px; 
}

.nav-projects-header {
	background-color: #adacac;
    height: 100%;
    left: -125px;
    position: absolute;
    top: 0;
    width: 125px;
}

body.referenzen ul li.item-141 a,body.referenzen ul li.item-141  {
	background-color: #6f6f6f; 
	color: #b3cd87;
} 

body.wohnbebauung-hamburg .uk-thumbnav, body.hauptbahnhof-hannover .uk-thumbnav, body.referenzen-wohnbebauung-hamburg-3 .uk-thumbnav,body.main-station-hanover-zueblin-ag .uk-thumbnav,body.residential-construction-hamburg .uk-thumbnav,body.residential-construction-hamburg-2 .uk-thumbnav {
	height: 344px;
}

body.referenzen ul li:hover {
	background-color: #6f6f6f; 
}

body.referenzen .navigation ul li:hover {
	background-color: transparent; 
}

body.referenzen .navigation ul li a:hover {
	color: #b3cd87; 
}

.uk-thumbnav > * > *:focus > img, .uk-thumbnav > * > *:hover > img, .uk-thumbnav > .uk-active > * > img {
    opacity: 0.5;
    filter: saturate(0%);
    filter: sepia(0%);
    filter: grayscale(100%);
}

.uk-thumbnav > * > * > img {
	opacity: 1;
	filter: saturate(0%);
}

.content-center ul {
    color: #fff;
    left: 0;
    padding: 0;
    position: absolute;
    top: 103px;
    width: 100%;
}

.content-center ul li {
	list-style-type: none;
	color: #fff;
	width: 100%;
	padding: 7px 0;
}

.content-center ul li a {
	color: #d5d5d5;
    font-size: 12px;
    font-weight: 300;
    margin-left: 5px;
    padding: 4px 0 4px 17px;
    width: 100%;
}

.content-center ul li:hover {
	background-color: #6f6f6f;
}

.content-center ul li:hover a {
	color: #b3cd87;
	background-color: #6f6f6f;
	font-size: 12px;
	background: #6f6f6f url('../images/nav-arrow-left.png') no-repeat left scroll; 
	}

.content-center ul li.current a,body.referenzen .content-center ul li.item-141 a, body.referenzen .content-center ul li.item-151 a {
	background-color: #6f6f6f;
	color: #b3cd87;
	background: #6f6f6f url('../images/nav-arrow-left.png') no-repeat left scroll; 	
}

.content-center ul li.current {
	background-color: #6f6f6f;
}


.custom_projects-heading {
	color: #fff;
    left: 22px;
    position: relative;
    top: 39px;
}

.custom_projects-heading p {
	color: #fff;
}

.page-header h2,.page-header h1 {
	 color: #474b3f;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 1em; 
}

.uk-position-relative {
    position: relative !important;
    width: 523px;
}

.uk-slidenav-position { 
    position: relative !important;
    width: 523px;
}

#show_div {
    font-size: 11px;
    height: 50px;
    left: 0;
    position: absolute;
    top: 330px;
    width: 50px;
    z-index: 9999;
    cursor: pointer;
}

#show_div img {
	left: 22px;
    position: relative;
    top: 10px;
}

#show_div a{
	color: #fff;
}

#hide_div {
	color: #fff;
    font-size: 11px;
    height: 50px;
    left: 137px;
    position: absolute;
    top: 373px;
    width: 50px;
    z-index: 9998;
    display: block; 
	cursor: pointer;
} 

#hide_div img {
	left: 21px;
    position: relative;
    top: -13px;
}

#hide_div a { 
	color: #fff;
}

.uk-margin {
    left: 470px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    top: -1px;
    width: 440px;
}

.uk-thumbnav {
    background-color: #c0c0c0;
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin-left: 0px;
    margin-top: -19px;
    padding: 114px 30px 24px 0;
}

.uk-slideshow {
    height: 357px !important;
    list-style: outside none none;
    margin: 0 0 0 1px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 468px;
    z-index: 0;
}

.item-page {
	left: 258px;
    position: relative;
    width: 1030px;
}


.footer {
    color: #c0c0c0;
    font-size: 11px;
    font-weight: 300;
    left: 741px;
    position: absolute;
    top: 483px;
    width: 300px;
    z-index: 50;
    display: none;
}

.footer ul{ 
} 

.footer ul li {
	float: left;
	display: block; 
	list-style-type: none;
	color: #c0c0c0;
	font-weight: 300;
}

.footer ul li a {
	text-decoration: none;
	color: #9a9999;
}

body.wilmersdorfer-arcaden-berlin .footer, body.hafencity-hamburg-kaiserkai .footer, body.hauptbahnhof-berlin .footer {
	top: 824px;
}

body.uni-hamburg .footer {
	top: 656px;
}

.uk-margin ul, .uk-margin ul li {
	line-height: 0em;
}

ul.nav-child { display: none; }



/* MEDIA QUERIES
*********************************************/

.custom_klein {
	display: block;
}
.custom_mittel{
	display: none;
}

.custom_gross{
	display: none;
}

.branding {
    left: 149px;
    position: absolute;
    top: -14px;
}

.content-left {
    background-color: #8b8b8a;
    box-shadow: -2px -4px 5px -4px rgba(0, 0, 0, 0.75);
    height: 357px;
    left: 113px;
    position: absolute;
    width: 170px;
    z-index: 10;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#939393+0,848484+44,787878+100 */
	background: #939393; /* Old browsers */
	background: -moz-linear-gradient(top, #939393 0%, #848484 44%, #787878 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(44%,#848484), color-stop(100%,#787878)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #939393 0%,#848484 44%,#787878 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #939393 0%,#848484 44%,#787878 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #939393 0%,#848484 44%,#787878 100%); /* IE10+ */
	background: linear-gradient(to bottom, #939393 0%,#848484 44%,#787878 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#787878',GradientType=0 ); /* IE6-9 */
}

.responsive-navigation {
	display: none; 
}

.navigation {
	display: block; 
}

.toggleMenu {
    background: #050505 url("../images/toggle-icon.png") no-repeat scroll left center;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 40px;
    position: absolute;
    right: 18px;
    top: -50px;
}

.responsiveMenuTheme1 {
	 font-family: "Roboto",sans-serif;
}

.responsiveMenuTheme1 a:hover, .responsiveMenuTheme1 li.active > a, .responsiveMenuTheme1 li > span.separator:hover {
    background-color: #050505;
    color: #b3cd87;
}

.menu li.current a{
	color: #b3cd87; 
}

body.projekte ul.nav li.item-131 a,body.projects ul.nav li.item-133 a{
	color: #b3cd87;
	background-color: #898989;
	font-size: 12px;
}

.uk-thumbnav > * {
	padding: 0;	
}

.uk-thumbnav > * > * > img {
    height: 152px;
    width: 175px;
}

.uk-thumbnav > * > * {
    background: #a1bb79 none repeat scroll 0 0;
    display: block;
}

.navigation ul li a:hover {
	color: #b3cd87;
}

/* Custom CSS II
*********************************************/

.nav-header-right {
    left: 490px;
}

.language ul li {
    margin-right: 9px;
}

.language {
    left: 16px;
    top: 303px;
}

@media (max-width:1250px) {
	
	.language {
    left: 16px;
    top: 286px;
	}
	
}

@media (max-width: 540px) {
	
	body.projekte ul.nav li.item-131 a, body.projects ul.nav li.item-133 a {
    background: #898989 url("../images/nav-arrow-right.png") no-repeat scroll right 23% center;
    }

}

.content-right {
    border-radius: 0 8px 0 0;
}

.responsive-navigation ul li ul li {
    line-height: 0em;
}


.component {
	clear: both; 
}




/* MEDIA QUERIES PROJEKTE
*********************************************/



/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 1250px) {
	
	.impressum-site {
		display: none;
	}
	
	.content-left {
    height: 357px;
 
	}
	
	.custom_klein {
		display: none;
	}
	.custom_mittel {
		display: block;
	}
		.uk-thumbnav > * > * > img {
    height: 152px;
    width: 174px;
}
.uk-slideshow {
    height: 425px !important;
    width: 123% !important;
     left: -170px;
}

.uk-slideshow li img{
    height: 425px !important;
    width: 100% !important;
}

.content-left {
    height: 425px !important;
}

#show_div {
 
      top: 389px;
}

#hide_div {
    color: #fff;
    cursor: pointer;
	display: block;
    font-size: 11px;
    height: 50px;
    left: -24px;
    position: absolute;
    top: 441px;
    width: 50px;
    z-index: 9998;
}

.uk-slideshow > li {
    left: -3px;
}

.content-left {
    display: none;
    left: 113px;
}


}


@media (max-width: 1415px) {
	
	body.wilmersdorfer-arcaden-berlin .content-center, body.hafencity-hamburg-kaiserkai .content-center, body.hauptbahnhof-berlin .content-center {
    height: 1343px;
	}
	body.wohnbebauung-hamburg .content-center,body.referenzen-wohnbebauung-hamburg-3 .content-center, body.hauptbahnhof-hannover .content-center {
	height: 482px;
	}
	body.bkk-wolfsburg .content-center,body.bkk-wolfsburg-ag .content-center {
	height: 826px;
	}
	body.uni-hamburg .content-center {
    height: 998px;
	}
	
	body.university-of-hamburg .content-center {
    height: 998px;
	}
	
	body.main-station-berlin .content-center { 
    height: 1342px;
	}
	
	body.main-station-hanover-zueblin-ag .content-center {
	height: 483px;
	}
	
	body.residential-construction-hamburg .content-center,body.residential-construction-hamburg-2 .content-center {
	height: 483px;
	}
	

	
	.content-center {
    height: 654px;
	}
	.uk-margin {
    width: 240px;
	}
	
	.content-center { 
	width: 240px;
	}
	
	.content-center {
    left: 993px;
    width: 240px;
	height: 880px;
	}
	
	.page-header, .item-page p {
    width: 220px;
	}
	
	.content-left {
    left: 114px;
	}
	
	.content-left { 
	display: none;	
	}
	

}

@media (max-width: 1250px) {
	.content-left {
    display: none;
    left: 235px;
	}

}
@media (max-width: 997px) {
	
	.background {
		background-image: none; 
	}
	
	.header {
		
	}
	
	.nav-header-right {
    left: 468px;
    position: absolute;
    top: 88px;
	}
	
	.logo {
    left: 170px;
	}
   
   .fluid-content {
    height: 50px;
    left: -135px;
    position: relative;
    top: 157px;
    width: 675px;
	}
	.background {
		 background-image: url("../images/background-fixed.jpg");
		 background-color: #000;
	    background-position: center top fixed;
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	}
	body {
		background-image: none;
	}

	.content-center {
    left: 993px;
    width: 240px;
	}
	
	.page-header, .item-page p {
    width: 240px;
	}
	
	.content-left {
    left: 114px;
    display: block;
	}
	
	#hide_div,#show_div {
		display: none; 
	}
	
	.logo {
    left: -84px;
	}
	
	
}

@media (max-width: 997px) {
	
	body {
		background-image: none !important;
		background-color: #4F4F4F;
	}
	
	.background {
		background-image: none !important;
		background-color: transparent;
	}
	
	#hide_div {
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    height: 50px;
    left: 305px;
    position: absolute;
    top: 336px;
    width: 50px;
    z-index: 9998;
	}
	
	.content-center {
    left: 511px;
    width: 241px;
     top: 358px;
    }

   .uk-margin {
    left: 2px;
     top: 357px;
   }
   
   .content-right {
    left: 25px;
	}
	
	.nav-header-right {
		display: none; 
	}
	
	.page-header, .item-page p {
     left: 25px;
    position: absolute;
    top: 372px;
    width: 400px;
    z-index: 8000;
	}
	
	.item-page p {
    color: #64724e;
    font-size: 12px !important;
    left: 26px;
    margin: 0;
    padding: 0;
    top: 419px;
    width: 205px;
	}
	
	.fluid-wrapper {
    clear: both;
    margin: 0 auto 0 155px;
    padding: 0;
    width: 990px;
	}
		.uk-thumbnav > * {
    margin-left: 25px !important;
	}

}

@media (max-width: 830px) {

.content-left {
	left: 284px;
	display: none; 
}

.logo {
	left: 176px;
}

#hide_div,#show_div { 
	display: block;	
}
.fluid-wrapper {
    clear: both;
    margin: 0 auto 0 -18px;
    padding: 0;
    width: 990px;
	}

}


@media (max-width: 768px) {
	
	.fluid-wrapper {
    clear: both;
    margin: 0 auto 0 -18px;
    padding: 0;
    width: 990px;
	}
	
	
	
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 640px) {
	
	* {
		padding: 0;
		margin: 0;
	}
	
	body {
		background-image: none;
	}	
	
	.background {
		background-color: #000;
	    background-image: none;
	    background-position: center top fixed;
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	}
	
	#hide_div {
	   display: none; 	
	}
	
	.fluid-wrapper {
		width: 100%;
		margin-left: 0;
	}
	
	.header {
		background-color: #343434;		
		height: 80px;
		width: 100%;
	}
	
	.logo {
		left: 20px;
		top: 0;
		position: relative;
		width: 250px;
	}
	
	.logo img {
		width: 95%;
		position: relative; 
		top: 10px;
	}
	
	.nav-header-right {
		display: none;
		 left: 0;
    	position: relative;
    	top: 0;
	}
	
	.branding {
		display: none; 
	}
	
	.fluid-content {
    height: auto;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
	}
	
	.content-right {
    background-color: #4f4f4f;
    border-radius: 0;
    left: 0;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    z-index: 10;
	}
	
	
	.content-left {
		left: 0;
		width: 0;
		padding: 0;
	}
	
	.footer {
		left: 0;
	}
	
	.impressum-site {
		display: none; 
	}
	
	.navigation .menu {
		display: none;
	}
	
	.responsive-navigation {
	display: block; 
	position: relative;
	}

	.navigation {
	display: none; 
	}

	.responsiveMenuTheme1 {
    background: #050505 none repeat scroll 0 0;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10000;
    top: 7px;
	}
	
	.content-center {
	background-color: #adacac;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 83px;
	}
	
	.item-page {
	left: 21px;
    padding-right: 11.8%;
    position: relative;
    width: 88%;
    top: 40px;
	}
	
	.content-center ul li a {
	color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 35px 4px 21px;
    width: 100%;
	}
	
	.content-center {
    left: 993px;
    width: 240px;
	}
	
	.page-header, .item-page p {
    width: 240px;
	}
	
	.content-left {
    left: 282px;
	}
	
	.uk-position-relative {
    position: relative !important;
    width: 100%;
	}
	
	.uk-slideshow {
    width: 100%;
	}
	
	.impressum_link, .language { 
	display: none; 
	}
	
	.uk-margin {
    left: -24px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 289px;
    width: 100%;
	}
	
	.uk-thumbnav {
    background-color: #4f4f4f;
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin-left: 0;
    margin-top: 0;
    padding: 0 0px 22px 0;
	}
	
	.uk-thumbnav > * > * > img {
    height: 70px;
    width: 82px;
	}
	
	.uk-thumbnav > * {
    flex: 0 0 auto;
    margin-left: 1px;
    margin-top: 18px;
    padding-bottom: 3px;
    padding-left: 0px;
	}
	
	.page-header, .item-page p {
    left: 0;
    position: absolute;
    top: -40px;
    width: 400px;
    z-index: 8000;
	}
	
	.page-header {
	display: none;
	}


	
	body.referenzen .uk-thumbnav > * > * > img {
	height: 65px !important;
    width: 77px !important;	
	}

	
		
	.content-center {
    left: 0;
    width: 100%;
  	position: relative;
  	top: 150px;
  	background-color: #4F4F4F;
  	border-top: 1px solid #343434;
  	height: 425px;
	}
	
	
	body {
		background-color: #000;
	}
	
	#show_div,#hide_div {
	display: none; 	
	}
	
	ul.nav-child { display: none; }
	
	.uk-position-cover {
    border: 1px solid #000;
    top: 0px;
    }
    
    .custom_referenzen-heading {
    left: 24px;
    position: relative;
    top: 20px;
	}
	
	
	.content-center ul {
    color: #fff;
    left: 0;
    padding: 0;
    position: absolute;
    top: 58px;
    width: 100%;
	}
	
	
	.page-header, .item-page p  {
	left: 25px;
    position: absolute;
    top: 385px;
    width: 200px;
    z-index: 8000;
    }
    
	.item-page p {
    color: #64724e;
    font-size: 15px;
    left: 25px;
    margin: 0;
    padding: 0;
    top: 433px;
    width: 203px;
	}	
	
	.item-page p {
	display: none;
	}
	
	body.wilmersdorfer-arcaden-berlin .content-center, body.hafencity-hamburg-kaiserkai .content-center, body.main-station-berlin .content-center,body.hauptbahnhof-berlin .content-center,body.wilmersdorfer-arcaden-berlin .content-center {
    height: 423px;
    top: 180px
	}
	
	.content-center {
    background-color: #4f4f4f;
    border-top: 1px solid #343434;
    height: 425px;
    left: 0;
    position: relative;
    top: 90px;
    width: 100%;
	height: 880px;
	}
	
	body.uni-hamburg .content-center,body.university-of-hamburg .content-center {
    height: 423px;
	}
	
	.page-header, .item-page p {
    color: #B3CD87 !important;
    left: -2px;
    position: absolute;
    top: -40px;
    width: 320px;
    z-index: 8000;
    display: block;
	font-size: 13px !important;
	}


	body.german-federal-ministry-for-health-and-social-security .content-center,	body.uni-hamburg .content-center, body.university-of-hamburg .content-center,body.bkk-wolfsburg .content-center,body.bkk-wolfsburg-ag .content-center {
    top: 180px;
}
}


@media (max-width: 420px) {

.logo img {
    position: relative;
    top: 15px;
    width: 67%;
}

body{
	overflow-x: hidden !important;
}

.toggleMenu {
    background: #050505 url("../images/toggle-icon.png") no-repeat scroll left center;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 40px;
    position: absolute;
    right: 18px;
    top: -32px;
}

.responsiveMenuTheme1 {
    background: #050505 none repeat scroll 0 0;
    font-family: "Roboto",sans-serif;
    font-size: 18px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 28px;
    width: 100%;
    z-index: 10000;
}

.content-center {
    background-color: #4f4f4f;
    border-top: 1px solid #343434;
    left: 0;
    position: relative;
    top: 70px !important;
    width: 100%;
}

	body.wilmersdorfer-arcaden-berlin .content-center, body.hafencity-hamburg-kaiserkai .content-center,body.main-station-berlin .content-center, body.hauptbahnhof-berlin .content-center,body.wilmersdorfer-arcaden-berlin .content-center {
    background-color: #4f4f4f;
    border-top: 1px solid #343434;
    left: 0;
    position: relative;
    top: 220px !important;
    width: 100%;
}


	 body.uni-hamburg .content-center, body.university-of-hamburg .content-center, body.bkk-wolfsburg .content-center, body.bkk-wolfsburg-ag .content-center {
    top: 140px !important;
}


 body.uni-hamburg .content-center{
 	top: 210px !important;
 }
 
.page-header, .item-page p {
    color: #B3CD87 !important;
    left: 3px;
    position: absolute;
    top: -40px !important;
    width: 320px;
    z-index: 8000;
    display: block;
	font-size: 11px !important;
}

.page-header {
	display: none; 
}

.uk-thumbnav > * > * > img {
    height: 50px;
    width: 62px;
}

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1440px) {
	
	.impressum-site {
		
	}
	
	.content-left {
    height: 357px;

	}
	
	.custom_klein {
		display: none;
	}
	
	.custom_mittel {
		display: none;
	}
	.custom_gross {
		display: block;
	}
	
}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {