/* screen - phasesdesktop-all-breakpoints */

.phasesdesktop-all-breakpoints {
  align-items: center;
  background-color: var(--grandis);
  display: flex;
  flex-direction: column;
  height: 85.31vw;
  overflow: hidden;
  width: 100.0vw;
}

.phasesdesktop-all-breakpoints .header-container-1 {
  height: 11.25vw;
  margin-left: 0.16vw;
  position: relative;
  width: 100.16vw;
}

.phasesdesktop-all-breakpoints .secondary-header-1 {
  align-items: flex-end;
  display: flex;
  height: 5.08vw;
  left: 0;
  min-width: 100.16vw;
  position: absolute;
  top: 6.17vw;
}

.phasesdesktop-all-breakpoints .overlap-group8-1 {
  height: 5.23vw;
  margin-bottom: -0.16vw;
  position: relative;
  width: 100.16vw;
}

.phasesdesktop-all-breakpoints .background-1 {
  background-color: var(--fuel-yellow);
  height: 5.08vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.phasesdesktop-all-breakpoints .text-field-1 {
  height: 4.61vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0.62vw;
  width: 100.16vw;
}

.phasesdesktop-all-breakpoints .header-1 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  height: 6.17vw;
  justify-content: flex-start;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 0;
  width: auto;
}

.phasesdesktop-all-breakpoints .overlap-group11 {
  height: 6.17vw;
  position: relative;
  width: 50.78vw;
}

.phasesdesktop-all-breakpoints .technologien-3 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 34.38vw;
  min-width: 16.41vw;
  position: absolute;
  top: 0;
}

.phasesdesktop-all-breakpoints .overlap-group-5 {
  height: 6.17vw;
  position: relative;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .overlap-group-6 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .rechteck-113-4 {
  background-color: var(--fuel-yellow);
  width: 16.41vw;
}

.phasesdesktop-all-breakpoints .technologien-4 {
  height: 2.19vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 2.03vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .standby-4 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 0;
  min-width: 16.56vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesdesktop-all-breakpoints .standby-4:hover {
  opacity: 0;
}

.phasesdesktop-all-breakpoints .rechteck-113-5 {
  background-color: var(--koromiko);
  width: 16.41vw;
}

.phasesdesktop-all-breakpoints .technologien-5 {
  height: 2.19vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  top: 2.03vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .overlap-group9-1 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 34.38vw;
}

.phasesdesktop-all-breakpoints .apps-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 15.62vw;
  min-width: 18.67vw;
  position: absolute;
  top: 0;
}

.phasesdesktop-all-breakpoints .overlap-group-7 {
  height: 6.17vw;
  position: relative;
  width: 18.83vw;
}

.phasesdesktop-all-breakpoints .overlap-group-9 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.83vw;
}

.phasesdesktop-all-breakpoints .rechteck-113-6 {
  background-color: var(--fuel-yellow);
  width: 18.67vw;
}

.phasesdesktop-all-breakpoints .anwendungen-2 {
  text-decoration: underline;
}

.phasesdesktop-all-breakpoints .standby-6 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 0;
  min-width: 18.83vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesdesktop-all-breakpoints .standby-6:hover {
  opacity: 0;
}

.phasesdesktop-all-breakpoints .rechteck-113-7 {
  background-color: var(--koromiko);
  width: 18.67vw;
}

.phasesdesktop-all-breakpoints .komponente-72-1-1 {
  background-color: var(--fuel-yellow);
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 15.62vw;
}

.phasesdesktop-all-breakpoints .x6382-handel-innovativ_lo-1 {
  flex: 1;
  margin-bottom: 1.58vw;
  margin-left: 0;
  margin-right: 5.63vw;
  margin-top: 1.58vw;
  object-fit: cover;
  width: 10.04vw;
}

.phasesdesktop-all-breakpoints .overlap-group10-1 {
  height: 6.17vw;
  position: relative;
  width: 49.22vw;
}

.phasesdesktop-all-breakpoints .baukasten-3 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 32.81vw;
  min-width: 16.41vw;
  position: absolute;
  top: 0;
}

