@supports (display: grid)
{
	@media (min-width: 30em)
	{
		#section-service-erfolgsgeschichten > section
		{
			display: grid;
			grid-template-columns:
				[full-start image-start] 38fr
				[image-end text-start] 62fr
				[text-end full-end];
			grid-template-rows: auto auto auto;
			grid-gap: 0 2em;
			padding-bottom: 2em;
		}
	
		#section-service-erfolgsgeschichten > section > h3
		{
			grid-column: text;
			margin: 0;
		}
	
		#section-service-erfolgsgeschichten > section > img
		{
			grid-column: image;
			grid-row: 1 / -1;
			width: 100%;
		}
	
		#section-service-erfolgsgeschichten > section > *
		{
			grid-column: text;
		}
		
		#section-service-erfolgsgeschichten > section > :last-child
		{
			margin-bottom: 0;
		}
	}

	@media (min-width: 60em)
	{

		#section-service-erfolgsgeschichten
		{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 0 2em;
		}
		
		#section-service-erfolgsgeschichten > h2
		{
			grid-column: 1 / -1;
		}
		
		#section-service-erfolgsgeschichten > section
		{
			display: block;
			grid-gap: 0;
		}
		
		#section-service-erfolgsgeschichten > section > h3
		{
			margin-top: 1rem;
		}
	}
}