/* screen - index */

.index {
  align-items: flex-end;
  background-color: var(--masala-2);
  display: flex;
  flex-direction: column;
  height: 4891px;
  width: 1728px;
}

.index .flex-col {
  flex-direction: column;
  margin-top: 39px;
  min-height: 2727px;
  width: 1673px;
}

.index .overlap-group30 {
  height: 2297px;
  position: relative;
  width: 1673px;
}

.index .overlap-group-container {
  height: 2230px;
  left: 0;
  position: absolute;
  top: 67px;
  width: 1673px;
}

.index .overlap-group2 {
  height: 1523px;
  left: 0;
  position: absolute;
  top: 707px;
  width: 1673px;
}

.index .vector-2 {
  height: 698px;
  left: 0;
  position: absolute;
  top: 761px;
  width: 1244px;
}

.index .image-8 {
  height: 536px;
  left: 1198px;
  top: 314px;
  width: 364px;
}

.index .my-passion-for-desig {
  color: var(--white);
  font-weight: 400;
  left: 367px;
  line-height: 29.6px;
  position: absolute;
  top: 381px;
  width: 781px;
}

.index .hard-facts-angelo {
  color: var(--white);
  font-weight: 400;
  left: 56px;
  line-height: 29.6px;
  position: absolute;
  top: 381px;
  width: 279px;
}

.index .image-2 {
  height: 392px;
  left: 1293px;
  top: 0;
  width: 380px;
}

.index .my-work {
  color: var(--white);
  font-family: var(--font-family-pt_mono);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  left: 74px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 897px;
  width: 465px;
}

