/**
 *  Media queries
 */
/**
 * Units
 */
/* pixel value */
/*  Breakpoints */
.tx-abbinder {
  --gap: 1rem;
  position: relative;
}
.tx-abbinder .image {
  inset: 0;
}
.tx-abbinder .image img {
  width: 100%;
}
.tx-abbinder .content {
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translate(0, 25%);
  background-color: lightgray;
  border-radius: 1rem;
  padding-bottom: 1rem;
  padding: 1rem;
  width: fit-content;
  max-width: calc(100vw - 2rem);
}
@media screen and (min-width: 992px) {
  .tx-abbinder .content {
    max-width: 820px;
    left: 10rem;
  }
}
.tx-abbinder .content .title {
  font-size: clamp(1rem, 5vw, 50px);
  line-height: 1.2;
  text-transform: initial;
  color: black;
  max-width: 27ch;
}
.tx-abbinder .content .subline {
  font-size: 1rem;
  color: black;
}
.tx-abbinder .content a {
  color: black;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tx-abbinder .content a svg {
  width: 1rem;
  height: 1rem;
}
.tx-abbinder .content a:hover {
  text-decoration: underline;
}
.tx-cards {
  --containerGap: 1.5rem;
  --cardPadding: 2rem;
  --cardGap: 1rem;
}
@media screen and (min-width: 768px) {
  .tx-cards {
    --containerGap: 3cqw;
  }
}
.tx-cards ul.cards {
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-inline: auto;
  list-style: none;
  padding-left: 0;
  gap: var(--containerGap);
}
.tx-cards ul.cards li {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .tx-cards ul.cards li {
    flex: 0 0 calc(100% / 3 - var(--containerGap)) !important;
  }
}
.tx-cards ul.cards li .card {
  display: flex;
  flex-direction: column;
  border: 2px solid black;
  border-radius: 1rem;
  border-bottom-left-radius: 0;
  justify-content: space-between;
  padding: var(--cardPadding);
  gap: var(--cardGap);
  height: calc(100% - var(--cardGap) * 2);
}
.tx-cards ul.cards li .card .image {
  background: lightgray;
  aspect-ratio: 1;
  width: 6cqh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.tx-cards ul.cards li .card .image svg {
  width: 70%;
  height: auto;
}
.tx-cards ul.cards[data-count="2"] {
  justify-content: start;
}
.tx-cards ul.cards[data-count="3"] {
  justify-content: space-between;
}
.tx-contact .intro p::first-line {
  font-weight: bold;
}
.tx-contact .contacts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.tx-contact .contacts .contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.tx-contact .contacts .contact .image {
  max-width: 10rem;
}
.tx-contact .contacts .contact .image img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.tx-contact .contacts .contact .text .name {
  display: block;
  line-height: 1.3;
  font-size: .9rem;
  font-weight: bold;
}
.tx-contact .contacts .contact .text .link {
  display: flex;
  gap: .5rem;
}
.tx-contact .contacts .contact .text .link a {
  display: block;
  color: black;
  font-size: .9rem;
}
.tx-grid {
  margin-block: 2rem;
  position: relative;
}
.tx-grid .gridContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.tx-grid .gridContainer .item {
  flex-grow: 0;
  flex-basis: 100%;
}
@media screen and (min-width: 600px) {
  .tx-grid .gridContainer .item {
    flex-grow: 1;
  }
  .tx-grid .gridContainer .item.third,
  .tx-grid .gridContainer .item.half,
  .tx-grid .gridContainer .item.twothird {
    flex-basis: 50%;
  }
  .tx-grid .gridContainer .item.full {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 768px) {
  .tx-grid .gridContainer .item {
    border-bottom: unset;
    padding-block: 2rem;
  }
  .tx-grid .gridContainer .item.third {
    flex-basis: 33.3333%;
  }
  .tx-grid .gridContainer .item.half {
    flex-basis: 50%;
  }
  .tx-grid .gridContainer .item.twothird {
    flex-basis: 66.6666%;
  }
  .tx-grid .gridContainer .item.full {
    flex-basis: 100%;
  }
}
.tx-grid .gridContainer .item .outer {
  padding-block: 1rem;
}
.tx-grid .gridContainer .item .outer .inner {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-inline: 1.5rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .tx-grid .gridContainer .item .outer .inner {
    padding-inline: 3rem;
  }
}
.tx-grid .gridContainer .item .outer .inner.flex-start {
  justify-content: flex-start;
}
.tx-grid .gridContainer .item .outer .inner.flex-end {
  justify-content: flex-end;
}
.tx-grid .gridContainer .item .outer .inner.center {
  justify-content: center;
}
.tx-grid .gridContainer .item .outer .inner .icon img,
.tx-grid .gridContainer .item .outer .inner .icon svg {
  width: auto;
  height: 40px;
}
.tx-grid .gridContainer .item .outer .inner .icon.bigIcon svg,
.tx-grid .gridContainer .item .outer .inner .icon.bigIcon img {
  height: clamp(50px,10vw,110px);
}
.tx-grid .gridContainer .item .outer .inner .text p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  max-width: 38ch;
}
.tx-image-with-flip-cards {
  position: relative;
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards {
    margin-inline: 0 !important;
    margin-block: 10rem;
  }
  .tx-image-with-flip-cards img {
    width: 100%;
    max-width: 60% !important;
  }
}
@media screen and (min-width: 1200px) {
  .tx-image-with-flip-cards {
    max-width: 60% !important;
  }
  .tx-image-with-flip-cards img {
    width: 100%;
    max-width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards .flipcards-wrapper {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 750px;
    z-index: 9;
  }
}
@media screen and (min-width: 1200px) {
  .tx-image-with-flip-cards .flipcards-wrapper {
    transform: translate(60%, -50%);
  }
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card {
  background-color: transparent;
  width: 90%;
  height: auto;
  margin-inline: auto;
  margin-block: .5rem;
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards .flipcards-wrapper .flip-card {
    display: inline-block;
    width: 350px;
    height: 300px;
    margin-inline: unset;
    margin-block: 0;
  }
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards .flipcards-wrapper .flip-card.flip-card-1 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards .flipcards-wrapper .flip-card.flip-card-2 {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 992px) {
  .tx-image-with-flip-cards .flipcards-wrapper .flip-card.flip-card-3 {
    display: block;
    margin: 2rem auto 0 auto;
  }
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front,
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front .text,
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back .text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front .text p,
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back .text p {
  margin: 0;
  padding: 3rem;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front .text p b,
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back .text p b {
  font-weight: 900;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front svg,
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back svg {
  display: none;
  visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front {
  background-color: lightgray;
  color: #ffffff;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .front .text p {
  font-size: 2rem;
  line-height: 1;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back {
  background-color: lightgray;
  color: #ffffff;
  transform: rotateY(180deg);
  position: relative;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back * {
  margin-bottom: 0;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card .inner .back .text p {
  font-size: 1.3rem;
  line-height: 1.3;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card:hover .inner {
  transform: rotateY(180deg);
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card:hover .inner .flip-card-front {
  z-index: 0;
}
.tx-image-with-flip-cards .flipcards-wrapper .flip-card:hover .inner .flip-card-back {
  z-index: 1;
}
/* .isTouchDevice{
    .flip-card {
        .inner{
            svg {
                display: block !important;
                visibility: visible !important;
                
            }
        }
    }
} */
@media (hover: none) {
  .flip-card .inner svg {
    display: block !important;
    visibility: visible !important;
  }
}
.tx-kopfgrafik {
  position: relative;
  height: auto;
}
.tx-kopfgrafik .image {
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
}
.tx-kopfgrafik .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tx-kopfgrafik .video {
  position: absolute;
  width: 100vw;
  height: 100%;
}
.tx-kopfgrafik .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tx-kopfgrafik .content {
  position: absolute;
  z-index: 1;
  bottom: 20%;
  left: 10%;
}
.tx-kopfgrafik.full {
  min-height: 80svh;
}
.tx-kopfgrafik.small {
  max-height: 666px;
  overflow: hidden;
}
.tx-kopfgrafik.small .image {
  width: 100%;
  height: 100%;
}
.tx-kopfgrafik.small .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tx-stickynav {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.tx-stickynav ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
  list-style: none;
}
.tx-stickynav ul li.item {
  display: flex;
  flex-direction: column;
}
.tx-subnav {
  position: absolute;
  width: 100%;
  z-index: 2;
  left: 0;
  background-color: lightgray;
}
@media screen and (min-width: 48em) {
  .tx-subnav {
    left: unset;
  }
}
@media screen and (min-width: 78.75em) {
  .tx-subnav {
    right: 7.5rem;
    border-radius: .5rem;
    width: fit-content;
  }
}
.tx-subnav ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap;
}
.tx-subnav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: .5rem;
  flex: 1 0 auto;
}
@media screen and (min-width: 48em) {
  .tx-subnav ul li {
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 78.75em) {
  .tx-subnav ul li {
    flex: 1 0 auto;
  }
}
.tx-subnav ul li a {
  color: black;
  background-color: white;
  text-decoration: none;
  padding: 0.3rem 1rem;
}
.tx-subnav ul li a:hover {
  color: black;
  text-decoration: underline;
  background: unset;
}
.tx-subnav.scrolled {
  position: fixed;
  bottom: unset;
  right: unset;
  left: 0;
  width: 100vw;
  border-radius: unset;
  z-index: 10;
  animation: fadeInFromTop .5s ease forwards;
}
@media screen and (min-width: 78.75em) {
  .tx-subnav.scrolled {
    width: 100%;
  }
}
/*# sourceMappingURL=filename.map */