/* @override 
	https://bwp.buero-wilhelm.de/typo3conf/ext/ws_slider/Resources/Public/CSS/Flexslider/mods.css?* */



.flexslider .caption-title { font-weight: bold; }
.flexslider .caption-body p { margin-bottom: 0; }
.flexslider .caption-text { padding: 17px;
font-size: 16px;
line-height: 18px;
position: absolute;
top: 20px;
right: 0px;
width: 300px;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
	height: calc(100vh - 128px);

}
.flexslider .slides img {   
	width: 100%;
  height: 100%;
  object-fit: cover; 
}

@media screen and (min-width: 861px) {

  .slides li div.caption-wrapper { position: absolute; width: 100%; top:auto; bottom: 20px; background: rgba(255,255,255,0); }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .caption-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .caption-text { font-size: 12px; line-height: 15px; }


  .flexslider .caption-align-left.caption-wrapper { left: 20px; }
  .flexslider .caption-align-left .caption-link { left: 20px; }
  .flexslider .caption-align-right.caption-wrapper { right: 20px; }
  .flexslider .caption-align-right .caption-link { right: 20px; }

}


@media screen and (max-width: 580px) {
	
	.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
	height: calc(60vh - 128px);

}

.flexslider .caption-text { padding: 17px;
font-size: 16px;
line-height: 18px;
position: absolute;
top: 0px;
right: 0px;
width: 300px;
display: none;
}
	}