/*
 * Image Caption Content Block
 * lab81basetheme
 */


/* ==========================================================
   WRAPPER
   ========================================================== */

.image-caption {
    /*
     * Platz für den gewünschten Überstand des roten Kastens
     * gegenüber dem Bild.
     *
     * Das Content Element selbst bleibt vollständig innerhalb
     * seiner Bootstrap-Spalte.
     */
    padding-right: 20px;
    padding-bottom: 20px;
}


/* ==========================================================
   BILD
   ========================================================== */

.image-caption__image {
    width: 100%;
    height: auto;
}


/* ==========================================================
   CAPTION
   ========================================================== */

.image-caption__caption {
    min-width: 185px;
    max-width: calc(100% - 20px);

    padding: 24px 22px 20px;
}


/* ==========================================================
   TITEL
   ========================================================== */

.image-caption__title {
    margin-bottom: 4px;

    font-family: Oswald, sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.2;
}


/* ==========================================================
   TEXT
   ========================================================== */

.image-caption__text {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.3;
}


/* ==========================================================
   MOBILE
   ========================================================== */

/*@media (max-width: 767.98px) {*/

/*    .image-caption {*/
/*        padding-right: 0;*/
/*        padding-bottom: 0;*/
/*    }*/

/*    .image-caption__caption {*/
/*        min-width: 170px;*/
/*        max-width: 100%;*/

/*        padding: 20px;*/
/*    }*/

/*    .image-caption__title {*/
/*        font-size: 1.05rem;*/
/*    }*/

/*    .image-caption__text {*/
/*        font-size: .75rem;*/
/*    }*/
/*}*/