:root{
    --brand-primary:#fcbf20; /* Yellow */
    --brand-light:#f47913;   /* orange */
    --brand-black:#0f001f;   /* Diehltro Schwarz */
    --brand-blue: #282a50;
    --brand-grey: #84838c;
    --brand-light-grey: #e7e7e8;
    --text:#0f001f;
    --text-inverted: #fff;
    /*--bg:#ffffff;*/
    --radius:16px;
}

body {
    color: var(--text);
}

#mainMenuContainer,
#above_content {
    background-color: var(--brand-black);
    color: var(--text-inverted);
}

    #mainMenuContainer > div > div > ul > li > a {
        color: var(--text-inverted);
    }

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
    border-color: var(--text-inverted);
}

#services-row {
    background-color: var(--brand-light-grey);
}

#backgroundgroup-bottom > * {
    background-color: var(--brand-black);
    color: var(--text-inverted);
}

#contact-row > div > p > a,
#contact-row > div > p > a:focus,
#contact-row > div > p > a:visited {
    color: var(--text-inverted);
    text-decoration: none;
}

#footerMenu > li > a,
#footerMenu > li > a:focus
#footerMenu > li > a:visited {
    color: var(--text-inverted);
    text-decoration: none;
}
#footerMenu > li > a:hover,
#contact-row > div > p > a:hover {
    text-decoration: underline;
}

/*
!* #a4c9d7 == lightblue
 * #00466b == blue
 * #bcbfd0 == lightwhite *!


 .color {
     color: #00466b;
     background-color: #bcbfd0;
 }

.infobanner {
    background-color: #00466b;
}
 .infobanner > li,
 .infobanner > li > a {
     color: #bcbfd0;
  }

 .infobanner > li > a:hover {
     color: #bcbfd0;
  }

  .nav > li > a {
     color: #00466b;
   }

  .nav > li > a:hover {
     color: #434e98;
     text-decoration: underline;
   }

.arrow {
      !*background-color: white;*!
  }

 .mainMenuNavbar {
   border-color: #00466b;
   background: #bcbfd0;
   color: #00466b;
 }

  .milkyglass {
    background-color: rgba( 0, 95, 127, 0.85);
  }

a {
  color: #00466b;
}

footer {
  border-top: 0.15em solid #00466b;
}

@media only screen and (max-width: 768px) {
    #footerMenu > li {
        border-bottom: 0.05em solid #00466b;
    }
}*/