/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 3922px;
  overflow: hidden;
  width: 1900px;
}

.index .overlap-group18 {
  align-self: flex-end;
  height: 1804px;
  margin-right: -112.44px;
  position: relative;
  width: 2022px;
}

.index .gruppe-182 {
  background-image: url(../img/header@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 800px;
  left: 10px;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 1900px;
}

.index .rechteck-10 {
  background-color: var(--onyx);
  flex: 1;
  mix-blend-mode: color;
  opacity: 0.5;
  width: 1900px;
}

.index .gruppe-91 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  left: 0;
  min-height: 185px;
  position: absolute;
  top: 483px;
  width: 1095px;
}

.index .overlap-group {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 989px;
  padding: 3.2px 30.0px;
}

.index .naturnahes-gestalten {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 649px;
  white-space: nowrap;
}

.index .overlap-group1 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 1095px;
  padding: 1.5px 28.6px;
}

.index .mit-pflanzen-holz-stein {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 756px;
  white-space: nowrap;
}

.index .logo_-leaf-galabau {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  left: 772px;
  min-height: 293px;
  position: absolute;
  top: 67px;
  width: 376px;
}

.index .flex-row {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  min-width: 376px;
}

.index .gruppe-container {
  height: 260px;
  position: relative;
  width: 338px;
}

.index .gruppe-12 {
  align-items: flex-end;
  display: flex;
  height: 129px;
  left: 0;
  min-width: 338px;
  position: absolute;
  top: 131px;
}

.index .pfad-31 {
  align-self: center;
  height: 123px;
  margin-bottom: 0.47px;
  object-fit: cover;
  width: 111px;
}

.index .pfad-32 {
  height: 84px;
  margin-bottom: 0;
  margin-left: 5px;
  object-fit: cover;
  width: 69px;
}

.index .pfad-33 {
  height: 83px;
  margin-bottom: 1.62px;
  margin-left: 10px;
  object-fit: cover;
  width: 79px;
}

.index .pfad-34 {
  align-self: flex-start;
  height: 127px;
  margin-left: 5px;
  margin-top: 0;
  object-fit: cover;
  width: 59px;
}

.index .gruppe-13 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 23px;
  left: 137px;
  min-height: 109px;
  position: absolute;
  top: 13px;
  width: 106px;
}

.index .pfad-container {
  align-items: flex-start;
  display: flex;
  gap: 42px;
  margin-left: 0;
  min-width: 106px;
}

.index .pfad-35 {
  height: 22px;
  margin-top: 0.13px;
  object-fit: cover;
  width: 50px;
}

.index .pfad-39 {
  height: 42px;
  object-fit: cover;
  width: 14px;
}

.index .pfad-container-1 {
  align-items: flex-end;
  display: flex;
  height: 44px;
  margin-left: 0.95px;
  min-width: 105px;
}

.index .pfad-37 {
  align-self: flex-start;
  height: 43px;
  object-fit: cover;
  width: 17px;
}

.index .pfad-36 {
  height: 4px;
  margin-bottom: 0.54px;
  margin-left: 6px;
  object-fit: cover;
  width: 13px;
}

.index .pfad-38 {
  height: 36px;
  margin-left: 49px;
  object-fit: cover;
  width: 20px;
}

.index .gruppe-14 {
  height: 148px;
  left: 128px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 124px;
}

.index .pfad-1051 {
  height: 24px;
  margin-bottom: 1.02px;
  object-fit: cover;
  width: 28px;
}

.index .gruppe-11 {
  height: 15px;
  margin-left: 0.72px;
  object-fit: cover;
  width: 375px;
}

.index .gruppe-122 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 1550px;
  min-width: 60px;
  padding: 29.9px 15.1px;
  position: absolute;
  top: 0;
}

.index .pfad-1098 {
  height: 11px;
  left: 4px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 22px;
}

.index .pfad-1099 {
  height: 20px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 30px;
}

.index .gruppe-123 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 1475px;
  min-width: 60px;
  padding: 24.7px 15.1px;
  position: absolute;
  top: 0;
}

.index .gruppe-86 {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  min-width: 30px;
  padding: 0.0px 0;
}

.index .pfad-1100 {
  height: 15px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 15px;
}

.index .pfad-1101 {
  height: 8px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 8px;
}

.index .icon-call {
  height: 26px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 26px;
}

.index .overlap-group8 {
  height: 868px;
  left: 1274px;
  position: absolute;
  top: 321px;
  width: 749px;
}

.index .zweig {
  height: 866px;
  width: 749px;
}

.index .gruppe-169 {
  align-items: flex-start;
  display: flex;
  height: 731px;
  left: 137px;
  min-width: 476px;
  position: absolute;
  top: 73px;
  transform: rotate(157.00deg);
}

.index .gruppe-container-1 {
  height: 731px;
  position: relative;
  width: 476px;
}

.index .gruppe-16 {
  display: flex;
  height: 731px;
  left: 0;
  position: absolute;
  top: 0;
  width: 476px;
}

.index .gruppe-16-1 {
  flex: 1;
  margin-bottom: -64.0px;
  margin-left: -123.8px;
  margin-right: -123.8px;
  margin-top: -64.0px;
  object-fit: cover;
  transform: rotate(-157.00deg);
  width: 723.98px;
}

.index .gruppe-16-2 {
  display: flex;
  height: 731px;
  left: 137px;
  position: absolute;
  top: 73px;
  transform: rotate(157.00deg);
  width: 476px;
}

.index .gruppe-96 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42px;
  left: 310px;
  min-height: 921px;
  position: absolute;
  top: 883px;
  width: 1610px;
}

.index .garten-und-landschaftsbau {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index .flex-row-1 {
  align-items: flex-start;
  display: flex;
  height: 810px;
  min-width: 1610px;
}

.index .overlap-group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-height: 809px;
  width: 300px;
}

.index .overlap-group16 {
  background-image: url(../img/gartengestaltung@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 300px;
}

.index .pfad-1109 {
  height: 60px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 258px;
}

.index .gartengestaltung {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 80px;
  white-space: nowrap;
}

.index .overlap-group15 {
  background-image: url(../img/mauerbau@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 300px;
}

.index .pfad-1 {
  height: 60px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 60px;
  width: 250px;
}

.index .mauerbau {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 80px;
  white-space: nowrap;
}

.index .overlap-group-container-1 {
  flex-direction: column;
  gap: 34px;
  margin-left: 33px;
  min-height: 809px;
  width: 300px;
}

.index .overlap-group12 {
  background-image: url(../img/gartenpflege@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 300px;
}

.index .pfad-110 {
  height: 60px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 305px;
  width: 250px;
}

.index .gartenpflege {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 325px;
  white-space: nowrap;
}

.index .overlap-group11 {
  background-image: url(../img/baumfaellung@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 300px;
}

.index .pfad-1106 {
  height: 60px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 230px;
  width: 250px;
}

.index .baumfllungen {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 250px;
  white-space: nowrap;
}

.index .overlap-group-container-2 {
  flex-direction: column;
  gap: 34px;
  margin-left: 34px;
  min-height: 809px;
  width: 300px;
}

.index .overlap-group10 {
  background-image: url(../img/pflasterbau@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 300px;
}

.index .pflasterbau {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 80px;
  white-space: nowrap;
}

.index .overlap-group14 {
  background-image: url(../img/winterdienst@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 300px;
}

.index .winterdienst {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 80px;
  white-space: nowrap;
}

.index .overlap-group-container-3 {
  flex-direction: column;
  gap: 35px;
  margin-left: 33px;
  min-height: 810px;
  width: 610px;
}

.index .overlap-group9 {
  background-image: url(../img/d-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 300px;
}

.index .terrassenbau {
  left: 20px;
  letter-spacing: 1.10px;
  line-height: 20px;
  position: absolute;
  top: 325px;
  white-space: nowrap;
}

.index .overlap-group13 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  gap: 47px;
  height: 350px;
  margin-left: 1px;
  min-width: 609px;
  padding: 32.0px 30.3px;
}

.index .flex-col {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 271px;
  width: 279px;
}

.index .jetzt-kontaktieren {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 0.75px;
  min-height: 30px;
  white-space: nowrap;
}

.index .gruppe-121 {
  cursor: pointer;
  display: flex;
  gap: 10.3px;
  height: 26px;
  margin-left: 0.75px;
  margin-top: 22px;
  width: 249px;
}

.index .gruppe-27 {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  margin-top: 1.6px;
  min-width: 23.75px;
}

.index .overlap-group-2 {
  height: 24px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index .pfad-1100-1 {
  height: 12px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 12px;
}

.index .pfad-1101-1 {
  height: 7px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: 5px;
  width: 7px;
}

.index .icon-call-1 {
  height: 21px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 21px;
}

.index .phone {
  flex: 1;
  letter-spacing: 1.00px;
  line-height: 24px;
  margin-bottom: -1.5px;
  margin-right: -2.0px;
  margin-top: 0.5px;
  white-space: nowrap;
}

.index .gruppe-120 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  gap: 10.3px;
  height: 25px;
  margin-left: 0.75px;
  margin-top: 22px;
  width: 278px;
}

.index .gruppe-28 {
  align-items: flex-start;
  display: flex;
  height: 16.16px;
  justify-content: center;
  margin-bottom: 3.4px;
  min-width: 23.75px;
}

.index .pfad-container-3 {
  height: 16px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index .pfad-1098-1 {
  height: 9px;
  left: 3px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 18px;
}

.index .pfad-1099-1 {
  height: 16px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 24px;
}

.index .infoleaf-gartenbaude {
  flex: 1;
  letter-spacing: 1.00px;
  line-height: 24px;
  margin-bottom: -2.5px;
  margin-right: -2.0px;
  margin-top: 0.5px;
  white-space: nowrap;
}

.index .gruppe-97 {
  cursor: pointer;
  display: flex;
  gap: 13.5px;
  height: 49px;
  margin-left: 3.98px;
  margin-top: 21px;
  width: 220px;
}

.index .gruppe-30 {
  background-image: url(../img/gruppe-29-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22.43px;
  margin-top: 3.0px;
  width: 17.29px;
}

.index .lrchwaldstrae-682491-grainau {
  flex: 1;
  letter-spacing: 1.00px;
  line-height: 24px;
  margin-bottom: -2.5px;
  margin-right: -2.0px;
  margin-top: 0.5px;
  white-space: nowrap;
}

.index .gruppe-98 {
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: space-between;
  margin-top: 47px;
  width: 170px;
}

.index .icon-feather-instagram {
  align-items: flex-start;
  background-image: url(../img/pfad-1260-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.4px;
  margin-top: 2.4px;
  min-width: 23.18px;
  padding: 4.6px 4.6px;
}

.index .pfad-container-4 {
  height: 12px;
  position: relative;
  width: 12px;
}

.index .pfad-1261 {
  height: 10px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 10px;
}

.index .pfad-1262 {
  height: 2px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2px;
}

.index .follow-us {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-bottom: -6.0px;
  margin-right: -2.0px;
  margin-top: 4.0px;
  white-space: nowrap;
  width: 135px;
}

.index .gruppe-container-2 {
  height: 232px;
  margin-top: 16.05px;
  position: relative;
  width: 195px;
}

.index .gruppe-32 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 13px;
  min-height: 171px;
  position: absolute;
  top: 20px;
  width: 167px;
}

.index .pfad-container-5 {
  align-items: flex-start;
  display: flex;
  gap: 66px;
  margin-left: 0;
  min-width: 166px;
}

.index .pfad-35-1 {
  height: 34px;
  margin-top: 0.2px;
  object-fit: cover;
  width: 79px;
}

.index .pfad-39-1 {
  height: 66px;
  object-fit: cover;
  width: 21px;
}

.index .pfad-container-6 {
  align-items: flex-end;
  display: flex;
  height: 69px;
  margin-left: 1.5px;
  min-width: 165px;
}

.index .pfad-37-1 {
  align-self: flex-start;
  height: 67px;
  object-fit: cover;
  width: 26px;
}

.index .pfad-36-1 {
  height: 6px;
  margin-bottom: 0.85px;
  margin-left: 10px;
  object-fit: cover;
  width: 20px;
}

.index .pfad-38-1 {
  height: 56px;
  margin-left: 78px;
  object-fit: cover;
  width: 31px;
}

.index .gruppe-33 {
  height: 232px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 195px;
}

.index .gruppe-94 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-top: 90px;
  min-height: 594px;
  width: 1300px;
}

.index .hier-liegt-der-unterschied {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index .overlap-group-container-4 {
  height: 483px;
  min-width: 1300px;
}

.index .overlap-group4 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 483px;
  padding: 37.7px 24.0px;
  width: 300px;
}

.index .icon-awesome-mountain {
  height: 47px;
  margin-right: 0;
  object-fit: cover;
  width: 59px;
}

.index .regional {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 118px;
  text-align: center;
  white-space: nowrap;
}

.index .der-fokus-liegt-auf {
  align-self: flex-start;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 6px;
  min-height: 221px;
  width: 238px;
}

.index .overlap-group6 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 33px;
  min-height: 483px;
  padding: 28.5px 28.0px;
  width: 300px;
}

.index .overlap-group-3 {
  height: 57px;
  margin-right: 7.35px;
  position: relative;
  width: 47px;
}

.index .icon-awesome-circle-notch {
  height: 45px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 46px;
}

.index .pfad-1111 {
  height: 31px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 31px;
}

.index .nachhaltig {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 146px;
  text-align: center;
  white-space: nowrap;
}

.index .wir-verwenden-bei-de {
  align-self: flex-start;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 6px;
  min-height: 201px;
  width: 238px;
}

.index .overlap-group3 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 34px;
  min-height: 483px;
  padding: 37.7px 30.0px;
  width: 300px;
}

.index .icon-awesome-hands-helping {
  align-self: center;
  height: 47px;
  margin-left: 0;
  object-fit: cover;
  width: 59px;
}

.index .hand-in-hand {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-right: 33.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 172px;
  text-align: center;
  white-space: nowrap;
}

.index .wenn-es-ber-den-gal {
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 6px;
  min-height: 221px;
  width: 238px;
}

.index .overlap-group5 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 33px;
  min-height: 483px;
  padding: 40.5px 30.0px;
  width: 300px;
}

.index .icon-plus {
  align-self: center;
  height: 41px;
  margin-right: 0;
  object-fit: cover;
  width: 41px;
}

.index .mehr-als-gala {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-right: 28.0px;
  margin-top: 44px;
  min-height: 30px;
  min-width: 182px;
  text-align: center;
  white-space: nowrap;
}

.index .wir-sind-breit-gefc {
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 6px;
  min-height: 281px;
  width: 238px;
}

.index .overlap-group17 {
  align-self: flex-start;
  height: 1201px;
  margin-left: -108.97px;
  margin-top: 93px;
  position: relative;
  width: 2019px;
}

.index .wald {
  height: 600px;
  left: 99px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .overlap-group7 {
  height: 703px;
  left: 0;
  position: absolute;
  top: 248px;
  width: 607px;
}

.index .zweig-1 {
  height: 702px;
  width: 607px;
}

.index .gruppe-169-1 {
  align-items: flex-start;
  display: flex;
  height: 592px;
  left: 110px;
  min-width: 386px;
  position: absolute;
  top: 59px;
  transform: rotate(23.00deg);
}

.index .gruppe-container-3 {
  height: 592px;
  position: relative;
  width: 386px;
}

.index .gruppe-16-3 {
  display: flex;
  height: 592px;
  left: 0;
  position: absolute;
  top: 0;
  width: 386px;
}

.index .gruppe-16-4 {
  flex: 1;
  margin-bottom: -51.9px;
  margin-left: -100.4px;
  margin-right: -100.4px;
  margin-top: -51.9px;
  object-fit: cover;
  transform: rotate(-23.00deg);
  width: 586.91px;
}

.index .gruppe-16-5 {
  display: flex;
  height: 592px;
  left: 110px;
  position: absolute;
  top: 59px;
  transform: rotate(23.00deg);
  width: 386px;
}

.index .gruppe-95 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42px;
  left: 409px;
  min-height: 511px;
  position: absolute;
  top: 690px;
  width: 1302px;
}

.index .ber-uns {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index .flex-row-2 {
  align-items: center;
  display: flex;
  gap: 50px;
  min-width: 1302px;
}

.index .korbinian_behrend {
  height: 400px;
  object-fit: cover;
  width: 625px;
}

.index .leaf-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 0.51px;
  min-height: 216px;
  width: 627px;
}

.index .leaf-korbinian-gustl-behrend {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 0;
  min-height: 30px;
  width: 627px;
}

.index .leaf-ist-ein-unterne {
  letter-spacing: 0.75px;
  line-height: 20px;
  min-height: 161px;
  width: 627px;
}

.index .gruppe-136 {
  align-items: flex-end;
  display: flex;
  height: 19px;
  justify-content: flex-end;
  margin-left: 2.0px;
  margin-top: 82px;
  min-width: 1302px;
}

.index .datenschutzbestimmungen {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  min-height: 21px;
  min-width: 241px;
  white-space: nowrap;
}

.index .impressum {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 4px;
  min-height: 21px;
  min-width: 100px;
  white-space: nowrap;
}

.index .copyright {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 731px;
  min-height: 21px;
  min-width: 226px;
  white-space: nowrap;
}

.index .overlap-group-container-5 {
  align-items: flex-start;
  display: flex;
}

.index .zweig-2 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
/* screen - index-1 */

.index-1 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 3787px;
  overflow: hidden;
  width: 1400px;
}

.index-1 .overlap-group18-1 {
  height: 1672px;
  position: relative;
  width: 1559px;
}

.index-1 .gruppe-181 {
  background-image: url(../img/header-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 800px;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 1400px;
}

.index-1 .rechteck-10-1 {
  background-color: var(--onyx);
  flex: 1;
  mix-blend-mode: color;
  opacity: 0.5;
  width: 1400px;
}

.index-1 .gruppe-91-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  left: 0;
  min-height: 185px;
  position: absolute;
  top: 483px;
  width: 830px;
}

.index-1 .overlap-group1-1 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 724px;
  padding: 3.2px 30.0px;
}

.index-1 .naturnahes-gestalten-1 {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 649px;
  white-space: nowrap;
}

.index-1 .overlap-group-4 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 830px;
  padding: 1.5px 28.6px;
}

.index-1 .mit-pflanzen-holz-stein-1 {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 756px;
  white-space: nowrap;
}

.index-1 .logo_-leaf-galabau-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 18px;
  left: 512px;
  min-height: 293px;
  position: absolute;
  top: 49px;
  width: 376px;
}

