.flexslider-uniolslideshow {
}

.flexslider-uniolslideshow ul.slides {
    /** may get overridden by JavaScript */
    background-color: transparent;
    display: flex;
}

.flexslider-uniolslideshow ul.slides > li {
    display: flex!important;
}

.flexslider-uniolslideshow ul.slides figure {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}

.flexslider-uniolslideshow ul.slides figure a {
    flex-grow: 1;
    display: block;
    display: flex;
    flex-flow: column;
    height: auto;
    justify-content: center;
}

.flexslider-uniolslideshow ul.slides figure a img {
    /**
     * object-fit: cover
     * Bild soll Bereich ganz ausfuellen - dies verhindert unschoene Effekte mit
     *  ungewollten Abstaenden, wenn Bilder unterschiedlich gross.
     *  Hierfuer muss die Breite + Hoehe explizit gesetzt werden, wird entweder im JavaScript
     *  gesetzt (Werte imageheight + imagewidth aus flexform) oder automatisch ermittelt.
     *
     * MAY BE OVERRIDDEN BY JavaScript
     */
    /* führt zu unschönen Skalierungen */
    /* height: 100%;*/
    max-height: 75vh;
    align-items: center;
    margin: 0 auto;
}

/**
 * Thumbnail section (flex-control-thumbs is autogenerated by Flexslider)
 */
.flexslider-uniolslideshow .flex-control-thumbs {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}


/**
 * Each thumbnail is inside an li
 * (flex-control-thumbs is autogenerated by Flexslider)
 */
.flexslider-uniolslideshow .flex-control-thumbs li {
    /** this may get overridden by JavaScript */
    /*width: 10%;*/
    min-width: 48px;
}

.flexslider-uniolslideshow .flex-control-thumbs li img {
    object-fit: cover;
}

.flexslider-uniolslideshow .flex-control-thumbs li img.flex-active {
    border-width: 0;
    padding: 0;
    outline: 3px solid var(--uol-gelb2);
}

.flexslider-uniolslideshow .flex-control-paging {
    padding-bottom: 1em;
    /**
     * override align center: does not look good if image is not fullsize
     */
    /*text-align: left;*/
    text-align: center;
    padding-bottom: unset;
}

.flexslider-uniolslideshow figcaption.image-caption {
    padding: 2px 6px;
}