/* CSS Document */


@font-face { 
	font-family: 'Brandon Text';
    src: url('/fonts/HVD Fonts - BrandonText-Regular.otf') format('opentype'); 
}
@font-face { 
	font-family: 'Brandon Text';
	font-weight: bold;
    src: url('/fonts/HVD Fonts - BrandonText-Bold.otf') format('opentype'); 
}

body {
	background-color: #e0dfdd;
}
.wrapper {
	max-width: 1300px;
	margin: 50px auto;
	padding: 0 5%;
}
h1 {
	color: #444444;
	font-family: 'Brandon Text', sans-serif;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
h2 {
	color: #444444;
	font-family: 'Brandon Text', sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h3 {
	color: #444444;
	font-family: 'Brandon Text', sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}
h4 {
	color: #444444;
	font-family: 'Brandon Text', sans-serif;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	padding-top: 0.5vh;
}
p {
	font-family: 'Courier New', 'Courier', serif;
	color: #333333;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.65;
}
a {
	color:#444444;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#cc3838;
}
.navbar-nav {
	float: none!important;
	}
nav.navbar.navbar-default {
	padding-top: 2vh;
	border: none;
	background: none!important;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
nav.navbar.navbar-default .navbar-collapse {
	border: none;
	box-shadow: none;
}
nav.navbar.navbar-default button.navbar-toggle, nav.navbar.navbar-default button.navbar-toggle.collapsed {
	border: none;
	background: none!important;
}
nav.navbar.navbar-default button.navbar-toggle:hover, nav.navbar.navbar-default button.navbar-toggle.collapsed:hover, nav.navbar.navbar-default button.navbar-toggle :focus, nav.navbar.navbar-default button.navbar-toggle.collapsed :focus {
	background: none!important;
}
nav.navbar.navbar-default span.icon-bar {
	background: #cc3838;
}
nav.navbar.navbar-default .navbar-brand img {
	width: 100px;
	top: 20px;
	height: auto;
	position: relative;
	left: 15%;
}
nav.navbar.navbar-default .navbar-nav li {
	width: 100%;
}
nav.navbar.navbar-default .navbar-nav li a {
	font-family: 'Brandon Text', sans-serif;
	color: #cc3838;
	text-shadow: none;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
	background-image: none!important;
	background-color: #e0dfdd;
	box-shadow: none!important;
}
nav.navbar.navbar-default .navbar-nav {
	list-style: none;
	margin-top: 50px;
}
nav.navbar.navbar-default .navbar-nav li:first-child {
	margin-top: 18vh;
}
nav.navbar.navbar-default .navbar-nav li.second-child {
	margin-bottom: 1vh;
}
nav.navbar.navbar-default .navbar-nav .nav-dropdown , .projekte-dropdown {
	list-style: none;
	padding-left: 30px;
}
nav.navbar.navbar-default .navbar-nav .projekte-dropdown li {
	margin-bottom: 23px;
}
nav.navbar.navbar-default .navbar-nav .projekte-dropdown li:last-child {
    margin-bottom: 23px;
}
nav.navbar.navbar-default .navbar-nav .projekte-dropdown li:first-child {
	margin-top: 0vh;
}
nav.navbar.navbar-default .navbar-nav .active {
	font-weight: bold;
	background-image: none!important;
	box-shadow: none;
}
nav.navbar.navbar-default .navbar-nav li a:hover {
	color: #cc3838;
  	background-color: #e0dfdd;
 	text-decoration: none;
	font-weight: bold;
}
nav.navbar.navbar-default .navbar-nav li a, nav.navbar.navbar-default .navbar-nav li a:focus {
  	color: #cc3838;
  	background-color: #e0dfdd;
 	text-decoration: none;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: none;
	text-decoration: none;
	font-weight: bold;
}
nav.sidenav .navbar-nav > li {
	float: none;
}
nav.sidenav li a {
	color: #cc3838;
	font-family: 'Brandon Text', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: none;
	margin-bottom: -0.5vh;
}
nav.sidenav li:first-child {
	margin-top: 1vh;
} 
nav.sidenav .active {
	font-weight: bold;
	background-image: none!important;
	box-shadow: none;
}
.contentblock {
	margin-top: 22vh;
	padding: 10px;
}
.contentblock .projekt-content {
	margin-top: -16vh;
}
.contentblock img {
	max-width: 100%;
}
.contentblock .liste {
	list-style-type: circle;
	padding: 0 1vw;
	text-indent: 1.5em;
}
.contentblock .liste li {
	font-family: 'Courier New', 'Courier', serif;
	font-size: 15px;
	line-height: 1.65;
	padding-bottom: 10px;
}
.contentblock .projekte {
	margin-bottom: 4vh;
}
.contentblock .projekte .box {
	width: 95%;
}
.contentblock .facts p {
	font-family: 'Brandon Text', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}
.contentblock .facts .facts-left {
	padding-left: 0px;
}
.contentblock .website-button {
  	background-color: #e0dfdd; 
  	border: 2px solid #cc3838;
	padding: .8em 3.5em;
	margin-top: 4vh;
}
.contentblock .website-button span {
	color: #cc3838;
	font-family: 'Brandon Text', sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.contentblock .website-button:hover {
 	background-color: #d9d9d9;
  	box-shadow: 1px 1px 2px rgba(250, 250, 250, 0.9);
	text-decoration: none;
}
.contentblock .website-button span:hover {
  	color: #ac3030;
  	text-decoration: none;
}
.projekt-text {
	margin-top: 3vh;
	padding: 0;
}
.box { 
    background-size: cover;
	overflow: hidden;
}
.wrap-projekt { 
	width: 100%; 
	margin-top: 11vh;
}
.wrap-projekt .mainArea {
	max-width: 100%; 
	height: auto; 
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.wrap-projekt ul { 
	display: block; 
	overflow: hidden; 
	padding-left: 15%; 
	clear: both; 
	z-index: 0;
	margin-bottom: 5px;
}
.wrap-projekt li { 
	display: block; 
}
.wrap-projekt li img { 
	cursor: pointer; 
	width: 8%; 
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
	opacity: 1; 
}
.wrap-projekt, .wrap-projekt img, .wrap-projekt li {  
	opacity: 1; 
}
.wrap-projekt li img:hover { 
	opacity: 0.8; 
	zoom: 1; 
	box-sizing: border-box; 
}
.glyphicon {
	cursor: pointer;
	color: #cc3838;
}
.glyphicon-chevron-right {
	float: right;
}
.media-carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
.media-carousel .carousel-control.left {
  background-image: none;
}
.media-carousel .carousel-control.right {
  background-image: none;
}
.media-carousel img {
  width: 250px;
  height: auto;
}
.carousel-inner > .item {
  -webkit-transition: .1s ease-in-out left;
       -o-transition: .1s ease-in-out left;
          transition: .1s ease-in-out left;
}
.geschaeftsnummer span { 
	margin-right: .2em; 
}
.hvrbox, .hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(58, 55, 55, 0.6);
	color: #fff;
	padding: 15px;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 15px;
	letter-spacing: 1.2px;
	font-family: 'Brandon Text', sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px #5d5c5c;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.projekt-content #carousel-mobil {
	width: 90%;
	margin-left: 5%;
	margin-top: 14vh;
	margin-bottom: 5vh;
}
.projekt-content #carousel-mobil .carousel-control {
	width: 0;
	margin: auto -5vw;
	font-size: 22px;
	text-shadow: none;
  	opacity: 1;
}
.projekt-content #carousel-mobil .carousel-control.left {
  	background-image: none;
}
.projekt-content #carousel-mobil .carousel-control.right {
	background-image: none;
}




@media (max-width: 1365px) {
	
	
	/* .contentblock {
		margin-top: 5.5vh;
	} */
	.contentblock .facts .facts-right {
		padding-left: 0px;
	}
	.wrap-projekt { 
		margin-top: 13vh;
		margin-bottom: 0.5vh;
	}
}

@media (min-width: 1101px) and (max-width: 1365px){
	/* .contentblock {
		margin-top: 13vh;
	} */
	.contentblock .projekt-content.content-center {
		margin-left: 16.66666667%;
	}
	.sidenav {
		/* width: 33.33333333%; 
		margin-top: 9vh; */
	} 
}

@media (min-width: 1101px) {
	nav.navbar.navbar-default {
		height: 100vh;
		width: 18%;
		position: fixed;
	}
	main.container-fluid, footer.container-fluid {
		margin-left: calc(14% + 0px);
	}
}
 
@media (max-width: 1100px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
		margin-top: 5.5vh;
		margin-right: 8vw;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
		display: inherit!important;
	}
	nav.navbar.navbar-default .navbar-nav {
		margin-left: 6vw;
	}
	nav.navbar.navbar-default .navbar-nav li:first-child {
		margin-top: 2vh;
	}
	nav.navbar.navbar-default .navbar-nav li a {
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2.5;
	}
	nav.navbar.navbar-default .navbar-brand img {
		width: 80px;
		top: 2vh;
		height: auto;
		position: relative;
		left: 2vw;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	} 
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.hvrbox .hvrbox-text {
		font-size: 14px;
		text-shadow: 0px 0px #5d5c5c;
	}
	.hvrbox .hvrbox-layer_top {
		opacity: 1;
		top: auto;
		height: 30%;
		background: rgba(224, 223, 221, 0.7);
		color: #444444;
	} 
	.hvrbox {
		display: block;
		margin-bottom: 2vh;
	}
	.contentblock {
		margin-top: 5.5vh;
		padding: 0px;
	} 
	.contentblock .projekte {
		margin-bottom: 0vh;
		position: relative;
		z-index: 5;
	}
	.contentblock .projekte .box {
		width: 90%;
	}
	.sidenav {
		float: none!important;
		position: relative;
		z-index: 0;
	} 
	.sidenav .affix {
		position: relative;
	}
	.sidenav .pull-right {
		float: none!important;
	} 
	.sidenav li a {
		color: #cc3838;
		font-family: 'Brandon Text', sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 1px;
		text-shadow: none;
		margin-bottom: -15px;
	} 
	nav.sidenav .active {
		font-weight: bold;
		background-image: none!important;
		box-shadow: none;
	}
	nav.sidenav li:first-child {
		margin-top: 0vh;
	}
	nav.sidenav .navbar-nav > li {
		float: left;
		margin-top: 4vh;
	}
	nav.sidenav .navbar-nav li a {
		font-size: 12px;
	} 
}

