@layer blocks {
	
	.wModulA dl {
		--flow: var(--spacing4);
	}
	
	.wModulA__info {
		text-align: right;
	}
	
	.wModulA__info dt {
		font-size: 3.75rem;
		font-weight: 500;
	}
	
	.wModulA__info dd {
		margin-top: var(--spacing1);
		max-width: 30ch;
		margin-left: auto;
	}
	
	.wModulA__icon img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	} 
	
	@media (min-width: 48rem) {
		.wModulA {
			display: grid;
			grid-template-columns: subgrid;
			align-items: center;
		}
		
		.blkModul .blk__column:first-child,
		.blkModul .blk__column:last-child {
			grid-column: span 4;
		}
		
		.blkModul .blk__column:nth-child(2) {
			grid-column: span 4;
		}
	}
	
	@media (min-width: 65rem) {
		.wModulA {
			display: grid;
			grid-template-columns: subgrid;
			align-items: center;
		}
		
		.blkModul .blk__column:first-child {
			align-self: stretch;
			
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		
		.blkModul .blk__column:first-child,
		.blkModul .blk__column:last-child {
			grid-column: span 4;
		}
		
		.blkModul .blk__column:nth-child(2) {
			grid-column: span 4;
		}
		
		.wModulA__info dd {
			max-width: 37ch;
		}
		
		.wModulA__info dt {
			font-size: 7.75rem;
			font-weight: 500;
			line-height: 100%;
		}
		
		.wModulA__icon {
			position: relative;
		}
		
		.wModulA__icon img {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 60%;
			max-width: 42rem;
		}
	}
	
	@media (min-width: 90rem) {
		.blkModul .blk__column:first-child,
		.blkModul .blk__column:last-child {
			grid-column: span 3;
		}
		
		.blkModul .blk__column:nth-child(2) {
			grid-column: span 6;
		}
		
		.wModulA__icon img {
			width: 100%;
			max-width: 42rem;
		}
	}
	
	@media (min-height: 50rem) {
		.blkModul {
			height: 100dvh;
			max-height: 70rem;
		}
	}
}