.robot-cooperation {
	background-color: #eaf2e6;
    max-width: 100vw;
    overflow: hidden;
}

.robot-cooperation section {
    padding-block: 2em;
}

.robot-cooperation .desktop {
	display: none !important;
}
@media screen and (min-width: 1024px) {
	.robot-cooperation .desktop {
		display: block !important;
	}
}

@media screen and (min-width: 1024px) {
	.robot-cooperation .mobile {
	   display: none !important;
	}
 }

.robot-cooperation .product-tiles {
	display: flex;
	flex-wrap: wrap;
	align-items: normal;
	align-items: stretch;
	justify-content: center;
	gap: 0.75em;
	padding-inline: 1em;
}

.robot-cooperation .product-tile {
	position: relative;
	display: grid;
	width: calc(100% - 1em);
	transition: 0.3s all;
}

@media screen and (min-width: 768px) {
	.robot-cooperation .product-tile {
		width: calc(100% / 2 - 1em);
		max-width: 500px;
	}
}

@media screen and (min-width: 1024px) {
	.robot-cooperation .product-tile {
		width: calc(100% / 3 - 1em);
	}
}

.robot-cooperation h1.headline__h2 {
    padding-block: 0 1em;
}

.robot-cooperation .product-tile__slogan {
	position: relative;
	width: 100%;
	height: 8em;
	font-size: 1.2rem;
	padding-block: 1.5em;
	padding-inline: 1em;
	z-index: 2;
}

.robot-cooperation .product-tile-background,
.robot-cooperation .product-tile-background--hover {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #fff;
	transition: 0.3s all;
	z-index: 1;
}

.robot-cooperation .product-tile-background {
	height: 50%;
}

.robot-cooperation .product-tile-background--hover {
	height: 100%;
	opacity: 0;
}

.robot-cooperation .product-tile:hover .product-tile-background--hover {
	opacity: 1;
	transition: 0.3s all;
}

.robot-cooperation .product-tile__picture,
.robot-cooperation .product-tile__content {
	position: relative;
	width: 100%;
	padding-inline: 0.75em;
	text-align: center;
	z-index: 2;
}

.robot-cooperation .product-tile__picture .product-tile__img {
	display: inline;
	max-width: 200px;
	height: auto;
	cursor: pointer;
}

.robot-cooperation .product-tile__content {
	display: grid;
	place-items: center;
	padding-block: 0.5em 1.75em;
	gap: 10px;
}

.robot-cooperation .product-tile__content>* {
	margin: 0;
}

.robot-cooperation .product-tile__series-name {
	font-size: 1.35em;
	font-weight: 600;
}

.robot-cooperation .product-tile__series-name,
.robot-cooperation .product-tile__series-name:hover,
.robot-cooperation .product-tile__series-name:active,
.robot-cooperation .product-tile__series-name:focus {
	color: #393f45;
	text-decoration: none;
}

.robot-cooperation .product-tile__price {
	cursor: pointer;
	font-size: 0.85em;
}

.robot-cooperation .box {
	display: flex;
	place-items: center;
	flex-direction: column;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
@media screen and (min-width: 1024px) {
	.robot-cooperation .box {
		flex-direction: row;
	}
}

.robot-cooperation .box__content {
	flex: 1;
	padding: 2em;
}
@media screen and (min-width: 1024px) {
	.robot-cooperation .box__content {
		flex-direction: row;
		padding-block: 0;
	}
}

.robot-cooperation .box__content .headline__h3 {
	font-size: 1.75em;
	line-height: 1.5;
}

.robot-cooperation .box__picture {
	flex: 2;
	width: 100%;
}

.robot-cooperation .box__picture picture {
	position: relative;
}

.robot-cooperation .box__image {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/* Interactive slider */
.interactive-sliders {
	display: grid;
	place-items: center;
	position: relative;
	background-color: #fff;
	max-width: 100%;
}
@media screen and (min-width: 1024px) {
	.interactive-sliders {
		padding: 3em;
		margin-bottom: 2em;
		background-color: transparent;
	}
}

.interactive-sliders__container {
	position: relative;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .7s all;
}

.interactive-slider__picture .interactive-slider__image {
	width: 100%;
	height: auto;
}

.interactive-slider__container {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	transition: 1s all ease-in-out;
}

.interactive-slider__container--active {
	visibility: visible;
	z-index: 2;
}

.interactive-slider__content {
	background-color: #fff;
	padding-block: 4em 3em;
	padding-inline: 2em;
	text-align: center;
}

.interactive-slider__content .headline__h4 {
	font-size: 1.325em;
	line-height: 1.5;
	margin-bottom: 1em;
	color: #528a71;
}

.interactive-slides-navigation {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-inline: 1em;
	z-index: 2;
}

.interactive-slides-navigation .button__slider {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.interactive-slides-navigation .button__slider:focus,
.interactive-slides-navigation .button__slider:active {
	outline: none;
}

.button__slider .material-icons {
	color: #bec5cd;
	font-size: 2.5em;
}

.interactive-slides-pagination {
	display: flex;
	position: absolute;
	left: 50%;
	width: auto;
	max-width: 70vw;
	margin: 0;
	padding: 0.25em 0.75em;
	border-radius: 2em;
	text-align: center;
	list-style: none;
	transform: translate(-50%, 0);
	transition: .3s all;
	z-index: 15;
}

.interactive-slides-pagination li {
	width: 16px;
	height: 16px;
	margin: 0.325em;
	border-radius: 50%;
	color: transparent;
	cursor: pointer;
	text-indent: -999px;
	border: 1px solid #bec5cd;
	background-color: #fff;
}

.interactive-slides-pagination li.active {
	background-color: #bec5cd;
}

.interactive-slider__cta {
	background-color: #fff;
	padding-block: 0 2em;
	padding-inline: 1.5em;
}

@media screen and (min-width: 1024px) {
	.interactive-sliders__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1em;
		width: 100%;
		max-width: 1024px;
	}

	.interactive-slider__container {
		position: relative;
		left: 0 !important;
		height: auto;
		width: calc(100% / 2 - 2em);
		max-width: 500px;
		padding: 2em;
		margin-block: 1em;
		visibility: visible !important;
		transition: .3s all;
	}

	.interactive-slider__container--active {
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 0 15px 0 #c8c8c8;
		transition: .3s all;
	}

	.interactive-slider__picture {
		display: none;
	}

	.interactive-slider__content {
		text-align: left;
		background-color: transparent;
		padding: 0;
	}

	.interactive-slider__content .headline__h4 {
		font-size: 1.15em;
		line-height: 1.5;
		margin-bottom: 1em;
		color: #6c7680;
	}

	.interactive-slider__container--active .interactive-slider__content .headline__h4 {
		color: #528a71;
	}

	.interactive-slider__content p {
		line-height: 1.5;
	}

	.interactive-slider__container--active .interactive-slider__content p {
		font-weight: 600;
	}
}
/* !Interactive slider */

.notes {
	padding-inline: 2em;
	padding-block: 2em 3em;
	background-color: #eaf2e6;
}