.forside {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 80px;
  position: relative;
  background-color: var(--hvid);
}

.forside .forside-header {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 374px;
  padding: 0px 80px;
  position: relative;
  flex: 0 0 auto;
}

.forside .rectangle {
  position: absolute;
  top: 203px;
  left: 143px;
  width: 1297px;
  height: 174px;
  background-color: var(--pink);
  border-radius: 200px 0px 0px 200px;
}

.forside .header {
  position: absolute;
  top: 348px;
  left: 0;
  width: 371px;
  height: 208px;
}

.forside .video-swirl {
  display: flex;
  height: 100%;
}

.forside .frame {
  display: flex;
  width: 1280px;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  flex: 0 0 auto;
}

.forside .headerv {
  position: relative;
  width: 651px;
  height: 241px;
}

.forside .div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 32px 60px 36px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--hvid);
  border-radius: 100px;
  border: 3px solid;
  border-color: var(--rd);
}

.forside .menu-item {
  display: inline-flex;
  height: 38px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 2px 0px;
  position: relative;
  flex: 0 0 auto;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-color: var(--rd);
}

.forside .menu {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: var(--menu-tekst-font-family);
  font-weight: var(--menu-tekst-font-weight);
  color: var(--rd);
  font-size: var(--menu-tekst-font-size);
  letter-spacing: var(--menu-tekst-letter-spacing);
  line-height: var(--menu-tekst-line-height);
  font-style: var(--menu-tekst-font-style);
}

.forside .menu-wrapper {
  height: 38px;
  gap: 10px;
  padding: 4px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.forside .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -5px;
  font-family: var(--menu-tekst-font-family);
  font-weight: var(--menu-tekst-font-weight);
  color: var(--rd);
  font-size: var(--menu-tekst-font-size);
  letter-spacing: var(--menu-tekst-letter-spacing);
  line-height: var(--menu-tekst-line-height);
  font-style: var(--menu-tekst-font-style);
}

.forside .frame-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .button {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 30px;
  background-color: var(--hvid);
  border-radius: 100px;
  border: 2px solid;
  border-color: #a5585b;
}

.forside .see-more {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #a5585b;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.forside .see-more-2 {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: #a5585b;
  font-size: var(--br-dtekst-font-size);
  text-align: center;
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--br-dtekst-font-style);
}

.forside .text-wrapper-2 {
  position: relative;
  width: fit-content;
  margin-top: -2px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-font-size);
  text-align: center;
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--br-dtekst-font-style);
}

.forside .see-more-wrapper {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 30px;
  background-color: var(--hvid);
  border-radius: 100px;
  border: 2px solid;
  border-color: #a5585b;
}

.forside .div-wrapper {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 30px;
  background-color: var(--hvid);
  border-radius: 100px;
  border: 2px solid;
  border-color: #a5585b;
}

.forside .div-2 {
  padding: 0px 80px;
  display: flex;
  width: 1440px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .IMG {
  object-fit: cover;
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 530.09px;
}

.forside .titel-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.forside .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .overskrift {
  margin-top: -1px;
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  position: relative;
  width: fit-content;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--rd);
  line-height: var(--h2-line-height);
  white-space: nowrap;
  font-style: var(--h2-font-style);
}

.forside .the-HAY-inspired {
  position: relative;
  align-self: stretch;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-font-size);
  text-align: justify;
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .button-2 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 30px;
  background-color: #ffffff;
  border-radius: 100px;
  border: 2px solid;
  border-color: var(--rd);
}

.forside .forside-hayvacuum {
  display: flex;
  width: 1440px;
  height: 632px;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 80px;
  position: relative;
}

.forside .rectangle-2 {
  position: absolute;
  top: 402px;
  left: 95px;
  width: 340px;
  height: 120px;
  background-color: var(--rd);
  border-radius: 100px;
  transform: rotate(-90deg);
}

.forside .img {
  position: relative;
  width: 843px;
  height: 632px;
  object-fit: cover;
}

.forside .IMG-2 {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 530.09px;
}

.forside .forside-v {
  position: relative;
  width: 843px;
  height: 576.32px;
  object-fit: cover;
}

.forside .rectangle-3 {
  position: absolute;
  top: 381px;
  left: 0;
  width: 384px;
  height: 195px;
  background-color: var(--rd);
  border-radius: 0px 100px 100px 0px;
}

.forside .IMG-3 {
  position: relative;
  width: 843px;
  height: 562px;
  object-fit: cover;
}

.forside .group {
  position: relative;
  width: 407px;
  height: 229px;
}

.forside .frame-wrapper {
  display: flex;
  flex-direction: column;
  width: 407px;
  align-items: flex-start;
  gap: 32px;
  position: relative;
}

.forside .forside-peanut {
  padding: 0px 81px;
  display: flex;
  width: 1440px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .rectangle-4 {
  position: absolute;
  top: 426px;
  left: 111px;
  width: 272px;
  height: 96px;
  background-color: var(--rd);
  border-radius: 100px;
}

.forside .finalv {
  background-color: #00000033;
  position: relative;
  width: 843px;
  height: 632px;
}

.forside .rectangle-5 {
  position: absolute;
  top: 363px;
  left: 0;
  width: 368px;
  height: 177px;
  background-color: var(--rd);
  border-radius: 0px 100px 100px 0px;
}

.forside .footer {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 80px;
  position: relative;
  background-color: #ffffff;
}

.forside .menu-item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .menu-item-2 {
  height: 38px;
  gap: 10px;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.forside .menu-2 {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: var(--rd);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .hay-vaccum {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 80px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--hvid);
}

.forside .hayvacuum-header {
  align-items: flex-end;
  gap: 40px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 80px;
  position: relative;
  flex: 0 0 auto;
}

.forside .rectangle-6 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  padding: 32px 60px 36px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--hvid);
  border-radius: 100px;
  border: 3px solid;
  border-color: var(--rd);
}

.forside .projekt-page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .frame-4 {
  display: flex;
  width: 158px;
  height: 27px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.forside .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .tekst {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  margin-right: -69px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .overskrift-2 {
  font-size: var(--h1-font-size);
  letter-spacing: var(--h1-letter-spacing);
  position: relative;
  width: fit-content;
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  color: var(--rd);
  line-height: var(--h1-line-height);
  white-space: nowrap;
  font-style: var(--h1-font-style);
}

.forside .intro-box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 80px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--pink);
  border-radius: 0px 100px 100px 0px;
  overflow: hidden;
  padding-left: 600px;
  left: -520px;
}

.forside .frame-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .menu-item-3 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.forside .p {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  font-family: var(--br-dtekst-bold-font-family);
  font-weight: var(--br-dtekst-bold-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-bold-font-size);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  font-style: var(--br-dtekst-bold-font-style);
}

.forside .menu-3 {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: var(--rd);
  font-size: 16px;
  letter-spacing: 0px;
  line-height: normal;
}

.forside .span {
  font-weight: 700;
}

.forside .text-wrapper-4 {
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: #a5585b;
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  font-style: var(--br-dtekst-font-style);
  line-height: var(--br-dtekst-line-height);
}

.forside .hayvacuum-result {
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 80px;
  position: relative;
  flex: 0 0 auto;
}

.forside .text-wrapper-5 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: var(--rd);
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  white-space: nowrap;
  font-style: var(--h3-font-style);
}

.forside .div-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .frdigcloseupfrasiden {
  position: relative;
  width: 843px;
  height: 474.69px;
  object-fit: cover;
}

.forside .rectangle-7 {
  position: absolute;
  top: 123px;
  left: -81px;
  width: 373px;
  height: 229px;
  background-color: var(--rd);
  border-radius: 0px 199px 199px 0px;
}

.forside .in-context {
  position: relative;
  width: 843px;
  height: 484px;
  object-fit: cover;
}

.forside .div-4 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .img-2 {
  position: relative;
  width: 843px;
  height: 579.12px;
}

