/* convergent */

/* Bilder */

figure {
    margin-bottom: 2rem;
}

figure img {
    max-width: 100%;
    height: auto;
}

header img.logo {
    height: auto;
    width: 250px;
}

@media (max-width:500px) {
header img.logo {
    height: auto;
    width: 185px;
}
}

/* Bildergalerien */

.ce_gallery ul, .ce_gallery li {
    list-style-type: none;
}

.ce_gallery ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    grid-auto-flow: dense;
}

.ce_gallery li {
    background: var(--convergent-grey-light);
    position: relative;
    margin: 0;
    counter-increment: posMarkup;
}

/* Colorbox */

#cboxOverlay {
    background: #fff;
}

#cboxContent {
    background: #ffffff;
}

#cboxLoadedContent {
    border: 5px solid #ffffff;
}

#cboxCurrent {
    color: var(--convergent-grey);
    left: 0;
    top: -25px;
}

#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url(controls.png) no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url(controls.png) no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px;
}

/* Video Vorschaubild */

.opt-in-fallback {
    background-image: url("https://www.convergent-training.com/files/convergent-inhalt/Video-Startseite-Vorschaubild.jpg");
    background-size: contain;
    aspect-ratio: 16 / 9;
    color: #fff;
    position: relative;
}

.opt-in-fallback p:last-of-type {
    position: absolute;
    bottom: 0;
}

.opt-in-fallback a { color: #fff !important; }