/**
 * Kariere Featured Block Styles
 * 
 * Additional CSS styles for the Kariere Featured block
 * 
 * @package Master
 * @version 1.0.0
 */

.kariere-featured-block {
	position: relative;
	overflow: hidden;
}

.kariere-featured-block .container {
	position: relative;
	z-index: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
	.kariere-featured-block .grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.kariere-featured-block .col-span-3,
	.kariere-featured-block .col-span-2 {
		grid-column: span 1;
	}

	/* Mobile: Stack career images vertically */
	.kariere-featured-block .grid-cols-2 {
		grid-template-columns: 1fr;
	}
}