/* Schriften
-------------------------------------------------- */

@font-face {
  font-family: 'AkkuratHStd';
  src: url('fonts/AkkuratHStd-Regular.eot'); 
  src: url('fonts/AkkuratHStd-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/AkkuratHStd-Regular.woff') format('woff');  
       font-weight: normal;
	   font-style: normal;  
}

@font-face {
  font-family: 'AkkuratHStd';
  src: url('fonts/AkkuratHStd-Bold.eot'); 
  src: url('fonts/AkkuratHStd-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/AkkuratHStd-Bold.woff') format('woff');  
       font-weight: bold;
	   font-style: normal;  
}

/* Basics
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
	font-family: 'AkkuratHStd', Helvetica, Arial, sans-serif;
	background: #f5f5f5;
}

a {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid black;	
}

a:focus,
a:visited,
a:active {
	color: #000000;
	text-decoration: none;
}

/* Inline-buttons
-------------------------------------------------- */

a:hover,
a.activebutton  {background: #000000;
	color: #f5f5f5;
}

.ec-toggle {color: #000000;
	border-bottom: 1px solid black;	
	cursor: pointer;}

.ec-toggle:hover {background: #000000;
	color: #f5f5f5;
}

.float-right {float: right;}
	
.cl1 {margin-bottom: 30px;}	
	
@media (max-width: 768px) {
	.cl1 {margin-bottom: 0px;}
}

@media (max-width: 768px) {
	.cl1 {margin-bottom: 0px;}
}



.ec-close {
	padding: 5px 5px 2px 5px; 
	background: #000000;
	}
	
.ec-close {color: #f5f5f5;}

.ec-close .x-close svg {
	height:12px;
	width: auto;
	fill: #f5f5f5;
}



.ec-close:hover {
	cursor: pointer;
}

.close-btn {
	fill: #f5f5f5;
}

.ec-close:hover .close-btn {
	fill: #000000;
}

.ec-close:hover {
	background: #f5f5f5;
	border: 1px solid black;
	color: black;
	}
	


/* Schriftgrößen
-------------------------------------------------- */
body, p, h4 {
	font-size: 16.8px;
	}

.lead, h1, h2 {
	font-size: 28px;
	line-height: 36px;
	font-weight: normal;
}

.lead_small,
.lead_small p, h3 {
	font-size: 23px; 
	line-height: 34px;
	} 
	
@media (min-width: 1200px) {
body, p, h4 {
	font-size: 16.8px;
	}

.lead, h1, h2 {
	font-size: 28px;
	line-height: 36px;
}

.lead_small,
.lead_small p,h3 {
	font-size: 23px; 
	line-height: 34px;
	} 
}


@media (max-width: 1200px) {
body, p, h4 {
	font-size: 16.8px;
	}

.lead, h1, h2 {
	font-size: 28px;
	line-height: 36px;
}

.lead_small,
.lead_small p, h3 {
	font-size: 23px; 
	line-height: 34px;
	} 
}




@media (max-width: 992px) {
body, p, h4 {
	font-size: 15px;
	}

.lead, h1, h2 {
	font-size: 25px;
	line-height: 33px;
}

.lead_small,
.lead_small p, h3 {
	font-size: 20px; 
	line-height: 29px;
	} 
}


@media (max-width: 768px) {
body, p, h4 {
	font-size: 14px;
	}

.lead, h1, h2 {
	font-size: 23px;
	line-height: 34px;
}

.lead_small,
.lead_small p, h3 {
	font-size: 18px; 
	line-height: 27px;
	} 
}


@media (max-width: 500px) {
.lead, h1, h2 {
	font-size: 20px;
	line-height: 30px;
}

.lead_small,
.lead_small p, h3 {
	font-size: 17px; 
	line-height: 25px;
	} 
}

h4, h3, strong, b {font-weight: bold;}



/* preloader
-------------------------------------------------- */

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #ffffff;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

/* Intro
-------------------------------------------------- */

#intro { 
 	height: 60vh; 
	overflow: hidden;
	background: #eeeeee;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	background-position: center center;
	}
	


/* Logo
-------------------------------------------------- */

#hc-logo a,
#hc-logo a:hover,
#hc-logo a:focus,
#hc-logo a:visited {background: transparent; border:0;}

#hc-logo svg {
	width:330px;
	overflow: visible;
	}	

@media (max-width: 768px) {
#hc-logo svg {
	width:250px;
	overflow: visible;
	}	
}

