:root {
    --lpx-content-text-rgb: 85, 85, 85;
    --lpx-content-bg-rgb: 240,244,247;
    --lpx-primary-rgb: 203, 156, 26;
    --lpx-secondary-rgb: 108,93,211;
    --lpx-brand-rgb: 247,37,133;
    --lpx-success-rgb: 79,191,103;
    --lpx-info-rgb: 67,138,167;
    --lpx-warning-rgb: 255,159,56;
    --lpx-danger-rgb: 192,13,73;
    --lpx-light-rgb: 230,235,239;
    --lpx-dark-rgb: 6,42,68;
    --lpx-navbar-color-rgb: 255,255,255;
    --lpx-navbar-text-color-rgb: 68,95,114;
    --lpx-navbar-active-text-color-rgb: 18,65,99;
    --lpx-text-white-rgb: 255,255,255;
    --lpx-logo-reverse: var(--logo-reverse);
    --lpx-primary: #CB9C1A;
    --lpx-secondary: #6c5dd3;
    --lpx-success: #4fbf67;
    --lpx-info: #438aa7;
    --lpx-warning: #ff9f38;
    --lpx-danger: #c00d49;
    --lpx-brand: #CB9C1A;
    --lpx-brand-text: #fff;
    --lpx-container-active-text: #fff;
    --lpx-text-white: #fff;
    --lpx-radius: 0.5rem;
    --lpx-logo: url("/images/logo/bae_kreislogo.svg");
    --lpx-logo-icon: url("/images/logo/bae_kreislogo.svg");
    --lpx-light: #e6ebef;
    --lpx-dark: #062a44;
    --lpx-navbar-color: #fff;
    --lpx-navbar-text-color: #fff;
    --lpx-navbar-active-text-color: #CB9C1A;
    --lpx-navbar-active-bg-color: #555555;
    --lpx-card-bg: #fff;
    --lpx-card-title-text-color: #062a44;
    --lpx-content-bg: #f0f4f7;
    --lpx-content-text: #555555;
    --lpx-border-color: #e8eef3;
    --lpx-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
    --font-serif: "georgiaregular";
}

.bae-text-serif {
    font-family: var(--font-serif);
}

.bae-text-sans-serif {
    font-family: var(--bs-font-sans-serif);
}

.lpx-user-ctx-info {
    color: #555555!important;
}

.lpx-user-ctx-body .lpx-nav-menu .lpx-menu-item-link {
    color: #555555!important;
}

.main-header-app-name-container .main-header-app-name-title {
    margin: 0;
    font-weight: bold;
    font-size: 1.75rem;
}

.main-header-app-name-container .main-header-app-name-subtitle {
    font-size: 1.15rem;
    letter-spacing: 0.1rem;
    font-style: italic;
}

.lpx-header-top .lpx-brand-logo {
    width: 98px !important;
}

.lpx-header-top {
    height: 98px !important;
}

.lpx-brand-logo {
    background-size: auto 76px !important;
    height: 76px !important;
}

.lpx-header-top .lpx-settings {
    display: none;
}

.lpx-header-top .lpx-nav-menu .outer-menu-item a {
    margin-top: 10px;
}

.lpx-header-bottom {
    background: #555555;
}

    .lpx-header-bottom .lpx-menu-item-text {
        text-transform: uppercase;
        font-size: 0.85rem;
        letter-spacing: 0.1rem;
    }

    .lpx-header-bottom .lpx-menu-item-icon {
        display: none;
    }

.lpx-topbar-container {
    display: none;
}

/*Fixes top menu items are wrapped into new column when on smaller devices that still show top menu*/
@media (max-width: 991.98px) {

    .lpx-header-bottom .lpx-nav-menu .outer-menu-item .lpx-menu-item,
    .lpx-header-top > .lpx-nav .lpx-nav-menu .outer-menu-item .lpx-menu-item,
    .lpx-header-top > .lpx-right-menu > .lpx-nav .lpx-nav-menu .outer-menu-item .lpx-menu-item {
        padding: 0 10px 0 0 !important;
    }
}

/*Background color for mobile navbar*/
.lpx-mobile-navbar-container .lpx-mobile-navbar, .lpx-mobile-hamburger:before {
    background: #555555 !important;
}

/*Bigger test in mobile navbar*/
.lpx-mobile-nav-tab .mobile-item-text {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 13px !important;
}

/*Hides mobile navbar item for settings*/
.lpx-mobile-nav-tab:has(.lpx-mobile-nav-item[data-lpx-mobile-menu-toggle="settings"]) {
    display: none;
}

.lpx-mobile-nav-item[data-lpx-mobile-menu-toggle="settings"] {
    display: none;
}

/*Hides icons for mobile navbar items*/
.lpx-mobile-nav-tab .menu-item-icon {
    display: none !important;
}

/*Adjust display mode for "iconless" mobile navbar items. excludes user item*/
.lpx-mobile-nav-tab a:not([data-lpx-mobile-menu-toggle="user"]) {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.lpx-mobile-nav-tab {
    width: 100%!important;
}

/*Fix overflow and border for content*/
@media only screen and (max-width: 767px) {
    .lpx-content-container {
        overflow: auto!important;
        border-radius: 0!important;
    }
}

/*Fix scroll and set background color of mobile hamburger menu*/
.lpx-mobile-menu {
    overflow-y: auto !important;
    background-color: #555555!important;
}

/*Remove icons for menu items*/
.lpx-mobile-menu .lpx-menu-item-icon {
    display: none!important;
}

/*Style text of menu items*/
.lpx-mobile-menu .lpx-menu-item-text {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

/*Some padding for mobile navbar menu items (exact padding of user stuff)*/
.lpx-mobile-menu .lpx-menu-item-link.lpx-menu-item {
    padding-left: 1.5rem!important;
}

/*set user email field to white for mobile.*/
.lpx-mobile-menu .lpx-context-menu-user-email {
    color: #fff;
}

.lpx-mobile-menu .lpx-logo-container {
    background: #fff;
}

.lpx-mobile-menu .lpx-brand-logo {
    width: 98px !important;
}

.lpx-mobile-menu .main-header-app-name-subtitle {
    font-size: 1rem;
}

/*Fixes user menu items not visible on desktop*/
@media screen and (max-width: 991px) {
    .lpx-header-top .lpx-menu-item-link .lpx-menu-item-text {
        display: block!important;
    }
}

.lpx-header-top {
    justify-content: unset!important;
}

/*Show banner content mobile stuff*/
@media only screen and (max-width: 767px) {
    /*enforce display of header*/
    header {
        display: block!important;
    }

    /*Set padding for top header a bit less. more mobile friendly*/
    .lpx-header-top {
        padding-right: 18px!important;
    }

    /*Hide navigation stuff*/
    .lpx-header-top .lpx-nav.me-auto {
        display: none!important;
    }

    /*Hide right menu*/
    .lpx-header-top .lpx-right-menu {
        display: none!important;
    }

    /*Hide menu bar*/
    .lpx-header-bottom {
        display: none!important;
    }

    /*Fix sticky header*/
    .lpx-content-container {
        overflow: inherit!important;
    }

    /*Fix cannot scroll to bottom caused by absoulte bottom placed mobile navbar*/
    .lpx-content.me-auto {
        padding-bottom: 72px!important;
    }
}