.forside .model-vacuumparts {
  position: relative;
  width: 1280px;
  height: 476.24px;
  background-image: url(https://c.animaapp.com/ylmkhcyn/img/rendercordlessvacuumsv1-3.png);
  background-size: cover;
  background-position: 50% 50%;
}

.forside .text-wrapper-6 {
  position: absolute;
  width: 183px;
  height: 32px;
  top: 22px;
  left: 99px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-7 {
  position: absolute;
  width: 183px;
  height: 32px;
  top: 221px;
  left: 710px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .vector {
  position: absolute;
  width: 64px;
  height: 17px;
  top: 333px;
  left: 236px;
}

.forside .vector-2 {
  position: absolute;
  width: 66px;
  height: 17px;
  top: 333px;
  left: 540px;
}

.forside .div-5 {
  width: 1440px;
  align-items: flex-start;
  gap: 30px;
  display: flex;
  flex-direction: column;
  padding: 0px 80px;
  position: relative;
  flex: 0 0 auto;
}

.SwirlUpperContent {
  gap: 30px;
}

.forside .image {
  position: relative;
  width: 1305px;
  height: 801px;
  margin-right: -25px;
  object-fit: cover;
}

.forside .frame-6 {
  display: flex;
  flex-direction: column;
  width: 1278px;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .rectangle-8 {
  position: absolute;
  top: 1709px;
  left: -80px;
  width: 418px;
  height: 292px;
}

.forside .image-2 {
  position: relative;
  width: 843px;
  height: 750px;
}

.forside .rectangle-9 {
  position: absolute;
  top: 205px;
  left: -128px;
  width: 556px;
  height: 145px;
  background-color: var(--rd);
  border-radius: 100px;
  transform: rotate(90deg);
}

.forside .group-2 {
  position: relative;
  width: 1235px;
  height: 681px;
}

.forside .handles {
  position: absolute;
  width: 364px;
  height: 215px;
  top: 0;
  left: 201px;
  object-fit: cover;
}

.forside .floor {
  position: absolute;
  width: 234px;
  height: 228px;
  top: 94px;
  left: 660px;
  object-fit: cover;
}

.forside .cordless {
  position: absolute;
  width: 138px;
  height: 612px;
  top: 11px;
  left: 0;
  object-fit: cover;
}

.forside .floor-2 {
  position: absolute;
  width: 218px;
  height: 232px;
  top: 285px;
  left: 418px;
  object-fit: cover;
}

.forside .cordless-2 {
  position: absolute;
  width: 154px;
  height: 444px;
  top: 237px;
  left: 201px;
  object-fit: cover;
}

.forside .floor-3 {
  position: absolute;
  width: 246px;
  height: 299px;
  top: 11px;
  left: 989px;
  object-fit: cover;
}

.forside .floor-4 {
  position: absolute;
  width: 521px;
  height: 238px;
  top: 401px;
  left: 699px;
  object-fit: cover;
}

.forside .group-3 {
  position: relative;
  width: 883px;
  height: 834.81px;
}

.forside .overlap-group {
  position: absolute;
  width: 470px;
  height: 835px;
  top: 0;
  left: 0;
}

.forside .image-3 {
  position: absolute;
  width: 444px;
  height: 337px;
  top: 498px;
  left: 26px;
  object-fit: cover;
}

.forside .image-4 {
  position: absolute;
  width: 403px;
  height: 520px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.forside .image-5 {
  position: absolute;
  width: 407px;
  height: 335px;
  top: 273px;
  left: 476px;
  object-fit: cover;
}

.forside .group-4 {
  position: relative;
  width: 1280px;
  height: 986px;
}

.forside .cercle-solaire {
  position: relative;
  width: 1440px;
  flex: 0 0 auto;
}

.forside .peanut {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 80px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--hvid);
}

.forside .div-6 {
  align-items: flex-end;
  gap: 40px;
  display: flex;
  flex-direction: column;
  width: 1440px;
  padding: 0px 80px;
  position: relative;
  flex: 0 0 auto;
}

.forside .projekt-page-header-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .tekst-2 {
  margin-right: -21px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .menu-4 {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: var(--rd);
  font-size: 16px;
  letter-spacing: 0px;
  line-height: normal;
}

.forside .text-wrapper-8 {
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: #a5585b;
  font-size: 16px;
  letter-spacing: 0px;
}

.forside .image-6 {
  position: relative;
  width: 838px;
  height: 471px;
  object-fit: cover;
}

.forside .image-wrapper {
  display: flex;
  flex-direction: column;
  width: 1281px;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.forside .image-7 {
  position: relative;
  width: 843px;
  height: 472px;
  object-fit: cover;
}

.forside .frame-7 {
  display: inline-flex;
  align-items: flex-start;
  gap: 32px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.forside .pc-v {
  position: relative;
  width: 407px;
  height: 509px;
  object-fit: cover;
}

.forside .pc {
  position: relative;
  width: 403px;
  height: 509px;
}

.forside .pc-v-2 {
  position: relative;
  width: 407px;
  height: 509px;
}

.forside .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: var(--rd);
  font-size: 60px;
  letter-spacing: 0px;
  line-height: normal;
  white-space: nowrap;
}

.forside .skrmbillede {
  position: relative;
  width: 841px;
  height: 475px;
  object-fit: cover;
}

.forside .group-5 {
  position: relative;
  width: 1298px;
  height: 406px;
  margin-right: -18px;
}

.forside .skitserrkke {
  position: absolute;
  width: 534px;
  height: 274px;
  top: 116px;
  left: 0;
  object-fit: cover;
}

.forside .skitser {
  position: absolute;
  width: 697px;
  height: 225px;
  top: 0;
  left: 564px;
  object-fit: cover;
}

.forside .overlap-group-2 {
  position: absolute;
  width: 755px;
  height: 170px;
  top: 236px;
  left: 543px;
}

.forside .skitserrkkenederst {
  position: absolute;
  width: 319px;
  height: 170px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.forside .skitserrkkenederst-2 {
  position: absolute;
  width: 438px;
  height: 167px;
  top: 0;
  left: 317px;
  object-fit: cover;
}

.forside .frame-8 {
  display: flex;
  flex-wrap: wrap;
  width: 1281px;
  height: 1437px;
  align-items: flex-start;
  gap: 30px 30px;
  position: relative;
  margin-right: -1px;
}

.forside .rectangle-10 {
  position: absolute;
  top: 73px;
  left: -79px;
  width: 432px;
  height: 344px;
  background-color: var(--rd);
  border-radius: 0px 199px 199px 0px;
}

.forside .prototypes-wrapper {
  display: flex;
  flex-direction: column;
  width: 1279px;
  align-items: flex-end;
  gap: 10px;
  position: relative;
}

.forside .prototypes {
  position: relative;
  width: 843px;
  height: 489px;
  object-fit: cover;
}

.forside .frame-9 {
  display: flex;
  width: 843px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
}

.forside .formtest {
  position: relative;
  width: 189px;
  height: 254px;
  object-fit: cover;
}

.forside .formtest-p {
  position: relative;
  width: 188px;
  height: 254px;
  object-fit: cover;
}

.forside .IMG-4 {
  position: relative;
  width: 185px;
  height: 254px;
  object-fit: cover;
}

.forside .IMG-5 {
  position: absolute;
  top: 0;
  left: 652px;
  width: 191px;
  height: 254px;
  object-fit: cover;
}

.forside .formtest-2 {
  position: relative;
  width: 408px;
  height: 254px;
  background-color: var(--hvid);
}

.forside .frame-10 {
  display: inline-flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -3px;
}

.forside .element {
  position: relative;
  width: 405px;
  height: 637px;
  object-fit: cover;
}

.forside .materialetest {
  position: relative;
  width: 185px;
  height: 251px;
  object-fit: cover;
}

.forside .materialetest-p {
  width: 191px;
  position: relative;
  height: 251px;
  object-fit: cover;
}

.forside .materialetest-2 {
  width: 189px;
  position: relative;
  height: 251px;
  object-fit: cover;
}

.forside .rectangle-11 {
  position: absolute;
  top: 0;
  left: 1077px;
  width: 160px;
  height: 536px;
}

.forside .div-7 {
  display: flex;
  flex-wrap: wrap;
  width: 1440px;
  align-items: flex-start;
  justify-content: space-between;
  gap: -215px 80px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.forside .div-8 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-end;
  gap: 40px;
  padding: 0px 80px;
  position: relative;
}

.forside .tekst-3 {
  margin-right: -52px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .intro-box-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 80px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -1440px;
  background-color: var(--pink);
  border-radius: 0px 100px 100px 0px;
  overflow: hidden;
}

.forside .nettrapez-result {
  width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 80px;
  position: relative;
  margin-left: -1440px;
}

.forside .rectangle-12 {
  position: absolute;
  top: 774px;
  left: 0;
  width: 427px;
  height: 344px;
}

.forside .IMG-6 {
  background-color: #cdcccc;
  position: relative;
  width: 843px;
  height: 561.59px;
}

.forside .IMG-7 {
  object-fit: cover;
  position: relative;
  width: 843px;
  height: 561.59px;
}

.forside .frame-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  /* justify-content: center; */
  /* gap: 10px; */
  /* position: relative; */
  align-self: stretch;
  /* width: 100%; */
  /* flex: 0 0 auto; */
}

.forside .blokke-rdtekst {
  position: relative;
  width: 843px;
  height: 254px;
  object-fit: cover;
}

.forside .div-9 {
  width: 1439px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 80px;
  position: relative;
  margin-left: -1440px;
}

.forside .designprocess-rd {
  position: relative;
  width: 1284px;
  height: 805px;
  margin-right: -5px;
  overflow: hidden;
}

.forside .overlap-group-3 {
  position: relative;
  width: 1280px;
  height: 822px;
  top: -16px;
}

.forside .lag {
  position: absolute;
  width: 1006px;
  height: 822px;
  top: 0;
  left: 274px;
}

.forside .rectangle-13 {
  position: absolute;
  width: 424px;
  height: 280px;
  top: 541px;
  left: 342px;
}

.forside .rectangle-14 {
  position: absolute;
  width: 323px;
  height: 198px;
  top: 186px;
  left: 546px;
}

.forside .rectangle-15 {
  position: absolute;
  width: 197px;
  height: 139px;
  top: 16px;
  left: 325px;
}

.forside .rectangle-16 {
  position: absolute;
  width: 318px;
  height: 140px;
  top: 16px;
  left: 553px;
}

.forside .rectangle-17 {
  position: absolute;
  width: 311px;
  height: 267px;
  top: 352px;
  left: 0;
}

.forside .rectangle-18 {
  position: absolute;
  width: 211px;
  height: 219px;
  top: 414px;
  left: 795px;
}

.forside .lag-2 {
  position: absolute;
  width: 1078px;
  height: 622px;
  top: 25px;
  left: 0;
}

.forside .lag-3 {
  position: absolute;
  width: 1014px;
  height: 503px;
  top: 79px;
  left: 42px;
}

.forside .lag-4 {
  position: absolute;
  width: 172px;
  height: 226px;
  top: 113px;
  left: 14px;
}

.forside .footer-2 {
  margin-left: -1440px;
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 80px;
  position: relative;
  background-color: #ffffff;
}

.forside .SWIRL {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 80px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.forside .tekst-4 {
  margin-right: -13px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .menu-5 {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .text-wrapper-10 {
  font-weight: var(--br-dtekst-font-weight);
  font-family: var(--br-dtekst-font-family);
  font-style: var(--br-dtekst-font-style);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-size: var(--br-dtekst-font-size);
}

.forside .image-8 {
  position: absolute;
  top: 1040px;
  left: 0;
  width: 900px;
  height: 1042px;
}

.forside .rectangle-19 {
  position: absolute;
  top: 1394px;
  left: 1006px;
  width: 434px;
  height: 344px;
}

.forside .forside-v-2 {
  height: 576px;
  background-color: #ffffff;
  position: relative;
  width: 700px;
}

.forside .fotoscenarie {
  position: relative;
  width: 843px;
  height: 562.07px;
  object-fit: cover;
}

.forside .modesofswirl {
  position: relative;
  width: 843px;
  height: 669.6px;
}

.forside .movementofswirl {
  position: relative;
  width: 843px;
  height: 819.48px;
}

.forside .overlap {
  position: absolute;
  width: 225px;
  height: 239px;
  top: 30px;
  left: 273px;
}

.forside .vector-3 {
  position: absolute;
  width: 86px;
  height: 47px;
  top: 9px;
  left: 101px;
}

.forside .vector-4 {
  position: absolute;
  width: 22px;
  height: 23px;
  top: 0;
  left: 86px;
}

.forside .vector-5 {
  position: absolute;
  width: 23px;
  height: 23px;
  top: 43px;
  left: 174px;
}

.forside .group-6 {
  position: absolute;
  width: 198px;
  height: 199px;
  top: 40px;
  left: 0;
}

.forside .vector-6 {
  position: absolute;
  width: 86px;
  height: 46px;
  top: 87px;
  left: 126px;
}

.forside .vector-7 {
  position: absolute;
  width: 24px;
  height: 21px;
  top: 119px;
  left: 113px;
}

.forside .vector-8 {
  position: absolute;
  width: 24px;
  height: 21px;
  top: 81px;
  left: 201px;
}

.forside .vector-9 {
  position: absolute;
  width: 12px;
  height: 15px;
  top: 0;
  left: 253px;
}

.forside .vector-10 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  left: 267px;
}

.forside .vector-11 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 279px;
}

.forside .vector-12 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 4px;
  left: 300px;
}

.forside .vector-13 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 318px;
}

.forside .vector-14 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 4px;
  left: 330px;
}

.forside .vector-15 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 341px;
}

.forside .vector-16 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 4px;
  left: 354px;
}

.forside .vector-17 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 372px;
}

.forside .vector-18 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 4px;
  left: 384px;
}

