/* screen - 9-1 */

.x9-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 7200px;
  overflow: hidden;
  width: 1890px;
}

.x9-1 .overlap-group9 {
  align-items: flex-end;
  align-self: flex-start;
  background-color: var(--black);
  display: flex;
  gap: 637px;
  height: 111px;
  justify-content: flex-end;
  min-width: 1920px;
  padding: 28px 140px;
}

.x9-1 .logo-igf {
  cursor: pointer;
  height: 54px;
  object-fit: cover;
  width: 268px;
}

.x9-1 .overlap-group {
  height: 23px;
  margin-left: 12px;
  margin-top: 3.0px;
  position: relative;
  width: 163px;
}

.x9-1 .overlap-group3 {
  height: 75px;
  margin-right: 66.0px;
  margin-top: 100px;
  position: relative;
  width: 608px;
}

.x9-1 .rectangle {
  background-color: var(--black);
  height: 62px;
  left: 131px;
  position: absolute;
  top: 0;
  width: 213px;
}

.x9-1 .group {
  display: flex;
  height: 61px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 490px;
}

.x9-1 .alusta {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 490px;
}

.x9-1 .title {
  height: 63px;
  left: 344px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 264px;
}

.x9-1 .overlap-group-container {
  align-items: flex-end;
  display: flex;
  margin-left: 32.0px;
  margin-top: 220px;
  min-width: 1598px;
}

.x9-1 .hydrauli-container {
  height: 899px;
  position: relative;
  width: 460px;
}

.x9-1 .hydraulische-draaideur72 {
  height: 791px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 428px;
}

.x9-1 .hydraulicpivot-door {
  height: 128px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 773px;
  width: 460px;
}

.x9-1 .pane-container {
  height: 903px;
  margin-left: 109px;
  position: relative;
  width: 460px;
}

.x9-1 .vast-paneel72 {
  height: 795px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 430px;
}

.x9-1 .fixed-panel {
  height: 128px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 777px;
  width: 460px;
}

.x9-1 .overlap-group1 {
  height: 892px;
  margin-left: 12px;
  position: relative;
  width: 557px;
}

.x9-1 .schuifdeur72 {
  height: 774px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 418px;
}

.x9-1 .sliding-door {
  height: 128px;
  left: 97px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 766px;
  width: 460px;
}

.x9-1 .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 91px;
  height: 5386px;
  margin-left: 10.0px;
  margin-top: 7px;
  min-width: 1620px;
}

.x9-1 .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 5386px;
  width: 1069px;
}

.x9-1 .path-container {
  align-items: flex-start;
  display: flex;
  gap: 256px;
  margin-right: 8.53px;
  min-width: 882px;
}

.x9-1 .path-2 {
  height: 1px;
  object-fit: cover;
  width: 313px;
}

.x9-1 .group-container {
  align-items: flex-start;
  display: flex;
  gap: 189px;
  margin-left: 4.0px;
  margin-top: 91px;
  min-width: 949px;
}

.x9-1 .group-1 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 103px;
  justify-content: flex-end;
  min-width: 380px;
  padding: 30px 127.0px;
}

.x9-1 .visuals {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 42px;
  text-align: center;
  width: 126px;
}

.x9-1 .group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 189px;
  margin-left: 4.0px;
  margin-top: 65px;
  min-width: 949px;
}

.x9-1 .group-1-1 {
  align-items: center;
  height: 104px;
  padding: 0 72.0px;
}

.x9-1 .installation-video {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 42px;
  text-align: center;
  width: 235px;
}

.x9-1 .overlap-group8 {
  align-self: flex-end;
  height: 75px;
  margin-top: 261px;
  position: relative;
  width: 601px;
}

.x9-1 .door {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 490px;
}

.x9-1 .handles {
  height: 63px;
  left: 337px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 264px;
}

.x9-1 .flex-row-1 {
  align-items: flex-start;
  display: flex;
  gap: 282px;
  margin-right: 13.0px;
  margin-top: 349px;
  min-width: 848px;
}

.x9-1 .flex-row-item {
  height: 522px;
  object-fit: cover;
  width: 283px;
}

.x9-1 .handle-container {
  align-items: flex-end;
  display: flex;
  gap: 109px;
  height: 126px;
  margin-left: 4.0px;
  margin-top: 116px;
  min-width: 1029px;
}

