:root {
  --color-white: rgba(255, 255, 255, 1);
  --color-black: rgba(0, 0, 0, 1);
  --color-border: rgba(158, 160, 164, 1);
  --color-background: rgba(244, 246, 252, 1);
  --color-primary: rgba(0, 53, 148, 1);
  --color-primary-light: rgba(0, 130, 153, 0.25);
  --color-secondary: rgb(130, 138, 148);
  --color-body-text: rgba(0, 0, 0, 1);
  --color-interactive: rgba(60, 130, 245, 1);
  --color-state-info: rgba(33, 150, 243, 1);
  --color-state-success: rgba(76, 175, 80, 1);
  --color-state-error: rgba(255, 82, 82, 1);
  --color-state-warning: rgba(251, 140, 0, 1);
  --color-state-highlight: rgba(255, 215, 0, 1);
  --color-state-inactive: rgba(238, 243, 245, 1);
  --color-shadow: rgba(0, 0, 0, 0.07);
  --default-font-size: 1.8rem;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

html {
  font-size: 62.5%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#akteure li.partner {
  text-align: left !important;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.42;
  text-indent: inherit;
}

#akteure .partner-accordion {
  display: block;
  width: 100%;
  list-style: none;
  border-right: 1px solid var(--color-border);
}

#akteure .partner-accordion__element {
  padding: 2rem 2rem 2rem 2rem;
  background-color: #fff;
}

#akteure .partner-accordion__element:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}

#akteure .partner-accordion__element .toggle,
#akteure .partner-accordion__element p {
  font-size: 2rem;
}

#akteure .partner-accordion__element .toggle {
  display: flex;
  text-align: left;
  font-family: inherit;
  background: none;
  border: none;
  width: 100%;
  cursor: pointer;
  align-content: space-between;
  margin-bottom: 1.6rem;
}

#akteure .partner-accordion__element .toggle .partner-meta {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all .3s ease;
  margin-right: 3rem;
  color: var(--color-primary);
}

#akteure .partner-accordion__element .toggle .partner-meta__member {
  font-size: 1.2rem;
  font-weight: 400;
}

#akteure .partner-accordion__element .toggle .partner-meta__member.hide {
  display: none;
}

#akteure .partner-accordion__element .toggle .partner-meta__name {
  font-size: 1.6rem;
  font-weight: 700;
}

#akteure .partner-accordion__element .toggle svg {
  display: block;
  max-width: 2rem;
  min-width: 2rem;
  width: 100%;
  margin-left: auto;
  fill: none;
  stroke: var(--color-primary);
  transition: all .3s ease;
}

#akteure .partner-accordion__element .toggle.active svg {
  transform: rotate(135deg);
}

#akteure .partner-accordion__element .partner-details {
  display: block;
  margin-bottom: 3.2rem;
  /*justify-content: space-between;*/
}

#akteure .partner-accordion__element .partner-description {
  padding-right: 2.4rem;
}

#akteure .partner-accordion__element .partner-description p,
#akteure .partner-accordion__element .partner-description a {
  font-size: 1.6rem;
  color: var(--color-primary);
}

#akteure .partner-accordion__element .partner-description p {
  max-width: 75rem;
  margin-bottom: 2rem;
  position: relative;
}

#akteure .partner-accordion__element .partner-description a {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--color-primary);
}

#akteure .partner-accordion__element .tab-content .partner-circle-position {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
}

#akteure .partner-accordion__element .tab-content .partner-circle-position svg {
  display: block;
  position: relative;
  width: 100%;
  max-width: 40rem;
}

#akteure .partner-accordion__element .tab-content .partner-circle-position::before {
  display: none;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: '';
  width: 84%;
  height: 84%;
  max-width: 34rem;
  max-height: 34rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.8) 55%, rgba(255, 255, 255, 0.8) 100%);
}

#akteure .partner-accordion__element .tab-content .partner-circle-position.active::before {
  display: block;
  visibility: visible;
}

#akteure .partner-accordion__element .tab-content .partner-circle-position svg .st0 {
  fill: #003594;
  opacity: 0.2;
}

#akteure .partner-accordion__element .tab-content .partner-circle-position.active svg .inner-circle {
  opacity: 1;
}

#akteure .partner-accordion__element .tab-content .partner-circle-position svg .st0.active {
  opacity: 1;
}

#akteure .partner-accordion__element .partner-categories {
  margin-top: -0.8rem;
}

#akteure .partner-accordion__element .partner-categories--active .chip__underlay {
  opacity: 1;
}

#akteure .partner-accordion__element .partner-categories--active .chip__content {
  color: var(--color-white);
}

#akteure .chip {
  position: relative;
  display: inline-flex;
  height: 2.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  align-items: center;
  pointer-events: none;
}

#akteure .chip:not(:last-child) {
  margin-right: .4rem;
}

#akteure .chip:not(:first-child) {
  margin-top: 0.8rem;
}

#akteure .chip__underlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background-color: var(--color-primary);
  opacity: .05;
  z-index: 1;
  transition: all 1s ease;
}

#akteure .chip__content {
  display: flex;
  align-items: center;
  text-align: center;
  color: var(--color-primary);
}

#akteure .chip__content svg {
  margin-right: 4px;
}

#akteure .filter-bar {
  display: flex;
  padding: 2rem 2.4rem 2rem 2rem;
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-white);
  z-index: 10;
  align-items: center;
  position: sticky;
  top: 0;
}