@media (min-width: 992px) and (max-width: 1100px) {
	.col-md-offset-1 {
		margin-left: 16.66666667%;
	}
	.col-md-2 {
    	width: 30%;
	}
	nav.col-md-offset-1.sidenav {
		margin-left: 9vw;
	}
	nav.navbar.navbar-default .navbar-brand img {
		left: 7vw; 
	}
	.contentblock {
   		margin-top: 6.5vh;
	}
}
@media (max-width: 992px) {
	.navbar-toggle {
		display: block;
		margin-top: 5.5vh;
		margin-right: 4vw;
	}
}

@media (max-width: 830px) {
	.navbar-collapse {
		padding-left: 2vw;
	}	
	.contentblock .col-md-8 h1, h2 {
		margin-top: 1vh;
		padding: 0 4vw;
		font-size: 15px;
	}
	.contentblock .col-md-8 p {
		padding: 0px 4vw;
		font-size: 14px;
	}
	.contentblock .projekte .box {
		margin-bottom: 2vh;
		width: 100%;
	}
	.contentblock .liste {
		padding: 0 6vw;
		text-indent: 0.5em;
	}
	.contentblock .liste li {
		font-size: 14px;
	}
	.contentblock .projekte {
		margin-bottom: 0vh!important;
	}
	.contentblock .website-button {
		margin-top: 6vh;
		margin-bottom: 1vh;
		}
	.contentblock .website-button a {
		font-size: 12px;
	}
	.hvrbox .hvrbox-text {
		font-size: 14px;
		text-shadow: 0px 0px #5d5c5c;
	}
	.hvrbox .hvrbox-layer_top {
		opacity: 1;
		top: auto;
		height: 30%;
		background: rgba(224, 223, 221, 0.7);
		color: #444444;
	} 	
}


