/**
 * Layout: Hero - Normaal
 * Slug: hero_default
 */

.hero_default-layout {
    
}

.hero_default-layout {
    position: relative;
	z-index: 10;
    padding-top: var(--pk-hero-top-spacing);
	background-color: #ffffff;
	padding-bottom: 0;
	border-radius: 2rem;
	margin-bottom: 4rem;
}

.hero_default-layout .image-col {
	position: relative;
	margin-bottom: -4rem;
}
.hero_default-layout .image-col .hero_img {
	mask: url('../../../../assets/images/imageMask.svg');
	mask-size: cover;
	mask-position: center;
	mask-repeat: no-repeat;
	aspect-ratio: 22/27;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.hero_default-layout .content-col .pk-button-group {
	margin-block: max(1.5rem, calc(2 * var(--su)));
}

@media screen and (max-width: 992px) {
	.hero_default-layout .image-col {
		order: 2;
		margin-top: 4rem;
	}
	.hero_default-layout .image-col .hero-icon {
		right: var(--pk-site-gutter);
		top: auto;
		bottom: 0;
		translate: 0 50%;
	}
}

@media screen and (max-width: 767px) {
	.hero_default-layout .image-col {
		margin-top: 1.5rem;
	}
}