a{
  min-height: 32px;
}

.contrast-invert {
  filter: invert(1);
}

.filter-primary {
  filter: invert(45%) sepia(97%) saturate(5968%) hue-rotate(181deg) brightness(94%) contrast(101%);
}

.filter-white {
  filter: brightness(0) invert(1);
}

.autoComplete_wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
}

.autoComplete_wrapper>input {
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
  background-image: url(/images/suche-lupe-lebenslagen.svg);
  background-size: 3.25rem;
  background-position: right -2rem top 0.75rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  border: none;
}

.autoComplete_wrapper>input::placeholder {
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper>input:hover::placeholder {
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper>input:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
}

.autoComplete_wrapper>input:focus::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_wrapper>input::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_wrapper>input:hover {
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper>input:focus {}

.autoComplete_wrapper>ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: 5.5rem 0 0 0;
  padding: 0.5rem;
  z-index: 1;
  list-style: none;
  border-radius: 0.6rem;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper>ul[hidden],
.autoComplete_wrapper>ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper>ul>li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper>ul>li::before {
  content: '';
  background-image: url(/images/suche-lupe-lebenslagen-black.svg);
  background-size: 2.5rem;
  background-position: right 0rem top 0.3rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  width: 2.5rem;
}

.autoComplete_wrapper>ul>li mark {
  background-color: transparent;
  color: #0098d4;
  font-weight: bold;
}

.autoComplete_wrapper>ul>li:hover {
  cursor: pointer;
  background-color: rgba(122, 186, 255, 0.15);
}

.autoComplete_wrapper>ul>li[aria-selected="true"] {
  background-color: rgba(122, 180, 255, 0.15);
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper>input {
    width: 18rem;
  }
}

.custom-swiper-button {
  width: 39px;
  height: 39px;
}

.custom-swiper-button-next {
  background: url('../images/swiper/arrow-right-active.svg');
  transform: none;
}

.custom-swiper-button-next.swiper-button-disabled {
  background: url('../images/swiper/arrow-left-inactive.svg');
  transform: rotate(180deg);
}

.custom-swiper-button-prev {
  background: url('../images/swiper/arrow-right-active.svg');
  transform: rotate(180deg);
}

.custom-swiper-button-prev.swiper-button-disabled {
  background: url('../images/swiper/arrow-left-inactive.svg');
  transform: none;
}

.custom-swiper-button-footer-next {
  background: url('../images/swiper/arrow-right-active-blue.svg');
  transform: none;
}

.custom-swiper-button-footer-next.swiper-button-disabled {
  background: url('../images/swiper/arrow-left-inactive.svg');
  transform: rotate(180deg);
}

.custom-swiper-button-footer-prev {
  background: url('../images/swiper/arrow-right-active-blue.svg');
  transform: rotate(180deg);
}

.custom-swiper-button-footer-prev.swiper-button-disabled {
  background: url('../images/swiper/arrow-left-inactive.svg');
  transform: none;
}

.custom-location-button {
  padding: 8px 22px;
  background-color: #F2F9FC;
  color: #007EB5;
  border: 1px solid #007EB5;
  transform: none;
  border-radius: 20px;
  font-family: Roboto;
  font-size: 16px;
}

.custom-location-button:hover {
  color: #FFFFFF;
  background-color: #007EB5;
}

.custom-loc-accordeon-mobile {
  background: url('../images/arrow-down-blue.svg');
  /* width: 20px;
    height: 20px; */
}

.custom-loc-accordeon-opened-mobile {
  background: url('../images/arrow-up-1-blue.svg');
  /* width: 20px;
    height: 20px; */
}

.custom-loc-suggest-accordeon-mobile {
  background: url('../images/arrow-down.svg');
}

.custom-loc-suggest-accordeon-opened-mobile {
  background: url('../images/arrow-up-1-blue.svg');
}

.searchglass {
  background: url('../images/search-glass.svg');
  width: 20px;
  height: 20px;
}

.searchglass-white {
  background: url('../images/searchglass-white.svg');
  background-size: 1.2rem;
  background-position: left 1rem top 0.6rem;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.searchglass-results-hover:hover img {
  filter: brightness(0%);
}

.tint-white {
  filter: invert(100%) sepia(30%) saturate(25%) hue-rotate(58deg) brightness(104%) contrast(107%);
  -webkit-filter: invert(100%) sepia(30%) saturate(25%) hue-rotate(58deg) brightness(104%) contrast(107%);
}

.tint-primary {
  filter: invert(37%) sepia(30%) saturate(2801%) hue-rotate(168deg) brightness(93%) contrast(101%);
  -webkit-filter: invert(37%) sepia(30%) saturate(2801%) hue-rotate(168deg) brightness(93%) contrast(101%);
}

.tint-white-hover:hover img {
  filter: invert(100%) sepia(30%) saturate(25%) hue-rotate(58deg) brightness(104%) contrast(107%);
  -webkit-filter: invert(100%) sepia(30%) saturate(25%) hue-rotate(58deg) brightness(104%) contrast(107%);
}

.tint-primary-hover:hover img {
  filter: invert(37%) sepia(30%) saturate(2801%) hue-rotate(168deg) brightness(93%) contrast(101%);
  -webkit-filter: invert(37%) sepia(30%) saturate(2801%) hue-rotate(168deg) brightness(93%) contrast(101%);
}

.tint-menu-lightblue {
  filter: invert(94%) sepia(13%) saturate(104%) hue-rotate(167deg) brightness(102%) contrast(98%);
  -webkit-filter: invert(94%) sepia(13%) saturate(104%) hue-rotate(167deg) brightness(102%) contrast(98%);
}

.tint-menu-lightblue-hover:hover img {
  filter: brightness(0) saturate(100%) invert(35%) sepia(41%) saturate(2940%) hue-rotate(173deg) brightness(86%) contrast(101%);
}

.home>input,
.home>ul>li {
  background-image: url(/images/home-pin.svg);
  background-size: 1.5rem;
  background-position: left 0.5rem top 0.5rem;
  background-repeat: no-repeat;
}

.tooltip-enabled {
  position: relative;
}

.speakerButton::after,
.fontButton::after,
.contrastButton::after,
.tooltip-enabled::after {
  content: attr(data-tooltip);
  width: 120px;
  top: 30px;
  left: -5px;
  background-color: #0098d4;
  color: #fff;
  text-align: center;
  font-size: small;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  display: none;
  z-index: 10;
}

@media (min-width: 768px) {
  .tooltip-enabled::after {
    font-size: medium;
  }
}

.speakerButton:hover::after,
.fontButton:hover::after,
.contrastButton:hover::after,
.tooltip-enabled:hover::after {
  display: block;
}

[type='checkbox']:checked {
  color: #007EB5;
}

[type='radio']:checked {
  color: white !important;
  border-color: #007EB5 !important;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='%23007EB5' cx='12' cy='12' r='6.5'/%3e%3c/svg%3e") !important;
}

.base-font-big {
  font-size: 20px;
}
.text-basebig {
  line-height: 32px;
}
.accordion-arrow {
  background: url('../images/arrow-down.svg');
}

.custom-toggle-all-accordions {
    background-image: url('../images/double-arrow-down.svg');
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .custom-toggle-all-accordions {
    background-size: 20px 20px;
  }
}

.custom-close-all-accordions {
  background: url('../images/double-arrow-up.svg');
}

.accordion-expanded .accordion-content {
  display: flex;
}

.accordion-expanded .accordion-arrow {
  background: url('../images/arrow-up-1-blue.svg');
}

.accordion-expanded .accordion-toggle {
  padding-bottom: 0px;
}

.accordions-all-open {
  background: url('../images/double-arrow-up.svg');
  background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .accordions-all-open {
    background-size: 20px 20px;
  }
}

.button-lock:not(:hover) {
  filter: invert(1);
}

.button-lock:hover {
  filter: brightness(0) saturate(100%) invert(35%) sepia(41%) saturate(2940%) hue-rotate(173deg) brightness(86%) contrast(101%);
}

@media (min-width: 768px) {
  .search-toggle-icon-active img {
    size: 20px;
  }
}
.search-toggle-icon-active img {
  margin: auto;
  size: 12px;

  @media (min-width: 768px) {
    size: 20px;
  }

  content: url('../images/search-icon-blue.svg');
}


/* Filter-Dropdowns */

.filter-dropdown-arrow {
  background: url('../images/pfeil-rechts.svg');
  width: 12px;
  background-repeat: no-repeat;
}

.filter-dropdown-expanded .filter-dropdown-content {
  display: block;
}

.filter-dropdown-expanded .filter-dropdown-arrow {
  background: url('../images/arrow-down-blue.svg');
  background-repeat: no-repeat;
}

.filter-dropdown-expanded .filter-dropdown-toggle {
  padding-bottom: 0px;
}

/* End Filter-Dropdowns */

.tint-white-hover-img:hover img {
  filter: brightness(0) invert(1);
}


/* Collapsible Lists */


.collapsible-list-expanded>.collapsible-list-children {
  display: flex;
}

.collapsible-list-expanded>div>div>.collapsible-list-widget img {
  content: url('../images/minus.svg');
}


.collapsible-list-toggle-all img {
  content: url('../images/ausklappen.svg');
}

.collapsible-list-all-open img {
  content: url('../images/einklappen-1.svg');
}

div.collapsible-list-title{
  min-height: 32px;
  line-height: 32px;
}
a{
  display: inline-block;
  min-height: 32px;
  line-height: 32px;
}