@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
}

.clean-landing-page {
  background-color: #ffffff;
  overflow: hidden;
  width: 1440px;
  min-width: 1440px;
  height: 7494px;
  position: relative;
  margin: 0 auto;
}

.clean-landing-page .background {
  top: 0;
  height: 800px;
  background-color: #4aa295;
  position: absolute;
  left: 0;
  width: 1440px;
}

.clean-landing-page .oval {
  position: absolute;
  top: 115px;
  left: 735px;
  width: 570px;
  height: 570px;
  background-color: #000000;
  border-radius: 285px;
  overflow: hidden;
}

.clean-landing-page .oval iframe.video-embed {
  width: 100%;
  height: 100%;
  border: 0;
}


.clean-landing-page .text-wrapper {
  position: absolute;
  top: 466px;
  left: 971px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.clean-landing-page .hard-to-believe-but {
  position: absolute;
  top: 100px;
  left: 153px;
  width: 519px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 64px;
  letter-spacing: 0;
  line-height: 64px;
}

.clean-landing-page .span {
  color: #0e5446;
  line-height: 65px;
}

.clean-landing-page .text-wrapper-2 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  line-height: 1px;
  margin-bottom: -500px;
}

.clean-landing-page .text-wrapper-3 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  line-height: 1px;
  margin-top: -500px;
}

.clean-landing-page .hard-to-believe-but__line {
  display: block;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.7;
  margin: 0.1em 0 0;
}

.clean-landing-page .hard-to-believe-but__line:first-of-type {
  margin-top: 1rem;
}

.clean-landing-page .horizontal-line {
  display: block;
  width: 225px;
  height: 2px;
  background-color: #0e5446;
  margin-top: 50px;
  margin-bottom: -80px;
}

.clean-landing-page .horizontal-line-secondary {
  display: block;
  width: 280px;
  height: 2px;
  background-color: #000000;
  margin-top: -20px;
  margin-bottom: 40px;
}

.clean-landing-page .horizontal-line-primary {
  position: absolute;
  top: 6400px;
  left: 286px;
  width: 320px;
  height: 2px;
  background-color: #4aa295;
  z-index: 2;
}

.clean-landing-page .div {
  top: 800px;
  height: 20000px;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  width: 1440px;
}

.clean-landing-page .nam-gravida-nisl-a {
  position: absolute;
  top: 940px;
  left: 286px;
  width: 866px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-h-siva);
  font-size: 36px;
  letter-spacing: 0;
  line-height: 32px;
}

.clean-landing-page .text-wrapper-4 {
  font-weight: 700;
  color: #4aa295;
}

.clean-landing-page .text-wrapper-5 {
  font-family: "Alegreya Sans", Helvetica;
  color: #58595b;
  font-size: 22px;
}

.clean-landing-page .f-llen-sie-das {
  position: absolute;
  top: 6464px;
  left: 286px;
  width: 505px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-h-zelena);
  font-size: 26px;
  letter-spacing: 0.46px;
  line-height: 33px;
}

.clean-landing-page .text-wrapper-6 {
  font-weight: 700;
  letter-spacing: 0.12px;
}

.clean-landing-page .text-wrapper-7 {
  font-family: "Alegreya Sans", Helvetica;
  letter-spacing: 0.12px;
}

.clean-landing-page .textarea {
  position: absolute;
  top: 6838px;
  left: 287px;
  width: 571px;
  height: 199px;
  background-color: rgba(154, 154, 154, 0.15);
  border-radius: 8px;
}

.clean-landing-page .contact-form textarea,
.clean-landing-page .contact-form input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: #000000;
  font-family: "Alegreya Sans", Helvetica;
  font-size: 20px;
  padding: 16px;
  outline: none;
}

.clean-landing-page .contact-form textarea::placeholder,
.clean-landing-page .contact-form input::placeholder {
  color: #000000;
  opacity: 0.7;
}

.clean-landing-page .contact-form textarea {
  resize: none;
}

.clean-landing-page .contact-form .input-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  color: #ffffff;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.clean-landing-page .contact-form .input-copy:hover {
  color: #000000;
}

.clean-landing-page .input {
  position: absolute;
  top: 6597px;
  left: 586px;
  width: 272px;
  height: 64px;
  background-color: rgba(154, 154, 154, 0.15);
  border-radius: 8px;
}

