.rts-idea-accordeon {
    width: 100%;
}

.rts-idea-tr-content {
    color: var(--color2);
}

.rts-idea-accordeon tr {
    display: grid;
    gap: 0.3em;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    padding-bottom: 0.15em;
}

.rts-idea-accordeon tr td {
    border: 2px var(--color2) solid;
    padding: 0;
}

#rts-idea-td-content-0, #rts-idea-td-content-1, #rts-idea-td-content-2, #rts-idea-td-content-3 {
    grid-column: 1 / span 2;
    padding: 0.5em;
    margin: 0.15em 0;
}

.rts-idea-tr-head td a {
    display: block;
    text-decoration: none;
    height: 100%;
    font-family: hatton-variable;
    color: var(--color2);
    padding: 0.5em;
}

.rts-idea-arrow {
    color:  var(--color1);
    font-family:  neuemachina;
    text-align: right;
    display: block;
}

@media only screen and (max-width: 505px) {

    #rts-idea-td-content-0, #rts-idea-td-content-1, #rts-idea-td-content-2, #rts-idea-td-content-3 {
        grid-column: 1;
    }

    #rts-idea-td-head-0 {
        order: 1;
    }

    #rts-idea-td-content-0 {
        order: 2;
    }

    #rts-idea-td-head-1 {
        order: 3;
    }

    #rts-idea-td-content-1 {
        order: 4;
    }

    #rts-idea-td-head-2 {
        order: 5;
    }

    #rts-idea-td-content-2 {
        order: 6;
    }

    #rts-idea-td-head-3 {
        order: 7;
    }

    #rts-idea-td-content-3 {
        order: 8;
    }

}