.x9-1 .x-handle {
  height: 128px;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -2.0px;
  text-align: center;
  width: 460px;
}

.x9-1 .path-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 256px;
  margin-right: 8.53px;
  margin-top: 7px;
  min-width: 882px;
}

.x9-1 .dimensions {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 42px;
  text-align: center;
  width: 235px;
}

.x9-1 .overlap-group7 {
  align-self: flex-end;
  height: 75px;
  margin-top: 326px;
  position: relative;
  width: 601px;
}

.x9-1 .sub {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 490px;
}

.x9-1 .divisions {
  height: 63px;
  left: 337px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 264px;
}

.x9-1 .flex-row-2 {
  align-items: flex-start;
  display: flex;
  gap: 94px;
  height: 2542px;
  margin-right: 3.0px;
  margin-top: 259px;
  min-width: 1066px;
}

.x9-1 .flex-col-1 {
  align-self: flex-end;
  min-height: 2528px;
  width: 482px;
}

.x9-1 .t-profiel72 {
  height: 758px;
  margin-right: 25.0px;
  object-fit: cover;
  width: 409px;
}

.x9-1 .t-profile {
  align-self: flex-end;
  height: 128px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 5px;
  text-align: center;
  width: 460px;
}

.x9-1 .path-229 {
  height: 1px;
  margin-left: 9.47px;
  margin-top: 5px;
  object-fit: cover;
  width: 313px;
}

.x9-1 .group-181 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 103px;
  justify-content: flex-end;
  margin-left: 22.0px;
  margin-top: 91px;
  min-width: 380px;
  padding: 30px 127.0px;
}

.x9-1 .overlap-group4 {
  align-self: flex-start;
  height: 688px;
  margin-top: 547px;
  position: relative;
  width: 460px;
}

.x9-1 .slot {
  height: 668px;
  left: 50px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 361px;
}

.x9-1 .lock {
  height: 128px;
  left: 0;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 562px;
  width: 460px;
}

.x9-1 .path-232 {
  height: 1px;
  margin-right: 34.53px;
  margin-top: 7px;
  object-fit: cover;
  width: 313px;
}

.x9-1 .group-186 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 103px;
  justify-content: flex-end;
  margin-right: 22.0px;
  margin-top: 91px;
  min-width: 380px;
  padding: 30px 127.0px;
}

.x9-1 .flex-col-2 {
  min-height: 1561px;
  width: 490px;
}

.x9-1 .i-profiel72 {
  height: 776px;
  margin-right: 1.0px;
  object-fit: cover;
  width: 419px;
}

.x9-1 .i-profile {
  height: 128px;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 0;
  margin-top: 1px;
  text-align: center;
  width: 460px;
}

.x9-1 .path-2-1 {
  height: 1px;
  margin-right: 12.53px;
  margin-top: 5px;
  object-fit: cover;
  width: 313px;
}

.x9-1 .group-182 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 103px;
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 91px;
  min-width: 380px;
  padding: 30px 127.0px;
}

.x9-1 .overlap-group5 {
  height: 73px;
  margin-top: 383px;
  position: relative;
  width: 490px;
}

.x9-1 .rectangle-207 {
  background-color: var(--black);
  height: 62px;
  left: 22px;
  position: absolute;
  top: 0;
  width: 432px;
}

.x9-1 .extra {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 490px;
}

.x9-1 .flex-col-3 {
  min-height: 3949px;
  width: 460px;
}

.x9-1 .path-225 {
  height: 1px;
  margin-right: 12.53px;
  object-fit: cover;
  width: 313px;
}

.x9-1 .group-1-2 {
  align-items: flex-end;
  height: 103px;
  margin-right: 0;
  margin-top: 91px;
  padding: 30px 127.0px;
}

.x9-1 .group-1-3 {
  align-items: center;
  height: 104px;
  margin-right: 0;
  margin-top: 65px;
  padding: 0 72.0px;
}

.x9-1 .amt {
  height: 564px;
  margin-right: 13.0px;
  margin-top: 667px;
  object-fit: cover;
  width: 305px;
}

.x9-1 .amt-handle {
  height: 128px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 92px;
  text-align: center;
  width: 460px;
}

.x9-1 .opvulvlak72 {
  height: 750px;
  margin-right: 22.0px;
  margin-top: 670px;
  object-fit: cover;
  width: 406px;
}

