/* - ++resource++ukd.contentbehaviors/css/contentleadgallery.css - */
/* https://www.uniklinikum-dresden.de/portal_css/++resource++ukd.contentbehaviors/css/contentleadgallery.css?original=1 */
.ukd-image-slider {
width:100%;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
max-height:595px;
overflow:hidden;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top:50%;
bottom: auto;
left: 0;
width: 2rem;
font-size: 2em;
color: #fff;
text-align: center;
}
.carousel-control.right {
right: 0;
left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev{
left:0;
-webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.4);
box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.4);
}
.carousel-control .icon-next{
right:0;
-webkit-box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.4);
box-shadow: -3px 0px 3px 0px rgba(0,0,0,0.4);
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
font-family: serif;
line-height: 1;
background-color:rgba(255,255,255,.8);
color:rgba(0,0,0,0.6);
padding:3px;
font-size:70%;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
ol.carousel-indicators,
#content ol.carousel-indicators{
position: absolute;
bottom:0rem;
left: auto;
right:0;
z-index: 15;
width: auto;
padding-left: 0;
margin-left:0;
text-align:right;
list-style: none;
}
ol.carousel-indicators li,
#content ol.carousel-indicators li{
display: inline-block;
width: 8px;
height: 8px;
margin: 4px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, .6);
border: 0px;
border-radius:0;
}
ol.carousel-indicators .active,
#content ol.carousel-indicators .active {
width: 8px;
height: 8px;
margin: 4px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 1rem;
padding-bottom: 1rem;
color: #fff;
text-align: center;
right: 10%;
left: 10%;
bottom:0;
padding-bottom: 1.5rem;
text-align:left;
}
.carousel-caption .btn {
text-shadow: none;
}
/* */
@media only screen and (min-width : 320px){
#presentationLeadGalleryCarousel .ukd-image-slider,
#siteLeadGallery .ukd-image-slider,
#content-core #contentLeadGallery .ukd-image-slider,
#viewlet-above-content-title .ukd-image-slider{
max-width:100%;
}
}
/* */
@media (min-width: 576px){
#presentationLeadGalleryCarousel .ukd-image-slider,
#siteLeadGallery .ukd-image-slider{
max-width:100%;
}
#content-core #contentLeadGallery .ukd-image-slider,
#viewlet-above-content-title .ukd-image-slider{
max-width:645px;
}
}
/* */
@media (min-width: 769px){
#presentationLeadGalleryCarousel .ukd-image-slider,
#siteLeadGallery .ukd-image-slider {
max-width:720px;
}
#content-core #contentLeadGallery .ukd-image-slider,
#viewlet-above-content-title .ukd-image-slider{
max-width:645px;
}
}
/* */
@media (min-width: 992px){
#presentationLeadGalleryCarousel .ukd-image-slider,
#siteLeadGallery .ukd-image-slider {
max-width:960px;
}
}
/* */
@media (min-width : 1005px){
#presentationLeadGalleryCarousel .ukd-image-slider,
#siteLeadGallery .ukd-image-slider {
max-width:1005px;
}
}