.boxes{
	z-index: 10;
	margin: 0px auto 0 auto;
	position: sticky;
	
}
.banner{
	z-index: 0;
	position: relative;
	
}
.paddingZERO{
	padding: 0;
}
nav{
	padding-top: 25px;
}
.navHover{
	align-items: center;
    display: flex;
} 
.nav.navbar-nav.navbar-right li a{
	color: #707070;
}
.innerLinks, .innerLinks:hover{
	color: inherit;
  	text-decoration: none; /* no underline */
}
.squareBlue {
  margin: 5px; 
	background-color: #62bec9; 
	text-align: center; 
	overflow-wrap: break-word;
	height: 100%; 
	width: 100%;
 
}
.squareWhite {
  margin: 5px; 
	background-color: #ffffff; 
	text-align: center; 
	overflow-wrap: break-word;
	height: 100%; 
	width: 100%;
 
}
.blue{
	color: #62bec9;
}
h2{
	margin-bottom: 0;
	margin-top: 0;
}
.pillText{
	font-size: 1.5em;
}
.contentText{
  color: #707070;
}
.contentText > h2{
	
}
.contentOfSquareWhite {
  
  color: #707070;
}
.contentOfSquare {
  
  color: #ffffff;
}

.media-heading{
	font-size:1vw;
	
}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.chevron{
	  display: flex;
  justify-content: space-between;
  flex-direction: column;
	
	
}
.chevronInner{
	margin: 0 auto;
	
	color: #ffffff; 
	
}
.chevronInner > span{
	font-size: 2em;
}
.color-white{
	color: #ffffff;
}
.color-grey{
	color: #707070;
}
.font-SemiBold{
	font-size: 16pt;
	font-weight: 600;
}

.img-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 ;
}

#collage{
	width: 100%;
	height: auto;
}
/* Create four equal columns that sits next to each other */
.img-column1 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0px 0px;
}
.img-column2 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0px 0px;
	
}
.img-column3 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  margin: 0px 0px;
}

#img3{
	margin-top:12px;
}

.box {
   display: flex;
   align-items:center;
   color: #707070;
}
.box > img{
	height: auto;
	width: 18%;
}
.box:hover ,
.box:active {
		
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {
  background-color: transparent;
  color: #62BEC9;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #62BEC9;
  background-color: transparent;
  font-size: 1.5em
}
.nav-pills > li > a{
	font-size: 1.2em;
}


.box:hover > img,
.box:active > img,
.nav-pills > li.active > a > img,
.nav-pills > li.active > a > img,
.nav-pills > li.active > a > img{
	filter: invert(0.21) sepia(1) saturate(8.7) hue-rotate(144.4deg) brightness(0.94);
}

#myDefaultNavbar1 > .navHover > li > a:hover{
	background-color: transparent;
  	color: #62BEC9;
}

.hr-blue{
	border-color: #62bec9;
	border-width: 3px;
}
#footer{
	background-color: #707070;
	color: white;
}




/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1200px) {
  .img-column1, .img-column2, .img-column3  {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
	  vertical-align: middle;
  }
	
	.contentOfSquare {
  	font-size:0.8vw;
  	
	}
	.contentOfSquareWhite {
  	font-size:0.8vw;
 	 
	}
	#img3{
		margin-top: 0px;
	}
	.img-column1, .img-column2, .img-column3 > img{
		margin-top: 8px;
	}
	.text-right{
		text-align: center;
		padding: 15px;
	}
	#historie{
		padding: 15px;
	}
	.paddingZERO{
		padding: 15px;
	}
	#map{
	width: auto;
	}
	
}
@media (max-width: 992px){
	.disappear{
		display: none;
	}
	#BannerText{ display: none;}
	#address, #footLogo, #footerLinks{
		text-align: center !important;
	}
}
@media (max-width: 767px) {
    #ErfahrungText { text-align:center }
	
	

}