﻿.l-fs-tpl.l-fs-tpl-gateway-grid {
    display: block;
}

.l-fs-tpl-gateway-grid > .l-fs-tpl-gateway__grid {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}
.l-fs-tpl-gateway__grid > li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    list-style: none;
    padding: 10px;
}
.l-fs-tpl-gateway-grid__icon,
.l-fs-tpl-gateway-grid__image {
    border: 1px solid #fdb913;
    max-width: 100%;
}
.l-fs-tpl-gateway-grid__icon > img,
.l-fs-tpl-gateway-grid__image > img {
    max-width: 100%;
}

/* glide styles*/
.l-fs-tpl-further-links.glide p {
    white-space: normal;
    line-height: inherit;
}

.l-fs-tpl-further-links.glide .glide__arrow {
    color: inherit;
    background: #fff;
    transition: all .2s ease;
    display: none;
}

    .l-fs-tpl-further-links.glide .glide__arrow:hover {
        scale: 1.1;
        box-shadow: 0 0.5em 0.6em 0 rgb(0 0 0 / 7%);
    }

.l-fs-tpl-further-links.glide .glide__arrow--left {
    left: -4em;
}

.l-fs-tpl-further-links.glide .glide__arrow--right {
    right: -4em;
}

.l-fs-tpl-further-links.glide .glide__bullets {
    position: static;
    transform: none;
    margin: 10px auto 0 auto;
    display: table; /* makes `margin: auto` work */
}

.l-fs-tpl-further-links.glide .glide__bullet {
    border: 1px solid #46535b;
}

.l-fs-tpl-further-links.glide .glide__bullet--active {
    background-color: #46535b;
}

.l-fs-tpl-content-further-link-tile:first-child > .l-fc-tpl-teaser__carousel-sort-buttons > .fa-arrow-left {
    visibility: hidden;
}

.l-fs-tpl-content-further-link-tile:last-child > .l-fc-tpl-teaser__carousel-sort-buttons > .fa-arrow-right {
    visibility: hidden;
}

.l-fc-tpl-teaser__carousel-sort-buttons {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    flex-direction: row;
    justify-content: space-between;
}

    .l-fc-tpl-teaser__carousel-sort-buttons i {
        margin: 0 2px;
    }

        .l-fc-tpl-teaser__carousel-sort-buttons i:hover {
            cursor: pointer;
        }

@media (min-width: 520px) {
    .l-fs-tpl-further-links.glide .glide__arrow {
        display: block;
    }
}