/**
 * @file
 * CSS for CSS variables.
 */




/**
 * ===== CSS VARIABLES =====
 */


/**/
:root {


  /**/
  --site--body--back-color--01: #F1F1EF;  /* ADMU 2025 RFM-Newsletter-Styleguide */
  --site--body--back-color--02: #FFFFFF;
    /**/
  --site--body--back-color--01--inv: #776F65; /* ADMU 2025 RFM-Newsletter-Styleguide */
  --site--body--back-color--02--inv: #333333;


  /**/
  --site--body--text-color--01: #111111;
  --site--body--text-color--02: #666666;
  /**/
  --site--body--text-color--01--fix: #111111;
  --site--body--text-color--02--fix: #666666;
  /**/  
  --site--body--text-color--01--inv: #FFFFFF;
  --site--body--text-color--02--inv: #EEEEEE;

  
  /**/
  --site--body--link-color--01: #111111;
  --site--body--link-color--02: var(--site--main--color--01-02);
  --site--body--link-color--03: var(--site--main--color--01-04);
  /**/
  --site--body--link-color--01--inv: #FFFFFF;
  --site--body--link-color--02--inv: var(--site--main--color--01-02);
  --site--body--link-color--03--inv: var(--site--main--color--01-04);








  /**/
  --site--bttn--back-color--00: var(--site--main--color--00-01); /* MAIN - GRAY - Dark*/
  --site--bttn--brdr-color--00: var(--site--main--color--00-01); /* MAIN - GRAY - Dark*/
  --site--bttn--text-color--00: #FFFFFF;
  /**/
  --site--bttn--back-color--00--inv: #FFFFFF;
  --site--bttn--brdr-color--00--inv: var(--site--main--color--00-01); /* MAIN - GRAY - Dark*/
  --site--bttn--text-color--00--inv: var(--site--main--color--00-01); /* MAIN - GRAY - Dark*/

  /**/
  --site--bttn--back-color--01: var(--site--main--color--01-03); /* MAIN - RED - Mid*/
  --site--bttn--text-color--01: #FFFFFF;
  /**/
  --site--bttn--back-color--01--inv: #FFFFFF;
  --site--bttn--text-color--01--inv: #111111;
  /**/
  --site--bttn--back-color--02: var(--site--main--color--01-02); /* MAIN - RED - Mid Dark*/
  --site--bttn--text-color--02: #FFFFFF;
  /**/
  --site--bttn--back-color--02--inv: var(--site--main--color--01-05); /* MAIN - RED - Light*/
  --site--bttn--text-color--02--inv: var(--site--main--color--01-02); /* MAIN - RED - Mid Dark*/
  
  /**/
  --site--bttn--back-color--03: var(--site--main--color--02-03); /* MAIN - SAND - Mid*/
  --site--bttn--text-color--03: #FFFFFF;
  /**/
  --site--bttn--back-color--03--inv: #FFFFFF;
  --site--bttn--text-color--03--inv: #111111;
  /**/
  --site--bttn--back-color--04: var(--site--main--color--02-02); /* MAIN - SAND - Mid Dark*/
  --site--bttn--text-color--04: #FFFFFF;
  /**/
  --site--bttn--back-color--04--inv: #FFFFFF;
  --site--bttn--text-color--04--inv: #111111;








  /**/
  --site--form--back-color--01: #FFFFFF;
  --site--form--back-color--02: #FFFFCC;


  /**/
  --site--form--border-color--01: #CCCCCC;
  --site--form--border-color--02: BLUE;


  /**/
  --site--form--inpt-brdr-color--01: var(--site--main--color--01-02);
  /**/
  --site--form--inpt-brdr-color--01--inv: var(--site--main--color--01-02);


  /**/
  --site--form--bttn-back-color--01: var(--site--main--color--01-02);
  --site--form--bttn-text-color--01: #FFFFFF;
  /**/
  --site--form--bttn-back-color--02: var(--site--main--color--01-03);
  --site--form--bttn-text-color--02: #FFFFFF;








  /* MAIN - GRAY */
  --site--main--color--00-01: #222222; /* Dark */
  --site--main--color--00-02: #676767; /* Mid Dark */
  --site--main--color--00-03: #A9A9A9; /* Mid */
  --site--main--color--00-04: #E8E7E7; /* Mid Light */
  --site--main--color--00-05: #F5F5F5; /* Light */


  /* MAIN - RED */
  --site--main--color--01-01: RED; /* Dark */
  --site--main--color--01-02: #772E45; /* Mid Dark */ /* RFM-Rot - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--01-03: #89214E; /* Mid */ /* ADMU D7 */
  --site--main--color--01-04: #D8AAC7; /* Mid Light */ /* RFM-Rosé - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--01-05: RED; /* Light */


  /* MAIN - SAND/BEIGE/BROWN  */
  --site--main--color--02-01: SILVER; /* Dark */
  --site--main--color--02-02: #776F65; /* Mid Dark */ /* Braun - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--02-03: #C3C0BB; /* Mid */ /* Hellbeige - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--02-04: #F1F1EF; /* Mid Light */ /* Hintergrundfarbe - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--02-05: SILVER; /* Light */


  /* MAIN - GOLD */
  --site--main--color--03-01: GOLD; /* Dark */
  --site--main--color--03-02: GOLD; /* Mid Dark */
  --site--main--color--03-03: #8A774C; /* Mid */ /* RFM-Gold - ADMU 2025 RFM-Newsletter-Styleguide */
  --site--main--color--03-04: GOLD; /* Mid Light */
  --site--main--color--03-05: GOLD; /* Light */


  /* MAIN - BLUE - NiU */
  --site--main--color--04-01: hsl(215, 100%, 30%); /* Dark */
  --site--main--color--04-02: hsl(215, 100%, 50%); /* Mid Dark */
  --site--main--color--04-03: hsl(215, 100%, 60%); /* Mid */
  --site--main--color--04-04: hsl(210, 100%, 85%); /* Mid Light */
  --site--main--color--04-05: hsl(210, 100%, 95%); /* Light */


}


/* media */
@media (prefers-color-scheme:dark) {

  /**/
  :root {


    /**/
    --site--body--back-color--01: #222222;
    --site--body--back-color--02: #333333;

    
    /**/
    --site--body--text-color--01: #FFFFFF;
    --site--body--text-color--02: #FFFFFF;


    /**/    
    --site--body--link-color--01: #FFFFFF;
    --site--body--link-color--02: #FFFFFF;

  }

}