.tx-dly-wissensquiz {
    margin-bottom: 3rem;
}

.pflanzenlexikon {
    .options {
        display: flex;
        flex-flow: row wrap;
        gap: .5rem;
    }

    .option {
        padding: .75rem 1rem;
        font-size: 1rem;
        line-height: 1rem;
        background-color: rgba(0, 0, 0, 0);
        border: 2px solid #474030;
        border-radius: 1.5rem;
        width: fit-content;
        text-transform: capitalize;

        &:hover, &.active {
            color: #ffffff;
            background-color: #474030;
        }
    }
}

.pflanzenlexikon-rows {
    margin-top: 2.5rem;

    a {
        display: flex;
        flex-direction: column;

        &:hover {
            text-decoration: none;
        }

        &:after {
            content: "";
            width: 100%;
            height: 1rem;
            display: block;
            background-image: url("../images/faq-divider-bottom.svg");
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        &:first-child:before {
            content: "";
            width: 100%;
            height: 1rem;
            display: block;
            background-image: url("../images/faq-divider-top.svg");
            background-size: 100% auto;
            background-repeat: no-repeat
        }

        .pflanzenlexikon-row {
            background-color: rgba(0, 0, 0, 0);
            color: #474030;
            margin: initial;
            padding: 1rem 0;
            padding-left: initial;
            justify-content: space-between;
            font-weight: 700;
        }
    }
}

.pflanzenlexikon-pagination {
    display: grid;
    grid-template-columns: minmax(100px, auto) 1fr minmax(100px, auto);
    margin-top: 3rem;
}

.pflanzenlexikon-pagination-prev {
    grid-column: 1 / 2;
}

.pflanzenlexikon-pagination-page {
    grid-column: 2 / 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pflanzenlexikon-pagination-next {
    grid-column: 3 / 4;
}