/* screen - appsdesktop */

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

.appsdesktop .header-container {
  height: 11.25vw;
  position: relative;
  width: 100.16vw;
}

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


.appsdesktop .overlap-group3 {
  height: 5.23vw;
  margin-bottom: -0.16vw;
  position: relative;
  width: 100.16vw;
}


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

.appsdesktop .text-field {
  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;
}

.appsdesktop .header {
  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;
}

.appsdesktop .overlap-group7 {
  height: 6.17vw;
  position: relative;
  width: 34.38vw;
}

.appsdesktop .apps {
  align-items: flex-start;
  display: flex;
  height: 6.17vw;
  left: 15.62vw;
  min-width: 18.67vw;
  position: absolute;
  top: 0;
}

.appsdesktop .overlap-group {
  height: 6.17vw;
  position: relative;
  width: 18.83vw;
}

.appsdesktop .overlap-group-3 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.83vw;
}

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

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

.appsdesktop .standby-1 {
  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;
}

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

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

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

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

.appsdesktop .technologien {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  min-width: 16.41vw;
}

.appsdesktop .overlap-group-1 {
  height: 6.17vw;
  position: relative;
  width: 16.56vw;
}

.appsdesktop .overlap-group-2 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.56vw;
}

.appsdesktop .rechteck-113 {
  background-color: var(--fuel-yellow);
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.41vw;
}

.appsdesktop .technologien-1 {
  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;
}

.appsdesktop .standby {
  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;
}

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

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

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

.appsdesktop .overlap-group8 {
  height: 6.17vw;
  position: relative;
  width: 49.22vw;
}

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

.appsdesktop .baukasten-1 {
  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;
}

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

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

.appsdesktop .einsatzort-1 {
  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;
}

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

.appsdesktop .phasen {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 6.17vw;
  min-width: 16.41vw;
  top: 0;
}

.appsdesktop .phasen-1 {
  height: 2.11vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  text-decoration: underline;
  top: 2.11vw;
  width: 16.56vw;
}

.appsdesktop .phasen-2 {
  height: 2.11vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  text-align: center;
  top: 2.11vw;
  width: 16.56vw;
}

.appsdesktop .results-desktop {
  display: flex;
  flex-direction: column;
  height: 29.45vw;
  margin-top: 2.89vw;
  width: 100.0vw;
}

.appsdesktop .title {
  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;
}

.appsdesktop .overlap-group2 {
  height: 19.3vw;
  position: relative;
  width: 20.94vw;
}

.appsdesktop .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;
}

.appsdesktop .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.39vw;
  min-height: 14.92vw;
  padding: 0.7vw 0.62vw;
  width: 20.94vw;
}

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

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

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

.appsdesktop .standby-desktop:hover {
  opacity: 0;
}

.appsdesktop .footer {
  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: 3.28vw;
  min-height: 10.86vw;
  padding: 1.48vw 1.88vw;
  width: 100.0vw;
}

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

.appsdesktop .impressum {
  letter-spacing: 0;
  line-height: 1.25vw;
  min-height: 1.64vw;
  width: 12.27vw;
}

.appsdesktop .datenschutzerklrung {
  letter-spacing: 0;
  line-height: 1.25vw;
  min-height: 1.64vw;
  width: 16.09vw;
}

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

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

.appsdesktop .rechteck-113-4 {
  height: 6.17vw;
  left: 0;
  position: absolute;
  top: 0;
}
/* screen - appsmobile */

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

.appsmobile .header-container-2 {
  height: 126.47vw;
  position: relative;
  width: 100.59vw;
}

.appsmobile .secondary-header-2 {
  align-items: flex-end;
  display: flex;
  height: 36.76vw;
  left: 0;
  min-width: 100.59vw;
  position: absolute;
  top: 89.71vw;
}

.appsmobile .overlap-group-12 {
  height: 37.35vw;
  margin-bottom: -0.59vw;
  position: relative;
  width: 100.59vw;
}

.appsmobile .background-2 {
  background-color: var(--fuel-yellow);
  height: 36.76vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.appsmobile .header-smartphone {
  align-items: flex-start;
  display: flex;
  height: 89.71vw;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 0;
}

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

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

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

.appsmobile .overlap-group-8 {
  height: 13.24vw;
  position: relative;
  width: 100.59vw;
}

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

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

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

.appsmobile .standby-4 {
  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;
}

.appsmobile .standby-4:hover {
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

.appsmobile .overlap-group-10 {
  height: 83.82vw;
  position: relative;
  width: 100.59vw;
}

.appsmobile .standby-5 {
  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;
}

.appsmobile .standby-5:hover {
  opacity: 0;
}

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

.appsmobile .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;
}

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

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

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

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

.appsmobile .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;
}

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

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

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

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

.appsmobile .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