.index-1 .flex-row-3 {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  min-width: 376px;
}

.index-1 .gruppe-container-4 {
  height: 260px;
  position: relative;
  width: 338px;
}

.index-1 .gruppe-12-1 {
  align-items: flex-end;
  display: flex;
  height: 129px;
  left: 0;
  min-width: 338px;
  position: absolute;
  top: 131px;
}

.index-1 .pfad-31-1 {
  align-self: center;
  height: 123px;
  margin-bottom: 0.47px;
  object-fit: cover;
  width: 111px;
}

.index-1 .pfad-32-1 {
  height: 84px;
  margin-bottom: 0;
  margin-left: 5px;
  object-fit: cover;
  width: 69px;
}

.index-1 .pfad-33-1 {
  height: 83px;
  margin-bottom: 1.62px;
  margin-left: 10px;
  object-fit: cover;
  width: 79px;
}

.index-1 .pfad-34-1 {
  align-self: flex-start;
  height: 127px;
  margin-left: 5px;
  margin-top: 0;
  object-fit: cover;
  width: 59px;
}

.index-1 .gruppe-13-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 23px;
  left: 137px;
  min-height: 109px;
  position: absolute;
  top: 13px;
  width: 106px;
}

.index-1 .pfad-container-7 {
  align-items: flex-start;
  display: flex;
  gap: 42px;
  margin-left: 0;
  min-width: 106px;
}

.index-1 .pfad-35-2 {
  height: 22px;
  margin-top: 0.13px;
  object-fit: cover;
  width: 50px;
}

.index-1 .pfad-39-2 {
  height: 42px;
  object-fit: cover;
  width: 14px;
}

.index-1 .pfad-container-8 {
  align-items: flex-end;
  display: flex;
  height: 44px;
  margin-left: 0.95px;
  min-width: 105px;
}

.index-1 .pfad-37-2 {
  height: 43px;
  width: 17px;
}

.index-1 .pfad-36-2 {
  height: 4px;
  margin-bottom: 0.54px;
  margin-left: 6px;
  object-fit: cover;
  width: 13px;
}

.index-1 .pfad-38-2 {
  height: 36px;
  margin-left: 49px;
  object-fit: cover;
  width: 20px;
}

.index-1 .gruppe-14-1 {
  height: 148px;
  left: 128px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 124px;
}

.index-1 .pfad-1051-1 {
  height: 24px;
  margin-bottom: 1.02px;
  object-fit: cover;
  width: 28px;
}

.index-1 .gruppe-11-1 {
  height: 15px;
  margin-left: 0.72px;
  object-fit: cover;
  width: 375px;
}

.index-1 .gruppe-122-1 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 1293px;
  min-width: 60px;
  padding: 29.9px 15.1px;
  position: absolute;
  top: 0;
}

.index-1 .gruppe-85-1 {
  align-items: flex-start;
  display: flex;
  min-width: 30px;
  padding: 0 0.0px;
}

.index-1 .pfad-container-9 {
  height: 20px;
  margin-top: 0;
  position: relative;
  width: 30px;
}

.index-1 .pfad-1098-2 {
  height: 11px;
  left: 4px;
  top: 4px;
  width: 22px;
}

.index-1 .pfad-1099-2 {
  height: 20px;
  width: 30px;
}

.index-1 .gruppe-123-1 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 1218px;
  min-width: 60px;
  padding: 24.7px 15.1px;
  position: absolute;
  top: 0;
}

.index-1 .gruppe-86-1 {
  align-items: flex-end;
  display: flex;
  min-width: 30px;
  padding: 0.0px 0;
}

.index-1 .overlap-group-5 {
  height: 31px;
  position: relative;
  width: 30px;
}

.index-1 .pfad-1100-2 {
  height: 15px;
  left: 15px;
  width: 15px;
}

.index-1 .pfad-1101-2 {
  height: 8px;
  left: 15px;
  top: 6px;
  width: 8px;
}

.index-1 .icon-call-2 {
  height: 26px;
  top: 5px;
  width: 26px;
}

.index-1 .overlap-group8-1 {
  height: 801px;
  left: 867px;
  position: absolute;
  top: 342px;
  width: 691px;
}

.index-1 .zweig-2 {
  height: 799px;
  width: 691px;
}

.index-1 .gruppe-169-2 {
  height: 675px;
  left: 126px;
  min-width: 440px;
  top: 67px;
  transform: rotate(157.00deg);
}

.index-1 .gruppe-container-5 {
  height: 675px;
  margin-top: 0;
  position: relative;
  width: 440px;
}

.index-1 .gruppe-16-6 {
  display: flex;
  height: 675px;
  left: 0;
  position: absolute;
  top: 0;
  width: 440px;
}

.index-1 .gruppe-16-7 {
  flex: 1;
  margin-bottom: -59.1px;
  margin-left: -114.4px;
  margin-right: -114.4px;
  margin-top: -59.1px;
  object-fit: cover;
  transform: rotate(-157.00deg);
  width: 668.61px;
}

.index-1 .gruppe-16-8 {
  display: flex;
  height: 675px;
  left: 126px;
  position: absolute;
  top: 67px;
  transform: rotate(157.00deg);
  width: 440px;
}

.index-1 .gruppe-96-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42px;
  left: 53px;
  min-height: 789px;
  position: absolute;
  top: 883px;
  width: 1297px;
}

.index-1 .garten-und-landschaftsbau-1 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index-1 .flex-row-4 {
  align-items: flex-start;
  display: flex;
  gap: 28px;
  height: 678px;
  min-width: 1297px;
}

.index-1 .overlap-group-container-5 {
  flex-direction: column;
  gap: 28px;
  min-height: 677px;
  width: 251px;
}