.index .rectangle-11 {
  height: 243px;
  left: 44px;
  object-fit: cover;
  position: absolute;
  top: 994px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-11:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .mini-worlds-3-d-renderings2022 {
  color: var(--white);
  font-weight: 400;
  left: 82px;
  line-height: 29.6px;
  position: absolute;
  top: 1014px;
  width: 189px;
}

.index .number-2 {
  left: 414px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1017px;
  width: 110px;
}

.index .rectangle-21 {
  height: 243px;
  left: 1079px;
  position: absolute;
  top: 994px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-21:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .rebenhaus-branding-branding2021 {
  color: var(--white);
  font-weight: 400;
  left: 1117px;
  line-height: 29.6px;
  position: absolute;
  top: 1014px;
  width: 234px;
}

.index .number-3 {
  left: 1449px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1040px;
  width: 110px;
}

.index .rectangle-23 {
  height: 243px;
  left: 562px;
  object-fit: cover;
  position: absolute;
  top: 1279px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-23:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .of-chores-app-interface2023 {
  color: var(--white);
  font-weight: 400;
  left: 599px;
  line-height: 29.6px;
  position: absolute;
  top: 1299px;
  width: 189px;
}

.index .number-4 {
  left: 932px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1311px;
  width: 110px;
}

.index .rectangle-24 {
  height: 243px;
  left: 1079px;
  object-fit: cover;
  position: absolute;
  top: 1279px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-24:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .das-innere-monster-3-d-renderings2022 {
  color: var(--white);
  font-weight: 400;
  left: 1117px;
  line-height: 29.6px;
  position: absolute;
  top: 1299px;
  width: 273px;
}

.index .number-5 {
  left: 1449px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1325px;
  width: 110px;
}

.index .rectangle-22 {
  height: 243px;
  left: 44px;
  position: absolute;
  top: 1279px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-22:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .strykerlabs-cd-branding2022 {
  color: var(--white);
  font-weight: 400;
  left: 82px;
  line-height: 29.6px;
  position: absolute;
  top: 1299px;
  width: 189px;
}

.index .number-6 {
  left: 414px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1311px;
  width: 110px;
}

.index .rectangle-20 {
  height: 243px;
  left: 562px;
  position: absolute;
  top: 994px;
  width: 480px;
  transition: transform 0.3s ease;
}

.index .rectangle-20:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .bunny-tales-illustrations2022 {
  color: var(--white);
  font-weight: 400;
  left: 599px;
  line-height: 29.6px;
  position: absolute;
  top: 1014px;
  width: 189px;
}

.index .number-7 {
  left: 932px;
  letter-spacing: 0;
  line-height: 29.5px;
  position: absolute;
  top: 1024px;
  width: 110px;
}

.index .flex-row {
  background-image: url(../img/rectangle.png);
  background-size: 100% 100%;
  gap: 6px;
  height: 779px;
  justify-content: flex-end;
  left: 128px;
  min-width: 649px;
  padding: 6.7px 16.8px;
  position: absolute;
  top: 0;
}

.index .vector-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 723px;
  width: 296px;
}

.index .vector {
  height: 229px;
  width: 268px;
}

.index .vector-1 {
  align-self: flex-start;
  height: 234px;
  margin-top: 15px;
  width: 277px;
}

.index .vector-3 {
  height: 229px;
  margin-right: 10.76px;
  margin-top: 16px;
  width: 228px;
}

.index .vector-container-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 0.58px;
  min-height: 723px;
  width: 309px;
}

.index .vector-4 {
  height: 229px;
  margin-right: 14.88px;
  width: 256px;
}

.index .vector-5 {
  align-self: flex-start;
  height: 231px;
  margin-top: 15px;
  width: 215px;
}

.index .vector-6 {
  height: 239px;
  margin-left: 8.88px;
  margin-top: 9px;
  width: 300px;
}

.index .component-1 {
  align-items: flex-start;
  display: flex;
  height: 97px;
  left: 1021px;
  min-width: 590px;
  position: absolute;
  top: 0;
}

.index .communication-designer {
  color: var(--white);
  font-family: var(--font-family-pt_mono);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: 884px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 472px;
  width: 278px;
}

.index .vector-1-1 {
  height: 11px;
  left: 884px;
  position: absolute;
  top: 573px;
  width: 190px;
}

.index .listen-to-my-fav-so {
  color: var(--lavender);
  font-family: var(--font-family-figma_hand-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 1235px;
  letter-spacing: 0;
  line-height: 29.6px;
  position: absolute;
  top: 335px;
  transform: rotate(13.41deg);
  width: 351px;
  transition: transform 0.3s ease;
}

.index .listen-to-my-fav-so a {
  color: inherit;
  text-decoration: none; /* Entferne die Standardunterstreichung für Links */
}
.index .listen-to-my-fav-so:hover {
  transform: scale(1.1) rotate(13.41deg); /* Vergrößere den Text um 10% und rotiere ihn um 13.41 Grad */
}


.index .overlap-group-container-1 {
  align-self: center;
  gap: 37px;
  margin-right: 69.5px;
  margin-top: 42px;
  min-width: 1515px;
}

.index .overlap-group10 {
  align-items: flex-start;
  background-image: url(../img/rectangle-27.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 143px;
  height: 243px;
  justify-content: flex-end;
  min-width: 480px;
  padding: 20.0px 0;
  transition: transform 0.3s ease;
}

.index .overlap-group10:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .webfacture-webdesign-2022 {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 120px;
  width: 189px;
}

.index .number {
  letter-spacing: 0;
  line-height: 29.5px;
  margin-top: 11.94px;
  min-height: 108px;
  width: 110px;
}

.index .overlap-group11 {
  align-items: flex-start;
  background-image: url(../img/rectangle-25.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 143px;
  height: 243px;
  justify-content: flex-end;
  min-width: 480px;
  padding: 20.0px 0;
  transition: transform 0.3s ease;
}

.index .overlap-group11:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .name {
  line-height: 29.6px;
  min-height: 120px;
  width: 189px;
}

.index .overlap-group3 {
  align-items: flex-start;
  background-image: url(../img/rectangle-26.svg);
  background-size: 100% 100%;
  display: flex;
  gap: 73px;
  height: 243px;
  justify-content: flex-end;
  min-width: 480px;
  padding: 20.0px 0.0px;
  transition: transform 0.3s ease;
}

.index .overlap-group3:hover {
  transform: scale(1.1); /* Text um 10% vergrößern beim Überfahren mit der Maus */
}

.index .photographs-videos {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 115px;
  width: 259px;
}

.index .number-8 {
  align-self: center;
  letter-spacing: 0;
  line-height: 29.5px;
  margin-bottom: 43.01px;
  min-height: 108px;
  width: 110px;
}

.index .curriculum-vital {
  color: var(--white);
  font-family: var(--font-family-pt_mono);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 47.5px;
  margin-top: 74px;
  min-height: 71px;
  width: 493px;
}

.index .flex-row-1 {
  align-items: center;
  align-self: center;
  display: flex;
  height: 896px;
  margin-left: 10.0px;
  margin-top: 19px;
  min-width: 1534px;
}

.index .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 18.0px;
  min-height: 576px;
  width: 711px;
}

.index .flex-col-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 368px;
  width: 711px;
}

.index .flex-row-2 {
  align-items: flex-start;
  display: flex;
  height: 80px;
  min-width: 652px;
}

.index .university-fh-joanne {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 80px;
  width: 376px;
}

.index .line-37 {
  height: 52px;
  margin-left: 3px;
  margin-top: 3.98px;
  object-fit: cover;
  width: 2px;
}

.index .phone {
  align-self: center;
  letter-spacing: 0;
  line-height: 50px;
  margin-left: 37px;
  margin-top: 6.0px;
  min-height: 66px;
  width: 234px;
}

.index .line-42 {
  align-self: flex-end;
  height: 1px;
  margin-top: 15px;
  object-fit: cover;
  width: 706px;
}

.index .overlap-group26 {
  height: 173px;
  margin-top: 99px;
  position: relative;
  width: 711px;
}

.index .text-1 {
  left: 418px;
  position: absolute;
  top: 0;
}

.index .overlap-group19 {
  height: 169px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 711px;
}

.index .semester-abroad-in-b {
  left: 0;
}

.index .line-45 {
  height: 1px;
  left: 5px;
  object-fit: cover;
  position: absolute;
  top: 135px;
  width: 706px;
}

.index .line-46 {
  height: 52px;
  left: 379px;
  object-fit: cover;
  position: absolute;
  top: 24px;
  width: 2px;
}

.index .flex-row-3 {
  align-items: flex-start;
  display: flex;
  height: 96px;
  margin-top: 85px;
  min-width: 652px;
}

.index .strykerlabs-graz-graphic-designer {
  align-self: flex-end;
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 73px;
  width: 318px;
}

.index .line-50 {
  align-self: center;
  height: 52px;
  margin-left: 61px;
  margin-top: 3.98px;
  object-fit: cover;
  width: 2px;
}

.index .text-2 {
  margin-left: 37px;
  min-height: 66px;
}

.index .line-49 {
  align-self: flex-end;
  height: 1px;
  margin-top: 26px;
  object-fit: cover;
  width: 706px;
}

.index .flex-col-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 896px;
  width: 823px;
}

.index .overlap-group-container-2 {
  height: 178px;
  min-width: 823px;
}

.index .overlap-group22 {
  align-items: flex-start;
  align-self: flex-end;
  border: 2px solid;
  border-color: var(--lavender);
  border-radius: 52.5px;
  display: flex;
  height: 105px;
  min-width: 105px;
  padding: 15px 35px;
}

.index .number-1 {
  letter-spacing: 0;
  line-height: 71.0px;
  white-space: nowrap;
}

.index .overlap-group28 {
  height: 169px;
  position: relative;
  width: 718px;
}

.index .phone-1 {
  left: 59px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 27px;
  white-space: nowrap;
  width: 235px;
}

.index .overlap-group {
  height: 169px;
  left: 0;
  position: absolute;
  top: 0;
  width: 718px;
}

.index .hlw-deutschlandsberg {
  color: var(--white);
  font-weight: 400;
  left: 342px;
  line-height: 29.6px;
  position: absolute;
  top: 0;
  width: 376px;
}

.index .line-36 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 126px;
  width: 706px;
}

.index .line-39 {
  height: 52px;
  left: 308px;
  object-fit: cover;
  position: absolute;
  top: 20px;
  width: 2px;
}

.index .flex-row-4 {
  align-items: flex-start;
  display: flex;
  height: 704px;
  min-width: 823px;
}

.index .overlap-group-container-3 {
  flex-direction: column;
  gap: 14px;
  min-height: 700px;
  width: 105px;
}

.index .overlap-group-1 {
  align-items: flex-start;
  border: 2px solid;
  border-color: var(--lavender);
  border-radius: 52.5px;
  display: flex;
  height: 105px;
  min-width: 105px;
  padding: 15px 35px;
}

.index .overlap-group18 {
  align-items: flex-start;
  border: 2px solid;
  border-color: var(--lavender);
  border-radius: 52.5px;
  display: flex;
  height: 105px;
  justify-content: flex-end;
  min-width: 105px;
  padding: 15px 34px;
}

.index .overlap-group-2 {
  align-items: flex-start;
  border: 2px solid;
  border-color: var(--lavender);
  border-radius: 52.5px;
  display: flex;
  height: 105px;
  min-width: 105px;
  padding: 12px 35px;
}

.index .overlap-group-container-4 {
  align-self: flex-end;
  flex-direction: column;
  min-height: 651px;
  width: 718px;
}

.index .overlap-group31 {
  height: 120px;
  position: relative;
  width: 706px;
}

.index .overlap-group24 {
  height: 111px;
  left: 59px;
  position: absolute;
  top: 0;
  width: 260px;
}

.index .phone-2 {
  left: 0;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 0;
  width: 260px;
}

.index .line-44 {
  height: 52px;
  left: 250px;
  object-fit: cover;
  position: absolute;
  top: 23px;
  width: 2px;
}

.index .medienfabrik-graz-graphic-designer {
  color: var(--white);
  font-weight: 400;
  left: 342px;
  line-height: 29.6px;
  position: absolute;
  top: 29px;
  width: 341px;
}

.index .line-43 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 119px;
  width: 706px;
}

.index .overlap-group25 {
  height: 169px;
  margin-top: 100px;
  position: relative;
  width: 718px;
}

.index .phone-3 {
  left: 59px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 3px;
  width: 235px;
}

.index .semester-abroad-in-g {
  left: 342px;
}

.index .line-47 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 138px;
  width: 706px;
}