#akteure .filter-block {
  margin-left: 2rem;
}

#akteure .filter-wrap {
  display: flex;
  flex-wrap: wrap;
}

#akteure .filter-wrap::-webkit-scrollbar {
  display: none;
}

#akteure .filter-bar .results {
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: auto;
  white-space: nowrap;
}

#akteure .filter-bar .form-group {
  display: flex;
  flex-direction: column;
  min-width: 20rem;
}

#akteure .filter-bar .form-group {
  margin-right: 2rem;
}

#akteure .filter-bar .form-group--search {
  width: 100%;
  max-width: 56.0rem;
}

#akteure .filter-bar .form-group label {
  font-size: 1.2rem;
  color: var(--color-primary);
  margin-bottom: 0.4rem;
  font-weight: 500;
}

#akteure .filter-bar .form-group.form-group--select {
  position: relative;
}

#akteure .filter-bar .form-group.form-group--select:after {
  display: block;
  position: absolute;
  bottom: 1.6rem;
  right: 1.2rem;
  z-index: -1;
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='%23003594'%3E%3Cpath d='M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z' fill='%23003594'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#akteure .filter-bar .form-group input,
#akteure .filter-bar .form-group select {
  border-radius: 0 !important;
  border: 1px solid var(--color-border) !important;
  height: 4.4rem !important;
  padding: 1.2rem 3rem 1.2rem  1.2rem;
  font-weight: 500 !important;
  font-size: 1.5rem !important;
  line-height: 1.2;
  background: transparent !important;
}

#akteure .filter-bar .form-group select {
  outline: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
}

#akteure .filter-bar .form-group select::-ms-expand {
  display: none;
}

#akteure #map {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 0;
}

#akteure #map .jvectormap-container {
  height: 100%;
  max-height: 1000px;
}

#akteure #map .jvectormap-container .jvectormap-zoomin,
#akteure #map .jvectormap-container .jvectormap-zoomout {
  display: none;
}

#akteure {
  margin: 0 auto;
  max-width: 1120px;
  position: relative;
  padding-top: 13.1rem;
}

#akteure .filter-bar {
  position: absolute;
  width: 100%;
  max-width: 112rem;
}

#akteure .filter-bar.sticky {
  position: fixed;
}

#akteure .content-map-wrapper {
  display: flex;
}

#akteure .content-map-wrapper .two-column {
  width: 100%;
  position: relative;
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
  #akteure .content-map-wrapper .two-column {
    width: 50%;
    height: calc(100vh - 15.6rem);
    overflow: hidden;
  }

  #akteure .filter-bar .results {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 890px) {
  #akteure .partner-accordion__element .tab-content .partner-circle-position::before {
    width: 100%;
    height: 100%;
  }
}

#akteure .content-map-wrapper .two-column--left {
  background-color: #f1f1f1;
}

@media only screen and (min-width: 768px) {
  #akteure .content-map-wrapper .two-column--left {
    overflow-y: scroll;
  }
}

#akteure .content-map-wrapper .two-column--right {
  display: none;
}

@media only screen and (min-width: 768px) {
  #akteure .content-map-wrapper .two-column--right {
    display: block;
  }

  #akteure .filter-bar .form-group {
    max-width: 28rem;
  }
}

.jvectormap-tip {
  color: var(--color-primary) !important;
  border: none !important;
  font-family: 'Poppins', sans-serif !important;
  background: #F2F5FA !important;
  position: absolute !important;
  border-radius: 999px !important;
  padding: .4rem 1.2rem !important;
  font-size: 1.2rem !important;
  font-weight: 400;
  align-items: center;
}

#akteure #map .map-info {
  z-index: 3;
  display: none;
  width: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 4px;
  padding: 2rem 2.4rem;
  transform: translate(-50%, -50%);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.4);
}

#akteure #map .map-info h3 {
  font-size: 1.8rem;
}

#akteure #map .map-info p {
  font-size: 1.4rem;
  margin-bottom: 0;
}

#akteure #map button.map-info__close {
  position: absolute;
  display: block;
  top: 2rem;
  right: 2rem;
  background: none !important;
  border: none !important;
}

#akteure #map button.map-info__close svg {
  display: block;
  max-width: 2rem;
  min-width: 2rem;
  width: 100%;
  margin-left: auto;
  fill: none;
  stroke: var(--color-primary);
  transform: rotate(45deg);
}

#akteure .partner-details.tabs .tabs-nav {
  border-radius: 10px;
  background-color: #f5f5f7;
  padding: 0.4rem;
  display: flex;
  list-style: none;
  align-items: stretch;
}

#akteure .partner-details.tabs .tabs-nav li {
  flex-grow: 1;
  width: 50%;
  text-align: center;
}

#akteure .partner-details.tabs .tabs-nav li a.tab-link {
  display: block;
  padding: 1rem;
  border-radius: 8px;
  background-color: transparent;
  color: var(--color-primary);
  text-decoration: none;
  font-size: 1.2rem;
  text-overflow: ellipsis;

}

#akteure .partner-details.tabs .tabs-nav li a.tab-link.tab-link--active {
  background-color: #fff;
  font-weight: 600;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

#akteure .partner-details.tabs .tab-content {
  display: none;
}

#akteure .partner-details.tabs .tab-content--active {
  display: flex;
}