#slideshow-frontpage .carousel-inner .carousel-item {
    background-color:  var(--bg-blue-light);
    height: auto;
}

#slideshow-frontpage .carousel-inner .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.carousel-caption {
    text-align: left;
    position: initial;
    text-shadow: none;
    color: #414141;
}

.article h2 {font-weight: 700}
.btnlink {
    margin: 4px 4px 4px 0 !important;
    text-decoration:none;
    text-overflow: clip;
    white-space: nowrap;
}

.btns {
    height: 22px;
    width: 22px;
    border-left: 5px solid #bdbdbd;
    border-top: 5px solid #bdbdbd;
}
.btns.btnsleft {transform: rotate(-45deg);}
.btns.btnsright {transform: rotate(135deg);}
@media (min-width:992px) {.btnlink {padding: 8px 30px !important;}}
@media (min-width:1000px) {
    .carousel-caption.container {
        width: 475px;
        padding: 0
    }
    .ssfrontpage {height: 520px}
    #slideshow-frontpage .carousel-inner .carousel-item {
        width: 100%;
        height: 520px;
        background-color: #f2f2f2;
    }
    .carousel-caption {
        top: 0;
        left: 11%;
        right: 50%;
        position: absolute;
        color: #fff
    }
    .carousel-caption .article {
        height: 520px;
        background-color: rgba(0, 0, 0, .3);
        padding: 50px
    }
    .carousel-caption .article h2 {
        font-size: 2.1em;
        margin-top: 0;
        margin-bottom: 1.4em;
        padding-right: 10px;
        text-transform: none;
    }
    .carousel-caption .article p {
        font-size: 0.9em;
        padding-right: 10px
    }
    .carousel-caption .article .section {
        overflow-y: auto;
        height: 420px
    }
}