/* @override
	http://maximo-victoria-architects.de/cms/site/templates/styles/custom.css
	http://www.maximo-victoria-architects.de/cms/site/templates/styles/custom.css */

/* Basic */

body {
	font-size: 16px;
}

p a {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.7);
}

p {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

strong {
	letter-spacing: -.04em;
}

html {
    overflow-y: scroll;
}

body {
	font-family: "Roboto", "Tahoma", Helvetica, sans-serif;
	letter-spacing: .025em;
	background: #ddd;

}

h1 h2 h3 h4 h5 h6 {
	font-weight: 700;
	font-family: "Roboto Condensed", "Tahoma", Helvetica, sans-serif;
	text-align: left;
}



/* Logo */

#logowrapper {
	position: fixed;
	top: 2em;
	left: 4em;
	width:35%;
	min-width: 20em;
	z-index: 6;
	opacity: .7;

}

#logotype {
	position: relative;
}

#logowrapper.position-left {
	left: 4em;
}

/* Navigation */

#navigation-wrapper {
	width: 40%;
	position: fixed;
	right: 0;
	height: 5em;
	top: 0;
	z-index: 2;
	overflow: hidden;
}

#navigation {
	position: absolute;
	right: 0;
	z-index: 2;
	height: 5em;
	width: 100%;
	background: rgba(0, 0, 0, .85);
	opacity: 1;
	margin: 0 -100% 0 0;
	padding-top: 1.7em;
}

a.navigation-button {
	display: inline-block;
	font-size: 1em;
	height: 2em;
	cursor: pointer;
	opacity: 1;
	color: #ccc;
	background: rgba(20, 20, 20, .05);
	border-radius: 0em;
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .1);
	font-weight: 400 !important;
	padding: .5em .5em .1em .5em;
	margin-right: .7em;
}

a.navigation-button:first-child {
	margin-left: 3.9em;
}


a.navigation-button.active {
	background: rgba(20, 20, 20, .3);
	opacity: 1;
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .1);
	color: #ccc;
}

a.navigation-button:hover {
	background: #ddd;
	background: rgba(0, 0, 0, .7); 
	opacity: 1;
	color: fff;
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
}



/* Main */

#main-wrapper {
	width: 40%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	overflow: hidden;
}

#main {
	position: relative;
	z-index: 2;
	right: -100%;
	width: 100%;
	margin: 7em -40em 0 0;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, .7);
}


#main-background {
	position: fixed;
	right: 0;
	top: 5em;
	margin: 0em -100% 0em 0em;
	width: 40%;
	height: 100%;
	background: #000;
	opacity: .85;
	z-index: 1;
}

#main-close-button {
	position: fixed;
	cursor: pointer;
	top: .85em;
	right: 3%;
	color: rgba(255, 255, 255, .7);
	z-index: 13;
	opacity: 1;
	font-size: 2em;
	display: none;
	background: rgba(255,255,255,0);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .3);
	padding: 0 .3em 0 .3em;
}

#main-close-button:hover {
	background: rgba(0,0,0,.5);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
}

.back-button {
	cursor: pointer;
	float: right;
	color: rgba(255, 255, 255, .7);
	z-index: 13;
	opacity: 1;
	font-size: .8em;
	padding: .6em;
	background: rgba(255,255,255,0);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .3);
	margin: .2em 0 1em 0;
	width: 20%;
	text-align: center;
}

.back-button:hover {
	background: rgba(0,0,0,.5);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
	color: rgba(255, 255, 255, .9);
}

#main-up-button {
	display: none;
}

#content {
	color: #646464;
	margin: 2em 3em 4em 4em;
	text-align: justify;

}

#content h1, h2, h3, h4, h5, h6 {
	color: #eee;
	opacity: .7;
	font-family: "Roboto", "Tahoma", Helvetica, sans-serif;
	font-weight: 400;

}

#content h2 {
	font-size: 1.1em;
	margin-bottom: 0.9090em;
	display: inline-block;
	text-align: left;
}

.location {
	opacity: .7;
}

#content h3 {
	font-size: 1em;
	margin-bottom: 1.5em;
}


#content p{
	font-size: .9em;
	font-weight: 300;
	letter-spacing: .025em;
	color: #fff;
	opacity: .6;
}



#info-button, #info-button-responsive {
	position: fixed;
	width: auto;
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.7);
	text-align: right;
	padding: 0;
	bottom: 2em;
	right: 4em;
	color: 000;
	opacity: 1;
	cursor: pointer;
	font-size: 1em;
	background: rgba(255,255,255, 0.3);
	padding: .5em;
	height: 2em;
	font-weight: 400;
	z-index: 11;
}

#info-button:hover, #info-button-responsive:hover {
	opacity: 1;
	color: #fff;
	background: transparent;
}

#info-button-responsive {
	display: none;
}

/* Slideshow */


#slideshow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	overflow: hidden;
	z-index: 1;
}

.rsNav.rsBullets {

	background: rgba(255,255,255, 0.4);	
	position: absolute;
	padding: .37em .6em .3em .6em;
	text-align: left;
	left: 4em;
	width: 36%;
	bottom: 2.3em;
	height: 2em;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, .3);
}

