.block-13-vorteile .box-wrapper {
	background: #FEFBF9;
	padding: 2rem;
	border-radius: 15px;
	box-shadow: 0 5px 34px rgba(255, 102, 0, 0.33);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 1rem;
}

.block-13-vorteile .box-icon {
	margin-bottom: 1rem;
	width: 41px;
}


.block-13-vorteile .box-text, .block-13-vorteile .box-text h3 {
	color: #b45116;
	margin-bottom: 0.5rem;
	font-size: 1.8rem;
	line-height: 2.3rem;
}

.block-13-vorteile .box-text p {
	font-size: 1.6rem;
}


.block-13-vorteile .col-sm-6 {
	margin-bottom: 3.5rem; /* vertikaler Abstand */
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}


@media (min-width: 600px) {
	.block-13-vorteile .row > .col-sm-6:nth-child(even) {
	transform: translateY(-4rem);
}
}


/* Animation */

@media (min-width: 1000px) {

@keyframes slideFromTop {
	from {
		opacity: 0;
		transform: translateY(-40px);
	}
	to {
		opacity: 1;
		transform: translateY(-80px);
	}
}

@keyframes slideFromBottom {
	from {
		opacity: 0;
		transform: translateY(40px);
	}
	to {
		opacity: 1;
		transform: translateY(80px);
	}
}

.block-13-vorteile .col-sm-6 {
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
	view-timeline-name: --vorteilTimeline;
	view-timeline-axis: block;
	animation-timeline: --vorteilTimeline;
	animation-range: entry 20% cover 40%;
}
}

/* Linke Boxen (1,3,5...) */
.block-13-vorteile .col-sm-6:nth-child(odd) {
	animation-name: slideFromBottom;
}

/* Rechte Boxen (2,4,6...) */
.block-13-vorteile .col-sm-6:nth-child(even) {
	animation-name: slideFromTop;
}