.x9-1 .padding-surface {
  height: 128px;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 17px;
  text-align: center;
  width: 460px;
}

.x9-1 .dimensions-3 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 42px;
  text-align: center;
  width: 235px;
}

.x9-1 .flex-col-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.x9-1 .group-1-4 {
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  min-width: 380px;
}

.x9-1 .installation-video-3 {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 42px;
  text-align: center;
  width: 235px;
}
/* screen - 9-2-all-breakpoints */

.x9-2-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 7506px;
  overflow: hidden;
  width: 375px;
}

.x9-2-all-breakpoints .overlap-group2 {
  align-items: flex-end;
  background-color: var(--black);
  display: flex;
  height: 98px;
  margin-right: 1.0px;
  min-width: 376px;
  padding: 24px 44px;
}

.x9-2-all-breakpoints .logo-igf-1 {
  cursor: pointer;
  height: 40px;
  object-fit: cover;
  width: 197px;
}

.x9-2-all-breakpoints .overlap-group6 {
  height: 496px;
  margin-left: 3.0px;
  margin-top: 46px;
  position: relative;
  width: 292px;
}

.x9-2-all-breakpoints .hydraulische-draaideur72-1 {
  height: 390px;
  left: 39px;
  object-fit: cover;
  position: absolute;
  top: 53px;
  width: 211px;
}

.x9-2-all-breakpoints .group-82 {
  display: flex;
  height: 62px;
  left: 37px;
  position: absolute;
  top: 434px;
  width: 228px;
}

.x9-2-all-breakpoints .hydraulicpivot-door-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .rectangle-154 {
  left: 8px;
  top: 0;
  width: 118px;
}

.x9-2-all-breakpoints .group-2 {
  display: flex;
  height: 62px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 292px;
}

.x9-2-all-breakpoints .alusta-products {
  flex: 1;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 292px;
}

.x9-2-all-breakpoints .path-2-2 {
  height: 1px;
  margin-left: 5.81px;
  margin-top: 3px;
  object-fit: cover;
  width: 154px;
}

.x9-2-all-breakpoints .group-1-4 {
  margin-top: 45px;
  padding: 12px 62px;
}

.x9-2-all-breakpoints .visuals-1 {
  text-align: center;
}

.x9-2-all-breakpoints .group-1-5 {
  margin-top: 32px;
  padding: 12px 22px;
}

.x9-2-all-breakpoints .overlap-group5-1 {
  height: 443px;
  margin-left: 13.0px;
  margin-top: 49px;
  position: relative;
  width: 228px;
}

.x9-2-all-breakpoints .vast-paneel72-1 {
  height: 390px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 211px;
}

.x9-2-all-breakpoints .group-86 {
  display: flex;
  height: 62px;
  left: 0;
  position: absolute;
  top: 381px;
  width: 228px;
}

.x9-2-all-breakpoints .fixed-panel-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .group-123 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 51px;
  justify-content: flex-end;
  margin-left: 12.0px;
  margin-top: 45px;
  min-width: 187px;
  padding: 12px 60px;
}

.x9-2-all-breakpoints .overlap-group4-1 {
  height: 443px;
  margin-right: 29.0px;
  margin-top: 87px;
  position: relative;
  width: 270px;
}

.x9-2-all-breakpoints .schuifdeur72-1 {
  height: 390px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 211px;
}

.x9-2-all-breakpoints .group-87 {
  display: flex;
  height: 62px;
  left: 42px;
  position: absolute;
  top: 381px;
  width: 228px;
}

.x9-2-all-breakpoints .sliding-door-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .overlap-group1-1 {
  height: 69px;
  margin-left: 3.0px;
  margin-top: 148px;
  position: relative;
  width: 292px;
}

.x9-2-all-breakpoints .rectangle-155 {
  left: 32px;
  top: 0;
  width: 87px;
}

.x9-2-all-breakpoints .door-handles {
  flex: 1;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 292px;
}

.x9-2-all-breakpoints .hoekgreep {
  height: 294px;
  margin-top: 62px;
  object-fit: cover;
  width: 159px;
}

.x9-2-all-breakpoints .group-90 {
  display: flex;
  height: 62px;
  margin-left: 13.0px;
  margin-top: 39px;
  width: 228px;
}

