/* Container-Grundstruktur */
.splide-container-wrapper--timeline {
  position: relative;
  width: 80%;
  margin: 2rem auto;
}

/* Slides ähnlich stylen */
.splide-container-wrapper--timeline .splide__slide {
  display: flex;
  background: #fff;
  min-height: 300px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.splide-container-wrapper--timeline .title {
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.5s ease 0.5s;
}
.splide-container-wrapper--timeline .is-active .title,
.splide-container-wrapper--timeline .splide__slide.is-active .title {
  opacity: 1;
}
.splide__slide{
	justify-content: space-between!important;
	flex-wrap: wrap;
}
#aktuelles .splide__slide{
	justify-content: center!important;
}
#image-splide .splide__slide{
	background: #000;
	height: 500px;
}

.splide__slide img {
  vertical-align: bottom;
  object-fit: contain;
  width: 90%!important;
}
/* Progressbar-Styling */
.splide-pagination-progressbar {
  position: relative;
  margin: 37px auto 2rem;
  height: 4px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #888;
}
.splide-pagination-progressbar:before {
  content: "";
  position: absolute;
  top: 2px;
  left: -100%;
  width: 100%;
  height: 3px;
  background: #50C878;
}
.splide-pagination-progressbar:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -100%;
  width: 100%;
  height: 1px;
  background: #888;
}
.splide-pagination-progressbar-fill {
  position: absolute;
  top: 2px;
  left: 0;
  height: 3px;
  background: #50C878;
  transition: width 0.3s ease;
}

