/* screen - index */

.index {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  min-width: 1280px;
  position: relative;
}

.index .navbar {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  width: 100%;
}

.index .image-1 {
  height: 58px;
  object-fit: cover;
  position: relative;
  width: 169px;
}

.index .navigation-menu {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: flex-end;
  position: relative;
}

.index .button-1 {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button-1:hover {
  transform: scale(0.97); 
}

.index .label-1 {
  color: var(--purple-heart);
  text-decoration: underline;
}

.index .arrow-left {
  background-image: url(../img/arrowright.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.index .hero-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 100px;
  justify-content: center;
  padding: 100px 0px 0px;
  position: relative;
  width: 100%;
}

.index .header-1 {
  align-items: center;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
}

.index .s1-cover_headline {
  color: var(--purple-plum);
  font-weight: 800;
  line-height: 65px;
  margin-top: -1.00px;
  width: 1077px;
}

.index .s1-cover_subline {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 40px;
  width: 1128px;
}

.index .projects {
  padding: 100px 55px;
}

.index .headline-subhead {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.index .s2-offering-headline {
  color: var(--purple-heart);
  font-weight: 800;
  line-height: normal;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.index .s2-offering-short_paragraph {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 40px;
  width: 1132px;
}

.index .cards-row {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 30px;
  position: relative;
}

.index .project-card {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0px 0px 30px;
  position: relative;
  width: 370px;
}

.index .video {
  align-self: stretch;
  height: 212px;
  position: relative;
  width: 100%;
}

.index .embed-your-video-here {
  height: 212px;
  width: 370px;
}

.index .text {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.index .s2-offer-self_descriptive_bullet2 {
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
}

.index .s2-offer-self_descr {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
}

.index .s2-offer-self_descriptive_bullet3 {
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
}

.index .s2-offer-self_descr-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.index .ct-as {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 60px;
  justify-content: center;
  position: relative;
}

.index .ct-as-1 {
  display: flex;
  width: 279px;
}

.index .button-2 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  margin-right: -29.00px;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button-2:hover {
  transform: scale(0.97); 
}

.index .rocket-launch {
  background-image: url(../img/rocketlaunch.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.index .s1-cover_cta1 {
  color: var(--white);
  font-weight: 700;
  line-height: normal;
  white-space: nowrap;
  width: fit-content;
}

.index .ct-as-2 {
  display: inline-flex;
  flex: 0 0 auto;
}

.index .button-3 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
  width: 279px;
}

.index .button-3:hover {
  transform: scale(0.97); 
}

.index .s1-cover_cta1-1 {
  color: var(--purple-heart);
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .contact-form-1 {
  align-items: center;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 60px 55px;
  width: 1280px;
}

.index .contact-form {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--purple-heart);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 60px;
  position: relative;
  width: 100%;
}

.index .header {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.index .headline-subhead-1 {
  gap: 10px;
}

.index .hinweis {
  color: var(--neutral---zircon);
  font-weight: 800;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .bitte-beachten-sie {
  align-self: stretch;
  color: var(--neutral---zircon);
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.index .frame-13877 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.index .dropdown {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 32px 60px;
  position: relative;
  width: 100%;
}

.index .headline-subhead-2 {
  gap: 16px;
}

.index .frame-13875 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  justify-content: space-between;
  width: 100%;
}

.index .dropdown-headline {
  color: var(--purple-heart);
  font-weight: 700;
  line-height: 40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .lorem-ipsum-dropdown {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 40px;
  position: relative;
  width: 1002px;
}

.index .nach-dieser-testphas {
  align-self: stretch;
  color: var(--neutral---zircon);
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.index .features {
  align-items: center;
  background-color: var(--neutral---zircon);
  gap: 60px;
  justify-content: center;
  padding: 100px 55px;
}

.index .header-2 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
}

.index .header-3 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.index .s3-features_benefits-headline {
  color: var(--purple-heart);
  font-weight: 800;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .derzeit-befindet-sic {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
}

.index .frame-13876 {
  align-items: flex-start;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 50px;
  width: 100%;
}

.index .card {
  align-items: flex-start;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
}

.index .features-1 {
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}

.index .card-info {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  height: 120px;
  padding: 20px;
  width: 100%;
}

.index .icon {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 12.2px;
  display: flex;
  gap: 6.1px;
  height: 48.39px;
  justify-content: center;
  padding: 12.2px;
  position: relative;
  width: 48.39px;
}

.index .perm_media {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .text-1 {
  flex: 1;
  flex-grow: 1;
  gap: 8px;
}

.index .description {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .s3-feature2-title {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .family_restroom {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .features-2 {
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}

.index .grading {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .approval {
  height: 30px;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  margin-right: -3.00px;
  margin-top: -3.00px;
  position: relative;
  width: 30px;
}

.index .notifications_active {
  height: 24px;
  position: relative;
  width: 24px;
}

.index .projects-1 {
  padding: 60px 55px 100px;
}

.index .project-card-1 {
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 0px 30px;
  position: relative;
  width: 370px;
}

.index .image-2 {
  height: 278px;
  object-fit: cover;
  position: relative;
  width: 310px;
}

.index .image {
  height: 278px;
  position: relative;
  width: 310px;
}

.index .contact-form-2 {
  align-items: flex-start;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  justify-content: center;
  padding: 60px 55px;
  width: 1280px;
}

.index .contact-form-3 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 60px;
}

.index .werden-sie-zum-digit {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .melden-sie-sich-jetz {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.index .header-4 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 40px;
  width: 465px;
}

.index .input-fields-button {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.index .button-4 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button-4:hover {
  transform: scale(0.97); 
}

.index .label-2 {
  color: var(--neutral---zircon);
}

.index .highlighted-cta {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

.index .header-5 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 60px 100px 0px;
  width: 100%;
}

.index .s1-cover_headline-1 {
  color: var(--neutral---zircon);
  font-weight: 800;
  line-height: 65px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 1080px;
}

.index .ct-as-3 {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.index .mockup {
  height: 220px;
  overflow: hidden;
  position: relative;
  width: 1170px;
}

.index .desktop-mockup {
  align-items: flex-start;
  box-shadow: 10.59px 14.3px 20.06px #00000026 , inset -2.26px -5.08px 3.95px #0000001a;
  display: flex;
  height: 508px;
  left: 164px;
  min-width: 842px;
  position: relative;
  top: 4px;
}

.index .desktop-gray {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(210.42, 210.42, 210.42) 42.35%, rgb(255, 255, 255) 100%);
  border-radius: 22.58px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 508px;
  padding: 6.2px 14.7px;
  width: 842px;
}

.index .top-speaker-cam {
  align-items: flex-start;
  align-self: center;
  display: flex;
  min-width: 95px;
}

.index .rectangle-21 {
  background-color: var(--celeste);
  border-radius: 4.52px;
  height: 5px;
  margin-left: 11px;
  margin-top: 0;
  width: 68px;
}

.index .ellipse-4 {
  margin-left: 5px;
  margin-top: 0;
}

.index .mask-group {
  height: 199px;
  width: 813px;
}

.index .footer {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 24px 60px;
  position: relative;
  width: 100%;
}

.index .social-links {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.index .social-icons {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.index .frame-10 {
  align-items: center;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  justify-content: flex-end;
}

.index .button {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.index .button:hover {
  transform: scale(0.97); 
}

.index .label {
  color: var(--neutral---zircon);
  text-decoration: underline;
}

.index .card-1 {
  border-radius: 20px;
  display: flex;
  gap: 20px;
  position: relative;
}

.index .contact-form-4 {
  display: flex;
  gap: 60px;
  position: relative;
}

.index .ct-as-4 {
  align-items: flex-start;
  gap: 18px;
  position: relative;
}

.index .ellipse {
  background-color: var(--celeste);
  border-radius: 2.54px;
  height: 5px;
  width: 5px;
}

.index .expand_more-2 {
  height: 48px;
  position: relative;
  width: 48px;
}

.index .features-3 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.index .frame {
  display: flex;
  position: relative;
}

.index .header-6 {
  display: flex;
  position: relative;
}

.index .headline-subhead-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .label-3 {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .projects-2 {
  align-items: center;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 1280px;
}

.index .s1 {
  position: relative;
  text-align: center;
}

.index .s2-offer {
  align-self: stretch;
  position: relative;
}

.index .s2-offering {
  position: relative;
  text-align: center;
}

.index .s3-feature3-title-4 {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.index .text-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* screen - lpu95mobile */

.lpu95mobile {
  align-items: center;
  background-color: var(--zircon);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.lpu95mobile .navbar-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 10px 24px;
  position: relative;
  width: 100%;
}

.lpu95mobile .image-1-1 {
  height: 29px;
  object-fit: cover;
  position: relative;
  width: 84.5px;
}

.lpu95mobile .navigation-menu-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: flex-end;
  position: relative;
}

.lpu95mobile .button-6 {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 0px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95mobile .button-6:hover {
  transform: scale(0.97); 
}

.lpu95mobile .label-4 {
  color: var(--purple-heart);
  text-decoration: underline;
}

.lpu95mobile .arrow-left-2 {
  background-image: url(../img/arrowright.svg);
}

.lpu95mobile .hero-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 101px;
  padding: 60px 55px 0px;
  position: relative;
  width: 100%;
}

.lpu95mobile .hero-content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95mobile .header-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  padding: 0px 0px 30px;
  position: relative;
  width: 100%;
}

.lpu95mobile .head {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.lpu95mobile .s1-cover_headline-2 {
  align-self: stretch;
  color: var(--purple-plum);
}

.lpu95mobile .s1-cover_subline-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  position: relative;
  text-align: center;
}

.lpu95mobile .projects-2 {
  gap: 60px;
  padding: 30px;
}

.lpu95mobile .s2-offering-headline-1 {
  letter-spacing: 0;
  line-height: 35px;
}

.lpu95mobile .s2-offering-short_paragraph-1 {
  width: 250px;
}

.lpu95mobile .cards-row-1 {
  align-self: stretch;
  flex-direction: column;
  gap: 88px;
  width: 100%;
}

.lpu95mobile .project-card-2 {
  border-radius: 20px;
  height: 426px;
  padding: 0px 0px 30px;
  width: 315px;
}

.lpu95mobile .video-1 {
  align-self: stretch;
  height: 212px;
  position: relative;
  width: 100%;
}

.lpu95mobile .embed-your-video-here-1 {
  height: 212px;
  width: 315px;
}

.lpu95mobile .text-2 {
  gap: 12px;
  padding: 0px 30px;
}

.lpu95mobile .s2-offer-self_descriptive_bullet {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.lpu95mobile .s2-offer-self_descr-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.lpu95mobile .ct-as-5 {
  align-items: center;
  flex-direction: column;
  gap: 60px;
}

.lpu95mobile .ct-as-4 {
  align-items: flex-start;
  gap: 18px;
}

.lpu95mobile .button-7 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95mobile .button-7:hover {
  transform: scale(0.97); 
}

.lpu95mobile .rocket-launch-1 {
  background-image: url(../img/rocketlaunch-1.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.lpu95mobile .s1-cover_cta1-2 {
  color: var(--white);
}

.lpu95mobile .button-8 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95mobile .button-8:hover {
  transform: scale(0.97); 
}

.lpu95mobile .s1-cover_cta1-3 {
  color: var(--purple-heart);
  margin-top: -1.00px;
}

.lpu95mobile .contact-form-5 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 60px 55px;
  width: 100%;
}

.lpu95mobile .contact-form-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 60px 40px;
  width: 100%;
}

.lpu95mobile .header-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

.lpu95mobile .headline-subhead-3 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 10px;
}

.lpu95mobile .hinweis-1 {
  color: var(--neutral---zircon);
  font-weight: 800;
  line-height: 34px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lpu95mobile .bitte-beachten-sie-1 {
  color: var(--neutral---zircon);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  width: 170px;
}

.lpu95mobile .s2-offering-headline-2 {
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.lpu95mobile .s2-offering-short_paragraph-2 {
  white-space: nowrap;
  width: fit-content;
}

.lpu95mobile .frame-13877-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  margin-left: -28.50px;
  margin-right: -28.50px;
  position: relative;
  width: 322px;
}

.lpu95mobile .dropdown-mobile {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 12px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 12px;
  position: relative;
  width: 322px;
}

.lpu95mobile .headline-subhead-4 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
}

.lpu95mobile .frame-13875-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.lpu95mobile .dropdown-headline-1 {
  color: var(--purple-heart);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lpu95mobile .expand_more-2 {
  height: 32px;
  position: relative;
  width: 32px;
}

.lpu95mobile .lorem-ipsum-dropdown-1 {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  width: 266px;
}

.lpu95mobile .headline-subhead-5 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
}

.lpu95mobile .headline-subhead-6 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
}

.lpu95mobile .headline-subhead-7 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
}

.lpu95mobile .headline-subhead-8 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 8px;
}

.lpu95mobile .nach-dieser-testphas-1 {
  color: var(--neutral---zircon);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  width: 170px;
}

.lpu95mobile .features-3 {
  background-color: var(--neutral---zircon);
  gap: 60px;
  padding: 100px 55px;
}

.lpu95mobile .header-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 100%;
}

.lpu95mobile .header-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.lpu95mobile .s3-features_benefits-headline-1 {
  height: 70px;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  width: 265px;
}

.lpu95mobile .derzeit-befindet-sic-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.lpu95mobile .frame-13876-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 100%;
}

.lpu95mobile .card-1 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.lpu95mobile .features-4 {
  gap: 20px;
}

.lpu95mobile .card-info-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 190px;
  justify-content: center;
  padding: 20px;
  position: relative;
  width: 100%;
}

.lpu95mobile .icon-1 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 12.2px;
  display: flex;
  gap: 6.1px;
  height: 48.39px;
  justify-content: center;
  padding: 12.2px;
  position: relative;
  width: 48.39px;
}

.lpu95mobile .perm_media-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95mobile .text-3 {
  gap: 8px;
}

.lpu95mobile .s3-feature {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 800;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lpu95mobile .description-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95mobile .text-4 {
  gap: 8px;
}

.lpu95mobile .family_restroom-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95mobile .text-5 {
  gap: 8px;
}

.lpu95mobile .notifications_active-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95mobile .text-6 {
  gap: 8px;
}

.lpu95mobile .features-5 {
  gap: 20px;
}

.lpu95mobile .discount {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95mobile .text-7 {
  gap: 8px;
}

.lpu95mobile .approval-1 {
  height: 30px;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  margin-right: -3.00px;
  margin-top: -3.00px;
  position: relative;
  width: 30px;
}

.lpu95mobile .text-8 {
  gap: 8px;
}

.lpu95mobile .projects-3 {
  gap: 40px;
  padding: 40px 55px 40px 40px;
}

.lpu95mobile .s2-offering-headline-3 {
  color: var(--purple-heart);
  font-weight: 800;
  line-height: 34px;
  white-space: nowrap;
}

.lpu95mobile .cards-row-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.lpu95mobile .cards-row-2 {
  gap: 10px;
  justify-content: center;
  margin-left: -7.00px;
  margin-right: -7.00px;
  overflow-x: scroll;
  width: 294px;
}

.lpu95mobile .project-card-3 {
  border-radius: 10px;
  height: 50px;
  padding: 0px 10px;
  width: 90px;
}

.lpu95mobile .image-4 {
  object-fit: cover;
}

.lpu95mobile .contact-form-6 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  justify-content: center;
  padding: 30px 20px 60px;
  width: 100%;
}

.lpu95mobile .contact-form-7 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 30px 20px;
}

.lpu95mobile .header-10 {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  gap: 40px;
  height: 211px;
  position: relative;
}

.lpu95mobile .headline-subhead-9 {
  align-items: center;
  gap: 20px;
  height: 201px;
}

.lpu95mobile .werden-sie-zum-digit-1 {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  height: 113px;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 295px;
}

.lpu95mobile .melden-sie-sich-jetz-1 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 26px;
  margin-bottom: -9.00px;
  position: relative;
  text-align: center;
}

.lpu95mobile .header-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  margin-left: -16.50px;
  margin-right: -16.50px;
  position: relative;
  width: 328px;
}

.lpu95mobile .input-fields-button-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  position: relative;
}

.lpu95mobile .button-9 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95mobile .button-9:hover {
  transform: scale(0.97); 
}

.lpu95mobile .label-5 {
  color: var(--neutral---zircon);
}

.lpu95mobile .highlighted-cta-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

.lpu95mobile .header-12 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 60px 100px 0px;
  position: relative;
  width: 100%;
}

.lpu95mobile .s1-cover_headline-3 {
  color: var(--neutral---zircon);
  margin-left: -97.00px;
  margin-right: -97.00px;
  width: 369px;
}

.lpu95mobile .footer-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 24px 20px;
  position: relative;
  width: 100%;
}

.lpu95mobile .social-links-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.lpu95mobile .social-icons-1 {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.lpu95mobile .frame-10-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.lpu95mobile .button-5 {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95mobile .button-5:hover {
  transform: scale(0.97); 
}

.lpu95mobile .label-3 {
  color: var(--neutral---zircon);
  text-decoration: underline;
}

.lpu95mobile .arrow-left-1 {
  background-image: url(../img/arrowright-1.svg);
}

.lpu95mobile .arrow-left {
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.lpu95mobile .cards-row {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.lpu95mobile .contact-form {
  display: flex;
  gap: 60px;
  position: relative;
}

.lpu95mobile .ct-as {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.lpu95mobile .features {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95mobile .headline-subhead {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95mobile .image {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.lpu95mobile .label {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lpu95mobile .project-card {
  align-items: center;
  background-color: var(--white);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

.lpu95mobile .projects {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95mobile .s1-cover_cta1 {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lpu95mobile .s1-cover_headline {
  font-weight: 800;
  line-height: 34px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lpu95mobile .s2-offering-headline {
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.lpu95mobile .s2-offering-short_paragraph {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  text-align: center;
}

.lpu95mobile .text {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
/* screen - lpu95tablet */

.lpu95tablet {
  align-items: center;
  background-color: var(--zircon);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-width: 780px;
  position: relative;
}

.lpu95tablet .navbar-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 20px 50px;
  position: relative;
  width: 100%;
}

.lpu95tablet .image-1-2 {
  height: 58px;
  object-fit: cover;
  position: relative;
  width: 169px;
}

.lpu95tablet .navigation-menu-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: flex-end;
  margin-left: -6px;
  position: relative;
}

.lpu95tablet .button-11 {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95tablet .button-11:hover {
  transform: scale(0.97); 
}

.lpu95tablet .label-7 {
  color: var(--purple-heart);
  text-decoration: underline;
}

.lpu95tablet .arrow-left-3 {
  background-image: url(../img/arrowright.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.lpu95tablet .hero-section-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 101px;
  padding: 60px 55px 0px;
  position: relative;
  width: 100%;
}

.lpu95tablet .hero-content-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95tablet .header-14 {
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 40px;
  padding: 0px 0px 30px;
  width: 100%;
}

.lpu95tablet .head-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.lpu95tablet .s1-cover_headline-4 {
  align-self: stretch;
  color: var(--purple-plum);
}

.lpu95tablet .s1-cover_subline-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 40px;
  position: relative;
  text-align: center;
}

.lpu95tablet .projects-4 {
  padding: 30px 55px;
}

.lpu95tablet .s2-offering-headline-5 {
  font-weight: 700;
  line-height: 40px;
}

.lpu95tablet .s2-offering-short_paragraph-3 {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 40px;
  margin-left: -231.00px;
  margin-right: -231.00px;
  position: relative;
  text-align: center;
  width: 1132px;
}

.lpu95tablet .cards-row-3 {
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 88px;
  width: 100%;
}

.lpu95tablet .project-card-4 {
  display: flex;
  height: 380px;
  padding: 0px 0px 30px;
  width: 450px;
}

.lpu95tablet .video-2 {
  align-self: stretch;
  height: 212px;
  position: relative;
  width: 100%;
}

.lpu95tablet .embed-your-video-here-2 {
  height: 212px;
  width: 450px;
}

.lpu95tablet .text-9 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0px 30px;
  width: 100%;
}

.lpu95tablet .s2-offer-self_descriptive_bullet2-1 {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.lpu95tablet .s2-offer-self_descriptive_bullet3-1 {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.lpu95tablet .ct-as-6 {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 60px;
  justify-content: center;
}

.lpu95tablet .ct-as-7 {
  display: flex;
  gap: 18px;
  width: 279px;
}

.lpu95tablet .button-12 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  height: 60px;
  justify-content: center;
  margin-right: -29.00px;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95tablet .button-12:hover {
  transform: scale(0.97); 
}

.lpu95tablet .rocket-launch-2 {
  background-image: url(../img/rocketlaunch-1.svg);
  background-size: 100% 100%;
  height: 20px;
  position: relative;
  width: 20px;
}

.lpu95tablet .s1-cover_cta1-4 {
  color: var(--white);
}

.lpu95tablet .ct-as-8 {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 18px;
}

.lpu95tablet .button-13 {
  align-items: center;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
  width: 279px;
}

.lpu95tablet .button-13:hover {
  transform: scale(0.97); 
}

.lpu95tablet .s1-cover_cta1-5 {
  color: var(--purple-heart);
}

.lpu95tablet .contact-form-9 {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 60px 55px;
  width: 100%;
}

.lpu95tablet .contact-form-8 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--purple-heart);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 60px;
  width: 100%;
}

.lpu95tablet .header-13 {
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.lpu95tablet .headline-subhead-10 {
  gap: 10px;
}

.lpu95tablet .hinweis-2 {
  color: var(--neutral---zircon);
  font-weight: 800;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .bitte-beachten-sie-2 {
  align-self: stretch;
  color: var(--neutral---zircon);
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.lpu95tablet .s2-offering-headline-4 {
  font-weight: 800;
  line-height: normal;
}

.lpu95tablet .frame-13877-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: 100%;
}

.lpu95tablet .dropdown-tablet {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  padding: 16px 24px;
  position: relative;
  width: 520px;
}

.lpu95tablet .headline-subhead-11 {
  gap: 8px;
}

.lpu95tablet .frame-13875-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.lpu95tablet .dropdown-headline-2 {
  color: var(--purple-heart);
  font-weight: 800;
  line-height: 27px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .lorem-ipsum-dropdown-2 {
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 26px;
  position: relative;
  width: 436px;
}

.lpu95tablet .nach-dieser-testphas-2 {
  align-self: stretch;
  color: var(--neutral---zircon);
  font-weight: 700;
  line-height: 40px;
  position: relative;
}

.lpu95tablet .features-6 {
  align-items: center;
  background-color: var(--neutral---zircon);
  gap: 60px;
  justify-content: center;
  padding: 100px 55px;
}

.lpu95tablet .header-15 {
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: 50px;
  width: 100%;
}

.lpu95tablet .header-16 {
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.lpu95tablet .s3-features_benefits-headline-2 {
  color: var(--purple-heart);
  font-weight: 800;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .derzeit-befindet-sic-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 31.5px;
  position: relative;
}

.lpu95tablet .frame-13876-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 100%;
}

.lpu95tablet .card-2 {
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.lpu95tablet .features-7 {
  align-items: flex-start;
  gap: 20px;
}

.lpu95tablet .card-info-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  display: flex;
  gap: 20px;
  height: 120px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.lpu95tablet .icon-2 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 12.2px;
  display: flex;
  gap: 6.1px;
  height: 48.39px;
  justify-content: center;
  padding: 12.2px;
  position: relative;
  width: 48.39px;
}

.lpu95tablet .perm_media-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95tablet .text-10 {
  flex: 1;
  flex-grow: 1;
  gap: 8px;
}

.lpu95tablet .description-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95tablet .s3-feature2-title-1 {
  align-self: stretch;
  color: var(--purple-plum);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
}

.lpu95tablet .family_restroom-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95tablet .notifications_active-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95tablet .features-8 {
  align-items: flex-start;
  gap: 20px;
}

.lpu95tablet .discount-1 {
  height: 24px;
  position: relative;
  width: 24px;
}

.lpu95tablet .approval-2 {
  height: 30px;
  margin-bottom: -3.00px;
  margin-left: -3.00px;
  margin-right: -3.00px;
  margin-top: -3.00px;
  position: relative;
  width: 30px;
}

.lpu95tablet .projects-5 {
  padding: 60px 55px;
}

.lpu95tablet .cards-row-4::-webkit-scrollbar {
  display: none;
  width: 0;
}

.lpu95tablet .cards-row-4 {
  align-items: flex-start;
  gap: 30px;
  justify-content: center;
  margin-left: -5.00px;
  margin-right: -5.00px;
  overflow-x: scroll;
  width: 680px;
}

.lpu95tablet .project-card-5 {
  display: flex;
  height: 140px;
  padding: 0px 30px;
  width: 210px;
}

.lpu95tablet .image-5 {
  align-self: stretch;
  object-fit: cover;
  width: 100%;
}

.lpu95tablet .project-card-6 {
  display: inline-flex;
  flex: 0 0 auto;
  height: 140px;
  padding: 0px 30px;
}

.lpu95tablet .image-6 {
  width: 140px;
}

.lpu95tablet .image-7 {
  align-self: stretch;
  width: 100%;
}

.lpu95tablet .contact-form-10 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex: 0 0 auto;
  justify-content: center;
  padding: 60px 55px;
  width: 100%;
}

.lpu95tablet .contact-form-11 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--cta---aqua-squeeze);
  border-radius: 20px;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 60px;
}

.lpu95tablet .werden-sie-zum-digit-2 {
  color: var(--neutral---mine-shaft);
  font-weight: 700;
  line-height: 40px;
  margin-top: -1.00px;
  position: relative;
  width: 550px;
}

.lpu95tablet .melden-sie-sich-jetz-2 {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.lpu95tablet .header-17 {
  align-items: flex-start;
  gap: 40px;
  width: 465px;
}

.lpu95tablet .input-fields-button-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.lpu95tablet .button-14 {
  align-items: center;
  background-color: var(--purple-heart);
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  gap: 8px;
  height: 60px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95tablet .button-14:hover {
  transform: scale(0.97); 
}

.lpu95tablet .label-8 {
  color: var(--neutral---zircon);
}

.lpu95tablet .highlighted-cta-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 100%;
}

.lpu95tablet .header-18 {
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 20px;
  padding: 60px 100px 0px;
  width: 100%;
}

.lpu95tablet .s1-cover_headline-5 {
  color: var(--neutral---zircon);
  margin-left: -50.00px;
  margin-right: -50.00px;
  width: 680px;
}

.lpu95tablet .mockup-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 170px;
  overflow: hidden;
  padding: 0px 55px;
  position: relative;
  width: 100%;
}

.lpu95tablet .desktop-mockup-1 {
  box-shadow: 10.59px 14.3px 20.06px #00000026 , inset -2.26px -5.08px 3.95px #0000001a;
  height: 413px;
  position: relative;
  width: 669px;
}

.lpu95tablet .desktop-gray-1 {
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(210.42, 210.42, 210.42) 42.35%, rgb(255, 255, 255) 100%);
  border-radius: 22.58px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 413px;
  padding: 6.2px 14.7px;
}

.lpu95tablet .top-speaker-cam-1 {
  align-items: flex-end;
  align-self: center;
  display: flex;
  margin-left: 1.0px;
  min-width: 95px;
}

.lpu95tablet .ellipse-5-1 {
  background-color: var(--celeste);
  border-radius: 2.54px;
  height: 5px;
  margin-bottom: 0;
  width: 5px;
}

.lpu95tablet .rectangle-21-1 {
  background-color: var(--celeste);
  border-radius: 4.52px;
  height: 5px;
  margin-left: 11px;
  width: 68px;
}

.lpu95tablet .ellipse-4-1 {
  background-color: var(--celeste);
  border-radius: 2.54px;
  height: 5px;
  margin-left: 5px;
  width: 5px;
}

.lpu95tablet .mask-group-1 {
  height: 153px;
  width: 640px;
}

.lpu95tablet .footer-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--purple-heart);
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  padding: 24px 60px;
  position: relative;
  width: 100%;
}

.lpu95tablet .social-links-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.lpu95tablet .social-icons-2 {
  cursor: pointer;
  height: 32px;
  position: relative;
  width: 32px;
}

.lpu95tablet .frame-10-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 16px;
  justify-content: flex-end;
  position: relative;
}

.lpu95tablet .button-10 {
  align-items: center;
  border-radius: 40px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 50px;
  position: relative;
  transition: all 0.3s ease;
}

.lpu95tablet .button-10:hover {
  transform: scale(0.97); 
}

.lpu95tablet .label-6 {
  color: var(--neutral---zircon);
  text-decoration: underline;
}

.lpu95tablet .cards-row {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.lpu95tablet .contact-form {
  display: flex;
  gap: 60px;
  position: relative;
}

.lpu95tablet .ct-as {
  align-items: flex-start;
  position: relative;
}

.lpu95tablet .expand_more {
  height: 48px;
  position: relative;
  width: 48px;
}

.lpu95tablet .features {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95tablet .header {
  display: flex;
  flex: 0 0 auto;
  position: relative;
}

.lpu95tablet .headline-subhead {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.lpu95tablet .image {
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.lpu95tablet .label {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .project-card {
  align-items: center;
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 34.85px 29.63px 48.34px #3265ff0d;
  flex-direction: column;
  gap: 30px;
  position: relative;
}

.lpu95tablet .projects {
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral---zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  position: relative;
  width: 100%;
}

.lpu95tablet .s1-cover_cta1 {
  font-weight: 700;
  line-height: normal;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .s1-cover_headline {
  font-weight: 800;
  line-height: 65px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.lpu95tablet .s2-offer-self_descr {
  align-self: stretch;
  color: var(--neutral---mine-shaft);
  font-weight: 400;
  line-height: 28px;
  position: relative;
}

.lpu95tablet .s2-offering-headline {
  color: var(--purple-heart);
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.lpu95tablet .text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 779px) {
  .screen.index { 
    display: none;
   }
  .screen.lpu95tablet { 
    display: none;
   }
}
@media screen and (min-width: 780px) and (max-width: 1279px) {
  .screen.index { 
    display: none;
   }
  .screen.lpu95mobile { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.lpu95mobile { 
    display: none;
   }
  .screen.lpu95tablet { 
    display: none;
   }
}