/* ===================================
    Kanzlei Reichard - Global Colors
====================================== */

:root {
    --color-accent: #00AEEF;       /* Helles Blau */
    --color-secondary: #003366;    /* Dunkelblau */
    --color-tertiary: #F2F5F7;     /* Hellgrau */
    --color-text: #1A1A1A;         /* Text */
    --color-bg: #FFFFFF;           /* Hintergrund */
    --color-lightdark: #686868;
    --color-semidark: #3d3d3d;
    --color-darkdark: #333333;
}

/* --- Grundelemente --- */
body { color: var(--color-text) !important; background-color: var(--color-bg) !important; }
a:hover { color: var(--color-accent) !important; }
::-webkit-scrollbar-thumb { background: var(--color-accent) !important; }
::-webkit-scrollbar-thumb:hover { background: var(--color-secondary) !important; }

/* --- Buttons & Interaktion --- */
.btn, .pink-btn, .green-btn, .purple-btn, .anim-btn {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: #FFFFFF !important;
}

.btn:hover, .pink-btn:hover, .green-btn:hover, .purple-btn:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

/* Animation-Bubbles in den Buttons */
.anim-btn span, .green-btn span, .purple-btn span, .pink-btn span {
    background-color: var(--color-secondary) !important;
}

.side-menu .bg-overlay { background: var(--color-semidark) !important; }
header .navbar-brand img { max-width: 50% !important; }
.slider-area img { width: auto !important; }

.stats-sec .stats-heading-area .sub-heading { color: var(--color-secondary) !important; }

/* --- Header & Navigation --- */
header .simple-nav-logo { background-color: var(--color-tertiary) !important; }
header .main-navigation nav .navbar-nav .nav-item .nav-link:hover, 
header .main-navigation nav .navbar-nav .nav-item .nav-link.active { color: var(--color-accent) !important; }
header .upper-nav .top-personal-info li a i { color: var(--color-accent) !important; }
.sidemenu_btn:hover span { background: var(--color-accent) !important; }

/* --- Sektionen & Overlays --- */
.slider-area .bg-overlay, .slider-area .container .inner-bg-overlay { background-color: var(--color-secondary) !important; }
.about-sec .about-overlay { background-color: var(--color-bg) !important; }
.about-sec .services-area .purple-overlay { background-color: var(--color-secondary) !important; }
.about-sec .about-area { background-color: var(--color-accent) !important; }
.team-sec .inner-team-sec, .team-sec .left-overlay { background-color: var(--color-secondary) !important; }
.testimonial-sec .testimonial-area, .right-overlay { background-color: var(--color-secondary) !important; }
.blog-sec .left-overlay, .blog-sec .blog-inner-overlay { background-color: var(--color-tertiary) !important; }

/* --- Portfolio & Details --- */
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { color: var(--color-accent) !important; border-bottom-color: var(--color-accent) !important; }
.contact-sec .contact-details ul li i.addr { color: var(--color-accent) !important; }
.contact-sec .contact-details ul li i.phone { color: var(--color-secondary) !important; }
.scroll-top-arrow { background-color: var(--color-accent) !important; }

/* Sofortige Reaktion beim Hover und Active-Status */
.navbar-nav .nav-item .nav-link,
.navbar-nav .nav-item .nav-link::after {
    transition: all 0.2s ease-in-out !important; /* Von 0.5s auf 0.2s verkürzt */
}

/* Sicherstellen, dass die Active-Farbe sofort greift */
.navbar-nav .nav-item .nav-link.active {
    color: var(--color-accent) !important;
}

.navbar-nav .nav-item .nav-link.active::after {
    width: 100% !important;
}

.breadcrumb-item a { color: #fff; }
.breadcrumb-item.active { color: #fff; }


.slider-sec {
    min-height:100px;
    position: relative;
    transform: translateY(-50px);
}
.slider-sec .slider-row{
    padding-top: 50px;
    padding-bottom: 50px;
}
.slider-sec .overlay{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 50%;
    background-color: var(--color-secondary) !important;
}
.slider-sec .inner-overlay{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 20%;
    background-color: var(--color-secondary) !important;
}

.slider-sec .inner-slider-content { 
    transform: translateY(30px);
}
.slider-sec .inner-slider-content h4{
    font-family:Oswald, sans-serif;
    font-weight: bold;
    font-size: 60px;
    color: #FFFFFF;
    margin-bottom: 20px;
}
.crumbs{
    position: relative;
}
.crumbs .breadcrumb-items{
    display: inline-block;
}
.crumbs .breadcrumb{
    margin-bottom: 0;
    border-radius: 0;
    padding:0;
    background-color: transparent;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #FFFFFF;
}

.crumbs .breadcrumb li a{
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    border-bottom: solid 1px transparent;
    transition: .5s ease;
    padding-bottom: 5px;
}
.crumbs .breadcrumb li a:hover{
    border-bottom: solid 1px #FFFFFF;
}
/*crumbs end*/

.subsite-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}