:root {
    --st-header-height: 76px;
    --st-ui-font: 'Open Sans', Arial, sans-serif;
    --st-header-title-weight: 700;
    --st-header-nav-weight: 600;
}

body,
button,
input,
select,
textarea {
    font-family: var(--st-ui-font) !important;
}

.header {
    min-height: var(--st-header-height);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.header-content,
.header-top {
    min-height: var(--st-header-height);
    display: flex;
    align-items: center;
    width: 100%;
}

header.header > div:first-child:not(.header-content):not(.header-top),
.header > div:first-child:not(.header-content):not(.header-top) {
    min-height: var(--st-header-height);
    display: flex;
    align-items: center;
    width: 100%;
}

.header h1,
.header-content h1,
.header-top h1,
.dwh-header h1 {
    margin: 0;
    font-family: var(--st-ui-font) !important;
    font-weight: var(--st-header-title-weight) !important;
    letter-spacing: 0 !important;
}

.brand-kicker,
.header-badge,
.badge,
.dwh-brand-kicker,
.dwh-badge {
    font-family: var(--st-ui-font) !important;
}

.nav-item,
.tab-item,
.dwh-tab-item,
.nav-link {
    font-family: var(--st-ui-font) !important;
    font-weight: var(--st-header-nav-weight) !important;
}

.nav-item:hover,
.nav-item.active,
.tab-item:hover,
.tab-item.active,
.dwh-tab-item:hover,
.dwh-tab-item.active,
.nav-link:hover,
.nav-link.active {
    font-weight: var(--st-header-nav-weight) !important;
}

.header-demo-hinweis {
    align-self: center;
}

.nav-bar {
    top: var(--st-header-height) !important;
}

.lage-title {
    font-size: clamp(1.32rem, 1.35vw, 1.82rem) !important;
    line-height: 1.12 !important;
    margin-bottom: 14px !important;
}

.topbar ~ .workspace .kpi-grid .kpi-card .kpi-value {
    font-size: clamp(1.38rem, 1.18vw, 1.88rem) !important;
    line-height: 1.08 !important;
}

@media print {
    .lage-title {
        font-size: 1.4rem !important;
    }
}

.decision-grid .panel-title,
.decision-grid .panel-title span,
.decision-grid .decision-head,
.decision-grid .decision-head b,
.decision-grid .decision-head em {
    font-weight: 400 !important;
}

@media (max-width: 760px) {
    :root {
        --st-header-height: 68px;
    }

    .header {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .header-content,
    .header-top,
    header.header > div:first-child:not(.header-content):not(.header-top),
    .header > div:first-child:not(.header-content):not(.header-top) {
        min-height: var(--st-header-height);
    }
}