/* Logo ändern */
:root{
    --clr-primary: #669c03;
    --clr-secondary: #1f2251;
    --clr-primary-light: #c2d89b;
    --clr-accent: #e5007d;
    --clr-black: #101010;
    --clr-darkgrey: #555;
    --clr-lightgrey: #ededed;
    --clr-success: #008900;
    --clr-error: #d53d11;
    --clr-warning: #f4ac00;
    --clr-information: #2d6ded;
}





body:has(div#login_box) {
    background-color: #000;
    background-image: url(../images/bg.jpg);
    background-size: cover;
}

#login_box {
    background-color: #ffffff57;
    backdrop-filter: blur(20px);
    text-shadow: 0px 0px 2px black;
}

.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    color: var(--clr-primary)
}

button, input[type=submit], input[type=button], .RecordPanel .RecordDownloadSpace .DownloadDBlend a, .UploadButton a {
    background-color: var(--clr-secondary)
}
 
a {
    color: var(--clr-secondary);
}

.BasicsBox.homeSiteText {
    width: max-content;
    padding: 2rem;
    border-radius: .5rem;
    background-color: var( --clr-primary-light);

    h1 {
        color: var(--clr-primary)
    }
}

#SearchBox {
    background-color: #afb1ae;

     #SearchBarTabsContainer {
        background: rgb(0 0 0 / 70%);
        
        i {
            color: var(--clr-primary-light)
        }
    }

    .SearchBarTab.SearchBarTabSelected{
        border: 1px solid #767676;
        border-bottom: 0;
    }

     i {
        color: var(--clr-secondary)
    }

    .BrowseBarRoot {
        background: rgb(0 0 0 / 23%);
    }
}

.tick label {
    color: var(--clr-secondary)
}

.tick .tickbox {
    appearance: none;
    background: #fff;
    height: 14px;
    width: 14px;
    border-radius: 2px;
    position: relative;
    top: 5px;
    left: 2px;
}

.tick .tickbox:after {
    content: "\2714";
    position: absolute;
    font-size: 0;
    top: 8px;
    right: 8px;
    color: var(--clr-secondary);
    transition: all 0.2s ease;
}


.tick .tickbox:checked:after {
    top: -6px;
    right: -5px;
    font-size: 19px;
}

.PoweredByPanel {
    display: none;
}


 #HomeSiteText.dashtext, .HomePanelIN, 
.PopupCategoryTree {
    background-color: var(--clr-primary-light);
    color: var(--clr-black)
}


#SearchBoxPanel a:link, 
#SearchBoxPanel a:visited, 
#SearchBoxPanel a:hover, 
#ResearchBoxPanel a:link, 
#ResearchBoxPanel a:visited, 
#ResearchBoxPanel a:hover, 
#ResearchBoxPanel a:active, 
.SearchSpace a:link, 
.SearchSpace a:visited, 
.SearchSpace a:hover, 
.SearchSpace a:active, 
.PoweredByPanel a:link, 
.PoweredByPanel a:visited, 
.PoweredByPanel a:hover {
    color: var(--clr-secondary);
}