/*==================================================================================*/ 
/* 6KA Softwareentwicklung und Digitalisierung                                      */
/* gui.schlafplatz-frei.de                                                          */
/*                                                                                  */
/* globals.css v1.0.0 - 30.7.2025                                                   */
/*==================================================================================*/

/*==================================================================================*/
/* Basics - Page                                                                    */
/*==================================================================================*/
*, *::before, *::after                              {   box-sizing: border-box; }
html                                                {   min-height: 100vh; 
                                                        scroll-padding-top: 20em; 
                                                        font-size: 16px; }

body                                                {   display: flex;
                                                        flex-direction: column;
                                                        min-height: 100vh;
                                                        background-color: #214778;   
                                                        color: #000000;
                                                        margin: 0;
                                                        padding: 0;                                                     
                                                        font-family: 'Roboto', Arial, Helvetica, sans-serif;
                                                        font-size: 1rem;
                                                        font-weight: 400;
                                                        line-height: 1.5; }

/*==================================================================================*/
/* Container                                                                        */
/*==================================================================================*/
main                                                {   flex: 1; }

/*==================================================================================*/
/*  P Container                                                                     */
/*==================================================================================*/
p                                                   {   margin: 0em; 
                                                        padding: 0em; }

    
/*==================================================================================*/
/*  Wesentliche Input-Felder zuruecksetzen.                                         */
/*==================================================================================*/
input, textarea, select                             {   appearance: none; } 

/*=================================================================================*/
/* A-TAG                                                                           */
/*=================================================================================*/
a                                                   {   text-decoration: none; }

/*==================================================================================*/
/* Text - Color                                                                     */
/*==================================================================================*/
.txt_col_1c304f         {   color: #1c304f; }
.txt_col_214778         {   color: #214778; }
.txt_col_4b628e         {   color: #4b628e; }
.txt_col_6d80a3         {   color: #6d80a3; }
.txt_col_dadee8         {   color: #dadee8; }
.txt_col_D8D0BE         {   color: #d8d0be; }
.txt_col_BAAE91         {   color: #BAAE91; }
.txt_col_a18e61         {   color: #a18e61; }
.txt_col_d1d1cc         {   color: #d1d1cc; }
.txt_col_a02c2c         {   color: #a02c2c; }
.txt_col_b36969         {   color: #b36969; }
.txt_col_FFFFFF         {   color: #ffffff; }
.txt_col_585858         {   color: #585858; }
.txt_col_353535         {   color: #353535; }
.txt_col_54575e         {   color: #54575e; }
.txt_col_005522         {   color: #005522; }
.txt_col_2d7c4d         {   color: #2d7c4d; }
.txt_col_c8d895         {   color: #c8d895; }
.txt_col_a6c04f         {   color: #a6c04f; }
.txt_col_7e9c1e         {   color: #7e9c1e; }
.txt_col_5d7705         {   color: #5d7705; }
.txt_col_3b4d03         {   color: #3b4d03; }
.txt_col_268486         {   color: #268486; }
.txt_col_7e9c1e02       {   color: hsla(74, 68%, 36%, 0.2); }
.txt_col_a5bdaf         {   color: #a5bdaf; }
.txt_col_000000         {   color: #000000; }
.txt_col_777777         {   color: #777777; }
.txt_col_d1d1d1         {   color: #d1d1d1; }
.txt_col_dda255         {   color: #dda255; }
.txt_col_f7a337         {   color: #f7a337; }
.txt_col_fc8f00         {   color: #fc8f00; }

.txt_col_transp         {   color: transparent; }

.w { color: #1e416e; } /* 110% */
.w { color: #1b3b64; } /* 120% */
.w { color: #18355a; } /* 130% */
.w { color: #152e50; } /* 140% */
.w { color: #122846; } /* 150% */
.w { color: #214778; } /* 100% Originalfarbe */
.w { color: #305788; } /* 90% */
.w { color: #416898; } /* 80% */
.w { color: #5279a8; } /* 70% */
.w { color: #6389b8; } /* 60% */
.w { color: #759ace; } /* 50% */
.w { color: #87b1de; } /* 40% */
.w { color: #99c3ef; } /* 30% */
.w { color: #add5ff; } /* 20% */
.w { color: #c0e7ff; } /* 10% */
.w { color: #d4faff; } /* 0% (fast Weiß) */


.w { color: #718c1b; } /* 110% */
.w { color: #657e18; } /* 120% */
.w { color: #587015; } /* 130% */
.w { color: #4b6212; } /* 140% */
.w { color: #3f540f; } /* 150% */
.w { color: #7e9c1e; } /* 100% Originalfarbe */
.w { color: #8fa83a; } /* 90% */
.w { color: #9fbb58; } /* 80% */
.w { color: #b0c977; } /* 70% */
.w { color: #c1d696; } /* 60% */
.w { color: #d2e4b5; } /* 50% */
.w { color: #e3f1d4; } /* 40% */
.w { color: #f4ffee; } /* 30% */
.w { color: #ffffff; } /* 20% - 0% (reines Weiß) */