:root {
  --accent: 219, 54%;
  --accent-normal: hsl(var(--accent), 24%);
  --accent-light: hsl(var(--accent), 75%);
  --bs-btn-hover-bg: rgb(122, 139, 182);
  --bs-link-color: rgb(28, 51, 95);
  --bs-link-hover-color: rgb(122, 139, 182);
  --banner-gradient: linear-gradient(0deg, rgb(0, 202, 202) 1%, rgb(0, 220, 220) 49%);
  --bs-body-color: rgb(102, 102, 102);
}
.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(28,51,95,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.5' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.brands {
  display: flex;
}
.navbar-brand.suva {
  position: relative;
}
.navbar-brand.suva img {
  position: absolute;
  bottom: 0;
  height: 1.1em;
}
.hero{
  background: url("../img/banner-suva.cc4d23b034de.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
.hero:before{
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.75) 69%, rgba(255,255,255,1) 100%);
  content:'';
  background-size: cover;
  position: absolute;
  left: 30%;
  top: 0;
  right: 0;
  bottom: 0;  
}
.hero-primary {
  min-height: calc(100vh - var(--top-bar));
  align-content: center;
}
.hero-primary .bottom-anchored {
  margin-bottom: initial;
  text-align: initial;
}
.hero-primary .row{
  position: relative;
  z-index: 10;
}
.hero .row > div:not(.bottom-anchored) {
  background: rgba(255, 255, 255, 0.75);
  padding: var(--div-padding);
  border-radius: 2em;
}
.top-bar {
  border-bottom: 1px solid var(--bs-gray-600);
}
#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 {
  color: inherit;
}
.side-menu .nav-link.active {
  background-color: var(--bs-link-hover-color);
  color: white;
}
.btn-hero-primary {
  background-color: var(--bs-link-color);
  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(--bs-link-color);
  border-color: var(--bs-link-color);
}
.tooltip{
  --bs-tooltip-bg: var(--bs-btn-hover-bg);
}
.inner-panel {
  background: var(--bs-gray-200);
}
select#id_gender option[value=nb] { display: none; }

.stats.panel-head {
  background-color: var(--bs-gray-400) !important;
}
#accounts-stats .row .col:nth-child(2) {
  display: none;
}
@media only screen and (any-hover: hover) {
  .btn-cta:hover {
    color: white;
    border: 1px solid var(--accent-normal);
  }
  .btn-link:hover, .text-link:hover {
    color: var(--bs-link-hover-color);
  }
  .btn-hero-primary:hover {
  background-color: var(--bs-link-hover-color);
  }
  .side-menu .nav-link.active {
    background-color: var(--bs-link-hover-color);
  }
  .side-menu .nav-link:not(.active):hover {
    border-left: 6px solid var(--bs-link-hover-color);
    color: var(--bs-link-hover-color);
  }
}
@media (max-width: 768px) {
  .btn-hero-primary {
    width: 100%;
  }
}