/* ------------------------------------------------------------------------------ */
/* ****************************************************************************** */
/* --------- (C) Copyright 2024/2025 by machtWeb | Reinhard Lange --------------- */
/* ---------------------- machtWeb.de | relaXits@machtWeb.de -------------------- */
/* ------------------------------------------------------------------------------ */
/* update	->													  6.00/04 - 26-04-24
/* ------------------------------------------------------------------------------ */
/* content + videobox centered AND scroll down2box                                */
/* https://codepen.io/diyifang/pen/xdqzJj                                         */
/* update   -> 28-04-2017                                                         */
/* jQuery must be acitvead AND jscript !!!                                        */
/* ------------------------------------------------------------------------------ */
	
.videoBox {
	width: 100%;
	height: auto;
    margin: 32px auto;
	/*margin-bottom:32px;*/
	/*margin-left: 0;*/
	/*padding:0;*/
	border:1px solid var(--col-blu);
	/*box-shadow: var(--box-shadow);*/
    object-fit: cover !important; /* Passt das Poster und das Video an */
    z-index: 9999;
    transition: 0.5s;
    }

video {
    width: 100%;
    vertical-align: bottom;
    }  

/*
#videoBox.in {
    animation: ac 1s;
    }

#videoBox.out {
	position: fixed;
    bottom: .5rem;
    right: 1rem;
    width: 33%;
	padding: .1rem;
	background:#fff;
	
    animation: an 0.5s;
    }
*/
/* ------------------------------------------------------------------------------ */
/* END */	
/* ------------------------------------------------------------------------------ */