#communityMapTable tbody{
  border: none;
  background-color: inherit;
}
.community-map-table-row{
  cursor: pointer;
}
.community-map-table-row td{
  vertical-align: middle;
}
.community-map-table-row img, .community-map-table-row svg{
  max-height: 50px;
  object-fit: contain;
}
.community-map-table-row.table-active{
  --bs-table-color-state: var(--bs-primary);
  --bs-table-bg-state: var(--bs-light);
  outline: 1px solid var(--bs-primary);
}
.community-map-table-row.table-active:hover, .community-map-table-row.table-active:hover td{
  color: inherit;
  background-color: inherit;
}

.map-wrapper-google-map.active {
  aspect-ratio: 2.3333333333;
  margin-bottom: 50px;
  width: 100%;
}
.map-wrapper-google-map.anker {
  position: sticky;
  top: 10svh;
}
.map-wrapper-google-map #communityMapGoogle {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.map-wrapper-google-map #communityMapGoogle .info-window {
  display: flex;
  color: #000;
  padding: 15px;
}
.map-wrapper-google-map #communityMapGoogle .info-window img {
  margin-right: 20px;
}
.map-wrapper-google-map #communityMapGoogle .info-window .show-profil {
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 1.4;
  text-rendering: optimizeLegibility;
}
.map-wrapper-google-map #communityMapGoogle .info-window .show-profil:after {
  content: "\f054";
  position: relative;
  top: 0;
  left: 4px;
  font-family: FontAwesome;
  display: inline-block;
}
.map-wrapper-google-map #communityMapGoogle .gm-style-iw-t {
  border-radius: 0 !important;
}
.map-wrapper-google-map #communityMapGoogle .gm-style-iw-t * {
  border-radius: 0 !important;
  min-height: fit-content !important;
  max-height: fit-content !important;
}
.map-wrapper-google-map #communityMapGoogle .gm-style-iw-chr button {
  background: red !important;
}
.community-table-wrapper {
  overflow: auto;
}
.community-list {
  margin-bottom: 10vh;
}
.frame-bg-community {
  color: #fff;
}
.frame-bg-community label {
  color: #fff;
}
.community-profil-container {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-areas: "logo" "details" "image1" "image2" "image3" "headline" "textleft" "buttonedit" "buttonvisible";
  background-color: #fff;
  padding: 50px 30px;
  color: #000;
}
.community-profil-container .dummy {
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, .1);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 986px) {
  .community-profil-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-areas: "logo logo details details details details" "logo logo details details details details" "image1 image1 image2 image2 image3 image3" "image1 image1 image2 image2 image3 image3" "headline headline headline headline headline headline" "textleft textleft textleft textleft textleft textleft" "buttonedit buttonedit buttonedit buttonvisible buttonvisible buttonvisible";
  }
}
.community-profil-container.edit {
  grid-template-rows: auto auto 300px auto auto auto auto;
}
.community-profil-container.edit input, .community-profil-container.edit textarea {
  outline: 1px solid #009fe3;
}
.community-profil-container .logo-community-profil {
  grid-area: logo;
}
.community-profil-container .details {
  font-size: 20px;
  grid-area: details;
}
.community-profil-container .details h1 {
  word-break: auto-phrase;
  font-family: "KnaufScreen";
  font-size: 41px;
}
.community-profil-container .details span {
  margin-right: 5px;
}
.community-profil-container .details div {
  line-height: 1.15;
  font-size: 24px;
}
.community-profil-container .image1 {
  grid-area: image1;
}
.community-profil-container .image1 img {
  height: 100%;
  width: 100%;
}
.community-profil-container .image2 {
  grid-area: image2;
}
.community-profil-container .image2 img {
  height: 100%;
  width: 100%;
}
.community-profil-container .image3 {
  grid-area: image3;
}
.community-profil-container .image3 img {
  height: 100%;
  width: 100%;
}
.community-profil-container .headline {
  grid-area: headline;
  text-transform: uppercase;
}
.community-profil-container .headline h1 {
  word-break: auto-phrase;
  font-size: 36px;
}
.community-profil-container .textleft {
  grid-area: textleft;
  text-align: justify;
}
.community-profil-container .textleft:not(.editd) {
  column-count: 2;
  column-gap: 40px;
  word-break: auto-phrase;
  text-align: justify;
}
.community-profil-container .buttonedit {
  grid-area: buttonedit;
}
.community-profil-container .buttonvisible {
  grid-area: buttonvisible;
}
.community-profil-container .buttonvisible .btn-success:hover {
  color: #000;
}
#communityProfileModal .close-button {
  font-size: 70px;
  color: #efefef;
}
.userdata {
  cursor: pointer;
}
#btnFEManagerShow {
  margin-top: 20px;
}
.frame-bg-community-white {
  background-color: #fff;
  color: #000;
}
.frame-bg-community-white a {
  color: inherit;
}
.slim {
  height: 100%;
  max-height: 421px;
}
.slim-btn {
  background-color: rgba(0, 159, 227, .6) !important;
}
.profilimage-slim-form-wrapper {
  max-width: 320px;
  max-height: 320px;
}
.profilimage-slim-form-wrapper .slim-profilimage {
  min-width: 320px;
  min-height: 320px;
}
#userprofileimage {
  height: 100%;
  width: 100%;
  max-height: 320px;
  max-width: 320px;
}
.profileheadline {
  padding: 10px;
}
.gm-style-iw, .gm-style-iw-d {
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.user-map-marker {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.user-map-marker.active{
  z-index: 9090;
}
.user-map-marker .headline{
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  transition: all 0.3s ease-in-out;
  background-color: var(--bs-dark);
  text-transform: uppercase;
  font-size: 0;
}
.user-map-marker.active .headline{
  opacity: 1;
  visibility: visible;
  padding: 0.5rem 1rem;
  width: fit-content;
  height: fit-content;
  font-size: larger;
}
.user-map-marker img{
  transition: all 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  width: 20px;
  height: 20px;
  display: block;
}
.user-map-marker.active img{
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}
.reveal-overlay{
  background-color: rgba(0,0,0,0.5);
}
.detail-column{
  color: transparent !important;
}
.detail-column.active{
  color: var(--bs-dark) !important;
}
.community-map-table-row:hover .detail-column.active{
  color: var(--bs-light) !important;
}
.dt-column-title{
  cursor: pointer;
}