.index-1 .overlap-group15-1 {
  background-image: url(../img/gartengestaltung-1-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 293px;
  position: relative;
  width: 251px;
}

.index-1 .pfad-1109-1 {
  height: 50px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 50px;
  width: 251px;
}

.index-1 .gartengestaltung-1 {
  left: 16px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 65px;
  white-space: nowrap;
}

.index-1 .overlap-group13-1 {
  background-image: url(../img/mauerpflege-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 356px;
  position: relative;
  width: 251px;
}

.index-1 .pfad-1-1 {
  height: 50px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 50px;
  width: 209px;
}

.index-1 .mauerbau-1 {
  left: 17px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 66px;
  white-space: nowrap;
}

.index-1 .overlap-group9-1 {
  background-image: url(../img/gartenpflege-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 356px;
  position: relative;
  width: 251px;
}

.index-1 .pfad-110-1 {
  height: 50px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 255px;
  width: 209px;
}

.index-1 .gartenpflege-1 {
  left: 16px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 270px;
  white-space: nowrap;
}

.index-1 .overlap-group12-1 {
  background-image: url(../img/baumfaellung-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 293px;
  position: relative;
  width: 251px;
}

.index-1 .pfad-1106-1 {
  height: 50px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 192px;
  width: 209px;
}

.index-1 .baumfllungen-1 {
  left: 16px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 208px;
  white-space: nowrap;
}

.index-1 .overlap-group10-1 {
  background-image: url(../img/pflasterbau-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 293px;
  position: relative;
  width: 251px;
}

.index-1 .pflasterbau-1 {
  left: 17px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 65px;
  white-space: nowrap;
}

.index-1 .overlap-group14-1 {
  background-image: url(../img/winterdienst-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 356px;
  position: relative;
  width: 251px;
}

.index-1 .winterdienst-1 {
  left: 17px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 66px;
  white-space: nowrap;
}

.index-1 .overlap-group-container-6 {
  flex-direction: column;
  gap: 29px;
  min-height: 678px;
  width: 460px;
}

.index-1 .overlap-group16-1 {
  background-image: url(../img/terassenbau-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 356px;
  position: relative;
  width: 251px;
}

.index-1 .terrassenbau-1 {
  left: 16px;
  letter-spacing: 1.10px;
  line-height: 16px;
  position: absolute;
  top: 270px;
  white-space: nowrap;
}

.index-1 .overlap-group11-1 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  gap: 2px;
  height: 293px;
  justify-content: flex-end;
  min-width: 460px;
  padding: 25.0px 12.8px;
}

.index-1 .flex-col-1 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 230px;
  width: 256px;
}

.index-1 .jetzt-kontaktieren-1 {
  letter-spacing: 1.10px;
  line-height: 17px;
  margin-left: 0.21px;
  min-height: 30px;
  white-space: nowrap;
}

.index-1 .gruppe-121-1 {
  cursor: pointer;
  display: flex;
  height: 21px;
  justify-content: space-between;
  margin-left: 0.63px;
  margin-top: 16px;
  width: 190px;
}

.index-1 .gruppe-27-1 {
  align-items: flex-end;
  display: flex;
  margin-bottom: 0;
  margin-top: 0.3px;
  min-width: 19.87px;
}

.index-1 .overlap-group-6 {
  height: 20px;
  margin-bottom: 0;
  position: relative;
  width: 20px;
}

.index-1 .pfad-1100-3 {
  height: 10px;
  left: 10px;
  width: 10px;
}

.index-1 .pfad-1101-3 {
  height: 6px;
  left: 10px;
  top: 4px;
  width: 6px;
}

.index-1 .icon-call-3 {
  height: 17px;
  top: 3px;
  width: 17px;
}

.index-1 .phone-1 {
  letter-spacing: 0.75px;
  line-height: 19px;
  margin-bottom: -0.3px;
  margin-right: -2.0px;
  margin-top: 0;
  white-space: nowrap;
  width: 162px;
}

.index-1 .gruppe-120-1 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  gap: 8.6px;
  height: 19px;
  margin-left: 0.63px;
  margin-top: 20px;
  width: 211px;
}

.index-1 .gruppe-28-1 {
  align-items: flex-start;
  display: flex;
  height: 13.52px;
  justify-content: center;
  margin-bottom: 1.9px;
  min-width: 19.87px;
}

.index-1 .pfad-container-10 {
  height: 14px;
  margin-top: 0;
  position: relative;
  width: 20px;
}

.index-1 .pfad-1098-3 {
  height: 7px;
  left: 2px;
  top: 2px;
  width: 15px;
}

.index-1 .pfad-1099-3 {
  height: 14px;
  width: 20px;
}

.index-1 .infoleaf-gartenbaude-1 {
  flex: 1;
  letter-spacing: 0.75px;
  line-height: 19px;
  margin-bottom: -2.0px;
  margin-right: -2.0px;
  margin-top: 0;
  white-space: nowrap;
}

.index-1 .gruppe-97-1 {
  cursor: pointer;
  display: flex;
  height: 38px;
  justify-content: space-between;
  margin-left: 3.33px;
  margin-top: 21px;
  width: 168px;
}

.index-1 .gruppe-30-1 {
  background-image: url(../img/gruppe-29-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18.77px;
  margin-top: 0.8px;
  width: 14.46px;
}

.index-1 .lrchwaldstrae-682491-grainau-1 {
  letter-spacing: 0.75px;
  line-height: 19px;
  margin-bottom: -2.0px;
  margin-right: -2.0px;
  margin-top: 0;
  white-space: nowrap;
  width: 142px;
}

.index-1 .gruppe-98-1 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 28px;
  justify-content: space-between;
  margin-top: 38px;
  width: 164px;
}

.index-1 .icon-feather-instagram-1 {
  align-items: flex-start;
  background-image: url(../img/pfad-1260-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 19.39px;
  justify-content: flex-end;
  margin-bottom: 4.1px;
  min-width: 19.39px;
  padding: 3.7px 3.7px;
}

.index-1 .pfad-container-11 {
  height: 10px;
  position: relative;
  width: 10px;
}

.index-1 .pfad-1261-1 {
  height: 9px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 9px;
}

.index-1 .pfad-1262-1 {
  height: 2px;
  left: 8px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2px;
}

.index-1 .follow-us-1 {
  letter-spacing: 1.10px;
  line-height: 16px;
  margin-bottom: -8.0px;
  margin-right: -2.0px;
  margin-top: 6.0px;
  white-space: nowrap;
  width: 135px;
}

.index-1 .gruppe-container-6 {
  height: 194px;
  margin-top: 12.97px;
  position: relative;
  width: 163px;
}

.index-1 .gruppe-32-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  left: 11px;
  min-height: 143px;
  position: absolute;
  top: 16px;
  width: 140px;
}

.index-1 .pfad-container-12 {
  align-items: flex-start;
  display: flex;
  gap: 55px;
  margin-left: 0;
  min-width: 139px;
}

.index-1 .pfad-35-3 {
  height: 28px;
  margin-top: 0.17px;
  object-fit: cover;
  width: 66px;
}

.index-1 .pfad-39-3 {
  height: 55px;
  object-fit: cover;
  width: 18px;
}

.index-1 .pfad-container-13 {
  align-items: flex-end;
  display: flex;
  height: 58px;
  margin-left: 1.25px;
  min-width: 138px;
}

.index-1 .pfad-37-3 {
  height: 56px;
  width: 22px;
}

.index-1 .pfad-36-3 {
  height: 5px;
  margin-bottom: 0.71px;
  margin-left: 8px;
  object-fit: cover;
  width: 17px;
}

.index-1 .pfad-38-3 {
  height: 47px;
  margin-left: 65px;
  object-fit: cover;
  width: 26px;
}

.index-1 .gruppe-33-1 {
  height: 194px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 163px;
}

.index-1 .overlap-group17-1 {
  height: 1300px;
  margin-left: -131.99px;
  margin-top: 103px;
  position: relative;
  width: 1532px;
}

.index-1 .wald-1 {
  height: 600px;
  left: 132px;
  object-fit: cover;
  position: absolute;
  top: 700px;
  width: 1400px;
}

.index-1 .gruppe-94-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 42px;
  left: 182px;
  min-height: 597px;
  position: absolute;
  top: 0;
  width: 1300px;
}

.index-1 .hier-liegt-der-unterschied-1 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index-1 .overlap-group-container-7 {
  height: 486px;
  min-width: 1300px;
}

.index-1 .overlap-group6-1 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 486px;
  padding: 47.7px 24.0px;
  width: 300px;
}

.index-1 .icon-awesome-mountain-1 {
  height: 47px;
  margin-right: 0;
  object-fit: cover;
  width: 59px;
}

.index-1 .regional-1 {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 118px;
  text-align: center;
  white-space: nowrap;
}

.index-1 .der-fokus-liegt-auf-1 {
  align-self: flex-start;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 7px;
  min-height: 165px;
  width: 238px;
}

.index-1 .overlap-group5-1 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 33px;
  min-height: 486px;
  padding: 38.5px 28.0px;
  width: 300px;
}

.index-1 .overlap-group-7 {
  height: 57px;
  margin-right: 7.35px;
  position: relative;
  width: 47px;
}

.index-1 .icon-awesome-circle-notch-1 {
  height: 45px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 46px;
}

.index-1 .pfad-1111-1 {
  height: 31px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 31px;
}

.index-1 .nachhaltig-1 {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 146px;
  text-align: center;
  white-space: nowrap;
}

.index-1 .wir-verwenden-bei-de-1 {
  align-self: flex-start;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 7px;
  min-height: 183px;
  width: 238px;
}

.index-1 .overlap-group3-1 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 34px;
  min-height: 486px;
  padding: 47.7px 30.0px;
  width: 300px;
}

.index-1 .icon-awesome-hands-helping-1 {
  align-self: center;
  height: 47px;
  margin-left: 0;
  object-fit: cover;
  width: 59px;
}

.index-1 .hand-in-hand-1 {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-right: 33.0px;
  margin-top: 41px;
  min-height: 30px;
  min-width: 172px;
  text-align: center;
  white-space: nowrap;
}

.index-1 .wenn-es-ber-den-gal-1 {
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 7px;
  min-height: 201px;
  width: 238px;
}

.index-1 .overlap-group4-1 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-left: 33px;
  min-height: 486px;
  padding: 50.7px 30.0px;
  width: 300px;
}

.index-1 .icon-plus-1 {
  align-self: center;
  height: 41px;
  margin-right: 0;
  object-fit: cover;
  width: 41px;
}

.index-1 .mehr-als-gala-1 {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-right: 28.0px;
  margin-top: 44px;
  min-height: 30px;
  min-width: 182px;
  text-align: center;
  white-space: nowrap;
}

.index-1 .wir-sind-breit-gefc-1 {
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 7px;
  min-height: 255px;
  width: 238px;
}

.index-1 .overlap-group7-1 {
  height: 660px;
  left: 0;
  position: absolute;
  top: 412px;
  width: 569px;
}

.index-1 .zweig-3 {
  height: 658px;
  width: 569px;
}

.index-1 .gruppe-169-3 {
  height: 555px;
  left: 103px;
  min-width: 362px;
  top: 55px;
  transform: rotate(23.00deg);
}

.index-1 .gruppe-container-7 {
  height: 555px;
  position: relative;
  width: 362px;
}

.index-1 .gruppe-16-9 {
  display: flex;
  height: 555px;
  left: 0;
  position: absolute;
  top: 0;
  width: 362px;
}

.index-1 .gruppe-16-10 {
  flex: 1;
  margin-bottom: -48.7px;
  margin-left: -94.1px;
  margin-right: -94.1px;
  margin-top: -48.7px;
  object-fit: cover;
  transform: rotate(-23.00deg);
  width: 550.28px;
}

.index-1 .gruppe-16-11 {
  display: flex;
  height: 555px;
  left: 103px;
  position: absolute;
  top: 55px;
  transform: rotate(23.00deg);
  width: 362px;
}

.index-1 .gruppe-95-1 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-left: 2.0px;
  margin-top: 75px;
  min-height: 511px;
  width: 1302px;
}

.index-1 .ber-uns-1 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index-1 .flex-row-5 {
  align-items: center;
  display: flex;
  gap: 50px;
  min-width: 1302px;
}

.index-1 .korbinian {
  height: 400px;
  object-fit: cover;
  width: 625px;
}

.index-1 .leaf-container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-top: 1.5px;
  min-height: 190px;
  width: 627px;
}

.index-1 .leaf-korbinian-gustl-behrend-1 {
  letter-spacing: 1.10px;
  line-height: 20px;
  margin-left: 0;
  min-height: 30px;
  width: 627px;
}

.index-1 .leaf-ist-ein-unterne-1 {
  letter-spacing: 0.75px;
  line-height: 18px;
  min-height: 147px;
  width: 627px;
}

.index-1 .gruppe-136-1 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 19px;
  justify-content: flex-end;
  margin-left: 3.0px;
  margin-top: 77px;
  min-width: 1301px;
}

.index-1 .datenschutzbestimmungen-1 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  min-height: 21px;
  min-width: 241px;
  white-space: nowrap;
}

.index-1 .impressum-1 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 6px;
  min-height: 21px;
  min-width: 100px;
  white-space: nowrap;
}

.index-1 .copyright-1 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 728px;
  min-height: 21px;
  min-width: 226px;
  white-space: nowrap;
}

