.wp-block-media-text {
	margin-bottom: 2rem;
 }

#main .wp-block-media-text__content>*:first-child {
	margin-top: 0;
}

#main .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
	padding-right: 0;
}

#main .has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}

#main .wp-block-media-text__media {
	margin-bottom: 1rem;
}

@media (max-width: 37.5em) {
	#main .wp-block-media-text__media{
		position: relative;
		max-width: 17rem;
  		margin-left: auto;
		margin-right: auto; 
	
	}
}

#main .wp-block-media-text__media:after{
	content: '';
  	position: absolute;
  	inset: -20px;
  	border: 1px solid var(--wp--preset--color--blue);
  	border-radius: 50%;
  	clip-path: inset(0 0 50% 50%);
}

#main .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__media:after{
	clip-path: inset(0 50% 50% 0);
}

#main .wp-block-media-text__media img {
	border-radius: 50%; 
}

@keyframes showOverviewImg{
	to {
		opacity: 1; 
		
	}
}

@keyframes showOverviewImgCircle{
	to {
		clip-path: circle(100% at 50% 50%);
	}
}

@keyframes showOverviewImgPseudo{
	to {
		transform: rotate(0deg);
	}
}

@media (prefers-reduced-motion:no-preference) {
	#main .wp-block-media-text__media:after{
		transform: rotate(90deg);
	}
	
	#main .js-intersected.wp-block-media-text__media:after{
		animation: showOverviewImgPseudo 1s ease forwards; 
	}
	
	#main .wp-block-media-text__media img {
		opacity: 0; 
		clip-path: circle(32.7% at 50% 50%);
	}
	
	#main .manufacturer .wp-block-media-text__media img {
		opacity: 1; 
		clip-path: none ;
		border-radius: 0;
	}
	
	#main .wp-block-media-text__media.js-intersected img {
		animation: showOverviewImg 2s ease forwards, showOverviewImgCircle 2.5s ease forwards; 
	}
	#main .manufacturer .wp-block-media-text__media.js-intersected img {
		animation: none; 
	}
}

@media (min-width: 37.51em) {
	.wp-block-media-text__media {
		position: sticky;
		top: 1rem;
	}
}

@media (min-width: 68.5em) {
	.entry-content .wp-block-media-text:not(:last-child) {
		margin-bottom: 4.5rem !important;
	}

	.wp-block-media-text__media {
		transition: top 0.3s ease;
	}

	body:has(header.show-sticky) .wp-block-media-text__media {
		top: 4rem;
	}
}