.appsmobile .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: 17.94vw;
  min-height: 40.88vw;
  padding: 5.59vw 7.06vw;
  width: 100.0vw;
}

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

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

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

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

.appsmobile .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;
}

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

.appsmobile .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 - appstablet-all-breakpoints */

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

.appstablet-all-breakpoints .header-container-1 {
  height: 17.56vw;
  position: relative;
  width: 100.24vw;
}

.appstablet-all-breakpoints .secondary-header-1 {
  align-items: flex-end;
  display: flex;
  height: 7.93vw;
  left: 0;
  min-width: 100.24vw;
  position: absolute;
  top: 9.63vw;
}

.appstablet-all-breakpoints .overlap-group3-1 {
  height: 8.17vw;
  margin-bottom: -0.24vw;
  position: relative;
  width: 100.24vw;
}

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

.appstablet-all-breakpoints .text-field-1 {
  height: 7.2vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0.98vw;
  width: 100.24vw;
}

.appstablet-all-breakpoints .header-1 {
  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;
}

.appstablet-all-breakpoints .overlap-group9 {
  height: 9.63vw;
  position: relative;
  width: 50.73vw;
}

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

.appstablet-all-breakpoints .overlap-group-4 {
  height: 9.63vw;
  position: relative;
  width: 16.71vw;
}

.appstablet-all-breakpoints .overlap-group-5 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 16.71vw;
}

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

.appstablet-all-breakpoints .technologien-4 {
  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;
}

.appstablet-all-breakpoints .standby-2 {
  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;
}

.appstablet-all-breakpoints .standby-2:hover {
  opacity: 0;
}

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

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

.appstablet-all-breakpoints .overlap-group7-1 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 34.39vw;
}

.appstablet-all-breakpoints .apps-1 {
  align-items: flex-start;
  display: flex;
  height: 9.63vw;
  left: 15.61vw;
  min-width: 18.66vw;
  position: absolute;
  top: 0;
}

.appstablet-all-breakpoints .overlap-group-6 {
  height: 9.63vw;
  position: relative;
  width: 18.9vw;
}

.appstablet-all-breakpoints .overlap-group-7 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.9vw;
}

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

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

.appstablet-all-breakpoints .standby-3 {
  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;
}

.appstablet-all-breakpoints .standby-3:hover {
  opacity: 0;
}

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

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

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

.appstablet-all-breakpoints .overlap-group8-1 {
  height: 9.63vw;
  position: relative;
  width: 49.27vw;
}

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

.appstablet-all-breakpoints .baukasten-4 {
  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;
}

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

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

.appstablet-all-breakpoints .einsatzort-4 {
  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;
}

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

.appstablet-all-breakpoints .phasen-3 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 9.63vw;
  min-width: 16.46vw;
  top: 0;
}

.appstablet-all-breakpoints .phasen-4 {
  height: 3.29vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  text-decoration: underline;
  top: 3.29vw;
  width: 16.71vw;
}

.appstablet-all-breakpoints .phasen-5 {
  height: 3.29vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  text-align: center;
  top: 3.29vw;
  width: 16.71vw;
}

.appstablet-all-breakpoints .results-tablet {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-top: 25vw;
  min-height: 45.98vw;
  width: 100.0vw;
  position: absolute;
}

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

.appstablet-all-breakpoints .tablet-container {
  height: 30.12vw;
  position: relative;
  width: 32.68vw;
}

.appstablet-all-breakpoints .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;
}

.appstablet-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.61vw;
  min-height: 23.29vw;
  padding: 1.1vw 0.98vw;
  width: 32.68vw;
}

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

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

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

.appstablet-all-breakpoints .standby-tablet:hover {
  opacity: 0;
}

.appstablet-all-breakpoints .footer-1 {
  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: 60vw;
  min-height: 16.95vw;
  padding: 2.32vw 2.93vw;
  width: 100.0vw;
}

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

.appstablet-all-breakpoints .impressum-1 {
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.56vw;
  width: 19.15vw;
}

.appstablet-all-breakpoints .datenschutzerklrung-1 {
  letter-spacing: 0;
  line-height: 1.95vw;
  min-height: 2.56vw;
  width: 25.12vw;
}

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

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

.appstablet-all-breakpoints .rechteck-113 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
}




@media screen and (max-width: 699px) {
  .screen.appsdesktop { 
    display: none;
   }
  .screen.appsmobile { 
    display: none;
   }
}
@media screen and (min-width: 700px) and (max-width: 1023px) {
  .screen.appsdesktop { 
    display: none;
   }
  .screen.appsmobile { 
    display: none;
   }
}
@media screen and (min-width: 1024px) {
  .screen.appsdesktop { 
    display: none;
   }
  .screen.appsmobile { 
    display: none;
   }
}