@font-face {
    font-family: 'suisseBPIntlThin';
    src: url(../fonts/SuisseBPIntl-Thin.otf);
	font-weight:normal;
}

@font-face {
    font-family: 'suisseBPIntlMedium';
    src: url(../fonts/SuisseBPIntl-Medium.otf);
}

@font-face {
    font-family: 'suisseBPIntlLight';
    src: url(../fonts/SuisseBPIntl-Light.otf);
}

html { 
	margin:0;
	padding:0;
	min-height:100%;
}

body {
    font-family: 'suisseBPIntlThin', Arial, sans-serif;
	font-size:18px;
	line-height:22px;
	color:#9d9d9c;
	/*color:#aaa;*/
	margin:0;
	padding:0;
	max-width:100vw;
	max-height:100vh;
	overflow:hidden;
	letter-spacing:0.5px;
}

strong {
	font-weight:bold;
	font-family: 'suisseBPIntlLight', Arial, sans-serif;
}

p {
	margin:0 0 10px 0;
}

a, a:link, a:focus, a:visited {
	color:#bea055;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.leftcontainer a, .leftcontainer a:link, .leftcontainer a:focus, .leftcontainer a:visited {
	color:#9d9d9c;
	text-decoration:none;
}

.leftcontainer a:hover {
	color:white;
}

.links a, .links a:link, .links a:focus, .links a:visited {
	color:#9d9d9c;
	text-decoration:none;
}

.links a:hover, .links a.active {
	color:#bea055;
}

h1, h2, h3, h4, h5, h6 {
	color:#bea055;
	margin:0;
	font-weight:400;
}

h1 {
	font-size:40px;
	line-height:50px;
}

h2, .streets h1, .zoo-items .reference h1, .zoo-items .reference h2 {
	font-size:30px;
	line-height:44px;
}

.more-info h2 {
	font-size:40px;
	line-height:50px;
	color:white;
}

.more-info h2 a {
	text-decoration:none;
	color:white;
}


/*.more-info h2::after {
	content:"";
	width:44px;
	height:44px;
	background: url(../images/arrow-more.png) bottom right no-repeat;
}*/


.blog h1, .blog h2, .blog h3 {
	color:white;
	font-weight:normal;
	font-size:40px;
	line-height:50px;
}

.blog .blog-title {
	text-transform:lowercase;
}	

.zoo-items .reference h1, .zoo-items .reference h2 {
	color:white;
}

.clearfix {
	clear:both;
}

#wrapper {
	overflow:hidden;
	width:100%;
}

#innerwrapper {
	width:1000%;
}

.maincontainer, .leftcontainer {
	float:left;
	overflow:hidden;
}

.leftcontainer {
	background:white;
	transition: width 1s, height 1s, background 0.5s 1s;
	width:50px;
}

.panelopen .leftcontainer {
	width:75vw;
	background:black;
	transition: width 1s, height 1s;
}

.leftcontainer .aside {
	box-sizing:border-box;
	border-right:1px solid black;
	float:left;
	width:50px;
	text-align:center;
	padding-top:calc(50vh - 25px);
	cursor:pointer;
	height:100vh;
	display: inline-block;
}

.leftcontainer .clickbox {
	width:24px;
	margin-top:5px;
	height:40px;
	border-right:1px solid black;
	transition: border 0.5s 1s, margin 0.1s, height 0.1s;
}

.leftcontainer .aside:hover .clickbox {
	margin-top:0;
	height:50px;
	transition: margin 0.1s, height 0.1s, border 0.5 1s;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 2px;
    background-color: #666;
    margin: 6px 6px;
    transition: 0.4s;
}

.bar1 {
	margin-top:15px;
}

/* Rotate first bar */
.panelopen .bar1, .close-pano .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 6px) ;
    transform: rotate(-45deg) translate(-4px, 6px) ;
	background-color: #9d9d9c;
}

/* Fade out the second bar */
.panelopen .bar2, .close-pano .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.panelopen .bar3, .close-pano .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -8px) ;
    transform: rotate(45deg) translate(-5px, -8px) ;
	background-color: #9d9d9c;
}

.close-pano .bar1, .close-pano .bar3 {
	background-color: #666;
}

