// custom.css von Florian Behrendt

// Änderungen von Marianne für die Anzeige der Navigationsbilder der Überseiten

.aclasstobeskipped {  
}

.kachel-box {
  	display: flex; 
  	justify-content: center;
  	flex-flow: wrap;
  	overflow: hidden;
} 

.kachel {
  	height: 579px;
  	width: calc(25% - 10px);
  	margin: 5px; 
}

.h-kachel {
  	height: 200px;
    width: 49%;
}

.kachel h2 {
  display: block;
  margin: 10px; 
  position: relative; 
  top: 50%; 
  text-align: center;
  font-size: 28px; 
}

.titelbild {
  border: 3px solid #8a2a26; 
  width: 98%;
}

.carousel-caption h2 {
  color: #8a2a26;
}

.carousel-caption {

}

@media only screen and (max-width: 992px) {
  .kachel {
  	width: calc(50% - 10px);   
  }
  .titelbild {
    border: 0px;   
  }
   .carousel-caption {
     bottom: 45% !important; 
     /*bottom: 8px; */
     right: 0;
     left: 0;
     padding-bottom: 0px;
 	}
}
@media only screen and (max-width: 768px) {
  .kachel {
   	width: 400px;
   	height: 200px;
   	background-position: center;
   	background-size: cover;
  }
  h2 {
  	font-size: 25px; 
  }
   .carousel-caption {
     bottom: 4px; 
 	}
}
@media only screen and (max-width: 400px) {
  h2 {
  	font-size: 20px; 
  }
  h4 {
  	font-size: 18px; 
  }
  .carousel-caption {
     bottom: 8px; 

  }
}