/* screen - einsatzortdesktop-all-breakpoints */

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

.einsatzortdesktop-all-breakpoints .header-container-1 {
  height: 11.25vw;
  position: relative;
  width: 100.16vw;
}

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

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

.einsatzortdesktop-all-breakpoints .background-4 {
  height: 5.08vw;
  width: 100.0vw;
}

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

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

.einsatzortdesktop-all-breakpoints .overlap-group9-1 {
  height: 6.17vw;
  position: relative;
  width: 50.78vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.einsatzortdesktop-all-breakpoints .standby-5 {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.einsatzortdesktop-all-breakpoints .category-tile-group-einsatzort-1 {
  align-items: flex-start;
  display: flex;
  gap: 0.86vw;
  height: 43.91vw;
  margin-top: 3.91vw;
  min-width: 100.0vw;
}

.einsatzortdesktop-all-breakpoints .tile-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-height: 43.91vw;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .overlap-group-9 {
  height: 28.28vw;
  position: relative;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .hover-1 {
  align-items: flex-start;
  min-height: 28.28vw;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .overlap-group-10 {
  height: 6.64vw;
  position: relative;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .stationr-1 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .overlap-group1-1 {
  height: 21.64vw;
  margin-left: 0;
  position: relative;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .image-2 {
  height: 21.64vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .button-background-2 {
  background-color: var(--black);
  border-radius: 2.42vw;
  height: 4.77vw;
  left: 3.36vw;
  position: absolute;
  top: 15.16vw;
  width: 26.09vw;
}

.einsatzortdesktop-all-breakpoints .button-title-1 {
  height: 1.72vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.64vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 16.72vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .standby-4 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 28.28vw;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 32.73vw;
}

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

.einsatzortdesktop-all-breakpoints .tile-header-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  max-height: 6.64vw;
  min-width: 100%;
}

.einsatzortdesktop-all-breakpoints .background-5 {
  height: 6.64vw;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .title-4 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .image-3 {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  object-fit: cover;
}

.einsatzortdesktop-all-breakpoints .description-5 {
  background-color: var(--selective-yellow);
  display: flex;
  height: 15.62vw;
  width: 32.66vw;
}

.einsatzortdesktop-all-breakpoints .description-6 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.17vw;
  margin-bottom: -0.16vw;
  margin-left: 2.27vw;
  margin-right: 2.06vw;
  margin-top: 1.72vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-1.95vw, 0);
  width: 28.36vw;
}

.einsatzortdesktop-all-breakpoints .description-6.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

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

.einsatzortdesktop-all-breakpoints .hybrid-1 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .background-6 {
  height: 6.64vw;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .title-5 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .description-4 {
  background-color: var(--selective-yellow);
  display: flex;
  height: 15.62vw;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .description-7 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.17vw;
  margin-bottom: -0.16vw;
  margin-left: 2.27vw;
  margin-right: 2.07vw;
  margin-top: 1.72vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-1.95vw, 0);
  width: 28.36vw;
}

.einsatzortdesktop-all-breakpoints .description-7.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

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

.einsatzortdesktop-all-breakpoints .online-1 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .background-7 {
  height: 6.64vw;
  width: 32.73vw;
}

.einsatzortdesktop-all-breakpoints .title-6 {
  height: 2.5vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 2.19vw;
  white-space: nowrap;
  width: 32.89vw;
}

.einsatzortdesktop-all-breakpoints .description-8 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.17vw;
  margin-bottom: -0.16vw;
  margin-left: 2.27vw;
  margin-right: 2.07vw;
  margin-top: 1.72vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-1.95vw, 0);
  width: 28.36vw;
}

.einsatzortdesktop-all-breakpoints .description-8.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-1.95vw, 0);
}

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

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

.einsatzortdesktop-all-breakpoints .title-7 {
  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;
}

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

.einsatzortdesktop-all-breakpoints .hover-2 {
  align-items: center;
  background-color: var(--black);
  gap: 1.33vw;
  min-height: 19.3vw;
  width: 20.94vw;
}

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

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

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

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

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

.einsatzortdesktop-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: 4.84vw;
  min-height: 10.86vw;
  padding: 1.48vw 1.88vw;
  width: 100.0vw;
}

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

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

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

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

