.btn-primary {
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  background: #94a6b9;
  font-family: "Lato", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
}

.btn-primary.active {
  color: white;
  background-image: linear-gradient(
    to right,
    #152982 0%,
    #2e46a6 49%,
    #152982 80%
  );
}

.btn-primary:last-child {
  border-radius: 0px 20px 0px 0px;
}

#toggle-button {
  background-image: linear-gradient(
    to right,
    #152982 0%,
    #2e46a6 49%,
    #152982 80%
  );
  background-position: left center;
  font-family: "Lato", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
  color: #ffffff;
  border-radius: 0px 20px 0px 0px;
  padding: 1% 3% 1% 3%;
}

#toggle-button:hover {
  background-image: linear-gradient(
    to left,
    #152982 0%,
    #2e46a6 49%,
    #152982 80%
  );
}

#job-results .sg-card__body { 
    grid-template-columns: 100% 1fr; 
    min-height: 150px;
}

/* Accordion-/Detail-Styles liegen in gieseke.css (Skin).
   Hier nur Listen-/Tab-Styles, damit border-radius und Listen nicht kollidieren. */