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

# Startpage

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

.sv-nestedlistmenu-portlet ul {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
   max-width: 650px;
}

.sv-nestedlistmenu-portlet li a,
.sv-nestedlistmenu-portlet li a.normal {
   text-decoration: none;
   display: block;
   padding: 0.8rem 1rem;
   background-color: var(--env-color-brand);
   color: var(--env-ui-color-brand-contrast);;
   font-weight: 600;
}
.sap-startpage-list {
   display: flex;
   flex-wrap: wrap;
   gap: 1rem;
}
.sap-startpage-list li {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 1rem;
   background-color: #fff;
   padding: 1.25rem 1rem;
   border-radius: 2px;
   border: 1px solid var(--env-border-color);
   width: calc(100%/3 - 0.75rem);
   min-width: 220px;
}

.sap-startpage-list .env-button {
   font-weight: 600;
}

.sap-startpage-list li .content-max {
   flex-grow: 1;
}

.sap-startpage-list li h2 {
   text-align: center;
   font-weight: bold;
}

@media(max-width: 600px) {
   .sap-startpage-list li {
      width: 100%;
   }
}

@media(max-width: 1024px) {
   .sap-startpage-list {
      justify-content: center;
   }
   .sap-startpage-list li {
      width: calc(50% - 0.5rem);
   }
}

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

# HERO WEBAPP

--------------------------------------------------------------------------------------------------------

.sap-hero {
   position: relative;
}

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

.sap-hero__image-big {
   max-height: 36.5rem;
}

.sap-hero__image-medium {
   max-height: 27.5rem;
}


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


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

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

   .sap-hero__heading{
      max-width: 28.125rem;
      display: flex;
      height: 100%;
              justify-content: end;
              flex-flow: column;
      

   }

.sap-hero__heading span {
   font-size: 3rem;
   letter-spacing: -0.02em;
   text-transform: uppercase;
   display: inline-flex;
   padding: .375rem .625rem .25rem;
   font-family: 'RosDisplay', sans-serif!important;
   
}

.sap-hero__heading--white {
   color: var(--env-element-primary-font-color);
  	background-color: var(--env-element-primary-background-color);
   margin: .25rem 0;
}
   
.sap-hero__heading--red  {
   color: var(--env-element-primary-font-color);
      background-color: var(--env-element-primary-background-color);
         margin: -.375rem -.625rem -.25rem .625rem;

         }

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

/* When a button is used in the hero 
.sap-hero__heading a.env-button {
   width: 40%;
   margin-top: -1em;
}

.sap-hero__heading a.env-button {
	font-size: 1.125rem;
}


/*		Version 2		

.sap-hero__heading--version2 .sap-hero__heading--white {
    color: var(--env-element-primary-font-color);
  	 background-color: var(--env-element-primary-background-color);
}

.sap-hero__heading--version2 h1 span {
   margin: 0;
}

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