.relative {
  position: relative
}

.bottom-0 {
  bottom: 0px
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.grid {
  display: grid
}

.h-72 {
  height: 18rem
}

.w-72 {
  width: 18rem
}

.w-full {
  width: 100%
}

.max-w-full {
  max-width: 100%
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.gap-2 {
  gap: 0.5rem
}

.bg-cover {
  background-size: cover
}

.bg-center {
  background-position: center
}

.bg-no-repeat {
  background-repeat: no-repeat
}

.text-center {
  text-align: center
}

ul[data-select-trigger] {
  list-style: none;
  margin: 0;
  padding: 0
}

ul[data-select-trigger] li {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #eee;
  background: none;
}

.mitarbeiterTitle {
  background: #0070a4;
  color: #ffffff;
  bottom: 37px;
  position: relative;
  display: block;
  padding: 0.5rem;
}

.mitarbeiter {
  position: relative
}

.mitarbeiter .closedContact .ma-content {
  display: none;
  visibility: hidden;
  position: relative;
  bottom: 0;
}

.mitarbeiter .openContact .ma-content {
  position: absolute;
  bottom: 73px;
  margin-bottom: 0.25rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity))
}

.mitarbeiter .openContact .maImage {
  opacity: 0.4
}

@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (min-width: 768px) {
  .md\:w-full {
    width: 100%
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}