.panelopen .leftcontainer .clickbox {
	border-right:1px solid white;
	transition:border 0.1s;
	height:50px;
	margin-top:0;
}

.container-inner {
	padding:40px 40px 15px 40px;
	overflow:hidden;
	position:relative;
	height:100vh;
	box-sizing:border-box;
}

.con2 .container-inner {
	padding:0;
}

.leftcontainer-inner {
	width: 75vw;
}

.leftcontainer .panel-top > div {
	float:left;
	width:33%;
}

.leftcontainer .panel-bottom {
	position:absolute;
	bottom:30px;
	width:calc(100% - 80px);
}

.maincontainer .title {
	position:absolute;
	top:calc(50vh - 25px);
	padding-right:inherit;
}

.streets .maincontainer .title {
	top:calc(50vh - 44px);
}		

.maincontainer .links {
	position:absolute;
	bottom:15vh;
}

.links ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.links ul ul {
	padding-left:35px;
	padding-top:15px;
	visibility:hidden;
}

.links.sort ul ul {
	visibility:visible;
}

.links .link {
	display:none;
}

.links .open-panel, .panelopen .links .open-street-frompanel, .showpano .links .open-street-frompano {
	display:block;
}

.panelopen .links .open-panel, .showpano .links .open-panel {
	display:none;
}

.panelopen.showpano .open-street-frompano {
	display:none;
}

.maincontainer img {
	margin: -2px 3px 0 3px;
}

.con1 {
	width:calc(35vw - 50px);
}

.con2 {
	width:65vw;
	background: black;
	opacity:1;
}

.streets .con1 {
	width:calc(25vw - 50px);
}

.streets .con2 {
	width:75vw;
	background: #232323;
}

.panelopen .maincontainer {
	width:25vw;
	transition:width 0.1s 1s;
}

#logo {
	height:87px;
	width:175px;
	background-image:url("../images/logo.png"); 
	background-repeat: no-repeat;
}

#menu {
	font-size:40px;
	line-height:50px;
	text-transform:lowercase;
	position:absolute;
	/*top:calc(50vh - 23px);*/
	/*top:calc(50vh - 95px);*/
	top:calc(50vh - 145px);
	overflow:hidden;
	width:450px;
	/*height:calc(50vh - 50px);*/
	/*height:calc(50vh + 20px);*/
	height:calc(50vh + 50px);
}

#menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	min-width:450px;
}

#menu > ul {
	position:relative;
}

#menu ul ul {
	/*display:none;*/
	position:absolute;
	top:0;
	left:100%;
	display:none;
}

#menu a {
	color:#9d9d9c;
	text-decoration:none;
}

#menu a:hover {
	color:white;
}

#menu-back {
	float:left;
	width:46px;
	height:30px;
	background:url(../images/arrow.png) center center no-repeat;
	transform:rotate(180deg);
	visibility:hidden;
	margin-bottom:40px;
	cursor:pointer;
}


.zoo-items, .blog {
	width:100%;
	overflow:auto;
	height:calc(100vh + 20px);
}

.zoo-items {
	overflow-x:auto;
	overflow-y:hidden;
}

#references {
	height:100vh;
}

.zoo-items .zoo-items-inner, .blog .blog-inner {
	width:10000%;
}

.blog .leading {
	height:100vh;
	float:left;
	width:40vw;
	padding:40px 11vw 10px 40px;
	box-sizing:border-box;
	border-right:1px solid white;
	position:relative;
}

.blog .leading:first-child {
	background:url(../images/meeting-area.jpg) center center no-repeat;
	background-size:cover;
	color:white;
}

.blog .leading:last-child {
	border-right:none;
}

.blog .intro {
	position:absolute;
	top:calc(50vh - 11px);
	padding-right:inherit;
}

.blog .tags {
	position:absolute;
	bottom:30px;
	font-size:16px;
	color:#9d9d9c;
}

.blog .bloglink {
	position:absolute;
	right:30px;
	bottom:30px;
	font-size:16px;
	color:#9d9d9c;
	text-align:right;
}

.zoo-items .item {
	float:left;
	cursor:pointer;
}

.zoo-items .street-left {
	float:left;
}

.zoo-items .street-right {
	margin-top:50px;
	float:left;
}

.zoo-items .scroller {
	height:50px;
	position:fixed;
	width:75vw;
}