.index .line-48 {
  height: 52px;
  left: 308px;
  object-fit: cover;
  position: absolute;
  top: 32px;
  width: 2px;
}

.index .overlap-group29 {
  height: 183px;
  margin-top: 79px;
  position: relative;
  width: 718px;
}

.index .since-062023 {
  left: 59px;
  letter-spacing: 0;
  line-height: 50px;
  position: absolute;
  top: 0;
  width: 235px;
}

.index .overlap-group5 {
  height: 169px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 718px;
}

.index .medienfabrik-graz-g {
  color: var(--white);
  font-weight: 400;
  left: 342px;
  line-height: 29.6px;
  position: absolute;
  top: 0;
  width: 376px;
}

.index .line-51 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 114px;
  width: 706px;
}

.index .line-52 {
  height: 52px;
  left: 308px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 2px;
}

.index .flex-col-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 73px;
  min-height: 1137px;
  width: 1728px;
}

.index .flex-col-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 76px;
  margin-right: 5.0px;
  min-height: 682px;
  width: 1511px;
}

.index .flex-row-5 {
  align-items: center;
  display: flex;
  height: 538px;
  min-width: 1511px;
}

.index .i-am-open-to-new-projects-contact-me {
  color: var(--white);
  font-family: var(--font-family-pridi);
  font-size: var(--font-size-xxxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 71px;
  margin-bottom: 2.0px;
  min-height: 350px;
  width: 587px;
}

.index .flex-col-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 538px;
  width: 924px;
}

