.boxcontent {
    position: relative;
    background: #1C3545;
    padding: 6rem;
    color: #fff;
  overflow:visible;
}

.overflowhidden{
 overflow:hidden; 
}

.boxcontent .boxbgpattern {
    content: "";
    position: absolute;
    top: 0;
    width: auto;          /* juster etter behov */
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

.boxcontent .boxbgpatternleft {
    left: 0;
   transform: translateX(-100%);
}

.boxcontent .boxbgpatternright {
    right: 0;
   transform: translateX(100%);
}

.boxcontentclip{
  background: #1C3545;
  padding:6rem;
  color:#fff;
 --cut-x: 50px;
  --cut-y: calc(var(--cut-x) * 1.732);

  clip-path: polygon(
    var(--cut-x) 0,                  /* top-left (inn) */
    calc(100% - var(--cut-x)) 0,      /* top-right (inn) */
    100% var(--cut-y),                /* top-right (ned) */
    100% calc(100% - var(--cut-y)),   /* bottom-right (opp) */
    calc(100% - var(--cut-x)) 100%,   /* bottom-right (inn) */
    var(--cut-x) 100%,                /* bottom-left (inn) */
    0 calc(100% - var(--cut-y)),      /* bottom-left (opp) */
    0 var(--cut-y)                    /* top-left (ned) */
  );
}
}

@media (max-width: 1068px) {
    .boxcontent {
        padding: 3rem !important;
    }
}