.index-1 .gruppe-169 {
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.index-1 .icon-call {
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index-1 .overlap-group-container {
  align-items: flex-start;
  display: flex;
}

.index-1 .pfad-1098 {
  object-fit: cover;
  position: absolute;
}

.index-1 .pfad-1099 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-1 .pfad-1100 {
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-1 .pfad-1101 {
  object-fit: cover;
  position: absolute;
}

.index-1 .pfad-37 {
  align-self: flex-start;
  object-fit: cover;
}

.index-1 .zweig {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
/* screen - index-2-all-breakpoints */

.index-2-all-breakpoints {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4615px;
  overflow: hidden;
  width: 1024px;
}

.index-2-all-breakpoints .overlap-group18-2 {
  height: 2216px;
  position: relative;
  width: 1203px;
}

.index-2-all-breakpoints .gruppe-183 {
  background-image: url(../img/pexels-laura-porter-4897414-weichzeichnung-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 800px;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 1024px;
}

.index-2-all-breakpoints .rechteck-10-2 {
  background-color: var(--onyx);
  flex: 1;
  mix-blend-mode: color;
  opacity: 0.5;
  width: 1024px;
}

.index-2-all-breakpoints .logo_-leaf-galabau-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 374px;
  min-height: 215px;
  position: absolute;
  top: 89px;
  width: 276px;
}

.index-2-all-breakpoints .flex-row-6 {
  align-items: flex-end;
  display: flex;
  gap: 7px;
  min-width: 276px;
}

.index-2-all-breakpoints .gruppe-container-8 {
  height: 191px;
  position: relative;
  width: 249px;
}

.index-2-all-breakpoints .gruppe-12-2 {
  align-items: flex-end;
  display: flex;
  height: 95px;
  left: 0;
  min-width: 249px;
  padding: 0.0px 0;
  position: absolute;
  top: 96px;
}

.index-2-all-breakpoints .pfad-31-2 {
  align-self: center;
  height: 91px;
  margin-bottom: 0.34px;
  object-fit: cover;
  width: 82px;
}

.index-2-all-breakpoints .pfad-32-2 {
  height: 62px;
  margin-left: 4px;
  object-fit: cover;
  width: 50px;
}

.index-2-all-breakpoints .pfad-33-2 {
  height: 61px;
  margin-bottom: 1.19px;
  margin-left: 8px;
  object-fit: cover;
  width: 58px;
}

.index-2-all-breakpoints .pfad-34-2 {
  align-self: flex-start;
  height: 93px;
  margin-left: 4px;
  margin-top: 0;
  object-fit: cover;
  width: 43px;
}

.index-2-all-breakpoints .gruppe-13-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 17px;
  left: 100px;
  min-height: 80px;
  padding: 0 0.0px;
  position: absolute;
  top: 9px;
  width: 78px;
}

.index-2-all-breakpoints .pfad-container-14 {
  align-items: flex-start;
  display: flex;
  gap: 31px;
  margin-left: 0;
  min-width: 78px;
}

.index-2-all-breakpoints .pfad-35-4 {
  height: 16px;
  margin-top: 0.09px;
  object-fit: cover;
  width: 37px;
}

.index-2-all-breakpoints .pfad-39-4 {
  height: 31px;
  object-fit: cover;
  width: 10px;
}

.index-2-all-breakpoints .pfad-container-15 {
  align-items: flex-end;
  display: flex;
  margin-left: 0.7px;
  min-width: 77px;
}

.index-2-all-breakpoints .pfad-37-4 {
  height: 32px;
  width: 12px;
}

.index-2-all-breakpoints .pfad-36-4 {
  height: 3px;
  margin-bottom: 0.4px;
  margin-left: 5px;
  object-fit: cover;
  width: 9px;
}

.index-2-all-breakpoints .pfad-38-4 {
  height: 26px;
  margin-left: 36px;
  object-fit: cover;
  width: 15px;
}

.index-2-all-breakpoints .gruppe-14-2 {
  height: 109px;
  left: 94px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 91px;
}

.index-2-all-breakpoints .pfad-1051-2 {
  height: 18px;
  margin-bottom: 0.75px;
  object-fit: cover;
  width: 20px;
}

.index-2-all-breakpoints .gruppe-11-2 {
  height: 11px;
  margin-left: 0.53px;
  object-fit: cover;
  width: 276px;
}

.index-2-all-breakpoints .gruppe-125 {
  align-items: flex-start;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 914px;
  min-width: 60px;
  padding: 29.9px 15.1px;
  position: absolute;
  top: 0;
}

.index-2-all-breakpoints .pfad-container-16 {
  height: 20px;
  margin-top: 0;
  position: relative;
  width: 30px;
}

.index-2-all-breakpoints .pfad-1098-4 {
  height: 11px;
  left: 4px;
  top: 4px;
  width: 22px;
}

.index-2-all-breakpoints .pfad-1099-4 {
  height: 20px;
  width: 30px;
}

.index-2-all-breakpoints .gruppe-124 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 80px;
  left: 839px;
  min-width: 60px;
  padding: 24.7px 15.1px;
  position: absolute;
  top: 0;
}

.index-2-all-breakpoints .gruppe-86-2 {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  min-width: 30px;
  padding: 0.0px 0;
}

.index-2-all-breakpoints .overlap-group-8 {
  height: 31px;
  position: relative;
  width: 30px;
}

.index-2-all-breakpoints .pfad-1100-4 {
  height: 15px;
  left: 15px;
  width: 15px;
}

.index-2-all-breakpoints .pfad-1101-4 {
  height: 8px;
  left: 15px;
  top: 6px;
  width: 8px;
}

.index-2-all-breakpoints .icon-call-4 {
  height: 26px;
  top: 5px;
  width: 26px;
}

.index-2-all-breakpoints .overlap-group5-2 {
  height: 844px;
  left: 475px;
  position: absolute;
  top: 333px;
  width: 728px;
}

.index-2-all-breakpoints .zweig-4 {
  height: 841px;
  width: 728px;
}

.index-2-all-breakpoints .gruppe-169-4 {
  height: 710px;
  left: 133px;
  min-width: 463px;
  top: 71px;
  transform: rotate(157.00deg);
}

.index-2-all-breakpoints .gruppe-container-9 {
  height: 710px;
  position: relative;
  width: 463px;
}

.index-2-all-breakpoints .gruppe-16-12 {
  display: flex;
  height: 710px;
  left: 0;
  position: absolute;
  top: 0;
  width: 463px;
}

.index-2-all-breakpoints .gruppe-16-13 {
  flex: 1;
  margin-bottom: -62.2px;
  margin-left: -120.4px;
  margin-right: -120.4px;
  margin-top: -62.2px;
  object-fit: cover;
  transform: rotate(-157.00deg);
  width: 703.85px;
}

.index-2-all-breakpoints .gruppe-16-14 {
  display: flex;
  height: 710px;
  left: 133px;
  position: absolute;
  top: 71px;
  transform: rotate(157.00deg);
  width: 463px;
}

.index-2-all-breakpoints .gruppe-130 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 28px;
  left: 50px;
  min-height: 1333px;
  position: absolute;
  top: 883px;
  width: 974px;
}

.index-2-all-breakpoints .garten-und-landschaftsbau-2 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 112px;
  white-space: nowrap;
}

.index-2-all-breakpoints .flex-row-7 {
  align-items: flex-start;
  display: flex;
  gap: 28px;
  height: 1187px;
  min-width: 974px;
}

.index-2-all-breakpoints .overlap-group-container-9 {
  flex-direction: column;
  gap: 31px;
  min-height: 1187px;
  width: 287px;
}