.index .overlap-group-container-5 {
  gap: 30px;
  min-width: 924px;
}

.index .overlap-group-3 {
  height: 86px;
  position: relative;
  width: 447px;
}

.index .rectangle {
  background-color: var(--blue-violet);
  border: 5px solid;
  border-color: var(--violet-purple);
  border-radius: 20px;
  height: 81px;
  left: 0;
  position: absolute;
  top: 0;
  width: 447px;
}

.index .first-name {
  color: var(--white);
  font-weight: 400;
  left: 36px;
  line-height: 29.6px;
  position: absolute;
  top: 18px;
  width: 246px;
}

.index .last-name {
  color: var(--white);
  font-weight: 400;
  left: 41px;
  line-height: 29.6px;
  position: absolute;
  top: 18px;
  width: 246px;
}

.index .overlap-group-container-6 {
  gap: 30px;
  margin-top: 26px;
  min-width: 924px;
}

.index .overlap-group6 {
  height: 88px;
  position: relative;
  width: 447px;
}

.index .mail {
  color: var(--white);
  font-weight: 400;
  left: 36px;
  line-height: 29.6px;
  position: absolute;
  top: 20px;
  width: 246px;
}

.index .phone-4 {
  color: var(--white);
  font-weight: 400;
  left: 41px;
  line-height: 29.6px;
  position: absolute;
  top: 18px;
  width: 246px;
}

