:root {
/*   --main-color: rgb(128, 128, 128);
  --btn-color: rgb(108, 71, 150); */
  --accent:268, 36%;
  --accent-normal: hsl(var(--accent), 45%);
  --accent-light: hsl(var(--accent), 75%);
  --bs-btn-hover-bg: rgb(107, 71, 150);
  --bs-link-color: rgb(108, 71, 150);
  --banner-gradient: linear-gradient(43deg, rgb(108, 71, 150) 22%, rgb(177, 130, 231) 49%, rgb(108, 71, 150) 75%);
  --banner-gradient2: linear-gradient(43deg, rgba(43,66,107,1) 0%, rgba(33,101,149,1) 22%, rgba(0,159,227,1) 49%, rgba(24,124,171,1) 75%, rgba(43,66,107,1) 100%);
}
.custom-toggler.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(108,71,150,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.hero{
  background-image: var(--banner-gradient);
}
#tandem-method {
  background-image: var(--banner-gradient);
}
#tandem-why .panel h1, #privacy .panel :is(h1, h2), #impressum .panel :is(h1, h2), #contact .panel h1, #edu-partners .panel :is(h1, h2, h3) {
  color: var(--accent-normal);
}
#tandem-meet .col img {
  max-height: 6em;
}
.edu-partner:not(:first-of-type) {
  margin-top: 2rem;
  border-top: 1px solid var(--bs-gray-200);
  padding-top: 2rem;
}
.edu-partner .col-md-2{
  text-align: center;
}
.edu-partner .img-fluid{
  max-height: 100px;
}
.side-menu .nav-link.active {
  background-color: var(--accent-normal);
  color: white;
}
.btn-cta {
  background-color: var(--bs-link-color);
}
.text-link {
  color: var(--bs-link-color);
}
label.required::after {
  color: var(--accent-normal);
}
.form-check-input:checked {
  background-color: var(--accent-normal);
  border-color: var(--accent-normal);
}
.tooltip {
  --bs-tooltip-bg: var(--bs-btn-hover-bg);
}
@media only screen and (any-hover: hover) {
  .btn-cta:hover {
    color: white;
  }
}
@media only screen and (width <= 576px){
  .edu-partner .img-fluid{
    max-width: 60%;
  }
}
@media only screen and (width <= 1024px) {
  #edu-partners h1 {
    text-align: left;
  }
}