.zoo-items .scroller .left {
	float:left;
	width:100px;
	height:50px;
	background:url(../images/arrow.png) left center no-repeat;
	transform:rotate(180deg);
	display:none;
}

.zoo-items .scroller .right {
	float:right;
	width:100px;
	height:50px;
	background:url(../images/arrow.png) left center no-repeat;
	display:none;
}

.zoo-items .street-left .item-market {
	border-bottom:5px solid #232323;
}

.zoo-items .street-right .item-market {
	border-top:5px solid #232323;
}

.zoo-items .item-market {
	float:left;
	position:relative;
}

.zoo-items .item-street {
	float:left;
	position:relative;
	height: calc(50vh - 30px);
	text-align:center;
	border-left:1px solid #575756;
	box-sizing:border-box;
}

.zoo-items .street-right .item-street {
	margin-top:5px;
}

.zoo-items .item-market-sub {
	float:left;
	height:	calc(50vh - 30px);
	box-sizing:border-box;
	background:#020202;
}

/*.zoo-items .item-market-sub:nth-last-child(2) {
	border-right:1px solid #575756;
}*/

.zoo-items .item-market-sub:first-child {
	border-left:1px solid #575756;
}

.zoo-items .item-market:hover {	
    border-color:#bea055;
}

.zoo-items .market-label {
	display:block;
	position:absolute;
	text-align:center;
	font-weight: bold;
	font-family: 'suisseBPIntlLight', Arial, sans-serif;
	line-height:20px;
	height:20px;
	font-size:16px;
	width:100%;
}

.zoo-items .item:hover .market-label {	
    color:white;
}

.zoo-items .street-left .verticaltext {
    position: absolute; 
	bottom:0;
	-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin:center center 0;
	text-align:left;
	width:20px;	
	margin-left:-11px;
	white-space: nowrap;
	left:50%;
	font-family: 'suisseBPIntlLight', Arial, sans-serif;
}


.zoo-items .street-right .verticaltext {
	position: absolute; 
	-ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
	transform-origin:center center 0;
	width:280px;
	height:280px;
	text-align:right;
	margin-left:-12px;
	left:50%;
	font-family: 'suisseBPIntlLight', Arial, sans-serif;
}

.zoo-items .openpano, .zoo-items .openpic {
	display:block;
	height:calc(50vh - 35px);
}

.zoo-items .street-left .market-label {
	bottom: 20px;
}

.zoo-items .street-right .market-label {
	top: 20px;
}

.zoo-items .references-container {
	float:left;
}

.zoo-items .reference-pair {
	/*height:100vh;*/
	height:calc(100vh - 16px);
	width:25vw;
	float:left;
	border-right:1px solid white;
	box-sizing:border-box;
}

.zoo-items .reference-pair:last-child {
	border:none;
}

.zoo-items .reference, .zoo-items .more-info {
	/*height:50vh;*/
	height:calc(50vh - 8px);
	width:100%;
	color:white;
	position:relative;
	box-sizing:border-box;
}

.zoo-items .reference:first-child {
	border-bottom:1px solid white;
}

.zoo-items .reference h2, .zoo-items .more-info h2 {
	position:absolute;
	bottom:34px;
	left:40px;
	margin:0 40px 0 0;
}

.zoo-items .reference .markets {
	position:absolute;
	top:calc(22vh - 11px);
	left:40px;
	display:none;
	margin-right:40px;
}

.zoo-items .reference:hover {
	background:#bea055;
	cursor:pointer;
}

.zoo-items .reference:hover .markets {
	display:block;
}

.zoo-items .more-info {
	background: url(../images/loby.jpg) no-repeat center center;
	background-position:cover;
}


#jumpto .uk-button-dropdown{
	display:inline-block !important;
}
#jumpto .chzn-container .chzn-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

#jumpto .chzn-container .chzn-single {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

    background-image: none;
}

#jumpto .chzn-container .chzn-drop {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; 
    box-shadow: none;  
    margin-bottom: -16px;
}
#jumpto .chzn-container-single .chzn-single{	
	border-radius: 0px;
	box-shadow:none;	
}

#jumpto .chzn-container {
	font-size: 13px;
	top:8px;
}