.phasesdesktop-all-breakpoints .baukasten-4 {
  height: 2.11vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 2.11vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .baukasten-5 {
  height: 2.11vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  top: 2.11vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .einsatzort-3 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  left: 16.41vw;
  min-width: 16.41vw;
  position: absolute;
  top: 0;
}

.phasesdesktop-all-breakpoints .einsatzort-4 {
  height: 2.19vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 2.03vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .einsatzort-5 {
  height: 2.19vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  top: 2.03vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .phasen-3 {
  align-items: flex-start;
  display: flex;
  height: 6.17vw;
  min-width: 16.41vw;
  top: 0;
}

.phasesdesktop-all-breakpoints .phasen-4 {
  height: 2.11vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  text-decoration: underline;
  top: 2.11vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .phasen-5 {
  height: 2.11vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  top: 2.11vw;
  width: 16.56vw;
}

.phasesdesktop-all-breakpoints .phase-selection2-1 {
  align-items: flex-start;
  background-color: var(--koromiko);
  border-radius: 0.78vw;
  display: flex;
  height: 20.94vw;
  margin-left: 0.08vw;
  margin-top: 3.91vw;
  min-width: 89.45vw;
  padding: 2.5vw 4.54vw;
}

.phasesdesktop-all-breakpoints .overlap-group7-1 {
  height: 11.88vw;
  position: relative;
  width: 79.45vw;
}

.phasesdesktop-all-breakpoints .phase-container-1 {
  height: 5.78vw;
  left: 0;
  position: absolute;
  top: 6.09vw;
  width: 79.45vw;
}

.phasesdesktop-all-breakpoints .phase6 {
  cursor: pointer;
  height: 5.78vw;
  left: 65.55vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase6.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .overlap-group-8 {
  height: 5.78vw;
  position: relative;
}

.phasesdesktop-all-breakpoints .hover-active-1 {
  align-items: flex-end;
  background-image: url(../img/pfad-38-12@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 5.78vw;
  justify-content: flex-end;
  left: 0;
  min-width: 13.91vw;
  padding: 1.8vw 0.83vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesdesktop-all-breakpoints .hover-active-1:hover {
  opacity: 1;
}

.phasesdesktop-all-breakpoints .bindung-3 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .standby-5 {
  align-items: flex-end;
  background-image: url(../img/pfad-38-13@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 5.78vw;
  justify-content: flex-end;
  left: 0;
  min-width: 13.91vw;
  padding: 1.88vw 0.75vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesdesktop-all-breakpoints .standby-5:hover {
  opacity: 0;
}

.phasesdesktop-all-breakpoints .bildung-1 {
  height: 1.88vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .phase5-2 {
  cursor: pointer;
  height: 5.78vw;
  left: 52.34vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase5-2.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .bindung-4 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .bindung-5 {
  height: 1.88vw;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .phase4-1 {
  cursor: pointer;
  height: 5.78vw;
  left: 39.3vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase4-1.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .angebot-1 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .angebot-2 {
  height: 1.88vw;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .phase3-1 {
  cursor: pointer;
  height: 5.78vw;
  left: 26.25vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase3-1.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .besuch-2 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .besuch-3 {
  height: 1.88vw;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .phase2-1 {
  cursor: pointer;
  height: 5.78vw;
  left: 13.12vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase2-1.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .information-1 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .information-2 {
  height: 1.88vw;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .phase1-1 {
  cursor: pointer;
  height: 5.78vw;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-1.95vw, 0);
  width: 13.91vw;
}

.phasesdesktop-all-breakpoints .phase1-1.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesdesktop-all-breakpoints .impuls-2 {
  height: 1.95vw;
  text-decoration: underline;
  width: 11.09vw;
}

.phasesdesktop-all-breakpoints .impuls-3 {
  height: 1.88vw;
  width: 11.17vw;
}

.phasesdesktop-all-breakpoints .description-1 {
  height: 6.41vw;
  left: 3.98vw;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0;
  width: 72.58vw;
}

.phasesdesktop-all-breakpoints .results-desktop {
  display: flex;
  flex-direction: column;
  height: 29.45vw;
  margin-top: 3.91vw;
  width: 100.0vw;
}

.phasesdesktop-all-breakpoints .title-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.95vw;
  margin-bottom: -0.16vw;
  margin-left: 2.89vw;
  margin-right: 3.64vw;
  margin-top: 1.36vw;
  width: 93.47vw;
}

.phasesdesktop-all-breakpoints .overlap-group2 {
  height: 19.3vw;
  position: relative;
  width: 20.94vw;
}

.phasesdesktop-all-breakpoints .hover {
  align-items: center;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 1.33vw;
  left: 0;
  min-height: 19.3vw;
  position: absolute;
  top: 0;
  width: 20.94vw;
}

.phasesdesktop-all-breakpoints .over-container-1 {
  align-items: flex-end;
  background-image: url(../img/adobestock-392578334-11@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 0.39vw;
  min-height: 14.92vw;
  padding: 0.7vw 0.62vw;
  width: 20.94vw;
}

.phasesdesktop-all-breakpoints .button-container-1 {
  align-self: center;
  height: 2.5vw;
  margin-left: 0.16vw;
  position: relative;
  width: 7.73vw;
}

.phasesdesktop-all-breakpoints .button-background-1 {
  background-color: var(--koromiko);
  border-radius: 0.16vw;
  height: 2.34vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 7.58vw;
}

.phasesdesktop-all-breakpoints .button-text-1 {
  height: 2.19vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.41vw;
  position: absolute;
  text-align: center;
  top: 0.31vw;
  width: 7.73vw;
}

.phasesdesktop-all-breakpoints .standby-desktop:hover {
  opacity: 0;
}

.phasesdesktop-all-breakpoints .footer-1 {
  align-items: flex-start;
  background-color: var(--koromiko);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 1.41vw;
  height: auto;
  justify-content: flex-start;
  margin-top: 5.0vw;
  min-height: 10.86vw;
  padding: 1.48vw 1.88vw;
  width: 100.0vw;
}

.phasesdesktop-all-breakpoints .kontakt-1 {
  letter-spacing: 0;
  line-height: 1.25vw;
  margin-top: 0.16vw;
  min-height: 1.64vw;
  width: 12.03vw;
}

.phasesdesktop-all-breakpoints .impressum-1 {
  letter-spacing: 0;
  line-height: 1.25vw;
  min-height: 1.64vw;
  width: 12.27vw;
}

.phasesdesktop-all-breakpoints .datenschutzerklrung-1 {
  letter-spacing: 0;
  line-height: 1.25vw;
  min-height: 1.64vw;
  width: 16.09vw;
}

.phasesdesktop-all-breakpoints .angebot {
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
}

.phasesdesktop-all-breakpoints .anwendungen {
  height: 2.11vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  text-align: center;
  top: 2.11vw;
  width: 18.83vw;
}

.phasesdesktop-all-breakpoints .besuch {
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
}

.phasesdesktop-all-breakpoints .bindung {
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
}

.phasesdesktop-all-breakpoints .impuls {
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
}

.phasesdesktop-all-breakpoints .information {
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  white-space: nowrap;
}

.phasesdesktop-all-breakpoints .phasen {
  left: 0;
  position: absolute;
}

.phasesdesktop-all-breakpoints .rechteck-113 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
}
/* screen - phasesmobile */

.phasesmobile {
  align-items: flex-start;
  background-color: var(--grandis);
  display: flex;
  flex-direction: column;
  height: 1025.88vw;
  overflow: hidden;
  width: 100.0vw;
}

.phasesmobile .header-smartphone {
  align-items: flex-start;
  display: flex;
  min-width: 100.0vw;
}

.phasesmobile .overlap-group8-2 {
  height: 89.71vw;
  position: relative;
  width: 100.0vw;
}

.phasesmobile .hover-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 89.71vw;
  justify-content: space-between;
}

.phasesmobile .overlap-group-10 {
  height: 13.24vw;
  position: relative;
  width: 100.59vw;
}

.phasesmobile .overlap-group-11 {
  height: 13.24vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.59vw;
}

.phasesmobile .rechteck-113-8 {
  background-color: var(--fuel-yellow);
}

.phasesmobile .anwendungen-4 {
  text-decoration: underline;
}

.phasesmobile .standby-7 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 13.24vw;
  left: 0;
  min-width: 100.59vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesmobile .standby-7:hover {
  opacity: 0;
}

.phasesmobile .rechteck-113-9 {
  background-color: var(--koromiko);
}

.phasesmobile .technologien-6 {
  text-decoration: underline;
}

.phasesmobile .technologien-7 {
  overflow: hidden;
}

.phasesmobile .komponente-19-1 {
  align-items: flex-start;
  display: flex;
  min-width: 100.0vw;
}

.phasesmobile .phasen-6 {
  text-decoration: underline;
}

.phasesmobile .einsatzort-6 {
  text-decoration: underline;
}

.phasesmobile .einsatzort-7 {
  overflow: hidden;
}

.phasesmobile .baukasten-6 {
  text-decoration: underline;
}

.phasesmobile .secondary-header-2 {
  align-items: flex-end;
  display: flex;
  height: 36.76vw;
  margin-top: 10.29vw;
  min-width: 100.59vw;
}

.phasesmobile .overlap-group1-1 {
  height: 37.35vw;
  margin-bottom: -0.59vw;
  position: relative;
  width: 100.59vw;
}

.phasesmobile .background-2 {
  background-color: var(--fuel-yellow);
  height: 36.76vw;
  top: 0;
}

.phasesmobile .komponente-63-4 {
  display: flex;
  flex-direction: column;
  height: 175.59vw;
  justify-content: space-between;
  width: 100.0vw;
}

.phasesmobile .image-area {
  align-items: flex-start;
  display: flex;
  flex: 1;
  max-height: 69.71vw;
  min-width: 100%;
}

.phasesmobile .overlap-group-15 {
  height: 69.71vw;
  position: relative;
  width: 100.0vw;
}

.phasesmobile .background-3 {
  background-color: var(--koromiko);
  height: 68.24vw;
  top: 1.18vw;
}

.phasesmobile .image {
  height: 69.71vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.phasesmobile .text-area {
  background-color: var(--koromiko);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 3.24vw;
  height: 105.8vw;
  margin-right: 0;
  max-height: 105.8vw;
}

.phasesmobile .text {
  flex: 1;
  letter-spacing: 0;
  line-height: 4.71vw;
  margin-bottom: 11.18vw;
  margin-left: 8.82vw;
  margin-right: 8.24vw;
  opacity: 0;
  overflow: hidden;
  transform: translate(-7.35vw, 0);
}

.phasesmobile .text.bp3-animate-enter24 {
  animation: bp3-animate-enter24-frames 0.30s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-7.35vw, 0);
}

@keyframes bp3-animate-enter24-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasesmobile .komponente-44-4 {
  align-items: flex-start;
  display: flex;
  height: 137.94vw;
  justify-content: flex-end;
  margin-top: 18.53vw;
  min-width: 100.0vw;
}

.phasesmobile .gruppe-container {
  height: 148.82vw;
  margin-top: -5.42vw;
  position: relative;
  width: 100.0vw;
}

.phasesmobile .gruppe-275 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 100.0vw;
  left: 32.06vw;
  min-width: 36.18vw;
  position: absolute;
  top: 80.59vw;
  transform: rotate(90deg);
}

.phasesmobile .overlap-group-12 {
  height: 100.0vw;
  position: relative;
  width: 25.29vw;
}

.phasesmobile .pfad-37 {
  height: 25.29vw;
  left: -37.35vw;
  object-fit: cover;
  position: absolute;
  top: 37.35vw;
  transform: rotate(-90deg);
  width: 100.0vw;
}

.phasesmobile .bindung-6 {
  height: 6.18vw;
  left: -10.29vw;
  letter-spacing: 0;
  line-height: 5.59vw;
  position: absolute;
  text-align: center;
  top: 47.06vw;
  transform: rotate(-90deg);
  white-space: nowrap;
  width: 46.18vw;
}

.phasesmobile .gruppe-274 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 100.0vw;
  left: 32.06vw;
  min-width: 36.18vw;
  position: absolute;
  top: 52.35vw;
  transform: rotate(90deg);
}

.phasesmobile .angebot-3 {
  height: 6.18vw;
  left: -10.29vw;
  letter-spacing: 0;
  line-height: 5.59vw;
  position: absolute;
  text-align: center;
  top: 47.35vw;
  transform: rotate(-90deg);
  white-space: nowrap;
  width: 46.18vw;
}

.phasesmobile .gruppe-273 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 100.0vw;
  left: 32.06vw;
  min-width: 36.18vw;
  position: absolute;
  top: 24.41vw;
  transform: rotate(90deg);
}

.phasesmobile .besuch-4 {
  height: 6.18vw;
  left: -10.29vw;
  letter-spacing: 0;
  line-height: 5.59vw;
  position: absolute;
  text-align: center;
  top: 47.35vw;
  transform: rotate(-90deg);
  white-space: nowrap;
  width: 46.18vw;
}

.phasesmobile .gruppe-272 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 100.0vw;
  left: 32.06vw;
  min-width: 36.18vw;
  position: absolute;
  top: -3.82vw;
  transform: rotate(90deg);
}

.phasesmobile .information-3 {
  height: 6.18vw;
  left: -10.29vw;
  letter-spacing: 0;
  line-height: 5.59vw;
  position: absolute;
  text-align: center;
  top: 47.35vw;
  transform: rotate(-90deg);
  white-space: nowrap;
  width: 46.18vw;
}

.phasesmobile .gruppe-267 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 100.0vw;
  left: 32.06vw;
  min-width: 36.18vw;
  position: absolute;
  top: -32.06vw;
  transform: rotate(90deg);
}

.phasesmobile .impuls-4 {
  height: 6.18vw;
  left: -10.29vw;
  letter-spacing: 0;
  line-height: 5.59vw;
  position: absolute;
  text-align: center;
  top: 47.35vw;
  transform: rotate(-90deg);
  white-space: nowrap;
  width: 46.18vw;
}

.phasesmobile .komponente-64-2 {
  align-items: flex-start;
  background-color: var(--koromiko);
  display: flex;
  flex-direction: column;
  gap: 0.29vw;
  margin-top: 22.35vw;
  min-height: 481.18vw;
  padding: 9.74vw 0;
  width: 100.0vw;
}

.phasesmobile .overlap-group7-2 {
  height: 117.06vw;
  position: relative;
  width: 100.0vw;
}

.phasesmobile .title-2 {
  height: 33.82vw;
  left: 7.06vw;
  letter-spacing: 0;
  line-height: 7.35vw;
  position: absolute;
  top: 0;
  width: 85.59vw;
}

.phasesmobile .result01 {
  align-items: flex-start;
  display: flex;
  height: 83.82vw;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 33.24vw;
}

.phasesmobile .overlap-group-13 {
  height: 83.82vw;
  position: relative;
  width: 100.59vw;
}

.phasesmobile .standby-8 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 83.82vw;
  left: 0;
  min-width: 100.59vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasesmobile .standby-8:hover {
  opacity: 0;
}

.phasesmobile .rechteck-10 {
  background-color: var(--fuel-yellow);
  height: 83.82vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.phasesmobile .location-based-services {
  height: 6.76vw;
  left: 0;
  letter-spacing: 0;
  line-height: 5.29vw;
  position: absolute;
  text-align: center;
  top: 4.71vw;
  width: 100.59vw;
}

.phasesmobile .adobe-stock_392578334 {
  height: 67.35vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 16.47vw;
  width: 100.0vw;
}

.phasesmobile .hover-2 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
}

.phasesmobile .hover-2.bp3-animate-enter25 {
  animation: bp3-animate-enter25-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter25-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.phasesmobile .overlap-group1 {
  align-items: flex-end;
  background-image: url(../img/adobestock-392578334-38@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 6.18vw;
  left: 0;
  min-height: 67.35vw;
  padding: 2.65vw 2.35vw;
  position: absolute;
  top: 16.47vw;
  width: 100.0vw;
}

.phasesmobile .description-2 {
  height: 38.24vw;
  letter-spacing: 0;
  line-height: 5.29vw;
  margin-top: 8.53vw;
  text-align: center;
  width: 94.71vw;
}

.phasesmobile .overlap-group-14 {
  align-self: center;
  height: 9.41vw;
  margin-left: 0.59vw;
  position: relative;
  width: 29.12vw;
}

.phasesmobile .rechteck-133 {
  background-color: var(--koromiko);
  border-radius: 0.59vw;
  height: 8.82vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 28.53vw;
}

.phasesmobile .details {
  height: 8.24vw;
  left: 0;
  letter-spacing: 0;
  line-height: 5.29vw;
  position: absolute;
  text-align: center;
  top: 1.18vw;
  width: 29.12vw;
}

.phasesmobile .location-based-services-1 {
  height: 6.76vw;
  left: 9.41vw;
  letter-spacing: 0;
  line-height: 5.29vw;
  position: absolute;
  text-align: center;
  top: 4.71vw;
  width: 81.76vw;
}

.phasesmobile .hover-3 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
}

.phasesmobile .hover-3.bp3-animate-enter26 {
  animation: bp3-animate-enter26-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter26-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.phasesmobile .hover-4 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
}

.phasesmobile .hover-4.bp3-animate-enter27 {
  animation: bp3-animate-enter27-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter27-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.phasesmobile .hover-5 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
}

.phasesmobile .hover-5.bp3-animate-enter28 {
  animation: bp3-animate-enter28-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter28-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.phasesmobile .hover-6 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
}

.phasesmobile .hover-6.bp3-animate-enter29 {
  animation: bp3-animate-enter29-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter29-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.phasesmobile .footer-2 {
  align-items: flex-start;
  background-color: var(--koromiko);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 5.29vw;
  height: auto;
  justify-content: flex-start;
  margin-top: 4.41vw;
  min-height: 40.88vw;
  padding: 5.59vw 7.06vw;
  width: 100.0vw;
}

.phasesmobile .anwendungen {
  height: 7.94vw;
  left: 0;
  letter-spacing: 0;
  line-height: 6.18vw;
  position: absolute;
  text-align: center;
  top: 2.94vw;
  width: 100.59vw;
}

.phasesmobile .background {
  left: 0;
  position: absolute;
  width: 100.0vw;
}

.phasesmobile .baukasten {
  height: 7.94vw;
  left: 0;
  letter-spacing: 0;
  line-height: 6.18vw;
  position: absolute;
  text-align: center;
  top: 2.94vw;
  width: 100.59vw;
}

.phasesmobile .einsatzort {
  height: 8.24vw;
  left: 0;
  letter-spacing: 0;
  line-height: 6.18vw;
  position: absolute;
  text-align: center;
  top: 2.94vw;
  width: 100.59vw;
}

.phasesmobile .hover {
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.phasesmobile .phasen {
  height: 7.94vw;
  left: 0;
  letter-spacing: 0;
  line-height: 6.18vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 2.94vw;
  width: 100.59vw;
}

.phasesmobile .rechteck-113 {
  height: 13.24vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.phasesmobile .result-4 {
  align-items: flex-start;
  display: flex;
  min-width: 100.0vw;
}

.phasesmobile .technologien {
  height: 8.24vw;
  left: 0;
  letter-spacing: 0;
  line-height: 6.18vw;
  position: absolute;
  text-align: center;
  top: 2.94vw;
  width: 100.59vw;
}
/* screen - phasestablet */

.phasestablet {
  align-items: flex-start;
  background-color: var(--grandis);
  display: flex;
  flex-direction: column;
  height: 133.17vw;
  overflow: hidden;
  width: 100.0vw;
}

.phasestablet .header-container {
  height: 17.56vw;
  position: relative;
  width: 100.37vw;
}

.phasestablet .secondary-header {
  align-items: flex-end;
  display: flex;
  height: 7.93vw;
  left: 0;
  min-width: 100.37vw;
  position: absolute;
  top: 9.63vw;
}

.phasestablet .overlap-group3 {
  height: 8.17vw;
  margin-bottom: -0.24vw;
  position: relative;
  width: 100.37vw;
}

.phasestablet .background {
  background-color: var(--fuel-yellow);
  height: 7.93vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.12vw;
}

.phasestablet .text-field {
  height: 7.2vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0.98vw;
  width: 100.37vw;
}

.phasestablet .header {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  height: 9.63vw;
  justify-content: flex-start;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 0;
  width: auto;
}

.phasestablet .overlap-group9 {
  height: 9.63vw;
  position: relative;
  width: 50.73vw;
}

.phasestablet .technologien {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 34.39vw;
  min-width: 16.46vw;
  position: absolute;
  top: 0;
}

.phasestablet .overlap-group {
  height: 9.63vw;
  position: relative;
  width: 16.71vw;
}

.phasestablet .overlap-group-1 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.71vw;
}

.phasestablet .rechteck-113 {
  background-color: var(--fuel-yellow);
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.46vw;
}

.phasestablet .technologien-1 {
  height: 3.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 3.17vw;
  width: 16.71vw;
}

.phasestablet .standby {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 0;
  min-width: 16.71vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasestablet .standby:hover {
  opacity: 0;
}

.phasestablet .rechteck-113-1 {
  background-color: var(--koromiko);
  width: 16.46vw;
}

.phasestablet .technologien-2 {
  height: 3.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  top: 3.17vw;
  width: 16.71vw;
}

.phasestablet .overlap-group7 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 34.39vw;
}

.phasestablet .apps {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 15.61vw;
  min-width: 18.66vw;
  position: absolute;
  top: 0;
}

.phasestablet .overlap-group-2 {
  height: 9.63vw;
  position: relative;
  width: 18.9vw;
}

.phasestablet .overlap-group-4 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.9vw;
}

.phasestablet .rechteck-113-2 {
  background-color: var(--fuel-yellow);
  width: 18.66vw;
}

.phasestablet .anwendungen {
  text-decoration: underline;
}

.phasestablet .standby-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 0;
  min-width: 18.9vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasestablet .standby-2:hover {
  opacity: 0;
}

.phasestablet .rechteck-113-3 {
  background-color: var(--koromiko);
  width: 18.66vw;
}

.phasestablet .komponente-72-1 {
  background-color: var(--fuel-yellow);
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 15.61vw;
}

.phasestablet .x6382-handel-innovativ_lo {
  flex: 1;
  margin-bottom: 2.46vw;
  margin-left: 0;
  margin-top: 2.46vw;
  object-fit: cover;
  width: 15.66vw;
}

.phasestablet .overlap-group8 {
  height: 9.63vw;
  position: relative;
  width: 49.27vw;
}

.phasestablet .baukasten {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 32.8vw;
  min-width: 16.46vw;
  position: absolute;
  top: 0;
}

.phasestablet .baukasten-1 {
  height: 3.29vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 3.29vw;
  width: 16.71vw;
}

.phasestablet .baukasten-2 {
  height: 3.29vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  top: 3.29vw;
  width: 16.71vw;
}

.phasestablet .einsatzort {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  left: 16.46vw;
  min-width: 16.46vw;
  position: absolute;
  top: 0;
}

.phasestablet .einsatzort-1 {
  height: 3.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 3.17vw;
  width: 16.71vw;
}

.phasestablet .einsatzort-2 {
  height: 3.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  top: 3.17vw;
  width: 16.71vw;
}

.phasestablet .phasen {
  align-items: flex-start;
  display: flex;
  height: 9.63vw;
  min-width: 16.46vw;
  top: 0;
}

.phasestablet .phasen-1 {
  height: 3.29vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  text-decoration: underline;
  top: 3.29vw;
  width: 16.71vw;
}

.phasestablet .phasen-2 {
  height: 3.29vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  top: 3.29vw;
  width: 16.71vw;
}

.phasestablet .phase-selection2 {
  align-items: flex-start;
  background-color: var(--koromiko);
  border-radius: 1.22vw;
  display: flex;
  height: 32.68vw;
  margin-top: 6.1vw;
  min-width: 96.46vw;
  padding: 3.9vw 7.09vw;
}

.phasestablet .overlap-group10 {
  height: 18.54vw;
  position: relative;
  width: 80.85vw;
}

.phasestablet .phase-container {
  height: 9.02vw;
  left: 0;
  position: absolute;
  top: 9.51vw;
  width: 80.85vw;
}

.phasestablet .phase5 {
  left: 66.71vw;
}

.phasestablet .phase5.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .overlap-group-3 {
  height: 9.02vw;
  position: relative;
}

.phasestablet .hover-active {
  align-items: flex-end;
  background-image: url(../img/pfad-38-10-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 9.02vw;
  justify-content: flex-end;
  left: 0;
  min-width: 14.15vw;
  padding: 2.8vw 1.29vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasestablet .hover-active:hover {
  opacity: 1;
}

.phasestablet .bindung {
  height: 3.05vw;
  text-decoration: underline;
  width: 9.76vw;
}

.phasestablet .standby-1 {
  align-items: flex-end;
  background-image: url(../img/pfad-38-1-1x-png-1x-png-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 9.02vw;
  justify-content: flex-end;
  left: 0;
  min-width: 14.15vw;
  padding: 2.93vw 1.17vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.phasestablet .standby-1:hover {
  opacity: 0;
}

.phasestablet .bildung {
  height: 2.93vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  white-space: nowrap;
  width: 9.88vw;
}

.phasestablet .phase5-1 {
  left: 53.29vw;
}

.phasestablet .phase5-1.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .bindung-1 {
  height: 3.05vw;
  text-decoration: underline;
  width: 9.76vw;
}

.phasestablet .bindung-2 {
  height: 2.93vw;
  width: 9.88vw;
}

.phasestablet .phase4 {
  cursor: pointer;
  height: 9.02vw;
  left: 40.0vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-3.05vw, 0);
  width: 14.15vw;
}

.phasestablet .phase4.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .angebot {
  height: 3.05vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: 9.76vw;
}

.phasestablet .standby-3 {
  cursor: pointer;
  height: 9.02vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 14.15vw;
}

.phasestablet .standby-3:hover {
  opacity: 0;
}

.phasestablet .phase3 {
  cursor: pointer;
  height: 9.02vw;
  left: 26.71vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-3.05vw, 0);
  width: 14.15vw;
}

.phasestablet .phase3.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter6-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .besuch {
  height: 3.05vw;
  text-decoration: underline;
  width: 9.76vw;
}

.phasestablet .besuch-1 {
  height: 2.93vw;
  width: 9.88vw;
}

.phasestablet .phase2 {
  cursor: pointer;
  height: 9.02vw;
  left: 13.41vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-3.05vw, 0);
  width: 14.15vw;
}

.phasestablet .phase2.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .information {
  height: 3.05vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: 9.76vw;
}

.phasestablet .infom {
  height: 2.93vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  white-space: nowrap;
  width: 9.88vw;
}

.phasestablet .phase1 {
  cursor: pointer;
  height: 9.02vw;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-3.05vw, 0);
  width: 14.15vw;
}

.phasestablet .phase1.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 0.20s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

@keyframes bp2-animate-enter8-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.phasestablet .impuls {
  height: 3.05vw;
  text-decoration: underline;
  width: 9.76vw;
}

.phasestablet .impuls-1 {
  height: 2.93vw;
  width: 9.88vw;
}

.phasestablet .description {
  height: 10.0vw;
  left: 6.22vw;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 0;
  width: 70.12vw;
}

.phasestablet .results-tablet {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 6.1vw;
  min-height: 45.98vw;
  width: 100.0vw;
}

.phasestablet .title {
  height: 9.63vw;
  letter-spacing: 0;
  line-height: 3.05vw;
  margin-bottom: -0.24vw;
  width: 93.54vw;
}

.phasestablet .tablet-container {
  height: 30.12vw;
  position: relative;
  width: 32.68vw;
}

.phasestablet .hover-tablet {
  align-items: center;
  background-color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 2.07vw;
  left: 0;
  min-height: 30.12vw;
  position: absolute;
  top: 0;
  width: 32.68vw;
}

.phasestablet .over-container {
  align-items: flex-end;
  background-image: url(../img/adobestock-392578334-11@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 0.61vw;
  min-height: 23.29vw;
  padding: 1.1vw 0.98vw;
  width: 32.68vw;
}

.phasestablet .button-container {
  align-self: center;
  height: 3.9vw;
  margin-left: 0.24vw;
  position: relative;
  width: 12.07vw;
}

.phasestablet .button-background {
  background-color: var(--koromiko);
  border-radius: 0.24vw;
  height: 3.66vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 11.83vw;
}

.phasestablet .button-text {
  height: 3.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.2vw;
  position: absolute;
  text-align: center;
  top: 0.49vw;
  width: 12.07vw;
}

.phasestablet .standby-tablet:hover {
  opacity: 0;
}

.phasestablet .footer {
  align-items: flex-start;
  background-color: var(--koromiko);
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  gap: 2.2vw;
  height: auto;
  justify-content: flex-start;
  margin-top: 7.8vw;
  min-height: 16.95vw;
  padding: 2.32vw 2.93vw;
  width: 100.12vw;
}

.phasestablet .kontakt {
  letter-spacing: 0;
  line-height: 1.95vw;
  margin-top: 0.24vw;
  min-height: 2.56vw;
  width: 18.78vw;
}

.phasestablet .impressum {
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.56vw;
  width: 19.15vw;
}

.phasestablet .datenschutzerklrung {
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.56vw;
  width: 25.12vw;
}

.phasestablet .anwendungen-2 {
  height: 3.29vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  text-align: center;
  top: 3.29vw;
  width: 18.9vw;
}

.phasestablet .besuch-2 {
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  white-space: nowrap;
}

.phasestablet .bindung-3 {
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  white-space: nowrap;
}

.phasestablet .impuls-2 {
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  white-space: nowrap;
}

.phasestablet .phase5-2 {
  cursor: pointer;
  height: 9.02vw;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-3.05vw, 0);
  width: 14.15vw;
}

.phasestablet .phasen-3 {
  left: 0;
  position: absolute;
}

.phasestablet .rechteck-113-4 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 699px) {
  .screen.phasesdesktop-all-breakpoints { 
    display: none;
   }
  .screen.phasesmobile { 
    display: none;
   }
}
@media screen and (min-width: 700px) and (max-width: 1279px) {
  .screen.phasesdesktop-all-breakpoints { 
    display: none;
   }
  .screen.phasesmobile { 
    display: none;
   }
}

@media screen and (min-width: 1280px) {
  .screen.phasesdesktop-all-breakpoints { 
    display: none;
   }
  .screen.phasesmobile { 
    display: none;
   }
}