.index .overlap-group12 {
  align-items: flex-start;
  background-color: var(--blue-violet);
  border: 5px solid;
  border-color: var(--violet-purple);
  border-radius: 20px;
  display: flex;
  height: 190px;
  margin-top: 24px;
  min-width: 924px;
  padding: 13px 31px;
}

.index .message {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 68px;
  width: 246px;
}

.index .flex-row-6 {
  align-items: flex-start;
  display: flex;
  height: 97px;
  margin-right: 7.0px;
  margin-top: 27px;
  min-width: 907px;
}

.index .rectangle-34 {
  background-color: var(--blue-violet);
  border: 5px solid;
  border-color: var(--violet-purple);
  border-radius: 10px;
  height: 32px;
  margin-top: 4px;
  width: 31px;
}

.index .i-accept-the-privacy-policy {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  margin-left: 21px;
  min-height: 68px;
  width: 404px;
}

.index .overlap-group17 {
  align-items: flex-end;
  align-self: flex-end;
  background-color: var(--purple-heart);
  border-radius: 20px;
  box-shadow: 5px 5px 4px #0000008f;
  display: flex;
  height: 61px;
  margin-left: 240px;
  min-width: 211px;
  padding: 6px 12px;
}

.index .place {
  color: var(--alto);
  font-weight: 400;
  line-height: 29.6px;
  min-height: 42px;
  text-align: center;
  width: 187px;
}

.index .firmen-mit-denen-ich-mitmischte {
  color: var(--white);
  font-family: var(--font-family-figma_hand-regular);
  font-size: var(--font-size-l);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 29.6px;
  margin-left: 36px;
  min-height: 68px;
  width: 1100px;
}

.index .flex-row-7 {
  align-items: flex-start;
  display: flex;
  height: 135px;
  margin-right: 2.0px;
  margin-top: 2px;
  min-width: 1422px;
}

.index .logo1 {
  align-self: flex-end;
  height: 133px;
  object-fit: cover;
  width: 127px;
}

.index .sprinters_logo_s_-schrift_-weiss-1 {
  margin-left: 82px;
}

.index .element-14x {
  align-self: center;
  height: 34px;
  margin-left: 82px;
  margin-top: 3.0px;
  object-fit: cover;
  width: 228px;
}

.index .logo_-element-14x_white-neu-1 {
  align-self: flex-end;
  height: 118px;
  margin-bottom: 1px;
  margin-left: 65px;
  object-fit: cover;
  width: 247px;
}

.index .sprinters_logo_s_-schrift_-weiss-2 {
  margin-left: 81px;
}

.index .component-2 {
  align-items: center;
  background-color: var(--comet);
  display: flex;
  height: 239px;
  margin-top: 79px;
  min-width: 1728px;
  padding: 66px 106px;
}

.index .flex-col-7 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 91px;
  width: 376px;
}

.index .name-1 {
  line-height: 35.5px;
  margin-bottom: 15.0px;
  margin-left: 210px;
  min-height: 44px;
  width: 376px;
}

.index .element-14x-1 {
  height: 36px;
  margin-bottom: 11.0px;
  margin-left: 471px;
  object-fit: cover;
  width: 36px;
}

.index .element-24x {
  height: 35px;
  margin-bottom: 10.0px;
  margin-left: 10px;
  object-fit: cover;
  width: 36px;
}

.index .name-2 {
  color: var(--white);
  font-weight: 400;
}

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

.index .semester-abroad-in {
  color: var(--white);
  font-weight: 400;
  line-height: 29.6px;
  position: absolute;
  top: 0;
  width: 376px;
}

.index .sprinters_logo_s_-schrift_-weiss {
  height: 134px;
  object-fit: cover;
  width: 100px;
}

.index .text {
  letter-spacing: 0;
  line-height: 50px;
  width: 234px;
}