:root {
  --crm-font-size-search-result-practitioners: 14px;
}
#crm-aerzte-und-apotheker-section input:focus,
#crm-aerzte-und-apotheker-section button:focus {
  outline: max(2px, 0.15em) solid var(--crm-new-blue);
  outline-offset: max(2px, 0.15em);
}

.crm-practitioner-info-box-container a:focus {
  outline: max(2px, 0.15em) solid var(--crm-new-blue);
  outline-offset: max(2px, 0.15em);
}

h1.crm-aerzte-und-apotheker,
h2.crm-aerzte-und-apotheker,
h3.crm-aerzte-und-apotheker {
  font-size: 32px;
  margin-bottom: 32px;
  margin-top: 32px;
}

#crm-aerzte-und-apotheker-search-input-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 32px;
  isolation: isolate;
  width: 853px;
  height: 92px;
}

#crm-aerzte-und-apotheker-search-results-active-filters-container {
  display: flex;
  flex-direction: row;
  gap: 32px;
}

.crm-aerzte-und-apotheker-active-filters-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.crm-aerzte-und-apotheker-active-filters-clear {
  border: none;
  background: none;
  text-decoration: underline;
  cursor: pointer;
}

.active-filter-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--crm-thieme-dunkelblau);
  border-radius: 6px;
  padding: 8px;
  gap: 8px;
  cursor: pointer;
}

#crm-aerzte-und-apotheker-search-results-filter-profession-type {
  margin-bottom: 32px;
}

#crm-practitioners-search-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 32px;
  width: 1312px;
}

#crm-aerzte-und-apotheker-filter-container-outer {
  display: flex;
  padding: 0px;
  gap: 32px;
}

#crm-aerzte-und-apotheker-section .crm-input {
  max-width: 460px;
}

/* Search result styles */
.crm-practitioners-search-result {
  background-color: var(--crm-sky-01);
  padding: 0;
  display: flex;
  justify-content: flex-start;
}

div.crm-practitioner-info-box-container {
  width: 656px;
  padding: 0;
  display: flex;
}

.crm-practitioners-search-result * {
  font-family: "CRM Argo";
  font-size: var(--crm-font-size-search-result-practitioners);
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  font-family: "CRM Argo";
}

.crm-icon-and-text {
  display: flex;
  align-items: center;
  gap: 8px;
}

.crm-practitioner-info-box-profile {
  width: 350px;
}

.crm-practitioner-info-box-profile-label-container {
  height: 80px;
}

.crm-practitioner-category-label {
  background: var(--crm-new-blue);
  color: var(--crm-text-dark-01);
  border-radius: 0;
  width: max-content;
  padding: 8px;
  font-weight: 700;
  height: min-content;
}

h3.crm-practitioner-profile-name {
  font-size: var(--crm-font-size-bigger);
  margin-left: var(--crm-search-result-padding-sides);
  font-style: normal;
  font-weight: 300;
  line-height: 30px;
  color: var(--crm-text-dark-01);
  margin-top: 0px;
  margin-bottom: 8px;
}

.crm-practitioner-profile-professional-field {
  color: var(--crm-text-dark-01);
  margin-left: var(--crm-search-result-padding-sides);
  margin-top: 8px;
  margin-bottom: 8px;
}

.crm-practitioner-profile-institution {
  color: var(--crm-text-dark-01);
  margin-left: var(--crm-search-result-padding-sides);
  margin-top: 8px;
  margin-bottom: 8px;
}

.crm-practitioner-info-box-contact-container {
  border-left: 3px solid white;
  width: 434px;
  margin-left: calc(var(--crm-search-result-padding-sides) / 2);
  padding-left: 40px;
  margin-right: calc(var(--crm-search-result-padding-sides) / 2);
  margin-top: var(--crm-search-result-padding-vertical);
  margin-bottom: var(--crm-search-result-padding-vertical);
}

.crm-practitioner-info-box-contact-address-container {
  margin-bottom: 10px;
}

