/************************************************************************************/
/* 6KA Softwareentwicklung und Digitalisierung                                      */
/* https://6ka-digital.com                                                          */
/*                                                                                  */
/* main-imprint.css v1.0.3 - 18.05.2026                                             */
/************************************************************************************/

@layer layout {

    .imprint-page                                   {   padding-top: var(--header-height-large);
                                                        background: var(--primary-grey7); }

    .imprint-layout                                 {   display: grid;
                                                        grid-template-columns: minmax(2rem, 13.3vw)
                                                                               minmax(0, 1fr)
                                                                               minmax(20rem, 28.5vw);
                                                        min-height: 42rem; }

    .imprint-left                                   {   background: var(--primary-grey7); }

    .imprint-content                                {   background: var(--primary-white);
                                                        padding: 4.5rem 5rem 4rem 4rem; }

    .imprint-content-flex                           {   display: flex;
                                                        gap: 5rem;
                                                        max-width: 48rem; }

    .imprint-content-flex .imprint-block:first-child{   flex: 0 0 40%; }

    .imprint-content-flex .imprint-block:last-child {   flex: 1 1 auto; }  


    @media (max-width: 1199.98px)                   {

        .imprint-content-flex                       {   flex-direction: column;
                                                        gap: 1rem; }
    }

    @media (max-width: 1024px)                      {

        .imprint-layout                             {   grid-template-columns: 1fr; }

        .imprint-left                               {   display: none; }

        .imprint-content                            {   padding: 3rem 2rem 3rem 3rem; }
    }    
}

@layer components {

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

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

    .imprint-tax,
    .imprint-chamber,
    .imprint-title                                  {   margin: 0 0 2rem 0;
                                                        color: var(--primary-blue3);
                                                        font-size: clamp(1rem, 3vw, 1.1em);
                                                        line-height: 1.15;
                                                        font-weight: 700; }

    .imprint-chamber,
    .imprint-tax                                    {   margin: 2rem 0 .8rem 0; }

    .imprint-intro                                  {   max-width: 46rem;
                                                        margin: 0;
                                                        color: var(--primary-grey6);
                                                        line-height: 1.5; }

    .imprint-divider                                {   width: 100%;
                                                        max-width: 48rem;
                                                        height: 2px;
                                                        margin: 2rem 0 2.5rem 0;
                                                        background: var(--primary-green4); }

    .imprint-headline_block                         {   font-size: 1rem; }

    .imprint-headline_one                           {   font-size: clamp(1.2rem, 3vw, 1.6em); }

    .imprint-headline_two                           {   font-size: clamp(1rem, 3vw, 1.2em);
                                                        color: var(--primary-green); }                                                   

    .imprint-headline_three                         {   font-size: clamp(.9rem, 3vw, 1em);
                                                        color: var(--primary-black); 
                                                        font-weight: 400; }           
                                                        
    .imprint-headline_four                          {   font-size: clamp(1rem, 3vw, 1.2em);
                                                        color: var(--primary-blue3);
                                                        font-weight: 700; }                                                         

    .imprint-block                                  {   flex: 1 1 0; }

    .imprint-block-contact,
    .imprint-block address                          {   margin: 0;
                                                        color: var(--primary-black);
                                                        line-height: 2;
                                                        font-style: normal;
                                                        font-size: 1rem; }   
                                                        
    .contact-reveal-btn                             {   padding-left: 0; 
                                                        border: none; 
                                                        background-color: var(--primary-white); 
                                                        font-size: .9rem;
                                                        font-weight: 500; 
                                                        cursor: pointer; 
                                                        color: var(--primary-brown); } 
                                                        
    a.mail-link, 
    a.page-link,
    a.phone-link                                    {   font-size: 1rem;
                                                        font-weight: 400;
                                                        color: var(--primary-black);
                                                        background: none;
                                                        text-decoration: none;
                                                        padding: 0; }   
                                                        
    a.mail-link:hover,
    a.page-link:hover, 
    a.phone-link:hover                              {   text-decoration: underline;
                                                        text-underline-offset: 0.3rem; }                                                         

    .mail-link,
    .page-link,
    .phone-link                                     {   display: inline-flex;
                                                        align-items: center;}                                                        

    .mail-link::before,
    .page-link::before,
    .phone-link::before                             {   content: ""; 
                                                        margin-right: .5rem;
                                                        width: 1.6rem;
                                                        height: 1.6rem;
                                                        background-image: url(icons/symbPhone7E9C1E.svg);
                                                        background-size: contain;
                                                        background-repeat: no-repeat;
                                                        background-position: center; } 
                                                        
    .mail-link::before                              {   background-image: url(icons/symbMail7E9C1E.svg); }  

    .page-link::before                              {   background-image: url(icons/symbPage7E9C1E.svg); }  

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