/* screen - index */

.index {
  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;
  position: relative;
  width: auto;
}

.index .group-IO3Fu5 {
  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: 130px;
  margin-top: 65px;
  min-height: 545px;
  position: relative;
  width: 322px;
}

.index .main-nav-2bwwTc {
  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: 279px;
  position: relative;
  width: 322px;
}

.index .home-xEvmxI {
  align-self: flex-end;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 74px;
  letter-spacing: 0.00px;
  line-height: 43px;
  min-height: 74px;
  min-width: 285px;
  position: relative;
  text-align: left;
  width: 285px;
}

.index .leistungen-xEvmxI {
  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;
}

.index .outlet-xEvmxI {
  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;
}

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

.index .onlinekatalog-xEvmxI {
  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;
}

.index .nav2-2bwwTc {
  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;
}

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

.index .impressum-kontakt-MWU3jH {
  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;
}

.index .datenschutz-copy-MWU3jH {
  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;
}

.index .overlap-group-IO3Fu5 {
  background-color: transparent;
  flex-shrink: 1;
  height: 1338px;
  margin-left: 20px;
  margin-top: 12px;
  position: relative;
  width: 1696px;
}

.index .group-2-aDbzPV {
  background-color: transparent;
  height: 1338px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1696px;
}

.index .bg_textil_start-VoyhU1 {
  background-color: transparent;
  height: 1338px;
  left: 90px;
  position: absolute;
  top: 0px;
  width: 1606px;
}

.index .willkommen-bei-der-t-VoyhU1 {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-readex_pro);
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  text-align: left;
  text-shadow: 2px 2px 6px #00000080;
  top: 450px;
  width: 893px;
}

.index .textil99_-button_white-aDbzPV {
  background-color: transparent;
  height: 140px;
  left: 560px;
  position: absolute;
  top: 12px;
  width: 103px;
}
/* screen - index1920 */

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

.index1920 .group-copy-7VClOE {
  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: 35px;
  min-height: 545px;
  position: relative;
  width: 322px;
}

.index1920 .main-nav-dLaIpa {
  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: 279px;
  position: relative;
  width: 322px;
}

.index1920 .home-mruWkj {
  align-self: flex-end;
  background-color: transparent;
  cursor: pointer;
  flex-shrink: 1;
  font-weight: 700;
  height: 74px;
  letter-spacing: 0.00px;
  line-height: 43px;
  min-height: 74px;
  min-width: 285px;
  position: relative;
  text-align: left;
  width: 285px;
}

.index1920 .leistungen-mruWkj {
  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;
}

.index1920 .outlet-mruWkj {
  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;
}

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

.index1920 .onlinekatalog-mruWkj {
  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;
}

.index1920 .nav2-dLaIpa {
  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;
}

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

.index1920 .impressum-kontakt-bGSvaT {
  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;
}

.index1920 .datenschutz-copy-bGSvaT {
  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;
}

.index1920 .overlap-group-7VClOE {
  background-color: transparent;
  flex-shrink: 1;
  height: 1192px;
  margin-left: 5px;
  margin-top: -16px;
  position: relative;
  width: 1430px;
}

.index1920 .group-TZ0Xre {
  background-color: transparent;
  background-image: url(../img/index1920-bgtextilstart-1E4407FB-6FF8-4551-9167-030286024FE0.png);
  background-size: 100% 100%;
  display: block;
  height: 1192px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 1430px;
}

.index1920 .group-TZ0Xre.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

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

.index1920 .willkommen-bei-der-t-NOimJd {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-readex_pro);
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 55px;
  letter-spacing: 0.00px;
  line-height: 75px;
  position: absolute;
  text-align: left;
  text-shadow: 2px 2px 6px #00000080;
  top: 323px;
  width: 796px;
}

.index1920 .textil99_-button_white-copy-TZ0Xre {
  background-color: transparent;
  height: 140px;
  left: 527px;
  position: absolute;
  top: 35px;
  width: 104px;
}
/* screen - indexmobile */

.indexmobile {
  background-color: var(--eerie-black);
  height: 1070px;
  overflow-x: hidden;
  position: relative;
  width: 414px;
}

.indexmobile .bg_textil_start-dqR1xJ {
  background-color: transparent;
  height: 1069px;
  left: -618px;
  position: absolute;
  top: -54px;
  width: 1283px;
}

.indexmobile .willkommen-bei-der-t-dqR1xJ {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-readex_pro);
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 46px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: center;
  text-shadow: 2px 2px 6px #00000080;
  top: 768px;
  width: 325px;
}

.menufull {
  background-color: transparent;
  height: 521px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 414px;
}

.menufull .rectangle-copy-seMD4S {
  background-color: #1a1a1a;
  height: 100%;
  left: 0px;
  opacity: 0.9;
  position: absolute;
  top: 0px;
  width: 100%;
}

