body {
  background: white;
}
.footerimage{
width:30%
}
.pull-right{
margin-top:12px;
}

.lang {
  position:absolute;
  top:0;
  left:40px;
  height:50px;
  background:#0290e1;
  opacity:0.8;
  padding:0 10px;
}
.lang a {
  display:inline-block;
  padding:0 5px;
  color:white;
  font-weight:900;
  font-size:18px;
  line-height:50px;
}
p { 
  font-size:16px;
  font-weight:400;
}
h4 {
  font-size:22px;
  margin-bottom:40px;
}
h2 {
  font-size:26px;
  font-weight:100;
  text-transform:uppercase;
  margin-bottom:50px;
}
.team h2 {
  margin-bottom:15px;
  font-size:18px;
}
h3,h4 {
  font-size:18px;
  font-weight:900;
}

header {
  *margin-bottom: 10px;
  *margin-top: 10px;
}
.popup-close:after {
  content:"x";
}
a {
  color: #888;
}
.header-background {
  *position:absolute;
  top:0;
  background-position:fixed;
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  height:230px;
}
.text-box {
  background:rgba(255,255,255,0.85);
  *positon:relative;
  max-width:600px;
  float:right;
  *top:20px;
  *left:60vh;
  padding:50px;
  margin-top:100px;
  margin-bottom:50px;
  margin-right:80px;
}
@media screen and (max-width:700px) {
.text-box {
  width:100% !important;
  max-width:none;
  margin:0;
}
}
.text-box p {
  font-size:14px;
  line-height:1.5;
  margin-bottom:18px;
}

.header-text {
  position:relative;
  text-align:right;
  margin-left: 100px;
  *margin-top: 40vh;
  padding: 4px;
  height: 60px;
  background:#0290e1;
  text-transform:uppercase;
  padding-left:50px;
  padding-right:80px;
}

.logo {
  margin-top: 10px;
  max-height: 55px;
  margin-bottom: 15px;
  margin-right: 50px;
}

.top-nav {
  float: right;
  opacity:0.8;
  margin: 0;
  margin-top: 50px;
  padding: 4px;
  list-stlye: none;
  height: 80px;
  background:#0290e1;
  text-transform:uppercase;
  padding-left:50px;
  padding-right:80px;
  z-index:100;
}
header img {
  margin-left: 30px;
    height: 55px;
    margin-top: 2px;
}
@media screen and (max-width:1132px) {
header img {
     margin-left: 30px;
    height: 45px;
    margin-top: 8px;
}
header .top-nav li{
  font-size:14px;
  padding:12px 10px;
  margin-left:0;
}
.angebot-nav a {
  font-size:10px !important;
  padding:20px 5px;
}
}
@media screen and (max-width:797px) {
.hidden-xs {
    display: none !important;
}
.visible-xs {
    display: block !important;
}
}

.map {
  height: auto;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
}
.map img {
  max-width:none;
}

[class^="gallery-"] .thumbnail {
  margin-bottom:5px;
}

.ref-box {
  overflow-y:scroll;
  position:absolute;
  top:150px;
  left:50px;
  width:18%;
  height:70vh;
  background:white;
  z-index:100;
  opacity:0.8;
  *display:none;
  padding:15px;
  
}
.ref-box p,.info-box p {
  font-size:14px;
}

.info-box {
  *overflow-y:scroll;
  position:absolute;
  top:150px;
  right:80px;
  width:25%;
  height:70vh;
  background:white;
  z-index:100;
  opacity:0.8;
  display:none;
  padding:15px;
  
}
.info-box-inner {
  overflow-y:scroll;
  overflow-x:hidden;
  height:100%;
  width:100%;
}

.ref-logo {
  width:100%;
  height:200px;
  background-size:cover;
  
}

.info-box show {
  display:block;
}

.safari .gallery-2 .thumbnail {
  width: 48%;
}

.gallery-2 .thumbnail {
  width: 48%;
}
.partner {
  min-height:400px;
}
.partner .img {
  width: 80%;
  height: 200px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-width:300px;
}
.partner .text h5 {
  font-size:20px;
  font-weight:500;
}

.partner .text p {
  font-size:16px;
  font-weight:400;
  
}
.box {
  width:100%;
  background-size:cover;
  margin-bottom:30px;
}

.box .overlay {
  padding:20px;
  width:100%;
  height:100%;
  opacity:0;
  text-align:center;
  color:white;
}
.box .overlay p {
  text-align:center;
  font-size:14px;
  font-weight:300;
  margin-bottom:20px;
}
.box .overlay h2 {
  padding-top:20%;
  font-weight:400;
  margin-bottom:20px;
  font-size:20px;
}

.btn-white {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-white:hover {
  background-color:white;
}


.box .overlay:hover {
  opacity:1;
  background-color:rgba(59,59,59,0.85);
  -webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -ms-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
@media screen and (max-width:1024px) {
.box h2 {
  padding-top:10px !important;
}
}
.top-nav li {
  float: left;
  list-style: none;
  display:inline-block;
  height: 80px;
  padding: 12px 20px;
  margin-top:-4px;
  font-size: 18px;
  line-height:60px;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  
}

.top-nav li.active {
  background:rgba(0,0,0,0.5);
}


.top-nav li a, .top-nav-map li a {
  color:white;
}
.angebot-nav {
  width:100%;
  height:50px;
  background-color:#DCDCDC;
  text-align:center;
}
.angebot-nav a{
  padding:20px;
  *white-space: nowrap;
  color:black;
  font-size:14px;
  text-transform:uppercase;
  height:50px;
  line-height:10px;
  display:inline-block;
  vertical-align:middle;
  margin-top:0;
}
.angebot-nav a.active {
  background-color:#aaa!important;
}
@media screen and (max-width:768px) {
.angebot-nav {
  height:auto;
  
}
.angebot-nav a {
  text-align:left;
  display:block;
  font-size:14px !important;
  padding:15px 10px;
  margin:0;
  height:auto;
}
}

.content {
  margin-top: 50px;
}

footer {
  clear: both;
  border-top:1px solid #0290e1;
  margin-top: 80px;
  padding-top:20px;
  margin-bottom:50px;
}

footer a {
  color: black;
  font-size: 12px;
  margin-right: 10px;
}
@media and screen(max-width:768px) {
.info-box {
  bottom:0px;
}

}

.nav-toggle-button {
  font-size:24px;
  display:block;
  margin-top:-2px;
  margin-right:20px;
}

.dropdown-nav ul {
  list-style:none;
  padding:0;
}
.dropdown-nav ul li {
  padding:5px 10px;
  text-align:center;
  
}
.dropdown-nav ul li a {
  text-transform:uppercase;
  font-size:16px;
  text-align:center;
}