.crm-practitioner-info-box-contact-address-distance {
  color: var(--crm-text-dark-02);
}

.crm-practitioner-info-box-contact-phone {
  color: var(--crm-text-dark-01);
}

.crm-practitioner-info-box-contact-mail {
  color: var(--crm-text-dark-01);
}

.crm-practitioner-info-box-contact-address {
  width: 273px;
  color: var(--crm-text-dark-01);
}

div.crm-practitioner-info-box-certification-container {
  border-left: 3px solid white;
  width: 434px;
  margin-left: calc(var(--crm-search-result-padding-sides) / 2);
  padding-left: 40px;
  margin-right: calc(var(--crm-search-result-padding-sides) / 2);
  margin-top: var(--crm-search-result-padding-vertical);
  margin-bottom: var(--crm-search-result-padding-vertical);
}

.crm-practitioner-info-box-certification-header {
  color: black;
  margin: 0;
  margin-bottom: 8px;
}

.crm-practitioner-info-box-certification {
  margin: 0;
  padding: 0;
  padding-left: 30px;
  margin-left: 8px;
  color: var(--crm-text-dark-01);
}

.crm-practitioner-info-box-homepage-link-container {
  margin-top: var(--crm-search-result-padding-vertical);
  margin-bottom: var(--crm-search-result-padding-vertical);
  border-left: 3px solid white;
  margin-left: var(--crm-search-result-padding-sides);
  margin-right: var(--crm-search-result-padding-sides);
  display: flex;
  align-items: center;
}

.crm-practitioner-info-box-homepage-link {
  margin-left: 40px;
}

@media screen and (max-width: 700px) {
  #crm-aerzte-und-apotheker-search-input-container {
    width: fit-content;
    height: unset;
    flex-direction: column;
    align-items: unset;
  }

  #crm-practitioners-search-results {
    width: unset;
    align-items: flex-start;
  }

  .crm-practitioners-search-result {
    flex-direction: column;
  }

  div.crm-practitioner-info-box-container {
    max-width: 311px;
    flex-direction: column;
  }
  div.crm-practitioner-info-box-homepage-link-container,
  div.crm-practitioner-info-box-contact-container,
  div.crm-practitioner-info-box-certification-container {
    border: none;
    width: unset;

    padding-left: 0;
    padding-bottom: 20px;
    margin-left: 26px;
    margin-right: 26px;
    margin-bottom: 0;
  }

  div.crm-practitioner-info-box-certification-container,
  div.crm-practitioner-info-box-contact-container {
    border-bottom: 3px solid white;
  }

  div.crm-practitioner-info-box-homepage-link-container {
    justify-content: center;
  }

  .crm-practitioner-info-box-homepage-link {
    margin-left: 0;
  }

  .crm-practitioner-info-box-profile {
    padding-top: 20px;
    width: unset;
  }

  .crm-practitioner-info-box-profile-label-container {
    display: none;
  }
}

@media screen and (max-width: 1400px) {
  .crm-practitioners-search-result {
    flex-direction: column;
  }

  div.crm-practitioner-info-box-contact-container,
  div.crm-practitioner-info-box-certification-container,
  div.crm-practitioner-info-box-homepage-link-container {
    border-left: unset;
  }
  #crm-practitioners-search-results {
    align-items: baseline;
  }

  div.crm-practitioner-info-box-container {
    padding-bottom: 12px;
    border-bottom: 3px solid white;
  }
  #crm-aerzte-und-apotheker-filter-container-outer {
    flex-direction: column;
  }
  div.crm-select-input-container-wrapper,
  div.crm-aerzte-und-apotheker-select-input-container-wrapper,
  div.crm-aerzte-und-apotheker-select-profession-container {
    width: 90vw;
    max-width: 460px;
  }
}

@media screen and (max-width: 700px) {
  div.crm-practitioner-info-box-container {
    border-bottom: unset;
  }

  div.crm-practitioner-info-box-container {
    max-width: 90vw;
  }
}