@charset "UTF-8";
#hygel-content-wrapper {
  width: 100%;
  max-width: 1150px;
  display: inline-block;
  text-align: left;
}

.categoryselect {
  margin-top: 51px;
  margin-bottom: 20px;
  top: 1005px;
  left: 377px;
  width: 270px;
  height: 40px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #22418C;
  border-radius: 0px;
  opacity: 1;
}

.catalog-welcome {
  padding: 50px;
  text-align: center;
}

.hygel-service.content {
  text-align: center;
}
.hygel-service .post h1 {
  margin: 0px 0px 21px 0px;
  color: #22418C;
  text-align: left;
  font: Bold 40px/48px Gothic A1;
  letter-spacing: 0;
  color: #22418C;
  opacity: 1;
}
.hygel-service .post-content .last-updated {
  text-align: right;
}
.hygel-service .post-content h2 {
  margin: 30px 0px 10px 0px;
  text-align: left;
  font: Bold 20px/28px Gothic A1 !important;
  letter-spacing: 0;
  color: #22418C;
  opacity: 1;
}
.hygel-service .post-content .microbiology hr {
  color: #ee7d11;
  border: none;
  border-top: 1px solid;
  margin-bottom: 20px;
}
.hygel-service .post-content .microbiology h2 {
  color: #ee7d11 !important;
  font-size: 20px !important;
  margin-bottom: 5px;
  margin-top: 5px;
}
.hygel-service .post-content .microbiology h3 {
  color: #22418C !important;
  font-size: 16px !important;
}
.hygel-service .post-content .microbiology .preanalytic-element {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #22418C;
}
.hygel-service .post-content .hidden {
  display: none;
}
.hygel-service .post-content .toggle-head {
  cursor: pointer;
}
.hygel-service .post-content table {
  border: 1px solid #22418C;
  border-top-width: 3px;
  color: #22418C;
  width: 100%;
}
.hygel-service .post-content table tr th {
  border: 1px solid #22418C;
}
.hygel-service .post-content table tr th:first-child {
  font-size: 14px;
  text-align: left;
  line-height: 27px;
  font-weight: bold;
  padding: 0 15px;
}
.hygel-service .post-content table tr:nth-child(odd) {
  background-color: #FFFFFF;
}
.hygel-service .post-content table tr:nth-child(even) {
  background-color: #EEEEEE;
}
.hygel-service .post-content table tr:first-child {
  background-color: #BFBFBF;
}
.hygel-service .post-content table tr:first-child th:first-child {
  font-weight: bold;
  font-size: 21px;
  line-height: 32px;
  text-align: left;
  padding: 5px 15px;
}
.hygel-service .post-content table tr:nth-child(2) td, .hygel-service .post-content table tr:nth-child(2) th {
  border-top: 2px solid #22418C;
}
.hygel-service .post-content table tr td {
  border: 1px solid #22418C;
  padding: 4px 16px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
}
.hygel-service .post-content table tr td:first-child {
  font-weight: normal;
}
.hygel-service .post-content .post-image {
  background-size: cover;
  background-position: center;
  height: 293px;
  margin: 24px 0 52px;
}
@media screen and (max-width: 500px) {
  .hygel-service .post-content .post-image {
    height: 200px;
  }
}
.hygel-service .search-bar {
  padding: 0px 16px;
  background-color: #E5EBEE;
  display: flex;
  align-items: center;
  height: 65px;
}
.hygel-service .search-bar .letters {
  display: flex;
}
.hygel-service .search-bar .letters form {
  margin: auto 4px;
}
.hygel-service .search-bar .letters input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #22418C;
  cursor: pointer;
}
.hygel-service .search-bar .letters input:hover, .hygel-service .search-bar .letters input:focus {
  text-decoration: underline;
}
@media screen and (max-width: 1080px) {
  .hygel-service .search-bar .letters input {
    padding: 0 2px;
  }
}
@media screen and (max-width: 800px) {
  .hygel-service .search-bar .letters input {
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  .hygel-service .search-bar .letters {
    display: none;
  }
}

/* Page Image Dummy -> Leistungsverzeichnis
***********************************************************/

.page-image-dummy {
  height: calc(150px - 60px);
} 

.directory.page-image-dummy {
  height: calc(600px - 60px);
}

@media screen and (max-width: 1600px) {
  .directory.page-image-dummy {
    height: calc(550px - 60px);
  }
}

@media screen and (max-width: 1299px) {
  .directory.page-image-dummy {
    height: calc(400px - 60px);
  }
}

@media screen and (max-width: 960px) {
  .directory.page-image-dummy {
    height: calc(320px - 60px);
  }
}

@media screen and (max-width: 880px) {
  .directory.page-image-dummy {
    height: calc(380px - 60px);
  }
}

@media screen and (max-width: 800px) {
  .directory.page-image-dummy {
    height: calc(260px - 60px) !important;
  }
}

.page-image {
  height: 150px;
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

@media screen and (max-width: 800px) {
  .page-image, .page-image-dummy {
    height: 100px;
  }
}
.search-box-container {
  border: 1px solid #22418C;
  margin-bottom: 24px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.search-box-container .search-box > .head {
  background-color: #22418C;
  color: white;
  display: block;
  padding: 18px 8px;
  cursor: pointer;
}
.search-box-container .search-box > .head .first-letter {
  background-color: white;
  color: #22418C;
  float: left;
  display: inline-block;
  border-radius: 100%;
  font-weight: lighter;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.search-box-container .search-box > .head .heading {
  font-weight: bold;
  font-size: 1rem;
  margin-left: 12px;
}
.search-box-container .search-box > .content {
  display: none;
}
.search-box-container .search-box > .content ul {
  list-style: none;
  padding: 4px;
}
.search-box-container .search-box > .content ul li {
  display: inline-block;
  padding: 8px;
  padding-left: 24px;
  width: calc(25% - 16px);
  vertical-align: top;
  position: relative;
}
.search-box-container .search-box > .content ul li::before {
  content: "▶";
  font-size: 12px;
  position: absolute;
  color: #22418C;
  left: 8px;
}
@media screen and (max-width: 1000px) {
  .search-box-container .search-box > .content ul li {
    width: calc(33.333% - 16px);
  }
}
@media screen and (max-width: 800px) {
  .search-box-container .search-box > .content ul li {
    width: calc(50% - 16px);
  }
}
@media screen and (max-width: 600px) {
  .search-box-container .search-box > .content ul li {
    width: calc(100% - 16px);
  }
}
.search-box-container > input[type=checkbox] {
  position: absolute;
  left: -100vw;
}
.search-box-container > input[type=checkbox]:checked ~ .search-box > .content {
  display: block;
}

#searchform {
  position: relative;
}

#quickresult {
  position: absolute;
  background-color: white;
  border: 1px solid #FAB582;
  width: 100%;
  z-index: 1;
  line-height: 1.4;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s 0.1s ease-out;
  display: block;
}
#quickresult.visible:hover, #quickresult.visible:focus-within, #quickresult.visible:focus {
  opacity: 1;
  pointer-events: all;
}
#quickresult > a {
  display: block;
  padding: 8px;
  color: #22418C !important;
  text-decoration: none !important;
}
#quickresult > a:hover {
  color: white !important;
  background-color: #22418C;
}

#q:focus ~ #quickresult.visible {
  opacity: 1;
  pointer-events: all;
}

.frontpage-search, .frontpage-search > div {
  overflow: visible !important;
}

.adelt-table-wrapper {
  overflow-x: auto;
  max-width: calc(100vw - 24px);
}
.adelt-table-wrapper > table td {
  min-width: 200px;
}

@media screen and (max-width: 500px) {
  html:not(.avada-has-site-width-percent) body #main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/*# sourceMappingURL=style.css.map */