.clean-landing-page .input-2 {
  position: absolute;
  top: 6727px;
  left: 286px;
  width: 317px;
  height: 64px;
  background-color: rgba(154, 154, 154, 0.15);
  border-radius: 8px;
}

.clean-landing-page .input-3 {
  position: absolute;
  top: 6597px;
  left: 286px;
  width: 272px;
  height: 64px;
  background-color: rgba(154, 154, 154, 0.15);
  border-radius: 8px;
}

.clean-landing-page .robert {
  position: absolute;
  top: 6617px;
  left: 305px;
  width: 166px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  opacity: 0.34;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 500;
  color: #020202;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.clean-landing-page .element-september {
  top: 6566px;
  left: 288px;
  width: 199px;
  position: absolute;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--colors-grays-black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .element-september-2 {
  top: 6567px;
  left: 588px;
  width: 199px;
  position: absolute;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--colors-grays-black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .element-september-3 {
  top: 6698px;
  left: 286px;
  width: 271px;
  position: absolute;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--colors-grays-black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .element-september-4 {
  top: 6811px;
  left: 288px;
  width: 199px;
  position: absolute;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--colors-grays-black);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .input-copy {
  position: absolute;
  top: 7087px;
  left: 287px;
  width: 200px;
  height: 63px;
  background-color: var(--variable-collection-h-zelena);
  border-radius: 40px;
  border: 0px none;
}

.clean-landing-page .explore-collaboratio {
  position: absolute;
  top: 7108px;
  left: 325px;
  width: 163px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0.16px;
  line-height: normal;
}

.clean-landing-page .listek {
  position: absolute;
  top: 6488px;
  left: 1016px;
  width: 245px;
  height: 432px;
  aspect-ratio: 0.57;
  object-fit: cover;
}

.clean-landing-page .KONTAKTIEREN-SIE-UNS {
  position: absolute;
  top: 6145px;
  left: calc(50.00% - 433px);
  width: 373px;
  height: 26px;
}

.clean-landing-page .text-wrapper-8 {
  position: absolute;
  top: 6270px;
  left: 286px;
  width: 78px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 500;
  color: var(--colors-labels-primary);
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .TELEPHONE {
  position: absolute;
  top: 6270px;
  left: 546px;
  width: 221px;
  height: 19px;
  display: flex;
  align-items: flex-end;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 500;
  color: var(--colors-grays-black);
  font-size: 20px;
  letter-spacing: 1.5px;
  line-height: normal;
  white-space: nowrap;
}

.clean-landing-page .text-wrapper-9 {
  position: absolute;
  top: 6211px;
  left: 286px;
  width: 233px;
  height: 200px;
  display: flex;
  align-items: center;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-h-zelena);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.clean-landing-page .text-wrapper-10 {
  position: absolute;
  top: 6210px;
  left: 546px;
  width: 177px;
  height: 200px;
  display: flex;
  align-items: center;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-h-zelena);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.clean-landing-page .rectangle {
  position: absolute;
  top: 7352px;
  left: 0;
  width: 1440px;
  height: 142px;
  background-color: #94bfb8;
}

.clean-landing-page .p {
  position: absolute;
  top: 7423px;
  left: calc(50.00% - 131px);
  height: 23px;
  display: flex;
  align-items: center;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--whitewhite);
  font-size: 16px;
  letter-spacing: 0.08px;
  line-height: 22.5px;
  white-space: nowrap;
}

.clean-landing-page .text-wrapper-11 {
  position: absolute;
  top: 5700px;
  left: calc(50% - 280px);
  width: 560px;
  height: 315px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #eb1a1a;
  font-size: 26px;
  letter-spacing: 0.46px;
  line-height: 44px;
  white-space: normal;
  overflow: hidden;
}

.clean-landing-page .text-wrapper-11 iframe.text-wrapper-11-iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.clean-landing-page .text-wrapper-12-wrapper {
  position: absolute;
  top: 46px;
  left: 83px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 2;
}

.clean-landing-page .text-wrapper-11-icon {
  display: block;
  height: 44px;
  width: auto;
}

.clean-landing-page .text-wrapper-12 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 23px;
  white-space: normal;
}

.clean-landing-page .rectangle-2 {
  position: absolute;
  top: 1082px;
  left: 305px;
  width: 250px;
  height: 313px;
  background-color: #4aa295;
}

.clean-landing-page .hermina-v {
  position: absolute;
  top: 1061px;
  left: 287px;
  width: 252px;
  height: 315px;
  aspect-ratio: 0.8;
  object-fit: cover;
}

.clean-landing-page .rectangle-3 {
  position: absolute;
  top: 1808px;
  left: calc(50.00% - 501px);
  width: 1000px;
  height: 1442px;
  background-color: var(--variable-collection-h-zelena);
  border-radius: 8px;
}

.clean-landing-page .die-kognim-methode {
  position: absolute;
  top: 1882px;
  left: 284px;
  width: 867px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 26px;
}

.clean-landing-page .text-wrapper-13 {
  color: #ffffff;
  line-height: 40px;
}

.clean-landing-page .text-wrapper-14 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 800;
  color: #ffffff;
  font-size: 30px;
  line-height: 50px;
}

.clean-landing-page .text-wrapper-15 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 800;
  color: #ffffff;
  line-height: 50px;
}

