/****************************************************************************
 * Section
 ****************************************************************************/
.mobile_video_section.content_section {
    padding-bottom: 0;
    margin-bottom: 15rem;
}

/****************************************************************************
 * Columns
 ****************************************************************************/
.mobile_video_section .video_bg_wrapper {
    margin-bottom: -15rem;
    max-width: 23rem;
}
.mobile_video_section .content_column {
    padding: 8rem 1rem 3rem;
}

@media screen and (min-width: 64em){
    .mobile_video_section .content_column {
        padding: 8rem 1rem 5rem;
    }
}

@media screen and (min-width: 80em){
    .mobile_video_section .content_column {
        padding: 10rem 1rem 12rem;
    }
}

/****************************************************************************
 * Video
 ****************************************************************************/
.mobile_video_section .mobile_video {
    position: relative;
    padding: 0 0 200%;
}
.mobile_video_section .mobile_video:after {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: auto; height: auto;
    background: url(../img/iphone-freigestellt.png) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.mobile_video_section .mobile_video:before {
    content: ''; position: absolute;
    top: 3%; left: 4%; right: 5%; bottom: 2%;
    background-color:#000000;
    border-radius: 1rem;
}

.mobile_video_section .mobile_video_inner {
    position: absolute;     
	top: 11%;
    left: 3%;
    right: 3%;
    bottom: 2%;
    width: auto;
    height: auto; 
	border-bottom-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
    -webkit-overflow: hidden;
    -moz-overflow: hidden;
    -ms-overflow: hidden;
    -o-overflow: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mobile_video_section .mobile_video_inner > video {
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    margin: 0 auto;
}

.mobile_video_section .adjust_to_height .mobile_video_inner > video {
    height: 100%;
    width: auto;
    max-width: none;
}
.mobile_video_section .adjust_to_width .mobile_video_inner > video {
    width: 100%;
    height: auto;
}