.module-hero {
    position: relative;
  }

	.module-hero .headline-group .headline {
		color: #3a4390;
    margin-bottom: calc(35 * var(--base-unit));
	}

	.module-hero .col-1 {
		width: var(--grid-3-);
		position: relative;
		z-index: 3;
	}

	.headline-group .copy {
		margin-top: .5em;
	}

	.module-hero .copy {
		max-width: 31.25rem;
	}
  
  .module-hero .module-inner {
    position: relative;
    z-index: 3;
    padding-top: calc(100 * var(--base-unit));
    padding-bottom: calc(200 * var(--base-unit));
  }
	
  .module-hero .slanted-background {
    position: absolute;
    top: calc(var(--page-padding-top) * -1);
    left: 0;
    right: 0;
    bottom: 0;
    background: #d5e5f6;
    z-index: 1;
    --slant-clip: calc(100% - (130 * var(--base-unit)));
    clip-path: polygon(0% 0%, 100% 0%, 100% var(--slant-clip), 0% 100%);
  }
  
  .module-hero .map-background {
    position: absolute;
    left: calc(800 * var(--base-unit-wide));
    top: 0;
    pointer-events: none;
    background: url(../../imgs/map-europe.svg) no-repeat right center / contain;
    width: calc(944 * var(--base-unit));
    height: calc(693 * var(--base-unit));
    z-index: 2;
  }






	@media (max-width: 750px) {
		
		.module-hero .col-2 > div {
			margin-right: calc(var(--grid-gap) * -3);
		}
		
		.module-hero .col-2 {
			width: var(--grid-2);
		}
		
		.module-hero .col-1 {
			width: calc(var(--grid-3) + var(--grid-gap));
		}
		
	}
	
	
	
	
	@media (max-width: 600px) {
		
		.module-hero .col-1 {
			order: 2;
			width: 100%; 
			margin-left: 0;
		}
		
		.module-hero .col-2 {
			order: 1;
	    width: auto;
	    margin-left: var(--grid-1);
			margin-bottom: 1.5em;
		}
		
		.module-hero .col-2 > div {
			margin-right: calc(var(--grid-gap) * -4);
		}
		
		.module-hero .btn-set {
			margin-top: 1.2em;
		}
    
    .module-hero .map-background {
      opacity: 0.2;
      background: url(../../imgs/map-europe.png) no-repeat right center / contain;
      left: 10vw;
      top: -4vw;
      width: 120vw;
      height: min(360px, 79vw);
    }
		
	}
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-hero {
      --mrgn: 10vw;
    }
    
  }