.index-2-all-breakpoints .overlap-group12-2 {
  background-image: url(../img/gartengestaltung-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .pfad-126 {
  top: 60px;
}

.index-2-all-breakpoints .gartengestaltung-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group6-2 {
  background-image: url(../img/d-1x-png-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .terrassenbau-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group7-2 {
  background-image: url(../img/winterdienst-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .winterdienst-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
}

.index-2-all-breakpoints .flex-col-2 {
  gap: 31px;
  min-height: 1187px;
  width: 659px;
}

.index-2-all-breakpoints .flex-row-8 {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  height: 806px;
  margin-left: 3px;
  min-width: 606px;
}

.index-2-all-breakpoints .overlap-group-container-8 {
  flex-direction: column;
  gap: 31px;
  min-height: 806px;
  width: 287px;
}

.index-2-all-breakpoints .overlap-group8-2 {
  background-image: url(../img/gartenpflege-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .pfad-1265 {
  top: 305px;
}

.index-2-all-breakpoints .gartenpflege-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 326px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group13-2 {
  background-image: url(../img/mauerbau-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .pfad-1267 {
  top: 230px;
}

.index-2-all-breakpoints .mauerbau-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 251px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group9-2 {
  background-image: url(../img/pflasterbau-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 350px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .pflasterbau-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group10-2 {
  background-image: url(../img/baumf-llung@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 287px;
}

.index-2-all-breakpoints .baumfllungen-2 {
  left: 20px;
  letter-spacing: 1.00px;
  line-height: 20px;
  position: absolute;
  top: 81px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group11-2 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  gap: 92px;
  height: 350px;
  min-width: 659px;
  padding: 40.2px 30.2px;
}

.index-2-all-breakpoints .flex-col-3 {
  align-self: flex-end;
  min-height: 262px;
  width: 234px;
}

.index-2-all-breakpoints .jetzt-kontaktieren-2 {
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-left: 0.75px;
  min-height: 27px;
  white-space: nowrap;
}

.index-2-all-breakpoints .gruppe-101 {
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin-left: 0.75px;
  margin-top: 26px;
  width: 196px;
}

.index-2-all-breakpoints .gruppe-27-2 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  min-width: 23.75px;
}

.index-2-all-breakpoints .overlap-group-9 {
  height: 24px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-2-all-breakpoints .pfad-1100-5 {
  height: 12px;
  left: 12px;
  width: 12px;
}

.index-2-all-breakpoints .pfad-1101-5 {
  height: 7px;
  left: 12px;
  top: 5px;
  width: 7px;
}

.index-2-all-breakpoints .icon-call-5 {
  height: 21px;
  top: 4px;
  width: 21px;
}

.index-2-all-breakpoints .phone-2 {
  letter-spacing: 0.75px;
  line-height: 24px;
  margin-bottom: 2.5px;
  margin-right: -2.0px;
  margin-top: 0.9px;
  white-space: nowrap;
  width: 162px;
}

.index-2-all-breakpoints .gruppe-100 {
  cursor: pointer;
  display: flex;
  height: 19px;
  justify-content: space-between;
  margin-left: 0.75px;
  margin-top: 27px;
  width: 217px;
}

.index-2-all-breakpoints .gruppe-28-2 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 2.0px;
  margin-left: 0;
  margin-top: 0.8px;
  min-width: 23.75px;
  padding: 0 0.0px;
}

.index-2-all-breakpoints .pfad-container-17 {
  height: 16px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-2-all-breakpoints .pfad-1098-5 {
  height: 9px;
  left: 3px;
  top: 3px;
  width: 18px;
}

.index-2-all-breakpoints .pfad-1099-5 {
  height: 16px;
  width: 24px;
}

.index-2-all-breakpoints .infoleaf-gartenbaude-2 {
  letter-spacing: 0.75px;
  line-height: 24px;
  margin-bottom: 0.5px;
  margin-right: -2.0px;
  margin-top: -2.5px;
  white-space: nowrap;
  width: 183px;
}

.index-2-all-breakpoints .gruppe-99 {
  cursor: pointer;
  display: flex;
  height: 43px;
  justify-content: space-between;
  margin-left: 3.98px;
  margin-top: 26px;
  width: 173px;
}

.index-2-all-breakpoints .gruppe-30-2 {
  background-image: url(../img/gruppe-29-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22.43px;
  margin-top: 0;
  width: 17.29px;
}

.index-2-all-breakpoints .lrchwaldstrae-682491-grainau-2 {
  letter-spacing: 0.75px;
  line-height: 24px;
  margin-bottom: 0.5px;
  margin-right: -2.0px;
  margin-top: -2.5px;
  white-space: nowrap;
  width: 142px;
}

.index-2-all-breakpoints .gruppe-48 {
  cursor: pointer;
  display: flex;
  height: 25px;
  justify-content: space-between;
  margin-top: 45px;
  width: 158px;
}

.index-2-all-breakpoints .icon-feather-instagram-2 {
  align-items: flex-start;
  background-image: url(../img/pfad-1260-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.9px;
  margin-left: 0;
  margin-top: 0.9px;
  min-width: 23.18px;
  padding: 4.6px 4.6px;
}

.index-2-all-breakpoints .pfad-container-18 {
  height: 12px;
  position: relative;
  width: 12px;
}

.index-2-all-breakpoints .pfad-1261-2 {
  height: 10px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 10px;
}

.index-2-all-breakpoints .pfad-1262-2 {
  height: 2px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2px;
}

.index-2-all-breakpoints .follow-us-2 {
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-bottom: -4.5px;
  margin-right: -2.0px;
  margin-top: 2.5px;
  white-space: nowrap;
  width: 123px;
}

.index-2-all-breakpoints .gruppe-container-10 {
  height: 232px;
  margin-top: 16.05px;
  position: relative;
  width: 195px;
}

.index-2-all-breakpoints .gruppe-32-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  left: 13px;
  min-height: 171px;
  padding: 0.0px 0;
  position: absolute;
  top: 20px;
  width: 167px;
}

.index-2-all-breakpoints .pfad-container-19 {
  align-items: flex-start;
  display: flex;
  gap: 66px;
  margin-left: 0;
  min-width: 166px;
}

.index-2-all-breakpoints .pfad-35-5 {
  height: 34px;
  margin-top: 0.2px;
  object-fit: cover;
  width: 79px;
}

.index-2-all-breakpoints .pfad-39-5 {
  height: 66px;
  object-fit: cover;
  width: 21px;
}

.index-2-all-breakpoints .pfad-container-20 {
  align-items: flex-end;
  display: flex;
  height: 69px;
  margin-left: 1.5px;
  min-width: 165px;
}

.index-2-all-breakpoints .pfad-37-5 {
  height: 67px;
  width: 26px;
}

.index-2-all-breakpoints .pfad-36-5 {
  height: 6px;
  margin-bottom: 0.85px;
  margin-left: 10px;
  object-fit: cover;
  width: 20px;
}

.index-2-all-breakpoints .pfad-38-5 {
  height: 56px;
  margin-left: 78px;
  object-fit: cover;
  width: 31px;
}

.index-2-all-breakpoints .gruppe-33-2 {
  height: 232px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 195px;
}

.index-2-all-breakpoints .gruppe-102 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  left: 0;
  min-height: 185px;
  position: absolute;
  top: 483px;
  width: 833px;
}

.index-2-all-breakpoints .overlap-group14-2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 727px;
  padding: 3.2px 28.0px;
}

.index-2-all-breakpoints .naturnahes-gestalten-2 {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 649px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group15-2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  height: 80px;
  justify-content: flex-end;
  min-width: 833px;
  padding: 1.5px 26.6px;
}

.index-2-all-breakpoints .mit-pflanzen-holz-stein-2 {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  min-width: 756px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group17-2 {
  height: 1416px;
  margin-left: -60.17px;
  margin-top: 110px;
  position: relative;
  width: 1084px;
}

.index-2-all-breakpoints .gruppe-104 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 110px;
  min-height: 914px;
  position: absolute;
  top: 0;
  width: 924px;
}

.index-2-all-breakpoints .hier-liegt-der-unterschied-2 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group-container-10 {
  gap: 24px;
  height: 390px;
  margin-top: 42px;
  min-width: 924px;
}

.index-2-all-breakpoints .overlap-group2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 390px;
  padding: 52.0px 23.0px;
  width: 450px;
}

.index-2-all-breakpoints .gruppe-75 {
  align-self: center;
  display: flex;
  flex-direction: column;
  height: 111px;
  justify-content: space-between;
  margin-left: 2.0px;
  width: 106px;
}

.index-2-all-breakpoints .icon-awesome-mountain-2 {
  flex: 1;
  height: 47.34px;
  margin-left: 22.4px;
  margin-right: 24.4px;
  margin-top: 0;
  max-height: 47.34px;
  object-fit: cover;
}

.index-2-all-breakpoints .regional-2 {
  flex: 1;
  height: 27px;
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-bottom: -4.5px;
  margin-left: 0;
  margin-right: -2.0px;
  max-height: 27px;
  text-align: center;
  white-space: nowrap;
}

.index-2-all-breakpoints .der-fokus-liegt-auf-2 {
  letter-spacing: 0.75px;
  line-height: 18px;
  min-height: 93px;
  width: 402px;
}

.index-2-all-breakpoints .overlap-group3-2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 390px;
  padding: 52.0px 22.0px;
  width: 450px;
}

.index-2-all-breakpoints .gruppe-76 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 41px;
  margin-left: 2.0px;
  min-height: 115px;
  width: 134px;
}

.index-2-all-breakpoints .gruppe-51 {
  align-items: flex-start;
  display: flex;
  height: 52px;
  justify-content: flex-end;
  margin-right: 10.0px;
  min-width: 46px;
}

.index-2-all-breakpoints .overlap-group-10 {
  height: 57px;
  margin-top: -5.0px;
  position: relative;
  width: 47px;
}

.index-2-all-breakpoints .icon-awesome-circle-notch-2 {
  height: 45px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 46px;
}

.index-2-all-breakpoints .pfad-1111-2 {
  height: 31px;
  left: 15px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 31px;
}

.index-2-all-breakpoints .nachhaltig-2 {
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-left: 0;
  min-height: 27px;
  min-width: 134px;
  text-align: center;
  white-space: nowrap;
}

.index-2-all-breakpoints .den {
  letter-spacing: 0.75px;
  line-height: 18px;
  min-height: 129px;
  width: 402px;
}

.index-2-all-breakpoints .overlap-group-container-11 {
  gap: 24px;
  height: 390px;
  margin-top: 23px;
  min-width: 924px;
}

.index-2-all-breakpoints .overlap-group4-2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 390px;
  padding: 48.8px 23.0px;
  width: 450px;
}

.index-2-all-breakpoints .gruppe-77 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 41px;
  margin-left: 2.0px;
  min-height: 111px;
  width: 156px;
}

.index-2-all-breakpoints .icon-awesome-hands-helping-2 {
  height: 47px;
  margin-right: 2.0px;
  object-fit: cover;
  width: 59px;
}

.index-2-all-breakpoints .hand-in-hand-2 {
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-left: 0;
  min-height: 27px;
  min-width: 156px;
  text-align: center;
  white-space: nowrap;
}

.index-2-all-breakpoints .overlap-group1-2 {
  align-items: flex-end;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 390px;
  padding: 51.7px 22.0px;
  width: 450px;
}

.index-2-all-breakpoints .gruppe-78 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 44px;
  margin-left: 4.0px;
  min-height: 108px;
  width: 166px;
}

.index-2-all-breakpoints .icon-plus-2 {
  height: 41px;
  margin-right: 2.0px;
  object-fit: cover;
  width: 41px;
}

.index-2-all-breakpoints .mehr-als-gala-2 {
  letter-spacing: 1.00px;
  line-height: 20px;
  margin-left: 0;
  min-height: 27px;
  min-width: 166px;
  text-align: center;
  white-space: nowrap;
}

.index-2-all-breakpoints .wir-sind-breit-gefc-2 {
  letter-spacing: 0.75px;
  line-height: 18px;
  min-height: 147px;
  width: 402px;
}

.index-2-all-breakpoints .wald-2 {
  height: 400px;
  left: 60px;
  object-fit: cover;
  position: absolute;
  top: 1016px;
  width: 1024px;
}

.index-2-all-breakpoints .overlap-group16-2 {
  height: 488px;
  left: 0;
  position: absolute;
  top: 792px;
  width: 421px;
}

.index-2-all-breakpoints .zweig-5 {
  height: 487px;
  width: 421px;
}

.index-2-all-breakpoints .gruppe-169-5 {
  height: 411px;
  left: 76px;
  min-width: 268px;
  top: 41px;
  transform: rotate(23.00deg);
}

.index-2-all-breakpoints .gruppe-container-11 {
  height: 411px;
  position: relative;
  width: 268px;
}

.index-2-all-breakpoints .gruppe-16-15 {
  display: flex;
  height: 411px;
  left: 0;
  position: absolute;
  top: 0;
  width: 268px;
}

.index-2-all-breakpoints .gruppe-16-16 {
  flex: 1;
  margin-bottom: -36.0px;
  margin-left: -69.7px;
  margin-right: -69.7px;
  margin-top: -36.0px;
  object-fit: cover;
  transform: rotate(-23.00deg);
  width: 407.42px;
}

.index-2-all-breakpoints .gruppe-16-17 {
  display: flex;
  height: 411px;
  left: 76px;
  position: absolute;
  top: 41px;
  transform: rotate(23.00deg);
  width: 268px;
}

.index-2-all-breakpoints .gruppe-105 {
  align-items: center;
  align-self: center;
  display: flex;
  gap: 24px;
  height: 625px;
  margin-left: 2.0px;
  margin-top: 61px;
  min-width: 926px;
}

.index-2-all-breakpoints .flex-col-4 {
  align-self: flex-end;
  gap: 18px;
  margin-bottom: 0;
  min-height: 619px;
  width: 458px;
}

.index-2-all-breakpoints .ber-uns-2 {
  letter-spacing: 2.45px;
  line-height: 49px;
  min-height: 63px;
  white-space: nowrap;
}

.index-2-all-breakpoints .korbinian-1 {
  height: 538px;
  object-fit: cover;
  width: 458px;
}

.index-2-all-breakpoints .leaf-container-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 79.7px;
  min-height: 208px;
  width: 444px;
}

.index-2-all-breakpoints .leaf-korbinian-gustl-behrend-2 {
  color: var(--highland);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 1.00px;
  line-height: 35px;
  margin-left: 0;
  min-height: 27px;
  white-space: nowrap;
}

.index-2-all-breakpoints .leaf-ist-ein-unterne-2 {
  letter-spacing: 0.75px;
  line-height: 18px;
  min-height: 165px;
  width: 444px;
}

.index-2-all-breakpoints .gruppe-152 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 21px;
  justify-content: flex-end;
  margin-left: 1.0px;
  margin-top: 138px;
  min-width: 925px;
}

.index-2-all-breakpoints .datenschutzbestimmungen-2 {
  cursor: pointer;
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-bottom: -2.5px;
  min-height: 23px;
  min-width: 273px;
  white-space: nowrap;
}

.index-2-all-breakpoints .impressum-2 {
  cursor: pointer;
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-bottom: -2.5px;
  margin-left: 6px;
  min-height: 23px;
  min-width: 113px;
  white-space: nowrap;
}

.index-2-all-breakpoints .copyright-2 {
  cursor: pointer;
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-bottom: -2.5px;
  margin-left: 278px;
  min-height: 23px;
  min-width: 255px;
  white-space: nowrap;
}

.index-2-all-breakpoints .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.index-2-all-breakpoints .gruppe-169 {
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.index-2-all-breakpoints .icon-call {
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index-2-all-breakpoints .overlap-group-container {
  align-items: flex-start;
  display: flex;
}

.index-2-all-breakpoints .pfad {
  height: 60px;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 250px;
}

.index-2-all-breakpoints .pfad-1098 {
  object-fit: cover;
  position: absolute;
}

.index-2-all-breakpoints .pfad-1099 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-2-all-breakpoints .pfad-1100 {
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-2-all-breakpoints .pfad-1101 {
  object-fit: cover;
  position: absolute;
}

.index-2-all-breakpoints .pfad-37 {
  align-self: flex-start;
  object-fit: cover;
}

.index-2-all-breakpoints .zweig {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
/* screen - index-3 */

.index-3 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4442px;
  overflow: hidden;
  width: 768px;
}

.index-3 .overlap-group18-3 {
  height: 2145px;
  margin-left: -4px;
  margin-top: -5px;
  position: relative;
  width: 945px;
}

.index-3 .gruppe-184 {
  background-image: url(../img/header-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 800px;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 772px;
}

.index-3 .rechteck-10-3 {
  background-color: var(--onyx);
  flex: 1;
  mix-blend-mode: color;
  opacity: 0.5;
  width: 772px;
}

.index-3 .logo_-leaf-galabau-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 13px;
  left: 250px;
  min-height: 215px;
  position: absolute;
  top: 94px;
  width: 276px;
}

.index-3 .flex-row-9 {
  align-items: flex-end;
  display: flex;
  gap: 7px;
  min-width: 276px;
}

.index-3 .gruppe-container-12 {
  height: 191px;
  position: relative;
  width: 249px;
}

.index-3 .gruppe-12-3 {
  align-items: flex-end;
  display: flex;
  height: 95px;
  left: 0;
  min-width: 249px;
  padding: 0.0px 0;
  position: absolute;
  top: 96px;
}

.index-3 .pfad-31-3 {
  align-self: center;
  height: 91px;
  margin-bottom: 0.34px;
  object-fit: cover;
  width: 82px;
}

.index-3 .pfad-32-3 {
  height: 62px;
  margin-left: 4px;
  object-fit: cover;
  width: 50px;
}

.index-3 .pfad-33-3 {
  height: 61px;
  margin-bottom: 1.19px;
  margin-left: 8px;
  object-fit: cover;
  width: 58px;
}

.index-3 .pfad-34-3 {
  align-self: flex-start;
  height: 93px;
  margin-left: 4px;
  margin-top: 0;
  object-fit: cover;
  width: 43px;
}

.index-3 .gruppe-13-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 17px;
  left: 100px;
  min-height: 80px;
  padding: 0 0.0px;
  position: absolute;
  top: 9px;
  width: 78px;
}

.index-3 .pfad-container-21 {
  align-items: flex-start;
  display: flex;
  gap: 31px;
  min-width: 78px;
}

.index-3 .pfad-35-6 {
  height: 16px;
  margin-top: 0.09px;
  object-fit: cover;
  width: 37px;
}

.index-3 .pfad-39-6 {
  height: 31px;
  object-fit: cover;
  width: 10px;
}

.index-3 .pfad-container-22 {
  align-items: flex-end;
  display: flex;
  margin-left: 0.7px;
  min-width: 77px;
}

.index-3 .pfad-37-6 {
  height: 32px;
  width: 12px;
}

.index-3 .pfad-36-6 {
  height: 3px;
  margin-bottom: 0.4px;
  margin-left: 5px;
  object-fit: cover;
  width: 9px;
}

.index-3 .pfad-38-6 {
  height: 26px;
  margin-left: 36px;
  object-fit: cover;
  width: 15px;
}

.index-3 .gruppe-14-3 {
  height: 109px;
  left: 94px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 91px;
}

.index-3 .pfad-1051-3 {
  height: 18px;
  margin-bottom: 0.75px;
  object-fit: cover;
  width: 20px;
}

.index-3 .gruppe-11-3 {
  height: 11px;
  margin-left: 0.53px;
  object-fit: cover;
  width: 276px;
}

.index-3 .gruppe-127 {
  align-items: flex-start;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 60px;
  left: 677px;
  min-width: 60px;
  padding: 19.9px 15.1px;
  position: absolute;
  top: 5px;
}

.index-3 .gruppe-87 {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  min-width: 30px;
}

.index-3 .pfad-container-23 {
  height: 20px;
  margin-top: 0;
  position: relative;
  width: 30px;
}

.index-3 .pfad-1098-6 {
  height: 11px;
  left: 4px;
  top: 4px;
  width: 22px;
}

.index-3 .pfad-1099-6 {
  height: 20px;
  width: 30px;
}

.index-3 .gruppe-126 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 60px;
  left: 602px;
  min-width: 60px;
  padding: 14.7px 15.1px;
  position: absolute;
  top: 5px;
}

.index-3 .gruppe-88 {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  min-width: 30px;
  padding: 0.0px 0;
}

.index-3 .overlap-group-11 {
  height: 31px;
  position: relative;
  width: 30px;
}

.index-3 .pfad-1100-6 {
  height: 15px;
  left: 15px;
  width: 15px;
}

.index-3 .pfad-1101-6 {
  height: 8px;
  left: 15px;
  top: 6px;
  width: 8px;
}

.index-3 .icon-call-6 {
  height: 26px;
  top: 5px;
  width: 26px;
}

.index-3 .overlap-group5-3 {
  height: 876px;
  left: 189px;
  position: absolute;
  top: 278px;
  width: 756px;
}

.index-3 .zweig-6 {
  height: 874px;
  width: 756px;
}

.index-3 .gruppe-169-6 {
  height: 738px;
  left: 138px;
  min-width: 481px;
  top: 74px;
  transform: rotate(157.00deg);
}

.index-3 .gruppe-container-13 {
  height: 738px;
  position: relative;
  width: 481px;
}

.index-3 .gruppe-16-18 {
  display: flex;
  height: 738px;
  left: 0;
  position: absolute;
  top: 0;
  width: 481px;
}

.index-3 .gruppe-16-19 {
  flex: 1;
  margin-bottom: -64.7px;
  margin-left: -125.1px;
  margin-right: -125.1px;
  margin-top: -64.7px;
  object-fit: cover;
  transform: rotate(-157.00deg);
  width: 731.3px;
}

.index-3 .gruppe-16-20 {
  display: flex;
  height: 738px;
  left: 138px;
  position: absolute;
  top: 74px;
  transform: rotate(157.00deg);
  width: 481px;
}

.index-3 .gruppe-107 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 4px;
  min-height: 220px;
  position: absolute;
  top: 431px;
  width: 531px;
}

.index-3 .overlap-group6-3 {
  align-items: flex-start;
  background-color: var(--highland);
  display: flex;
  height: 60px;
  justify-content: flex-end;
  min-width: 531px;
  padding: 5.5px 17.0px;
}

.index-3 .naturnahes-gestalten-3 {
  letter-spacing: 1.75px;
  line-height: 49px;
  min-height: 46px;
  white-space: nowrap;
}

.index-3 .overlap-group8-3 {
  align-items: flex-start;
  background-color: var(--highland);
  display: flex;
  height: 60px;
  justify-content: flex-end;
  min-width: 349px;
  padding: 5.5px 12.0px;
}

.index-3 .mit-pflanzen {
  letter-spacing: 1.75px;
  line-height: 49px;
  min-height: 46px;
  white-space: nowrap;
}

.index-3 .overlap-group7-3 {
  align-items: flex-start;
  background-color: var(--highland);
  display: flex;
  height: 60px;
  justify-content: flex-end;
  min-width: 322px;
  padding: 5.5px 18.0px;
}

.index-3 .holz-stein {
  letter-spacing: 1.75px;
  line-height: 49px;
  min-height: 46px;
  white-space: nowrap;
}

.index-3 .gruppe-131 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  left: 39px;
  min-height: 1243px;
  position: absolute;
  top: 902px;
  width: 698px;
}

.index-3 .garten-und-landschaftsbau-3 {
  color: var(--highland);
  font-family: var(--font-family-quicksand);
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1.75px;
  line-height: 40px;
  margin-top: 2px;
  min-height: 86px;
  white-space: nowrap;
}

.index-3 .flex-row-10 {
  align-items: flex-start;
  display: flex;
  gap: 23px;
  height: 1131px;
  min-width: 698px;
}

.index-3 .overlap-group-container-14 {
  gap: 23px;
  min-height: 1131px;
  width: 217px;
}

.index-3 .overlap-group16-3 {
  background-image: url(../img/gartengestaltung-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 330px;
  position: relative;
  width: 217px;
}

.index-3 .pfad-1270 {
  top: 60px;
  width: 217px;
}

.index-3 .gartengestaltung-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 74px;
  white-space: nowrap;
}

.index-3 .overlap-group11-3 {
  background-image: url(../img/d-1x-png-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 217px;
}

.index-3 .pfad-127 {
  top: 60px;
  width: 204px;
}

.index-3 .terrassenbau-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 74px;
  white-space: nowrap;
}

.index-3 .overlap-group12-3 {
  background-image: url(../img/winterdienst-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 330px;
  position: relative;
  width: 217px;
}

.index-3 .winterdienst-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 74px;
  white-space: nowrap;
}

.index-3 .flex-col-5 {
  gap: 23px;
  min-height: 1131px;
  width: 458px;
}

.index-3 .flex-row-11 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  height: 778px;
  margin-left: 0;
  min-width: 458px;
}

.index-3 .overlap-group-container-12 {
  gap: 23px;
  min-height: 778px;
  width: 217px;
}

.index-3 .overlap-group15-3 {
  background-image: url(../img/gartenpflege-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 217px;
}

.index-3 .pfad-1274 {
  top: 316px;
  width: 204px;
}

.index-3 .gartenpflege-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 330px;
  white-space: nowrap;
}

.index-3 .overlap-group14-3 {
  background-image: url(../img/mauerbau-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 330px;
  position: relative;
  width: 217px;
}

.index-3 .pfad-1276 {
  top: 221px;
  width: 204px;
}

.index-3 .mauerbau-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 235px;
  white-space: nowrap;
}

.index-3 .overlap-group10-3 {
  background-image: url(../img/pflasterbau-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 330px;
  position: relative;
  width: 217px;
}

.index-3 .pflasterbau-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 74px;
  white-space: nowrap;
}

.index-3 .overlap-group13-3 {
  background-image: url(../img/image2-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 425px;
  position: relative;
  width: 217px;
}

.index-3 .baumfllungen-3 {
  left: 11px;
  letter-spacing: 0.95px;
  line-height: 20px;
  position: absolute;
  top: 74px;
  white-space: nowrap;
}

.index-3 .overlap-group9-3 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  gap: 58px;
  height: 330px;
  justify-content: flex-end;
  min-width: 458px;
  padding: 27.0px 0.0px;
}

.index-3 .flex-col-6 {
  align-self: flex-end;
  min-height: 255px;
  width: 243px;
}

.index-3 .jetzt-kontaktieren-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-left: 0.75px;
  min-height: 26px;
  white-space: nowrap;
}

