.mitarbeiterin-liste{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2em;


	.mitarbeiterin-item{
		 flex: 1 1 calc(25% - 2em);
		 box-sizing: border-box;
		 max-width: calc(25% - 2em);
		 background: var(--wp--preset--color--ci-blue);
		 

		.mitarbeiterin-content{
			padding: 0 1em 1em;
			box-sizing: border-box;
			color: var(--wp--preset--color--offwhite);
		}

		figure{
			margin-bottom: 0em;
			background: url("fallback.jpg");
			background-size: cover;
			background-position: top center;
			line-height: 0;

			img{
				width: 100%;
				height: auto;
				/*aspect-ratio: 1 / 1;*/
				object-fit: cover;
				object-position: top;
				
			}
		}

		h3{
			color: var(--wp--preset--color--offwhite);
			margin-top: .5em;
			margin-bottom: 0;
			font-size: clamp(1em, 5vw, 1.5em);
		}

		a{
			color: var(--wp--preset--color--offwhite);
		}

		p{
			margin-bottom: 0;
		}

		hr{
			border: 0px;
			height: 2px;
			background: var(--wp--preset--color--offwhite);
		}

		svg{			
			width: 1em;
			height: auto;
			margin-right: .5em;
		}

		
	}
}

@media screen and (max-width: 1200px){
	.mitarbeiterin-liste{

		.mitarbeiterin-item{
			 flex: 1 1 calc(33.33% - 2em);
		 	max-width: calc(33.33% - 2em);
		}
	}
}

@media screen and (max-width: 990px){
	.mitarbeiterin-liste{

		.mitarbeiterin-item{
			 flex: 1 1 calc(50% - 2em);
		 	max-width: calc(50% - 2em);
		}
	}
}

@media screen and (max-width: 768px){
	.mitarbeiterin-liste{
		flex-direction: column;
		gap: 2em;

		.mitarbeiterin-item{
			width: 100%;
			max-width: unset;
		}
	}
}