.einsatzortdesktop-all-breakpoints .background {
  background-color: var(--fuel-yellow);
  left: 0;
  position: absolute;
  top: 0;
}

.einsatzortdesktop-all-breakpoints .hover {
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
}

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

.einsatzortdesktop-all-breakpoints .rechteck-10 {
  background-color: var(--fuel-yellow);
  height: 6.64vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 32.73vw;
}

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

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

.einsatzortmobile .header-smartphone {
  align-items: flex-start;
  display: flex;
  height: 91.18vw;
  left: 0;
  min-width: 100.0vw;
  position: fixed;
  top: -1.47vw;
  z-index: 2;
}

.einsatzortmobile .overlap-group7-2 {
  height: 91.18vw;
  position: relative;
  width: 100.0vw;
}

.einsatzortmobile .hover-3 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  height: 89.71vw;
  justify-content: space-between;
  top: 1.47vw;
}

.einsatzortmobile .overlap-group-12 {
  height: 13.24vw;
  position: relative;
  width: 100.59vw;
}

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

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

.einsatzortmobile .anwendungen-5 {
  height: 7.94vw;
  text-decoration: underline;
  top: 2.94vw;
}

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

.einsatzortmobile .standby-6:hover {
  opacity: 0;
}

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

.einsatzortmobile .anwendungen-6 {
  height: 7.94vw;
  top: 2.94vw;
}

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

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

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

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

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

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

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

.einsatzortmobile .secondary-header-2 {
  align-items: flex-end;
  display: flex;
  height: 36.76vw;
  margin-top: 100.0vw;
  min-width: 100.59vw;
  z-index: 1;
}

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

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

.einsatzortmobile .tile01 {
  margin-top: 28.24vw;
  z-index: 4;
}

.einsatzortmobile .title-8 {
  align-items: flex-start;
  display: flex;
  min-width: 100.59vw;
}

.einsatzortmobile .overlap-group1-2 {
  height: 17.65vw;
  position: relative;
  width: 100.59vw;
}

.einsatzortmobile .rechteck-10-6 {
  height: 17.65vw;
}

.einsatzortmobile .standby-title {
  height: 9.41vw;
  left: 0;
  letter-spacing: 0;
  line-height: 8.82vw;
  position: absolute;
  text-align: center;
  top: 5.0vw;
  white-space: nowrap;
  width: 100.59vw;
}

.einsatzortmobile .image-4 {
  background-image: url(../img/image-7@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 81.47vw;
  width: 100.0vw;
}

.einsatzortmobile .entrance-text {
  flex: 1;
  opacity: 0;
  transform: translate(-14.71vw, 0);
  width: 100.0vw;
}

.einsatzortmobile .entrance-text.bp3-animate-enter15 {
  animation: bp3-animate-enter15-frames 0.80s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-14.71vw, 0);
}

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

.einsatzortmobile .overlap-group-14 {
  height: 81.47vw;
  position: relative;
}

