/* screen - baukastendesktop-all-breakpoints */

.baukastendesktop-all-breakpoints {
  align-items: flex-start;
  background-color: var(--grandis);
  height: 133.12vw;
  overflow: hidden;
  width: 100.0vw;
}

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

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




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

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

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

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

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

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

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

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

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

.baukastendesktop-all-breakpoints .technologien-6 {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.baukastendesktop-all-breakpoints .tech-list-desktop {
  align-items: flex-start;
  display: flex;
  margin-top: 0vw;
  min-width: 100.0vw;
}

.baukastendesktop-all-breakpoints .overlap-group1-2 {
  height: 9.61vw;
  position: relative;
  width: 100.0vw;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-1 {
  align-items: flex-start;
}

.baukastendesktop-all-breakpoints .gruppe-253-1 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  height: 124vw;
  min-width: 100.1vw;
  padding: 1.83vw 3.05vw;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
}

.baukastendesktop-all-breakpoints .tech-tag-brick-desktop {
  align-items: flex-end;
  display: flex;
  height: 4.53vw;
  min-width: 13.91vw;
}

.baukastendesktop-all-breakpoints .overlap-group-8 {
  height: 4.61vw;
  margin-bottom: -0.08vw;
  position: relative;
  width: 14.06vw;
}

.baukastendesktop-all-breakpoints .over-container-2 {
  height: 4.61vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 14.06vw;
}

.baukastendesktop-all-breakpoints .rechteck-container-3 {
  height: 4.53vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-8 {
  background-color: var(--white);
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-8 {
  background-color: var(--white);
  left: 10.16vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-8 {
  background-color: var(--white);
  left: 5.55vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-8 {
  background-color: var(--white);
  left: 0.94vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .tag-name-1 {
  height: 2.97vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.25vw;
  position: absolute;
  text-align: center;
  top: 1.64vw;
  width: 14.06vw;
}

.baukastendesktop-all-breakpoints .standby-5 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 4.53vw;
  left: 0;
  min-width: 14.06vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

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

.baukastendesktop-all-breakpoints .rechteck-77-9 {
  background-color: var(--azure-radiance);
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-9 {
  background-color: var(--azure-radiance);
  left: 10.16vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-9 {
  background-color: var(--azure-radiance);
  left: 5.55vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-9 {
  background-color: var(--azure-radiance);
  left: 0.94vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .technologien-4 {
  height: 1.8vw;
  left: 1.56vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  position: absolute;
  top: 1.33vw;
  white-space: nowrap;
  width: 75.94vw;
}

.baukastendesktop-all-breakpoints .opt-tech-list-desktop {
  align-items: flex-start;
  display: flex;
  min-width: 100.0vw;
}

.baukastendesktop-all-breakpoints .listdesktop-container {
  height: 19.14vw;
  position: relative;
  width: 100.0vw;
}

.baukastendesktop-all-breakpoints .einsatzort-list-desktop {
  align-items: flex-start;
  display: flex;
  height: 9.61vw;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 9.53vw;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-2 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  padding: 1.17vw 1.95vw;
}

.baukastendesktop-all-breakpoints .x-tag-brick-desktop {
  align-items: flex-end;
  display: flex;
  flex: 0 0 auto;
  height: 4.53vw;
  min-width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-10 {
  background-color: var(--yellow-sunshine);
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-10 {
  background-color: var(--yellow-sunshine);
  left: 10.16vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-10 {
  background-color: var(--yellow-sunshine);
  left: 5.55vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-10 {
  background-color: var(--yellow-sunshine);
  left: 0.94vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .description-1 {
  height: 1.8vw;
  left: 1.56vw;
  letter-spacing: 0;
  line-height: 1.64vw;
  overflow: hidden;
  position: absolute;
  top: 1.33vw;
  white-space: nowrap;
  width: 75.94vw;
}

.baukastendesktop-all-breakpoints .phase-list-desktop {
  align-items: flex-start;
  display: flex;
  height: 9.61vw;
  left: 0;
  min-width: 100.0vw;
  position: absolute;
  top: 0;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-3::-webkit-scrollbar {
  display: none;
  width: 0;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-3 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  padding: 1.17vw 1.95vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-11 {
  background-color: var(--red);
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-11 {
  background-color: var(--red);
  left: 10.16vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-11 {
  background-color: var(--red);
  left: 5.55vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-11 {
  background-color: var(--red);
  left: 0.94vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .vorteil-list-desktop {
  align-items: flex-start;
  display: flex;
  margin-top: 0.08vw;
  min-width: 100.0vw;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-4::-webkit-scrollbar {
  display: none;
  width: 0;
}

.baukastendesktop-all-breakpoints .bildlaufgruppe-5-4 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  padding: 1.17vw 1.95vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-12 {
  background-color: var(--green);
  width: 13.91vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-12 {
  background-color: var(--green);
  left: 10.16vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-12 {
  background-color: var(--green);
  left: 5.55vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-12 {
  background-color: var(--green);
  left: 0.94vw;
  width: 2.73vw;
}

.baukastendesktop-all-breakpoints .selected-tags-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 2.58vw;
  margin-top: 13.44vw;
  min-height: 13.67vw;
  width: 13.36vw;
}

.baukastendesktop-all-breakpoints .tag-1 {
  align-items: flex-start;

  margin-left: 0.08vw;
  min-width: 11.41vw;
  
}

.baukastendesktop-all-breakpoints .overlap-group4-4 {
  height: 7.97vw;
  display: flex;

  width: 11.41vw;
  align-items: flex-end;
 flex-direction: column;
 justify-content: flex-end;
}

.baukastendesktop-all-breakpoints .picked-tag-desktop {
 /* align-items: flex-start;*/
  display: flex;
  height: 4.53vw;
  left: 0;
  min-width: 11.33vw;
  position: flex;
  top: 3.44vw;
}

.baukastendesktop-all-breakpoints .overlap-group2-1 {
  height: 4.53vw;
  position: relative;
  width: 11.41vw;
}

.baukastendesktop-all-breakpoints .rechteck-container-4 {
  height: 4.53vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 11.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-13 {
  background-color: var(--red);
  width: 11.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-13 {
  background-color: var(--red);
  left: 8.28vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-13 {
  background-color: var(--red);
  left: 4.53vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-13 {
  background-color: var(--red);
  left: 0.78vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-146-1 {
  background-color: var(--white);
  height: 0.62vw;
  left: 4.14vw;
  position: absolute;
  top: 2.42vw;
  width: 3.2vw;
}

.baukastendesktop-all-breakpoints .standby-7 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 4.53vw;
  left: 0;
  min-width: 11.41vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.baukastendesktop-all-breakpoints .standby-7:hover {
  opacity: 0;
}

.baukastendesktop-all-breakpoints .overlap-group1-3 {
  height: 4.61vw;
  margin-bottom: -0.08vw;
  position: relative;
  width: 11.41vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-14 {
  background-color: var(--azure-radiance);
  width: 11.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-14 {
  background-color: var(--azure-radiance);
  left: 8.28vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-14 {
  background-color: var(--azure-radiance);
  left: 4.53vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-14 {
  background-color: var(--azure-radiance);
  left: 0.78vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .tag-name_-standby-1 {
  height: 3.2vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.25vw;
  position: absolute;
  text-align: center;
  top: 1.41vw;
  width: 11.41vw;
}

.baukastendesktop-all-breakpoints .overlap-group-container-1 {
  height: 4.53vw;
  left: 0.08vw;
  position: absolute;
  top: 0;
  width: 11.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-77-15 {
  background-color: var(--dove-gray);
  width: 11.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-82-15 {
  background-color: var(--dove-gray);
  left: 8.28vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-83-15 {
  background-color: var(--dove-gray);
  left: 4.53vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-84-15 {
  background-color: var(--dove-gray);
  left: 0.78vw;
  width: 2.19vw;
}

.baukastendesktop-all-breakpoints .rechteck-container-5 {
  height: 2.03vw;
  left: 4.61vw;
  position: absolute;
  top: 2.19vw;
  width: 2.03vw;
}

.baukastendesktop-all-breakpoints .rechteck-144-1 {
  background-color: var(--white);
  height: 2.03vw;
  left: 0.86vw;
  position: absolute;
  top: 0;
  width: 0.31vw;
}

.baukastendesktop-all-breakpoints .rechteck-145-1 {
  background-color: var(--white);
  height: 2.03vw;
  left: 0.86vw;
  position: absolute;
  top: 0;
  transform: rotate(90deg);
  width: 0.31vw;
}

.baukastendesktop-all-breakpoints .base-1 {
  align-items: flex-start;
  background-color: var(--selective-yellow);
  display: flex;
  height: 5.7vw;
  justify-content: flex-end;
  min-width: 13.36vw;
  padding: 1.52vw 2.58vw;
}

.baukastendesktop-all-breakpoints .ergebnisse-1-1 {
  letter-spacing: 0;
  line-height: 1.25vw;
  min-height: 1.8vw;
  min-width: 7.81vw;
  text-align: right;
  white-space: nowrap;
}

.baukastendesktop-all-breakpoints .results-desktop {
  display: flex;
  flex-direction: column;
  height: 29.45vw;
  width: 100.0vw;
}

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

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

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

.baukastendesktop-all-breakpoints .over-container-3 {
  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;
}

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

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

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

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

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

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

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

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

.baukastendesktop-all {
  display: flex;
  flex-direction: column;
}

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

.baukastendesktop-all-breakpoints .bildlaufgruppe-5 {
  display: flex;
  height: 9.61vw;
  left: 0;
  min-width: 100.0vw;
  overflow-x: scroll;
  position: absolute;
  top: 0;
}

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

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

.baukastendesktop-all-breakpoints .rechteck-77 {
  height: 3.2vw;
  left: 0;
  position: absolute;
  top: 1.33vw;
}

.baukastendesktop-all-breakpoints .rechteck-82 {
  height: 1.41vw;
  position: absolute;
  top: 0;
}

.baukastendesktop-all-breakpoints .rechteck-83 {
  height: 1.41vw;
  position: absolute;
  top: 0;
}

.baukastendesktop-all-breakpoints .rechteck-84 {
  height: 1.41vw;
  position: absolute;
  top: 0;
}
/* screen - baukastenmobile */

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

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

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

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

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

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

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

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

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

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

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

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

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

.baukastenmobile .phasen-6 {
  height: 7.94vw;
  left: 0;
  line-height: 6.18vw;
  overflow: hidden;
  position: absolute;
  text-decoration: underline;
  top: 2.94vw;
  width: 100.59vw;
}

.baukastenmobile .phasen-7 {
  height: 7.94vw;
  left: 0;
  line-height: 6.18vw;
  overflow: hidden;
  position: absolute;
  top: 2.94vw;
  width: 100.59vw;
}

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

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

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

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

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

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

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

.baukastenmobile .gruppe-306 {
  display: flex;
  flex-direction: column;
  height: 165.29vw;
  justify-content: space-between;
  margin-left: -0.15vw;
  width: 100.0vw;
}

.baukastenmobile .tag-categorys-mobile {
  align-items: flex-start;
  display: flex;
  flex: 1;
  max-height: 36.18vw;
  min-width: 100%;
}

.baukastenmobile .overlap-group1-5 {
  height: 36.18vw;
  position: relative;
  width: 100.0vw;
}

.baukastenmobile .rechteck-143 {
  background-color: var(--koromiko);
  height: 36.18vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 100.0vw;
}

.baukastenmobile .overlap-group-16 {
  height: 13.53vw;
  left: 8.24vw;
  position: absolute;
  top: 9.41vw;
  width: 92.06vw;
}

.baukastenmobile .linie-26 {
  height: 0.59vw;
  left: 12.35vw;
  object-fit: cover;
  position: absolute;
  top: 9.41vw;
  width: 79.41vw;
}

.baukastenmobile .gruppe-155 {
  align-items: flex-start;
  display: flex;
  height: 13.53vw;
  left: 0;
  min-width: 81.18vw;
  position: absolute;
  top: 0;
}

.baukastenmobile .gruppe-280 {
  display: flex;
  flex-direction: column;
  height: 13.53vw;
  justify-content: space-between;
  width: 24.71vw;
}

.baukastenmobile .technologien-10 {
  flex: 1;
  height: 4.71vw;
  letter-spacing: 0;
  line-height: 4.12vw;
  margin-right: -0.59vw;
  max-height: 4.71vw;
  text-align: center;
  white-space: nowrap;
}

.baukastenmobile .ellipse-13 {
  background-color: var(--white);
}

.baukastenmobile .gruppe-282 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.18vw;
  margin-left: 10.88vw;
  min-height: 13.53vw;
  width: 14.12vw;
}

.baukastenmobile .phasen-8 {
  line-height: 4.12vw;
  min-height: 4.71vw;
  min-width: 14.12vw;
  white-space: nowrap;
}

.baukastenmobile .ellipse-14 {
  background-color: #ff9900;
  border-color: var(--white);
  margin-right: 1.18vw;
}

.baukastenmobile .gruppe-281 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.18vw;
  margin-left: 14.41vw;
  min-height: 13.53vw;
  width: 17.65vw;
}

.baukastenmobile .potenzial {
  letter-spacing: 0;
  line-height: 4.12vw;
  min-height: 4.71vw;
  min-width: 17.65vw;
  text-align: center;
  white-space: nowrap;
}

.baukastenmobile .ellipse-13-1 {
  background-color: var(--white);
  border: 0.59vw solid;
  border-radius: 3.82vw;
  height: 7.65vw;
  margin-left: 0.59vw;
  width: 7.65vw;
}

.baukastenmobile .tag-collection-mobile {
  align-items: center;
  background-color: var(--selective-yellow);
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 0.15vw;
  max-height: 129.12vw;
  min-height: 129.12vw;
  padding: 3.24vw 4.15vw;
}

.baukastenmobile .technologien-11 {
  align-self: flex-end;
  height: 6.76vw;
  letter-spacing: 0;
  line-height: 6.18vw;
  margin-top: 1.76vw;
  white-space: nowrap;
  width: 90.88vw;
}

.baukastenmobile .gruppe-288-1 {
  align-items: flex-start;
  display: flex;
  gap: 5.29vw;
  margin-top: 5.29vw;
  min-width: 90.0vw;
}

.baukastenmobile .tag-2 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .overlap-group-12 {
  height: 17.35vw;
  margin-bottom: -0.29vw;
  position: relative;
  width: 42.65vw;
}

.baukastenmobile .rechteck-container-6 {
  height: 17.06vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 42.35vw;
}

.baukastenmobile .rechteck-77-16 {
  background-color: var(--azure-radiance);
  width: 42.35vw;
}

.baukastenmobile .rechteck-82-16 {
  background-color: var(--azure-radiance);
  left: 31.18vw;
  width: 7.65vw;
}

.baukastenmobile .rechteck-83-16 {
  background-color: var(--azure-radiance);
  left: 16.47vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-84-16 {
  background-color: var(--azure-radiance);
  left: 2.35vw;
  width: 8.82vw;
}

.baukastenmobile .kunden-untersttzung {
  height: 12.06vw;
  left: 0;
  letter-spacing: 0;
  line-height: 4.71vw;
  position: absolute;
  text-align: center;
  top: 5.29vw;
  width: 42.65vw;
}

.baukastenmobile .tag-3 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .rechteck-container-7 {
  height: 17.06vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 42.06vw;
}

.baukastenmobile .rechteck-77-17 {
  background-color: var(--azure-radiance);
  width: 42.06vw;
}

.baukastenmobile .rechteck-82-17 {
  background-color: var(--azure-radiance);
  left: 30.88vw;
  width: 8.53vw;
}

.baukastenmobile .rechteck-83-17 {
  background-color: var(--azure-radiance);
  left: 16.76vw;
  width: 7.94vw;
}

.baukastenmobile .rechteck-84-17 {
  background-color: var(--azure-radiance);
  left: 2.65vw;
  width: 8.53vw;
}

.baukastenmobile .gruppe-288 {
  align-items: flex-start;
  display: flex;
  gap: 5.29vw;
  margin-top: 5.88vw;
  min-width: 90.0vw;
}

.baukastenmobile .tag-4 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-5 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-6 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-7 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-8 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-9 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-10 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .tag-11 {
  align-items: flex-end;
  display: flex;
  height: 17.06vw;
  min-width: 42.65vw;
}

.baukastenmobile .selected-tags-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 7.94vw;
  margin-top: 21.76vw;
  min-height: 51.47vw;
  width: 50.29vw;
}

.baukastenmobile .tag-12 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.29vw;
  min-width: 42.94vw;
}

.baukastenmobile .overlap-group4-5 {
  height: 30.0vw;
  position: relative;
  width: 42.94vw;
}

.baukastenmobile .picked-tag-mobile {
  align-items: flex-start;
  display: flex;
  height: 17.06vw;
  left: 0;
  min-width: 42.65vw;
  position: absolute;
  top: 12.94vw;
}

.baukastenmobile .overlap-group2-3 {
  height: 17.06vw;
  position: relative;
  width: 42.94vw;
}

.baukastenmobile .rechteck-container-8 {
  height: 17.06vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 42.65vw;
}

.baukastenmobile .rechteck-77-18 {
  background-color: var(--red);
  width: 42.65vw;
}

.baukastenmobile .rechteck-82-18 {
  background-color: var(--red);
  left: 31.18vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-83-18 {
  background-color: var(--red);
  left: 17.06vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-84-18 {
  background-color: var(--red);
  left: 2.94vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-146-2 {
  background-color: var(--white);
  height: 2.35vw;
  left: 15.59vw;
  position: absolute;
  top: 9.12vw;
  width: 12.06vw;
}

.baukastenmobile .standby-10 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 17.06vw;
  left: 0;
  min-width: 42.94vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

.baukastenmobile .standby-10:hover {
  opacity: 0;
}

.baukastenmobile .overlap-group1-6 {
  height: 17.35vw;
  margin-bottom: -0.29vw;
  position: relative;
  width: 42.94vw;
}

.baukastenmobile .rechteck-77-19 {
  background-color: var(--azure-radiance);
  width: 42.65vw;
}

.baukastenmobile .rechteck-82-19 {
  background-color: var(--azure-radiance);
  left: 31.18vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-83-19 {
  background-color: var(--azure-radiance);
  left: 17.06vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-84-19 {
  background-color: var(--azure-radiance);
  left: 2.94vw;
  width: 8.24vw;
}

.baukastenmobile .tag-name_-standby-2 {
  height: 12.06vw;
  left: 0;
  letter-spacing: 0;
  line-height: 4.71vw;
  position: absolute;
  text-align: center;
  top: 5.29vw;
  width: 42.94vw;
}

.baukastenmobile .overlap-group-container-2 {
  height: 17.06vw;
  left: 0.29vw;
  position: absolute;
  top: 0;
  width: 42.65vw;
}

.baukastenmobile .rechteck-77-20 {
  background-color: var(--dove-gray);
  width: 42.65vw;
}

.baukastenmobile .rechteck-82-20 {
  background-color: var(--dove-gray);
  left: 31.18vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-83-20 {
  background-color: var(--dove-gray);
  left: 17.06vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-84-20 {
  background-color: var(--dove-gray);
  left: 2.94vw;
  width: 8.24vw;
}

.baukastenmobile .rechteck-container-9 {
  height: 7.65vw;
  left: 17.35vw;
  position: absolute;
  top: 8.24vw;
  width: 7.65vw;
}

.baukastenmobile .rechteck-144-2 {
  background-color: var(--white);
  height: 7.65vw;
  left: 3.24vw;
  position: absolute;
  top: 0;
  width: 1.18vw;
}

.baukastenmobile .rechteck-145-2 {
  background-color: var(--white);
  height: 7.65vw;
  left: 3.24vw;
  position: absolute;
  top: 0;
  transform: rotate(90deg);
  width: 1.18vw;
}

.baukastenmobile .base-2 {
  align-items: flex-start;
  background-color: var(--selective-yellow);
  display: flex;
  height: 21.47vw;
  justify-content: flex-end;
  min-width: 50.29vw;
  padding: 5.74vw 9.71vw;
}

.baukastenmobile .ergebnisse-1-2 {
  letter-spacing: 0;
  line-height: 4.71vw;
  min-height: 6.76vw;
  min-width: 29.41vw;
  text-align: right;
  white-space: nowrap;
}

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

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

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

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

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

.baukastenmobile .standby-9:hover {
  opacity: 0;
}

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

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

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

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

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

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

.baukastenmobile .overlap-group1-4 {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.baukastenmobile .ellipse {
  border: 0.59vw solid;
  border-radius: 3.82vw;
  height: 7.65vw;
  width: 7.65vw;
}

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

.baukastenmobile .phasen {
  letter-spacing: 0;
  text-align: center;
}

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

.baukastenmobile .rechteck-77 {
  height: 12.06vw;
  left: 0;
  position: absolute;
  top: 5.0vw;
}

.baukastenmobile .rechteck-82 {
  height: 5.29vw;
  position: absolute;
  top: 0;
}

.baukastenmobile .rechteck-83 {
  height: 5.29vw;
  position: absolute;
  top: 0;
}

.baukastenmobile .rechteck-84 {
  height: 5.29vw;
  position: absolute;
  top: 0;
}
/* screen - baukastentablet */

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

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

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

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

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

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

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

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

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

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

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

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

.baukastentablet .technologien-2 {
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.baukastentablet .tech-list-tablet {
  align-items: flex-start;
  display: flex;
  margin-top: 0vw;
  min-width: 100.0vw;
  padding-bottom: 5px;
}

.baukastentablet .overlap-group1 {
  height: 15.0vw;
  position: relative;
  width: 100.0vw;
}

.baukastentablet .bildlaufgruppe-5 {
  align-items: flex-start;
    display: flex;
    height: 15vw;
    left: 0;
    min-width: 100.0vw;
    /*overflow-x: scroll;*/
    position: absolute;
    top: 0;
    flex-direction: row;
    flex-wrap: wrap;
  
  /*
  align-items: flex-start;
  display: flex;
  height: 15.0vw;
  left: 0;
  min-width: 100.0vw;
  overflow-x: scroll;
  position: absolute;
  top: 0;
  */
}

.baukastentablet .gruppe-253 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  height: 104vw;
  min-width: 100.1vw;
  padding: 1.83vw 3.05vw;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  /*align-items: flex-end;
  background-image: url(../img/pfad-40-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  height: 15.0vw;
  min-width: 156.1vw;
  padding: 1.83vw 3.05vw;*/
}
.baukastentablet .gruppe-253-4 {
  align-items: flex-end;
    background-image: url(../img/pfad-40-1@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex: 0 0 auto;
    height: 54vw;
    min-width: 100.1vw;
    padding: 1.83vw 3.05vw;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
}
.baukastentablet .x-tag-brick {
  align-items: flex-end;
  display: flex;
  height: 7.07vw;
  min-width: 21.71vw;
}

.baukastentablet .overlap-group-3 {
  height: 7.2vw;
  margin-bottom: -0.12vw;
  position: relative;
  width: 21.95vw;
}

.baukastentablet .over-container {
  height: 7.2vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.95vw;
}

.baukastentablet .rechteck-container {
  height: 7.07vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 21.71vw;
}

.baukastentablet .rechteck-77 {
  background-color: var(--white);
  height: 5.0vw;
  left: 0;
  position: absolute;
  top: 2.07vw;
  width: 21.71vw;
}

.baukastentablet .rechteck-82 {
  background-color: var(--white);
  height: 2.2vw;
  left: 15.85vw;
  position: absolute;
  top: 0;
  width: 4.27vw;
}

.baukastentablet .rechteck-83 {
  background-color: var(--white);
  height: 2.2vw;
  left: 8.66vw;
  position: absolute;
  top: 0;
  width: 4.27vw;
}

.baukastentablet .rechteck-84 {
  background-color: var(--white);
  height: 2.2vw;
  left: 1.46vw;
  position: absolute;
  top: 0;
  width: 4.27vw;
}

.baukastentablet .tag-name {
  height: 4.63vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.95vw;
  position: absolute;
  text-align: center;
  top: 2.56vw;
  width: 21.95vw;
}

.baukastentablet .standby-1 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 7.07vw;
  left: 0;
  min-width: 21.95vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

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

.baukastentablet .rechteck-77-1 {
  background-color: var(--azure-radiance);
  width: 21.71vw;
}

.baukastentablet .rechteck-82-1 {
  background-color: var(--azure-radiance);
  left: 15.85vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-83-1 {
  background-color: var(--azure-radiance);
  left: 8.66vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-84-1 {
  background-color: var(--azure-radiance);
  left: 1.46vw;
  width: 4.27vw;
}

.baukastentablet .technologien {
  height: 2.8vw;
  left: 1.59vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  position: absolute;
  top: 2.07vw;
  white-space: nowrap;
  width: 76.1vw;
}

.baukastentablet .opt-tech-list-tablet {
  align-items: flex-start;
  display: flex;
  margin-top: 88.51vw;
  min-width: 100.0vw;
  padding-bottom: 5px;
}



.baukastentablet .einsatzort-list-tablet {
  align-items: flex-start;
  display: flex;
  margin-top: 38.51vw;
  min-width: 100.0vw;
  padding-bottom: 5px;
}

.baukastentablet .overlap-group4 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-1-1x-png@1x.png);

    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex: 0 0 auto;
    height: 15vw;
    min-width: 100.1vw;
    padding: 1.83vw 3.05vw;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
}

.baukastentablet .rechteck-77-2 {
  background-color: #fffb7f;
  width: 21.71vw;
}

.baukastentablet .rechteck-82-2 {
  background-color: #fffb7f;
  left: 15.85vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-83-2 {
  background-color: #fffb7f;
  left: 8.66vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-84-2 {
  background-color: #fffb7f;
  left: 1.46vw;
  width: 4.27vw;
}

.baukastentablet .description {
  height: 2.8vw;
  left: 1.59vw;
  letter-spacing: 0;
  line-height: 2.56vw;
  overflow: hidden;
  position: absolute;
  top: 2.07vw;
  white-space: nowrap;
  width: 76.1vw;
}

.baukastentablet .phase-list-tablet {
  align-items: flex-start;
  display: flex;
  margin-top: 0vw;
  min-width: 100.0vw;
  padding-bottom: 5px;
}

.baukastentablet .overlap-group4-1 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-2@1x.png);
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    flex: 0 0 auto;
    height: 22vw;
    min-width: 100.1vw;
    padding: 1.83vw 3.05vw;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
}

.baukastentablet .rechteck-77-3 {
  background-color: #ff5050;
  width: 21.71vw;
}

.baukastentablet .rechteck-82-3 {
  background-color: #ff5050;
  left: 15.85vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-83-3 {
  background-color: #ff5050;
  left: 8.66vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-84-3 {
  background-color: #ff5050;
  left: 1.46vw;
  width: 4.27vw;
}

.baukastentablet .vorteil-list-tablet {
  align-items: flex-start;
  display: flex;
  margin-top: 6.51vw;
  min-width: 100.0vw;
  padding-bottom: 5px;
}

.baukastentablet .overlap-group4-2 {
  align-items: flex-end;
  background-image: url(../img/pfad-40-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  height: 39vw;
  min-width: 100.1vw;
  padding: 1.83vw 3.05vw;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: flex-start;
  /*
  align-items: flex-end;
  background-image: url(../img/pfad-40-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex: 0 0 auto;
  height: 15.0vw;
  min-width: 156.1vw;
  padding: 1.83vw 3.05vw;
  */
}

.baukastentablet .rechteck-77-4 {
  background-color: #97fa62;
  width: 21.71vw;
}

.baukastentablet .rechteck-82-4 {
  background-color: #93fd5a;
  left: 15.85vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-83-4 {
  background-color: #93fd5a;
  left: 8.66vw;
  width: 4.27vw;
}

.baukastentablet .rechteck-84-4 {
  background-color:#93fd5a;
  left: 1.46vw;
  width: 4.27vw;
}

.baukastentablet .selected-tags {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 4.02vw;
  margin-top: 40.37vw;
  min-height: 21.34vw;
  width: 20.85vw;
}

.baukastentablet .tag {
  align-items: flex-start;
  display: flex;
  margin-left: 0.12vw;
  min-width: 17.8vw;
}

.baukastentablet .overlap-group4-3 {
  height: 12.44vw;
  position: relative;
  width: 17.8vw;
  flex-direction: column-reverse;
  display: flex;
}

.baukastentablet .picked-tag-tablet {
  align-items: flex-start;
  display: flex;
  height: 7.07vw;
  left: 0;
  min-width: 17.68vw;
  top: 5.37vw;
}

.baukastentablet .overlap-group2 {
  height: 7.07vw;
  position: relative;
  width: 17.8vw;
}

.baukastentablet .rechteck-container-1 {
  height: 7.07vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 17.68vw;
}

.baukastentablet .rechteck-77-5 {
  background-color: var(--red);
  width: 17.68vw;
}

.baukastentablet .rechteck-82-5 {
  background-color: var(--red);
  left: 12.93vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-83-5 {
  background-color: var(--red);
  left: 7.07vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-84-5 {
  background-color: var(--red);
  left: 1.22vw;
  width: 3.41vw;
}

.baukastentablet .standby-3 {
  align-items: flex-end;
  cursor: pointer;
  display: flex;
  height: 7.07vw;
  left: 0;
  min-width: 17.8vw;
  position: absolute;
  top: 0;
  transition: all 0.2s ease;
}

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

.baukastentablet .overlap-group1-1 {
  height: 7.2vw;
  margin-bottom: -0.12vw;
  position: relative;
  width: 17.8vw;
}

.baukastentablet .rechteck-77-6 {
  background-color: var(--azure-radiance);
  width: 17.68vw;
}

.baukastentablet .rechteck-82-6 {
  background-color: var(--azure-radiance);
  left: 12.93vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-83-6 {
  background-color: var(--azure-radiance);
  left: 7.07vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-84-6 {
  background-color: var(--azure-radiance);
  left: 1.22vw;
  width: 3.41vw;
}

.baukastentablet .tag-name_-standby {
  height: 5.0vw;
  left: 0;
  letter-spacing: 0;
  line-height: 1.95vw;
  position: absolute;
  text-align: center;
  top: 2.2vw;
  width: 17.8vw;
}

.baukastentablet .overlap-group-container {
  height: 7.07vw;
  left: 0.12vw;
  position: absolute;
  top: 0;
  width: 17.68vw;
}

.baukastentablet .rechteck-77-7 {
  background-color: var(--dove-gray);
  width: 17.68vw;
}

.baukastentablet .rechteck-82-7 {
  background-color: var(--dove-gray);
  left: 12.93vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-83-7 {
  background-color: var(--dove-gray);
  left: 7.07vw;
  width: 3.41vw;
}

.baukastentablet .rechteck-84-7 {
  background-color: var(--dove-gray);
  left: 1.22vw;
  width: 3.41vw;
}

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

.baukastentablet .title {
  height: 9.63vw;
  letter-spacing: 0;
  line-height: 3.05vw;
  margin-bottom: -0.24vw;
  width: 93.54vw;
}
.baukastentablet .tech-tag-brick-tablet, .OptTech-tag-brick-tablet, 
.phase-tag-brick-tablet, .einsatzort-tag-brick-tablet, .vorteil-tag-brick-tablet
{
  padding:4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.baukastentablet .rechteck-77-8 {
  height: 5.0vw;
  left: 0;
  position: absolute;
  top: 2.07vw;
}

.baukastentablet .rechteck-82-8 {
  height: 2.2vw;
  position: absolute;
  top: 0;
}

.baukastentablet .rechteck-83-8 {
  height: 2.2vw;
  position: absolute;
  top: 0;
}

.baukastentablet .rechteck-84-8 {
  height: 2.2vw;
  position: absolute;
  top: 0;
}

@media screen and (max-width: 699px) {
  .screen.baukastendesktop-all-breakpoints { 
    display: none;
   }

  .screen.baukastenmobile { 
    display: none;
   }
}

@media screen and (min-width: 700px) and (max-width: 1279px) {
  .screen.baukastendesktop-all-breakpoints { 
    display: none;
   }

  .screen.baukastenmobile { 
    display: none;
   }
}

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

  .screen.baukastenmobile { 
    display: none;
   }
}