/************************************************************************************/ 
/* 6KA Softwareentwicklung und Digitalisierung                                      */
/* https://6ka-digital.com                                                          */
/*                                                                                  */
/* utilities.css v1.0.2 - 20.05.2026                                                */
/************************************************************************************/


@layer utilities {    

    /* Farben */
    .p-blue                                         {   color: var(--primary-blue); }
    .p-blue3                                        {   color: var(--primary-blue3); }
    .p-green                                        {   color: var(--primary-green); }
    .p-green3                                       {   color: var(--primary-green3); }
    .p-green4                                       {   color: var(--primary-green4); }
    .p-grey1                                        {   color: var(--primary-grey1); }

    /* Margin */
    .m-0                                            {   margin: 0; }
    .m-b-05                                         {   margin-bottom: .5rem; }
    .m-b-1                                          {   margin-bottom: 1rem; }
    .m-b-5                                          {   margin-bottom: 5rem; }
    .m-b-10                                         {   margin-bottom: 10rem; }
    .m-r-1                                          {   margin-right: 1rem; }
    .m-t-05                                         {   margin-top: .5rem; }
    .m-t-1                                          {   margin-top: 1rem; }
    .m-t-15                                         {   margin-top: 1.5rem; }
    .m-t-25                                         {   margin-top: 2.5rem; }
    .m-t-3                                          {   margin-top: 3rem; }
    .m-t-4                                          {   margin-top: 4rem; }
    .m-t-5                                          {   margin-top: 5rem; }
    .m-t-7                                          {   margin-top: 7rem; }
    .m-t-05                                         {   margin-top: .5rem; }

    /* Padding */
    .p-05                                           {   padding: .5rem; }
    .p-b-1                                          {   padding-bottom: 1rem; }
    .p-b-05                                         {   padding-bottom: .5rem; }
    .p-l-05                                         {   padding-left: .5rem; }
    .p-l-1                                          {   padding-left: 1rem; }
    .p-t-05                                         {   padding-top: 0.5rem; }
    .p-t-1                                          {   padding-top: 1rem; }
    .p-t-15                                         {   padding-top: 1.5rem; }
    .p-t-25                                         {   padding-top: 2.5rem; }

    /* font-size */
    .f-s-14                                         {   font-size: 14px; }
    .f-s-16                                         {   font-size: 16px; }
    .f-s-20                                         {   font-size: 20px; }
    .f-s-24                                         {   font-size: 24px; }
    .f-s-1r                                         {   font-size: 1rem; }    
    .f-s-1-2r                                       {   font-size: 1.2rem; } 

    /* font-weight */
    .f-w-300                                        {   font-weight: 300; }
    .f-w-400                                        {   font-weight: 400; }
    .f-w-500                                        {   font-weight: 500; }
    .f-w-700                                        {   font-weight: 700; }

    /* Flexboxen */
    .flex                                           {   display: flex; }

    /* line-height */ 
    .lh-1                                           {   line-height: 1; }
    .lh-14                                          {   line-height: 1.4; }
    .lh-18                                          {   line-height: 1.8; }

    /* Sonstiges */
    .tx-al-r                                        {   text-align: right; }
    .tx-al-c                                        {   text-align: center; }
    .tx-d-none                                      {   text-decoration: none; }

    /* Border */                                    
    
}