/* screen - leistungen */

.leistungen {
  align-items: flex-start;
  background-color: var(--eerie-black);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 1350px;
  justify-content: flex-start;
  min-width: 2160px;
  overflow-x: hidden;
  padding: 0 130px;
  position: relative;
  width: auto;
}

.leistungen .group-copy-ZxXTuV {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 0px;
  margin-top: 83px;
  min-height: 520px;
  position: relative;
  width: 322px;
}

.leistungen .main-nav-H9vZby {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 254px;
  position: relative;
  width: 322px;
}

.leistungen .overlap-group-JHrToA {
  background-color: transparent;
  flex-shrink: 1;
  height: 103px;
  position: relative;
  width: 322px;
}

.leistungen .home-whbA7x {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 36px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 202px;
}

.leistungen .leistungen-whbA7x {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 72px;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 43px;
  position: absolute;
  text-align: left;
  top: 31px;
  width: 293px;
}

.leistungen .outlet-JHrToA {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 6px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen .about-us-JHrToA {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 19px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen .onlinekatalog-JHrToA {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 18px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen .nav2-H9vZby {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-top: 123px;
  min-height: 143px;
  position: relative;
  width: 202px;
}

.leistungen .find-us-fb-rgb-brc-site-500-BtjN0b {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  height: 35px;
  position: relative;
  width: 186px;
}

.leistungen .impressum-kontakt-BtjN0b {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 19px;
  margin-left: 2px;
  margin-top: 35px;
  min-height: 19px;
  min-width: 200px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 200px;
}

.leistungen .datenschutz-copy-BtjN0b {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 19px;
  margin-left: 2px;
  margin-top: 35px;
  min-height: 19px;
  min-width: 165px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 165px;
}

.leistungen .overlap-group1-ZxXTuV {
  background-color: transparent;
  flex-shrink: 1;
  height: 1328px;
  margin-left: 106px;
  margin-top: 11px;
  position: relative;
  width: 1463px;
}

.leistungen .group-2-6SXpL2 {
  background-color: transparent;
  height: 1328px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1463px;
}

.leistungen .hoodie_bg-Uupflm {
  background-color: transparent;
  height: 1328px;
  left: 401px;
  position: absolute;
  top: 0px;
  width: 1062px;
}

.leistungen .group-Uupflm {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  left: 0px;
  min-height: 697px;
  position: absolute;
  top: 360px;
  width: 701px;
}

.leistungen .sublimationsdruck-xqoQBV {
  align-self: flex-end;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-right: 0.09px;
  min-height: 87px;
  min-width: 604px;
  position: relative;
  text-align: left;
  width: 604px;
}

.leistungen .direktdruck-xqoQBV {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-right: 68.06px;
  margin-top: 35px;
  min-height: 87px;
  min-width: 383px;
  position: relative;
  text-align: left;
  width: 383px;
}

.leistungen .stick-xqoQBV {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-right: 7.04px;
  margin-top: 35px;
  min-height: 87px;
  min-width: 184px;
  position: relative;
  text-align: left;
  width: 184px;
}

.leistungen .flockdruck-xqoQBV {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-left: 78px;
  margin-top: 35px;
  min-height: 87px;
  min-width: 354px;
  position: relative;
  text-align: left;
  width: 354px;
}

.leistungen .flexdruck-xqoQBV {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-left: 93px;
  margin-top: 35px;
  min-height: 87px;
  min-width: 324px;
  position: relative;
  text-align: left;
  width: 324px;
}

.leistungen .ecosolventdruck-xqoQBV {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 63px;
  margin-top: 35px;
  min-height: 87px;
  min-width: 517px;
  position: relative;
  text-align: left;
  width: 517px;
}

.leistungen .textil99_-button_white-6SXpL2 {
  background-color: transparent;
  height: 140px;
  left: 474px;
  position: absolute;
  top: 13px;
  width: 103px;
}
/* screen - leistungen1920 */

.leistungen1920 {
  align-items: flex-start;
  background-color: var(--eerie-black);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 1080px;
  justify-content: flex-start;
  min-width: 1920px;
  overflow-x: hidden;
  padding: 0 58px;
  position: relative;
  width: auto;
}

.leistungen1920 .group-copy-2-4tvRIx {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 0px;
  margin-top: 53px;
  min-height: 520px;
  position: relative;
  width: 322px;
}

.leistungen1920 .main-nav-f6hvW6 {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 254px;
  position: relative;
  width: 322px;
}

.leistungen1920 .overlap-group-Ec1xQr {
  background-color: transparent;
  flex-shrink: 1;
  height: 103px;
  position: relative;
  width: 322px;
}

.leistungen1920 .home-x21Vlt {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 36px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 202px;
}

.leistungen1920 .leistungen-x21Vlt {
  background-color: transparent;
  cursor: pointer;
  font-weight: 700;
  height: 72px;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 43px;
  position: absolute;
  text-align: left;
  top: 31px;
  width: 293px;
}

.leistungen1920 .outlet-Ec1xQr {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 6px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen1920 .about-us-Ec1xQr {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 19px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen1920 .onlinekatalog-Ec1xQr {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 18px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.leistungen1920 .nav2-f6hvW6 {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-top: 123px;
  min-height: 143px;
  position: relative;
  width: 202px;
}

.leistungen1920 .find-us-fb-rgb-brc-site-500-9sKdf3 {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  height: 35px;
  position: relative;
  width: 186px;
}

.leistungen1920 .impressum-kontakt-9sKdf3 {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 19px;
  margin-left: 2px;
  margin-top: 35px;
  min-height: 19px;
  min-width: 200px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 200px;
}

.leistungen1920 .datenschutz-copy-9sKdf3 {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 19px;
  margin-left: 2px;
  margin-top: 35px;
  min-height: 19px;
  min-width: 165px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 165px;
}

.leistungen1920 .overlap-group1-4tvRIx {
  background-color: transparent;
  flex-shrink: 1;
  height: 1016px;
  margin-left: 236px;
  margin-top: 19px;
  position: relative;
  width: 1189px;
}

.leistungen1920 .textil99_-button_white-copy-OOfvBx {
  background-color: transparent;
  height: 140px;
  left: 296px;
  position: absolute;
  top: 0px;
  width: 104px;
}

.leistungen1920 .group-2-OOfvBx {
  background-color: transparent;
  display: block;
  height: 990px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 26px;
  width: 1189px;
}

.leistungen1920 .group-2-OOfvBx.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.leistungen1920 .hoodie_bg-copy-Vk4kZd {
  background-color: transparent;
  height: 990px;
  left: 250px;
  position: absolute;
  top: 0px;
  width: 939px;
}

.leistungen1920 .group-Vk4kZd {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  left: 0px;
  min-height: 603px;
  position: absolute;
  top: 246px;
  width: 684px;
}

.leistungen1920 .sublimationsdruck-copy-qY49Op {
  align-self: flex-end;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  min-height: 87px;
  min-width: 604px;
  position: relative;
  text-align: left;
  width: 604px;
}

.leistungen1920 .direktdruck-copy-qY49Op {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  margin-left: 72px;
  margin-top: 16px;
  min-height: 87px;
  min-width: 383px;
  position: relative;
  text-align: left;
  width: 383px;
}

.leistungen1920 .stick-copy-qY49Op {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  margin-right: 134.0px;
  margin-top: 16px;
  min-height: 87px;
  min-width: 184px;
  position: relative;
  text-align: left;
  width: 184px;
}

.leistungen1920 .flockdruck-copy-qY49Op {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  margin-top: 17px;
  min-height: 87px;
  min-width: 354px;
  position: relative;
  text-align: left;
  width: 354px;
}

.leistungen1920 .flexdruck-copy-qY49Op {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  margin-left: 67px;
  margin-top: 16px;
  min-height: 87px;
  min-width: 324px;
  position: relative;
  text-align: left;
  width: 324px;
}

.leistungen1920 .ecosolventdruck-copy-qY49Op {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 50px;
  margin-top: 16px;
  min-height: 87px;
  min-width: 517px;
  position: relative;
  text-align: left;
  width: 517px;
}
@media screen and (max-width: 2159px) {
  .screen.leistungen { 
    display: none;
   }
}
@media screen and (min-width: 2160px) {
  .screen.leistungen1920 { 
    display: none;
   }
}
@media screen and (min-width: 1461px) and (max-width: 1919px) {
    .screen.leistungen { 
    display: none;
   }
    .screen.leistungen1920 { 
    transform: scale(0.8);
   }
}
@media screen and (min-width: 769px) and (max-width: 1460px) {
    .screen.leistungen { 
    display: none;
   }
    .screen.leistungen1920 { 
        transform: scale(0.6) translateY(-300px);
        
}