/* Timeline-Navigationpunkte */
.splide-pagination-custom {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.splide-pagination-switch {
  position: relative;
  /*flex-grow: 1;*/
  height: 30px;
  text-align: center;
}
.splide-pagination-switch .switch-title {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: color 0.2s ease, font-weight 0.2s ease;
 /* color: #06402A;*/
	color: #888;
}
.splide-pagination-switch .switch-title::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 12px);
  width: 20px;
  height: 15px;
  /*background: #50C878;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.01 25.07'%3E%3Cpath fill='%2350C878' d='M33.95,4.87c.18-.47-.06-1-.53-1.17-2.37-.91-7.05-2.82-10.24-3.31C18.01-.43,10.16-.49,4.23,6.05-.13,10.86,0,17.21,0,19.42c0,.27.12.53.33.7,1.69,1.38,6.39,5.15,12.86,4.95,8.82-.27,13.87-6.29,16.6-10.75,1.68-2.75,3.3-7.15,4.16-9.45'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /*border-radius: 50%;*/
  transition: all 0.2s ease;
}
.splide-pagination-switch.active .switch-title {
  /*font-weight: bold;*/
	color: #50C878;
	font-size: 1.25rem;
}
.splide-pagination-switch .switch-title p{
	/*transform: translateX(45%) rotate(-49deg);*/
	transform-origin: left bottom;
}
.splide-pagination-switch.active .switch-title::after {
  width: 30px;
  height: 25px;
	top: calc(100% - 7px);
	/*background: #50C878;*/
}
.splide-pagination-switch.active ~ .splide-pagination-switch .switch-title {
  color: #888;
}
.splide-pagination-switch.active ~ .splide-pagination-switch .switch-title::after {
  /*background: #888;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.01 25.07'%3E%3Cpath fill='%23888' d='M33.95,4.87c.18-.47-.06-1-.53-1.17-2.37-.91-7.05-2.82-10.24-3.31C18.01-.43,10.16-.49,4.23,6.05-.13,10.86,0,17.21,0,19.42c0,.27.12.53.33.7,1.69,1.38,6.39,5.15,12.86,4.95,8.82-.27,13.87-6.29,16.6-10.75,1.68-2.75,3.3-7.15,4.16-9.45'/%3E%3C/svg%3E");
}

#aktuelles .splide-container-wrapper--timeline{
	width: 100%;
	margin: 2rem 0;
}
#aktuelles .splide-pagination-switch{
	flex: 0 0 auto;
}
#aktuelles .splide-pagination-switch .switch-title {
	font-size: 1rem;	
}
#aktuelles .splide-pagination-switch.active .switch-title{
	font-size: 1.25rem;
}
#aktuelles .splide-pagination-switch{
	width: 100px;
	margin-bottom: 3.5rem;
}
#aktuelles .splide-pagination-progressbar{
	margin-top: -10px;
	width: 92%;
}
#aktuelles .sliderImage{
	width: 100%;
	height: 600px;
}
#aktuelles .splide__slide img{
	object-fit: cover;
	max-width: 920px;
	width: 100%!important;
}
#aktuelles .sliderImage small{
	margin-top: 1rem;
}
#aktuelles .splide__pagination{
	bottom: -4.5em;
	top: 550px;
}
#aktuelles .sliderImage .splide__track{	
-webkit-mask-image: url("/layout/mask-circle-2.svg");
  mask-image: url("/layout/mask-circle-2.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
	/*-webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;*/
  -webkit-mask-position: center;
  mask-position: center;
  width: 100%;
  height: auto;
}
#aktuelles .splide__pagination__page.is-active{
	/*background: #50C878;*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.01 25.07'%3E%3Cpath fill='%2350C878' d='M33.95,4.87c.18-.47-.06-1-.53-1.17-2.37-.91-7.05-2.82-10.24-3.31C18.01-.43,10.16-.49,4.23,6.05-.13,10.86,0,17.21,0,19.42c0,.27.12.53.33.7,1.69,1.38,6.39,5.15,12.86,4.95,8.82-.27,13.87-6.29,16.6-10.75,1.68-2.75,3.3-7.15,4.16-9.45'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: scale(2);
}
#aktuelles .splide__pagination__page{
	background-color: transparent;
	margin: 1rem;
	height: 1rem;
	width: 1rem;
	border-radius: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.01 25.07'%3E%3Cpath fill='%23888' d='M33.95,4.87c.18-.47-.06-1-.53-1.17-2.37-.91-7.05-2.82-10.24-3.31C18.01-.43,10.16-.49,4.23,6.05-.13,10.86,0,17.21,0,19.42c0,.27.12.53.33.7,1.69,1.38,6.39,5.15,12.86,4.95,8.82-.27,13.87-6.29,16.6-10.75,1.68-2.75,3.3-7.15,4.16-9.45'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#aktuelles .splide__arrow{
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34.01 25.07'%3E%3Cpath fill='%2350C878' d='M33.95,4.87c.18-.47-.06-1-.53-1.17-2.37-.91-7.05-2.82-10.24-3.31C18.01-.43,10.16-.49,4.23,6.05-.13,10.86,0,17.21,0,19.42c0,.27.12.53.33.7,1.69,1.38,6.39,5.15,12.86,4.95,8.82-.27,13.87-6.29,16.6-10.75,1.68-2.75,3.3-7.15,4.16-9.45'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	
}
#aktuelles .splide__arrow svg{
	fill: #06402A;
}
#aktuelles #text-splide{
	margin-top: 2.5rem;
}
#aktuelles .splide-pagination-switch .switch-title p{
	font-size: 1rem;
}
#aktuelles .splide-pagination-switch.active .switch-title p{
	font-size: 1.25rem;
}
.photographer-name{
	text-align: center; 
	margin-top: 1rem; 
	font-size:0.9em; 
	color:#888;
}
@media (max-width: 1280px) {
	#aktuelles-navigation{
		width: 1280px;
		overflow-x: auto;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none; /* IE 10+ */
		
	}
	#aktuelles-navigation .splide-pagination-custom{
		flex-wrap: nowrap;
	}
	#aktuelles-navigation::-webkit-scrollbar {
	  display: none; /* Chrome, Safari, Opera */
	}
}
@media (max-width: 1020px) {
	/*#aktuelles .splide__arrow{
		display: none;
	}*/
	#aktuelles .splide__arrow--next {
	  right: 0;
	}
	#aktuelles .splide__arrow--prev {
	  left: 0;
	}
	#aktuelles .splide__arrow{
		opacity: 1;
	}
}
@media (max-width: 820px) {
	.splide__slide .sliderImage {
		order: 1;
	}
	/*#aktuelles .splide-pagination-switch{
		width: 33%;
	}*/
}
@media (max-width: 620px) {
	#aktuelles #text-splide{
		margin-top: 0;
	}
	#aktuelles .splide__slide img{
		height: 350px!important;
	}
	#aktuelles .splide__pagination{
		top: 400px;
	}
	#aktuelles .sliderImage .splide__track{	
		-webkit-mask-image: url("/layout/mask-circle-portrait.svg");
	  	mask-image: url("/layout/mask-circle-portrait.svg");
	}
}