/****Flex Grid****/
.Grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0px 0 0 -5px;
    padding: 0;
}
.Grid--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.Grid--strech {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.Grid--gutters > .Grid-cell {
    padding: 5px 0 0 5px;
    margin-bottom: 15px;
}
.Grid-cell {
    -webkit-box-flex: 0 1 33.333333%;
    -ms-flex: 0 1 33.333333%;
    flex: 0 1 33.333333%;
}
.nemo {
    width: 100%;
    border-radius: 3px;
    height: 100%;
    position: relative;
    padding-bottom: 20px;
}
/* .nemo .img-responsive {
width:300px;
}
*/
.nemo::after {
    content: '\00a0';
    display: block;
    margin-top: 1em;
    height: 0;
    visibility: hidden;
}
@media screen and (max-width:1200px) {
    .Grid-cell {
        -webkit-box-flex: 0 1 33.333333%;
        -ms-flex: 0 1 33.333333%;
        flex: 0 1 33.333333%;
    }
}
@media screen and (max-width:991px) {
    .Grid-cell {
        -webkit-box-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}
@media screen and (max-width:699px) {
    .Grid-cell {
        -webkit-box-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}
@media screen and ( max-width:490px) {
    .Grid-cell {
        -webkit-box-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
}
/****Flex Grid BIS HIER****/

.thumbnail-wrap {
    height: auto;
    overflow: hidden;
    padding: 8px;
    background-color: #ebe8df;
    position: relative;
}
.thumbnail-wrap .wbox-thumbnail{
    width:100%;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.thumbnail-wrap .wbox-thumbnail {
    opacity: 0.5;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
div.ccm-block-page-list-page-entry-grid-thumbnail a:hover .thumbnail-wrap .wbox-thumbnail {
    opacity: 1;
    width: 100%;
}

.wbox-kurs-sehen .thumbnail-wrap .wbox-thumbnail {
    opacity: 1;
}

.thumbnailpfeil {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.thumbnailpfeil-hidden {
    display: none!important;
}

.kurspfeil img {
    height: 72px;
    width: 72px;

}

/* @-moz-document url-prefix() {
.wbox-content-wrap img {
width: 100%;
}
}
*/
.wbox-thumbnail-grid h4 a {
    color: #222222;
}
.ccm-block-page-list-date {
    font-size: 0.8em;
}
.ccm-block-page-list-date + h4 {
    margin-top: 0;
}
.description + p {
    margin-top: 5px;
}
/* ------------------------------------------------------------------------------------ Template Alle Kurse ------------------------------------------------------------------------------------ */

.template-alle-kurse ul {
    list-style-type: none;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #b73d3d;
}

.ccm-page .kurs-titel {
    margin: 0;
}
.template-alle-kurse .kurs-titel a {
    color: #000000;
}

.template-alle-kurse .content-wrap + .wbox-link-pfeil {
    position: absolute;
    bottom: 0;
    margin-left: 20px;
    padding-bottom: 15px;
}

.wbox-pagelist-paypal {
    margin-top: 8px;
}

/* ------------------------------------------------------------------------------------
MP4 Overlay Styling
------------------------------------------------------------------------------------
*/

/* This adds padding from top and bottom */
.mp4popup .mfp-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* This adds max-width to popup content */
.mp4popup .mfp-content {
  width: 100%;
  max-width: 1400px;
  height: auto;    
}

/* This makes "#popup-mp4-container" scale down proportionally */
.popup-mp4-container {
    width: auto;
    height: auto;
    overflow: hidden;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/* This shifts close button outside of the container */
.popup-mp4-container .mfp-close {
  top: -44px;
  color: #FFF;
  text-align: right;
  right: 1px;
}
/* This is an element itself */
.mp4-videocontent {
    top: 0px;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}

.mp4-videocontent video {
    background: #EBE8E8;
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}


/*-----------------------------------------------------------------------------------*/
/* Vimeo Video Carousel
/*-----------------------------------------------------------------------------------*/

/*! Flickity v2.2.0
https://flickity.metafizzy.co

Originale
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}


/* Anpassungen
---------------------------------------------- */
.flickity-viewport {
    transition: 0.3s all ease;
}

.carousel-cell {
    width: 100%;
    height: auto;
    counter-increment: gallery-cell;
}

/* ---- flickity-button ---- */
.flickity-button {
    display: none;
}

/* ---- page dots ---- */

.flickity-page-dots {
    bottom: -25px;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border: 1px solid rgb(168, 165, 147);
    background: transparent;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
    background-color: rgb(206, 202, 184);
}

.singlevideo .flickity-page-dots {
        display: none;   
}