@font-face {
  font-family: 'DBSansReg';
  src: url('../fonts/dbsans/DBSans-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DBSansBold';
  src: url('../fonts/dbsans/DBSans-Black.otf');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'DBSansBlack';
  src: url('../fonts/dbsans/DBSans-Black.otf');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'DBHeadBlack';
  src: url('../fonts/dbhead/DBHead-Black.otf');
  font-weight: 900;
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*+++++++++++++++++++++++*/

body {
  background: #63717a;
}
.container-fluid {
  background: #fff;
}
#baj-logo {
  position: absolute;
  top: 40px;
  right: 60px;
}
.tooltip .tooltip-inner {
text-align: left;
width:380px; max-width: 380px;
padding: 8px;
}
.logo {
  height: 70px;
  background: #fff;
  padding-top: 15px;
  padding-left: 15px;
  border-top: 1px solid #d7dee3;
}
.section {
  background: #e1e5e8;
}

#sec10, #sec11 {border-top: 1px solid #d7dee3; background: #fff; padding-top: 30px;}
#sec0 {max-height: 80vh; overflow: hidden;  position: relative;}
h1, h2, h3, h4 {
  font-family: 'DBHeadBlack',sans-serif; font-weight: 900;
  line-height:120%;
}
h1 { font-size: 30px; margin-bottom: 25px; margin-top: 40px;}
h2 { font-size: 20px; margin-bottom: 20px;}
h3 { font-size: 20px; margin-bottom: 10px; }
h4 { font-size: 14px; margin-bottom: 10px; margin-top: 20px; line-height: 140%;}
h5 {font-style: italic;}
.maincontent .datenschutz p, .maincontent .impressum p {
	text-indent: 0px;
}

.btn {
  font-family: 'DBSansReg',sans-serif; 
}


.maincontent {
  font-family: 'DBSansReg',sans-serif;  
  font-size: 14px; 
  line-height:140%;
  margin-bottom: 60px;

}

.maincontent.ext { margin-top: 30px; }


.maincontent .teaser {
  font-family: 'DBSansBold';
  margin-bottom: 10px;
}
.maincontent img {
padding-top: 10px;
  padding-bottom: 15px;
}

.maincontent p {
  margin-bottom: 0px;
  text-indent: 20px;
}
.maincontent .first {
  text-indent: 0px;
}
.maincontent ul {
  padding-left: 20px;
}
.maincontent ul.copy {
  margin-top: 10px;
}
.maincontent ul li {
  list-style-image: url(../img/bulletlist.png); 
  margin-bottom: 10px;

}

.maincontent ul.list-unstyled {
  padding-left: 0px;
  font-size: 12px;
}
.maincontent ul.list-unstyled {
  padding-left: 0px;
  font-size: 12px;
}

.maincontent ul.list-unstyled li {
  list-style-image: none !important; 
  margin-bottom: 2px;

}
.maincontent .external-links ul.list-unstyled {
  font-size: 16px;
}
.maincontent .external-links ul.list-unstyled li {
	margin-bottom: 10px;
}

.maincontent ul.copy li {
  list-style-image: url(../img/bulletlist.png); 
  margin-bottom: 3px;

}
.maincontent.foot {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    margin-bottom: 480px;
}


ul.nav-tabs{
  padding-left: 0px;
  border-bottom: 0;
}
.nav-tabs li {
  width: 33%;

}
.nav-tabs li>a>img {
  opacity: 0.6;
  
}

.nav-tabs li.active>a>img {
  opacity: 1;
  border-color: #111;
}
.nav-tabs li a {
  min-height: 330px;
  color: #95aab7;
  font-size: 12px;
  
}
.nav-tabs li.active a {
border-color: #111;
border-radius: 12px;
}
.nav-tabs li a:hover {
border-color: #95aab7;
border-radius: 12px;
}

.nav-tabs li.active a:hover {
border-color: #95aab7;
border-radius: 12px;
}

.ge>.col-sm-4 {
  padding: 5px;
}
.infocontainer {
  background: #d7dee3;
  margin-bottom: 5px;
  font-family: 'DBSansReg',sans-serif;  
  font-size: 12px; 
  line-height:140%;
  min-height: 360px;
}
.infocontainer .dh, .dr {
  padding: 7px 10px;
}
.infocontainer .dh {
  font-family: 'DBSansBold',sans-serif;  
  background: #63717a;
  color: #fff;
  text-align:center;
}
.infocontainer .dr {
  border-bottom: 1px solid #fff;
}
.infocontainer .dr:hover {
  background: #95aab7;
  color: #fff;
}

#lageplanbutton {
  position: absolute;
  margin: -40px 0 0 0px;
}

