.htw-col {
  display: flex;
}
@media all and (max-width: 767px) {
  .htw-col {
    flex-direction: column;
  }
}
.htw-col > section {
  flex: 1 1 50%;
  padding-right: 15px;
}
@media all and (max-width: 767px) {
  .htw-col > section {
    flex: 1 1 auto;
  }
}
section.htw-project-list > section {
  border-bottom: 2px solid black;
}
section .mediathek {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
section .mediathek .image-stage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 0;
}
section .mediathek .image-stage .mediathek-image {
  height: 200px;
  width: auto;
  object-fit: contain;
  object-position: center;
  box-shadow: 0 0 3px -1px black;
}
section .mediathek iframe,
section .mediathek.mediathek-iframe {
  margin-bottom: 10px;
  max-width: 560px !important;
  width: 100%;
}
#htw-search {
  margin-bottom: 60px;
}
#htw-search select {
  width: 100%;
  max-width: 300px;
}
.checkbox-list {
  display: flex;
  flex-direction: column;
}
.htw-checkbox span {
  padding-left: 5px;
}
.type-mtm_htw_project .inactive span,
.type-mtm_htw_project .inactive:before {
  opacity: 0.6;
}
.type-mtm_htw_project ul {
  padding-left: 0;
}
.type-mtm_htw_project ul > li {
  vertical-align: text-bottom;
  list-style-type: none;
}
.type-mtm_htw_project .contact-persons {
  display: flex;
}
@media all and (max-width: 767px) {
  .type-mtm_htw_project .contact-persons {
    flex-direction: column;
  }
}
.type-mtm_htw_project .contact-persons .contact-person {
  flex: 0 0 33%;
  padding: 0 20px 0 20px;
  border-left: 2px solid #767676;
}
@media all and (max-width: 767px) {
  .type-mtm_htw_project .contact-persons .contact-person {
    flex: 1 1 auto;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 768px) {
  .type-mtm_htw_project .contact-persons .contact-person:last-child {
    border-right: 2px solid #767676;
  }
}
#htw-search-main {
  display: flex;
  flex-direction: row;
}
#htw-search-main > button {
  border-radius: 0;
}
#htw-search-main > select {
  flex: 0 1 150px;
}
#htw-search-main > input {
  flex: 1 1 auto;
}
.collapsible .collapsible-header {
  cursor: pointer;
}
.collapsible .collapsible-header h1:after,
.collapsible .collapsible-header h2:after,
.collapsible .collapsible-header h3:after,
.collapsible .collapsible-header h4:after,
.collapsible .collapsible-header h5:after,
.collapsible .collapsible-header h6:after,
.collapsible .collapsible-header p:after {
  content: '▶';
  padding-left: 20px;
}
.collapsible.closed .collapsible-content {
  display: none;
}
.collapsible.closed .collapsible-header h1:after,
.collapsible.closed .collapsible-header h2:after,
.collapsible.closed .collapsible-header h3:after,
.collapsible.closed .collapsible-header h4:after,
.collapsible.closed .collapsible-header h5:after,
.collapsible.closed .collapsible-header h6:after,
.collapsible.closed .collapsible-header p:after {
  content: '▼';
}
.htw-icon:before {
  content: '';
  vertical-align: text-bottom;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background-size: 30px;
  background-repeat: no-repeat;
}
.htw-icon.anreicherung:before {
  background-image: url("../img/Anreicherung_1.png");
}
.htw-icon.anreicherung.inactive:before {
  background-image: url("../img/Graustufen/Anreicherung_1.png");
}
.htw-icon.integration:before {
  background-image: url("../img/Integration_2.png");
}
.htw-icon.integration.inactive:before {
  background-image: url("../img/Graustufen/Integration_2.png");
}
.htw-icon.virtualisierung:before {
  background-image: url("../img/Virtualisierung.png");
}
.htw-icon.virtualisierung.inactive:before {
  background-image: url("../img/Graustufen/Virtualisierung.png");
}
.htw-icon.didaktische-ansaetze:before {
  background-image: url("../img/Didaktik.png");
}
.htw-icon.didaktische-ansaetze.inactive:before {
  background-image: url("../img/Graustufen/Didaktik.png");
}
.htw-icon.institutionelle-strukturen:before {
  background-image: url("../img/Institution.png");
}
.htw-icon.institutionelle-strukturen.inactive:before {
  background-image: url("../img/Graustufen/Institution.png");
}
.htw-icon.lehrbezogene-forschung:before {
  background-image: url("../img/Forschung.png");
}
.htw-icon.lehrbezogene-forschung.inactive:before {
  background-image: url("../img/Graustufen/Forschung.png");
}
.htw-icon.technische-infrastruktur:before {
  background-image: url("../img/Infrastruktur.png");
}
.htw-icon.technische-infrastruktur.inactive:before {
  background-image: url("../img/Graustufen/Infrastruktur.png");
}
.htw-icon.andere:before {
  background-image: url("../img/Sonstige.png");
}
.htw-icon.andere.inactive:before {
  background-image: url("../img/Graustufen/Sonstige.png");
}
.htw-icon.hochschullehrende:before {
  background-image: url("../img/Lehrende.png");
}
.htw-icon.hochschullehrende.inactive:before {
  background-image: url("../img/Graustufen/Lehrende.png");
}
.htw-icon.opal-community:before {
  background-image: url("../img/Opal.png");
}
.htw-icon.opal-community.inactive:before {
  background-image: url("../img/Graustufen/Opal.png");
}
.htw-icon.studierende:before {
  background-image: url("../img/Lernende.png");
}
.htw-icon.studierende.inactive:before {
  background-image: url("../img/Graustufen/Lernende.png");
}
.htw-icon.barrierefreiheit:before {
  background-image: url("../img/Barrierefrei.png");
}
.htw-icon.barrierefreiheit.inactive:before {
  background-image: url("../img/Graustufen/Barrierefrei.png");
}
.htw-icon.license:before {
  background-image: url("../img/CC.png");
}
.htw-icon.license.inactive:before {
  background-image: url("../img/Graustufen/CC.png");
}
.cp-email:before,
.cp-phone:before {
  moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 8px;
}
.cp-phone:before {
  content: "\f098";
}
.cp-email:before {
  content: "\f199";
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #000;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*# sourceMappingURL=mtm_htw_project.css.map */