.clean-landing-page .text-wrapper-16 {
  color: #ffffff;
  line-height: 50px;
}

.clean-landing-page .text-wrapper-17 {
  color: #ffffff;
  font-size: 35px;
  line-height: 40px;
}

.clean-landing-page .text-wrapper-18 {
  color: #0e5446;
  font-size: 40px;
  line-height: 45px;
}

.clean-landing-page .hermina-a-nur-ist {
  position: absolute;
  top: 1050px;
  left: 585px;
  width: 567px;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: var(--colors-grays-black);
  font-size: 26px;
  letter-spacing: 0;
  line-height: 37px;
}

.clean-landing-page .text-wrapper-19 {
  font-weight: 500;
}

.clean-landing-page .text-wrapper-20 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 800;
}

.clean-landing-page .line {
  top: 2312px;
  left: 284px;
  width: 226px;
  position: absolute;
  height: 2px;
}

.clean-landing-page .rectangle-4 {
  position: absolute;
  top: 3422px;
  left: -21px;
  width: 1461px;
  height: 2120px;
  background-color: #ededed;
  z-index: 0;
}

.clean-landing-page .die-programme-DIE {
  position: absolute;
  top: 3577px;
  left: 284px;
  width: 820px;
  padding: 10px 12px;
  margin: 0;
  box-sizing: border-box;
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 60px;
  letter-spacing: 0;
  line-height: 40px;
  z-index: 2;
}

.clean-landing-page .text-wrapper-21 {
  font-weight: 300;
  color: #4aa295;
  line-height: 46px;
  font-size: 60px;
}

.clean-landing-page .text-wrapper-22 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 800;
  color: #4aa295;
  font-size: 24px;
  line-height: 20px;
}

.clean-landing-page .text-wrapper-23 {
  font-family: "Alegreya Sans", Helvetica;
  font-style: italic;
  color: #000000;
  font-size: 24px;
  line-height: 20px;
}

.clean-landing-page .text-wrapper-24 {
  font-family: "Alegreya Sans", Helvetica;
  color: #000000;
  font-size: 24px;
  line-height: 20px;
}
.clean-landing-page .text-wrapper-25 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  line-height: 20px;
}

.clean-landing-page .text-wrapper-26 {
  font-family: "Alegreya Sans", Helvetica;
  color: #000000;
  font-size: 24px;
  line-height: 20px;
  text-decoration: underline;
}

.clean-landing-page .text-wrapper-27 {
  font-family: "Alegreya Sans", Helvetica;
  font-weight: 800;
  color: #4aa295;
  font-size: 24px;
  line-height: 20px;
}

.clean-landing-page .img {
  top: 4670px;
  left: 285px;
  width: 320px;
  position: absolute;
  height: 2px;
}

.clean-landing-page .line-2 {
  top: 6398px;
  left: 287px;
  width: 320px;
  position: absolute;
  height: 2px;
}

.clean-landing-page .layer {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 3.12%;
}

.clean-landing-page .vector {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.clean-landing-page .vector-2 {
  position: absolute;
  width: 47.45%;
  height: 65.56%;
  top: 34.44%;
  left: 52.55%;
}

.clean-landing-page .vector-3 {
  position: absolute;
  width: 100%;
  height: 65.54%;
  top: 34.46%;
  left: 0;
}