/*###########
##   grid  ##
###########*/

	/* Allgemein
	-------------*/

	.application-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 30px;
	}

	/* Bild
	--------*/

		.application-grid-image {
			border: 1px solid #B3B3B3;
			border-radius: 3px;
			margin-top: 30px;
			display: block;
			position: relative;
			width: 100%;
			background-size: contain;
			background-position: center center;
			background-repeat: no-repeat;
		}

		.application-grid-image:after {
			content: "";
			display: block;
			padding-bottom: 100%;
		}

		.application-grid-image:hover {
			opacity: 0.9;
		}

		.application-grid-image img {
			display: block;
			width: 100%;
			position: absolute;
		}

	/* Titel
	---------*/

		.application-grid-title {
			margin-top: 15px;
		}

		.application-grid-title h2 {
			margin: 0 !important;
			font-weight: 500;
			font-size: 22px;
			color: #424242;
		}

		.application-grid-title h2 span {
			display: block;
			opacity: 0.5;
			font-size: 18px;
			font-weight: normal;
		}

	/* Location
	------------*/

		.application-grid-location {
			margin-top: 10px;
			line-height: 20px;
			font-size: 15px;
		}

		.application-grid-location span {
			opacity: 0.7;
		}

	/* Stellentyp
	-----------*/

		.application-grid-jobtype {
			margin-top: 10px;
		}