.forside .vector-19 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 1px;
  left: 396px;
}

.forside .vector-20 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 0;
  left: 409px;
}

.forside .vector-21 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 0;
  left: 423px;
}

.forside .vector-22 {
  position: absolute;
  width: 6px;
  height: 11px;
  top: 4px;
  left: 428px;
}

.forside .vector-23 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 436px;
}

.forside .vector-24 {
  position: absolute;
  width: 10px;
  height: 12px;
  top: 4px;
  left: 448px;
}

.forside .vector-25 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 1px;
  left: 459px;
}

.forside .vector-26 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 0;
  left: 470px;
}

.forside .vector-27 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 4px;
  left: 475px;
}

.forside .vector-28 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 4px;
  left: 488px;
}

.forside .vector-29 {
  position: absolute;
  width: 9px;
  height: 12px;
  top: 4px;
  left: 500px;
}

.forside .overlap-2 {
  position: absolute;
  width: 312px;
  height: 373px;
  top: 293px;
  left: 528px;
}

.forside .vector-30 {
  position: absolute;
  width: 123px;
  height: 88px;
  top: 13px;
  left: 99px;
}

.forside .vector-31 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 96px;
  left: 213px;
}

.forside .vector-32 {
  position: absolute;
  width: 27px;
  height: 61px;
  top: 47px;
  left: 235px;
}

.forside .vector-33 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 41px;
  left: 228px;
}

.forside .vector-34 {
  position: absolute;
  width: 26px;
  height: 57px;
  top: 37px;
  left: 252px;
}

.forside .vector-35 {
  position: absolute;
  width: 16px;
  height: 14px;
  top: 91px;
  left: 268px;
}

.forside .vector-36 {
  position: absolute;
  width: 27px;
  height: 71px;
  top: 33px;
  left: 269px;
}

.forside .vector-37 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 27px;
  left: 263px;
}

.forside .vector-38 {
  position: absolute;
  width: 65px;
  height: 210px;
  top: 42px;
  left: 247px;
}

.forside .vector-39 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 243px;
  left: 240px;
}

.forside .vector-40 {
  position: absolute;
  width: 35px;
  height: 46px;
  top: 241px;
  left: 271px;
}

.forside .vector-41 {
  position: absolute;
  width: 15px;
  height: 16px;
  top: 232px;
  left: 296px;
}

.forside .vector-42 {
  position: absolute;
  width: 119px;
  height: 91px;
  top: 259px;
  left: 189px;
}

.forside .vector-43 {
  position: absolute;
  width: 15px;
  height: 16px;
  top: 340px;
  left: 180px;
}

.forside .vector-44 {
  position: absolute;
  width: 16px;
  height: 19px;
  top: 245px;
  left: 253px;
}

.forside .vector-45 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 239px;
  left: 263px;
}

.forside .vector-46 {
  position: absolute;
  width: 5px;
  height: 24px;
  top: 85px;
  left: 231px;
}

.forside .vector-47 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 79px;
  left: 228px;
}

.forside .vector-48 {
  position: absolute;
  width: 7px;
  height: 23px;
  top: 76px;
  left: 241px;
}

.forside .vector-49 {
  position: absolute;
  width: 11px;
  height: 10px;
  top: 97px;
  left: 241px;
}

.forside .vector-50 {
  position: absolute;
  width: 16px;
  height: 19px;
  top: 252px;
  left: 266px;
}

.forside .vector-51 {
  position: absolute;
  width: 11px;
  height: 10px;
  top: 265px;
  left: 261px;
}

.forside .text-wrapper-11 {
  width: 73px;
  top: 0;
  left: 29px;
  position: absolute;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-12 {
  width: 84px;
  top: 255px;
  left: 196px;
  transform: rotate(-41.15deg);
  position: absolute;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-13 {
  top: 146px;
  left: 185px;
  transform: rotate(85.74deg);
  position: absolute;
  width: 84px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .overlap-group-wrapper {
  position: absolute;
  width: 40px;
  height: 66px;
  top: 113px;
  left: 232px;
}

.forside .overlap-group-4 {
  position: relative;
  width: 36px;
  height: 66px;
}

.forside .text-wrapper-14 {
  top: 17px;
  left: -3px;
  transform: rotate(85.74deg);
  position: absolute;
  width: 52px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-15 {
  top: 23px;
  left: -19px;
  transform: rotate(85.74deg);
  position: absolute;
  width: 63px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .overlap-wrapper {
  position: absolute;
  width: 73px;
  height: 58px;
  top: 254px;
  left: 221px;
}

.forside .overlap-3 {
  position: relative;
  width: 69px;
  height: 58px;
}

.forside .text-wrapper-16 {
  top: 15px;
  left: 0;
  transform: rotate(-41.15deg);
  position: absolute;
  width: 52px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-17 {
  top: 19px;
  left: 6px;
  transform: rotate(-41.15deg);
  position: absolute;
  width: 63px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .group-7 {
  position: absolute;
  width: 74px;
  height: 57px;
  top: 316px;
  left: 224px;
}

.forside .overlap-4 {
  position: relative;
  width: 70px;
  height: 57px;
}

.forside .text-wrapper-18 {
  top: 14px;
  left: 1px;
  transform: rotate(-36.57deg);
  position: absolute;
  width: 52px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-19 {
  top: 19px;
  left: 7px;
  transform: rotate(-36.57deg);
  position: absolute;
  width: 63px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .vector-52 {
  position: absolute;
  width: 34px;
  height: 10px;
  top: 355px;
  left: 185px;
}

.forside .vector-53 {
  position: absolute;
  width: 8px;
  height: 7px;
  top: 353px;
  left: 215px;
}

.forside .group-8 {
  position: absolute;
  width: 198px;
  height: 199px;
  top: 43px;
  left: 0;
}

.forside .vector-54 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 182px;
  left: 519px;
}

.forside .vector-55 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 185px;
  left: 536px;
}

.forside .vector-56 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 185px;
  left: 547px;
}

.forside .vector-57 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 185px;
  left: 559px;
}

.forside .vector-58 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 185px;
  left: 571px;
}

.forside .vector-59 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 185px;
  left: 589px;
}

.forside .vector-60 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 185px;
  left: 602px;
}

.forside .vector-61 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 182px;
  left: 614px;
}

.forside .vector-62 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 185px;
  left: 627px;
}

