/* ============ Variablen ============ */
:root {
  --text-color: #f0f0f0;     /* Farbe der Überschrift im Absatz 1*/
  --Overl_color: rgba(255, 255, 255, 0.658);     /*  Overlayfarbe, die alles überblendet wenn die Navbar  mobilöe aktiv ist.  */

  --kf-primary: #A31C23;
  --kf-primary-dark: #850b11;
  --back-taupe:#e6dedc; 
  --back-grey: #f2f1f1; 
  --back-white: #FFFFFF; /*Hintergrundfarbe white " */
  --back-footer:#2B2B2B;
  --font-Basic: #2B2B2B;
  --font-Links: #858181;
  --font-Links-background: #858181;
  --line-color: #ccc;
  --Icon-hover: rgba(0,0,0,0.16);
  


  --radius: 12px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, .08);
  --shadow-box: -5px 0 12px rgba(0,0,0,0.25);
  --box-border1: rgba(255, 255, 255, 0.712);
  --box-border2: rgba(255, 255, 255, 0.3);
}