#jumpto .chzn-container .chzn-results li.highlighted {
  background-color: #bea055;
  background-image:none;
  color: #fff;
}
#jumpto .chzn-container-active .chzn-single {
	border-color: #aaa;
}


/*.zoo-items .reference .markets *:hover {
	color:black;
}

.zoo-items .reference h2 *:hover {
	color:black;
}*/

#panorama {
	position:absolute;
	z-index:100;
	top:0;
	right:0;
	width:75vw;
	height:100vh;
	display:none;
}

#panorama iframe {
	border: none;
	max-width: 100%;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.showpano #panorama {
	display:block;
}

#reference-popup {
	position:absolute;
	z-index:100;
	top:0;
	/*right:-20px;
	width:calc(50vw + 20px);*/
	width:65vw;
	height:100vh;
	display:none;
	background:black;
	/*padding:40px 60px 10px 40px;*/
	padding:40px 30px 25px 30px;
	box-sizing:border-box;
	overflow:auto;
}

#reference-popup-content {
	margin-bottom:25px;
}

#reference-popup p {
	margin:0;
}

#reference-popup h2.main-title {
	margin-bottom:0px;
}

#reference-popup h2.market-title {
	margin:60px 0 25px 0;
}

#reference-popup .uk-slideshow {
	margin-top:35px;
	margin-bottom:40px;
}

#reference-popup .uk-dotnav-contrast > * > * {
	background:rgba(190,160,85,0);
	border:1px solid #bea055;
	width:8px;
	height:8px;
}

#reference-popup .uk-dotnav-contrast > .uk-active > * {
	background:rgba(190,160,85,.9);
}


#reference-popup .uk-switcher img {
	
	width: 100%;
}

#reference-popup .loading {
	font-size:30px;
	line-height:44px;
	margin-top:calc(50vh - 62px);
	color:#bea055;
	text-align:center;
	display:none;
}

#impressum-disclaimer, #contact-home {
	display:none;
	position:absolute;
	/*right:-20px;*/
	right:0;
	top:0;
	/*width:calc(50vw + 20px);*/
	width:50vw;
	height:100vh;
	/*padding:40px 60px 40px 40px;*/
	padding:40px 40px 40px 40px;
	background:white;
	border-left:1px solid black;
	box-sizing:border-box;
	font-size:90%;
	overflow: auto;
	/*overflow-x:hidden;
	overflow-y:scroll;*/
	color:#777;
}

#impressum-disclaimer .close, #reference-popup .close, #contact-home .close {
	width:36px;
	height:36px;
	background:url(../images/close.png) center center no-repeat;
	float:right;
	cursor:pointer;
}

#video_1, #video_2 {
	max-height:100vh;
	max-width:100vw;
}

#screensaver_iframe {
	width:100vw;
	height:100vh;
	pointer-events:none;
}

.screensaver_container {
	display:none; 
	background:#black; 
	width:100vw; 
	height:100vh; 
	z-index:10000; 
	position:absolute; 
	top:0; 
	left:0;
	text-align:center;
	background:black;
}

.screensaver_container .uk-slideshow .uk-cover-background {
    background-attachment: fixed;
	background-size: auto 70%;
}

.uk-subnav-pill>li>* {

	border-radius: 0px;
}

.uk-subnav-pill>.uk-active>* {
    background: #bea055;
    color: black;
	border-radius: 0px;
}

#back-city {
	text-transform:lowercase;
}

#references .mCSB_draggerRail, #references .mCSB_dragger_bar {
	height:16px;
	margin:0;
	border-radius:0;
}

#references .mCSB_scrollTools .mCSB_draggerContainer {
	top:0;
}

.close-pano {
	display:none;
	background:white;
	border-bottom:1px solid black;
	height:49px;
	overflow:hidden;
}

.close-pano-inner {
	cursor:pointer;
	width:46px;
	margin:0 auto;
}

.menu-less, .menu-more {
	cursor:pointer;
}

.menu-less[status="1"]:hover, .menu-more[status="1"]:hover {
	color:white;
}

.panel-bottom .width50 {
	box-sizing:border-box;
	width:50%;
	float:left;
}

.panel-bottom .width50:last-child {
	text-align:right;
}

.panel-bottom .width50:last-child a {
	display:block;
	margin-bottom:6px;
}

