[data-hidden='true']{
    display:none !important;
}

.cardlist{
background-color: var(--secondary-bgcolor);
    margin:calc(var(--margin-large)*2);
    padding:calc(var(--padding-large)*4);
    display: flex;
    flex-flow: row wrap;
    gap: 70px 30px;
    justify-content: space-evenly;
}

.preview-card {
    min-height:400px;
    width: 240px;
    display: flex;
    flex-flow: column nowrap;
    gap: 15px;
    justify-content: space-between;
    /*align-content: start;*/
}
@media screen and (max-width: 450px) {
    .cardlist{
        margin:calc(var(--margin-small)*.12);
        padding:calc(var(--padding-normal)*.75);
    }
    .preview-card {

        width: 90%;

    }

}

@media screen and (min-width: 450px) {
    .cardlist{
        margin:calc(var(--margin-small)*2);
        padding:calc(var(--padding-normal)*4);
    }
    .preview-card {

        width: 360px;

    }

}

@media screen and (min-width: 750px) {
    .cardlist{
        margin:calc(var(--margin-normal)*2);
        padding:calc(var(--padding-normal)*4);
    }
    .preview-card {

        width: 240px;

    }
}

.preview-card img {
    width:100%;
}
.preview-card .title {
    font-size: 1.375em;
}
.preview-card .subtitle {
    /*font-size: 16px;*/
}

.preview-card button {
    height: 35px;
    width:110px;
    cursor: pointer;
}