.rsBullet {
	height: 15px;
	width: 15px;
	background: rgba(255, 255, 255, .2);
	border: 1px solid rgba(0, 0, 0, .3);
	display: inline-block;
	margin: .2em;
	border-radius: 50%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
}

.rsBullet.rsNavSelected {
	background: rgba(255, 255, 255, .4);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, .7);
	border: 1px solid rgba(255, 255, 255, .3);
}

a.rsImg {
	display: none;
}

.rsGCaption {
	bottom: 4.3em;
	left: 4em;
	display: inline-block;
	color: rgba(0, 0, 0, .8);
	opacity: .7;
	position: fixed;
	height: auto;
	width: 36% !important;
	text-align: left !important;
	z-index: 1;
	padding: 0em 0em;
	line-height: 1.4em;
	padding: .5em .9em .5em .9em;
	background: rgba(255,255,255, 0.6);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
}


.slideshow-container img {
	top: 0 !important;
	left: 0 !important;
}

.slides-pagination.position-left {
	left: 4em;
}

.rsGCaption.position-left {
	bottom:  4.5em;
	left: 4em;
}

/* Projekte */

.project {
	margin: 0 0em 1em 0em;
	padding: 0 0 0 .5em;
	text-align: left;
	vertical-align: center;
	height: 3.9em;
	font-weight: 700 !important;
	position: relative;
}

.project-background {
	background: rgba(0, 0, 0, .0);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, .5);
	width: 100%;
	height: 4em;
	position: absolute;
	z-index: -1;
	margin-left: -.5em;
	opacity: .5;
}

.project-link {
	position: absolute;
	background: transparent;
	height: 4em;
	width: 100%;
	z-index: 99;
}

.project-title {
	display: inline-block;
	vertical-align: center;
	line-height: 1.5em;
	padding-top: .3em;
	height: 3em;
	overflow: hidden;
	width: 60%;
	float: left;
	color: #ddd;
	opacity: .6;
	margin-left: 0em;
}

.project-thumb {
	float: right;
	vertical-align: top;
	width: 6em;
	height: 4em;
	margin: 0;
	overflow: hidden;
}

.hover-link {
	opacity: .9 !important;
	color: #eee !important;
}

.hover-background {
	background: rgba(0, 0, 0, .7); 
}

/* Impressum */

#impressum-button {
	position: absolute;
	top: 2em;
	right: 3.5em;
	font-size: 1em;
	z-index: 5;
}

#impressum-button a{
	color: #fff;
	opacity: .7;
	font-weight: 400;
}

#impressum {
	font-size: .9em;
}

#impressum-button-mobile {
	display: none;
}

div.MarkupGoogleMap {
	margin-top: 2em;
}



@media (max-width: 768px) {

/* Basic */

body {
	background: #222;
}


html {
	overflow: auto;
}

#impressum-button {
	display: none;
}

#impressum-button-mobile {
	}

#impressum-button-mobile a {
	font-weight: 100;
	color: #ccc;
}

#impressum-button-mobile {
	display: block;
	height: 3em;
	padding: .5em 3em;
	text-align: left;
}


/* Logo */

#logowrapper {
	width: 86%;
	position: absolute;
	top: 2em;
	left: 7%;
}

/* Main */

#main-wrapper {
	position: relative;
	width: 100%;
	overflow: auto;
	opacity: 1;
}

#main {
	position: relative;
	margin: 0;
	padding:2em 0;
	opacity: 1;
	width: 100%;
	right: 0;
}

#main-background,
i#main-close-button fa.fa-angle-right.fa-2x{
	display: none;
}

#content {
	position: relative;
	margin: 0 3em;
	padding: 0 0 3em 0;

}

#main-up-button {
	position: absolute;
	display: block;
	right: 1.3em;
	color: white;
	z-index: 6;
	opacity: .5;
}



/* Navigation */

#info-button {
	display: none;
}

#info-button-responsive {
	display: none;
	position: absolute;
	right: 2.5em;
	bottom: 1.6em;
}

#info-button-responsive a {
	color: #fff;
	background: transparent;
}

#navigation-wrapper {
	background: transparent;
	position: static;
	margin-right: 0;
	width: 100%;
}

a.navigation-button:first-child,
a.navigation-button-active:first-child {
	margin-left: 3em;
}

#main-close-button {
	display: none;
}


#navigation {
	margin: 2em 0em;
	margin-right: 0;
	position: relative;
	padding: 0;
	background: transparent;

}

/* Slideshow */

#slideshow {
	position: relative;
	height: 400px;
	width: 100%;
}

.royalSlider {
	position:  relative;
}

.rsGCaption {
	position: relative;
	font-size: .9em;
	bottom:  4.9em;
	left: 3.4em;
	display: none;
}

.rsNav.rsBullets {
	left: 0em;
	bottom: 1.5em;
	width: 100%;
	text-align: center;
	background: transparent;
	box-shadow: none;
}

.rsNavItem.rsBullet  {
	width: 10px;
	height: 10px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .6);
	
}


}

@media (min-width: 1280px) {

#navigation-wrapper {
	width: 30%;
}

#main-wrapper {
	width: 30%;
}

#main-background {
	width: 30%;
}

}