/* Slideshow container */

/* Hero-Slider: Bild zentriert, ohne Verzerrung, maximale Bildinformation */
.section-header .parallax > img.slideimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 0;      /* überschreibt site.css .section .parallax > img */
  min-height: 0;      /* überschreibt site.css .section .parallax > img */
  object-fit: cover;
  object-position: center;
  cursor: pointer;
  z-index: 1;
}

/* Caption text */
.text {
  color: #333;
  position: absolute;
	bottom: 0;
/*	top: 100%;*/
  max-width: 60%;
	line-height: 1.2em;
	padding: 0 2em;
}

.text .txt {
	display: inline-block;
}

/* Number text (1/3 etc) */
.number {
	padding-right: 1em;
}
.number a {
	font-size: 1em;
	border: 0;
/*	border: 1px solid #fff;*/
	padding: 1px 3px 0.5px;
	margin: 0 1px;
}
.number a.active,
.number a:hover  {
/*	border: 1px solid #fff;*/
	color: #333;
}

/* Fading animation (Desktop only) */
.fade {
  opacity: 1;
}
/*@media (min-width: 1024px) {*/
  .fade {
    animation-name: fade;
    animation-duration: 1.6s;
  }
/*}*/
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Tablets (z. B. iPads, ~768px) 
@media screen and (max-width: 800px) {
  .slideshow-container {
    max-width: 600px;
    max-height: 400px;
  }
  .mySlides {
    height: 400px;
  }
}
*/
/* Smartphones im Querformat (~600px) */
@media screen and (max-width: 600px) {
  .slideshow-container {
		width: 90vw;
		height: 60vh;
    max-width: 480px;
    max-height: 320px;
  }
  .mySlides {
/*    height: 320px;*/
  }
  .text {
    font-size: 0.9em;
		max-width: 100%;
  }
}

/* Smartphones im Hochformat (~480px und kleiner) */
@media screen and (max-width: 480px) {
	.slide p { 
/*		margin 0; */
	}
  .text {
/*		margin: 0 1em 1em 0;*/
/*    padding: 6px 8px;*/
		max-width: 100%;
  }
	.text .number {
/*		    font-size: 0.8em;*/
	}
}

/*Bildunterschriften */
.slide p.bu {
	position: relative;
	bottom: 0;
	z-index: 5;
}
.bu {
	position: relative;
	font-size: 1em;
	top: 0.6em;
/*	left:0.6em;	*/
}