@media (min-width: 580px) and (max-width: 767px) {
	.col-xs-projekte {
		width: 50%;
		float: left;
	}
	nav.navbar.navbar-default .navbar-nav li:first-child {
		margin-top: 2vh;
	}
}

@media (min-width: 451px) and (max-width: 767px) {
	.wrapper {
		margin: 0 auto;
	}
	.navbar-toggle {
		margin-top: 6.5vh;
		margin-right: 5vw;
	}
	nav.navbar.navbar-default .navbar-brand img {
		top: 3vh;
		left: 3.5vw;
	}
	.contentblock {
		margin-top: 6vh;
		padding: 0px;
	}
	
}

@media (orientation: landscape) and (max-width: 767px) {
	.navbar-toggle {
		margin-top: 10.5vh;
	}
	.contentblock {
		margin-top: 16vh;
	}
}

@media (max-width: 450px) {
	.wrapper {
		margin: 0 auto;
	}
	.navbar-brand {
		padding: 0px;
	}
	nav.navbar.navbar-default .navbar-brand img {
		width: 70px;
		top: 1vh;
		left: 6vw;
	}
	.navbar-toggle {
		/* padding: 9px 10px; */
		margin-top: 2.5vh;
		margin-right: 10vw;
	}
	nav.navbar.navbar-default .navbar-nav {
		margin-left: 5vw;
		overflow: hidden;
	}
	nav.navbar.navbar-default .navbar-nav li:first-child {
		margin-top: 0vh;
	}
	nav.navbar.navbar-default .navbar-nav li a {
		font-family: 'Brandon Text', sans-serif;
		color: #cc3838;
		text-shadow: none;
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 2;
	}
	.navbar-collapse {
		padding-left: 6vw;
	}
	.contentblock {
		margin-top: 6vh;
		padding: 0px;
	}
	.contentblock .col-md-8 {
		padding: 0px;
	}
	.contentblock .col-md-8 h1, h2 {
		margin-top: 1vh;
		font-size: 15px;
	}
	.contentblock .col-md-8 p {
		padding: 0px 4vw;
		font-size: 14px;
	}
	.contentblock .projekte .box {
		margin-bottom: 2vh;
	}
	.contentblock .projekte {
		margin-bottom: 0vh!important;
	}
	.contentblock .facts .facts-left {
		margin-top: -1vh;
	}
	.wrap-projekt ul {
		padding-left: 5vw;
		margin-top: 20vh;
	}
	.wrap-projekt li img {
		width: 10%;
		margin-right: 8px;
		margin-bottom: 20px;
	}
	.wrap-projekt {
		margin-top: 14vh;
	}
	.contentblock .facts p {
		font-size: 13px;
	}
	.projekt-text {
    	margin-top: 5vh;
	}
	.hvrbox .hvrbox-text {
		font-size: 13px;
	}
}

@media (max-width: 320px) {
	.contentblock {
		margin-top: 10vh;
	}
	.navbar-toggle {
    	margin-top: 4vh;
	}
	.navbar-toggle .icon-bar {
		width: 20px;
	}
}