.index-3 .gruppe-112 {
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin-left: 0.75px;
  margin-top: 21px;
  width: 217px;
}

.index-3 .gruppe-27-3 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  min-width: 23.75px;
}

.index-3 .overlap-group-12 {
  height: 24px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-3 .pfad-1100-7 {
  height: 12px;
  left: 12px;
  width: 12px;
}

.index-3 .pfad-1101-7 {
  height: 7px;
  left: 12px;
  top: 5px;
  width: 7px;
}

.index-3 .icon-call-7 {
  height: 21px;
  top: 4px;
  width: 21px;
}

.index-3 .phone-3 {
  letter-spacing: 0.85px;
  line-height: 22px;
  margin-bottom: 1.9px;
  margin-right: -2.0px;
  margin-top: -0.5px;
  white-space: nowrap;
  width: 183px;
}

.index-3 .gruppe-113 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  gap: 10.5px;
  height: 21px;
  margin-left: 0.75px;
  margin-top: 19px;
  width: 242px;
}

.index-3 .gruppe-28-3 {
  align-items: flex-start;
  display: flex;
  height: 16.16px;
  justify-content: center;
  margin-bottom: 1.0px;
  margin-left: 0;
  min-width: 23.75px;
}

.index-3 .pfad-container-24 {
  height: 16px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-3 .pfad-1098-7 {
  height: 9px;
  left: 3px;
  top: 3px;
  width: 18px;
}

.index-3 .pfad-1099-7 {
  height: 16px;
  width: 24px;
}

.index-3 .infoleaf-gartenbaude-3 {
  flex: 1;
  letter-spacing: 0.85px;
  line-height: 22px;
  margin-bottom: -1.5px;
  margin-right: -2.0px;
  margin-top: -0.5px;
  white-space: nowrap;
}

.index-3 .gruppe-114 {
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: space-between;
  margin-left: 2.94px;
  margin-top: 24px;
  width: 193px;
}

.index-3 .gruppe-30-3 {
  background-image: url(../img/gruppe-29-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22.43px;
  margin-top: 0;
  width: 17.29px;
}

.index-3 .lrchwaldstrae-682491-grainau-3 {
  letter-spacing: 0.85px;
  line-height: 22px;
  margin-bottom: -1.5px;
  margin-right: -2.0px;
  margin-top: 0.6px;
  white-space: nowrap;
  width: 161px;
}

.index-3 .gruppe-62 {
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: space-between;
  margin-top: 52px;
  width: 152px;
}

.index-3 .icon-feather-instagram-3 {
  align-items: flex-start;
  background-image: url(../img/pfad-1260-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.4px;
  margin-left: 0;
  margin-top: 0.4px;
  min-width: 23.18px;
  padding: 4.6px 4.6px;
}

.index-3 .pfad-container-25 {
  height: 12px;
  position: relative;
  width: 12px;
}

.index-3 .pfad-1261-3 {
  height: 10px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 2px;
  width: 10px;
}

.index-3 .pfad-1262-3 {
  height: 2px;
  left: 10px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2px;
}

.index-3 .follow-us-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-bottom: -4.0px;
  margin-right: -2.0px;
  margin-top: 2.0px;
  white-space: nowrap;
  width: 117px;
}

.index-3 .gruppe-container-14 {
  height: 151px;
  margin-top: 0.79px;
  position: relative;
  width: 127px;
}

.index-3 .gruppe-32-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 23px;
  left: 9px;
  min-height: 111px;
  padding: 0.0px 0;
  position: absolute;
  top: 13px;
  width: 108px;
}

.index-3 .pfad-container-26 {
  align-items: flex-start;
  display: flex;
  gap: 43px;
  margin-left: 0;
  min-width: 108px;
}

.index-3 .pfad-35-7 {
  height: 22px;
  margin-top: 0.13px;
  object-fit: cover;
  width: 51px;
}

.index-3 .pfad-39-7 {
  height: 43px;
  object-fit: cover;
  width: 14px;
}

.index-3 .pfad-container-27 {
  align-items: flex-end;
  display: flex;
  height: 45px;
  margin-left: 0.97px;
  min-width: 107px;
}

.index-3 .pfad-37-7 {
  height: 44px;
  width: 17px;
}

.index-3 .pfad-36-7 {
  height: 4px;
  margin-bottom: 0.55px;
  margin-left: 6px;
  object-fit: cover;
  width: 13px;
}

.index-3 .pfad-38-7 {
  height: 37px;
  margin-left: 50px;
  object-fit: cover;
  width: 20px;
}

.index-3 .gruppe-33-3 {
  height: 151px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 127px;
}

.index-3 .gruppe-108 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 33px;
  margin-top: 71px;
  min-height: 936px;
  width: 698px;
}

.index-3 .hier-liegt-der-unterschied-3 {
  color: var(--highland);
  font-family: var(--font-family-quicksand);
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1.75px;
  line-height: 49px;
  margin-top: -2px;
  min-height: 46px;
  white-space: nowrap;
}

.index-3 .flex-row-12 {
  align-items: flex-start;
  display: flex;
  gap: 18px;
  height: 856px;
  min-width: 698px;
}

.index-3 .overlap-group-container-13 {
  gap: 16px;
  min-height: 856px;
  width: 340px;
}

.index-3 .overlap-group4-3 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 48.4px 30.0px;
  width: 340px;
}

.index-3 .icon-awesome-mountain-3 {
  height: 46px;
  margin-right: 0;
  object-fit: cover;
  width: 58px;
}

.index-3 .regional-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 35px;
  min-height: 26px;
  min-width: 102px;
  text-align: center;
  white-space: nowrap;
}

.index-3 .der-fokus-liegt-auf-3 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 18px;
  min-height: 161px;
  width: 277px;
}

.index-3 .overlap-group3-3 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 45.3px 30.0px;
  width: 340px;
}

.index-3 .icon-awesome-hands-helping-3 {
  height: 46px;
  margin-left: 1.0px;
  margin-top: 3px;
  object-fit: cover;
  width: 58px;
}

