/* screen - index */

.index {
  background-color: var(--white);
  margin: 0px;
  min-height: 6693px;
  min-width: 1038px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .komponente-97-1-IO3Fu5 {
  background-color: transparent;
  height: 1115px;
  left: 0px;
  position: absolute;
  top: 400px;
  width: 100%;
}

.index .rechteck-1323-TABEZq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .rechteck-1323-TABEZq video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index .rechteck-1323-TABEZq img {
  object-fit: cover;
}

.index .hintergrund-cookies-IO3Fu5 {
  background-color: transparent;
  bottom: 0px;
  height: 114px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .banner-cookies-background-hmdN7I {
  background-color: var(--supernova);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .text-cookies-IO3Fu5 {
  background-color: transparent;
  bottom: 1px;
  cursor: pointer;
  height: 87px;
  left: 5.62%;
  position: absolute;
  width: 88.52%;
}

.index .verwendung-von-cooki-xDnxdP {
  background-color: transparent;
  height: 89px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index .unterbild-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 779px;
  position: absolute;
  right: 0px;
  top: 5255px;
  width: 100%;
}

.index .huebner_frank_unterbild_team-YGE8HG {
  background-color: transparent;
  border-radius: 0px 50px 0px 0px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_unterbild_team-YGE8HG.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .hintergrund-karriere-IO3Fu5 {
  background-color: transparent;
  height: 477px;
  left: 0px;
  position: absolute;
  top: 5925px;
  width: 99.96%;
}

.index .hintergrund-karriere-RM4Jag {
  background-color: #efefef;
  display: block;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .hintergrund-karriere-RM4Jag.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .datenschutz-button-IO3Fu5 {
  background-color: transparent;
  bottom: 179px;
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 51px;
  width: 164px;
}

.index .datenschutz-4uwyez {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index .impressum-button-IO3Fu5 {
  background-color: transparent;
  bottom: 179px;
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 216px;
  width: 151px;
}

.index .impressum-7Tlpay {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index .icon-google-IO3Fu5 {
  background-color: transparent;
  height: 43px;
  position: absolute;
  right: 71px;
  top: 6381px;
  width: 43px;
}

.index .hbner-frank-social-m-bNMKAq {
  left: 0px;
}

.index .hbner-frank-social-m-bNMKAq.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 0.20s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-whats-app-IO3Fu5 {
  background-color: transparent;
  height: 43px;
  position: absolute;
  right: 136px;
  top: 6381px;
  width: 43px;
}

.index .hbner-frank-social-m-oDJXqZ {
  left: 0px;
}

.index .hbner-frank-social-m-oDJXqZ.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.20s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-tik-tok-IO3Fu5 {
  background-color: transparent;
  height: 42px;
  position: absolute;
  right: 202px;
  top: 6382px;
  width: 42px;
}

.index .hbner-frank-social-m-PR75R8 {
  left: 0px;
}

.index .hbner-frank-social-m-PR75R8.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 0.20s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-instagram-IO3Fu5 {
  background-color: transparent;
  height: 43px;
  position: absolute;
  right: 266px;
  top: 6381px;
  width: 43px;
}

.index .hbner-frank-social-m-rt8pxd {
  left: 0px;
}

.index .hbner-frank-social-m-rt8pxd.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 0.20s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-you-tube-IO3Fu5 {
  background-color: transparent;
  height: 43px;
  position: absolute;
  right: 331px;
  top: 6382px;
  width: 43px;
}

.index .hbner-frank-social-m-mxDDx3 {
  left: 0px;
}

.index .hbner-frank-social-m-mxDDx3.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 0.20s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-facebook-IO3Fu5 {
  background-color: transparent;
  height: 42px;
  position: absolute;
  right: 397px;
  top: 6382px;
  width: 42px;
}

.index .hbner-frank-social-m-CGHxjH {
  left: 1px;
}

.index .hbner-frank-social-m-CGHxjH.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .text-fortbildungen-IO3Fu5 {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 659px;
  top: 6279px;
  width: 212px;
}

.index .eckpunkte-wrme-Vfstny {
  color: var(--sunglow);
}

.index .eckpunkte-wrme-Vfstny.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter10-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .icon-fortbildungen-IO3Fu5 {
  background-color: transparent;
  height: 50px;
  position: absolute;
  right: 901px;
  top: 6268px;
  width: 50px;
}

.index .hbner-frank-icons-karriere-fortbildung-K1vDLY {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index .hbner-frank-icons-karriere-fortbildung-K1vDLY.bp3-animate-enter11 {
  animation: bp3-animate-enter11-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter11-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .text-veranstaltungen-IO3Fu5 {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 659px;
  top: 6193px;
  width: 212px;
}

.index .eckpunkte-wrme-rrW2dT {
  color: var(--neon-carrot);
}

.index .eckpunkte-wrme-rrW2dT.bp3-animate-enter12 {
  animation: bp3-animate-enter12-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter12-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .icon-veranstaltungen-IO3Fu5 {
  background-color: transparent;
  height: 51px;
  position: absolute;
  right: 900px;
  top: 6182px;
  width: 51px;
}

.index .hbner-frank-icons-ka-6ApBc0 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index .hbner-frank-icons-ka-6ApBc0.bp3-animate-enter13 {
  animation: bp3-animate-enter13-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter13-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .text-wissen-IO3Fu5 {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 659px;
  top: 6107px;
  width: 212px;
}

.index .eckpunkte-wrme-ii14o1 {
  color: var(--blue-jeans);
}

.index .eckpunkte-wrme-ii14o1.bp3-animate-enter14 {
  animation: bp3-animate-enter14-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter14-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .icon-wissen-IO3Fu5 {
  background-color: transparent;
  height: 51px;
  position: absolute;
  right: 900px;
  top: 6096px;
  width: 51px;
}

.index .hbner-frank-icons-karriere-wissen-xbXHMB {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index .hbner-frank-icons-karriere-wissen-xbXHMB.bp3-animate-enter15 {
  animation: bp3-animate-enter15-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter15-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .text-dynamisches-team-IO3Fu5 {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 659px;
  top: 6021px;
  width: 212px;
}

.index .eckpunkte-wrme-ZHeElq {
  color: var(--red-orange);
}

.index .eckpunkte-wrme-ZHeElq.bp3-animate-enter16 {
  animation: bp3-animate-enter16-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter16-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .icon-dynamisches-team-IO3Fu5 {
  background-color: transparent;
  height: 51px;
  position: absolute;
  right: 901px;
  top: 6010px;
  width: 50px;
}

.index .hbner-frank-icons-karriere-junges-team-wajGwB {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index .hbner-frank-icons-karriere-junges-team-wajGwB.bp3-animate-enter17 {
  animation: bp3-animate-enter17-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter17-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .icon-karriere-IO3Fu5 {
  background-color: transparent;
  height: 98px;
  position: absolute;
  right: 39px;
  top: 5871px;
  width: 98px;
}

.index .button_karriere-ZXNneL {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index .button_karriere-ZXNneL.bp3-animate-enter18 {
  animation: bp3-animate-enter18-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter18-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .slogan-karriere-IO3Fu5 {
  background-color: transparent;
  height: 104px;
  position: absolute;
  right: 113px;
  top: 5865px;
  width: 583px;
}

.index .slogan_karriere_2020-GFhwap {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index .slogan_karriere_2020-GFhwap.bp3-animate-enter19 {
  animation: bp3-animate-enter19-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .highlights-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 371px;
  left: 387px;
  position: absolute;
  top: 5432px;
  width: 632px;
}

.index .huebner_frank_aufzaehlung_handwerk-i3OZOG {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .huebner_frank_aufzaehlung_handwerk-i3OZOG.bp3-animate-enter20 {
  animation: bp3-animate-enter20-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .hintergrund-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 205px;
  left: -83px;
  mix-blend-mode: normal;
  position: absolute;
  top: 5197px;
  width: 1076px;
}

.index .men-balken-wrme-9rzPLC {
  background-color: #afcb13;
  left: 0px;
}

.index .text-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 509px;
  left: 407px;
  position: absolute;
  top: 5227px;
  width: 591px;
}

.index .huebner_frank_text_handwerk-xzoD6x {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 1px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_text_handwerk-xzoD6x.bp3-animate-enter21 {
  animation: bp3-animate-enter21-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .bild-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 409px;
  left: -42px;
  mix-blend-mode: normal;
  position: absolute;
  top: 5177px;
  width: 409px;
}

.index .bild-team-EGoJaI {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index .bild-team-EGoJaI.bp3-animate-enter22 {
  animation: bp3-animate-enter22-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .slogan-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 115px;
  left: 117px;
  position: absolute;
  top: 5056px;
  width: 642px;
}

.index .slogan-team-Nr7jKQ {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index .slogan-team-Nr7jKQ.bp3-animate-enter23 {
  animation: bp3-animate-enter23-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-handwerk-IO3Fu5 {
  background-color: transparent;
  height: 96px;
  left: 21px;
  position: absolute;
  top: 5065px;
  width: 96px;
}

.index .button-team-qYkTh8 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index .button-team-qYkTh8.bp3-animate-enter24 {
  animation: bp3-animate-enter24-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter24-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .highlights-elektro-IO3Fu5 {
  background-color: transparent;
  height: 367px;
  position: absolute;
  right: 559px;
  top: 4650px;
  width: 496px;
}

.index .huebner_frank_aufzaehlung_elektro-xMDZib {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .huebner_frank_aufzaehlung_elektro-xMDZib.bp3-animate-enter25 {
  animation: bp3-animate-enter25-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .hintergrund-elektro-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 336px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: -87px;
  top: 4242px;
  transform: translate(-2500px, 0);
  width: 1125px;
}

.index .hintergrund-elektro-IO3Fu5.bp3-animate-enter26 {
  animation: bp3-animate-enter26-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-2500px, 0);
}

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

.index .men-balken-wrme-okJdJ9 {
  background-color: #f3c300;
  left: 1px;
  mix-blend-mode: multiply;
}

.index .text-elektro-IO3Fu5 {
  background-color: transparent;
  height: 518px;
  position: absolute;
  right: 0px;
  top: 4262px;
  width: 601px;
}

.index .huebner_frank_text_elektro-TfxWSZ {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_text_elektro-TfxWSZ.bp3-animate-enter27 {
  animation: bp3-animate-enter27-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .bild-elektro-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 424px;
  opacity: 0;
  position: absolute;
  right: 651px;
  top: 4206px;
  transform: translate(-25px, 0);
  width: 424px;
}

.index .bild-elektro-IO3Fu5.bp3-animate-enter28 {
  animation: bp3-animate-enter28-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .slogan-elektro-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 107px;
  opacity: 0;
  position: absolute;
  right: 352px;
  top: 4092px;
  transform: translate(-25px, 0);
  width: 598px;
}

.index .slogan-elektro-IO3Fu5.bp3-animate-enter30 {
  animation: bp3-animate-enter30-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .slogan_elektro_2023-9Ar7bX {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index .slogan_elektro_2023-9Ar7bX.bp3-animate-enter29 {
  animation: bp3-animate-enter29-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index .icon-elektro-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 96px;
  opacity: 0;
  position: absolute;
  right: 945px;
  top: 4092px;
  transform: scale(2);
  width: 96px;
}

.index .icon-elektro-IO3Fu5.bp3-animate-enter31 {
  animation: bp3-animate-enter31-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter31-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .highlights-wasser-IO3Fu5 {
  background-color: transparent;
  height: 260px;
  left: 20px;
  position: absolute;
  top: 3793px;
  width: 731px;
}

.index .huebner_frank_aufzaehlung_wasser-mRMoEn {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .huebner_frank_aufzaehlung_wasser-mRMoEn.bp3-animate-enter32 {
  animation: bp3-animate-enter32-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .hintergrund-wasser-IO3Fu5 {
  background-color: transparent;
  height: 420px;
  left: 0px;
  position: absolute;
  top: 3343px;
  width: 1066px;
}

.index .men-balken-wrme-MGEOjN {
  background-color: #58c0ee;
  left: 0px;
  mix-blend-mode: multiply;
}

.index .text-wasser-IO3Fu5 {
  background-color: transparent;
  height: 518px;
  left: 474px;
  position: absolute;
  top: 3373px;
  width: 601px;
}

.index .huebner_frank_text_wasser-HGqQHs {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_text_wasser-HGqQHs.bp3-animate-enter33 {
  animation: bp3-animate-enter33-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .bild-wasser-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 423px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 3323px;
  transform: translate(25px, 0);
  width: 424px;
}

.index .bild-wasser-IO3Fu5.bp3-animate-enter34 {
  animation: bp3-animate-enter34-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .bild-wasser-gigapixe-pe0lyP {
  background-color: transparent;
  border-radius: 15px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .slogan-wasser-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 79px;
  left: 215px;
  opacity: 0;
  position: absolute;
  top: 3225px;
  transform: translate(25px, 0);
  width: 477px;
}

.index .slogan-wasser-IO3Fu5.bp3-animate-enter35 {
  animation: bp3-animate-enter35-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .slogan_vitalisierend_klar-u3c7zo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-wasser-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 105px;
  left: 90px;
  opacity: 0;
  position: absolute;
  top: 3199px;
  transform: scale(2);
  width: 105px;
}

.index .icon-wasser-IO3Fu5.bp3-animate-enter36 {
  animation: bp3-animate-enter36-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter36-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .button-wasser-02yq18 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .highlights-wrme-IO3Fu5 {
  background-color: transparent;
  height: 314px;
  position: absolute;
  right: 471px;
  top: 2838px;
  width: 590px;
}

.index .huebner_frank_aufzaehlung_waerme-jCfjyN {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(0, 25px);
  width: 100%;
}

.index .huebner_frank_aufzaehlung_waerme-jCfjyN.bp3-animate-enter37 {
  animation: bp3-animate-enter37-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index .hintergrund-wrme-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 421px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: -44px;
  top: 2387px;
  transform: translate(-2500px, 0);
  width: 1125px;
}

.index .hintergrund-wrme-IO3Fu5.bp3-animate-enter38 {
  animation: bp3-animate-enter38-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-2500px, 0);
}

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

.index .men-balken-wrme-RMjEkp {
  background-color: #e8554d;
  left: 1px;
  mix-blend-mode: multiply;
}

.index .text-wrme-IO3Fu5 {
  background-color: transparent;
  height: 518px;
  position: absolute;
  right: 20px;
  top: 2413px;
  width: 601px;
}

.index .huebner_frank_text_waerme-aixMId {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_text_waerme-aixMId.bp3-animate-enter39 {
  animation: bp3-animate-enter39-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .bild-wrme-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 424px;
  opacity: 0;
  position: absolute;
  right: 671px;
  top: 2362px;
  transform: translate(25px, 0);
  width: 424px;
}

.index .bild-wrme-IO3Fu5.bp3-animate-enter40 {
  animation: bp3-animate-enter40-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .slogan-wrme-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 98px;
  opacity: 0;
  position: absolute;
  right: 389px;
  top: 2263px;
  transform: translate(25px, 0);
  width: 541px;
}

.index .slogan-wrme-IO3Fu5.bp3-animate-enter41 {
  animation: bp3-animate-enter41-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .slogan_zeitorientiert_waerme-ePYrbo {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index .icon-wrme-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 105px;
  opacity: 0;
  position: absolute;
  right: 950px;
  top: 2238px;
  transform: scale(2);
  width: 105px;
}

.index .icon-wrme-IO3Fu5.bp3-animate-enter42 {
  animation: bp3-animate-enter42-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter42-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .hintergrund-kundendienst-IO3Fu5 {
  background-color: transparent;
  height: 468px;
  left: -44px;
  mix-blend-mode: normal;
  position: absolute;
  top: 1724px;
  width: 1082px;
}

.index .men-balken-wrme-o2Ixvv {
  background-color: var(--neon-carrot-2);
  display: block;
  left: 0px;
  mix-blend-mode: multiply;
  opacity: 0;
  transform: translate(2500px, 0);
}

.index .men-balken-wrme-o2Ixvv.bp3-animate-enter43 {
  animation: bp3-animate-enter43-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index .text-kundendienst-IO3Fu5 {
  background-color: transparent;
  height: 517px;
  left: 437px;
  position: absolute;
  top: 1753px;
  width: 600px;
}

.index .huebner_frank_text_intro-n7xuUN {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index .huebner_frank_text_intro-n7xuUN.bp3-animate-enter44 {
  animation: bp3-animate-enter44-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .bild-kundendienst-IO3Fu5 {
  background-color: transparent;
  display: block;
  height: 424px;
  left: -37px;
  opacity: 0;
  position: absolute;
  top: 1701px;
  transform: translate(25px, 0);
  width: 424px;
}

.index .bild-kundendienst-IO3Fu5.bp3-animate-enter46 {
  animation: bp3-animate-enter46-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .huebner_frank_webpage_main_bilder-kopie-C0TgbF {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 100%;
}

.index .huebner_frank_webpage_main_bilder-kopie-C0TgbF.bp3-animate-enter45 {
  animation: bp3-animate-enter45-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .slogan-kundendienst-IO3Fu5 {
  height: 103px;
  left: 138px;
  top: 1597px;
  width: 575px;
}

.index .slogan-kundendienst-QnbLxL {
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  top: 0px;
  transform: translate(25px, 0);
  width: 100%;
}

.index .slogan-kundendienst-QnbLxL.bp3-animate-enter47 {
  animation: bp3-animate-enter47-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index .icon-kundendienst-IO3Fu5 {
  background-color: transparent;
  height: 96px;
  left: 47px;
  position: absolute;
  top: 1581px;
  width: 96px;
}

.index .button-kundendienst-8HMosI {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index .button-kundendienst-8HMosI.bp3-animate-enter48 {
  animation: bp3-animate-enter48-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp3-animate-enter48-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index .logo-IO3Fu5 {
  display: block;
  height: 233px;
  opacity: 0;
  right: calc(49.94% - 198px);
  top: 82px;
  width: 396px;
}

.index .logo-IO3Fu5.bp3-animate-enter49 {
  animation: bp3-animate-enter49-frames 2.50s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index .logo-zigDHI {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index .huebner_frank_webpag-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 165px;
  object-fit: cover;
  position: absolute;
  right: 19px;
  top: 6004px;
  width: 564px;
}

.index .huebner_frank_webpage_qr_elektroniker-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 169px;
  object-fit: cover;
  position: absolute;
  right: 71px;
  top: 6169px;
  width: 578px;
}

.index .huebner_frank_webpage_karriere_button-IO3Fu5 {
  background-color: transparent;
  cursor: pointer;
  height: 95px;
  object-fit: cover;
  position: absolute;
  right: -11px;
  top: 1392px;
  width: 429px;
}

.index .huebner_frank_webseite_footer-IO3Fu5 {
  background-color: transparent;
  bottom: 146px;
  height: 71px;
  left: 50px;
  object-fit: cover;
  position: absolute;
  width: 559px;
}

.index .eckpunkte-wrme {
  background-color: transparent;
  display: block;
  font-family: var(--font-family-levenimmt-regular);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 31px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 0px;
  transform: scale(1.1);
  width: calc(100.00% + 2px);
}

.index .hbner-frank-social-m {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index .men-balken-wrme {
  border-radius: 15px;
  height: 100%;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .slogan-kundendienst {
  background-color: transparent;
  position: absolute;
}
/* screen - index-mobil */

.index-mobil {
  background-color: var(--white);
  margin: 0px;
  min-height: 6510px;
  min-width: 340px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-mobil .komponente-97-3-M5Au3N {
  background-color: transparent;
  height: 399px;
  left: 0px;
  position: absolute;
  top: 278px;
  width: 100%;
}

.index-mobil .rechteck-1323-efWHIT {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-mobil .rechteck-1323-efWHIT video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index-mobil .rechteck-1323-efWHIT img {
  object-fit: cover;
}

.index-mobil .men-balken-wrme-M5Au3N {
  background-color: var(--neon-carrot-2);
  border-radius: 15px;
  display: block;
  height: 814px;
  left: calc(50.00% - 142px);
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  top: 873px;
  transform: translate(2500px, 0);
  width: 284px;
}

.index-mobil .men-balken-wrme-M5Au3N.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index-mobil .bild-wrme-M5Au3N {
  background-color: transparent;
  display: block;
  height: 284px;
  left: calc(50.00% - 142px);
  opacity: 0;
  position: absolute;
  top: 1887px;
  transform: translate(25px, 0);
  width: 284px;
}

.index-mobil .bild-wrme-M5Au3N.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .slogan-wrme-M5Au3N {
  background-color: transparent;
  display: block;
  height: 57px;
  left: calc(50.00% - 159px);
  opacity: 0;
  position: absolute;
  top: 1815px;
  transform: translate(25px, 0);
  width: 318px;
}

.index-mobil .slogan-wrme-M5Au3N.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .slogan_zeitorientiert_waerme-hgVvrM {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .logo-M5Au3N {
  display: block;
  height: 156px;
  opacity: 0;
  right: calc(49.24% - 130px);
  top: 70px;
  width: 265px;
}

.index-mobil .logo-M5Au3N.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 2.50s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-mobil .logo-Ezd7YL {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-mobil .icon-wrme-M5Au3N {
  background-color: transparent;
  display: block;
  height: 70px;
  left: calc(50.00% - 35px);
  opacity: 0;
  position: absolute;
  top: 1735px;
  transform: scale(2);
  width: 70px;
}

.index-mobil .icon-wrme-M5Au3N.bp1-animate-enter10 {
  animation: bp1-animate-enter10-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter10-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .slogan-wasser-M5Au3N {
  background-color: transparent;
  display: block;
  height: 48px;
  opacity: 0;
  position: absolute;
  right: calc(50.00% - 144px);
  top: 2621px;
  transform: translate(25px, 0);
  width: 289px;
}

.index-mobil .slogan-wasser-M5Au3N.bp1-animate-enter11 {
  animation: bp1-animate-enter11-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .slogan_vitalisierend_klar-Y8vmfp {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .bild-wasser-M5Au3N {
  background-color: transparent;
  display: block;
  height: 283px;
  left: calc(50.00% - 142px);
  opacity: 0;
  position: absolute;
  top: 2688px;
  transform: translate(25px, 0);
  width: 284px;
}

.index-mobil .bild-wasser-M5Au3N.bp1-animate-enter12 {
  animation: bp1-animate-enter12-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .bild-wasser-gigapixe-jZIZ6Q {
  background-color: transparent;
  border-radius: 15px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-mobil .icon-wasser-M5Au3N {
  background-color: transparent;
  display: block;
  height: 70px;
  left: calc(49.81% - 35px);
  opacity: 0;
  position: absolute;
  top: 2541px;
  transform: scale(2);
  width: 70px;
}

.index-mobil .icon-wasser-M5Au3N.bp1-animate-enter13 {
  animation: bp1-animate-enter13-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter13-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .button-wasser-mjirRY {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .bild-elektro-M5Au3N {
  background-color: transparent;
  display: block;
  height: 287px;
  opacity: 0;
  position: absolute;
  right: calc(49.06% - 141px);
  top: 3446px;
  transform: translate(-25px, 0);
  width: 287px;
}

.index-mobil .bild-elektro-M5Au3N.bp1-animate-enter14 {
  animation: bp1-animate-enter14-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .slogan-elektro-M5Au3N {
  background-color: transparent;
  display: block;
  height: 63px;
  opacity: 0;
  position: absolute;
  right: calc(49.41% - 143px);
  top: 3374px;
  transform: translate(-25px, 0);
  width: 289px;
}

.index-mobil .slogan-elektro-M5Au3N.bp1-animate-enter16 {
  animation: bp1-animate-enter16-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .slogan_elektro_2023-dJ38Dk {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-mobil .slogan_elektro_2023-dJ38Dk.bp1-animate-enter15 {
  animation: bp1-animate-enter15-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-elektro-M5Au3N {
  background-color: transparent;
  display: block;
  height: 73px;
  opacity: 0;
  position: absolute;
  right: calc(49.81% - 36px);
  top: 3301px;
  transform: scale(2);
  width: 73px;
}

.index-mobil .icon-elektro-M5Au3N.bp1-animate-enter17 {
  animation: bp1-animate-enter17-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter17-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .bild-handwerk-M5Au3N {
  background-color: transparent;
  height: 287px;
  position: absolute;
  right: calc(49.06% - 141px);
  top: 4292px;
  width: 287px;
}

.index-mobil .bild-team-47BpUY {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-mobil .bild-team-47BpUY.bp1-animate-enter18 {
  animation: bp1-animate-enter18-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-handwerk-M5Au3N {
  background-color: transparent;
  height: 73px;
  position: absolute;
  right: calc(49.81% - 36px);
  top: 4126px;
  width: 73px;
}

.index-mobil .button-team-lhPGVY {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-mobil .button-team-lhPGVY.bp1-animate-enter19 {
  animation: bp1-animate-enter19-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter19-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .slogan-karriere-M5Au3N {
  background-color: transparent;
  height: 60px;
  left: calc(50.00% - 168px);
  position: absolute;
  top: 5146px;
  width: 336px;
}

.index-mobil .slogan_karriere_2020-KjVjTx {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-mobil .slogan_karriere_2020-KjVjTx.bp1-animate-enter20 {
  animation: bp1-animate-enter20-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-karriere-M5Au3N {
  background-color: transparent;
  height: 73px;
  position: absolute;
  right: calc(49.81% - 36px);
  top: 5063px;
  width: 73px;
}

.index-mobil .button_karriere-TF2xrw {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-mobil .button_karriere-TF2xrw.bp1-animate-enter21 {
  animation: bp1-animate-enter21-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter21-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .gruppe-39-M5Au3N {
  background-color: transparent;
  cursor: pointer;
  height: 118px;
  position: absolute;
  right: 0px;
  top: 5647px;
  width: 341px;
}

.index-mobil .text-elektroniker-haxrlf {
  background-color: transparent;
  display: block;
  height: 92px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 341px;
}

.index-mobil .text-elektroniker-haxrlf.bp1-animate-enter22 {
  animation: bp1-animate-enter22-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .pfad-72-Q8sC0o {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .elektroniker-Q8sC0o {
  background-color: transparent;
  height: 19px;
  left: calc(27.74% - 23px);
  letter-spacing: 0.00px;
  line-height: 17px;
  position: absolute;
  text-align: left;
  top: 11px;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 83px;
}

.index-mobil .span0-CIQZpH {
}

.index-mobil .span1-CIQZpH {
  letter-spacing: -0.27px;
}

.index-mobil .span2-CIQZpH {
}

.index-mobil .x-Q8sC0o {
  background-color: transparent;
  color: var(--hunter-green);
  font-family: var(--font-family-soleil-bold);
  font-size: 5px;
  font-style: normal;
  font-weight: 700;
  height: 9px;
  letter-spacing: 0.00px;
  line-height: 6px;
  position: absolute;
  right: calc(45.12% - 1px);
  text-align: left;
  top: calc(22.79% - 2px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 3px;
}

.index-mobil .energie-und-gebudetechnik-Q8sC0o {
  background-color: transparent;
  color: var(--hunter-green);
  font-family: var(--font-family-soleil-bold);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  height: 18px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: calc(45.75% - 8px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 190px;
}

.index-mobil .wmd-Q8sC0o {
  bottom: calc(30.62% - 4px);
  left: calc(35.23% - 15px);
  line-height: 14px;
  width: 44px;
}

.index-mobil .span0-fMOtnt {
  letter-spacing: 0.16px;
}

.index-mobil .span1-fMOtnt {
  letter-spacing: 0.55px;
}

.index-mobil .span2-fMOtnt {
  letter-spacing: -0.21px;
}

.index-mobil .span3-fMOtnt {
  letter-spacing: 0.33px;
}

.index-mobil .span4-fMOtnt {
  letter-spacing: -0.43px;
}

.index-mobil .span5-fMOtnt {
}

.index-mobil .qr-code-elektroniker-haxrlf {
  background-color: transparent;
  display: block;
  height: 118px;
  left: 221px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(25px, 0);
  width: 118px;
}

.index-mobil .qr-code-elektroniker-haxrlf.bp1-animate-enter23 {
  animation: bp1-animate-enter23-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .rechteck-1118-Wuavxe {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .gruppe-29-Wuavxe {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .gruppe-28-9desO4 {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-mobil .gruppe-40-M5Au3N {
  background-color: transparent;
  cursor: pointer;
  height: 117px;
  position: absolute;
  right: 0px;
  top: 5529px;
  width: 339px;
}

.index-mobil .text-anlagenmechaniker-7mBYSo {
  background-color: transparent;
  display: block;
  height: 99px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(25px, 0);
  width: 339px;
}

.index-mobil .text-anlagenmechaniker-7mBYSo.bp1-animate-enter24 {
  animation: bp1-animate-enter24-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .pfad-71-Myhxue {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .anlagenmechaniker-Myhxue {
  background-color: transparent;
  height: 21px;
  left: 31px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 13px;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 146px;
}

.index-mobil .span0-Zn5Cr2 {
}

.index-mobil .span1-Zn5Cr2 {
  letter-spacing: -0.30px;
}

.index-mobil .span2-Zn5Cr2 {
}

.index-mobil .sanitr-heizungs-Myhxue {
  background-color: transparent;
  height: 16px;
  left: 49px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  top: calc(44.42% - 7px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 104px;
}

.index-mobil .span0-WxOyMW {
}

.index-mobil .span1-WxOyMW {
  letter-spacing: -0.10px;
}

.index-mobil .span2-WxOyMW {
}

.index-mobil .und-Myhxue {
  background-color: transparent;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  right: calc(49.02% - 11px);
  text-align: left;
  top: calc(48.55% - 8px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 23px;
}

.index-mobil .klimatechnik-Myhxue {
  background-color: transparent;
  bottom: calc(34.92% - 6px);
  height: 16px;
  left: calc(18.33% - 14px);
  letter-spacing: 0.00px;
  line-height: 13px;
  position: absolute;
  text-align: left;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 74px;
}

.index-mobil .wmd-Myhxue {
  bottom: calc(30.30% - 4px);
  left: calc(43.35% - 18px);
  line-height: 13px;
  width: 42px;
}

.index-mobil .span0-TcAyKG {
  letter-spacing: 0.16px;
}

.index-mobil .span1-TcAyKG {
  letter-spacing: 0.54px;
}

.index-mobil .span2-TcAyKG {
  letter-spacing: -0.22px;
}

.index-mobil .span3-TcAyKG {
  letter-spacing: 0.32px;
}

.index-mobil .span4-TcAyKG {
  letter-spacing: -0.43px;
}

.index-mobil .span5-TcAyKG {
}

.index-mobil .qr-code-anlagenmechaniker-7mBYSo {
  background-color: transparent;
  display: block;
  height: 117px;
  left: 222px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 117px;
}

.index-mobil .qr-code-anlagenmechaniker-7mBYSo.bp1-animate-enter25 {
  animation: bp1-animate-enter25-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .rechteck-947-pQ6LCE {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .gruppe-26-pQ6LCE {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .gruppe-25-ZFZ3tk {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-mobil .gruppe-36-M5Au3N {
  background-color: transparent;
  height: 246px;
  position: absolute;
  right: calc(48.39% - 140px);
  top: 5233px;
  width: 289px;
}

.index-mobil .gruppe-47-RxWaTa {
  background-color: transparent;
  bottom: 0px;
  height: 50px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobil .text-fortbildungen-9x6hBa {
  background-color: transparent;
  height: 24px;
  left: 79px;
  position: absolute;
  top: 13px;
  width: 210px;
}

.index-mobil .eckpunkte-wrme-kuylpz {
  color: var(--sunglow);
}

.index-mobil .eckpunkte-wrme-kuylpz.bp1-animate-enter26 {
  animation: bp1-animate-enter26-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter26-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .icon-fortbildungen-9x6hBa {
  background-color: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 50px;
}

.index-mobil .hbner-frank-icons-karriere-fortbildung-1dSeII {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-mobil .hbner-frank-icons-karriere-fortbildung-1dSeII.bp1-animate-enter27 {
  animation: bp1-animate-enter27-frames 1.00s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter27-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .gruppe-48-RxWaTa {
  background-color: transparent;
  bottom: calc(32.82% - 17px);
  height: 51px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobil .text-veranstaltungen-XtxJ58 {
  background-color: transparent;
  height: 24px;
  left: 79px;
  position: absolute;
  top: 14px;
  width: 210px;
}

.index-mobil .eckpunkte-wrme-3lqinH {
  color: var(--neon-carrot);
}

.index-mobil .eckpunkte-wrme-3lqinH.bp1-animate-enter28 {
  animation: bp1-animate-enter28-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter28-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .icon-veranstaltungen-XtxJ58 {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 51px;
}

.index-mobil .hbner-frank-icons-ka-Z2Fbe6 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-mobil .hbner-frank-icons-ka-Z2Fbe6.bp1-animate-enter29 {
  animation: bp1-animate-enter29-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter29-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .gruppe-49-RxWaTa {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: calc(33.33% - 17px);
  width: 100%;
}

.index-mobil .text-wissen-WoOLzj {
  background-color: transparent;
  height: 24px;
  left: 79px;
  position: absolute;
  top: 14px;
  width: 210px;
}

.index-mobil .eckpunkte-wrme-yCXd3t {
  color: var(--blue-jeans);
}

.index-mobil .eckpunkte-wrme-yCXd3t.bp1-animate-enter30 {
  animation: bp1-animate-enter30-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter30-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .icon-wissen-WoOLzj {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 51px;
}

.index-mobil .hbner-frank-icons-karriere-wissen-xbYRx5 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-mobil .hbner-frank-icons-karriere-wissen-xbYRx5.bp1-animate-enter31 {
  animation: bp1-animate-enter31-frames 1.00s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter31-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .gruppe-50-RxWaTa {
  background-color: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-mobil .text-dynamisches-team-xtEXwT {
  background-color: transparent;
  height: 24px;
  left: 79px;
  position: absolute;
  top: 13px;
  width: 210px;
}

.index-mobil .eckpunkte-wrme-GYKIFN {
  color: var(--red-orange);
}

.index-mobil .eckpunkte-wrme-GYKIFN.bp1-animate-enter32 {
  animation: bp1-animate-enter32-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter32-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .icon-dynamisches-team-xtEXwT {
  background-color: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 50px;
}

.index-mobil .hbner-frank-icons-karriere-junges-team-sm2Vek {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-mobil .hbner-frank-icons-karriere-junges-team-sm2Vek.bp1-animate-enter33 {
  animation: bp1-animate-enter33-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter33-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .gruppe-38-M5Au3N {
  background-color: transparent;
  height: 132px;
  left: calc(49.66% - 105px);
  position: absolute;
  top: 5811px;
  width: 211px;
}

.index-mobil .icon-instagram-n1mVH4 {
  background-color: transparent;
  height: 53px;
  left: 159px;
  position: absolute;
  top: 0px;
  width: 53px;
}

.index-mobil .hbner-frank-social-m-iRcyt6 {
  left: 0px;
  top: 0px;
}

.index-mobil .hbner-frank-social-m-iRcyt6.bp1-animate-enter34 {
  animation: bp1-animate-enter34-frames 0.20s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-you-tube-n1mVH4 {
  background-color: transparent;
  display: block;
  height: 53px;
  left: 79px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: translate(-25px, 0);
  width: 53px;
}

.index-mobil .icon-you-tube-n1mVH4.bp1-animate-enter36 {
  animation: bp1-animate-enter36-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .hbner-frank-social-m-3VsSGl {
  left: 0px;
  top: 0px;
}

.index-mobil .hbner-frank-social-m-3VsSGl.bp1-animate-enter35 {
  animation: bp1-animate-enter35-frames 0.20s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-facebook-n1mVH4 {
  background-color: transparent;
  height: 52px;
  left: 0px;
  position: absolute;
  top: 2px;
  width: 52px;
}

.index-mobil .hbner-frank-social-m-RYDmD7 {
  left: 0px;
  top: 0px;
}

.index-mobil .hbner-frank-social-m-RYDmD7.bp1-animate-enter37 {
  animation: bp1-animate-enter37-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-whats-app-n1mVH4 {
  background-color: transparent;
  height: 53px;
  left: 79px;
  position: absolute;
  top: 80px;
  width: 53px;
}

.index-mobil .hbner-frank-social-m-xxWxg4 {
  left: 0px;
  top: 0px;
}

.index-mobil .hbner-frank-social-m-xxWxg4.bp1-animate-enter38 {
  animation: bp1-animate-enter38-frames 0.20s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-tik-tok-n1mVH4 {
  background-color: transparent;
  height: 52px;
  left: 1px;
  position: absolute;
  top: 80px;
  width: 52px;
}

.index-mobil .hbner-frank-social-m-czsQ6e {
  left: 1px;
  top: 1px;
}

.index-mobil .hbner-frank-social-m-czsQ6e.bp1-animate-enter39 {
  animation: bp1-animate-enter39-frames 0.20s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .icon-google-n1mVH4 {
  background-color: transparent;
  height: 53px;
  left: 159px;
  position: absolute;
  top: 80px;
  width: 53px;
}

.index-mobil .hbner-frank-social-m-YFvXJw {
  left: 0px;
  top: 0px;
}

.index-mobil .hbner-frank-social-m-YFvXJw.bp1-animate-enter40 {
  animation: bp1-animate-enter40-frames 0.20s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-mobil .hintergrund-cookies-M5Au3N {
  background-color: transparent;
  bottom: 0px;
  height: 218px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-mobil .banner-cookies-background-XeH05r {
  background-color: var(--supernova);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-mobil .impressum-button-M5Au3N {
  background-color: transparent;
  bottom: 431px;
  cursor: pointer;
  height: 37px;
  left: 2px;
  position: absolute;
  width: 151px;
}

.index-mobil .impressum-0z0HE6 {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-mobil .text-cookies-M5Au3N {
  background-color: transparent;
  bottom: 0px;
  cursor: pointer;
  height: 194px;
  left: 8.44%;
  position: absolute;
  width: 83.22%;
}

.index-mobil .verwendung-von-cooki-e1L9Gb {
  background-color: transparent;
  height: 196px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-mobil .datenschutz-button-M5Au3N {
  background-color: transparent;
  bottom: 483px;
  cursor: pointer;
  height: 37px;
  left: 2px;
  position: absolute;
  width: 164px;
}

.index-mobil .datenschutz-hxRwkI {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-mobil .bild-kundendienst-M5Au3N {
  background-color: transparent;
  height: 284px;
  left: calc(50.00% - 142px);
  position: absolute;
  top: 873px;
  width: 284px;
}

.index-mobil .huebner_frank_webpage_main_bilder-kopie-eKFhgZ {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 100%;
}

.index-mobil .huebner_frank_webpage_main_bilder-kopie-eKFhgZ.bp1-animate-enter41 {
  animation: bp1-animate-enter41-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-mobil .icon-kundendienst-M5Au3N {
  background-color: transparent;
  height: 73px;
  position: absolute;
  right: calc(49.81% - 36px);
  top: 726px;
  width: 73px;
}

.index-mobil .button-kundendienst-mw8whh {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-mobil .button-kundendienst-mw8whh.bp1-animate-enter42 {
  animation: bp1-animate-enter42-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp1-animate-enter42-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-mobil .slogan_mobil_huebner_frank-M5Au3N {
  background-color: transparent;
  height: 58px;
  left: calc(50.00% - 96px);
  object-fit: cover;
  position: absolute;
  top: 806px;
  width: 192px;
}

.index-mobil .slogan_handwerk-M5Au3N {
  height: 69px;
  right: calc(49.30% - 133px);
  top: 4211px;
  width: 269px;
}

.index-mobil .slogan_handwerk-RHGwN9 {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-mobil .huebner_frank_text_intro_smartphone-M5Au3N {
  background-color: transparent;
  height: 598px;
  left: calc(50.00% - 115px);
  object-fit: cover;
  position: absolute;
  top: 1187px;
  width: 230px;
}

.index-mobil .huebner_frank_aufzae-M5Au3N {
  height: 300px;
  left: calc(50.00% - 140px);
  top: 2191px;
  width: 280px;
}

.index-mobil .huebner_frank_aufzae-M5Au3N.bp1-animate-enter43 {
  animation: bp1-animate-enter43-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-mobil .huebner_frank_aufzae-cxIijx {
  height: 273px;
  right: calc(49.25% - 134px);
  top: 2991px;
  width: 273px;
}

.index-mobil .huebner_frank_aufzae-cxIijx.bp1-animate-enter44 {
  animation: bp1-animate-enter44-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-mobil .huebner_frank_aufzae-6xaexg {
  height: 326px;
  left: calc(50.00% - 134px);
  top: 3753px;
  width: 267px;
}

.index-mobil .huebner_frank_aufzae-6xaexg.bp1-animate-enter45 {
  animation: bp1-animate-enter45-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-mobil .huebner_frank_aufzae-NcFhId {
  height: 417px;
  left: calc(50.00% - 149px);
  top: 4599px;
  width: 298px;
}

.index-mobil .huebner_frank_aufzae-NcFhId.bp1-animate-enter46 {
  animation: bp1-animate-enter46-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-mobil .huebner_frank_webpage_karriere_button-M5Au3N {
  background-color: transparent;
  cursor: pointer;
  height: 76px;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 569px;
  width: 340px;
}

.index-mobil .huebner_frank_webseite_footer_smartphone-M5Au3N {
  background-color: transparent;
  bottom: 254px;
  height: 158px;
  left: 27px;
  object-fit: cover;
  position: absolute;
  width: 264px;
}

.index-mobil .eckpunkte-wrme {
  background-color: transparent;
  display: block;
  font-family: var(--font-family-levenimmt-regular);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 26px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 18px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 0px;
  transform: scale(1.1);
  width: calc(100.00% + 2px);
}

.index-mobil .hbner-frank-social-m {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-mobil .huebner_frank_aufzae {
  background-color: transparent;
  display: block;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  transform: translate(0, 25px);
}

.index-mobil .slogan_handwerk {
  background-color: transparent;
  position: absolute;
}

.index-mobil .wmd {
  background-color: transparent;
  height: 14px;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  transform: rotate(1.86deg);
  white-space: nowrap;
}
/* screen - index-tablet-all-breakpoints */

.index-tablet-all-breakpoints {
  background-color: var(--white);
  margin: 0px;
  min-height: 9751px;
  min-width: 752px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index-tablet-all-breakpoints .komponente-97-2-lnWca6 {
  background-color: transparent;
  height: 655px;
  left: 0px;
  position: absolute;
  top: 400px;
  width: 100%;
}

.index-tablet-all-breakpoints .rechteck-1323-xTzDSO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  overflow: hidden;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .rechteck-1323-xTzDSO video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.index-tablet-all-breakpoints .rechteck-1323-xTzDSO img {
  object-fit: cover;
}

.index-tablet-all-breakpoints .hintergrund-handwerk-lnWca6 {
  background-color: transparent;
  display: block;
  height: 859px;
  left: calc(50.00% - 325px);
  opacity: 0;
  position: absolute;
  top: 7337px;
  transform: translate(2500px, 0);
  width: 650px;
}

.index-tablet-all-breakpoints .hintergrund-handwerk-lnWca6.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index-tablet-all-breakpoints .men-balken-wrme-1zP0xy {
  background-color: #afcb13;
}

.index-tablet-all-breakpoints .huebner_frank_text_handwerk-lnWca6 {
  background-color: transparent;
  display: block;
  height: 535px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(46.34% - 288px);
  top: 8014px;
  width: 622px;
}

.index-tablet-all-breakpoints .huebner_frank_text_handwerk-lnWca6.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-tablet-all-breakpoints .hintergrund-wrme-lnWca6 {
  background-color: transparent;
  display: block;
  height: 1076px;
  mix-blend-mode: normal;
  opacity: 0;
  position: absolute;
  right: calc(50.00% - 325px);
  top: 2566px;
  transform: translate(-2500px, 0);
  width: 650px;
}

.index-tablet-all-breakpoints .hintergrund-wrme-lnWca6.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-2500px, 0);
}

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

.index-tablet-all-breakpoints .men-balken-wrme-ee3YdD {
  background-color: #e8554d;
  mix-blend-mode: multiply;
}

.index-tablet-all-breakpoints .huebner_frank_text_waerme-lnWca6 {
  background-color: transparent;
  display: block;
  height: 518px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.67% - 299px);
  top: 3246px;
  width: 601px;
}

.index-tablet-all-breakpoints .huebner_frank_text_waerme-lnWca6.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-tablet-all-breakpoints .hintergrund-elektro-lnWca6 {
  height: 1065px;
  top: 4151px;
  transform: translate(2500px, 0);
}

.index-tablet-all-breakpoints .hintergrund-elektro-lnWca6.bp2-animate-enter11 {
  animation: bp2-animate-enter11-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index-tablet-all-breakpoints .men-balken-wrme-tazD7I {
  background-color: #58c0ee;
  mix-blend-mode: multiply;
}

.index-tablet-all-breakpoints .bild-wasser-lnWca6 {
  background-color: transparent;
  display: block;
  height: 650px;
  opacity: 0;
  position: absolute;
  right: calc(49.65% - 323px);
  top: 4151px;
  transform: translate(25px, 0);
  width: 651px;
}

.index-tablet-all-breakpoints .bild-wasser-lnWca6.bp2-animate-enter12 {
  animation: bp2-animate-enter12-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .bild-wasser-gigapixe-IXVcDG {
  background-color: transparent;
  border-radius: 15px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .hintergrund-cookies-lnWca6 {
  background-color: transparent;
  bottom: 0px;
  height: 122px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index-tablet-all-breakpoints .banner-cookies-background-SbGYot {
  background-color: var(--supernova);
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .text-cookies-lnWca6 {
  background-color: transparent;
  bottom: 6px;
  cursor: pointer;
  height: 87px;
  left: 3.06%;
  position: absolute;
  width: 93.77%;
}

.index-tablet-all-breakpoints .verwendung-von-cooki-uD8VdT {
  background-color: transparent;
  height: 89px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-tablet-all-breakpoints .datenschutz-button-lnWca6 {
  background-color: transparent;
  bottom: 183px;
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 2px;
  width: 164px;
}

.index-tablet-all-breakpoints .datenschutz-jSxRGc {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-tablet-all-breakpoints .impressum-button-lnWca6 {
  background-color: transparent;
  bottom: 138px;
  cursor: pointer;
  height: 37px;
  position: absolute;
  right: 2px;
  width: 151px;
}

.index-tablet-all-breakpoints .impressum-AeMuSG {
  background-color: transparent;
  height: 39px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: calc(100.00% + 2px);
}

.index-tablet-all-breakpoints .bild-wrme-lnWca6 {
  background-color: transparent;
  display: block;
  height: 650px;
  left: calc(50.00% - 325px);
  opacity: 0;
  position: absolute;
  top: 2566px;
  transform: translate(25px, 0);
  width: 650px;
}

.index-tablet-all-breakpoints .bild-wrme-lnWca6.bp2-animate-enter13 {
  animation: bp2-animate-enter13-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .icon-slogan-wrme-lnWca6 {
  background-color: transparent;
  height: 113px;
  left: calc(50.00% - 333px);
  position: absolute;
  top: 2433px;
  width: 666px;
}

.index-tablet-all-breakpoints .slogan-wrme-4Qpr4E {
  background-color: transparent;
  display: block;
  height: 98px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 15px;
  transform: translate(25px, 0);
  width: 541px;
}

.index-tablet-all-breakpoints .slogan-wrme-4Qpr4E.bp2-animate-enter14 {
  animation: bp2-animate-enter14-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .slogan_zeitorientiert_waerme-f7FKTu {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .icon-wrme-4Qpr4E {
  background-color: transparent;
  display: block;
  height: 105px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 105px;
}

.index-tablet-all-breakpoints .icon-wrme-4Qpr4E.bp2-animate-enter15 {
  animation: bp2-animate-enter15-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter15-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .logo-lnWca6 {
  display: block;
  height: 233px;
  left: calc(47.02% - 186px);
  opacity: 0;
  top: 90px;
  width: 396px;
}

.index-tablet-all-breakpoints .logo-lnWca6.bp2-animate-enter16 {
  animation: bp2-animate-enter16-frames 2.50s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter16-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-tablet-all-breakpoints .logo-jEmjNj {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-31-lnWca6 {
  background-color: transparent;
  height: 105px;
  left: calc(50.00% - 301px);
  position: absolute;
  top: 4025px;
  width: 602px;
}

.index-tablet-all-breakpoints .slogan-wasser-PZrCSu {
  background-color: transparent;
  display: block;
  height: 79px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 26px;
  transform: translate(25px, 0);
  width: 477px;
}

.index-tablet-all-breakpoints .slogan-wasser-PZrCSu.bp2-animate-enter17 {
  animation: bp2-animate-enter17-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .slogan_vitalisierend_klar-HHRP7A {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .icon-wasser-PZrCSu {
  background-color: transparent;
  display: block;
  height: 105px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 105px;
}

.index-tablet-all-breakpoints .icon-wasser-PZrCSu.bp2-animate-enter18 {
  animation: bp2-animate-enter18-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter18-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .button-wasser-gGMp1S {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .hintergrund-elektro-X1E1Gz {
  height: 999px;
  top: 5729px;
  transform: translate(-2500px, 0);
}

.index-tablet-all-breakpoints .hintergrund-elektro-X1E1Gz.bp2-animate-enter19 {
  animation: bp2-animate-enter19-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-2500px, 0);
}

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

.index-tablet-all-breakpoints .men-balken-wrme-g0pZMr {
  background-color: #f3c300;
  mix-blend-mode: multiply;
}

.index-tablet-all-breakpoints .bild-elektro-lnWca6 {
  background-color: transparent;
  display: block;
  height: 650px;
  left: calc(50.00% - 325px);
  opacity: 0;
  position: absolute;
  top: 5729px;
  transform: translate(-25px, 0);
  width: 650px;
}

.index-tablet-all-breakpoints .bild-elektro-lnWca6.bp2-animate-enter20 {
  animation: bp2-animate-enter20-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-32-lnWca6 {
  background-color: transparent;
  height: 107px;
  left: calc(49.78% - 293px);
  position: absolute;
  top: 5606px;
  width: 589px;
}

.index-tablet-all-breakpoints .slogan-elektro-jzrXkM {
  background-color: transparent;
  display: block;
  height: 107px;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 0px;
  transform: translate(-25px, 0);
  width: 493px;
}

.index-tablet-all-breakpoints .slogan-elektro-jzrXkM.bp2-animate-enter22 {
  animation: bp2-animate-enter22-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .slogan_elektro_2023-tvK4Or {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .slogan_elektro_2023-tvK4Or.bp2-animate-enter21 {
  animation: bp2-animate-enter21-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-elektro-jzrXkM {
  background-color: transparent;
  display: block;
  height: 96px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 96px;
}

.index-tablet-all-breakpoints .icon-elektro-jzrXkM.bp2-animate-enter23 {
  animation: bp2-animate-enter23-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter23-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .bild-handwerk-lnWca6 {
  background-color: transparent;
  height: 650px;
  left: calc(50.00% - 325px);
  position: absolute;
  top: 7337px;
  width: 650px;
}

.index-tablet-all-breakpoints .bild-team-m5K6cx {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .bild-team-m5K6cx.bp2-animate-enter24 {
  animation: bp2-animate-enter24-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-34-lnWca6 {
  background-color: transparent;
  height: 96px;
  left: calc(50.00% - 315px);
  position: absolute;
  top: 7211px;
  width: 630px;
}

.index-tablet-all-breakpoints .slogan-handwerk-BNG0RU {
  background-color: transparent;
  height: 94px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 524px;
}

.index-tablet-all-breakpoints .slogan-team-3u6QBO {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .slogan-team-3u6QBO.bp2-animate-enter25 {
  animation: bp2-animate-enter25-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-handwerk-BNG0RU {
  background-color: transparent;
  height: 96px;
  position: absolute;
  right: 534px;
  top: 0px;
  width: 96px;
}

.index-tablet-all-breakpoints .button-team-b8qA2x {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-tablet-all-breakpoints .button-team-b8qA2x.bp2-animate-enter26 {
  animation: bp2-animate-enter26-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter26-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .hintergrund-karriere-lnWca6 {
  background-color: transparent;
  height: 757px;
  position: absolute;
  top: 8674px;
}

.index-tablet-all-breakpoints .hintergrund-karriere-PxHqoN {
  background-color: #efefef;
  display: block;
  height: 100%;
  opacity: 0;
  position: relative;
  top: 0px;
}

.index-tablet-all-breakpoints .hintergrund-karriere-PxHqoN.bp2-animate-enter27 {
  animation: bp2-animate-enter27-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index-tablet-all-breakpoints .gruppe-44-lnWca6 {
  background-color: transparent;
  height: 50px;
  position: absolute;
  right: calc(17.08% - 46px);
  top: 8959px;
  width: 272px;
}

.index-tablet-all-breakpoints .text-fortbildungen-SrxW9t {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 11px;
  width: 212px;
}

.index-tablet-all-breakpoints .eckpunkte-wrme-EoeonN {
  color: var(--sunglow);
}

.index-tablet-all-breakpoints .eckpunkte-wrme-EoeonN.bp2-animate-enter28 {
  animation: bp2-animate-enter28-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter28-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .icon-fortbildungen-SrxW9t {
  background-color: transparent;
  height: 50px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 50px;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-fortbildung-89C5nP {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-fortbildung-89C5nP.bp2-animate-enter29 {
  animation: bp2-animate-enter29-frames 1.00s ease 1.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter29-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .gruppe-43-lnWca6 {
  background-color: transparent;
  height: 51px;
  position: absolute;
  right: calc(17.08% - 46px);
  top: 8872px;
  width: 272px;
}

.index-tablet-all-breakpoints .text-veranstaltungen-tVIt1t {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 11px;
  width: 212px;
}

.index-tablet-all-breakpoints .eckpunkte-wrme-z1CDDx {
  color: var(--neon-carrot);
}

.index-tablet-all-breakpoints .eckpunkte-wrme-z1CDDx.bp2-animate-enter30 {
  animation: bp2-animate-enter30-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter30-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .icon-veranstaltungen-tVIt1t {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 51px;
}

.index-tablet-all-breakpoints .hbner-frank-icons-ka-1DwptL {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-tablet-all-breakpoints .hbner-frank-icons-ka-1DwptL.bp2-animate-enter31 {
  animation: bp2-animate-enter31-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter31-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .gruppe-42-lnWca6 {
  background-color: transparent;
  height: 51px;
  left: calc(13.33% - 36px);
  position: absolute;
  top: 8958px;
  width: 272px;
}

.index-tablet-all-breakpoints .text-wissen-xXQl51 {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 11px;
  width: 212px;
}

.index-tablet-all-breakpoints .eckpunkte-wrme-vKG1Mh {
  color: var(--blue-jeans);
}

.index-tablet-all-breakpoints .eckpunkte-wrme-vKG1Mh.bp2-animate-enter32 {
  animation: bp2-animate-enter32-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter32-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .icon-wissen-xXQl51 {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 51px;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-wissen-g6bcZy {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-wissen-g6bcZy.bp2-animate-enter33 {
  animation: bp2-animate-enter33-frames 1.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter33-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .gruppe-41-lnWca6 {
  background-color: transparent;
  height: 51px;
  left: calc(13.33% - 36px);
  position: absolute;
  top: 8872px;
  width: 272px;
}

.index-tablet-all-breakpoints .text-dynamisches-team-hxGATs {
  background-color: transparent;
  height: 29px;
  position: absolute;
  right: 0px;
  top: 11px;
  width: 212px;
}

.index-tablet-all-breakpoints .eckpunkte-wrme-yOy3dc {
  color: var(--red-orange);
}

.index-tablet-all-breakpoints .eckpunkte-wrme-yOy3dc.bp2-animate-enter34 {
  animation: bp2-animate-enter34-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter34-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .icon-dynamisches-team-hxGATs {
  background-color: transparent;
  height: 51px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 50px;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-junges-team-6yx3r7 {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(1.1);
  width: 100%;
}

.index-tablet-all-breakpoints .hbner-frank-icons-karriere-junges-team-6yx3r7.bp2-animate-enter35 {
  animation: bp2-animate-enter35-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter35-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .slogan-karriere-lnWca6 {
  background-color: transparent;
  height: 104px;
  position: absolute;
  right: calc(49.70% - 290px);
  top: 8741px;
  width: 583px;
}

.index-tablet-all-breakpoints .slogan_karriere_2020-IVxuuG {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .slogan_karriere_2020-IVxuuG.bp2-animate-enter36 {
  animation: bp2-animate-enter36-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-35-lnWca6 {
  background-color: transparent;
  height: 58px;
  position: absolute;
  right: calc(50.00% - 238px);
  top: 9403px;
  width: 477px;
}

.index-tablet-all-breakpoints .icon-instagram-wWsq1E {
  background-color: transparent;
  height: 56px;
  left: 168px;
  position: absolute;
  top: 0px;
  width: 56px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-tC7xVU {
  left: 0px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-tC7xVU.bp2-animate-enter37 {
  animation: bp2-animate-enter37-frames 0.20s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-you-tube-wWsq1E {
  background-color: transparent;
  height: 56px;
  left: 84px;
  position: absolute;
  top: 2px;
  width: 56px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-XoAT4B {
  left: 0px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-XoAT4B.bp2-animate-enter38 {
  animation: bp2-animate-enter38-frames 0.20s ease 0.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-facebook-wWsq1E {
  background-color: transparent;
  height: 55px;
  left: 0px;
  position: absolute;
  top: 2px;
  width: 55px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-TEx112 {
  left: 1px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-TEx112.bp2-animate-enter39 {
  animation: bp2-animate-enter39-frames 0.20s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-google-wWsq1E {
  background-color: transparent;
  height: 56px;
  left: 421px;
  position: absolute;
  top: 0px;
  width: 56px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-Qk7V5x {
  left: 0px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-Qk7V5x.bp2-animate-enter40 {
  animation: bp2-animate-enter40-frames 0.20s ease 1.25s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-whats-app-wWsq1E {
  background-color: transparent;
  height: 56px;
  left: 337px;
  position: absolute;
  top: 0px;
  width: 56px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-rDbNUk {
  left: 0px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-rDbNUk.bp2-animate-enter41 {
  animation: bp2-animate-enter41-frames 0.20s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .icon-tik-tok-wWsq1E {
  background-color: transparent;
  height: 55px;
  left: 253px;
  position: absolute;
  top: 1px;
  width: 55px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-NEwFCn {
  left: 0px;
}

.index-tablet-all-breakpoints .hbner-frank-social-m-NEwFCn.bp2-animate-enter42 {
  animation: bp2-animate-enter42-frames 0.20s ease 0.75s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

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

.index-tablet-all-breakpoints .gruppe-45-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  height: 141px;
  left: calc(45.04% - 234px);
  position: absolute;
  top: 9200px;
  width: 520px;
}

.index-tablet-all-breakpoints .text-elektroniker-CUZdOk {
  background-color: transparent;
  display: block;
  height: 141px;
  left: calc(50.00% - 260px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 520px;
}

.index-tablet-all-breakpoints .text-elektroniker-CUZdOk.bp2-animate-enter43 {
  animation: bp2-animate-enter43-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .pfad-72-kdBdda {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .title-kdBdda {
  background-color: transparent;
  height: 41px;
  left: calc(32.13% - 58px);
  letter-spacing: 0.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: 19px;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 181px;
}

.index-tablet-all-breakpoints .span0-yqLTnM {
}

.index-tablet-all-breakpoints .span1-yqLTnM {
  letter-spacing: -0.59px;
}

.index-tablet-all-breakpoints .span2-yqLTnM {
}

.index-tablet-all-breakpoints .x-kdBdda {
  background-color: transparent;
  color: var(--hunter-green);
  font-family: var(--font-family-soleil-bold);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 700;
  height: 23px;
  letter-spacing: 0.00px;
  line-height: 21px;
  position: absolute;
  right: calc(45.00% - 3px);
  text-align: left;
  top: calc(23.97% - 6px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 6px;
}

.index-tablet-all-breakpoints .energie-und-gebudetechnik-kdBdda {
  background-color: transparent;
  color: var(--hunter-green);
  font-family: var(--font-family-soleil-bold);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  height: 30px;
  left: 38px;
  letter-spacing: 0.00px;
  line-height: 27px;
  position: absolute;
  text-align: left;
  top: calc(47.74% - 14px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 321px;
}

.index-tablet-all-breakpoints .wmd-kdBdda {
  bottom: calc(27.11% - 7px);
  height: 26px;
  left: calc(36.41% - 30px);
  line-height: 26px;
  width: 82px;
}

.index-tablet-all-breakpoints .span0-kbOn4a {
  letter-spacing: 0.32px;
}

.index-tablet-all-breakpoints .span1-kbOn4a {
  letter-spacing: 1.05px;
}

.index-tablet-all-breakpoints .span2-kbOn4a {
  letter-spacing: -0.40px;
}

.index-tablet-all-breakpoints .span3-kbOn4a {
  letter-spacing: 0.63px;
}

.index-tablet-all-breakpoints .span4-kbOn4a {
  letter-spacing: -0.82px;
}

.index-tablet-all-breakpoints .span5-kbOn4a {
}

.index-tablet-all-breakpoints .qr-code-elektroniker-CUZdOk {
  background-color: transparent;
  display: block;
  height: 100px;
  opacity: 0;
  position: absolute;
  right: calc(7.82% - 8px);
  top: 23px;
  transform: translate(25px, 0);
  width: 100px;
}

.index-tablet-all-breakpoints .qr-code-elektroniker-CUZdOk.bp2-animate-enter44 {
  animation: bp2-animate-enter44-frames 1.00s ease 2.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .rechteck-1118-xl7Mv3 {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-29-xl7Mv3 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-28-sKxYl0 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-46-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  height: 140px;
  position: absolute;
  right: calc(31.00% - 149px);
  top: 9044px;
  width: 481px;
}

.index-tablet-all-breakpoints .text-anlagenmechaniker-HaNAyu {
  background-color: transparent;
  display: block;
  height: 140px;
  left: calc(50.00% - 241px);
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 481px;
}

.index-tablet-all-breakpoints .text-anlagenmechaniker-HaNAyu.bp2-animate-enter45 {
  animation: bp2-animate-enter45-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .pfad-71-MKvMaI {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .anlagenmechaniker-MKvMaI {
  background-color: transparent;
  height: 38px;
  left: 44px;
  letter-spacing: 0.00px;
  line-height: 34px;
  position: absolute;
  text-align: left;
  top: 20px;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 271px;
}

.index-tablet-all-breakpoints .span0-lsy26f {
}

.index-tablet-all-breakpoints .span1-lsy26f {
  letter-spacing: -0.56px;
}

.index-tablet-all-breakpoints .span2-lsy26f {
}

.index-tablet-all-breakpoints .sanitr-heizungs-MKvMaI {
  background-color: transparent;
  height: 27px;
  left: 70px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: calc(46.51% - 13px);
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 187px;
}

.index-tablet-all-breakpoints .span0-Quq4ny {
}

.index-tablet-all-breakpoints .span1-Quq4ny {
  letter-spacing: -0.18px;
}

.index-tablet-all-breakpoints .span2-Quq4ny {
}

.index-tablet-all-breakpoints .und-MKvMaI {
  background-color: transparent;
  bottom: calc(49.67% - 13px);
  height: 27px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  right: calc(37.29% - 15px);
  text-align: left;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 40px;
}

.index-tablet-all-breakpoints .klimatechnik-MKvMaI {
  background-color: transparent;
  bottom: calc(32.22% - 9px);
  height: 27px;
  left: calc(22.94% - 30px);
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  transform: rotate(1.86deg);
  white-space: nowrap;
  width: 132px;
}

.index-tablet-all-breakpoints .wmd-MKvMaI {
  bottom: calc(27.83% - 7px);
  height: 24px;
  line-height: 24px;
  right: calc(44.49% - 33px);
  width: 75px;
}

.index-tablet-all-breakpoints .span0-n5ziCx {
  letter-spacing: 0.30px;
}

.index-tablet-all-breakpoints .span1-n5ziCx {
  letter-spacing: 0.98px;
}

.index-tablet-all-breakpoints .span2-n5ziCx {
  letter-spacing: -0.40px;
}

.index-tablet-all-breakpoints .span3-n5ziCx {
  letter-spacing: 0.58px;
}

.index-tablet-all-breakpoints .span4-n5ziCx {
  letter-spacing: -0.78px;
}

.index-tablet-all-breakpoints .span5-n5ziCx {
}

.index-tablet-all-breakpoints .qr-code-anlagenmechaniker-HaNAyu {
  background-color: transparent;
  display: block;
  height: 100px;
  opacity: 0;
  position: absolute;
  right: calc(5.91% - 6px);
  top: 21px;
  transform: translate(25px, 0);
  width: 100px;
}

.index-tablet-all-breakpoints .qr-code-anlagenmechaniker-HaNAyu.bp2-animate-enter46 {
  animation: bp2-animate-enter46-frames 1.00s ease 2.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .rechteck-947-stQW5t {
  background-color: var(--white);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-26-stQW5t {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .gruppe-25-TpK8li {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .icon-karriere-lnWca6 {
  background-color: transparent;
  height: 98px;
  position: absolute;
  right: calc(48.93% - 48px);
  top: 8625px;
  width: 98px;
}

.index-tablet-all-breakpoints .button_karriere-EILwBW {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-tablet-all-breakpoints .button_karriere-EILwBW.bp2-animate-enter47 {
  animation: bp2-animate-enter47-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter47-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .hintergrund-kundendienst-lnWca6 {
  background-color: transparent;
  display: block;
  height: 1136px;
  left: calc(50.00% - 325px);
  opacity: 0;
  position: absolute;
  top: 1250px;
  transform: translate(2500px, 0);
  width: 650px;
}

.index-tablet-all-breakpoints .hintergrund-kundendienst-lnWca6.bp2-animate-enter49 {
  animation: bp2-animate-enter49-frames 1.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index-tablet-all-breakpoints .men-balken-wrme-GIGwyy {
  background-color: var(--neon-carrot-2);
  display: block;
  mix-blend-mode: multiply;
  opacity: 0;
  transform: translate(2500px, 0);
}

.index-tablet-all-breakpoints .men-balken-wrme-GIGwyy.bp2-animate-enter48 {
  animation: bp2-animate-enter48-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(2500px, 0);
}

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

.index-tablet-all-breakpoints .text-kundendienst-lnWca6 {
  background-color: transparent;
  height: 517px;
  position: absolute;
  right: calc(43.42% - 261px);
  top: 1930px;
  width: 600px;
}

.index-tablet-all-breakpoints .huebner_frank_text_intro-znoGQs {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1px;
  width: 100%;
}

.index-tablet-all-breakpoints .huebner_frank_text_intro-znoGQs.bp2-animate-enter50 {
  animation: bp2-animate-enter50-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter50-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-tablet-all-breakpoints .bild-kundendienst-lnWca6 {
  background-color: transparent;
  height: 650px;
  left: calc(50.00% - 325px);
  position: absolute;
  top: 1250px;
  width: 650px;
}

.index-tablet-all-breakpoints .huebner_frank_webpage_main_bilder-kopie-cYY5Ab {
  background-color: transparent;
  border-radius: 15px;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: translate(25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .huebner_frank_webpage_main_bilder-kopie-cYY5Ab.bp2-animate-enter51 {
  animation: bp2-animate-enter51-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .icon-slogan-kundendienst-lnWca6 {
  background-color: transparent;
  height: 103px;
  position: absolute;
  right: calc(49.38% - 331px);
  top: 1126px;
  width: 671px;
}

.index-tablet-all-breakpoints .slogan-kundendienst-WecEkX {
  height: 103px;
  left: 96px;
  width: 575px;
}

.index-tablet-all-breakpoints .slogan-kundendienst-xDTtqE {
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  transform: translate(25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .slogan-kundendienst-xDTtqE.bp2-animate-enter52 {
  animation: bp2-animate-enter52-frames 2.00s ease 0.50s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.index-tablet-all-breakpoints .icon-kundendienst-WecEkX {
  background-color: transparent;
  height: 96px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 96px;
}

.index-tablet-all-breakpoints .button-kundendienst-oNvM5R {
  background-color: transparent;
  display: block;
  height: 100%;
  left: 0px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 0px;
  transform: scale(2);
  width: 100%;
}

.index-tablet-all-breakpoints .button-kundendienst-oNvM5R.bp2-animate-enter53 {
  animation: bp2-animate-enter53-frames 2.00s ease 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: scale(2);
}

@keyframes bp2-animate-enter53-frames {
  from{opacity: 0;
transform: scale(2);
}
to{opacity: 1;
transform: scale(1);
}
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_waerme_tablet-lnWca6 {
  background-color: transparent;
  display: block;
  height: 309px;
  left: calc(50.00% - 264px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 3668px;
  transform: translate(0, 25px);
  width: 528px;
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_waerme_tablet-lnWca6.bp2-animate-enter54 {
  animation: bp2-animate-enter54-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-tablet-all-breakpoints .huebner_frank_text_wasser-lnWca6 {
  background-color: transparent;
  display: block;
  height: 518px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(43.05% - 259px);
  top: 4830px;
  width: 601px;
}

.index-tablet-all-breakpoints .huebner_frank_text_wasser-lnWca6.bp2-animate-enter55 {
  animation: bp2-animate-enter55-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter55-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_wasser_tablet-lnWca6 {
  background-color: transparent;
  display: block;
  height: 317px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(49.81% - 247px);
  top: 5242px;
  transform: translate(0, 25px);
  width: 495px;
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_wasser_tablet-lnWca6.bp2-animate-enter56 {
  animation: bp2-animate-enter56-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-tablet-all-breakpoints .huebner_frank_text_elektro-lnWca6 {
  background-color: transparent;
  display: block;
  height: 518px;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  right: calc(43.05% - 259px);
  top: 6409px;
  width: 601px;
}

.index-tablet-all-breakpoints .huebner_frank_text_elektro-lnWca6.bp2-animate-enter57 {
  animation: bp2-animate-enter57-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter57-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_elektro_tablet-lnWca6 {
  background-color: transparent;
  display: block;
  height: 404px;
  left: calc(50.00% - 227px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 6758px;
  transform: translate(0, 25px);
  width: 454px;
}

.index-tablet-all-breakpoints .huebner_frank_aufzaehlung_elektro_tablet-lnWca6.bp2-animate-enter58 {
  animation: bp2-animate-enter58-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-tablet-all-breakpoints .huebner_frank_aufzae-lnWca6 {
  background-color: transparent;
  display: block;
  height: 371px;
  left: calc(50.00% - 316px);
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 8226px;
  transform: translate(0, 25px);
  width: 632px;
}

.index-tablet-all-breakpoints .huebner_frank_aufzae-lnWca6.bp2-animate-enter59 {
  animation: bp2-animate-enter59-frames 1.00s ease 1.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.index-tablet-all-breakpoints .huebner_frank_webpage_karriere_button-lnWca6 {
  background-color: transparent;
  cursor: pointer;
  height: 95px;
  object-fit: cover;
  position: absolute;
  right: 13px;
  top: 935px;
  width: 429px;
}

.index-tablet-all-breakpoints .huebner_frank_webseite_footer-lnWca6 {
  background-color: transparent;
  bottom: 145px;
  height: 71px;
  left: 31px;
  object-fit: cover;
  position: absolute;
  width: 554px;
}

.index-tablet-all-breakpoints .eckpunkte-wrme {
  background-color: transparent;
  display: block;
  font-family: var(--font-family-levenimmt-regular);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: 31px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 0px;
  transform: scale(1.1);
  width: calc(100.00% + 2px);
}

.index-tablet-all-breakpoints .hbner-frank-social-m {
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: translate(-25px, 0);
  width: 100%;
}

.index-tablet-all-breakpoints .hintergrund-elektro {
  background-color: transparent;
  display: block;
  mix-blend-mode: multiply;
  opacity: 0;
  position: absolute;
  right: calc(50.00% - 325px);
  width: 650px;
}

.index-tablet-all-breakpoints .hintergrund-karriere {
  left: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .men-balken-wrme {
  border-radius: 15px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-tablet-all-breakpoints .slogan-kundendienst {
  background-color: transparent;
  position: absolute;
  top: 0px;
}

.index-tablet-all-breakpoints .wmd {
  background-color: transparent;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  transform: rotate(1.86deg);
  white-space: nowrap;
}
@media screen and (max-width: 751px) {
  .screen.index { 
    display: none;
   }
  .screen.index-tablet-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 752px) and (max-width: 1037px) {
  .screen.index { 
    display: none;
   }
  .screen.index-mobil { 
    display: none;
   }
}
@media screen and (min-width: 1038px) {
  .screen.index-tablet-all-breakpoints { 
    display: none;
   }
  .screen.index-mobil { 
    display: none;
   }
}