.forside .vector-63 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 182px;
  left: 644px;
}

.forside .vector-64 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 185px;
  left: 656px;
}

.forside .vector-65 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 185px;
  left: 669px;
}

.forside .vector-66 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 181px;
  left: 686px;
}

.forside .vector-67 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 181px;
  left: 692px;
}

.forside .vector-68 {
  position: absolute;
  width: 9px;
  height: 12px;
  top: 185px;
  left: 697px;
}

.forside .vector-69 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 182px;
  left: 707px;
}

.forside .vector-70 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 185px;
  left: 717px;
}

.forside .vector-71 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 185px;
  left: 729px;
}

.forside .vector-72 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 181px;
  left: 742px;
}

.forside .vector-73 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 185px;
  left: 748px;
}

.forside .vector-74 {
  position: absolute;
  width: 10px;
  height: 17px;
  top: 185px;
  left: 760px;
}

.forside .vector-75 {
  position: absolute;
  width: 10px;
  height: 12px;
  top: 213px;
  left: 520px;
}

.forside .vector-76 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 534px;
}

.forside .vector-77 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 543px;
}

.forside .vector-78 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 215px;
  left: 553px;
}

.forside .vector-79 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 213px;
  left: 567px;
}

.forside .vector-80 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 213px;
  left: 577px;
}

.forside .vector-81 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 216px;
  left: 580px;
}

.forside .vector-82 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 215px;
  left: 590px;
}

.forside .vector-83 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 213px;
  left: 598px;
}

.forside .vector-84 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 213px;
  left: 606px;
}

.forside .vector-85 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 609px;
}

.forside .vector-86 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 216px;
  left: 619px;
}

.forside .vector-87 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 632px;
}

.forside .vector-88 {
  position: absolute;
  width: 5px;
  height: 12px;
  top: 212px;
  left: 642px;
}

.forside .vector-89 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 216px;
  left: 652px;
}

.forside .vector-90 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 215px;
  left: 656px;
}

.forside .vector-91 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 216px;
  left: 666px;
}

.forside .vector-92 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 213px;
  left: 675px;
}

.forside .vector-93 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 685px;
}

.forside .vector-94 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 215px;
  left: 696px;
}

.forside .vector-95 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 212px;
  left: 710px;
}

.forside .vector-96 {
  position: absolute;
  width: 8px;
  height: 13px;
  top: 216px;
  left: 712px;
}

.forside .vector-97 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 725px;
}

.forside .vector-98 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 213px;
  left: 734px;
}

.forside .vector-99 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 744px;
}

.forside .vector-100 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 215px;
  left: 754px;
}

.forside .vector-101 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 215px;
  left: 762px;
}

.forside .vector-102 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 216px;
  left: 772px;
}

.forside .vector-103 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 233px;
  left: 521px;
}

.forside .vector-104 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 524px;
}

.forside .vector-105 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 534px;
}

.forside .vector-106 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 236px;
  left: 543px;
}

.forside .vector-107 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 553px;
}

.forside .vector-108 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 236px;
  left: 563px;
}

.forside .vector-109 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 234px;
  left: 571px;
}

.forside .vector-110 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 579px;
}

.forside .vector-111 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 236px;
  left: 589px;
}

.forside .vector-112 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 595px;
}

.forside .vector-113 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 236px;
  left: 604px;
}

.forside .vector-114 {
  position: absolute;
  width: 1px;
  height: 3px;
  top: 244px;
  left: 613px;
}

.forside .vector-115 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 236px;
  left: 620px;
}

.forside .vector-116 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 630px;
}

.forside .vector-117 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 233px;
  left: 639px;
}

.forside .vector-118 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 236px;
  left: 653px;
}

.forside .vector-119 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 658px;
}

.forside .vector-120 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 668px;
}

.forside .vector-121 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 233px;
  left: 677px;
}

.forside .vector-122 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 687px;
}

.forside .vector-123 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 236px;
  left: 697px;
}

.forside .vector-124 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 714px;
}

.forside .vector-125 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 233px;
  left: 723px;
}

.forside .vector-126 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 733px;
}

.forside .vector-127 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 743px;
}

.forside .vector-128 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 236px;
  left: 752px;
}

.forside .vector-129 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 236px;
  left: 761px;
}

.forside .vector-130 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 236px;
  left: 771px;
}

.forside .vector-131 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 520px;
}

.forside .vector-132 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 256px;
  left: 529px;
}

.forside .vector-133 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 257px;
  left: 543px;
}

.forside .vector-134 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 253px;
  left: 553px;
}

.forside .vector-135 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 253px;
  left: 556px;
}

.forside .vector-136 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 256px;
  left: 563px;
}

.forside .vector-137 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 577px;
}

.forside .vector-138 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 257px;
  left: 586px;
}

.forside .vector-139 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 594px;
}

.forside .vector-140 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 256px;
  left: 604px;
}

.forside .vector-141 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 617px;
}

.forside .vector-142 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 256px;
  left: 627px;
}

.forside .vector-143 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 254px;
  left: 636px;
}

.forside .vector-144 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 256px;
  left: 643px;
}

.forside .vector-145 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 254px;
  left: 656px;
}

.forside .vector-146 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 256px;
  left: 665px;
}

.forside .vector-147 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 674px;
}

.forside .vector-148 {
  position: absolute;
  width: 7px;
  height: 12px;
  top: 254px;
  left: 684px;
}

.forside .vector-149 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 695px;
}

.forside .vector-150 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 256px;
  left: 705px;
}

.forside .vector-151 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 254px;
  left: 714px;
}

.forside .vector-152 {
  position: absolute;
  width: 5px;
  height: 12px;
  top: 253px;
  left: 727px;
}

.forside .vector-153 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 256px;
  left: 733px;
}

.forside .vector-154 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 257px;
  left: 743px;
}

.forside .vector-155 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 254px;
  left: 748px;
}

.forside .vector-156 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 254px;
  left: 755px;
}

.forside .vector-157 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 516px;
  left: 276px;
}

.forside .vector-158 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 519px;
  left: 293px;
}

.forside .vector-159 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 519px;
  left: 305px;
}

.forside .vector-160 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 519px;
  left: 316px;
}

.forside .vector-161 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 519px;
  left: 329px;
}

.forside .vector-162 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 519px;
  left: 347px;
}

.forside .vector-163 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 519px;
  left: 359px;
}

.forside .vector-164 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 516px;
  left: 371px;
}

.forside .vector-165 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 519px;
  left: 384px;
}

.forside .vector-166 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 516px;
  left: 402px;
}

.forside .vector-167 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 519px;
  left: 414px;
}

.forside .vector-168 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 519px;
  left: 426px;
}

.forside .vector-169 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 516px;
  left: 442px;
}

.forside .vector-170 {
  position: absolute;
  width: 10px;
  height: 12px;
  top: 519px;
  left: 452px;
}

.forside .vector-171 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 515px;
  left: 464px;
}

.forside .vector-172 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 516px;
  left: 470px;
}

.forside .vector-173 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 515px;
  left: 481px;
}

.forside .vector-174 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 519px;
  left: 487px;
}

.forside .vector-175 {
  position: absolute;
  width: 10px;
  height: 17px;
  top: 519px;
  left: 499px;
}

.forside .overlap-5 {
  position: absolute;
  width: 263px;
  height: 270px;
  top: 550px;
  left: 334px;
}

.forside .vector-176 {
  position: absolute;
  width: 33px;
  height: 37px;
  top: 51px;
  left: 186px;
}

.forside .vector-177 {
  position: absolute;
  width: 16px;
  height: 14px;
  top: 47px;
  left: 178px;
}

.forside .vector-178 {
  position: absolute;
  width: 44px;
  height: 51px;
  top: 31px;
  left: 195px;
}

.forside .vector-179 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 76px;
  left: 230px;
}

.forside .vector-180 {
  position: absolute;
  width: 55px;
  height: 39px;
  top: 54px;
  left: 143px;
}

