.wave-hero {
  position: relative;
  overflow: hidden;
}
.wave-hero > .elementor-container {
  position: relative;
  z-index: 2;
}
.webup-footer-main {
  padding: 100px 60px 0 60px;
}

.webup-header__cta-button, .webup-header--transparent .webup-header__cta-button, .webup-header--transparent.is-sticky .webup-header__cta-button {
  border-radius: 10px;
}
.webup-header__logo-img {max-width:150px;}
/* WebUp footer: statisk grid i højre side – samme 160px-net som heroen, mørkt og meget subtilt på hvid.
   Læg på footer-sektionen (klasse: webup-footer). Kræver position:relative på sektionen; indhold over med z-index:1. */
#webup-footer{position:relative;overflow:hidden}
#webup-footer > *{position:relative;z-index:1}
#webup-footer::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(0,0,0,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.10) 1px,transparent 1px);
  background-size:160px 160px;
  background-position:right top;                     /* forankret i højre kant, så nettet flugter med sidens kant */
  opacity:.80;
  /* fader: mod venstre (usynlig i venstre 45 %), og mod top/bund */
  -webkit-mask:linear-gradient(90deg,transparent 0,transparent 40%,rgba(0,0,0,.6) 70%,#000 100%),
               linear-gradient(180deg,transparent 0,#000 25%,#000 75%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0,transparent 40%,rgba(0,0,0,.6) 70%,#000 100%),
               linear-gradient(180deg,transparent 0,#000 25%,#000 75%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
@media (max-width:768px){
  #webup-footer::before{opacity:.35;-webkit-mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 60%,#000 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent 100%);mask:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 60%,#000 100%),linear-gradient(180deg,transparent 0,#000 30%,#000 70%,transparent 100%)}
}