/* Shared public footer. Loaded last so application-wide resets cannot restyle it. */
.bh-footer {
    background-color: var(--color-footer) !important;
    color: var(--color-on-dark);
    border-top: 1px solid rgb(var(--color-on-dark-rgb) / 0.22);
    font-family: var(--font-body);
    font-size: var(--font-size-footer);
    line-height: var(--line-height-body);
    margin-top: var(--spacing-xxl);
    padding-top: 60px !important;
    padding-bottom: 20px !important;
}

.bh-footer .bh-logo-footer {
    display: block;
    width: auto;
    height: 36px;
    border-radius: 0;
    object-fit: contain;
}

.bh-footer .bh-logo-text {
    color: var(--color-canvas) !important;
    font-family: var(--font-display);
    font-size: var(--font-size-logo);
    font-weight: 400;
}

.bh-footer-description {
    margin-bottom: 20px;
    max-width: 72ch;
}

.bh-footer-heading {
    color: var(--color-surface);
    font-family: var(--font-display);
    font-size: var(--font-size-footer-heading);
    font-weight: 400;
    line-height: var(--line-height-heading);
    margin-bottom: var(--spacing-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bh-footer-contact-list {
    margin: 0;
}

.bh-footer-contact-list li {
    margin-bottom: var(--spacing-sm);
}

.bh-footer-address p {
    margin: 0;
}

.bh-footer-contact-list a,
.bh-footer-bottom a {
    color: rgb(var(--color-on-dark-rgb) / 0.78);
}

.bh-footer-contact-list a:hover,
.bh-footer-contact-list a:focus,
.bh-footer-bottom a:hover,
.bh-footer-bottom a:focus {
    color: var(--color-primary);
}

.bh-footer-knospe {
    display: block;
    width: 150px;
    height: auto;
}

.bh-footer-knospe-text {
    color: rgb(var(--color-on-dark-rgb) / 0.78) !important;
    font-size: var(--font-size-footer) !important;
}

.bh-footer-bottom {
    color: rgb(var(--color-on-dark-rgb) / 0.78);
    font-size: var(--font-size-footer-bottom);
}

.bh-footer-bottom p {
    margin: 0 0 20px;
}