/* MAIN */
html, body { overflow-x: hidden;}
body {
	font-family:arial, helvetica, verdana
}

@media (min-width: 768px) {  /* rew bootstrap */
    .container { max-width: 768px; }
}
@media (min-width: 992px) {
  /* rew bootstrap */
  .container { max-width: 992px; }
}
@media (min-width: 1200px) {
  .container {max-width: 1470px; }
}

#gareaContent {
  max-width: 1920px;
  padding: 16px;
  margin: 0 auto;
}

h1, h2, h3, h4, #gareatitel, .h1, .h2, .h3, .h4 { margin: 0; padding: 0; font-family: 'Oswald', 'Carrois Gothic', 'Dosis', Arial, helvetica;}

/* DROPDOWN */
#gareatitel     { font-size: 2.5em;}
.marginBottom   { margin-bottom: 15px;}
.marginTop      { margin-top: 15px;}
.container      { padding-right: 0px; padding-left: 0px;}/* rew bootstrap */
.dropdown-menu  { position: fixed; top: 70px; margin: auto;}
.carousel-inner > .item > img { width: 100%;}
.dropdown h4 {padding-bottom:10px;}
.noPadding {padding:0px !important}
.dropdown-header {padding: 3px 0 10px 0}
.loupe {position:absolute; bottom:5px; right:10px; font-size:2em; }
.loupe a {color:#777777}
/* = BUTTONS */
.btn { text-shadow: none !important;}
.btn { min-width: 80px; text-shadow: 0 1px 0 #e5e7eb; background-image: none; border: 0px;}/* rew bootstrap */
.btn-primary { border-color: #71c60d;}/* rew bootstrap */

/* = MINIBLOCKS */
.thumbnail { padding: 0; border: 0;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); overflow: hidden;margin-bottom: 16px; line-height: 1.5}

/* = CLOSE BLOCKS */
.gcontent .row.closeBlocks  > li {padding:2px; color:#fff}
.gcontent ul.row.closeBlocks  {padding:2px;}
.gcontent .row.closeBlocks .theme {font-size:1.0em; text-align:left; }
.gcontent .row.closeBlocks h3 {font-size: 20px;}

.gcontent .row.closeBlocks li {	position:relative;}
.gcontent .row.closeBlocks li .caption {
  position:absolute;
  top: 16px;
  left: 16px;
  max-width: 90%;
  min-width: 50%;
  background: rgba(17, 24, 39, .65);
  padding:10px;
  border-radius: 4px
}
.gcontent .row.closeBlocks li  img {display:block; width:100%; max-width:100%; height:auto; margin:auto;}
.gcontent .row.closeBlocks li div.buttonOver {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.gcontent .row.closeBlocks li div.buttonOver a.btn {
  border-radius: 0;
  background: #0284c7;
}

.gcontent .row.closeBlocks li div.buttonOver a.btn:hover,
.gcontent .row.closeBlocks li div.buttonOver a.btn:focus,
.gcontent .row.closeBlocks li div.buttonOver a.btn:active {
  background: #0ea5e9;
}

.gcontent .row.closeBlocks li.black_c {color:#111827 !important;}

/* HEADER */
#site-header {
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  z-index: 99999;
  height: 78px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
}
@media (max-width: 1010px) {
  #site-header { position: relative;margin-bottom: -80px;}
}

@media (max-width: 994px) {
  #site-header {   position: relative;    height: auto;    min-height: 79px;    margin-bottom: -80px;  }
}
.site-header-logo { padding: 6px 35px 3px 3px;  position: relative;}

@media (max-width: 768px) {
    .site-header-logo { padding: 12px 5px 3px 3px;  position: relative;}
}

.navbar-nav.navbar-right > li > .dropdown-menu {margin-top:-47px;}
#header-site-nav { height: 70px; width: 100%; max-width: 1400px; margin: 0 auto; border: 0; position: static;}
@media (max-width: 994px) {
    #header-site-nav { height: auto;}
}
#header-site-nav .navbar-nav { margin-top: 28px;}
@media (max-width: 994px) {
  #header-site-nav .navbar-nav { margin: 0; }
}
#header-site-nav .navbar-nav.visible-sm { position: static; }
#header-site-nav .site-header-nav-item { border-radius: 5px 5px 0 0; display: block;  padding: 14px 15px 0px 15px;  font-size: 1.1em;  height: 50px;  margin-right: 1px; text-transform: uppercase;}
@media (max-width: 1110px) {
  #header-site-nav .site-header-nav-item { padding: 8px 11px 0px 11px; line-height: 30px;  }
}
@media (max-width: 994px) {
  #header-site-nav .site-header-nav-item { border-radius: 0; padding: 0 5px; font-size: 1.1em; height: 50px; margin-right: 0; line-height: 50px; text-align: center;  }
}
#header-site-nav .navbar-toggle { margin-top: 18px;  border-radius: 5px 5px 0 0;  display: block;  padding: 0 15px 0px 15px;  font-size: 1em;  height: 45px;  margin-right: 1px;  position: relative;  top: 8px;}

@media (max-width: 994px) {
  #header-site-nav .navbar-toggle { display: block !important; height: 53px;   position: absolute;  left: 260px; }
}

@media (max-width: 768px) {
  #header-site-nav .navbar-toggle { float: none;    position: absolute;    left: 128px !important;  }
}


#header-site-nav .navbar-collapse-md { max-height: none;  display: block;  height: auto;  padding-bottom: 0;  overflow: visible;  padding-right: 15px;  padding-left: 15px;  width: auto;  border-top: 0;}
#header-site-nav .navbar-collapse-md.collapsing { overflow: hidden;}
#header-site-nav .navbar-collapse-md.in .hidden-sm { display: block !important;}
@media (max-width: 994px) {
  #header-site-nav .navbar-collapse-md {height: 0;    overflow: hidden;    position: static;    padding: 0;    width: 100%;    background: #fff;    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);  }
}
@media (max-width: 768px) {
  #header-site-nav .navbar-collapse-md { margin-top: 5px; }
}
@media (max-width: 994px) {
  #header-site-nav .navbar-collapse-md .navbar-nav { float: none; }
}
#header-site-nav .navbar-collapse-md .dropdown { position: static;}
@media (max-width: 994px) {
  #header-site-nav .navbar-collapse-md .dropdown { display: block;    float: none;    position: relative;  }
}

#header-site-nav .dropdown-header .h2 { margin: 15px 10px 25px 10px; }
#header-site-nav .dropdown { position: static;}
@media (max-width: 994px) {
  #header-site-nav .open .site-header-nav-dropdown {height: auto; border-width: 8px !important; }
}
.site-header-nav-dropdown { position: absolute; width: 100%;  border: 8px solid;
  padding: 0;
  -webkit-transition: height 0.5s ease-in-out;  -moz-transition: height 0.5s ease-in-out;  transition: height 0.5s ease-in-out;}
@media (max-width: 994px) {
  .site-header-nav-dropdown { position: static;    overflow: hidden;    height: 0;    display: block !important;    border: 0;    box-shadow: none;    float: none;    padding-top: 0;    border-radius: 0;    border-width: 0 !important;  }
}

/* === HEADER - SITE NAV - DROPDOWNS - EXPO LIST */
.site-header-dropdown-expo {padding: 8px; margin-bottom: 8px;}
.site-header-dropdown-expo h3 { margin: 0;}
.site-header-expo-title { text-transform: uppercase;  font-size: 0.7em;}
#header-site-nav .expo-thumb-wrapper { padding: 0;}
#header-site-nav .expo-thumb-wrapper img.img-responsive {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  margin-bottom: 6px;
}
.site-header-expo-desc { font-size: 0.9em;}
.dropdown-extra-links {  padding: 10px;  margin: 0;  height: auto;  clear: both;}
.dropdown-extra-links ul { padding: 0;  margin: 0;}
.dropdown-extra-links-ul li { list-style: none;  margin-left: 0;  padding: 0;}

/* == HEADER - SEARCH FORM */
.site-header-search-form { top: 25px;  margin-left: 15px;  position: relative;  right: 0px;  padding: 0;}
@media (max-width: 994px) {
  .site-header-search-form {   position: absolute;  }
}
@media (max-width: 768px) {
  .site-header-search-form { right: 10px;  }
}
.site-header-search-form .form-group { min-width: 300px;}
@media (max-width: 1136px) {
  .site-header-search-form .form-group {min-width: 150px; }
}
@media (max-width: 994px) {
  .site-header-search-form .form-group {min-width: 300px; }
}
@media (max-width: 768px) {
  .site-header-search-form .form-group { min-width: 150px;  display: inline-block;  }
}
/* = HEADER - META MENU */
#header-site-nav .site-header-meta-menu {position: absolute; top: 0; right: 0; margin: 0;}
@media (max-width: 768px) {
  #header-site-nav .site-header-meta-menu li {float: left;}
}
#header-site-nav .site-header-meta-menu a {padding: 4px 15px 0px 15px;font-size: 1em; height: 23px;  color: #777777;}
#header-site-nav .site-header-meta-menu .caret { border-top-color: #777777; border-bottom-color: #777777;}

/* CONTENT AREA */
#gareaContent.noNav { margin-top: 0;}
#gareaContent #bread {font-size: 16px; margin: 0}

/* = AREA NAV */
#gareaWrapper { margin: auto; margin-top: 77px;}
#gareanav { margin: auto;padding: 8px 16px 0;min-height: 75px;  position: relative;}
/*#gareanav { border-bottom: 5px solid #111827;}*/
#gareatitel { padding: 10px 0px;}
#gareanav .glyphicon { display: block;  text-align: center;  font-size: 1.5em;  margin-bottom: 5px;  width: 100%;
    height: 21px;
}
#gareanav #gareatabs .nav-tabs { border: 0px;  float: right;  padding: 0;  margin: 0;}
#gareatabs { margin-bottom: 1px;}
#gareanav #gareatabs li a { color: #fff;  font-size: 1em;  text-transform: capitalize;  padding: 10px 9px; min-width:70px; text-align:center}

@media (max-width: 768px) {
#gareanav #gareatabs li a {  padding: 5px 3px; text-align:center}
}
#gareanav #gareatitel .hdescription { font-size: 0.4em;  font-family: arial, Helvetica;}
#gareanav #gareatitel ul { padding: 0;  margin: 0;}
#gareanav #gareatitel li { list-style: none;  padding: 0;  margin: 0; line-height: 1}
#gareanav #gareatitel li h1 {font-size: 26px; line-height: 1;}
#gareanav #gareatabs .gexpo { min-width: 70px;  text-align: center;}

/* SUBAREA */
.home .areaTitel {
  position: relative;
  background-image: linear-gradient(to left, #2783c2, #232263);
  padding: 8px 20px;
  font-size: 2em;
  color: #fff;
  width: 100%;
  min-height: 60px;
}

.homein .areaTitel          { background-color: #364D97;  padding: 8px 20px;  font-size: 2em;  color: #fff;  position: relative;  width: 100%;  min-height: 60px;}

.areaTitel          { border-bottom: 1px solid #e4e5e9; background-color: #fff;  padding: 8px 20px;  font-size: 1.6em;  color: #111827;  position: relative;  width: 100%;  min-height: 45px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);}
.areaTitel ul       { list-style: none;  margin: 0;  padding: 0;}
.areaTitel li.left  { float: left;}
.areaTitel li.right { float: right;  font-size: 0.7em;  font-weight: lighter;  padding-top: 6px;}

.fairTitel {font-size: 2.5em; text-align:center}
.fairTitel .fairName {color:#0f3978}
.fairTitel .zwxx {color:#f07d00}

.subareaTitel       { background-color: #f9f9fb;  padding: 5px 10px;  margin: 20px 0 0 0;  font-size: 1.5em;  position: relative;  width: 100%;  min-height: 46px;}

.areaTopTitel          {  font-size: 1.8em;  color: #fff;  }
.areaTopTitel span {top:3px}

/* MESSE NAMEN */
.d2expoThumb h3 {

}

/* HALL NAV BLOCK */
.hallNavBlock { padding: 5px 0 7px 0;  background-color: #fff;  text-align: right; min-height:45px;}
.hallNavBlock a { font-family: arial, helvetica;}
.hallNavBlock ul { margin: 0;  padding: 0;  list-style: none;}
.hallNavBlock .hallMapButton { text-align: left;}
.hallNavBlock ul li { line-height: 1.5em;  padding-top: 3px;}
.hallNavBlock::after { clear: both;}
#hallNavBlockNumber.hallNavBlock { background-color: transparent;  text-align: center;  color: white;}
#hallNavBlockNumber.hallNavBlock a { color: white;}
#hallNavBlockNumber.hallNavBlock a.active { color: black;}
.hallNavBlock .hallnr { padding: 0 5px;}
.hallNavBlock .hallnr.glong { font-size: 0.8em;}

.hallNavBlock .pagenr { padding: 0 5px; font-size: 1.2em;  border: 1px solid #e5e7eb;}
.hallNavBlock .pagenr.active { color: red;}
.hallNavBlock .pagenr .pageziffer { font-weight: bold;}
.hallNavBlock a.hallnav { color: #fff;  font-family: arial, Helvetica;}
.hallNavBlock.subblock {  padding-top: 4px;}

/* = gliBlock*/
.gliBlock, .gliBlock li { margin: 0;  padding: 0;}
.gliBlock li { display: block;}

/* = BLOCK DARSTELLUNG */
/*.areaTitel          { min-height: 60px;}*/
.gcontentcarre      { margin-top: 14px; clear: both;}
.gcontentcarre li   { list-style: none;}
.gcontentcarre ul.row { padding: 0; margin-bottom: -16px;}
.gcontentcarre .moreDivButton { top: -7px;  margin-bottom: 15px;  position: relative;}
.contentColLeft     { margin: 0;  padding-left: 0;}
.blockRight ul      { margin: 0;  padding: 0;}
.blockRight li      { list-style: none;}
.gadd               { /*margin-top: 15px; */ text-align: center; }
.gadd a img         {background-color:#fff;}
.blockleftimg       { padding-bottom: 10px;}
.blockRight .custom-block-row { padding: 5px 0;}
.blockRight .blockleftimg img { float: left;  margin-right: 10px;}
.blockRight .blockrow img { margin-bottom: 5px;}
.blockRight .gtitle { font-weight: bold;}
.blockRight .gshortdescription { font-size: 1em; line-height: 115%;}
.blockRight .gtxt { font-size: 0.95em;}
.blockRight .glink { font-size: 0.95em;}
.blockRight .gcompany { font-size: 1em;}
.blockContent { padding: 10px;}
.blockRight .gadd img { display: block; height: auto;  max-width: 100%;}
.blockRight .blockrow {  padding-bottom: 15px;}

/* AREA */
.gcontent .d2expoBlock h3 a {color:#344a8e; font-size: 16px;}

/* NEWS */
#gnews h2 { font-size: 1.5em;}
#gnews h3 { font-size: 1.4em;  line-height: 130%;  font-family: Arial, Helvetica, sans-serif;}

/* = FOOTER */
#gfooter h2, #gfooter h3, #gfooter h4 { padding: 25px 0 15px 0;}
#gfooter h3 { font-size: 28px; color: #f9fafb;}
#gfooter h4 { font-size: 24px;color: #38bdf8;}
#gfooter span.h4 {display: block; font-size: 24px;color: #38bdf8; padding: 25px 0 15px 0;}
#gfooter { margin-top:0 !important; padding: 25px;  position: relative;}
#gfooter ul {  margin: 0;  padding: 0;}
#gfooter ul ul {  margin-left: -3px;}
#gfooter .gfooterinfo li {  padding: 3px 0;  font-size: 18px;}
#gfooter li {  list-style: none;}
#gfooter #gterms li {  display: block;  float: left;  padding: 10px 20px;  min-height: 25px;  font-size: 1em;}
#gfooter #gterms li a {  text-decoration: underline;}

/* == AREA NAV als BLOCK */
.nav-carre li { display: block;  float: left;  height: 70px;  width: 90px;  border: 1px solid gray;  text-align: center;  margin: 5px;  position: relative;}
.nav-carre li .glyphicon { text-align: center;  display: block;  margin: auto;}
.nav-carre li a { font-size: 0.9em;  text-align: center;}
.nav-carre li span { display: block;  text-align: center;  padding: 3px 0;  font-size: 1.3em;}
#gfooter .gfooterinfo .nav-carre li { padding-top: 10px;}

/* BLOCK RIGHT */
.contentColRight { padding: 0 0 0 7px;  margin: 0;}
.blockRight { background-color: #f3f4f6;}
.blockRight .gtitle { font-family: arial, Helvetica;}


/* == Carre */
.lescarres .carreIdent {margin:0; padding:0; background-color:#41a6ec; color:#fff; font-size:1em; font-family: arial, helvetica; height:27px; }
.lescarres .carreIdent li {display:inline-block; height:27px; padding-top:3px;}
.lescarres .carreType { float:left; padding-left:7px; padding-right:7px }
.lescarres .carreLocation { padding-left:5px;}
.lescarres .thumbnail > img, .thumbnail a > img {width:100%; height:auto}