.ce_videotestimonials {
  padding-block: 6.5rem;
  overflow: hidden;
  background-color: #171717;
}
.ce_videotestimonials.accent--wasser .videotestimonials__headline {
  color: #4af0cf;
}
.ce_videotestimonials.accent--wasser [class*=__text] h1,
.ce_videotestimonials.accent--wasser [class*=__text] h2,
.ce_videotestimonials.accent--wasser [class*=__text] h3,
.ce_videotestimonials.accent--wasser [class*=__text] h4,
.ce_videotestimonials.accent--wasser [class*=__text] h5,
.ce_videotestimonials.accent--wasser [class*=__text] h6 {
  color: #4af0cf;
}
.ce_videotestimonials.accent--wasser [class*=__text] .btn:not(.btn--secondary) {
  background-color: #4af0cf;
  border-color: #4af0cf;
  color: #171717;
}
.ce_videotestimonials.accent--wasser [class*=__text] .btn:not(.btn--secondary):hover {
  color: #4af0cf;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--wasser [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--wasser [class*=__text] .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--wasser [class*=__text] .btn.btn--secondary {
  color: #4af0cf;
  background-color: transparent;
  border-color: #4af0cf;
}
.ce_videotestimonials.accent--wasser [class*=__text] .btn.btn--secondary:hover {
  background-color: #4af0cf;
  color: #171717;
}
.ce_videotestimonials.accent--wasser [class*=__text] a:not([class*=btn]) {
  color: #4af0cf;
  text-decoration-color: #4af0cf;
}
.ce_videotestimonials.accent--wasser [class*=__text] a:not([class*=btn]):hover {
  color: #171717;
  background-color: #4af0cf;
}
.ce_videotestimonials.accent--wasser .btn:not(.btn--secondary) {
  background-color: #4af0cf;
  border-color: #4af0cf;
  color: #171717;
}
.ce_videotestimonials.accent--wasser .btn:not(.btn--secondary):hover {
  color: #4af0cf;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--wasser .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--wasser .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--wasser .btn.btn--secondary {
  color: #4af0cf;
  background-color: transparent;
  border-color: #4af0cf;
}
.ce_videotestimonials.accent--wasser .btn.btn--secondary:hover {
  background-color: #4af0cf;
  color: #171717;
}
.ce_videotestimonials.bg--white.accent--wasser .videotestimonials__headline {
  color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h1,
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h2,
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h3,
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h4,
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h5,
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] h6 {
  color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #33a38d;
  border-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] .btn:not(.btn--secondary):hover {
  color: #33a38d;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] .btn.btn--secondary {
  color: #33a38d;
  background-color: transparent;
  border-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] a:not([class*=btn]) {
  color: #33a38d;
  text-decoration-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser [class*=__text] a:not([class*=btn]):hover {
  color: #fff;
  background-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #33a38d;
  border-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser .btn:not(.btn--secondary):hover {
  color: #33a38d;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--wasser .btn.btn--secondary {
  color: #33a38d;
  background-color: transparent;
  border-color: #33a38d;
}
.ce_videotestimonials.bg--white.accent--wasser .btn.btn--secondary:hover {
  color: #fff;
  background-color: #33a38d;
}
.ce_videotestimonials.accent--solar .videotestimonials__headline {
  color: #aeeb4b;
}
.ce_videotestimonials.accent--solar [class*=__text] h1,
.ce_videotestimonials.accent--solar [class*=__text] h2,
.ce_videotestimonials.accent--solar [class*=__text] h3,
.ce_videotestimonials.accent--solar [class*=__text] h4,
.ce_videotestimonials.accent--solar [class*=__text] h5,
.ce_videotestimonials.accent--solar [class*=__text] h6 {
  color: #aeeb4b;
}
.ce_videotestimonials.accent--solar [class*=__text] .btn:not(.btn--secondary) {
  background-color: #aeeb4b;
  border-color: #aeeb4b;
  color: #171717;
}
.ce_videotestimonials.accent--solar [class*=__text] .btn:not(.btn--secondary):hover {
  color: #aeeb4b;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--solar [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--solar [class*=__text] .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--solar [class*=__text] .btn.btn--secondary {
  color: #aeeb4b;
  background-color: transparent;
  border-color: #aeeb4b;
}
.ce_videotestimonials.accent--solar [class*=__text] .btn.btn--secondary:hover {
  background-color: #aeeb4b;
  color: #171717;
}
.ce_videotestimonials.accent--solar [class*=__text] a:not([class*=btn]) {
  color: #aeeb4b;
  text-decoration-color: #aeeb4b;
}
.ce_videotestimonials.accent--solar [class*=__text] a:not([class*=btn]):hover {
  color: #171717;
  background-color: #aeeb4b;
}
.ce_videotestimonials.accent--solar .btn:not(.btn--secondary) {
  background-color: #aeeb4b;
  border-color: #aeeb4b;
  color: #171717;
}
.ce_videotestimonials.accent--solar .btn:not(.btn--secondary):hover {
  color: #aeeb4b;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--solar .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--solar .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--solar .btn.btn--secondary {
  color: #aeeb4b;
  background-color: transparent;
  border-color: #aeeb4b;
}
.ce_videotestimonials.accent--solar .btn.btn--secondary:hover {
  background-color: #aeeb4b;
  color: #171717;
}
.ce_videotestimonials.bg--white.accent--solar .videotestimonials__headline {
  color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h1,
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h2,
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h3,
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h4,
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h5,
.ce_videotestimonials.bg--white.accent--solar [class*=__text] h6 {
  color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #759E33;
  border-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] .btn:not(.btn--secondary):hover {
  color: #759E33;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] .btn.btn--secondary {
  color: #759E33;
  background-color: transparent;
  border-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] a:not([class*=btn]) {
  color: #759E33;
  text-decoration-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar [class*=__text] a:not([class*=btn]):hover {
  color: #fff;
  background-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #759E33;
  border-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar .btn:not(.btn--secondary):hover {
  color: #759E33;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--solar .btn.btn--secondary {
  color: #759E33;
  background-color: transparent;
  border-color: #759E33;
}
.ce_videotestimonials.bg--white.accent--solar .btn.btn--secondary:hover {
  color: #fff;
  background-color: #759E33;
}
.ce_videotestimonials.accent--warme .videotestimonials__headline {
  color: #f06c1a;
}
.ce_videotestimonials.accent--warme [class*=__text] h1,
.ce_videotestimonials.accent--warme [class*=__text] h2,
.ce_videotestimonials.accent--warme [class*=__text] h3,
.ce_videotestimonials.accent--warme [class*=__text] h4,
.ce_videotestimonials.accent--warme [class*=__text] h5,
.ce_videotestimonials.accent--warme [class*=__text] h6 {
  color: #f06c1a;
}
.ce_videotestimonials.accent--warme [class*=__text] .btn:not(.btn--secondary) {
  background-color: #f06c1a;
  border-color: #f06c1a;
  color: #171717;
}
.ce_videotestimonials.accent--warme [class*=__text] .btn:not(.btn--secondary):hover {
  color: #f06c1a;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--warme [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--warme [class*=__text] .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--warme [class*=__text] .btn.btn--secondary {
  color: #f06c1a;
  background-color: transparent;
  border-color: #f06c1a;
}
.ce_videotestimonials.accent--warme [class*=__text] .btn.btn--secondary:hover {
  background-color: #f06c1a;
  color: #171717;
}
.ce_videotestimonials.accent--warme [class*=__text] a:not([class*=btn]) {
  color: #f06c1a;
  text-decoration-color: #f06c1a;
}
.ce_videotestimonials.accent--warme [class*=__text] a:not([class*=btn]):hover {
  color: #171717;
  background-color: #f06c1a;
}
.ce_videotestimonials.accent--warme .btn:not(.btn--secondary) {
  background-color: #f06c1a;
  border-color: #f06c1a;
  color: #171717;
}
.ce_videotestimonials.accent--warme .btn:not(.btn--secondary):hover {
  color: #f06c1a;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--warme .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--warme .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--warme .btn.btn--secondary {
  color: #f06c1a;
  background-color: transparent;
  border-color: #f06c1a;
}
.ce_videotestimonials.accent--warme .btn.btn--secondary:hover {
  background-color: #f06c1a;
  color: #171717;
}
.ce_videotestimonials.bg--white.accent--warme .videotestimonials__headline {
  color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h1,
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h2,
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h3,
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h4,
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h5,
.ce_videotestimonials.bg--white.accent--warme [class*=__text] h6 {
  color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #d66118;
  border-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] .btn:not(.btn--secondary):hover {
  color: #d66118;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] .btn.btn--secondary {
  color: #d66118;
  background-color: transparent;
  border-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] a:not([class*=btn]) {
  color: #d66118;
  text-decoration-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme [class*=__text] a:not([class*=btn]):hover {
  color: #fff;
  background-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #d66118;
  border-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme .btn:not(.btn--secondary):hover {
  color: #d66118;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--warme .btn.btn--secondary {
  color: #d66118;
  background-color: transparent;
  border-color: #d66118;
}
.ce_videotestimonials.bg--white.accent--warme .btn.btn--secondary:hover {
  color: #fff;
  background-color: #d66118;
}
.ce_videotestimonials.accent--wartung .videotestimonials__headline {
  color: #eb4139;
}
.ce_videotestimonials.accent--wartung [class*=__text] h1,
.ce_videotestimonials.accent--wartung [class*=__text] h2,
.ce_videotestimonials.accent--wartung [class*=__text] h3,
.ce_videotestimonials.accent--wartung [class*=__text] h4,
.ce_videotestimonials.accent--wartung [class*=__text] h5,
.ce_videotestimonials.accent--wartung [class*=__text] h6 {
  color: #eb4139;
}
.ce_videotestimonials.accent--wartung [class*=__text] .btn:not(.btn--secondary) {
  background-color: #eb4139;
  border-color: #eb4139;
  color: #000;
}
.ce_videotestimonials.accent--wartung [class*=__text] .btn:not(.btn--secondary):hover {
  color: #eb4139;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--wartung [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--wartung [class*=__text] .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--wartung [class*=__text] .btn.btn--secondary {
  color: #eb4139;
  background-color: transparent;
  border-color: #eb4139;
}
.ce_videotestimonials.accent--wartung [class*=__text] .btn.btn--secondary:hover {
  background-color: #eb4139;
  color: #000;
}
.ce_videotestimonials.accent--wartung [class*=__text] a:not([class*=btn]) {
  color: #eb4139;
  text-decoration-color: #eb4139;
}
.ce_videotestimonials.accent--wartung [class*=__text] a:not([class*=btn]):hover {
  color: #000;
  background-color: #eb4139;
}
.ce_videotestimonials.accent--wartung .btn:not(.btn--secondary) {
  background-color: #eb4139;
  border-color: #eb4139;
  color: #000;
}
.ce_videotestimonials.accent--wartung .btn:not(.btn--secondary):hover {
  color: #eb4139;
  background-color: transparent;
}
.bg--white .ce_videotestimonials.accent--wartung .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #171717;
  border-color: #171717;
}
.bg--white .ce_videotestimonials.accent--wartung .btn:not(.btn--secondary):hover {
  color: #171717;
  background-color: transparent;
}
.ce_videotestimonials.accent--wartung .btn.btn--secondary {
  color: #eb4139;
  background-color: transparent;
  border-color: #eb4139;
}
.ce_videotestimonials.accent--wartung .btn.btn--secondary:hover {
  background-color: #eb4139;
  color: #000;
}
.ce_videotestimonials.bg--white.accent--wartung .videotestimonials__headline {
  color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h1,
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h2,
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h3,
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h4,
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h5,
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] h6 {
  color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #b8332c;
  border-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] .btn:not(.btn--secondary):hover {
  color: #b8332c;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] .btn.btn--secondary {
  color: #b8332c;
  background-color: transparent;
  border-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] .btn.btn--secondary:hover {
  color: #fff;
  background-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] a:not([class*=btn]) {
  color: #b8332c;
  text-decoration-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung [class*=__text] a:not([class*=btn]):hover {
  color: #fff;
  background-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung .btn:not(.btn--secondary) {
  color: #fff;
  background-color: #b8332c;
  border-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung .btn:not(.btn--secondary):hover {
  color: #b8332c;
  background-color: transparent;
}
.ce_videotestimonials.bg--white.accent--wartung .btn.btn--secondary {
  color: #b8332c;
  background-color: transparent;
  border-color: #b8332c;
}
.ce_videotestimonials.bg--white.accent--wartung .btn.btn--secondary:hover {
  color: #fff;
  background-color: #b8332c;
}
.ce_videotestimonials.accent--wasser .videotestimonials__nav-btn {
  color: #4af0cf;
}
.ce_videotestimonials.accent--solar .videotestimonials__nav-btn {
  color: #aeeb4b;
}
.ce_videotestimonials.accent--warme .videotestimonials__nav-btn {
  color: #f06c1a;
}
.ce_videotestimonials.accent--wartung .videotestimonials__nav-btn {
  color: #eb4139;
}

.videotestimonials__inside {
  width: 100%;
  padding-left: 4%;
}
@media only screen and (min-width: 820px) {
  .videotestimonials__inside {
    margin-inline: auto;
    width: 92%;
    max-width: 1820px;
    padding: 0;
  }
}
@media only screen and (min-width: 820px) and (min-width: 1080px) {
  .videotestimonials__inside {
    width: 80%;
  }
}
@media only screen and (min-width: 820px) and (min-width: 1920px) {
  .videotestimonials__inside {
    width: 70%;
  }
}
@media only screen and (max-width: 820px) {
  .videotestimonials__header {
    padding-right: var(--container-padding-left, 4%);
  }
}
.videotestimonials__overline {
  font-family: "PP Neue Machina", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: 0.6px;
  display: inline-block;
  max-width: 30ch;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #fff;
}
.videotestimonials__headline {
  max-width: 22ch;
  margin-bottom: 1.375rem;
  color: #fff;
}
.videotestimonials__text p {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  max-width: 74ch;
  color: #fff;
}
.videotestimonials__text p:last-child {
  margin-bottom: 0;
}
.videotestimonials__nav {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 820px) {
  .videotestimonials__nav {
    padding-right: var(--container-padding-left, 4%);
  }
}
.videotestimonials__nav-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
  background: transparent;
  border: 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
.videotestimonials__nav-btn:hover {
  color: #4af0cf;
  border-color: #4af0cf;
}
.videotestimonials__nav-btn:disabled {
  color: #F0FFFC !important;
  cursor: not-allowed;
}
.videotestimonials__nav-btn:disabled:hover {
  color: #fff;
  border-color: #747a7b;
}
.videotestimonials__nav-btn--prev {
  scale: -1;
}
.videotestimonials__nav-btn svg {
  width: 100%;
  height: auto;
}
.videotestimonials__slider {
  margin-top: 2.5rem;
}
.videotestimonials__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 0.625rem;
}
.videotestimonials__video {
  position: relative;
  aspect-ratio: 9/16;
  overflow: hidden;
}
.videotestimonials__video video {
  position: relative;
  z-index: 4;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videotestimonials__video .video__image {
  position: absolute;
  inset: 0;
}
.videotestimonials__video .video__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videotestimonials__video::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
  content: "";
}
.videotestimonials__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.videotestimonials__play-btn svg {
  width: 100%;
  height: auto;
  color: #fff;
}
.videotestimonials__play-btn:hover {
  background: rgba(0, 0, 0, 0.6);
}
.is-playing .videotestimonials__play-btn {
  pointer-events: none;
}
.videotestimonials__icon-play, .videotestimonials__icon-pause {
  display: flex;
  justify-content: center;
  align-items: center;
}
.videotestimonials__icon-pause {
  display: none;
}
.videotestimonials__category {
  position: absolute;
  top: 1.5625rem;
  left: 1rem;
  z-index: 1;
  font-size: 0.9375rem;
}
@media only screen and (min-width: 820px) {
  .videotestimonials__category {
    left: 1.5rem;
  }
}
.videotestimonials__card.accent--wasser .videotestimonials__category,
.videotestimonials__card.accent--wasser .videotestimonials__name,
.videotestimonials__card.accent--wasser .videotestimonials__quote {
  color: #4af0cf;
}
.videotestimonials__card.accent--solar .videotestimonials__category,
.videotestimonials__card.accent--solar .videotestimonials__name,
.videotestimonials__card.accent--solar .videotestimonials__quote {
  color: #aeeb4b;
}
.videotestimonials__card.accent--warme .videotestimonials__category,
.videotestimonials__card.accent--warme .videotestimonials__name,
.videotestimonials__card.accent--warme .videotestimonials__quote {
  color: #f06c1a;
}
.videotestimonials__card.accent--wartung .videotestimonials__category,
.videotestimonials__card.accent--wartung .videotestimonials__name,
.videotestimonials__card.accent--wartung .videotestimonials__quote {
  color: #eb4139;
}
@media only screen and (max-width: 820px) {
  .videotestimonials__card {
    width: 15.9375rem;
  }
}
.videotestimonials__content {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem 1rem;
}
@media only screen and (min-width: 820px) {
  .videotestimonials__content {
    padding-inline: 1.5rem;
  }
}
.videotestimonials__name {
  font-family: "TT Commons Pro", sans-serif;
  font-size: clamp(1rem, 0.8831rem + 0.3226vw, 1.125rem);
  line-height: clamp(1.625rem, 1.5081rem + 0.3226vw, 1.75rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
}
.videotestimonials__quote {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #fff;
}
.videotestimonials__quote svg {
  display: inline;
  margin-left: 0.625rem;
  margin-inline: -0.625rem 0.875rem;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Felements%5C%2Fce_videotestimonials.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fmuenstergmbh.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fmuensterbasic%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEAEI%2CeCuCU%3BEDtCV%3BEACA%2CkBCCc%3B%3BAC0GF%3BEACI%2COAvBJ%3B%3BAA8BI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COApCR%3B%3BAA0CI%3BEACI%2CkBA3CR%3BEA4CQ%2CcA5CR%3BEAiDY%2CODrIV%3B%3BACwIM%3BEACI%2COArDZ%3BEAsDY%3B%3BAAGJ%3BEACI%2CODhJd%3BECiJc%2CkBD%5C%2FIV%3BECgJU%2CcDhJV%3B%3BACkJU%3BEACI%2CODnJd%3BECoJc%3B%3BAAMZ%3BEACI%2COAvER%3BEAwEQ%3BEACA%2CcAzER%3B%3BAA2EQ%3BEACI%2CkBA5EZ%3BEAiFgB%2CODrKd%3B%3BAC6KE%3BEACI%2COA1FR%3BEA2FQ%2CuBA3FR%3B%3BAA6FQ%3BEAKQ%2CODtLd%3BECuLc%2CkBAnGhB%3B%3BAA4GA%3BEACI%2CkBA7GJ%3BEA8GI%2CcA9GJ%3BEAmHQ%2CODvMN%3B%3BAC0ME%3BEACI%2COAvHR%3BEAwHQ%3B%3BAAGJ%3BEACI%2CODlNV%3BECmNU%2CkBDjNN%3BECkNM%2CcDlNN%3B%3BACoNM%3BEACI%2CODrNV%3BECsNU%3B%3BAAMZ%3BEACI%2COAzIJ%3BEA0II%3BEACA%2CcA3IJ%3B%3BAA6II%3BEACI%2CkBA9IR%3BEAmJY%2CODvOV%3B%3BACkPF%3BEACI%2COA9IC%3B%3BAAqJD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COA3JH%3B%3BAAiKD%3BEACI%2CODzQV%3BEC0QU%2CkBAnKH%3BEAoKG%2CcApKH%3B%3BAAsKG%3BEACI%2COAvKP%3BEAwKO%3B%3BAAKR%3BEACI%2COA9KH%3BEA%2BKG%3BEACA%2CcAhLH%3B%3BAAkLG%3BEACI%2COD1Rd%3BEC2Rc%2CkBApLP%3B%3BAA2LD%3BEACI%2COA5LH%3BEA6LG%2CuBA7LH%3B%3BAA%2BLG%3BEACI%2CODvSd%3BECwSc%2CkBAjMP%3B%3BAAyML%3BEACI%2CODjTN%3BECkTM%2CkBA3MC%3BEA4MD%2CcA5MC%3B%3BAA8MD%3BEACI%2COA%5C%2FMH%3BEAgNG%3B%3BAAKR%3BEACI%2COAtNC%3BEAuND%3BEACA%2CcAxNC%3B%3BAA0ND%3BEACI%2CODlUV%3BECmUU%2CkBA5NH%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8BI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COApCR%3B%3BAA0CI%3BEACI%2CkBA3CR%3BEA4CQ%2CcA5CR%3BEAiDY%2CODrIV%3B%3BACwIM%3BEACI%2COArDZ%3BEAsDY%3B%3BAAGJ%3BEACI%2CODhJd%3BECiJc%2CkBD%5C%2FIV%3BECgJU%2CcDhJV%3B%3BACkJU%3BEACI%2CODnJd%3BECoJc%3B%3BAAMZ%3BEACI%2COAvER%3BEAwEQ%3BEACA%2CcAzER%3B%3BAA2EQ%3BEACI%2CkBA5EZ%3BEAiFgB%2CODrKd%3B%3BAC6KE%3BEACI%2COA1FR%3BEA2FQ%2CuBA3FR%3B%3BAA6FQ%3BEAKQ%2CODtLd%3BECuLc%2CkBAnGhB%3B%3BAA4GA%3BEACI%2CkBA7GJ%3BEA8GI%2CcA9GJ%3BEAmHQ%2CODvMN%3B%3BAC0ME%3BEACI%2COAvHR%3BEAwHQ%3B%3BAAGJ%3BEACI%2CODlNV%3BECmNU%2CkBDjNN%3BECkNM%2CcDlNN%3B%3BACoNM%3BEACI%2CODrNV%3BECsNU%3B%3BAAMZ%3BEACI%2COAzIJ%3BEA0II%3BEACA%2CcA3IJ%3B%3BAA6II%3BEACI%2CkBA9IR%3BEAmJY%2CODvOV%3B%3BACkPF%3BEACI%2COA9IC%3B%3BAAqJD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COA3JH%3B%3BAAiKD%3BEACI%2CODzQV%3BEC0QU%2CkBAnKH%3BEAoKG%2CcApKH%3B%3BAAsKG%3BEACI%2COAvKP%3BEAwKO%3B%3BAAKR%3BEACI%2COA9KH%3BEA%2BKG%3BEACA%2CcAhLH%3B%3BAAkLG%3BEACI%2COD1Rd%3BEC2Rc%2CkBApLP%3B%3BAA2LD%3BEACI%2COA5LH%3BEA6LG%2CuBA7LH%3B%3BAA%2BLG%3BEACI%2CODvSd%3BECwSc%2CkBAjMP%3B%3BAAyML%3BEACI%2CODjTN%3BECkTM%2CkBA3MC%3BEA4MD%2CcA5MC%3B%3BAA8MD%3BEACI%2COA%5C%2FMH%3BEAgNG%3B%3BAAKR%3BEACI%2COAtNC%3BEAuND%3BEACA%2CcAxNC%3B%3BAA0ND%3BEACI%2CODlUV%3BECmUU%2CkBA5NH%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8BI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COApCR%3B%3BAA0CI%3BEACI%2CkBA3CR%3BEA4CQ%2CcA5CR%3BEAiDY%2CODrIV%3B%3BACwIM%3BEACI%2COArDZ%3BEAsDY%3B%3BAAGJ%3BEACI%2CODhJd%3BECiJc%2CkBD%5C%2FIV%3BECgJU%2CcDhJV%3B%3BACkJU%3BEACI%2CODnJd%3BECoJc%3B%3BAAMZ%3BEACI%2COAvER%3BEAwEQ%3BEACA%2CcAzER%3B%3BAA2EQ%3BEACI%2CkBA5EZ%3BEAiFgB%2CODrKd%3B%3BAC6KE%3BEACI%2COA1FR%3BEA2FQ%2CuBA3FR%3B%3BAA6FQ%3BEAKQ%2CODtLd%3BECuLc%2CkBAnGhB%3B%3BAA4GA%3BEACI%2CkBA7GJ%3BEA8GI%2CcA9GJ%3BEAmHQ%2CODvMN%3B%3BAC0ME%3BEACI%2COAvHR%3BEAwHQ%3B%3BAAGJ%3BEACI%2CODlNV%3BECmNU%2CkBDjNN%3BECkNM%2CcDlNN%3B%3BACoNM%3BEACI%2CODrNV%3BECsNU%3B%3BAAMZ%3BEACI%2COAzIJ%3BEA0II%3BEACA%2CcA3IJ%3B%3BAA6II%3BEACI%2CkBA9IR%3BEAmJY%2CODvOV%3B%3BACkPF%3BEACI%2COA9IC%3B%3BAAqJD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COA3JH%3B%3BAAiKD%3BEACI%2CODzQV%3BEC0QU%2CkBAnKH%3BEAoKG%2CcApKH%3B%3BAAsKG%3BEACI%2COAvKP%3BEAwKO%3B%3BAAKR%3BEACI%2COA9KH%3BEA%2BKG%3BEACA%2CcAhLH%3B%3BAAkLG%3BEACI%2COD1Rd%3BEC2Rc%2CkBApLP%3B%3BAA2LD%3BEACI%2COA5LH%3BEA6LG%2CuBA7LH%3B%3BAA%2BLG%3BEACI%2CODvSd%3BECwSc%2CkBAjMP%3B%3BAAyML%3BEACI%2CODjTN%3BECkTM%2CkBA3MC%3BEA4MD%2CcA5MC%3B%3BAA8MD%3BEACI%2COA%5C%2FMH%3BEAgNG%3B%3BAAKR%3BEACI%2COAtNC%3BEAuND%3BEACA%2CcAxNC%3B%3BAA0ND%3BEACI%2CODlUV%3BECmUU%2CkBA5NH%3B%3BAAKL%3BEACI%2COAvBJ%3B%3BAA8BI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COApCR%3B%3BAA0CI%3BEACI%2CkBA3CR%3BEA4CQ%2CcA5CR%3BEA%2BCY%2CODpId%3B%3BACyIU%3BEACI%2COArDZ%3BEAsDY%3B%3BAAGJ%3BEACI%2CODhJd%3BECiJc%2CkBD%5C%2FIV%3BECgJU%2CcDhJV%3B%3BACkJU%3BEACI%2CODnJd%3BECoJc%3B%3BAAMZ%3BEACI%2COAvER%3BEAwEQ%3BEACA%2CcAzER%3B%3BAA2EQ%3BEACI%2CkBA5EZ%3BEA%2BEgB%2CODpKlB%3B%3BAC8KM%3BEACI%2COA1FR%3BEA2FQ%2CuBA3FR%3B%3BAA6FQ%3BEAEQ%2CODpLlB%3BECqLkB%2CkBAhGhB%3B%3BAA4GA%3BEACI%2CkBA7GJ%3BEA8GI%2CcA9GJ%3BEAiHQ%2CODtMV%3B%3BAC2MM%3BEACI%2COAvHR%3BEAwHQ%3B%3BAAGJ%3BEACI%2CODlNV%3BECmNU%2CkBDjNN%3BECkNM%2CcDlNN%3B%3BACoNM%3BEACI%2CODrNV%3BECsNU%3B%3BAAMZ%3BEACI%2COAzIJ%3BEA0II%3BEACA%2CcA3IJ%3B%3BAA6II%3BEACI%2CkBA9IR%3BEAiJY%2CODtOd%3B%3BACmPE%3BEACI%2COA9IC%3B%3BAAqJD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BEAMI%2COA3JH%3B%3BAAiKD%3BEACI%2CODzQV%3BEC0QU%2CkBAnKH%3BEAoKG%2CcApKH%3B%3BAAsKG%3BEACI%2COAvKP%3BEAwKO%3B%3BAAKR%3BEACI%2COA9KH%3BEA%2BKG%3BEACA%2CcAhLH%3B%3BAAkLG%3BEACI%2COD1Rd%3BEC2Rc%2CkBApLP%3B%3BAA2LD%3BEACI%2COA5LH%3BEA6LG%2CuBA7LH%3B%3BAA%2BLG%3BEACI%2CODvSd%3BECwSc%2CkBAjMP%3B%3BAAyML%3BEACI%2CODjTN%3BECkTM%2CkBA3MC%3BEA4MD%2CcA5MC%3B%3BAA8MD%3BEACI%2COA%5C%2FMH%3BEAgNG%3B%3BAAKR%3BEACI%2COAtNC%3BEAuND%3BEACA%2CcAxNC%3B%3BAA0ND%3BEACI%2CODlUV%3BECmUU%2CkBA5NH%3B%3BAFlGT%3BEACI%2COEgFA%3B%3BAFjFJ%3BEACI%2COEgFA%3B%3BAFjFJ%3BEACI%2COEgFA%3B%3BAFjFJ%3BEACI%2COEgFA%3B%3B%3BAFzEZ%3BEACI%3BEACA%3B%3BAEjBJ%3BEFeA%3BIEIA%3BIAUI%3BIACA%3BIFTI%3B%3B%3BAErBR%3BEFeA%3BIEkBQ%3B%3B%3BAAjCR%3BEFeA%3BIEsBQ%3B%3B%3BAA%5C%2FBR%3BEFmBA%3BIAEQ%3B%3B%3BAAIR%3BEGGA%2CaFqBO%3BEEpBP%3BEACA%2CaF0BW%3BEEzBX%3BEACA%3BEHLI%3BEACA%3BEACA%3BEACA%3BEACA%2COCnCM%3B%3BADsCV%3BEACI%3BEACA%3BEACA%2COCzCM%3B%3BAD6CN%3BEGCJ%2CaFQM%3BEEPN%3BEACA%3BEHDQ%3BEACA%2COChDE%3B%3BADkDF%3BEACI%3B%3BAAKZ%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAExDJ%3BEFoDA%3BIAOQ%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2COCzEM%3BED0EN%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%2COCpEG%3BEDqEH%2CcCrEG%3B%3BADwEP%3BEACI%3BEACA%3B%3BAAEA%3BEACI%2COCzFF%3BED0FE%2CcCtFK%3B%3BAD0Fb%3BEACI%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAIR%3BEACI%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%2COCzKE%3B%3BAD4KN%3BEACI%3B%3BAAGJ%3BEACI%3B%3BAAIR%3BEAEI%3BEACA%3BEACA%3B%3BAAGJ%3BEACI%3B%3BAAGJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAEvMJ%3BEFkMA%3BIAQQ%3B%3B%3BAAOI%3BAAAA%3BAAAA%3BEAGI%2COE5HJ%3B%3BAFyHA%3BAAAA%3BAAAA%3BEAGI%2COE5HJ%3B%3BAFyHA%3BAAAA%3BAAAA%3BEAGI%2COE5HJ%3B%3BAFyHA%3BAAAA%3BAAAA%3BEAGI%2COE5HJ%3B%3BAAlFZ%3BEFwMA%3BIAYQ%3B%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAEvOJ%3BEF8NA%3BIAYQ%3B%3B%3BAAIR%3BEG9LA%2CaFQM%3BEEPN%3BEACA%3BEH8LI%3BEACA%3BEACA%2CKC9MI%3BED%2BMJ%2COCjPM%3B%3BADoPV%3BEACI%3BEACA%3BEACA%3BEACA%2COCxPM%3B%3BAD0PN%3BEACI%3BEACA%3BEACA%22%7D */