/* General Block Styling */
.block_machinepark {
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
}

/* Buttons Section */
.block_machinepark .buttons {
	display: flex;
	justify-content: left;
	overflow-x: auto;
	gap: 1em;
	margin-top: 15px;
	scrollbar-width: none; /* Hides scrollbar in Firefox */
	-ms-overflow-style: none; /* Hides scrollbar in Internet Explorer */
}

.block_machinepark .buttons::-webkit-scrollbar {
	display: none; /* Hides scrollbar in WebKit browsers */
}

.block_machinepark .buttons button {
	text-wrap: nowrap;
}

.block_machinepark .buttons-nav {
	display: flex;
	justify-content: right;
	align-items: center;
	gap: 1.5em;
	margin-bottom: -20px;
}

.block_machinepark .buttons-nav button {
	background: none;
	border: none;
	outline: none;
	cursor: pointer;
}

.block_machinepark .buttons-nav button img {
	width: 40px;
	height: 40px;
}

/* Inner Content Section */
.block_machinepark .inner-content {
	display: flex;
	flex-direction: column;
	column-gap: 5em;
	row-gap: 1em;
	margin-left: 30px;
	max-width: 1440px;
	width: 100%;
	background-color: var(--color-lightblue);
	position: relative;
	overflow: hidden;
	padding-top: 5em;
	padding-bottom: 2em;
	padding-inline: 5em;
}

/* Machine Items */
.block_machinepark .inner-content .machine_items {
	z-index: 2;
	position: relative;
}

.block_machinepark .inner-content .machine_items .machine_item {
	display: none;
	overflow: hidden;
	grid-template-columns: 1fr calc(25% + 2.5em);
	align-items: center;
	column-gap: 2.5em;
	row-gap: 1em;
	z-index: 2;
	transition: opacity 0.5s ease;
	width: 100%;
	transition-delay: 0s;
}

.block_machinepark .inner-content .machine_items .machine_item.show {
	display: grid;
}

/* Images */
.block_machinepark .single_image {
	z-index: 1;
	/* min-width: calc(100% * 0.7);
	max-width: calc(100% * 0.7); */

	display: flex;
	justify-content: flex-end;
}

.block_machinepark .single_image * {
	/* max-height: calc(100% * 0.7);
	max-width: calc(100% * 0.7);
	min-height: calc(100% * 0.7);
	min-width: calc(100% * 0.7); */

	margin-top: 8px;
}

/* Decorative Elements */
.block_machinepark .inner-content::before {
	content: "";
	position: absolute;
	top: -99px;
	left: -99px;
	width: 198px;
	height: 198px;
	transform: rotate(45deg);
	background-color: #fff;
}

.block_machinepark .inner-content::after {
	content: "";
	position: absolute;
	bottom: -400px;
	right: -600px;
	width: 800px;
	height: 800px;
	transform: rotate(45deg) scale(0.9);
	background-color: #fff;
}

/* Headings */
.block_machinepark .inner-content h2 {
	grid-column: 1 / -1;
	margin-top: 10px !important;
	font-size: var(--font-size-h1);
}

.block_machinepark .text-content h3 {
	color: var(--color-secondary);
	font-size: var(--font-size-h3);
	font-style: normal;
	font-weight: 650;
	line-height: 24px;
}

/* Text Content */
.block_machinepark .text-content {
	gap: 1em;
	display: flex;
	flex-direction: column;
	margin-top: 25px;
	height: 100%;
}

.block_machinepark .text-content .dynamic-content {
	flex-grow: 1;
	/* margin-bottom: 30px; */
	font-size: var(--font-size-text);
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
}

.block_machinepark .text-content button {
	margin-bottom: 16px;
}

/* Media Queries */
@media screen and (max-width: 1400px) {
	.block_machinepark .inner-content {
		column-gap: 2em;
		row-gap: 1em;
	}
}

@media screen and (max-width: 1280px) {
	.block_machinepark .inner-content::after {
		/* transform: rotate(45deg) scale(0.8); */
	}
}

@media screen and (max-width: 1024px) {
	.block_machinepark .buttons-nav {
		/* margin-right: 80px; */
	}
	.block_machinepark .inner-content h2 {
		font-size: var(--font-size-h1);
	}
	.block_machinepark .inner-content::after {
		/* transform: rotate(45deg) scale(0.6); */
	}
	.block_machinepark .inner-content::before {
		top: -50px;
		left: -50px;
		width: 100px;
		height: 100px;
	}
	.block_machinepark .inner-content {
		padding-top: 3em;
	}
	.block_machinepark .single_image {
		max-height: none;
	}
}

@media screen and (max-width: 800px) {
	.block_machinepark .inner-content {
		padding: 1em 2em;
	}

	.block_machinepark .buttons-nav {
		margin-right: 0px;
	}

	.block_machinepark .buttons {
		margin-right: -2em;
		margin-left: -2em;
		padding-left: 2em;
		padding-right: 4em;
	}

	.block_machinepark .text-content {
		margin-top: 15px;
		/* margin-bottom: 15px; */
		height: fit-content;
	}

	.block_machinepark .text-content button {
		margin-top: 15px;
	}

	.block_machinepark .inner-content,
	.block_machinepark .inner-content .machine_items .machine_item {
		grid-template-columns: 1fr;
	}

	.block_machinepark .inner-content {
		padding: 3em 2em 0em 2em;
	}

	.block_machinepark .inner-content::before {
		top: -50px;
		left: -50px;
		width: 100px;
		height: 100px;
	}

	.block_machinepark .inner-content::after {
		bottom: -200px;
		right: -200px;
		width: 400px;
		height: 400px;
	}

	.block_machinepark .inner-content::after {
		content: "";
		position: absolute;
		bottom: -400px;
		right: -600px;
		width: 650px;
		height: 650px;
		transform: rotate(45deg) scale(1.4);
		background-color: #fff;
	}

	.block_machinepark .text-content button {
		margin-bottom: 0em;
	}

	.block_machinepark .single-image img {
		max-height: 360px;
		max-width: 360px;
	}
	.block_machinepark .buttons-nav button img {
		width: 35px;
		height: 35px;
	}

	.block_machinepark .single_image * {
		max-width: 100%;
		max-height: 100%;
	}
}

/* @media screen and (max-width: 680px) {
	.block_machinepark .inner-content::after {
		transform: rotate(45deg) scale(1.4);
	}
}

@media screen and (max-width: 600px) {
	.block_machinepark .inner-content::after {
		transform: rotate(45deg) scale(1.3);
	}
} */

@media screen and (max-width: 530px) {
	.block_machinepark .inner-content::after {
		transform: rotate(45deg) scale(1.35);
	}
}

@media screen and (max-width: 390px) {
	.block_machinepark .inner-content {
		margin-left: 0;
	}
	.block_machinepark .inner-content::after {
		transform: rotate(45deg) scale(0.6);
	}
	.block_machinepark .inner-content::before {
		transform: rotate(45deg) scale(0.8);
	}
}