.aktuelle-themen-und-keywords {
    text-align: center;
    margin-bottom: 3.75rem;
}

.aktuelle-themen-und-keywords h3 {
    font-family: BundesSans-Web, Arial, sans-serif;
    position: relative;
    top: -0.1875rem;
    color: var(--bmfsfj-blue);
    margin-bottom: 1.875rem;
    flex-grow: 1;
    text-align: center;
}

.aktuelle-themen-und-keywords .themen-liste {
    padding: 0;
    margin-bottom: -1.25rem;
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    -ms-flex-wrap: wrap;
    justify-content: center;
}

.aktuelle-themen-und-keywords .themen-liste li {
    float: left;
    margin: 0 1rem 1.25rem 1rem;
}

/*.aktuelle-themen-und-keywords .themen-liste li:first-child{
    margin-left: 0;
}
.aktuelle-themen-und-keywords .themen-liste li:last-child{
    margin-right: 0;
}*/

.aktuelle-themen-und-keywords .thema {
    display: block;
    text-align: left;
    font-size: 1rem;
    padding: 0.6875rem 0.9375rem 0.6875rem 0.9375rem;
    border: 0.0625rem solid var(--bmfsfj-light-mint);
    color: var(--bmfsfj-light-mint);
    border-radius: 0.1875rem;
    font-weight: bold;
    line-height: 1.2;
}

.aktuelle-themen-und-keywords .thema.blue-back {
    border-color: var(--bmfsfj-medium-mint-dark);
    color: var(--bmfsfj-medium-mint-dark);
}

.aktuelle-themen-und-keywords .thema:hover,
.aktuelle-themen-und-keywords .thema:focus {
    color: var(--white);
    background: var(--bmfsfj-light-mint);
}

.aktuelle-themen-und-keywords .thema.blue-back:hover,
.aktuelle-themen-und-keywords .thema.blue-back:focus {
    background: var(--bmfsfj-medium-mint-dark);
    color: var(--white);
}

.aktuelle-themen-und-keywords .thema span {
    position: relative;
    top: -0.0625rem;
}

.aktuelle-themen-und-keywords .thema:last-child {
    margin-right: 0;
}

@media (max-width: 1199.98px) {
    .aktuelle-themen-und-keywords .thema {
        padding: 0.3125rem 0.5rem 0.3125rem 0.5rem;
    }

    .aktuelle-themen-und-keywords .themen-liste {
        margin-bottom: -0.625rem;    
    }
    
    .aktuelle-themen-und-keywords .themen-liste li {
        margin: 0 0.3125rem 0.625rem 0.3125rem;
    }
}

@media (max-width: 991.98px) {
    .aktuelle-themen-und-keywords .themen-liste {
        display: block;
        padding: 0;

    }

    .aktuelle-themen-und-keywords .themen-liste li {
        display: inline-block;
        margin-left: 0;
        margin-right: 0.625rem;
    }
}


@media (max-width: 767.98px) {
    .aktuelle-themen-und-keywords h3 {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .aktuelle-themen-und-keywords {
        margin-bottom: 2.25rem;
    }
}