.einsatzortmobile .rechteck-148 {
  background-color: var(--black);
  border: 0.29vw solid;
  border-color: var(--dove-gray);
  height: 81.47vw;
  left: 0;
  opacity: 0.47;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.einsatzortmobile .sdsdfsdfdsffffffffff {
  height: 62.35vw;
  left: 12.06vw;
  letter-spacing: 0;
  line-height: 4.41vw;
  position: absolute;
  text-align: center;
  top: 10.0vw;
  width: 80.0vw;
}

.einsatzortmobile .overlap-group-15 {
  height: 15.88vw;
  position: relative;
  width: 100.59vw;
}

.einsatzortmobile .overlap-group-16 {
  height: 15.88vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.59vw;
}

.einsatzortmobile .rechteck-129 {
  height: 15.88vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.einsatzortmobile .anwendungen-4 {
  height: 6.47vw;
  overflow: hidden;
  top: 5.0vw;
  white-space: nowrap;
}

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

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

.einsatzortmobile .rechteck-129-1 {
  background-color: var(--black);
  height: 15.88vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.einsatzortmobile .tile01-1 {
  margin-top: 14.71vw;
  z-index: 5;
}

.einsatzortmobile .entrance-text-3.bp3-animate-enter16 {
  animation: bp3-animate-enter16-frames 0.80s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-14.71vw, 0);
}

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

.einsatzortmobile .tile01-2 {
  margin-top: 14.71vw;
  z-index: 6;
}

.einsatzortmobile .entrance-text-3.bp3-animate-enter17 {
  animation: bp3-animate-enter17-frames 0.80s ease 0.20s 1 normal forwards;
  opacity: 0;
  transform: translate(-14.71vw, 0);
}

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

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

.einsatzortmobile .overlap-group8-2 {
  height: 117.06vw;
  position: relative;
  width: 100.0vw;
}

.einsatzortmobile .anwendungen-der-smartphone-technologie {
  height: 33.82vw;
  left: 7.06vw;
  letter-spacing: 0;
  line-height: 7.35vw;
  position: absolute;
  top: 0;
  width: 85.59vw;
}

.einsatzortmobile .overlap-group-17 {
  height: 83.82vw;
  position: relative;
  width: 100.59vw;
}

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

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

.einsatzortmobile .rechteck-10-7 {
  height: 83.82vw;
}

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

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

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

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

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

.einsatzortmobile .overlap-group1-3 {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

.einsatzortmobile .hover-7 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
  top: 0;
}

.einsatzortmobile .hover-7.bp3-animate-enter13 {
  animation: bp3-animate-enter13-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

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

.einsatzortmobile .hover-8 {
  background-color: var(--black);
  height: 83.82vw;
  opacity: 0;
  top: 0;
}

.einsatzortmobile .hover-8.bp3-animate-enter14 {
  animation: bp3-animate-enter14-frames 0.60s ease 0.60s 1 normal forwards;
  opacity: 0;
}

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

.einsatzortmobile .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: 2.06vw;
  min-height: 40.88vw;
  padding: 5.59vw 7.06vw;
  width: 100.0vw;
  z-index: 7;
}

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

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

.einsatzortmobile .button-3 {
  align-items: flex-start;
  display: flex;
  min-width: 100.0vw;
}

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

.einsatzortmobile .entrance-text-3 {
  flex: 1;
  opacity: 0;
  transform: translate(-14.71vw, 0);
  width: 100.0vw;
}

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

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

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

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

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

.einsatzortmobile .tile01-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 115.0vw;
  width: 100.0vw;
}
/* screen - einsatzorttablet */

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

.einsatzorttablet .header-container {
  height: 17.56vw;
  position: relative;
  width: 100.24vw;
}

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

.einsatzorttablet .overlap-group5 {
  height: 8.17vw;
  margin-bottom: -0.24vw;
  position: relative;
  width: 100.24vw;
}

.einsatzorttablet .background {
  height: 7.93vw;
  width: 100.0vw;
}

.einsatzorttablet .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.24vw;
}

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

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

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

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

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