.menufull .video-seMD4S {
  background-color: transparent;
  height: 521px;
  left: calc(50.00% - 207px);
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: calc(50.00% - 260px);
  width: 414px;
}

.menufull .video-seMD4S video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.menufull .video-seMD4S img {
  object-fit: cover;
}

.menufull .rectangle-seMD4S {
  background-color: #1a1a1a;
  height: 100%;
  left: 0px;
  opacity: 0.9;
  position: absolute;
  top: 0px;
  width: 100%;
}

.menufull .find-us-fb-rgb-brc-site-500-seMD4S {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 79px;
  opacity: 1;
  position: absolute;
  top: 445px;
  width: 128px;
}

.menufull .datenschutz-seMD4S {
  background-color: transparent;
  bottom: 22.26%;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 23px;
  left: 19.08%;
  letter-spacing: 0.00px;
  line-height: 23px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 25.85%;
}

.menufull .impressum-kontakt-seMD4S {
  background-color: transparent;
  bottom: 28.60%;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 23px;
  left: 19.08%;
  letter-spacing: 0.00px;
  line-height: 23px;
  opacity: 1;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 43.72%;
}

.menufull .path-seMD4S {
  background-color: transparent;
  bottom: 36.08%;
  height: 0.38%;
  left: 11.11%;
  opacity: 1;
  position: absolute;
  width: 71.50%;
}

.menufull .onlinekatalog-seMD4S {
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 31px;
  left: 18.84%;
  letter-spacing: 0.00px;
  line-height: 31px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 44.53%;
  white-space: nowrap;
  width: 42.51%;
}

.menufull .about-us-seMD4S {
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 31px;
  left: 18.84%;
  letter-spacing: 0.00px;
  line-height: 31px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 36.66%;
  white-space: nowrap;
  width: 27.29%;
}

.menufull .outlet-seMD4S {
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 31px;
  left: 18.84%;
  letter-spacing: 0.00px;
  line-height: 31px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 28.79%;
  white-space: nowrap;
  width: 19.08%;
}

.menufull .leistungen-seMD4S {
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 31px;
  left: 19.08%;
  letter-spacing: 0.00px;
  line-height: 31px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 20.92%;
  white-space: nowrap;
  width: 33.82%;
}

.menufull .menu-seMD4S {
  background-color: transparent;
  color: #ffffff;
  font-family: 'Readex Pro', Source Sans Pro, sans-serif, Helvetica;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  height: 31px;
  left: 19.08%;
  letter-spacing: 0.00px;
  line-height: 31px;
  opacity: 1;
  position: absolute;
  text-align: left;
  top: 2.30%;
  white-space: nowrap;
  width: 16.67%;
}

.menufull .navmobileham_menu-seMD4S {
  background-color: transparent;
  height: 8.64%;
  left: 5.80%;
  opacity: 1;
  position: absolute;
  top: 0.96%;
  width: 10.87%;
}

.menufull .black-oval-VTFhW1 {
  background-color: transparent;
  border-radius: 45px;
  height: 45px;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 45px;
}

.menufull .menu-VTFhW1 {
  background-color: transparent;
  height: 37.78%;
  left: 17.78%;
  opacity: 1;
  position: absolute;
  top: 31.11%;
  width: 64.44%;
}

.menufull .x3-XSPKJO {
  background-color: #ffffff;
  bottom: 0px;
  height: 17.65%;
  left: 0px;
  opacity: 1;
  position: absolute;
  width: 100%;
}

.menufull .x2-XSPKJO {
  background-color: #ffffff;
  height: 17.65%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 41.18%;
  width: 100%;
}

.menufull .x1-XSPKJO {
  background-color: #ffffff;
  height: 17.65%;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 0px;
  width: 100%;
}

.menufull .textil99_-button_white-copy-seMD4S {
  background-color: transparent;
  height: 96px;
  opacity: 1;
  position: absolute;
  right: 8.45%;
  top: 10px;
  width: 72px;
}
@media screen and (max-width: 768px) {
  .screen.index { 
    display: none;
   }
  .screen.index1920 { 
    display: none;
   }
}
@media screen and (min-width: 1461px) and (max-width: 1919px) {
  .screen.index { 
    display: none;
   }
  .screen.indexmobile { 
    display: none;
   }
    .screen.index1920 { 
    transform: scale(0.8);
   }
}
@media screen and (min-width: 769px) and (max-width: 1460px) {
    .screen.index { 
    display: none;
   }
  .screen.indexmobile { 
    display: none;
   }
    .screen.index1920 { 
        transform: scale(0.6) translateY(-300px);
   }
}

@media screen and (min-width: 1920px) and (max-width: 2159px) {
  .screen.index { 
    display: none;
   }
  .screen.indexmobile { 
    display: none;
   }
}