.x9-2-all-breakpoints .corner-handle {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .amursq {
  height: 360px;
  margin-top: 104px;
  object-fit: cover;
  width: 195px;
}

.x9-2-all-breakpoints .group-91 {
  display: flex;
  height: 62px;
  margin-left: 13.0px;
  margin-top: 46px;
  width: 228px;
}

.x9-2-all-breakpoints .amur-sq-handle {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .amt-1 {
  height: 422px;
  margin-left: 10.0px;
  margin-top: 113px;
  object-fit: cover;
  width: 229px;
}

.x9-2-all-breakpoints .group-92 {
  display: flex;
  height: 62px;
  margin-left: 13.0px;
  margin-top: 19px;
  width: 228px;
}

.x9-2-all-breakpoints .amt-handle-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .overlap-group-1 {
  height: 69px;
  margin-left: 3.0px;
  margin-top: 123px;
  position: relative;
  width: 292px;
}

.x9-2-all-breakpoints .rectangle-162 {
  left: 44px;
  top: 0;
  width: 69px;
}

.x9-2-all-breakpoints .sub-divisions {
  flex: 1;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 292px;
}

.x9-2-all-breakpoints .t-profiel72-1 {
  height: 390px;
  object-fit: cover;
  width: 211px;
}

.x9-2-all-breakpoints .group-9 {
  display: flex;
  height: 62px;
  margin-left: 13.0px;
  margin-top: 5px;
  width: 228px;
}

.x9-2-all-breakpoints .t-profile-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .i-profiel72-1 {
  height: 390px;
  margin-top: 110px;
  object-fit: cover;
  width: 211px;
}

.x9-2-all-breakpoints .i-profile-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .group-13 {
  cursor: pointer;
  display: flex;
  height: 51px;
  margin-left: 12.0px;
  margin-top: 45px;
  width: 187px;
}

.x9-2-all-breakpoints .group-13-1 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  display: flex;
  flex: 1;
  min-width: 187px;
  padding: 12px 62px;
}

.x9-2-all-breakpoints .opvulvlak72-1 {
  height: 390px;
  margin-top: 117px;
  object-fit: cover;
  width: 211px;
}

.x9-2-all-breakpoints .padding-surface-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .overlap-group3-1 {
  height: 434px;
  margin-left: 3.0px;
  margin-top: 128px;
  position: relative;
  width: 292px;
}

.x9-2-all-breakpoints .slot-1 {
  height: 434px;
  left: 35px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 235px;
}

.x9-2-all-breakpoints .group-98 {
  display: flex;
  height: 62px;
  left: 37px;
  position: absolute;
  top: 332px;
  width: 228px;
}

.x9-2-all-breakpoints .lock-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 228px;
}

.x9-2-all-breakpoints .path-217 {
  height: 1px;
  left: 70px;
  object-fit: cover;
  position: absolute;
  top: 397px;
  width: 154px;
}

.x9-2-all-breakpoints .rectangle-169 {
  left: 80px;
  top: 26px;
  width: 141px;
}

.x9-2-all-breakpoints .group-97 {
  display: flex;
  height: 62px;
  left: 0;
  position: absolute;
  top: 33px;
  width: 292px;
}

.x9-2-all-breakpoints .extra-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: -2px;
  margin-right: -2px;
  text-align: center;
  width: 292px;
}

.x9-2-all-breakpoints .group-136 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 51px;
  margin-left: 12.0px;
  margin-top: 9px;
  min-width: 187px;
  padding: 12px 62px;
}

.x9-2-all-breakpoints .dimensions {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  text-align: center;
  width: 143px;
}

.x9-2-all-breakpoints .group-1 {
  align-items: flex-end;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 51px;
  box-shadow: 0px 2px 10px #00000029;
  cursor: pointer;
  display: flex;
  height: 51px;
  margin-left: 12.0px;
  min-width: 187px;
}

.x9-2-all-breakpoints .installation-video {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  text-align: center;
  width: 143px;
}

.x9-2-all-breakpoints .rectangle {
  background-color: var(--black);
  height: 29px;
  position: absolute;
}

.x9-2-all-breakpoints .visuals {
  letter-spacing: 0;
  line-height: 18px;
  min-height: 26px;
  width: 63px;
}
@media screen and (max-width: 1889px) {
  .screen.x9-1 { 
    display: none;
   }
}
@media screen and (min-width: 1890px) {
  .screen.x9-2-all-breakpoints { 
    display: none;
   }
}