.forside .vector-181 {
  position: absolute;
  width: 14px;
  height: 16px;
  top: 85px;
  left: 188px;
}

.forside .vector-182 {
  position: absolute;
  width: 40px;
  height: 34px;
  top: 0;
  left: 219px;
}

.forside .vector-183 {
  position: absolute;
  width: 14px;
  height: 16px;
  top: 27px;
  left: 249px;
}

.forside .vector-184 {
  position: absolute;
  width: 45px;
  height: 55px;
  top: 21px;
  left: 217px;
}

.forside .vector-185 {
  position: absolute;
  width: 16px;
  height: 14px;
  top: 16px;
  left: 209px;
}

.forside .group-9 {
  position: absolute;
  width: 198px;
  height: 199px;
  top: 70px;
  left: 0;
}

.forside .vector-186 {
  position: absolute;
  width: 11px;
  height: 13px;
  top: 547px;
  left: 276px;
}

.forside .vector-187 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 550px;
  left: 288px;
}

.forside .vector-188 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 550px;
  left: 298px;
}

.forside .vector-189 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 550px;
  left: 308px;
}

.forside .vector-190 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 547px;
  left: 316px;
}

.forside .vector-191 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 550px;
  left: 323px;
}

.forside .vector-192 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 550px;
  left: 333px;
}

.forside .vector-193 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 547px;
  left: 341px;
}

.forside .vector-194 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 550px;
  left: 352px;
}

.forside .vector-195 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 550px;
  left: 361px;
}

.forside .vector-196 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 550px;
  left: 374px;
}

.forside .vector-197 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 547px;
  left: 384px;
}

.forside .vector-198 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 547px;
  left: 388px;
}

.forside .vector-199 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 550px;
  left: 395px;
}

.forside .vector-200 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 550px;
  left: 400px;
}

.forside .vector-201 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 550px;
  left: 409px;
}

.forside .vector-202 {
  position: absolute;
  width: 8px;
  height: 12px;
  top: 547px;
  left: 419px;
}

.forside .vector-203 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 550px;
  left: 429px;
}

.forside .vector-204 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 550px;
  left: 439px;
}

.forside .vector-205 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 550px;
  left: 456px;
}

.forside .vector-206 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 550px;
  left: 470px;
}

.forside .vector-207 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 550px;
  left: 479px;
}

.forside .vector-208 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 550px;
  left: 487px;
}

.forside .vector-209 {
  position: absolute;
  width: 5px;
  height: 1px;
  top: 553px;
  left: 497px;
}

.forside .vector-210 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 570px;
  left: 277px;
}

.forside .vector-211 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 290px;
}

.forside .vector-212 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 570px;
  left: 300px;
}

.forside .vector-213 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 568px;
  left: 309px;
}

.forside .vector-214 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 570px;
  left: 316px;
}

.forside .vector-215 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 568px;
  left: 327px;
}

.forside .vector-216 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 334px;
}

.forside .vector-217 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 570px;
  left: 348px;
}

.forside .vector-218 {
  position: absolute;
  width: 7px;
  height: 10px;
  top: 570px;
  left: 361px;
}

.forside .vector-219 {
  position: absolute;
  width: 7px;
  height: 12px;
  top: 567px;
  left: 371px;
}

.forside .vector-220 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 570px;
  left: 379px;
}

.forside .vector-221 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 567px;
  left: 392px;
}

.forside .vector-222 {
  position: absolute;
  width: 6px;
  height: 12px;
  top: 568px;
  left: 395px;
}

.forside .vector-223 {
  position: absolute;
  width: 7px;
  height: 9px;
  top: 570px;
  left: 405px;
}

.forside .vector-224 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 414px;
}

.forside .vector-225 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 424px;
}

.forside .vector-226 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 570px;
  left: 434px;
}

.forside .vector-227 {
  position: absolute;
  width: 12px;
  height: 9px;
  top: 570px;
  left: 451px;
}

.forside .vector-228 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 464px;
}

.forside .vector-229 {
  position: absolute;
  width: 4px;
  height: 9px;
  top: 570px;
  left: 475px;
}

.forside .vector-230 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 570px;
  left: 480px;
}

.forside .vector-231 {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 588px;
  left: 277px;
}

.forside .vector-232 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 588px;
  left: 283px;
}

.forside .vector-233 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 588px;
  left: 286px;
}

.forside .vector-234 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 591px;
  left: 289px;
}

.forside .vector-235 {
  position: absolute;
  width: 1px;
  height: 12px;
  top: 588px;
  left: 298px;
}

.forside .vector-236 {
  position: absolute;
  width: 8px;
  height: 9px;
  top: 591px;
  left: 302px;
}

.forside .vector-237 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 591px;
  left: 311px;
}

.forside .vector-238 {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 588px;
  left: 321px;
}

.forside .vector-239 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 249px;
  left: 3px;
}

.forside .vector-240 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 253px;
  left: 20px;
}

.forside .vector-241 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 253px;
  left: 32px;
}

.forside .vector-242 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 253px;
  left: 43px;
}

.forside .vector-243 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 252px;
  left: 56px;
}

.forside .vector-244 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 253px;
  left: 74px;
}

.forside .vector-245 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 252px;
  left: 87px;
}

.forside .vector-246 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 250px;
  left: 98px;
}

.forside .vector-247 {
  position: absolute;
  width: 16px;
  height: 11px;
  top: 253px;
  left: 111px;
}

.forside .vector-248 {
  position: absolute;
  width: 10px;
  height: 15px;
  top: 249px;
  left: 129px;
}

.forside .vector-249 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 253px;
  left: 141px;
}

.forside .vector-250 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 252px;
  left: 154px;
}

.forside .vector-251 {
  position: absolute;
  width: 8px;
  height: 14px;
  top: 250px;
  left: 169px;
}

.forside .vector-252 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 253px;
  left: 179px;
}

.forside .vector-253 {
  position: absolute;
  width: 6px;
  height: 11px;
  top: 253px;
  left: 192px;
}

.forside .vector-254 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 252px;
  left: 201px;
}

.forside .vector-255 {
  position: absolute;
  width: 2px;
  height: 15px;
  top: 249px;
  left: 214px;
}

.forside .vector-256 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 252px;
  left: 219px;
}

.forside .vector-257 {
  position: absolute;
  width: 10px;
  height: 17px;
  top: 253px;
  left: 231px;
}

.forside .vector-258 {
  position: absolute;
  width: 11px;
  height: 12px;
  top: 253px;
  left: 248px;
}

.forside .vector-259 {
  position: absolute;
  width: 10px;
  height: 11px;
  top: 252px;
  left: 261px;
}

.forside .overlap-6 {
  position: absolute;
  width: 283px;
  height: 280px;
  top: 281px;
  left: 4px;
}

.forside .vector-260 {
  position: absolute;
  width: 114px;
  height: 100px;
  top: 7px;
  left: 161px;
}

.forside .vector-261 {
  position: absolute;
  width: 23px;
  height: 22px;
  top: 99px;
  left: 260px;
}

.forside .vector-262 {
  position: absolute;
  width: 125px;
  height: 85px;
  top: 186px;
  left: 143px;
}

.forside .vector-263 {
  position: absolute;
  width: 22px;
  height: 24px;
  top: 257px;
  left: 128px;
}

.forside .vector-264 {
  position: absolute;
  width: 61px;
  height: 141px;
  top: 32px;
  left: 0;
}

.forside .vector-265 {
  position: absolute;
  width: 24px;
  height: 21px;
  top: 26px;
  left: 50px;
}

