.section-downloads {
    margin-top:60px;
}

.singledownload a {
    color:var(--bs-secondary);
    text-decoration:none;
    transition:all 0.4s;
}
.downloadtitle {
    font-weight:700;
    display:block;
    font-size:14px;
    margin-bottom:5px;
}

.singledownload p {
    line-height:20px;
}

/* Listview */

.section-downloads .col-12 .downloadcontent {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid var(--bs-secondary);
}

.section-downloads .col-12 a:hover {
    color:var(--bs-primary);
}

.section-downloads .col-12 .downloadcontent .downloadtitle {
    flex:0 1 40%;
    max-width:40%;
    padding-right:15px;
}
.section-downloads .col-12 .downloadcontent p {
    flex:0 1 40%;
    max-width:50%;
    padding-right:15px;
    margin-bottom:0;
}
.section-downloads .col-12 .downloadcontent .btn {
    flex:0 1 20%;
    max-width:20%;
    padding:0;
    background:none;
    color:var(--bs-primary);
    letter-spacing:0;
    text-transform:none;
    font-weight:700;
    box-shadow:none;
    border:none;
    text-decoration:underline;
    text-align:right;
}

/* Teaserview */

.section-downloads .col-6 .singledownload {
    margin:15px auto;
}

.singledownloadimage {
    width:100%;
    overflow:hidden;
}

.singledownloadimage img {
    height:auto;
    width:100%;
    transition:all 0.4s ease-in-out;
}

.section-downloads .col-6 a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    border-radius: 0;
}

.section-downloads .col-6 a .singledownloadteaser-wrap {
    flex: 0 1 50%;
    max-width: 50%;
    padding-right: 25px;
}
.section-downloads .col-6 a .downloadcontent {
    flex: 0 1 50%;
    max-width: 50%;
}

.section-downloads .col-6 a:hover img {
    transform:scale(1.15);
}

.section-downloads .col-6 .btn {
    display:inline-block;
}

@media screen and (max-width: 960px) {
    .section-downloads .col-6 a .singledownloadteaser-wrap,
    .section-downloads .col-6 a .downloadcontent {
        flex:0 1 100%;
        max-width:100%;
    }
    .section-downloads .col-6 a .singledownloadteaser-wrap {
        margin-bottom:15px;
        padding-right:0;
    }
    .section-downloads {
        margin-top:20px;
    }
    .section-downloads .col-6 .singledownload {
        margin:0;
    }
    .section-downloads .col-12 .downloadcontent .downloadtitle {
        flex: 0 1 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .section-downloads .col-12 .downloadcontent p {
        flex: 0 1 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .section-downloads .col-12 .downloadcontent .btn {
        flex: 0 1 100%;
        max-width: 100%;
        text-align: left;
    }
}