.etrx-device{
  width:100%;
}

@media (max-width: 767.98px){
  .etrx-device--desktop{display:none !important;}
}

@media (min-width: 768px){
  .etrx-device--mobile{display:none !important;}
}

.etrx-carousel{
  --etrx-arrow-size: 44px;
  --etrx-gap: 16px;
  position:relative;
  width:100%;
}

.etrx-carousel__shell{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.etrx-carousel__viewport-wrap{
  min-width:0;
}

.etrx-carousel__viewport{
  overflow:hidden;
  width:100%;
}

.etrx-carousel__track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:100%;
  transition:transform .35s ease;
  will-change:transform;
  touch-action:pan-y pinch-zoom;
  gap:0 !important;
  transform:translate3d(0,0,0);
}

.etrx-carousel__slide{
  flex:0 0 100%;
  min-width:100%;
  width:100%;
  box-sizing:border-box;
  padding:2px;
}

.etrx-carousel__slide > .etr-card{
  width:100% !important;
  margin:0 !important;
  display:block !important;
  break-inside:auto !important;
  -webkit-column-break-inside:auto !important;
  page-break-inside:auto !important;
}

.etrx-carousel__arrow{
  width:var(--etrx-arrow-size);
  height:var(--etrx-arrow-size);
  border:none;
  border-radius:999px;
  background:#fff;
  color:rgba(0,0,0,.82);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease;
  z-index:2;
}

.etrx-carousel__arrow:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}

.etrx-carousel__arrow:disabled{
  opacity:.38;
  cursor:default;
  transform:none;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.etrx-carousel__arrow span{
  font-size:28px;
  line-height:1;
  transform:translateY(-1px);
}

.etrx-carousel__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.etrx-carousel__dot{
  width:10px;
  height:10px;
  border:none;
  border-radius:999px;
  background:rgba(0,0,0,.18);
  cursor:pointer;
  padding:0;
  transition:transform .18s ease, background-color .18s ease;
}

.etrx-carousel__dot.is-active{
  background:rgba(0,0,0,.72);
  transform:scale(1.15);
}

.etrx-carousel.is-single .etrx-carousel__arrow,
.etrx-carousel.is-single .etrx-carousel__dots{
  display:none;
}

.etrx-carousel .etrusted-reviews-grid,
.etrx-carousel .etrusted-reviews-masonry{
  margin:0 !important;
  width:100% !important;
  display:block;
  column-count:unset !important;
  column-gap:0 !important;
  grid-template-columns:none !important;
  gap:0 !important;
}

/* Falls Meldungen statt Cards kommen */
.etrx-carousel .etr-msg{
  margin:0;
}

@media (max-width: 575.98px){
  .etrx-carousel{
    --etrx-arrow-size: 38px;
  }

  .etrx-carousel__shell{
    grid-template-columns:1fr;
    gap:12px;
  }

  .etrx-carousel__arrow{
    position:absolute;
    top:45%;
    transform:translateY(-50%);
  }

  .etrx-carousel__arrow:hover{
    transform:translateY(-50%);
  }

  .etrx-carousel__arrow--prev{left:8px;}
  .etrx-carousel__arrow--next{right:8px;}

  .etrx-carousel__viewport-wrap{
    padding:0 4px;
  }
}