/*!
 * (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}}
/*!
 * (c) ERF Medien e.V.
 */
/*!
 *  @copyright	ERF Medien e.V.
 *  @author     Timo Wilhelm <timo.wilhelm@erf.de>
 */.newsletter-popup-wrapper{position:fixed;top:0;left:0;z-index:99999;width:100vw;height:100vh;padding:15px;overflow:hidden;background:rgba(0,0,0,.5);-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in, -webkit-transform .3s ease-in}.newsletter-popup-wrapper.newsletter-popup-hidden{display:none;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.newsletter-popup-wrapper .newsletter-popup{position:absolute;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:600px;height:100%;max-height:340px;overflow:hidden;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-inner{position:relative;width:50%;overflow:hidden}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-image img{width:100%;max-width:300px;height:auto}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text{padding:40px 15px 15px 35px}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text #newsletter-popup-button-yes{position:absolute;bottom:80px;left:35px;display:block;max-width:calc(100% - 50px);-webkit-transition:all 200ms;transition:all 200ms}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text #newsletter-popup-button-no{position:absolute;bottom:30px;left:35px;display:block;max-width:calc(100% - 50px);font-size:16px}.newsletter-popup-wrapper .newsletter-popup .close-popup i{position:absolute;top:5px;right:10px;z-index:99999;color:rgba(255,255,255,.7);font-size:20px;text-align:center;text-shadow:0 0 .5rem #000;cursor:pointer;-webkit-transition:color 200ms;transition:color 200ms}.newsletter-popup-wrapper .newsletter-popup .close-popup i:hover{color:#fff}@media(max-width: 630px){.newsletter-popup-wrapper .newsletter-popup{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:345px;height:auto;max-height:initial}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text{padding:40px 35px 15px 35px}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text #newsletter-popup-button-yes{position:relative;bottom:auto;left:auto;display:inline-block;margin-top:60px;padding:10px}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-text #newsletter-popup-button-no{position:relative;bottom:auto;left:auto;display:inline-block;margin-top:15px}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-image img{width:100%;max-width:345px;height:auto}.newsletter-popup-wrapper .newsletter-popup .newsletter-popup-inner{width:100%}}