.einsatzorttablet .rechteck-113 {
  height: 9.63vw;
  width: 16.46vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.einsatzorttablet .category-tile-group-einsatzort {
  align-items: flex-start;
  display: flex;
  gap: 0.85vw;
  height: 68.54vw;
  margin-top: 6.1vw;
  min-width: 100.0vw;
}

.einsatzorttablet .tile {
  cursor: pointer;
  flex-direction: column;
  min-height: 68.54vw;
  width: 32.68vw;
}

.einsatzorttablet .overlap-group-3 {
  height: 44.15vw;
  position: relative;
  width: 32.93vw;
}

.einsatzorttablet .hover {
  align-items: flex-start;
  min-height: 44.15vw;
  width: 32.93vw;
}

.einsatzorttablet .overlap-group-4 {
  height: 10.37vw;
  position: relative;
  width: 32.93vw;
}

.einsatzorttablet .rechteck-10 {
  height: 10.37vw;
  width: 32.68vw;
}

.einsatzorttablet .stationr {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .overlap-group1 {
  height: 33.78vw;
  margin-left: 0;
  position: relative;
  width: 32.93vw;
}

.einsatzorttablet .image {
  height: 33.78vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 32.68vw;
}

.einsatzorttablet .button-background {
  background-color: var(--black);
  border-radius: 3.78vw;
  height: 7.44vw;
  left: 5.24vw;
  position: absolute;
  top: 23.66vw;
  width: 22.32vw;
}

.einsatzorttablet .button-title {
  height: 2.68vw;
  left: 0;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 26.1vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .standby-1 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 44.15vw;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
  width: 32.68vw;
}

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

.einsatzorttablet .tile-header {
  flex: 1;
  max-height: 10.37vw;
  min-width: 100%;
}

.einsatzorttablet .background-1 {
  height: 10.37vw;
  width: 32.68vw;
}

.einsatzorttablet .title {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .image-1 {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  object-fit: cover;
}

.einsatzorttablet .description {
  background-color: var(--selective-yellow);
  display: flex;
  height: 24.39vw;
  width: 32.68vw;
}

.einsatzorttablet .description-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.83vw;
  margin-bottom: -0.24vw;
  margin-left: 3.54vw;
  margin-right: 3.23vw;
  margin-top: 2.68vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-3.05vw, 0);
  width: 25.91vw;
}

.einsatzorttablet .description-1.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

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

.einsatzorttablet .hybrid {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .background-2 {
  height: 10.37vw;
  width: 32.68vw;
}

.einsatzorttablet .title-1 {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .description-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.83vw;
  margin-bottom: -0.24vw;
  margin-left: 3.54vw;
  margin-right: 3.23vw;
  margin-top: 2.68vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-3.05vw, 0);
  width: 25.91vw;
}

.einsatzorttablet .description-2.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

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

.einsatzorttablet .online {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .background-3 {
  height: 10.37vw;
  width: 32.68vw;
}

.einsatzorttablet .title-2 {
  height: 3.9vw;
  left: 0;
  letter-spacing: 0;
  line-height: 3.66vw;
  position: absolute;
  text-align: center;
  top: 3.41vw;
  white-space: nowrap;
  width: 32.93vw;
}

.einsatzorttablet .description-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 1.83vw;
  margin-bottom: -0.24vw;
  margin-left: 3.54vw;
  margin-right: 3.23vw;
  margin-top: 2.68vw;
  opacity: 0;
  overflow: hidden;
  text-align: center;
  transform: translate(-3.05vw, 0);
  width: 25.91vw;
}

.einsatzorttablet .description-3.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.40s ease 0.60s 1 normal forwards;
  opacity: 0;
  transform: translate(-3.05vw, 0);
}

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

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

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

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

.einsatzorttablet .hover-tablet {
  align-items: center;
  background-color: var(--black);
  gap: 2.07vw;
  min-height: 30.12vw;
  width: 32.68vw;
}

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

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

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

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

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

.einsatzorttablet .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.56vw;
  min-height: 16.95vw;
  padding: 2.32vw 2.93vw;
  width: 100.0vw;
}

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

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

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

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

.einsatzorttablet .background-4 {
  background-color: var(--fuel-yellow);
  left: 0;
  position: absolute;
  top: 0;
}

.einsatzorttablet .hover-1 {
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
}

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

.einsatzorttablet .rechteck {
  background-color: var(--fuel-yellow);
  left: 0;
  position: absolute;
  top: 0;
}

.einsatzorttablet .rechteck-10-3 {
  background-color: var(--fuel-yellow);
  height: 10.37vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 32.68vw;
}

.einsatzorttablet .rechteck-113-4 {
  height: 9.63vw;
  left: 0;
  position: absolute;
  top: 0;
}

.einsatzorttablet .tile-1 {
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 699px) {
  .screen.einsatzortdesktop-all-breakpoints { 
    display: none;
   }
  .screen.einsatzortmobile { 
    display: none;
   }
}
@media screen and (min-width: 700px) and (max-width: 1279px) {
  .screen.einsatzortdesktop-all-breakpoints { 
    display: none;
   }
  .screen.einsatzortmobile { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.einsatzortdesktop-all-breakpoints { 
    display: none;
   }
  .screen.einsatzortmobile { 
    display: none;
   }
}