.forside .easing-in {
  position: absolute;
  width: 73px;
  top: 2px;
  left: 114px;
  transform: rotate(-3.63deg);
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .text-wrapper-20 {
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
}

.forside .text-wrapper-21 {
  top: 203px;
  left: -5px;
  transform: rotate(48.65deg);
  position: absolute;
  width: 84px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #a6585b;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.forside .group-10 {
  position: absolute;
  width: 198px;
  height: 199px;
  top: 38px;
  left: 40px;
}

.forside .rectangle-20 {
  position: absolute;
  top: 682px;
  left: -80px;
  width: 657px;
  height: 139px;
}

.forside .rectangle-21 {
  position: absolute;
  top: 133px;
  left: 1078px;
  width: 160px;
  height: 449px;
}

.forside .frame-12 {
  display: flex;
  width: 1276px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .img-3 {
  position: relative;
  width: 188px;
  height: 250.67px;
  object-fit: cover;
}

.forside .frame-13 {
  position: relative;
  width: 1282px;
  height: 545px;
  margin-right: -2px;
}

.forside .frame-14 {
  display: flex;
  width: 844px;
  height: 545px;
  align-items: flex-start;
  gap: 30px;
  position: absolute;
  top: 0;
  left: 437px;
}

.forside .img-4 {
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  object-fit: cover;
}

.forside .rectangle-22 {
  position: absolute;
  width: 160px;
  height: 324px;
  top: 111px;
  left: 130px;
}

.forside .frame-15 {
  display: flex;
  width: 624px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .img-5 {
  position: relative;
  width: 188px;
  height: 263px;
  object-fit: cover;
}

.forside .hnderholderfilt {
  position: relative;
  width: 188px;
  height: 263.25px;
  object-fit: cover;
}

.forside .frame-16 {
  display: flex;
  width: 1282px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -2px;
}

.forside .krllet-u-lys {
  position: relative;
  width: 188px;
  height: 263.13px;
  object-fit: cover;
}

.forside .krllet-plastik {
  position: relative;
  width: 188px;
  height: 263.17px;
  object-fit: cover;
}

.forside .prototypemring {
  position: relative;
  width: 188px;
  height: 263.21px;
  object-fit: cover;
}

.forside .frdig-holdt-ihnd {
  position: relative;
  width: 440px;
  height: 534px;
  object-fit: cover;
}

.forside .rectangle-23 {
  position: absolute;
  top: 5911px;
  left: 646px;
  width: 792px;
  height: 344px;
}

.forside .BOGTEX {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 80px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.forside .tekst-5 {
  margin-right: -19px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .menu-item-4 {
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.forside .result {
  display: flex;
  flex-direction: column;
  width: 1439px;
  height: 2278px;
  align-items: flex-start;
  gap: 30px;
  padding: 0px 80px;
  position: relative;
}

.forside .div-10 {
  display: flex;
  width: 1280px;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.forside .img-6 {
  position: relative;
  width: 401px;
  height: 562px;
  object-fit: cover;
}

.forside .rectangle-24 {
  position: absolute;
  top: 56px;
  left: 121px;
  width: 160px;
  height: 449px;
}

.forside .img-7 {
  position: relative;
  width: 843px;
  height: 575.95px;
  object-fit: cover;
}

.forside .use-case-senario {
  display: flex;
  width: 1280px;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.forside .img-8 {
  position: relative;
  width: 413px;
  height: 285px;
  object-fit: cover;
}

.forside .lovetheme {
  position: relative;
  width: 393px;
  height: 285px;
  object-fit: cover;
}

.forside .rectangle-25 {
  position: absolute;
  top: 0;
  left: -79px;
  width: 436px;
  height: 139px;
}

.forside .prototype-w-humans {
  display: flex;
  width: 843px;
  height: 519px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
}

.forside .pc-2 {
  position: relative;
  align-self: stretch;
  width: 401.5px;
}

.forside .pc-v-3 {
  position: relative;
  align-self: stretch;
  width: 411.5px;
  object-fit: cover;
}

.forside .interactionw {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .div-11 {
  position: relative;
  width: 843px;
  flex: 0 0 auto;
}

.forside .pc-3 {
  position: absolute;
  width: 188px;
  height: 238px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.forside .pc-v-4 {
  position: absolute;
  width: 188px;
  height: 235px;
  top: 1px;
  left: 218px;
  object-fit: cover;
}

.forside .pc-4 {
  position: absolute;
  width: 188px;
  height: 238px;
  top: 0;
  left: 436px;
  object-fit: cover;
}

.forside .pc-v-5 {
  position: absolute;
  width: 188px;
  height: 235px;
  top: 1px;
  left: 655px;
  object-fit: cover;
}

.forside .model-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 1280px;
  height: 544px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px 10px;
  position: relative;
}

.forside .model {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 511px;
}

.forside .overlap-7 {
  position: absolute;
  width: 302px;
  height: 437px;
  top: 52px;
  left: 327px;
}

.forside .whatsapp-billede {
  position: absolute;
  width: 167px;
  height: 125px;
  top: 39px;
  left: 135px;
}

.forside .image-9 {
  position: absolute;
  width: 156px;
  height: 132px;
  top: 171px;
  left: 146px;
}

.forside .rectangle-26 {
  position: absolute;
  width: 178px;
  height: 437px;
  top: 0;
  left: 0;
}

.forside .text-wrapper-22 {
  width: 142px;
  height: 27px;
  top: 43px;
  left: 21px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h1-font-family);
  font-weight: var(--model-h1-font-weight);
  color: #ffffff;
  font-size: var(--model-h1-font-size);
  letter-spacing: var(--model-h1-letter-spacing);
  line-height: var(--model-h1-line-height);
  font-style: var(--model-h1-font-style);
}

.forside .text-wrapper-23 {
  position: absolute;
  width: 77px;
  height: 18px;
  top: 140px;
  left: 10px;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  white-space: nowrap;
  font-style: var(--model-h3-font-style);
}

.forside .text-wrapper-24 {
  width: 62px;
  height: 18px;
  top: 215px;
  left: 9px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .where-do-you-go-to {
  position: absolute;
  width: 157px;
  height: 113px;
  top: 243px;
  left: 10px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-25 {
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  font-style: var(--model-br-dtekst-font-style);
  line-height: var(--model-br-dtekst-line-height);
}

.forside .text-wrapper-26 {
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  font-family: var(--model-br-dtekst-font-family);
  font-style: var(--model-br-dtekst-font-style);
  font-weight: var(--model-br-dtekst-font-weight);
  line-height: var(--model-br-dtekst-line-height);
}

.forside .text-wrapper-27 {
  position: absolute;
  width: 108px;
  height: 54px;
  top: 66px;
  left: 43px;
  font-family: var(--model-h2-font-family);
  font-weight: var(--model-h2-font-weight);
  color: #ffffff;
  font-size: var(--model-h2-font-size);
  letter-spacing: var(--model-h2-letter-spacing);
  line-height: var(--model-h2-line-height);
  font-style: var(--model-h2-font-style);
}

.forside .what-does-the {
  position: absolute;
  width: 159px;
  height: 49px;
  top: 158px;
  left: 10px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: var(--hvid);
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .overlap-8 {
  position: absolute;
  width: 301px;
  height: 389px;
  top: 52px;
  left: -1px;
}

.forside .image-10 {
  position: absolute;
  width: 145px;
  height: 130px;
  top: 173px;
  left: 156px;
}

.forside .image-11 {
  position: absolute;
  width: 145px;
  height: 129px;
  top: 38px;
  left: 156px;
}

.forside .rectangle-27 {
  position: absolute;
  width: 177px;
  height: 389px;
  top: 0;
  left: 0;
}

.forside .text-wrapper-28 {
  width: 129px;
  height: 27px;
  top: 44px;
  left: 22px;
  white-space: nowrap;
  position: absolute;
  font-family: "Manrope", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0px;
  line-height: normal;
}

.forside .draw-your-future {
  position: absolute;
  height: 54px;
  top: 75px;
  left: 19px;
  font-family: var(--model-h2-font-family);
  font-weight: var(--model-h2-font-weight);
  color: #ffffff;
  font-size: var(--model-h2-font-size);
  letter-spacing: var(--model-h2-letter-spacing);
  line-height: var(--model-h2-line-height);
  font-style: var(--model-h2-font-style);
}

.forside .text-wrapper-29 {
  width: 55px;
  height: 18px;
  top: 209px;
  left: 10px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .text-wrapper-30 {
  width: 78px;
  height: 18px;
  top: 149px;
  left: 9px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .draw-the-floorplan {
  position: absolute;
  width: 161px;
  height: 113px;
  top: 219px;
  left: 10px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .what-are-the-teens {
  position: absolute;
  width: 163px;
  height: 32px;
  top: 168px;
  left: 9px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: var(--hvid);
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .overlap-9 {
  position: absolute;
  width: 298px;
  height: 491px;
  top: 52px;
  left: 984px;
}

.forside .element-dc-d {
  position: absolute;
  width: 156px;
  height: 130px;
  top: 38px;
  left: 142px;
}

.forside .IMG-8 {
  position: absolute;
  width: 155px;
  height: 130px;
  top: 174px;
  left: 142px;
}

.forside .rectangle-28 {
  position: absolute;
  width: 177px;
  height: 491px;
  top: 0;
  left: 0;
}

.forside .text-wrapper-31 {
  height: 34px;
  top: 40px;
  left: 26px;
  position: absolute;
  font-family: var(--model-h1-font-family);
  font-weight: var(--model-h1-font-weight);
  color: #ffffff;
  font-size: var(--model-h1-font-size);
  letter-spacing: var(--model-h1-letter-spacing);
  line-height: var(--model-h1-line-height);
  font-style: var(--model-h1-font-style);
}

.forside .text-wrapper-32 {
  height: 20px;
  top: 141px;
  left: 11px;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .text-wrapper-33 {
  top: 235px;
  left: 11px;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .each-group-got {
  position: absolute;
  width: 159px;
  height: 178px;
  top: 254px;
  left: 11px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-34 {
  position: absolute;
  width: 160px;
  height: 32px;
  top: 193px;
  left: 10px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-35 {
  position: absolute;
  width: 159px;
  height: 32px;
  top: 161px;
  left: 11px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-36 {
  position: absolute;
  width: 126px;
  height: 48px;
  top: 73px;
  left: 39px;
  font-family: var(--model-h2-font-family);
  font-weight: var(--model-h2-font-weight);
  color: var(--hvid);
  font-size: var(--model-h2-font-size);
  letter-spacing: var(--model-h2-letter-spacing);
  line-height: var(--model-h2-line-height);
  font-style: var(--model-h2-font-style);
}

.forside .overlap-group-5 {
  position: absolute;
  width: 302px;
  height: 491px;
  top: 52px;
  left: 656px;
}

.forside .pb {
  position: absolute;
  width: 149px;
  height: 134px;
  top: 38px;
  left: 153px;
}

.forside .IMG-9 {
  position: absolute;
  width: 154px;
  height: 125px;
  top: 178px;
  left: 148px;
}

.forside .rectangle-29 {
  position: absolute;
  width: 171px;
  height: 491px;
  top: 0;
  left: 0;
}

.forside .text-wrapper-37 {
  width: 130px;
  height: 27px;
  top: 43px;
  left: 23px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h1-font-family);
  font-weight: var(--model-h1-font-weight);
  color: #ffffff;
  font-size: var(--model-h1-font-size);
  letter-spacing: var(--model-h1-letter-spacing);
  line-height: var(--model-h1-line-height);
  font-style: var(--model-h1-font-style);
}

.forside .text-wrapper-38 {
  width: 90px;
  height: 18px;
  top: 111px;
  left: 12px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .text-wrapper-39 {
  width: 60px;
  height: 18px;
  top: 205px;
  left: 12px;
  white-space: nowrap;
  position: absolute;
  font-family: var(--model-h3-font-family);
  font-weight: var(--model-h3-font-weight);
  color: #ffffff;
  font-size: var(--model-h3-font-size);
  letter-spacing: var(--model-h3-letter-spacing);
  line-height: var(--model-h3-line-height);
  font-style: var(--model-h3-font-style);
}

.forside .how-do-the-teens {
  position: absolute;
  width: 151px;
  height: 65px;
  top: 129px;
  left: 12px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .each-group-got-a {
  position: absolute;
  width: 151px;
  height: 178px;
  top: 232px;
  left: 11px;
  font-family: var(--model-br-dtekst-font-family);
  font-weight: var(--model-br-dtekst-font-weight);
  color: #ffffff;
  font-size: var(--model-br-dtekst-font-size);
  letter-spacing: var(--model-br-dtekst-letter-spacing);
  line-height: var(--model-br-dtekst-line-height);
  font-style: var(--model-br-dtekst-font-style);
}

.forside .text-wrapper-40 {
  position: absolute;
  width: 112px;
  height: 24px;
  top: 67px;
  left: 36px;
  font-family: var(--model-h2-font-family);
  font-weight: var(--model-h2-font-weight);
  color: #ffffff;
  font-size: var(--model-h2-font-size);
  letter-spacing: var(--model-h2-letter-spacing);
  line-height: var(--model-h2-line-height);
  white-space: nowrap;
  font-style: var(--model-h2-font-style);
}

.forside .grocery-ideation {
  position: relative;
  width: 843px;
  height: 472.37px;
}

.forside .div-wrapper-2 {
  display: flex;
  width: 1280px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .div-12 {
  display: flex;
  flex-wrap: wrap;
  width: 1281px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px 30px;
  position: relative;
  align-self: stretch;
  margin-left: -1px;
}

.forside .metal {
  position: relative;
  width: 407px;
  height: 306px;
  object-fit: cover;
}

.forside .modelv-metal {
  position: relative;
  width: 406px;
  height: 305px;
  object-fit: cover;
}

.forside .metal-2 {
  position: relative;
  width: 409px;
  height: 305.05px;
}

.forside .metal-3 {
  position: relative;
  width: 407px;
  height: 304px;
  object-fit: cover;
}

.forside .displayv {
  position: relative;
  width: 404px;
  height: 305px;
  object-fit: cover;
}

.forside .grocery-ideation-2 {
  object-fit: cover;
  position: relative;
  width: 843px;
  height: 472.37px;
}

.forside .rectangle-30 {
  position: absolute;
  top: 90px;
  left: -80px;
  width: 374px;
  height: 293px;
}

.forside .metal-4 {
  position: relative;
  width: 409px;
  height: 304px;
  object-fit: cover;
}

.forside .displayv-2 {
  position: relative;
  width: 404px;
  height: 305px;
}

.forside .tekst-6 {
  margin-right: -16px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .the-HAY-inspired-2 {
  position: relative;
  align-self: stretch;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .menu-item-5 {
  height: 22px;
  gap: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.forside .v-fotoscenarie {
  position: relative;
  width: 404.16px;
  height: 562px;
}

.forside .red-cable-with {
  position: relative;
  width: 849px;
  height: 666px;
}

.forside .fotoscenarie-2 {
  width: 407px;
  height: 570.41px;
  position: relative;
  object-fit: cover;
}

.forside .rectangle-31 {
  position: absolute;
  top: 193px;
  left: -80px;
  width: 771px;
  height: 185px;
}

.forside .plexi {
  width: 863px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .fotoscenarie-3 {
  width: 431px;
  height: 559.64px;
  position: relative;
  object-fit: cover;
}

.forside .fotoscenarie-4 {
  width: 843px;
  height: 472.66px;
  position: relative;
  object-fit: cover;
}

.forside .rectangle-32 {
  position: absolute;
  top: 3315px;
  left: 1106px;
  width: 333px;
  height: 250px;
}

.forside .tekst-7 {
  margin-right: -90px;
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--breadcrums-font-family);
  font-weight: var(--breadcrums-font-weight);
  color: var(--rd);
  font-size: var(--breadcrums-font-size);
  letter-spacing: var(--breadcrums-letter-spacing);
  line-height: var(--breadcrums-line-height);
  font-style: var(--breadcrums-font-style);
}

.forside .vertical {
  display: flex;
  width: 832px;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.forside .div-13 {
  display: flex;
  flex-direction: column;
  width: 1280px;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  margin-right: -1px;
}

.forside .rectangle-33 {
  position: absolute;
  top: 63px;
  left: 111px;
  width: 160px;
  height: 449px;
}

.forside .text-wrapper-41 {
  position: relative;
  width: fit-content;
  font-family: var(--h3-font-family);
  font-weight: var(--h3-font-weight);
  color: var(--rd);
  font-size: var(--h3-font-size);
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  white-space: nowrap;
  font-style: var(--h3-font-style);
}

.forside .pencil-sketches {
  display: flex;
  width: 1274px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.forside .vegetarthemerigtig {
  position: relative;
  width: 591px;
  height: 285px;
  object-fit: cover;
}

.forside .displayv-lovetheme {
  position: relative;
  width: 517px;
  height: 285px;
  object-fit: cover;
}

.forside .hobbytheme-rigtig {
  position: relative;
  width: 291px;
  height: 285px;
  margin-right: -165px;
}

.forside .both-cables {
  width: 1081px;
  height: 576px;
  position: relative;
  object-fit: cover;
}

.forside .colour {
  position: relative;
  width: 885px;
  height: 326.05px;
}

.forside .element-process {
  display: flex;
  width: 1280px;
  height: 519px;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 30px;
  position: relative;
  margin-right: -1px;
}

.forside .pc-5 {
  position: relative;
  align-self: stretch;
  width: 401.5px;
  object-fit: cover;
}

.forside .rectangle-34 {
  position: absolute;
  top: 113px;
  left: -80px;
  width: 378px;
  height: 308px;
}

.forside .element-vertical-process {
  position: relative;
  width: 407px;
  height: 516.05px;
  object-fit: cover;
}

.forside .rectangle-35 {
  position: absolute;
  top: 2313px;
  left: 1059px;
  width: 380px;
  height: 185px;
}

.forside .about {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 60px 0px;
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
}

.forside .hele-about-siden {
  display: inline-flex;
  flex-direction: column;
  height: 3143px;
  align-items: flex-end;
  gap: 80px;
  position: relative;
  flex: 0 0 auto;
}

.forside .overskrift-3 {
  margin-top: -1px;
  font-size: var(--h1-font-size);
  letter-spacing: var(--h1-letter-spacing);
  position: relative;
  width: fit-content;
  font-family: var(--h1-font-family);
  font-weight: var(--h1-font-weight);
  color: var(--rd);
  line-height: var(--h1-line-height);
  white-space: nowrap;
  font-style: var(--h1-font-style);
}

.forside .figurer {
  position: absolute;
  top: -151px;
  left: 80px;
  width: 1365px;
  height: 3230px;
}

.forside .rectangle-36 {
  position: absolute;
  width: 1383px;
  height: 330px;
  top: 443px;
  left: 0;
  background-color: var(--pink);
  border-radius: 200px 0px 0px 200px;
}

.forside .rectangle-37 {
  position: absolute;
  width: 330px;
  height: 2840px;
  top: 454px;
  left: 2px;
}

.forside .IMG-10 {
  position: absolute;
  width: 288px;
  height: 282px;
  top: 488px;
  left: 45px;
}

.forside .CV-both-pages {
  display: flex;
  flex-direction: column;
  width: 1381px;
  height: 3006px;
  align-items: flex-start;
  padding: 0px 20px;
  position: relative;
  margin-bottom: -154px;
}

.forside .cv {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1420px;
}

.forside .navn {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: absolute;
  top: 84px;
  left: 381px;
}

.forside .text-wrapper-42 {
  position: relative;
  width: 744px;
  margin-top: -1px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--red);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.forside .kontaktoplysninger {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.forside .div-14 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: var(--rd);
  font-size: 16px;
  letter-spacing: 0px;
  line-height: normal;
}

.forside .text-wrapper-43 {
  font-weight: var(--br-dtekst-bold-font-weight);
  color: #a5585b;
  font-family: var(--br-dtekst-bold-font-family);
  font-style: var(--br-dtekst-bold-font-style);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  font-size: var(--br-dtekst-bold-font-size);
}

.forside .div-15 {
  position: relative;
  width: fit-content;
  font-family: "Manrope", Helvetica;
  font-weight: 400;
  color: var(--rd);
  font-size: 16px;
  letter-spacing: 0px;
  line-height: normal;
}

.forside .competences {
  display: flex;
  flex-direction: column;
  width: 663px;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: 384px;
  left: 370px;
}

.forside .summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .start-text {
  position: relative;
  width: 888px;
  margin-right: -225px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--grey);
  font-size: var(--br-dtekst-font-size);
  text-align: justify;
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .summary-competences {
  position: relative;
  width: 817.5px;
  height: 772px;
  margin-bottom: -335px;
  margin-right: -240px;
}

.forside .competences-wrapper {
  position: relative;
  width: 663px;
  height: 338px;
}

.forside .competences-2 {
  display: flex;
  flex-direction: column;
  width: 663px;
  align-items: flex-start;
  gap: 15px;
  position: relative;
}

.forside .competence-text {
  display: flex;
  flex-direction: column;
  width: 478px;
  align-items: flex-start;
  gap: 15px;
  position: relative;
  flex: 0 0 auto;
}

.forside .language-danish {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: transparent;
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .text-wrapper-44 {
  color: #707070;
  font-family: var(--br-dtekst-font-family);
  font-style: var(--br-dtekst-font-style);
  font-weight: var(--br-dtekst-font-weight);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-size: var(--br-dtekst-font-size);
}

.forside .design-skills {
  position: relative;
  align-self: stretch;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: transparent;
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .div-wrapper-3 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 44px;
  margin-right: -2px;
}

.forside .div-16 {
  position: absolute;
  width: 478px;
  top: 0;
  left: 0;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: transparent;
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .education {
  display: flex;
  flex-direction: column;
  width: 1040px;
  align-items: flex-start;
  gap: 20px;
  position: absolute;
  top: 1101px;
  left: 70px;
}

.forside .educationoverskift {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 0px 0px 302px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .text-wrapper-45 {
  position: relative;
  flex: 1;
  margin-top: -1px;
  font-family: var(--h2-font-family);
  font-weight: var(--h2-font-weight);
  color: var(--rd);
  font-size: var(--h2-font-size);
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  font-style: var(--h2-font-style);
}

.forside .year-experience {
  display: flex;
  align-items: flex-start;
  gap: 21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.forside .date {
  position: relative;
  width: 285px;
  margin-top: -1px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--red);
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .tekst-8 {
  display: flex;
  flex-direction: column;
  width: 456px;
  align-items: flex-start;
  gap: 3px;
  position: relative;
}

.forside .title-job-type {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--br-dtekst-bold-font-family);
  font-weight: var(--br-dtekst-bold-font-weight);
  color: var(--grey);
  font-size: var(--br-dtekst-bold-font-size);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  font-style: var(--br-dtekst-bold-font-style);
}

.forside .description {
  position: relative;
  align-self: stretch;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--grey);
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .company {
  position: relative;
  align-self: stretch;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: #a8a8a8;
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .cv-p {
  position: relative;
  width: 1361px;
  height: 1492px;
  margin-right: -20px;
}

.forside .contact {
  position: relative;
  flex: 0 0 auto;
  background-color: #ffffff;
  overflow: hidden;
}

.forside .contact-pagecontent {
  position: relative;
  width: 1441px;
  height: 868px;
  top: 60px;
}

.forside .contact-header {
  display: flex;
  flex-direction: column;
  width: 1440px;
  height: 211px;
  align-items: flex-end;
  gap: 40px;
  padding: 0px 80px;
  position: absolute;
  top: 0;
  left: 0;
}

.forside .overlap-group-6 {
  position: absolute;
  width: 1441px;
  height: 577px;
  top: 291px;
  left: 0;
}

.forside .rectangle-38 {
  position: absolute;
  width: 1113px;
  height: 492px;
  top: 85px;
  left: 327px;
  background-color: var(--pink);
  border-radius: 500px 0px 0px 500px;
}

.forside .fill-in-email {
  position: absolute;
  width: 1014px;
  height: 395px;
  top: 134px;
  left: 427px;
}

.forside .text-wrapper-46 {
  position: absolute;
  width: 144px;
  top: -1px;
  left: 131px;
  font-family: var(--br-dtekst-bold-font-family);
  font-weight: var(--br-dtekst-bold-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-bold-font-size);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  font-style: var(--br-dtekst-bold-font-style);
}

.forside .text-wrapper-47 {
  position: absolute;
  width: 46px;
  height: 22px;
  top: 83px;
  left: 131px;
  font-family: var(--br-dtekst-bold-font-family);
  font-weight: var(--br-dtekst-bold-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-bold-font-size);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: var(--br-dtekst-bold-font-style);
}

.forside .text-wrapper-48 {
  position: absolute;
  top: 167px;
  left: 131px;
  font-family: var(--br-dtekst-bold-font-family);
  font-weight: var(--br-dtekst-bold-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-bold-font-size);
  letter-spacing: var(--br-dtekst-bold-letter-spacing);
  line-height: var(--br-dtekst-bold-line-height);
  font-style: var(--br-dtekst-bold-font-style);
}

.forside .rectangle-39 {
  position: absolute;
  width: 42px;
  height: 279px;
  top: -93px;
  left: 250px;
  background-color: var(--hvid);
  border-radius: 200px;
  border: 3px solid;
  border-color: var(--rd);
  transform: rotate(-90deg);
}

.forside .rectangle-40 {
  position: absolute;
  width: 42px;
  height: 279px;
  top: -9px;
  left: 250px;
  background-color: var(--hvid);
  border-radius: 200px;
  border: 3px solid;
  border-color: var(--rd);
  transform: rotate(-90deg);
}

.forside .rectangle-41 {
  position: absolute;
  width: 144px;
  height: 949px;
  top: -209px;
  left: 476px;
  background-color: var(--hvid);
  border-radius: 500px 500px 0px 0px;
  border-top-width: 3px;
  border-top-style: solid;
  border-right-width: 3px;
  border-right-style: solid;
  border-left-width: 3px;
  border-left-style: solid;
  border-color: var(--rd);
  transform: rotate(-90deg);
}

.forside .vector-266 {
  position: absolute;
  width: 1px;
  height: 15px;
  top: 40px;
  left: 150px;
}

.forside .vector-267 {
  position: absolute;
  width: 1px;
  height: 15px;
  top: 124px;
  left: 150px;
}

.forside .vector-268 {
  position: absolute;
  width: 1px;
  height: 15px;
  top: 213px;
  left: 150px;
}

.forside .button-3 {
  all: unset;
  box-sizing: border-box;
  position: absolute;
  top: 355px;
  left: 131px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 9px 30px;
  background-color: #ffffff;
  border-radius: 100px;
  border: 2px solid;
  border-color: var(--rd);
}

.forside .tekst-9 {
  display: flex;
  flex-direction: column;
  width: 1441px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 80px;
  position: absolute;
  top: 0;
  left: 0;
}

.forside .frame-17 {
  display: flex;
  flex-direction: column;
  width: 310px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.forside .always-feel-free-to {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--br-dtekst-font-family);
  font-weight: var(--br-dtekst-font-weight);
  color: var(--rd);
  font-size: var(--br-dtekst-font-size);
  letter-spacing: var(--br-dtekst-letter-spacing);
  line-height: var(--br-dtekst-line-height);
  font-style: var(--br-dtekst-font-style);
}

.forside .text-wrapper-49 {
  font-weight: 800;
}

.forside .rectangle-222 {
  position: absolute;
  width: 1283px;
  height: 344px;
  top: 1394px;
  left: 1000px;
  background-color: var(--rd);
  border-radius: 200px 200px 200px 200px;
}

.forside .rectangle-2-2 {
  position: absolute;
  width: 1257px;
  height: 139px;
  top: 682px;
  left: -680px;
  background-color: var(--rd);
  border-radius: 200px 200px 200px 200px;
}

.forside .rectangle-bot {
  position: absolute;
  width: 5083px;
  height: 344px;
  top: 1701px;
  left: 745px;
  background-color: var(--rd);
  border-radius: 200px 200px 200px 200px;
}