/*--------------------------------------------------------------------------------------------------------

# S - Hero | .sv-hero | .sap-hero-banner

--------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------

# HERO - BREADCRUMBS

--------------------------------------------------------------------------------------------------------*/

.sap-hero-banner {
   position: relative;
}

.sap-hero-banner > div {
   position: relative;
}

.sap-breadcrumbs, .env-breadcrumb {
   position: absolute;
  /* top: 1.25rem;
   left: 1.25rem;*/
   z-index: 999;
   
}

.sv-layout:has(.env-breadcrumb) 

@media (max-width: 767px) {
   .sap-breadcrumbs, .env-breadcrumb {
      position: relative;
   }
}

/*--------------------------------------------------------------------------------------------------------

# HERO LANDINGPAGE

--------------------------------------------------------------------------------------------------------*/

.sap-hero.sap-hero--landingpage {
   text-align: center;
}

.sap-hero--landingpage {
   position: relative; 
}

.sap-hero__image {
   max-height: 36.5rem;
   width: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
}

.sap-hero__image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.sap-hero--landingpage .sap-hero__heading {
   display: inline-block;
   font-family: 'RosDisplay', sans-serif;
   color: var(--env-ui-color-brand-contrast);
	background-color: var(--env-color-brand);
   padding: 0.25em;
   padding-bottom: 0.25em;
   line-height: 1;
   transform: translateY(-50%);
}

@media (min-width: 768px) {
   .sap-hero--no-image {
      padding: 2.5rem 1.5rem 1.5rem; 
      margin: 4rem 0 0;
   }
   .sap-hero--landingpage .sap-hero__heading {
      font-size: 3em;
      max-width: 60rem;
   }
}

@media (max-width: 767px) {
   .sap-hero__heading {
      max-width: 95%;
   }
   
   .sap-hero--no-image {
      padding: 2.5rem 1rem 1rem; 
      margin: 2rem 0 0;
   }
}

/*@-moz-document url-prefix() {
  .sap-hero__heading span {
    line-height: 1;
    padding-bottom: 0rem;
  }
}*/

/*--------------------------------------------------------------------------------------------------------

# HERO STARTPAGE

--------------------------------------------------------------------------------------------------------*/

.sap-hero.sap-hero--startpage {
	position: relative;
   min-height: 25rem;
   max-height: 36.5rem;
}

.sap-hero.sap-hero--startpage .sap-hero__image {
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.sap-hero.sap-hero--startpage .sap-hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sap-hero.sap-hero--startpage .sap-hero__text {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sap-hero.sap-hero--startpage .sap-hero__grid {
   box-sizing: border-box;
	margin: 0 auto;
	max-width: 1360px;
	padding: 1rem;
	width: 100%;
	height: 100%;
}

@media(min-width: 768px) {
   .sap-hero.sap-hero--startpage .sap-hero__grid {
      padding-bottom: 2rem;
   }
}
@media(min-width: 1440px) {
   .sap-hero.sap-hero--startpage .sap-hero__grid {
      padding-bottom: 3rem;
   }
}

.sap-hero.sap-hero--startpage .sap-hero__heading {
	max-width: 28.125rem;
	display: flex;
	height: 100%;
	justify-content: end;
   align-items: flex-start;
	flex-flow: column;
}

.sap-hero.sap-hero--startpage .sap-hero__heading span {
	font-family: 'RosDisplay', sans-serif !important;
   display: inline-block;
   font-size: 1.15em;
   line-height: 0.8;
   padding: 0.125em;
}

.mac-os .sap-hero.sap-hero--startpage .sap-hero__heading span {
   line-height: 0.5;
   padding-bottom: 0.375em;
}

@-moz-document url-prefix() {
  .mac-os .sap-hero.sap-hero--startpage .sap-hero__heading span {
    line-height: 0.8;
    padding-bottom: 0.05em;
  }
}

@media(max-width: 380px) {
   .sap-hero.sap-hero--startpage .sap-hero__heading span {
     font-size: 12vw;
   }
}

@media(min-width: 768px) {
   .sap-hero.sap-hero--startpage .sap-hero__heading {
      max-width: 40rem;
   }
   .sap-hero.sap-hero--startpage .sap-hero__heading span {
      font-size: 1.5em;
   }
}

@media(min-width: 1440px) {
   .sap-hero.sap-hero--startpage .sap-hero__heading {
      max-width: 46rem;
   }
   .sap-hero.sap-hero--startpage .sap-hero__heading span {
		font-size: 1.85em;
   }
}

/*@-moz-document url-prefix() {
  .sap-hero.sap-hero--startpage .sap-hero__heading span {
    line-height: 1;
    padding-bottom: 0rem;
  }
}*/

.sap-hero.sap-hero--startpage .sap-hero__heading span + span {
   margin-top: 0.5rem;
}

.sap-hero.sap-hero--startpage .sap-hero__heading--white {
	color: var(--env-color-brand);
	margin: .25rem 0;
	background-color: var(--env-ui-color-brand-contrast);
}

.sap-hero.sap-hero--startpage .sap-hero__heading--red {
	color: var(--env-ui-color-brand-contrast);
	background-color: var(--env-color-brand);
	margin: -.375rem -.625rem -.25rem .625rem;
}

@media (max-width: 767px) {
	.sap-hero.sap-hero--startpage .sap-hero__image {
		height: 25rem;
	}
}

/* When a button is used in the hero */
.sap-hero.sap-hero--startpage .sap-hero__heading a.env-button {
   --env-font-size-base: 1.125em;
	margin-top: -1em;
}

/* Use large button from tablet and up */
   @media(min-width: 768px){
      .sap-hero.sap-hero--startpage .sap-hero__heading a.env-button {
    		border-radius: calc(var(--env-button-border-radius)*1.33333);
         font-size: var(--env-font-size-large);
         min-height: 2.800006em;
         padding: 0 1.15em;
 		}
   }

/*		Version 2		*/

.sap-hero.sap-hero--startpage .sap-hero__heading--version2 .sap-hero__heading--white {
	color: var(--env-ui-color-brand-contrast);
	background-color: var(--env-color-brand);
}

.sap-hero.sap-hero--startpage .sap-hero__heading--version2 h1 span {
	margin: 0;
}
.sap-hero.sap-hero--startpage .sap-hero__heading--version2 span + span {
   margin-top: 0.325rem;
}
   
@media(min-width: 1440px) {
   .sap-hero.sap-hero--startpage .sap-hero__heading--version2 span + span {
      margin-top: 0.5rem;
   }
}

@media (max-width: 767px) and (min-width: 391px) {
	.sap-hero.sap-hero--startpage .sap-hero__heading--version2 span:first-child {
		padding-right: 0.313rem;
	}

	.sap-hero.sap-hero--startpage .sap-hero__heading--version2 span:last-child {
		padding-left: 0.313rem;
	}
}