/* Latest Posts Slider - Styles */
.lps-slider{
  width:100%;
  height:650px;
  position:relative;
  overflow:hidden;
}

.lps-slide-inner{
  display:flex;
  width:100%;
  height:100%;
}

.lps-left{
  flex:0 0 33.3333%;
  background-color: hsla(200,7%,8%,0.7);
  color:#fff;
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  order: 1; /* links */
}

.lps-left .lps-excerpt{
  margin:0;
}

.lps-left a{
  color:#fff;
  text-decoration:none;
}
.lps-left a:focus,
.lps-left a:hover{
  text-decoration:underline;
}

.lps-right{
  flex:0 0 66.6667%;
  overflow:hidden;
  position:relative;
  order: 2; /* rechts */
}

.lps-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lps-image--placeholder{width:100%;height:100%;background:#e5e5e5;}

.swiper-button-prev,
.swiper-button-next{
  background: rgba(0,0,0,0.6);
  color:#fff;
  width:50px;
  height:50px;
  border:0;
  border-radius:0;
  opacity:0;
  transition:opacity .3s;
}
.lps-slider:hover .swiper-button-prev,
.lps-slider:hover .swiper-button-next{
  opacity:1;
}
.swiper-button-prev:after,
.swiper-button-next:after{
  font-size:16px;
  font-weight:700;
}

.swiper-pagination {
  bottom: 20px !important;
  text-align: center;
  width: 100%;
  justify-content:center !important;
}
.swiper-pagination button {
  background: #000;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 6px !important;
  opacity: 0.6;
  border: none;
  cursor: pointer;
}
.swiper-pagination button.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}

/* Fokus-Sichtbarkeit für Tastatur */
.swiper-button-prev:focus,
.swiper-button-next:focus,
.lps-title-link:focus{
  outline:2px solid #000;
  outline-offset:3px;
}

/* Responsiv */
@media (max-width: 1200px){
  .lps-slider{ height:560px; }
}

@media (max-width: 900px){
  .lps-slider{ height:auto; min-height:500px; }
  .lps-slide-inner{ flex-direction:column; }
  .lps-left{ order:2; flex:1 1 auto; min-height:220px; }
  .lps-right{ order:1; flex:1 1 auto; min-height:280px; }
}

@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important; }
}