#blur {
  -webkit-filter: url(#blur-filter);
          filter: url(#blur-filter);
}

.fillblack path {fill:#000000;}



/* JQuery
-------------------------------------------------- */

#x-messestand {display: none;}

#x-katalogsysteme {display: none;}

#x-magazine {display: none;}

#x-buero {display: none;}

#x-maps {display: none;}

.x-close {}

.activebutton {
	padding: 5px 5px;
	}

.activebutton #x-messestand {display: inline;}

.activebutton #x-magazine {display: inline;}

.activebutton #x-katalogsysteme  {display: inline;}

.activebutton #x-buero {display: inline;}

.activebutton #x-maps {display: inline;}

.close-icon {height: 18px; width: auto; padding-bottom: 3px;}

.nowrap {white-space: nowrap !important;}

.hc-container {width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}

#map, #map iframe {width: 100%; height: 500px;}

#map {margin-bottom: 25px;}



/* Responsive Abstände
-------------------------------------------------- */

.hc-mtop75 {margin-top: 75px;}

.hc-mtop60 {margin-top: 75px;}

.hc-mtop30 {margin-top: 30px;}

.hc-mtop40 {margin-top: 40px;}

.hc-mtop80 {margin-top: 75px;}

.hc-mbot40 {margin-bottom: 40px;}

.hc-mbot30 {margin-bottom: 30px;}

.hc-mbot60 {margin-bottom: 60px;}

.hc-mbot75 {margin-bottom: 80px;}

.hc-mbot80 {margin-bottom: 80px;}

@media (max-width: 768px) {
	
	.hc-mtop30 {margin-top: 25px;}	

	.hc-mtop75 {margin-top: 50px;}

	.hc-mtop60 {margin-top: 50px;}

	.hc-mtop80 {margin-top: 50px;}
	
	.hc-mbot30 {margin-bottom: 25px;}	

	.hc-mbot60 {margin-bottom: 50px;}

	.hc-mbot75 {margin-bottom: 50px;}

	.hc-mbot80 {margin-bottom: 50px;}

}

.row-relative {
	position: relative;
}

.col-absolute-bottom {
	position: absolute;
	bottom: 0;
}

#intro {display: none;}

video {
	width: 100%; 
	display: block;
	}

/* Flexbox-Tweaks
-------------------------------------------------- */



@media (max-width: 767px) {

	.flex-container {
		display: block;
	}

	.flex-bottom-item {  

	}

	.rh1 {
		height: auto;
	}

	.hc-architektur-bg {
		background: unset;
	}
	
	.debolon-small-img {
		display: none;
	}

	.show-on-small-devices {
		display: block;
	}

}

@media (min-width: 768px) {

	.flex-container {
		display: flex;
	}
	.flex-bottom-item {  
		align-self: flex-end;
		width: 100%;
	}

	.rh1 {
		height: 250px;
	}

	.hc-architektur-bg {
		background-position: center;
		background-size: cover;
		background-image: url(img/office/hc-office6.jpg);
	}
	
	.debolon-small-img {
		max-width: 300px;
		float: right; 
		display: block;
	}

	.show-on-small-devices {
		display: none;
	}
}

@media (min-width: 992px) {
	.rh1 {
		height: 300px;
	}
}

@media (min-width: 1200px) {
	.rh1 {
		height: 400px;
	}
}

.gmarker {
	font-family: 'AkkuratHStd',helvetica,arial,sans-serif;
	line-height: 140%;
}

/* Listen
-------------------------------------------------- */

ul {
	padding-left: 15px;
}

li {margin-bottom: 3px;}



/* Magazine
-------------------------------------------------- */

.desktop-pbot50 {padding-bottom: 50px;}

.weisser-block {
	background: white;
	padding: 15px 0px 100px 15px;
	}

.show-only-on-desktop {
	display: inline;
	}

@media (max-width: 992px) {
	.weisser-block {
		padding: 15px 15px 50px 15px;
	}

.desktop-pbot50 {padding-bottom: 0px;}	
}


@media (max-width: 1200px) {
	.show-only-on-desktop {
		display: none;
		}	
}

.nowrap {
	white-space: nowrap;
	}



	.btn-hidden-sm-up {	
		display: none;
	}
	.btn-hidden-sm-down {	
		display: inline;
	}


@media (max-width: 768px) {
	.btn-hidden-sm-up {	
		display: inline;
	}
	.btn-hidden-sm-down {	
		display: none;
	}
}
	
.avoid-line-break {
	white-space: nowrap;
               }	
	
/* INTRO-VIDEO */
@media (max-width: 768px){
	.video-intro{
		display: block;
		padding-bottom: 100%;
		height: 0;
		position: relative;
	}
	.header-video{
		position: absolute;
		height: 100%;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
	.header-video video{
		height: 100% !important;
		width: auto !important;
		display: inline-block;
	}
}