:root{

  --white:    #fff;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #8f959e;
  --gray-600: #6a737b;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #1d2125;
  --black:    #000;

  --blue: #0f6cbf;
  --indigo: #6610f2;
  --purple: #613d7c;
  --pink: #e83e8c;
  --red: #ca3120;
  --orange: #f0ad4e;
  --yellow: #ff7518;
  --green: #357a32;
  --teal: #20c997;
  --cyan: #008196;
  --primary: #0f6cbf;
  --secondary: #ced4da;
  --success: #357a32;
  --info: #008196;
  --warning: #f0ad4e;
  --danger: #ca3120;
  --light: #f8f9fa;
  --dark: #343a40;

/* START::: skillflow Base */
  /* skillflow Base */
  --skillflow-base-color-1:rgba(112,175,4,1); /* skillflow grün */

  --skillflow-base-color-2:#61DD74; /* Green */
  --skillflow-base-color-3:#003366; /* Dunkelblau */
  --skillflow-base-color-4:#E7EAEC; /* Hellgrau für Linien */
  --skillflow-base-color-5:#E85B2F; /* Orange */
  --skillflow-base-font-color:#003366; /* Font-color */
  --skillflow-base-gray-bg:#F8F8F9; /* skillflow-Spezail */
  --skillflow-base-dark-gray:#535C66; /* Dunkelgrau */

  --skillflow-base-body-bg:#000;
  --skillflow-base-font-family:helvetica;
  --skillflow-base-font-size:1em;
  --skillflow-base-font-color:var(--skillflow-base-color-1);
  --a-color:var(--skillflow-base-color-1);
  --a-visited-color:var(--skillflow-base-color-1);
  --a-hover-color:rgba(112,175,4,.5);
  --a-decoration:underline;

  --skillflow-base-border:1px solid rgba(112,175,4,1);
  --skillflow-base-border-half:1px solid rgba(112,175,4,.5);
  --skillflow-fett:900;

/* ENDE::: skillflow Base */

  /* General */
  --box-shadow:none;
  --text-decoration:none;

  --h1-color:var(--skillflow-base-font-color);
  --h2-color:var(--skillflow-base-font-color);
  --h3-color:var(--skillflow-base-font-color);
  --h4-color:var(--skillflow-base-font-color);
  --h5-color:var(--skillflow-base-font-color);
  --h6-color:var(--skillflow-base-font-color);

  --h1-size:1.2em;

  --text-danger-color:var(--warning);

    /* Input Textarea usw. */
    --border-radius-input:0;
    /*---*/

  /*---*/

  /* primary Navigation */

    /*---*/


  /* skillflowizing */
  --skillflow-border-radius-1:0;
  --skillflow-border-radius-2:10px;
  --skillflow-border-radius-3:10px 0 10px 0;
  --skillflow-border-radius-4:0 10px 0 10px;
  --skillflow-border-radius:var(--skillflow-border-radius-1);
  /*---*/


  /* Footer */
  --skillflow-footer-bg:var(--skillflow-footer-bg-color-1);
  --skillflow-footer-border:silver;
  --skillflow-footer-a:var(--white);
  --skillflow-footer-a-hover:var(--skillflow-base-color-1);
  /*---*/

}