._blk.linklist {
    display: block;
    width: 100%;
}

._blk.linklist ul.linklist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

._blk.linklist ul.linklist li {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}

._blk.linklist ul.linklist li a {
    display: block;
    padding: 12px 14px;
    border-radius: 3px;
    background-color: var(--color-yellow-pale);
    text-decoration: none;
    -webkit-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;
}

._blk.linklist ul.linklist li a:hover, ._blk.linklist ul.linklist li a:active {
    background-color: var(--color-yellow);
}

article.advocacy ._blk.linklist ul.linklist li a {
    background-color: var(--color-purple-light);
}

article.advocacy ._blk.linklist ul.linklist li a:hover, article.advocacy ._blk.linklist ul.linklist li a:active {
    background-color: var(--color-purple);
}

article.research ._blk.linklist ul.linklist li a {
    background-color: var(--color-turquoise-light);
}

article.research ._blk.linklist ul.linklist li a:hover, article.research ._blk.linklist ul.linklist li a:active {
    background-color: var(--color-turquoise);
}

article.netzwerk ._blk.linklist ul.linklist li a {
    background-color: var(--color-orange-light);
}

article.netzwerk ._blk.linklist ul.linklist li a:hover, article.netzwerk ._blk.linklist ul.linklist li a:active {
    background-color: var(--color-orange);
}

._blk.linklist ul.linklist li h4 {
        width: 100%;
        color: var(--color-black);
        position: relative;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        margin: 0 0 4px 0;
}

._blk.linklist ul.linklist li p {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        margin: 0;
        padding: 0;
}



    @media only screen and (min-width: 992px) {

        ._blk.linklist ul.linklist li {
            margin: 0 0 20px 0;
        }

        ._blk.linklist ul.linklist li a {
            padding: 24px;
            border-radius: 4px;
            overflow: hidden;
        }

        ._blk.linklist ul.linklist li h4 {
            font-size: 30px;
            padding: 0 30px 0 0;
            -webkit-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear;
        }

        ._blk.linklist ul.linklist li p {
            font-size: 20px;
        }

        ._blk.linklist ul.linklist li a:hover h4 {
            transform: translateX(30px);
        }

        ._blk.linklist ul.linklist li a h4:before {
            opacity: 0;
            content: '→';
            position: absolute;
            left: -50px;
            top: 0;
            -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;

        }

        ._blk.linklist ul.linklist li a:hover h4:before {
            opacity: 1;
            left: -30px;
            -webkit-transition: all 600ms linear; -ms-transition: all 600ms linear; transition: all 600ms linear;
        }

    }

    @media only screen and (min-width: 1200px) {

        ._blk.linklist ul.linklist li h4 {
            font-size: 42px;
            padding: 0 50px 0 0;
        }

        ._blk.linklist ul.linklist li a h4:before {
            left: -70px;
        }

        ._blk.linklist ul.linklist li a:hover h4 {
            transform: translateX(50px);
        }

        ._blk.linklist ul.linklist li a:hover h4:before {
            left: -50px;
        }


        ._blk.linklist ul.linklist li p {
            font-size: 25px;
        }

    }