.course-offers {
  /* position: relative; */
  /* background-color: var(--second-bg-color); */
  height: auto;
  padding: 10vh 0vw 10vh 0vw !important;
}
.course-offers-filter-holder {
  position: relative;
}
.course-offers-icon {
  color: var(--text-white-color);
}
.btnco:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  padding: 0.4rem 0rem 0.4rem 0rem;
}
.courses-link:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
  padding: 0.4rem 0rem 0.4rem 1.9rem;
}
.btnco {
  --bs-btn-padding-x: ;
  --bs-btn-padding-y: ;
  --bs-btn-font-family:  var(--montserat-regular) !important;
  --bs-btn-font-size: var(--h5);
  --bs-btn-font-weight: 200;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  display: inline-block;
  padding: 0.4rem 1rem 0.4rem 0rem;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom: var(--bs-btn-border-width) solid 1px;
  border-radius: 0px !important;
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: clamp(10rem, 20em, 8vw) !important;
}
.btn-course-offers {
  --bs-btn-color: var(--text-white-color) !important;
  --bs-btn-bg: transparent !important;
  --bs-btn-border-color: transparent !important;
  --bs-btn-hover-color: var(--text-white-color) !important;
  --bs-btn-hover-bg: transparent !important;
  --bs-btn-hover-border-color: transparent !important;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: transparent !important;
  --bs-btn-active-border-color: transparent !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: transparent !important;
  --bs-btn-disabled-border-color: transparent !important;
}
/* .course-offers-videoholder {
  position: relative;
} */
.course-offers-video {
  position: relative;
  height: 88vh;

  border-radius: 0.5vw;
  z-index: 1;
    touch-action: none; /* Verhindert Gesten wie Pinch-to-Zoom */
  -webkit-user-select: none; /* Deaktiviert Textauswahl auf iOS */
  user-select: none; 
  pointer-events: none; /* Optional: Deaktiviert alle Maus-/Touch-Interaktionen */
}

/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .course-offers-video {
    position: relative;
    height: 70vh;
    border-radius: 0.5vw;
    z-index: 1;
  }
  .course-offers-filter {
    position: absolute;
    mix-blend-mode: soft-light;

    background-color: hsl(25, 100%, 53%, 0.4);
    height: 70vh;
    width: 29.6vw;
    border-radius: 0.5vw;
    /* z-index: 3; */
  }
}




/*Portrait pro 12.9 inch*/
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  .course-offers-video {
    position: relative;
    height: 40vh;
    border-radius: 0.5vw;

  }
 
}
/* Landscape Ipad pro 12.9 inch */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .course-offers-video {
    position: relative;
    height: 70vh;
    border-radius: 0.5vw;
    /* z-index: 1; */
  }
}
/* Landscape Ipad pro 11 inch */
@media only screen and (min-width: 834px) and (max-width: 1194px)  {   .course-offers-video {
    position: relative;
    height: 50vh;
    border-radius: 0.5vw;
    z-index: 1;
  } }

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}
/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}
/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .course-offers {
    /* position: relative; */
    /* background-color: var(--second-bg-color); */
    height: auto;
    padding: 5vh 0vw 10vh 0vw !important;
  }
  .course-offers-video {
    /* position: absolute; */
    height: auto;
    width: 100%;

    border-radius: 3vw;
    /* z-index: 1; */
  }
  .course-offers-filter {
    position: absolute;
    mix-blend-mode: soft-light;
    top: 0;

    background-color: hsl(25, 100%, 53%, 0.4);
    height: auto;
    width: 85vw;
    border-radius: 3vw;
    /* z-index: 3; */
  }
}