/************************************************************************************/
/* 6KA Softwareentwicklung und Digitalisierung                                      */
/* https://6ka-digital.com                                                          */
/*                                                                                  */
/* landing-imprint-navi.css v1.0.1 - 18.05.2026                                     */
/************************************************************************************/

@layer layout {

    
    .imprint-sidebar                                {   background: var(--primary-blue3);
                                                        color: var(--primary-white);
                                                        display: flex;
                                                        flex-direction: column;
                                                        justify-content: space-between;
                                                        padding: 4.5rem 3.5rem 4rem 3.5rem; }

    @media (max-width: 1024px)                      {

        .imprint-sidebar                            {   display: none; }
    }    
}



@layer components {

    .imprint-sidebar-title                          {   display: flex;
                                                        align-items: center;
                                                        gap: 1rem;
                                                        margin: 0 0 2rem 0;
                                                        color: var(--primary-green4);
                                                        font-size: 1.2rem;
                                                        font-weight: 500;
                                                        letter-spacing: .02em; }

    .imprint-sidebar-title::before                  {   content: "";
                                                        width: 3rem;
                                                        height: 3px;
                                                        background-color: var(--primary-green4);
                                                        flex-shrink: 0; }

    .imprint-nav                                    {   display: flex;
                                                        flex-direction: column;
                                                        gap: .8rem; }

    .imprint-nav a                                  {   margin: 0 0 1rem 0; }

    .imprint-nav-link-active,
    .imprint-nav-link                               {   color: var(--primary-white);
                                                        text-decoration: none;
                                                        opacity: 0.8;
                                                        font-weight: 500;
                                                        transition: opacity 0.3s, color 0.3s; }                                  

    .imprint-nav-link-active                        {   color: var(--primary-green4); 
                                                        padding-left: .3rem;
                                                        padding-bottom: .3rem;
                                                        border-left: 3px solid var(--primary-green4); 
                                                        border-bottom: 1px solid var(--primary-green4); }                                     

    .imprint-nav-link:hover,
    .imprint-nav-link:focus-visible                 {   opacity: 1;
                                                        color: var(--primary-green4); 
                                                        text-decoration: underline;
                                                        text-decoration-thickness: 1px;
                                                        text-underline-offset: 0.5rem;}
}