@import '@resources/index.css';

.supt-section-news {
	overflow: hidden;

	.supt-section__inner {
		@extend %grid;
	}

	.supt-section__headline {
		grid-column: 1 / span 12;
		@media (min-width: $sm-breakpoint) {
			grid-column: 2 / span 11;
		}
		@media (min-width: $md-breakpoint) {
			grid-column: 2 / span 10;
		}
		@media (min-width: $ml-breakpoint) {
			grid-column: 2 / span 8;
		}
	}

	.supt-section__title {
		@mixin clamp margin-bottom, 28, 56, $xxs-breakpoint, $lg-breakpoint;

		text-align: left;
	}

	.supt-section__content {
		grid-column: 1 / span 12;
		@media (min-width: $sm-breakpoint) {
			grid-column: 2 / span 11;
		}
	}
}