.demokratievielfalt-widget .dv-widget-bg {
    min-height: 300px;
    height: 20vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-45deg, #6e6e6e, #f25100, #0097bd, #298729);
    background-size: 400% 400%;
    animation: gradientBG 12s ease infinite;
    position: relative;
}
@keyframes gradientBG {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 50%;}
    100% {background-position: 0% 50%;}
}
.demokratievielfalt-widget .dv-widget-card {
    background: rgba(255,255,255,0.85);
    border-radius: 1.5em;
    box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
    padding: 2em 3em;
    text-align: center;
    max-width: 200px;
    backdrop-filter: blur(4px);
    transition: transform 0.3s;
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.demokratievielfalt-widget .dv-widget-card:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 16px 48px 0 rgba(31,38,135,0.37);
    text-decoration: none;
}
.demokratievielfalt-widget .dv-widget-icon {
    font-size: 3em;
    margin-bottom: 0.5em;
    color: #23a6d5;
    animation: iconScale 4s linear infinite;
}
@keyframes iconScale {
    0% {transform: scale(1.2);}
    50% {transform: scale(1.4);}
    100% {transform: scale(1.2);}
}
.demokratievielfalt-widget .dv-widget-img {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(31,38,135,0.15);
    background-color: #fff;
}
.demokratievielfalt-login .demokratievielfalt-widget .dv-widget-bg{
    /* Angepasste Styles für die Loginseite */
    background: white;
box-shadow: 0 0 8px rgba(0,0,0,.5);
    position: relative;
    width: 490px;
    /* usw. */
}
@media (max-width: 575px) {
    .demokratievielfalt-login .demokratievielfalt-widget .dv-widget-bg {
        width:  100vw;
    }
}
.demokratievielfalt-login .dv-widget-faq-link {
    cursor: pointer;
    color: #0097bd;
}
.demokratievielfalt-login .dv-widget-faq-content {
    display: none;
    position: absolute;
    right: 1em;
    left: auto;
    transform: none;
    width: calc(100% - 2em);
    max-width: 420px;
    min-width: 260px;
    top: 1em;
    z-index: 20;
    background: rgba(255,255,255,0.98);
    padding: 1.1em 1.2em 1.3em;
    border: 1px solid #e0e0e0;
    border-radius: 0.9em;
    font-size: 0.97em;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
    max-height: 65vh;
    overflow: auto;
}
.demokratievielfalt-login .dv-widget-faq-content .dv-faq-close {
    position: absolute;
    right: 0.8em;
    top: 0.6em;
    color: #777;
    text-decoration: none;
    font-size: 1.2em;
}
.demokratievielfalt-login .dv-widget-faq-content .dv-faq-close:hover {
    color: #333;
}
.demokratievielfalt-login .dv-widget-faq-link .icon.info {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url('../../../../assets/images/icons/blue/info.svg') no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.3em;
}

.demokratievielfalt-login .dv-widget-card {
    background: rgba(255,255,255,0.95);
    border-radius: 1.5em;
    box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
    padding: 2em 3em;
    text-align: center;
    max-width: 300px;
    backdrop-filter: blur(4px);
    transition: transform 0.3s;
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}
.demokratievielfalt-widget .dv-portal-bg {
    min-height: 75px;
    height: 15vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-45deg, #6e6e6e, #f25100, #0097bd, #298729);
    background-size: 400% 400%;
    animation: gradientBG 12s ease infinite;
    position: relative;
}
.demokratievielfalt-widget .dv-portal-card {
    background: rgba(255,255,255,0.85);
    border-radius: 1.5em;
    box-shadow: 0 8px 32px 0 rgba(31,38,135,0.37);
    padding: 2em 3em;
    text-align: center;
    backdrop-filter: blur(4px);
    transition: transform 0.3s;
    display: block;
    text-decoration: none;
    color: inherit;
}
.dv-widget-actions {
    display: flex;
    gap: 1em;
    margin-top: 1em;
}
.demokratievielfalt-widget .dv-portal-img {
    width: 8em;
    height: 8em;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(31,38,135,0.15);
    background-color: #fff;
}
.dv-widget-count {
    font-weight: 700; /* bold */
}

.dv-widget-text {
    font-weight: 700; /* optional: normalen Text behalten */
}

/* Falls du möchtest, dass beide zusammen optisch wie ein Satz wirken */
.dv-widget-count, .dv-widget-text {
    display: inline;
    vertical-align: middle;
}