.index-3 .hand-in-hand-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 35px;
  min-height: 26px;
  min-width: 148px;
  text-align: center;
  white-space: nowrap;
}

.index-3 .wenn-es-ber-den-gal-2 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 18px;
  min-height: 201px;
  width: 277px;
}

.index-3 .overlap-group1-3 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 41.3px 30.0px;
  width: 340px;
}

.index-3 .overlap-group-13 {
  height: 55px;
  margin-left: 1.77px;
  position: relative;
  width: 45px;
}

.index-3 .icon-awesome-circle-notch-3 {
  height: 44px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 45px;
}

.index-3 .pfad-1111-3 {
  height: 31px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 31px;
}

.index-3 .nachhaltig-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 33px;
  min-height: 26px;
  min-width: 128px;
  text-align: center;
  white-space: nowrap;
}

.index-3 .wir-verwenden-bei-de-2 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-top: 18px;
  min-height: 161px;
  width: 277px;
}

.index-3 .overlap-group2-1 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  min-height: 420px;
  padding: 44.3px 30.0px;
  width: 340px;
}

.index-3 .icon-plus-3 {
  height: 40px;
  margin-right: 0;
  margin-top: 7px;
  object-fit: cover;
  width: 40px;
}

.index-3 .mehr-als-gala-3 {
  letter-spacing: 0.95px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 37px;
  min-height: 26px;
  min-width: 158px;
  text-align: center;
  white-space: nowrap;
}

.index-3 .wir-sind-breit-gefc-3 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 19px;
  min-height: 201px;
  width: 277px;
}

.index-3 .overlap-group19 {
  height: 1131px;
  margin-left: -87.99px;
  margin-top: 76px;
  position: relative;
  width: 856px;
}

.index-3 .wald-3 {
  height: 400px;
  left: 88px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 768px;
}

.index-3 .gruppe-109 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 123px;
  min-height: 581px;
  position: absolute;
  top: 550px;
  width: 700px;
}

.index-3 .ber-uns-3 {
  letter-spacing: 2.45px;
  line-height: 49px;
  margin-top: 6px;
  min-height: 63px;
  white-space: nowrap;
}

.index-3 .leaf-korbinian-gustl-behrend-3 {
  color: var(--highland);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0.95px;
  line-height: 35px;
  margin-bottom: -9px;
  margin-left: 0;
  margin-top: 20px;
  min-height: 26px;
  white-space: nowrap;
}

.index-3 .leaf-ist-ein-unterne-3 {
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-left: 0;
  margin-top: 13px;
  min-height: 111px;
  width: 700px;
}

.index-3 .korbinian-2 {
  height: 306px;
  margin-top: 36px;
  object-fit: cover;
  width: 698px;
}

.index-3 .overlap-group17-3 {
  height: 528px;
  left: 0;
  position: absolute;
  top: 53px;
  width: 456px;
}

.index-3 .zweig-7 {
  height: 527px;
  width: 456px;
}

.index-3 .gruppe-169-7 {
  height: 445px;
  left: 83px;
  min-width: 290px;
  top: 44px;
  transform: rotate(23.00deg);
}

.index-3 .gruppe-container-15 {
  height: 445px;
  position: relative;
  width: 290px;
}

.index-3 .gruppe-16-21 {
  display: flex;
  height: 445px;
  left: 0;
  position: absolute;
  top: 0;
  width: 290px;
}

.index-3 .gruppe-16-22 {
  flex: 1;
  margin-bottom: -39.0px;
  margin-left: -75.4px;
  margin-right: -75.4px;
  margin-top: -39.0px;
  object-fit: cover;
  transform: rotate(-23.00deg);
  width: 440.94px;
}

.index-3 .gruppe-16-23 {
  display: flex;
  height: 445px;
  left: 83px;
  position: absolute;
  top: 44px;
  transform: rotate(23.00deg);
  width: 290px;
}

.index-3 .gruppe-143 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  height: 19px;
  justify-content: flex-end;
  margin-left: 2.0px;
  margin-top: 39px;
  min-width: 700px;
}

.index-3 .datenschutzbestimmungen-3 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  min-height: 21px;
  min-width: 241px;
  white-space: nowrap;
}

.index-3 .impressum-3 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 4px;
  min-height: 21px;
  min-width: 100px;
  white-space: nowrap;
}

.index-3 .copyright-3 {
  cursor: pointer;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-left: 129px;
  min-height: 21px;
  min-width: 226px;
  white-space: nowrap;
}

.index-3 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.index-3 .gruppe-169 {
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.index-3 .icon-call {
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index-3 .overlap-group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.index-3 .pfad {
  height: 49px;
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index-3 .pfad-1098 {
  object-fit: cover;
  position: absolute;
}

.index-3 .pfad-1099 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-3 .pfad-1100 {
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-3 .pfad-1101 {
  object-fit: cover;
  position: absolute;
}

.index-3 .pfad-37 {
  align-self: flex-start;
  object-fit: cover;
}

.index-3 .zweig {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
/* screen - index-4 */

.index-4 {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 5338px;
  overflow: hidden;
  width: 390px;
}

.index-4 .overlap-group11-4 {
  height: 2299px;
  position: relative;
  width: 501px;
}

.index-4 .gruppe-186 {
  background-image: url(../img/header-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 800px;
  left: 0;
  opacity: 0.85;
  position: absolute;
  top: 0;
  width: 390px;
}

.index-4 .rechteck-10-4 {
  background-color: var(--onyx);
  flex: 1;
  mix-blend-mode: color;
  opacity: 0.5;
  width: 390px;
}

.index-4 .logo_-leaf-galabau-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 11px;
  left: 84px;
  min-height: 174px;
  position: absolute;
  top: 71px;
  width: 223px;
}

.index-4 .flex-row-13 {
  align-items: flex-end;
  display: flex;
  gap: 6px;
  min-width: 223px;
}

.index-4 .gruppe-container-16 {
  height: 154px;
  position: relative;
  width: 201px;
}

.index-4 .gruppe-12-4 {
  align-items: flex-end;
  display: flex;
  height: 76px;
  justify-content: flex-end;
  left: 0;
  min-width: 201px;
  padding: 0 0.0px;
  position: absolute;
  top: 78px;
}

.index-4 .pfad-31-4 {
  align-self: center;
  height: 73px;
  margin-bottom: 0.28px;
  object-fit: cover;
  width: 66px;
}

.index-4 .pfad-32-4 {
  height: 50px;
  margin-bottom: 0;
  margin-left: 3px;
  object-fit: cover;
  width: 41px;
}

.index-4 .pfad-33-4 {
  height: 49px;
  margin-bottom: 0.96px;
  margin-left: 6px;
  object-fit: cover;
  width: 47px;
}

.index-4 .pfad-34-4 {
  align-self: flex-start;
  height: 75px;
  margin-left: 3px;
  margin-top: 0;
  object-fit: cover;
  width: 35px;
}

.index-4 .gruppe-13-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  left: 81px;
  min-height: 64px;
  padding: 0.0px 0;
  position: absolute;
  top: 7px;
  width: 63px;
}

.index-4 .pfad-container-28 {
  align-items: flex-start;
  display: flex;
  gap: 25px;
  margin-left: 0;
  min-width: 63px;
}

.index-4 .pfad-35-8 {
  height: 13px;
  margin-top: 0.07px;
  object-fit: cover;
  width: 30px;
}

.index-4 .pfad-39-8 {
  height: 25px;
  object-fit: cover;
  width: 8px;
}

.index-4 .pfad-container-29 {
  align-items: flex-end;
  display: flex;
  height: 26px;
  margin-left: 0.57px;
  min-width: 62px;
}

.index-4 .pfad-37-8 {
  align-self: flex-start;
  height: 25px;
  object-fit: cover;
  width: 10px;
}

.index-4 .pfad-36-8 {
  height: 2px;
  margin-bottom: 0.32px;
  margin-left: 4px;
  object-fit: cover;
  width: 8px;
}

.index-4 .pfad-38-8 {
  height: 21px;
  margin-left: 29px;
  object-fit: cover;
  width: 12px;
}

.index-4 .gruppe-14-4 {
  height: 88px;
  left: 76px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 74px;
}

.index-4 .pfad-1051-4 {
  height: 14px;
  margin-bottom: 0.6px;
  object-fit: cover;
  width: 16px;
}

.index-4 .gruppe-11-4 {
  height: 9px;
  margin-left: 0.42px;
  object-fit: cover;
  width: 222px;
}

.index-4 .gruppe-118 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  left: 0;
  min-height: 155px;
  position: absolute;
  top: 332px;
  width: 362px;
}

.index-4 .overlap-group3-4 {
  height: 47px;
  margin-top: -2px;
  position: relative;
  width: 362px;
}

.index-4 .rechteck-46 {
  width: 362px;
}

.index-4 .naturnahes-gestalten-4 {
  left: 20px;
  letter-spacing: 1.25px;
  line-height: 49px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.index-4 .overlap-group1-4 {
  height: 47px;
  position: relative;
  width: 229px;
}

.index-4 .rechteck-47 {
  width: 229px;
}

.index-4 .mit-pflanzen-1 {
  left: 20px;
  letter-spacing: 1.25px;
  line-height: 49px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.index-4 .overlap-group2-2 {
  height: 47px;
  position: relative;
  width: 214px;
}

.index-4 .rechteck-48 {
  width: 214px;
}

.index-4 .rechteck-49 {
  width: 208px;
}

.index-4 .gruppe-129 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 45px;
  left: 325px;
  min-width: 45px;
  padding: 14.2px 10.3px;
  position: absolute;
  top: 0;
}

.index-4 .pfad-container-30 {
  height: 17px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-4 .pfad-1098-8 {
  height: 9px;
  left: 3px;
  top: 3px;
  width: 18px;
}

.index-4 .pfad-1099-8 {
  height: 17px;
  width: 24px;
}

.index-4 .gruppe-128 {
  align-items: flex-end;
  background-color: var(--highland);
  cursor: pointer;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  left: 270px;
  min-width: 45px;
  padding: 10.0px 10.3px;
  position: absolute;
  top: 0;
}

.index-4 .gruppe-90 {
  align-items: flex-start;
  display: flex;
  min-width: 24px;
}

.index-4 .overlap-group-14 {
  height: 25px;
  margin-top: 0;
  position: relative;
  width: 24px;
}

.index-4 .pfad-1100-8 {
  height: 12px;
  left: 12px;
  width: 12px;
}

.index-4 .pfad-1101-8 {
  height: 7px;
  left: 12px;
  top: 5px;
  width: 7px;
}

.index-4 .icon-call-8 {
  height: 21px;
  top: 4px;
  width: 21px;
}

.index-4 .gruppe-133 {
  display: flex;
  height: 1388px;
  left: 20px;
  position: absolute;
  top: 911px;
  width: 350px;
}

.index-4 .gruppe-132 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
  width: 350px;
}

.index-4 .garten-und-landschaftsbau-4 {
  letter-spacing: 1.50px;
  line-height: 40px;
  margin-top: -1px;
  min-height: 80px;
  white-space: nowrap;
}

.index-4 .overlap-group5-4 {
  background-image: url(../img/gartenpflege-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  margin-top: 27px;
  position: relative;
  width: 350px;
}

.index-4 .pfad-1280 {
  top: 125px;
}

.index-4 .gartenpflege-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 134px;
  white-space: nowrap;
}

.index-4 .overlap-group-container-15 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-top: 10px;
  min-width: 350px;
}

.index-4 .overlap-group4-4 {
  background-image: url(../img/gartengestaltung-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  position: relative;
  width: 170px;
}

.index-4 .pfad-128 {
  top: 127px;
}

.index-4 .gartengestaltung-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 136px;
  white-space: nowrap;
}

.index-4 .overlap-group2-3 {
  background-image: url(../img/pflasterbau_mobil.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  position: relative;
  width: 170px;
}

.index-4 .pfad-128-1 {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 20px;
  width: 167px;
}

.index-4 .pflasterbau-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 29px;
  white-space: nowrap;
}

.index-4 .overlap-group6-4 {
  background-image: url(../img/d@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  margin-top: 10px;
  position: relative;
  width: 350px;
}

.index-4 .pfad-1286 {
  top: 115px;
}

.index-4 .terrassenbau-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 124px;
  white-space: nowrap;
}

.index-4 .overlap-group7-4 {
  background-image: url(../img/mauerbau-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  position: relative;
  width: 170px;
}

.index-4 .mauerbau-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 136px;
  white-space: nowrap;
}

.index-4 .overlap-group3-5 {
  background-image: url(../img/image2-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  position: relative;
  width: 170px;
}

.index-4 .baumfllungen-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 29px;
  white-space: nowrap;
}

.index-4 .overlap-group8-4 {
  background-image: url(../img/winterdienst-4@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 187px;
  margin-top: 10px;
  position: relative;
  width: 350px;
}

.index-4 .winterdienst-4 {
  left: 11px;
  letter-spacing: 0.75px;
  line-height: 20px;
  position: absolute;
  top: 136px;
  white-space: nowrap;
}

.index-4 .overlap-group1-5 {
  align-items: flex-start;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  min-height: 297px;
  padding: 33.3px 58px;
  width: 350px;
}

.index-4 .jetzt-kontaktieren-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 0;
  margin-top: 9px;
  min-height: 23px;
  white-space: nowrap;
}

.index-4 .gruppe-117 {
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: space-between;
  margin-top: 25px;
  width: 190px;
}

.index-4 .gruppe-27-4 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 0;
  min-width: 19.75px;
}

.index-4 .overlap-group-15 {
  height: 20px;
  margin-top: 0;
  position: relative;
  width: 20px;
}

.index-4 .pfad-1100-9 {
  height: 10px;
  left: 10px;
  width: 10px;
}

.index-4 .pfad-1101-9 {
  height: 6px;
  left: 10px;
  top: 4px;
  width: 6px;
}

.index-4 .icon-call-9 {
  height: 17px;
  top: 3px;
  width: 17px;
}

.index-4 .phone-4 {
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -0.2px;
  margin-right: -2.0px;
  margin-top: -0.5px;
  white-space: nowrap;
  width: 162px;
}

.index-4 .gruppe-116 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  gap: 8.5px;
  height: 19px;
  margin-top: 19px;
  width: 211px;
}

.index-4 .gruppe-28-4 {
  align-items: center;
  display: flex;
  height: 13.44px;
  margin-bottom: 2.0px;
  margin-left: 0;
  min-width: 19.75px;
}

.index-4 .pfad-container-31 {
  height: 13px;
  position: relative;
  width: 20px;
}

.index-4 .pfad-1098-9 {
  height: 7px;
  left: 2px;
  top: 2px;
  width: 15px;
}

.index-4 .pfad-1099-9 {
  height: 13px;
  width: 20px;
}

.index-4 .infoleaf-gartenbaude-4 {
  flex: 1;
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-right: -2.0px;
  margin-top: -0.5px;
  white-space: nowrap;
}

.index-4 .gruppe-115 {
  cursor: pointer;
  display: flex;
  height: 39px;
  justify-content: space-between;
  margin-left: 1.82px;
  margin-top: 21px;
  width: 168px;
}

.index-4 .gruppe-30-4 {
  background-image: url(../img/gruppe-29-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 18.65px;
  margin-top: 1.2px;
  width: 14.38px;
}

.index-4 .lrchwaldstrae-682491-grainau-4 {
  letter-spacing: 0.75px;
  line-height: 20px;
  margin-bottom: -1.5px;
  margin-right: -2.0px;
  margin-top: -0.5px;
  white-space: nowrap;
  width: 142px;
}

.index-4 .gruppe-71 {
  cursor: pointer;
  display: flex;
  height: 21px;
  justify-content: space-between;
  margin-left: 1.82px;
  margin-top: 34px;
  width: 133px;
}

.index-4 .icon-feather-instagram-4 {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-bottom: 0.7px;
  margin-top: 1.4px;
  min-width: 18.84px;
}

.index-4 .pfad-container-32 {
  background-image: url(../img/pfad-1260-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 20px;
  margin-top: -0.75px;
  position: relative;
  width: 20px;
}

.index-4 .pfad-1261-4 {
  height: 9px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 6px;
  width: 9px;
}

.index-4 .pfad-1262-4 {
  height: 2px;
  left: 14px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 2px;
}

.index-4 .follow-us-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-bottom: -2.5px;
  margin-right: -2.0px;
  margin-top: 0.5px;
  white-space: nowrap;
  width: 105px;
}

.index-4 .overlap-group9-4 {
  height: 526px;
  left: 47px;
  position: absolute;
  top: 438px;
  width: 454px;
}

.index-4 .zweig-8 {
  height: 525px;
  width: 454px;
}

.index-4 .gruppe-169-8 {
  height: 443px;
  left: 83px;
  min-width: 289px;
  top: 44px;
  transform: rotate(157.00deg);
}

.index-4 .gruppe-container-17 {
  height: 443px;
  position: relative;
  width: 289px;
}

.index-4 .gruppe-16-24 {
  display: flex;
  height: 443px;
  left: 0;
  position: absolute;
  top: 0;
  width: 289px;
}

.index-4 .gruppe-16-25 {
  flex: 1;
  margin-bottom: -38.8px;
  margin-left: -75.1px;
  margin-right: -75.1px;
  margin-top: -38.8px;
  object-fit: cover;
  transform: rotate(-157.00deg);
  width: 438.96px;
}

.index-4 .gruppe-16-26 {
  display: flex;
  height: 443px;
  left: 83px;
  position: absolute;
  top: 44px;
  transform: rotate(157.00deg);
  width: 289px;
}

.index-4 .gruppe-110 {
  align-items: flex-start;
  align-self: center;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  min-height: 1684px;
  width: 350px;
}

.index-4 .hier-liegt-der-unterschied-4 {
  letter-spacing: 1.50px;
  line-height: 40px;
  margin-top: -1px;
  min-height: 80px;
  white-space: nowrap;
}

.index-4 .overlap-group6-5 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-top: 41px;
  min-height: 380px;
  padding: 40.0px 33.0px;
  width: 350px;
}

.index-4 .icon-awesome-mountain-4 {
  height: 38px;
  margin-right: 0;
  object-fit: cover;
  width: 48px;
}

.index-4 .regional-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 24px;
  min-height: 23px;
  min-width: 90px;
  text-align: center;
  white-space: nowrap;
}

