/*==========================================================================
   1. CSS-Variablen / Design Tokens
==========================================================================*/

/* Farbpalette */
:root
{
  /* Primärfarben (Haupt-Akzente) */
  --color-background: #dadcdd;
  --color-font-main: #454545;
  --color-font-label:#039ee6;

  /* Layout */
  --color-header-background: #001d3b;
  --color-header-font: #ffffff;
  --color-navbar-background: #2076b4;
  --color-navbar-font: #ffffff;
  --color-navbar-link-background: #2076b4;
  --color-navbar-link-font: #ffffff;
  --color-navbar-link-hover-background: #0056b3;
  --color-navbar-link-hover-font: #cce5ff;



  /* Flash-Messages */
  --color-flasmsg-info:     darkgrey;
  --color-flasmsg-sucess:   green;
  --color-flasmsg-warning:  darkorange;
  --color-flasmsg-error:    red;
  
  --size-sidebar-width: 220px;
  --size-header-height: 80px;
  --size-navbar-height: 50px;

  /* Tabellen */
  --color-table-outline: #0056b3;
  --color-table-head-background :#2076b4;
  --color-table-head-color :#ffffff;
  --color-table-rows-alternate-odd: white;
  --color-table-rows-alternate-even: #cce5ff;


}

/*==========================================================================
   1. html,body
==========================================================================*/


body
{
  background-color: var(--color-background);
  font-family: 'Inter', sans-serif;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  box-sizing: border-box;
}







/* =======================================================================
  Grid
========================================================================== */

/* Wrapper: main-container */
.wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--size-header-height) + var(--size-navbar-height));
}

/* Container: Links-Men├╝ und Content */
.main-container {

  display: flex;
  flex: 1;
  min-height: calc(100vh - var(--size-header-height) - var(--size-navbar-height) - 100px);
}