﻿
body, header, button, footer, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
}


#bottom {
    border-bottom: none;
    border-top: 1px solid #E4E8EB;
    background-color: #F6F6F6;
    color: #4E5259;
}

    #bottom ul li a:hover {
								   
        color: #B61F2B;		
		border-radius: 1px;
    }

.top-number {
    color: black;
}

.top-bar {
    padding: 10px 0;
    color: black;
    border-bottom: 1px solid #F6F6F6;
    line-height: 28px;
    background-color: #F6F6F6;
}

#headerClientgroupDisplay {
    color: black;
}

#headerClientgroupAndUserDelimiter {
    color: black;
}
/*
#mainbody .left > h2 {
    text-transform: lowercase;
}

#mainbody .left > p {
    text-transform: lowercase;
}

.recent-work-wrap > h2 {
    text-transform: lowercase;
}*/

/*
.recent-work-wrap {
    background-color: #F6F6F6 !important;
}*/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 0;
    color: #fff;
    background: #B61F2B;
    position: relative;
	border-radius: 1px;
}
/*
#myTab {
    text-transform: lowercase;
}*/

#myTab > li > a:active,
#myTab > li > a:focus,
#myTab > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
#CaseTabFrame {
    text-transform: lowercase;
}*/

#CaseTabFrame > li > a:active,
#CaseTabFrame > li > a:focus,
#CaseTabFrame > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
#BalanceTabFrame {
    text-transform: lowercase;
}*/

#BalanceTabFrame > li > a:active,
#BalanceTabFrame > li > a:focus,
#BalanceTabFrame > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
#DebtorTabFrame {
    text-transform: lowercase;
}*/

#DebtorTabFrame > li > a:active,
#DebtorTabFrame > li > a:focus,
#DebtorTabFrame > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
#OtherCasesTabFrame {
    text-transform: lowercase;
}*/

#OtherCasesTabFrame > li > a:active,
#OtherCasesTabFrame > li > a:focus,
#OtherCasesTabFrame > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
#ChronUndFoaTabFrame {
    text-transform: lowercase;
}*/

#ChronUndFoaTabFrame > li > a:active,
#ChronUndFoaTabFrame > li > a:focus,
#ChronUndFoaTabFrame > li > a:hover {
    background-color: #B61F2B;
    color: white;
}
/*
.overlay > h2 {
    text-transform: lowercase;
}*/

.navbar.navbar-inverse {
    background-color: #F6F6F6;
    color: 1F2B5E;
    border-bottom: 1px solid #F6F6F6;
}

    .navbar.navbar-inverse .navbar-header > button {
        background-color: #F6F6F6;
        border-color: #F6F6F6;
		border-radius: 1px;
    }

        .navbar.navbar-inverse .navbar-header > button:hover,
        .navbar.navbar-inverse .navbar-header > button:active,
		.navbar.navbar-inverse .navbar-header > button:focus		{
            background-color: #1F2B5E;
			border-color: 1F2B5E;
			color: white;
        }

.dropdown {
    color: black;
}

.dropdown-item.dropdown-toggle {
    color:black;
}

#footer a {
    color: white;
}

    #footer a:hover {
        color: white;
    }

#footer {
    background-color: #1F2B5E;
    color: white;
}

a {
    color: #1F2B5E;	
	border-radius: 1px;
}

    a:hover, a:focus {
        color: black;
    }

											 
.btn-primary {
    background: #B61F2B;
    color: white;
	border-radius: 1px;
}


    .btn-primary:hover,
    .btn-primary:focus {
							   
        background: #B61F2B;
    }
	

.navbar-user > li > a:focus {
    background-color: #F6F6F6;
    color: #1F2B5E;
}

.navbar-user > li:hover > a,
.navbar-user > li:focus > a,
.navbar-user > li.active > a {
    background-color: #1F2B5E;
    color: white;
	border-radius: 1px;
}

.navbar-user > li > a,
.navbar-user > li > a,
.navbar-user > li.active > a {
    background-color: #F6F6F6;
    color: black;
	border-radius: 1px;
}


.navbar-user > li {
    background-color: #F6F6F6;
    color: black;
	border-radius: 0px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #1F2B5E;
	border-radius: 1px;
}

    .navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus {
        background-color: #1F2B5E;
		color: white;
    }


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #1F2B5E;
	border-radius: 1px;
	background-color: #F6F6F6;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus	{
        color: white;
        background-color: #1F2B5E;
		border-radius: 1px;
    }


.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #1F2B5E;
	color: white;
}		



    .navbar-inverse .navbar-nav .dropdown-menu > li > a,
    .navbar-inverse .navbar-nav .dropdown-menu > li.active > a{
		color: #1F2B5E;
		border-radius: 1px;
		background-color: #F6F6F6;
    }
	
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a:hover,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a:focus {
	background-color: #1F2B5E;
	color: white;
}

.navbar-nav .nav-item .dropdown-item{
    font-size: 15px; /* gewünschte Schriftgröße */
    font-weight: bold; /* macht den Text fett */
}

.recent-work-wrap .overlay {
    background: #B61F2B;
}

ul.pagination > li.active > a,
ul.pagination > li:hover > a {
									 
    background-color: #B61F2B !important;
    border-color: #B61F2B !important;
    color: black;
}


#main-slider .carousel-indicators .active {
    background-color: #B61F2B;
    border: #B61F2B;
}

    #main-slider .carousel-indicators .active:after {
        background: #B61F2B;
        border: #B61F2B;
    }



#main-slider .prev,
#main-slider .next {
    background: #B61F2B;
	border-radius: 1px;
}


#main-slider .carousel .btn-slide {
    background: #B61F2B;
    border-radius: 1px;
}

.carousel-content {
    background-color: #F5F5F5FF;
    padding: 35px;
    border-radius:1px;
}
    .carousel-content .animated-item-1 {
        color: #333333;
        text-shadow: none;
        font-size: 30px; 
        font-weight: normal; 
    }
    .carousel-content .animated-item-2 {
        font-size: 16px;
        color: #333333 !important;
        text-shadow: none;
        font-weight: normal;
    }

/*
.carousel-content .animation {
    background-color: #00000099;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    border-radius: 1px;
}
.carousel-content .animated-item-1 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
						
}
.carousel-content .animated-item-2 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
						
}*/

#logoContainer {
    background: #fff;	  
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

a:focus-visible,
button:focus-visible,
button:focus-visible::after,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
select.form-control:focus-visible,
#btn-login:focus-visible,
.btn-primary:focus-visible,
[tabindex]:focus-visible,
.recent-work-wrap:focus-within,
button.prev.carousel-control-prev:focus-visible,
button.next.carousel-control-next:focus-visible {
    outline: 3px solid #3b82f6;
    outline-offset: 2px;
    border-radius: 1px;
}