/* ==========================================================================
	@imports.scss
	Imports
============================================================================= */
/* ==========================================================================
	@colors.scss
	Farben
============================================================================= */
/* ==========================================================================
	@variables.scss 
	Variablen 
============================================================================= */
/* ==========================================================================
	@mixins.scss
	Mixins / Functions
============================================================================= */
.personen-gallerie .pa-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.personen-gallerie .pa-flex .person {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 45vh;
}
@media (min-width: 1024px) {
  .personen-gallerie .pa-flex .person {
    margin-right: 8px;
    width: 324px;
    height: 324px;
    margin-bottom: 50px;
  }
}
.personen-gallerie .pa-flex .person img, .personen-gallerie .pa-flex .person .no-image {
  width: 100%;
  height: 220px;
  object-position: top;
  object-fit: cover;
}
.personen-gallerie .pa-flex .person .no-image {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.15;
}
.personen-gallerie .pa-flex .person .no-image svg {
  max-height: 60px;
}
.personen-gallerie .pa-flex .person .name {
  padding: 16px;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 24px;
  color: #5B5B5B;
}
.personen-gallerie .pa-flex .person .titel_abteilung {
  padding-left: 16px;
  padding-top: -10px;
}
.personen-gallerie .pa-flex .person .o-top {
  object-position: top;
}

/*# sourceMappingURL=personen-gallerie.css.map */