a {
  color: rgb(237, 28, 36);
  text-decoration: none; 
  }

 nav.grid-nav ul li.toggled a {
  background: rgb(237, 28, 36); 
  }
nav.grid-nav ul li:hover > a {
  background: rgb(237, 28, 36); 
  }
nav.grid-nav ul li.active > a {
  color: #000000;
  background: rgb(237, 28, 36); 
  }
nav.grid-nav ul li.active > a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent rgb(237, 28, 36);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px; 
  }
.datepicker-dropdown {
  border: 1px solid rgb(237, 28, 36) !important; }
.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: rgb(237, 28, 36); 
  }
.timeline > div.active:before,
.timeline > div.active:after {
  background: rgb(237, 28, 36); 
  }

.timeline > div.active {
  color: rgb(237, 28, 36); 
  }  
figure.behaelter img {
  max-height: 360px;
  box-shadow: 0 0 0 1px rgb(237, 28, 36); 
  }
.pagination span.active {
  background: rgb(237, 28, 36);
  font-weight: 700; 
  }
.mdc-text-field input.focus ~ .mdc-line-ripple,
.mdc-text-field input.focus-text ~ .mdc-line-ripple,
.mdc-text-field textarea.focus ~ .mdc-line-ripple,
.mdc-text-field textarea.focus-text ~ .mdc-line-ripple {
  background: rgb(237, 28, 36); 
  }
.focus ~ label.mdc-floating-label,
.focus-text ~ label.mdc-floating-label {
  color: rgb(237, 28, 36);
  top: 0; 
  }
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
  background: rgb(237, 28, 36);
  background-image: url(../img/check-01.svg); 
  }
input[type="radio"]:checked + label::before {
  background-image: none;
  box-shadow: 0 0 0 0.1em #ffffff, inset 0 0 0 0.3em rgb(237, 28, 36);
  background: #fff; 
  }
.flexrow.active {
  background: rgb(237, 28, 36) !important; 
  }
.mdc-theme--primary-bg {
  background: rgb(237, 28, 36) !important; 
  }

.user {
  color: rgb(244, 119, 124); 
  }
.datepicker-panel > ul > li.highlighted {
  background-color: rgb(244, 119, 124); }

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(244, 119, 124); }

.datepicker-panel > ul > li:hover {
  background-color: rgb(244, 119, 124); 
  }
.flexrow:hover {
  background: rgb(244, 119, 124); 
  }
.pagination span:hover {
  background: rgb(244, 119, 124); 
  }
.pagination span:hover {
  background: rgb(244, 119, 124); 
  }
.error {
  padding: 1em;
  margin: 24px 0;
  box-shadow: 0 0 0 2px rgb(244, 119, 124); 
  }
 .submit-form {
  padding: 1em;
  max-width: 520px;
  width: 100%;
  background: rgb(244, 119, 124);
  margin-bottom: 3em;
  transition: 300ms; 
  }
nav.grid-nav ul li ul li a {
  color: #000000;
  padding-left: 3rem;
  background: rgb(244, 119, 124) !important; 
  }
nav.grid-nav ul li ul li:nth-child(2n + 2) > a {
  background: rgb(251, 210, 211) !important; 
  }
.flexrow.first a{
color: #ffffff !important;
}