.brand-logo-image {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 150px;
    max-height: 38px;
    object-fit: contain;
}

.brand-logo-image-sm {
    max-width: 34px;
    max-height: 34px;
}

.btn-primary {
    --vz-btn-hover-bg: color-mix(in srgb, var(--achtung-accent) 84%, #000);
    --vz-btn-hover-border-color: color-mix(in srgb, var(--achtung-accent) 84%, #000);
}

.brand-wordmark span,
.brand-mark {
    background: linear-gradient(135deg, color-mix(in srgb, var(--achtung-accent) 82%, #fff), var(--achtung-accent));
}

.navbar-menu .navbar-nav .nav-link.active {
    color: color-mix(in srgb, var(--achtung-accent) 72%, #fff);
    border-left-color: var(--achtung-accent);
}