/*

--ansprechpartner-background-color
--ansprechpartner-photo-max-width

--ansprechpartner-name-color
--ansprechpartner-name-margin-bottom
--ansprechpartner-name-font-size
--ansprechpartner-name-line-height
--ansprechpartner-name-font-weight

--ansprechpartner-details-color
--ansprechpartner-details-font-size
--ansprechpartner-details-line-height
--ansprechpartner-details-font-weight
--ansprechpartner-details-margin-bottom
--ansprechpartner-details-padding

*/
.ansprechpartner-container {
  position: relative;
  display: flex;
  background-color: var(--ansprechpartner-background-color);
  padding: var(--ansprechpartner-container-padding, 0);
  margin: var(--ansprechpartner-container-margin, 0);
  width: 100%;
}
.ansprechpartner-container .ansprechpartner-photo-container {
  display: var(--ansprechpartner-photo-container-display, block);
  width: auto;
  max-width: var(--ansprechpartner-photo-max-width);
}
.ansprechpartner-container .ansprechpartner-photo-container * {
  display: block;
}
.ansprechpartner-container .ansprechpartner-photo-container .ansprechpartner-photo {
  display: block;
  width: auto;
  max-width: 250px;
}
.ansprechpartner-container .ansprechpartner-details-container {
  display: flex;
  flex-direction: column;
  justify-content: var(--ansprechpartner-details-container-justify-content, center);
  align-items: center;
  width: calc(100% - var(--ansprechpartner-photo-max-width));
  min-width: var(--ansprechpartner-details-container-min-width, none);
  max-width: var(--ansprechpartner-details-container-max-width, none);
  background-color: var(--ansprechpartner-details-container-background-color, none);
  box-shadow: var(--ansprechpartner-details-container-box-shadow, none);
  padding: var(--ansprechpartner-details-container-padding, 5px 20px 5px 20px);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail {
  display: block;
  width: 100%;
  border: none;
  background-color: var(--ansprechpartner-details-background-color);
  color: var(--ansprechpartner-details-color, var(--p-color));
  font-family: var(--ansprechpartner-details-font-family, var(--p-font-family, var(--primary-font)));
  padding: var(--ansprechpartner-details-padding, 0);
  margin-bottom: var(--ansprechpartner-details-margin-bottom, 0);
  font-size: var(--ansprechpartner-details-font-size, var(--p-font-size));
  line-height: var(--ansprechpartner-details-line-height, var(--p-line-height));
  font-weight: var(--ansprechpartner-details-font-weight, var(--p-font-weight));
  -webkit-text-decoration: var(--ansprechpartner-details-text-decoration, var(--p-text-decoration));
          text-decoration: var(--ansprechpartner-details-text-decoration, var(--p-text-decoration));
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-name {
  order: var(--ansprechpartner-detail-name-order);
  font-family: var(--ansprechpartner-name-font-family, var(--ansprechpartner-details-font-family, var(--p-font-family)));
  color: var(--ansprechpartner-name-color, var(--ansprechpartner-details-color, var(--p-color)));
  margin-top: var(--ansprechpartner-name-margin-top, var(--ansprechpartner-details-margin-top));
  margin-right: var(--ansprechpartner-name-margin-right, var(--ansprechpartner-details-margin-right));
  margin-bottom: var(--ansprechpartner-name-margin-bottom, var(--ansprechpartner-details-margin-bottom, 10px));
  margin-left: var(--ansprechpartner-name-margin-left, var(--ansprechpartner-details-margin-left));
  font-size: var(--ansprechpartner-name-font-size, var(--ansprechpartner-details-font-size, var(--p-font-size)));
  line-height: var(--ansprechpartner-name-line-height, var(--ansprechpartner-details-line-height, var(--p-line-height)));
  font-weight: var(--ansprechpartner-name-font-weight, var(--ansprechpartner-details-font-weight, 700));
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail .ansprechpartner-detail-position {
  display: block;
  font-family: var(--ansprechpartner-position-font-family, var(--ansprechpartner-details-font-family, var(--p-font-family, var(--primary-font))));
  color: var(--ansprechpartner-position-color, var(--ansprechpartner-details-color, var(--p-color)));
  margin-top: var(--ansprechpartner-position-margin-top, 0);
  margin-right: var(--ansprechpartner-position-margin-right, var(--ansprechpartner-details-margin-right));
  margin-bottom: var(--ansprechpartner-position-margin-bottom, 0);
  margin-left: var(--ansprechpartner-position-margin-left, var(--ansprechpartner-details-margin-left));
  font-size: var(--ansprechpartner-position-font-size, var(--ansprechpartner-details-font-size, var(--p-font-size)));
  font-style: var(--ansprechpartner-position-font-style, var(--ansprechpartner-details-font-style, italic));
  line-height: var(--ansprechpartner-position-line-height, var(--ansprechpartner-details-line-height, var(--p-line-height)));
  font-weight: var(--ansprechpartner-position-font-weight, var(--ansprechpartner-details-font-weight, var(--p-font-weight)));
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-phone, .ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-phone_2 {
  order: var(--ansprechpartner-detail-phone-order);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-phone:before, .ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-phone_2:before {
  content: var(--ansprechpartner-detail-phone-before-content, "T: ");
  font-size: var(--ansprechpartner-detail-phone-before-font-size, var(--p-font-size));
  font-weight: var(--ansprechpartner-detail-phone-before-font-weight, var(--p-font-weight));
  font-family: var(--ansprechpartner-detail-phone-before-font-family, var(--primary-font));
  margin: var(--ansprechpartner-detail-phone-before-margin, 0);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-mobile {
  order: var(--ansprechpartner-detail-mobile-order);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-mobile:before {
  content: var(--ansprechpartner-detail-mobile-before-content, "T: ");
  font-size: var(--ansprechpartner-detail-mobile-before-font-size, var(--p-font-size));
  font-weight: var(--ansprechpartner-detail-mobile-before-font-weight, var(--p-font-weight));
  font-family: var(--ansprechpartner-detail-mobile-before-font-family, var(--primary-font));
  margin: var(--ansprechpartner-detail-mobile-before-margin, 0);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-fax {
  order: var(--ansprechpartner-detail-fax-order);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-fax:before {
  content: var(--ansprechpartner-detail-fax-before-content, "F: ");
  font-size: var(--ansprechpartner-detail-fax-before-font-size, var(--p-font-size));
  font-weight: var(--ansprechpartner-detail-fax-before-font-weight, var(--p-font-weight));
  font-family: var(--ansprechpartner-detail-fax-before-font-family, var(--primary-font));
  margin: var(--ansprechpartner-detail-fax-before-margin, 0);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-mail {
  order: var(--ansprechpartner-detail-mail-order);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-mail:before {
  content: var(--ansprechpartner-detail-mail-before-content, "M: ");
  font-size: var(--ansprechpartner-detail-mail-before-font-size, var(--p-font-size));
  font-weight: var(--ansprechpartner-detail-mail-before-font-weight, var(--p-font-weight));
  font-family: var(--ansprechpartner-detail-mail-before-font-family, var(--primary-font));
  margin: var(--ansprechpartner-detail-mail-before-margin, 0);
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail:last-of-type:not(.ansprechpartner-detail-name):not(.ansprechpartner-detail-position) {
  margin-bottom: 0;
}
.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-more {
  display: var(--ansprechpartner-detail-more-display, block);
}
.ansprechpartner-container .edit-ansprechpartner {
  border-radius: 50%;
  background-color: #fff;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  opacity: 0.35;
  transition: all 0.3s;
}
.ansprechpartner-container .edit-ansprechpartner:hover {
  opacity: 1;
}
.ansprechpartner-container .edit-ansprechpartner .fa-edit {
  color: #000;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
}
.ansprechpartner-container.show-vertical {
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0);
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container {
  width: 100%;
  padding: 25px 0 0 0;
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail {
  background-color: rgba(255, 255, 255, 0);
  display: block;
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail:not(.ansprechpartner-detail-name) {
  color: var(--p-color, var(--text-color));
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-position {
  margin: 5px 0 0;
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-name {
  margin-bottom: var(--ansprechpartner-vertical-detail-name-margin-bottom, 10px);
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-more {
  margin: 20px 0 0;
}
.ansprechpartner-container.show-vertical .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-more b {
  color: var(--primary-color);
}
@media (max-width: var(--ansprechpartner-phablet-breakpoint, var(--phablet-breakpoint))) {
  .ansprechpartner-container.show-horizontal {
    flex-direction: column;
  }
  .ansprechpartner-container.show-horizontal .ansprechpartner-details-container {
    padding-left: var(--ansprechpartner-details-container-phablet-padding-left, 0);
  }
}
.ansprechpartner-container.show-horizontal .ansprechpartner-photo-container {
  width: var(--ansprechpartner-horizontal-photo-width, 40%);
  min-width: var(--ansprechpartner-horizontal-photo-min-width, 40%);
}
.ansprechpartner-container.has-no-photo .ansprechpartner-details-container {
  width: 100%;
}

.ansprechpartner-outer-wrapper.aligned.align-center .ansprechpartner-container {
  justify-content: center;
}

.ansprechpartner-photo-container {
  position: relative;
  width: var(--ansprechpartner-photo-max-width);
}
.ansprechpartner-photo-container #ansprechpartner-photo {
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
}
.ansprechpartner-photo-container #ansprechpartner-photo-reset {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.ansprechpartner-container .ansprechpartner-details-container .ansprechpartner-detail.ansprechpartner-detail-more {
  display: block !important;
}

body.wp-admin.wp-core-ui .ansprechpartner-details-container {
  color: #333333;
}