:root {
    --body-bg: #F1F1F1;
    --main-bg: #CE9232;
    --cta-prim: #df3088;
    --cta-hover: #8c1e54;
    --cta-sec: #58626a;
    --cta-button: #CE9232;
    --cta-button-hover:#CE9232;
    --header-bg: #CE9232;
}


html[data-color-scheme="dark"] {
    --main-bg: #32363e;
}


body.be_main  {
    background: var(--body-bg);
}

.be_main #main {
    background: var(--main-bg);
}

.be_main #container,
.be_main #header {
    max-width: 1440px;
    margin: 0 auto;
}


body {
    background: var(--body-bg)  url(../skin/joehring/assets/images_svg/Franziska-Joehring_Logo.svg) center 6.5em no-repeat;
    background-size: auto 80px;
}

#header h1 a {
    background-image: none;
    padding-left: 36px;
}

.be_main #main {
    background-color:var(--body-bg) ;
}

.be_main #container {
    z-index: 0;
    position: relative;
}

.be_login .tl_submit,
.be_login_two_factor .tl_submit {
    background:var(--cta-button);
    color: #fff;
    line-height: 2.3084615385;
    padding: 0 2em;
    border: 0;
    outline: none;
    font-size: 1em;
    border-radius: 3px;
    height: auto;
}


.be_login #main{
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0rem rgba(0, 0, 0, 0.05);
    transition: 0.2s ease;
    min-height: 100%;
    border: 0.0625rem solid #e9ecef;
}
.be_login #main:hover{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    transform: translateY(-0.125rem)
}

.be_login .tl_submit:hover,
.be_login_two_factor .tl_submit:hover  {
    background:	 var(--cta-button-hover);
    color: #fff;
}

.badge-title {
    padding: 3px 5px ;
    border-radius: 3px ;
    background: #6CB4A0 ;
}

.be_main .badge-title {
    background: #6CB4A0 ;
    color: #fff;
    font-size: 8px;
    margin-top: 0px;
}

.be_main #header .inner {
    -webkit-box-shadow: -1px 4px 13px -7px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: -1px 4px 13px -7px rgba(0, 0, 0, 0.72);
    box-shadow: -1px 4px 13px -7px rgba(0, 0, 0, 0.72);
    overflow: visible !important;
    position: relative;
    z-index: 1;
}


.be_main #tl_navigation .menu_level_1 li.current {
    background-color: #CE9232;
    border-left-color: #6CB4A0;
}

.be_main #tl_navigation .menu_level_1 li:hover {
    background-color: #444950;
}
#tmenu a , #tmenu .icon-manual{
    border-left: 1px solid rgba(255, 255, 255, 0.39);
}
#tmenu a:hover, #tmenu a.hover, #tmenu li:hover .profile button, #tmenu .active .profile button, #tmenu .burger button:hover {
    background-color: #faac3d;
}


#tl_navigation [class^="menu_level_"] > li.current > a {
    border-left: 4px solid #6CB4A0;
}