.index-4 .der-fokus-liegt-auf-4 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 17px;
  min-height: 147px;
  width: 282px;
}

.index-4 .overlap-group4-5 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  min-height: 380px;
  padding: 39.8px 33.0px;
  width: 350px;
}

.index-4 .gruppe-51-1 {
  align-items: flex-start;
  display: flex;
  height: 43px;
  margin-left: 0.04px;
  min-width: 38px;
}

.index-4 .overlap-group-16 {
  height: 48px;
  margin-top: -5.0px;
  position: relative;
  width: 43px;
}

.index-4 .icon-awesome-circle-notch-4 {
  height: 36px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 12px;
  width: 38px;
}

.index-4 .pfad-1111-4 {
  height: 31px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 31px;
}

.index-4 .nachhaltig-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 20px;
  min-height: 23px;
  min-width: 114px;
  text-align: center;
  white-space: nowrap;
}

.index-4 .wir-verwenden-bei-de-3 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 17px;
  min-height: 147px;
  width: 282px;
}

.index-4 .overlap-group7-5 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  min-height: 380px;
  padding: 40.0px 33.0px;
  width: 350px;
}

.index-4 .icon-awesome-hands-helping-4 {
  height: 38px;
  margin-left: 0;
  object-fit: cover;
  width: 48px;
}

.index-4 .hand-in-hand-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 24px;
  min-height: 23px;
  min-width: 134px;
  text-align: center;
  white-space: nowrap;
}

.index-4 .wenn-es-ber-den-gal-3 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 17px;
  min-height: 183px;
  width: 282px;
}

.index-4 .overlap-group5-5 {
  align-items: center;
  background-color: var(--highland);
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  min-height: 380px;
  padding: 36.2px 33.0px;
  width: 350px;
}

.index-4 .icon-plus-4 {
  height: 38px;
  margin-top: 4px;
  object-fit: cover;
  width: 38px;
}

.index-4 .mehr-als-gala-4 {
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 24px;
  min-height: 23px;
  min-width: 142px;
  text-align: center;
  white-space: nowrap;
}

.index-4 .wir-sind-breit-gefc-4 {
  align-self: flex-end;
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-top: 17px;
  min-height: 201px;
  width: 282px;
}

.index-4 .overlap-group12-4 {
  height: 1114px;
  margin-left: -87.71px;
  margin-top: 84px;
  position: relative;
  width: 478px;
}

.index-4 .wald-4 {
  height: 338px;
  left: 88px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 390px;
}

.index-4 .gruppe-111 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 108px;
  min-height: 596px;
  position: absolute;
  top: 518px;
  width: 352px;
}

.index-4 .ber-uns-4 {
  letter-spacing: 1.50px;
  line-height: 40px;
  margin-top: -1px;
  white-space: nowrap;
}

.index-4 .leaf-korbinian-gustl-behrend-4 {
  color: var(--highland);
  font-family: var(--font-family-quicksand);
  font-size: var(--font-size-l);
  font-weight: 500;
  letter-spacing: 0.85px;
  line-height: 20px;
  margin-left: 0;
  margin-top: 18px;
  min-height: 23px;
  white-space: nowrap;
}

.index-4 .leaf-ist-ein-unterne-4 {
  letter-spacing: 0.75px;
  line-height: 18px;
  margin-left: 0;
  margin-top: 8px;
  min-height: 237px;
  width: 352px;
}

.index-4 .korbinian-3 {
  height: 250px;
  margin-top: 21px;
  object-fit: cover;
  width: 350px;
}

.index-4 .overlap-group10-4 {
  height: 461px;
  left: 0;
  position: absolute;
  top: 107px;
  width: 398px;
}

.index-4 .zweig-9 {
  height: 460px;
  width: 398px;
}

.index-4 .gruppe-169-9 {
  height: 389px;
  left: 72px;
  min-width: 253px;
  top: 39px;
  transform: rotate(23.00deg);
}

.index-4 .gruppe-container-18 {
  height: 389px;
  position: relative;
  width: 253px;
}

.index-4 .gruppe-16-27 {
  display: flex;
  height: 389px;
  left: 0;
  position: absolute;
  top: 0;
  width: 253px;
}

.index-4 .gruppe-16-28 {
  flex: 1;
  margin-bottom: -34.0px;
  margin-left: -65.9px;
  margin-right: -65.9px;
  margin-top: -34.0px;
  object-fit: cover;
  transform: rotate(-23.00deg);
  width: 385.02px;
}

.index-4 .gruppe-16-29 {
  display: flex;
  height: 389px;
  left: 72px;
  position: absolute;
  top: 39px;
  transform: rotate(23.00deg);
  width: 253px;
}

.index-4 .gruppe-146 {
  align-items: center;
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: 3.0px;
  margin-top: 35px;
  min-height: 35px;
  width: 277px;
}

.index-4 .flex-row-14 {
  align-items: flex-start;
  display: flex;
  gap: 3px;
  height: 17px;
  margin-left: 0;
  margin-top: -2px;
  min-width: 277px;
}

.index-4 .datenschutzbestimmungen-4 {
  align-self: flex-end;
  cursor: pointer;
  letter-spacing: 0.60px;
  line-height: 20px;
  min-height: 17px;
  min-width: 193px;
  white-space: nowrap;
}

.index-4 .impressum-4 {
  cursor: pointer;
  letter-spacing: 0.60px;
  line-height: 20px;
  min-height: 17px;
  white-space: nowrap;
}

.index-4 .copyright-4 {
  cursor: pointer;
  letter-spacing: 0.60px;
  line-height: 20px;
  margin-bottom: -3px;
  margin-left: 0;
  min-height: 17px;
  min-width: 181px;
  white-space: nowrap;
}

.index-4 .gruppe-169 {
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.index-4 .holz-stein {
  left: 20px;
  letter-spacing: 1.25px;
  line-height: 49px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.index-4 .icon-call {
  left: 0;
  object-fit: cover;
  position: absolute;
}

.index-4 .pfad {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  width: 167px;
}

.index-4 .pfad-1098 {
  object-fit: cover;
  position: absolute;
}

.index-4 .pfad-1099 {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-4 .pfad-1100 {
  object-fit: cover;
  position: absolute;
  top: 0;
}

.index-4 .pfad-1101 {
  object-fit: cover;
  position: absolute;
}

.index-4 .rechteck {
  background-color: var(--highland);
  height: 45px;
  left: 0;
  position: absolute;
  top: 2px;
}

.index-4 .zweig {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 767px) {
  .screen.index {
    display: none;
   }
  .screen.index-1 {
    display: none;
   }
  .screen.index-2-all-breakpoints {
    display: none;
   }
  .screen.index-3 {
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .screen.index {
    display: none;
   }
  .screen.index-1 {
    display: none;
   }
  .screen.index-2-all-breakpoints {
    display: none;
   }
  .screen.index-4 {
    display: none;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1399px) {
  .screen.index {
    display: none;
   }
  .screen.index-1 {
    display: none;
   }
  .screen.index-3 {
    display: none;
   }
  .screen.index-4 {
    display: none;
   }
}
@media screen and (min-width: 1400px) and (max-width: 1899px) {
  .screen.index {
    display: none;
   }
  .screen.index-2-all-breakpoints {
    display: none;
   }
  .screen.index-3 {
    display: none;
   }
  .screen.index-4 {
    display: none;
   }
}
@media screen and (min-width: 1900px) {
  .screen.index-1 { 
    display: none;
   }
  .screen.index-2-all-breakpoints { 
    display: none;
   }
  .screen.index-3 { 
    display: none;
   }
  .screen.index-4 { 
    display: none;
   }
}