.auf-shu{
position: relative;
width: 100%;
height: var(--auf-shu-h, 68vh);
min-height: var(--auf-shu-min, 420px);
max-height: var(--auf-shu-max, 780px);
overflow: hidden;
background: #fff;
} @media (max-width: 767px){
.auf-shu{
--auf-shu-h: 42vh;
--auf-shu-min: 240px;
--auf-shu-max: 520px;
}
} .auf-shu__poster{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position: var(--auf-shu-pos, center center);
transform: translateZ(0);
} .auf-shu__video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position: var(--auf-shu-pos, center center);
pointer-events:none; transform: translateZ(0);
} .auf-shu__video::-webkit-media-controls,
.auf-shu__video::-webkit-media-controls-panel,
.auf-shu__video::-webkit-media-controls-start-playback-button,
.auf-shu__video::-webkit-media-controls-play-button,
.auf-shu__video::-webkit-media-controls-timeline,
.auf-shu__video::-webkit-media-controls-current-time-display,
.auf-shu__video::-webkit-media-controls-time-remaining-display,
.auf-shu__video::-webkit-media-controls-mute-button,
.auf-shu__video::-webkit-media-controls-volume-slider,
.auf-shu__video::-webkit-media-controls-fullscreen-button{
display:none !important;
-webkit-appearance:none !important;
}
.auf-shu.is-video-ready .auf-shu__poster{
opacity:0;
transition: opacity .25s ease;
} .auf-shu--fullbleed{
display:block !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
} @media (max-width: 1024px){
.auf-shu--fullbleed{ position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
}
html.auf-shu-nox,
body.auf-shu-nox{
overflow-x: hidden !important;
}
} @media (min-width: 1025px){
.auf-shu[data-hide-desktop="1"]{
display:none !important;
}
}