/*!
 * (c) ERF Medien e.V.
 */
.history-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:calc(1.4em + 16px);margin-bottom:3rem}.history-grid__track{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.125rem;margin-right:-0.125rem}.history-grid__item,.history-grid:not(.history-grid--loaded) .vue-item{height:auto;overflow:hidden;border-radius:.3125rem;min-width:calc(50% - 4px);margin:.125rem;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.history-grid__item.h-100,.history-grid:not(.history-grid--loaded) .vue-item.h-100{height:auto !important}.history-grid__item img,.history-grid:not(.history-grid--loaded) .vue-item img{position:absolute;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 5s;transition:-webkit-transform 5s;transition:transform 5s;transition:transform 5s, -webkit-transform 5s}.history-grid__item:hover img,.history-grid:not(.history-grid--loaded) .vue-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.history-grid__item .card.bg-light,.history-grid__item .card.bg-white,.history-grid__item.card.bg-light,.history-grid__item.card.bg-white,.history-grid:not(.history-grid--loaded) .vue-item .card.bg-light,.history-grid:not(.history-grid--loaded) .vue-item .card.bg-white,.history-grid:not(.history-grid--loaded) .vue-item.card.bg-light,.history-grid:not(.history-grid--loaded) .vue-item.card.bg-white{color:#2b2b2b}.history-grid__item--hidden,.history-grid:not(.history-grid--loaded) .vue-item--hidden{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}#history-grid__modal .modal-dialog{margin-top:20vh}#history-grid__modal~.modal-backdrop.show{opacity:.9}.modal-dialog .modal-body{margin:0}.modal-dialog.modal-image .modal-header{position:fixed;width:100vw;left:0;top:0}.modal-dialog.modal-image .modal-title{display:none}.modal-dialog.modal-image .modal-body{padding:0;color:#fff;text-align:center}.modal-dialog.modal-image .modal-body img{margin-bottom:1rem}.modal-dialog.modal-image .modal-body,.modal-dialog.modal-image .modal-content,.modal-dialog.modal-image .modal-header{background-color:rgba(0,0,0,0)}@media(min-width: 576px){.history-grid__track{width:514px}.history-grid__item,.history-grid:not(.history-grid--loaded) .vue-item{min-width:253px}}@media(min-width: 810px){.history-grid__track{width:668px}.history-grid__item,.history-grid:not(.history-grid--loaded) .vue-item{min-width:330px}}@media(min-width: 1050px){.history-grid__item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card-title{font-size:1.5rem}.history-grid__track{width:906px}.history-grid__item,.history-grid:not(.history-grid--loaded) .vue-item{min-width:298px}}@media(min-width: 1200px){.history-grid__track{width:972px}.history-grid__item,.history-grid:not(.history-grid--loaded) .vue-item{min-width:320px}}@media(min-width: 1716px){.history-grid{width:calc(100% + 648px);-webkit-transform:translateX(-324px);-ms-transform:translateX(-324px);transform:translateX(-324px)}.history-grid__track{width:auto}}@media(max-width: 809.98px){.history-grid__item .card-body,.history-grid:not(.history-grid--loaded) .vue-item .card-body{padding:1rem 1rem 1.75rem}.history-grid__item .card-title,.history-grid__item .card__features,.history-grid:not(.history-grid--loaded) .vue-item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card__features{font-size:1.25rem}.history-grid__item .card__features,.history-grid:not(.history-grid--loaded) .vue-item .card__features{bottom:.75rem;left:1rem}.history-grid__item .card.video .card-body:after,.history-grid__item .card.audio .card-body:after,.history-grid__item .card.text .card-body:after,.history-grid:not(.history-grid--loaded) .vue-item .card.video .card-body:after,.history-grid:not(.history-grid--loaded) .vue-item .card.audio .card-body:after,.history-grid:not(.history-grid--loaded) .vue-item .card.text .card-body:after{bottom:.5rem;right:1rem;font-size:1.25rem}}@media(max-width: 510px){.history-grid__item .card-title,.history-grid__item .card__features,.history-grid:not(.history-grid--loaded) .vue-item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card__features{font-size:1.1rem}}@media(max-width: 460px){.history-grid__item .card-title,.history-grid__item .card__features,.history-grid:not(.history-grid--loaded) .vue-item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card__features{font-size:.9rem}}@media(max-width: 420px){.history-grid__item .card-title,.history-grid__item .card__features,.history-grid:not(.history-grid--loaded) .vue-item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card__features{font-size:.8rem}}@media(max-width: 380px){.history-grid__item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card-title{font-size:.8rem;font-weight:300;line-height:1.1}}@media(max-width: 320px){.history-grid__item .card-title,.history-grid:not(.history-grid--loaded) .vue-item .card-title{line-height:1}}
