/* screen - about */

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

.about .group-copy-3-vRTBB9 {
  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: 222px;
}

.about .main-nav-nsWWWS {
  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: 222px;
}

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

.about .leistungen-mWEE4H {
  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;
}

.about .outlet-mWEE4H {
  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;
}

.about .about-us-mWEE4H {
  align-self: flex-end;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 73px;
  letter-spacing: 0.00px;
  line-height: 43px;
  margin-top: 0px;
  min-height: 73px;
  min-width: 185px;
  position: relative;
  text-align: left;
  width: 185px;
}

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

.about .nav2-nsWWWS {
  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;
}

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

.about .impressum-kontakt-j5VOeD {
  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;
}

.about .datenschutz-copy-j5VOeD {
  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;
}

.about .flex-col-vRTBB9 {
  align-items: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 175px;
  margin-top: 24px;
  min-height: 890px;
  position: relative;
  width: 1106px;
}

.about .textil99_-button_white-IJtrdD {
  background-color: transparent;
  flex-shrink: 1;
  height: 140px;
  margin-left: 7.0px;
  position: relative;
  width: 103px;
}

.about .group-IJtrdD {
  align-items: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-top: 82px;
  min-height: 668px;
  position: relative;
  width: 1106px;
}

.about .tw_-logo_white_new-1ccSsG {
  background-color: transparent;
  flex-shrink: 1;
  height: 128px;
  margin-left: 1.0px;
  position: relative;
  width: 577px;
}

.about .x2009-ist-unsere-text-1ccSsG {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 200;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 25px;
  margin-top: 60px;
  min-height: 480px;
  min-width: 1106px;
  position: relative;
  text-align: left;
  width: 1106px;
}
/* screen - aboutcopy */

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

.aboutcopy .group-copy-3-trAuDu {
  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: 222px;
}

.aboutcopy .main-nav-fIjSSA {
  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: 222px;
}

.aboutcopy .home-SIZK81 {
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 36px;
  letter-spacing: 0.00px;
  line-height: 23px;
  min-height: 36px;
  min-width: 202px;
  position: relative;
  text-align: left;
  width: 202px;
}

.aboutcopy .leistungen-SIZK81 {
  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;
}

.aboutcopy .outlet-SIZK81 {
  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;
}

.aboutcopy .about-us-SIZK81 {
  align-self: flex-end;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 73px;
  letter-spacing: 0.00px;
  line-height: 43px;
  margin-top: 0px;
  min-height: 73px;
  min-width: 185px;
  position: relative;
  text-align: left;
  width: 185px;
}

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

.aboutcopy .nav2-fIjSSA {
  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;
}

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

.aboutcopy .impressum-kontakt-kkq0W2 {
  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;
}

.aboutcopy .datenschutz-copy-kkq0W2 {
  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;
}

.aboutcopy .flex-col-trAuDu {
  align-items: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 166px;
  margin-top: 19px;
  min-height: 774px;
  position: relative;
  width: 1027px;
}

.aboutcopy .textil99_-button_white-x5pCkV {
  background-color: transparent;
  flex-shrink: 1;
  height: 140px;
  margin-left: 9.0px;
  position: relative;
  width: 102px;
}

.aboutcopy .group-x5pCkV {
  background-color: transparent;
  display: block;
  flex-shrink: 1;
  height: 581px;
  margin-top: 53px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 1027px;
}

.aboutcopy .group-x5pCkV.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

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

.aboutcopy .x2009-ist-unsere-text-fxY6x8 {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-readex_pro);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 200;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 137px;
  width: 1027px;
}

.aboutcopy .tw_-logo_white_new-fxY6x8 {
  background-color: transparent;
  height: 100px;
  left: 288px;
  position: absolute;
  top: 0px;
  width: 451px;
}
@media screen and (max-width: 2159px) {
  .screen.about { 
    display: none;
   }
}
@media screen and (min-width: 2160px) {
  .screen.aboutcopy { 
    display: none;
   }
}
@media screen and (min-width: 1461px) and (max-width: 1919px) {
    .screen.about { 
    display: none;
   }
    .screen.aboutcopy { 
    transform: scale(0.8);
   }
}
@media screen and (min-width: 769px) and (max-width: 1460px) {
    .screen.about { 
    display: none;
   }
    .screen.aboutcopy { 
        transform: scale(0.6) translateY(-300px);
   }
}