.page-footer .row {
    margin-right: calc(-.5 * var(--page-spacer));
    margin-left: calc(-.5 * var(--page-spacer));
}

.page-footer .row > * {
    padding-right: calc(.5 * var(--page-spacer));
    padding-left: calc(.5 * var(--page-spacer));
}

.page-footer-social {
    background-color: var(--dw-secondary);
    color: var(--bs-white);
}

.page-footer-social a {
    color: var(--bs-white);
}

.page-footer-top {
    --page-footer-spacer: var(--ce-spacer);
    --ce-color-fg: var(--bs-white);
    --ce-color-bg: var(--dw-primary);
    --ce-color-link: var(--ce-color-fg);
    padding-top: var(--page-footer-spacer, 2.5rem);
    background-color: var(--ce-color-bg);
}

.page-footer-bottom {
    --ce-color-bg: #ced4da;
    background-color: var(--dw-background-footer);
    padding-bottom: calc(2*var(--page-footer-spacer, 2.5rem))
}

.footer-menu .nav-link {
    display: inline-block
}

.werbelink {
    font-weight: normal;
    color: inherit;
    text-decoration: none;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    opacity: .25;
}

.werbelink:focus,
.werbelink:hover {
    opacity: 1;
}

.page-footer-bottom .navbar {
    flex-direction: column;
    align-items: center;
}

.page-footer-bottom .navbar-nav {
    margin-bottom: var(--ce-spacer);
    flex-direction: row;
    gap: 0 var(--bs-gutter-x);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: var(--ce-spacer) var(--bs-gutter-x);
}

.page-footer > * > .container,
.page-footer > * > .container-fluid,
.page-footer > * > .container-lg,
.page-footer > * > .container-md,
.page-footer > * > .container-sm,
.page-footer > * > .container-xl,
.page-footer > * > .container-xxl {
    padding-right:var(--page-spacer);
    padding-left: var(--page-spacer);
}

@media (min-width: 48rem) {

    .page-footer-bottom .navbar {
        padding: 0;
        align-items: center;
        flex-direction: row;
    }
    
    .page-footer-bottom .navbar-nav {
        padding: 0.625rem;
        margin: 0 -1.25rem;
        margin-bottom: unset;
        flex-direction: row;
        gap: 0;
    }
    
}