#printbutton {
  margin-bottom: 60px;
  margin-left:auto;
  margin-right:auto;
}
#printbutton-first {
  margin-top: 60px;
  margin-bottom: 20px;
  margin-left:auto;
  margin-right:auto;
}
#printbutton-bottom {
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left:auto;
  margin-right:auto;
}
/*+++++++++++++++++++++++*/

.navbar { 
  font-family: 'DBSansBold',sans-serif; 
  font-weight: 900; 
  color:#111;  
  font-size: 14px;
  background: #d7dee3;
  border:0;
  border-radius: 0;
  -moz-box-shadow: 8px 8px 8px rgba(68,68,68,0.4);
  -webkit-box-shadow: 8px 8px 8px rgba(68,68,68,0.4);
  box-shadow: 8px 8px 8px rgba(68,68,68,0.4);
  filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
}
.navbar-default .navbar-nav>li>a {
  text-shadow:0;
  line-height:120%;
  border-top: 1px solid #fff;
  color: #63717a;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{
  background-color: #63717a; 
  background-image: none; 
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,1);
  box-shadow: inset 0 0px 0px rgba(0,0,0,1);
  color: #fff;
  text-shadow:0;
}
.navbar-default .navbar-nav>li>a#contact {
  color: #fff;
  background-color:#ee1c25;
}
.navbar-default .navbar-nav>.active>a#contact {
  color: #fff;
  background-color:#63717a;
}
.navbar-brand {
  font-size: 12px;
}
.navbar div.lang {
	background-color:#ee1c25;
	line-height:120%;
	padding: 10px;
	padding-left: 15px;
	color: #fff;
	font-size: 85%;
}
.navbar div.lang a {
	color: #fff;
	font-family: 'DBSansReg';
}
#printbutton-second {
  margin-top: 0px;
  margin-bottom: 20px;
    width: 100%;
}


/* make sidebar nav vertical @ipadportrait-size */ 
@media (min-width: 768px) {
  .navbar  {
    position: fixed;
    width: 180px;
    z-index: 2;
    margin-top: 10px;
  }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }


}

/*  @ipadlandscape-size */ 
@media (min-width: 992px) {
  .navbar {
    width: 240px;
  }
  .maincontent {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
      -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
      -moz-column-gap: 20px; /* Firefox */
      column-gap: 20px;
  }
  .statements {
      -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }

}

/* largedesktop >1200px */ 
@media (min-width: 1200px) {
  .navbar {
    width: 240px;
  }
  .container-fluid {
    width: 1200px;
  }
  #baj-logo {
    position: absolute;
    right: 60px;
    top: 60px;
  }
}


/* iphone */ 

@media (max-width: 767px) {
  
  .section {padding-top: 50px;   background: #fff;}

  #sec3>.col-sm-10, #sec4>.col-sm-10, #sec8>.col-sm-10, #sec9>.col-sm-10 {background: #e1e5e8; margin:0;}
  .navbar  {
    position: fixed;
    width: 100%;
    z-index: 1000;
    background: #fff;
  }
  #baj-logo {
    top: 80px;
    right: 0px;
    padding: 20px;
  }
  .nav-tabs li {
    width: 100%;
    padding: 0;
  }
  .nav-tabs li a {
    min-height: 140px;
  }
  h1 { font-size: 20px; margin-top: 25px; margin-bottom: 20px;}
  .infocontainer {
     min-height: 100px;
  }
#lageplanbutton {
  position: absolute;
  margin: -70px 0 0 0px;
}
.btn-lg {
font-size: 14px;
}
.maincontent {
  font-size: 12px;
}
.maincontent>img {
width: 240px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.nav-tabs>li>a>img {
width: 60px;
  float:left;
  margin-right: 10px;

}

.infocontainer {
  margin-left: 30px;
  margin-right: 30px;
}

}


#enlarge-modal .modal-dialog {width: 90%;}