
/* ############################################################
	240 - JOBS
############################################################ */

/* Resets */
.mdl240-modul-box a, .mdl240-modul-box a:hover {
	text-decoration: none;
}


/* Liste */
.mdl240-modul-box {
	position: relative;
	width: 100%;
	--list-abstand-x: var(--gap);
	--list-abstand-y: 50px;
}
	.mdl240-modul-box ul.stellen-list {
		position: relative;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: var(--list-abstand-y) var(--list-abstand-x);
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		min-width: 0;
	}
	.mdl240-modul-box ul.stellen-list > * {
		position: relative;
		min-width: 0;
	}
		.mdl240-modul-box ul.stellen-list > li > .link-item, .mdl240-modul-box ul.stellen-list > li > .initiativbewerbung {
			display: block;
			width: 100%;
			height: 100%;
			padding: 40px 30px;
			background-color: var(--main-color-2);
		}
		.mdl240-modul-box ul.stellen-list > li > .link-item {
			display: flex;
			flex-direction: column;
		}
		.mdl240-modul-box ul.stellen-list > li > .initiativbewerbung {
			padding-top: 30px;
		}
@media (min-width: 768px) {
	.mdl240-modul-box ul.stellen-list {
		grid-template-columns: repeat(2, 1fr);
	}
		.mdl240-modul-box ul.stellen-list > li > .link-item, .mdl240-modul-box ul.stellen-list > li > .initiativbewerbung {
			height: 100%;
		}
}
@media (min-width: 1024px) {
	.mdl240-modul-box {
		--list-abstand-y: 55px;
	}
		.mdl240-modul-box ul.stellen-list > li > .link-item, .mdl240-modul-box ul.stellen-list > li > .initiativbewerbung {
			padding: 55px 48px;
		}
		.mdl240-modul-box ul.stellen-list > li > .initiativbewerbung {
			padding-top: 38px;
		}
}


/* Texte */
.mdl240-modul-box .titel-bezeichnung {
	display: block;
	font-weight: 800;
	font-size: 0.75rem; /* 12px */
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.mdl240-modul-box .titel-bezeichnung:has(+ *) {
	margin-bottom: 11px;
}
.mdl240-modul-box h3.extralarge {
	font-size: 1.5rem; /* 24px */
	line-height: 1.333;
}
.mdl240-modul-box h3.extralarge:has(+ p), .mdl240-modul-box h3.extralarge:has(+ .link-btn) {
	margin-bottom: 20px;
}
.mdl240-modul-box .subline {
	margin-bottom: 20px;
}
@media (min-width: 1280px) {
	.mdl240-modul-box .titel-bezeichnung {
		font-size: 0.9375rem; /* 15px */
		letter-spacing: 1.5px;
	}
	.mdl240-modul-box .titel-bezeichnung:has(+ *) {
		margin-bottom: 45px;
	}
	.mdl240-modul-box h3.extralarge {
		font-size: 2.8125rem; /* 45px */
	}
	.mdl240-modul-box h3.extralarge:has(+ p) {
		margin-bottom: 6px;
	}
	.mdl240-modul-box h3.extralarge:has(+ .link-btn) {
		margin-bottom: 40px;
	}
	.mdl240-modul-box .subline {
		margin-bottom: 45px;
	}
}

/* Button */
.mdl240-modul-box .link-item .link-btn {
	align-self: flex-start;
	margin-top: auto;
}
@media (min-width: 1024px) {
	.mdl240-modul-box .link-item:hover .link-btn {
		background-color: var(--main-color-3);
	}
}