.panel-bottom .width50:last-child a:last-child {
	margin-bottom:0;
}

#popupbanner {
	/*display:none;*/
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	background:rgba(0,0,0,0.65);
}

#popupbanner h2 {
	margin-bottom:10px;
}

#popupbanner :not(h2) {
	font-family:Arial !important;
}

#popupbanner > div {
	margin:0;
	color:black;
	text-align:center;
	font-size:14px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	box-sizing:border-box;
	width:calc(100% - 30px);
	margin-left:15px;
	margin-right:15px;
}

#popupbanner > div > div {
	margin:0 auto;
	max-width:600px;
	padding:10px;
	background:white;
	border-radius:5px;
	box-sizing:border-box;
}

@media screen and (max-width:1650px) {
	.streets .con1 {
		width:calc(30vw - 50px);
	}
	.streets .con2 {
		width:70vw;
	}
	.zoo-items .scroller {
		width:70vw;
	}
	#panorama {
		width:70vw;
	}
	.panelopen .leftcontainer {
		width:70vw;
	}
	.leftcontainer .leftcontainer-inner {
		width:70vw;
	}
	.panelopen .maincontainer {
		width:30vw;
	}
	.blog .leading {
		padding:40px 40px 10px 40px;
	}
	/*.zoo-items .reference-pair {
		width:30vw;
	}*/
}

@media screen and (max-width:1367px) {
	.streets .con1 {
		width:calc(40vw - 50px);
	}
	.streets .con2 {
		width:60vw;
	}
	.zoo-items .scroller {
		width:60vw;
	}
	#panorama {
		width:60vw;
	}
	.panelopen .leftcontainer {
		width:65vw;
	}
	.leftcontainer .leftcontainer-inner {
		width:65vw;
	}
	.panelopen .maincontainer {
		width:35vw;
	}
	.leftcontainer .panel-top > div {
		width:50%;
	}
	.blog .leading {
		padding:20px 20px 10px 20px;
		width:45vw;
	}
	.zoo-items .reference-pair {
		width:30vw;
	}
}

#reference-popup .reference-gallery {
    width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#reference-popup .reference-gallery img {
    width: 100%;
}


@media screen and (max-width:1367px), screen and (max-height:790px) {
	.con1 .container-inner {
		padding:25px 25px 10px 25px;
	}	
	#impressum-disclaimer, #contact-home {
		width:70vw;
	}
	#menu {
		font-size:30px;
		line-height:40px;
		/*top:calc(50vh - 90px);*/
		top:calc(50vh - 130px);
	}
	body {
		font-size:16px;
		line-height:20px;
	}
	.streets .maincontainer .title {
		top:calc(50vh - 36px);
	}	
	h1 {
		font-size:30px;
		line-height:40px;
	}
	h2, .streets h1, .zoo-items .reference h1, .zoo-items .reference h2 {
		font-size:24px;
		line-height:36px;
	}
	#logo {
		height:75px;
		width:150px;
		background-image:url("../images/logo_150.png"); 
		background-repeat: no-repeat;
	}
	.blog h1, .blog h2, .blog h3 {
		font-size:30px;
		line-height:40px;
	}
	.more-info h2 {
		font-size:30px;
		line-height:40px;
		color:white;
	}
	.maincontainer .title {
		top: calc(50vh - 20px);
	}
	
	.screensaver_container .uk-slideshow .uk-cover-background {
		background-attachment: fixed;
		background-size: auto 60%;
		background-position: 50% 30%;
	}
}


@media screen and (max-height:790px) {
	.blog .intro {
		top:180px;
	}
	.zoo-items .reference .markets {
		top:calc(15vh - 11px);
	}
	.maincontainer .links {
		bottom:90px;
	}
	#reference-popup h2.main-title {
		margin-bottom:60px;
	}
	#reference-popup h2.market-title {
		margin:20px 0 30px 0;
	}
}

@media screen and (max-height:660px) {
	.blog .intro {
		top:140px;
	}
	/*.maincontainer .links {
		bottom:40px;
	}*/
	.leftcontainer .aside {
		padding-top:calc(40vh - 25px);
	}
	#menu {
		/*top: calc(40vh - 90px);*/
		top: calc(40vh - 130px);
		height: calc(60vh + 20px);
	}
	.maincontainer .title {
		top:calc(40vh - 20px); 
	}
	.streets .maincontainer .title {
		top:calc(40vh - 36px);
	}
}

