.tile-video-holder{
  padding: 12vh 0 12vh 0;
}
.card-tile {
  height: 26vh;
  width: 20.2vw ;
  background-color: var(--bg-bright-color);
  border-radius: 8px;
  color: var(--second-bg-color);
}
.card-tile-titleholder {
  height: 53%;
}
.tile-text {
  width: 90%;
}.tile-title{text-shadow: 2px 2px 0px var(--second-bg-color);}


/* // `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .card-tile {
  height: 44vh ;
  width: 20.2vw !important;
  background-color: var(--bg-bright-color);
  border-radius: 20px;
  color: var(--second-bg-color);
}
  .tile-text {
  width: 100%;
}
}

/* Hochformat für iPad Pro 12.9 */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Hochformat für iPad Pro 11 Zoll */
@media only screen and (min-width: 834px) and (max-width: 1194px) and (orientation: portrait) {
}

/* Querformat für iPad Pro 11 Zoll */
@media only screen and (min-height: 832px) and (max-width: 1194.98px) and (orientation: landscape) {
}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .tile-holder {
    padding: 0vh 0vw 8vh 0vw !important;
  }
     .card-tile {
        height: 34vh;
        width: 41.2vw !important;
        background-color: var(--bg-bright-color);
        border-radius: 9px;
        color: var(--second-bg-color);
    }
  .card-tile-titleholder {
    height: 39%;
  }
}
/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  
  .tile-holder {
    padding: 10vh 0vw 20vh 0vw !important;
  }
  .card-tile-titleholder {
    height: 45%;
  }
  /* .card-tile {
    height: 25vh;
    width: 90% !important;
    background-color: var(--bg-bright-color);
    border-radius: 8px;
    color: var(--second-bg-color);
  } */
   .card-tile {
    height: 35vh;
    width: 45% !important;
    background-color: var(--bg-bright-color);
    border-radius: 8px;
    color: var(--second-bg-color);
  }
}
/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .tile-holder {
    padding: 0vh 0vw 10vh 0vw !important;
  }
  .card-tile {
    height: 20vh;
    width: 95% !important;
    background-color: var(--bg-bright-color);
    border-radius: 8px;
    color: var(--second-bg-color);
  }
}
/* // `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .tile-video-holder{
  padding: 8vh 0 8vh 0;
}
  .card-tile {
    padding: 1rem;
    height: 18vh !important;
    width: 100% !important;
    background-color: var(--bg-bright-color);
    border-radius: 10px;
    color: var(--second-bg-color);
  }
  .card-tile-titleholder {
    height: 48%;
  }
}