@media screen and (max-width:1000px), screen and (max-height:660px) {
	.zoo-items .reference .markets {
		top:30px;
		left:30px;
		margin-right:30px;
	}
	.zoo-items .reference h2 {
		bottom:20px;
		left:30px;
		margin:0 30px 0 0;
	}

}

@media screen and (max-height:500px) {
	.maincontainer .links {
		bottom:15px;
	}
	
	.leftcontainer .panel-bottom {
		bottom:15px;
	}
}

@media screen and (max-height:570px) {
	.blog .intro {
		position:static;
		margin-top:20px;
	}
}

@media screen and (max-width:991px) {
	.con1 {
		width:calc(50vw - 50px);
	}
	
	.con2 {
		width:50vw;
	}
	
	#reference-popup {
		width:50vw;
	}
	
	.blog .bloglink {
		bottom:50px;
	}
	
}

@media screen and (max-width:767px) {
	body {
		max-height:auto !important;
		overflow:auto;
		font-size:14px;
		line-height:18px;
	}

	
	#innerwrapper {
		width:100%;
	}
	
	.leftcontainer {
		position:static;
		width:100vw;
		height:50px;
		float:none;
		z-index:999;
		border-bottom:1px solid black;
		transition:none;
		/*top:0;
		left:0;*/
		/*background:none;*/
	}
	
	.panelopen .leftcontainer {
		height:auto;
		width:auto;
	}
	
	.leftcontainer .leftcontainer-inner {
		width:auto;
		padding-top:0;
	}
	
	.leftcontainer .container-inner {
		height:auto;
		padding:5px;
		width:auto;
		height:calc(100vh - 50px);
	}
	
	.leftcontainer .aside {
		width:46px;
		height:50px;
		border-right:none;
		padding-top:0;
		text-align:right;
		float:none;
		display:block;
		overflow:auto;
		margin:0 auto 0 auto;
	}
	
	.leftcontainer .panel-bottom {
		/*position:static;*/
		/*margin-top:20px;*/
		left:0;
		width:100%;
	}
	
	.leftcontainer .panel-bottom p {
		text-align:center;
	}
	
	#menu {
		position:static;
		top:0;
		left:0;
		/*width:auto;*/
		height:calc(100vh - 165px);
		margin:0 auto;
		text-align:center;
		width:340px;
	}
	
	#menu-back {
		/*margin-bottom:15px;*/
		float:none;
		margin:0 auto 20px auto;
	}
	
	#menu ul {
		min-width:340px;
	}
	
	.maincontainer {
		float:none;
	}
	
	.con1, .con2 {
		width:auto;
	}
	
	.streets .con1, .streets .con2 {
		width:auto;
	}
	
	.con1 {
		/*margin-top:50px;*/
	}
		
	.panelopen .maincontainer {
		width:auto;
	}
	
	.maincontainer .title {
		position:static;
		top:0;
		left:0;
		margin:40px 0;
	}
	
	.maincontainer .links {
		position:static;
		margin-bottom:0px;
		font-size:16px;
		line-height:20px;
	}
	
	.maincontainer .links .link {
		
	}
	
	.links ul ul {
		display:none;
		visibility:visible;
	}
	
	.links.sort ul ul {
		display:block;
	}
	
	.zoo-items, .blog {
		height:auto;
		overflow:visible;
	}
	
	.zoo-items .zoo-items-inner, .blog .blog-inner {
		width:auto;
	}
	
	.zoo-items .references-container {
		float:none;
	}
	
	.zoo-items .reference-pair {
		float:none;
		width:auto;
		height:auto;
		border-bottom:1px solid white;
		border-right:none;
	}
	
	.zoo-items .reference-pair:last-child {
		border-bottom:none;
	}
	
	.zoo-items .reference:last-child {
		border:none;
	}
	
	#references {
		height:auto;
	}
	
	.zoo-items .reference, .zoo-items .more-info {
		/*height:300px;*/
		height:auto;
		width:auto;
	}
	
	.zoo-items .reference:hover .markets {
		display:none;
	}
	
	.zoo-items .reference h2 {
		position:static;
		bottom:0;
		left:0;
		padding-top:70px;
		margin-left:30px;
		padding-bottom:30px;
	}
	
	.maincontainer .container-inner {
		height:auto;
	}
	
	.con1 .container-inner {
		padding:20px;
	}
	
	#reference-popup {
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:999;
		width:auto;
		height:100vh;
	}
	
	.blog .leading {
		width:auto;
		float:none;
		height:auto;
		border-bottom:1px solid white;
		border-right:0;
		padding:20px;
		color:#bbb;
	}
	
	.blog .leading:last-child {
		border-bottom:none;
	}
	
	.blog .leading h2 {
		margin-bottom:20px;
	}
	
	.blog .intro {
		position:static;
		top:0;
		left:0;
	}
	
	.blog .tags {
		position:static;
		top:0;
		left:0;
		/*margin-top:20px;*/
		font-size:14px;
	}
	
	.blog .bloglink {
		position:static;
		top:0;
		left:0;
		text-align:right;
		margin-top:20px;
		font-size:14px;
	}
	
	#impressum-disclaimer, #contact-home {
		position:fixed;
		top:0;
		left:0;
		width:auto;
		height:100vh;
		font-size:14px;
		padding:20px;
		color:#555;
	}
	
	h1 {
		font-size:24px;
		line-height:32px;
	}
	
	h2, .streets h1, .zoo-items .reference h1, .zoo-items .reference h2 {
		font-size:20px;
		line-height:30px;
	}
	
	blog h1, .blog h2, .blog h3 {
		font-size:24px;
		line-height:32px;
	}
	
	.zoo-items .street-left {
		width:calc(50% - 20px);
		float:right;
	}
	
	
	.zoo-items .street-right {
		width:calc(50% - 20px);
		float: left;
		margin-top:0;
	}
	
	.zoo-items .item {
		float:none;
	}
	
	.zoo-items .item-street {
		float:none;
		width:calc(100% - 5px) !important;
		border-left:none;
		border-top:1px solid #575756;
		margin-left:5px;
	}
	
	.zoo-items .item-market-sub {
		width:auto !important;
		float:none;
		
	}
	
	.zoo-items .item-market-sub:first-child {
		border-left:none;
		border-top:1px solid #575756;
	}
	
	.zoo-items .item-market {
		float:none;
	}
	
	.zoo-items .street-left .item-market {
		border-bottom:none;
		border-left:5px solid #232323;
	}
	
	.zoo-items .street-right .item-market {
		border-top:none;
		border-right:5px solid #232323;
	}
	
	.zoo-items .item-market:hover {
		border-color:#bea055;
	}
	
	.zoo-items .market-label {
		height:auto;
		position:absolute;
		top:50% !important;
		left:0;
		right:auto;
		bottom:auto !important;
		margin:0 10px;
		text-align:right !important;
		box-sizing:border-box;
		font-size:14px;
		width:auto;
		transform:translateY(-50%);
	}
	
	.zoo-items .street-right .market-label {
		text-align:left !important;
		left:auto;
		right:0;
	}
	
	.zoo-items .street-left .verticaltext {
		-ms-transform:none;
		-webkit-transform:none;
		transform:none;
		width:auto;
		text-align:right;
		margin:0;
		bottom:auto;
		right:auto;
		top:0;
		left:0;
	}
	
	.zoo-items .street-right .verticaltext {
		-ms-transform:none;
		-webkit-transform:none;
		transform:none;
		width:auto;
		text-align:left;
		left:auto;
		right:0;
		bottom:auto;
		top:0;
		height:auto;
		margin-left:0;
	}
	
	.zoo-items .street-right .item-street {
		margin-top:0;
		margin-left:0;
	}
	
	.zoo-items-inner .scroller, .zoo-items .clearfix {
		display:none;
	}
	
	#panorama {
		width:100%;
		position:fixed;
		top:0;
		bottom:0;
		left:0;
		height:0;
	}
	
	#panorama iframe {
		height: calc(100vh - 50px);
	}
	
	.close-pano {
		display:block;
	}
	
	.panel-bottom .width50 {
		width:auto;
		float:none;
		text-align:center;
		margin-bottom:10px;
	}
	
	.panel-bottom .width50:last-child {
		text-align:center;
		margin:0;
	}
	
}