<!–vcv no format–><!– vcwb/dynamicElementComment:d211c13a –><div class=”vce-row-container”><div class=”vce-row vce-row–col-gap-30 vce-row-no-paddings vce-row-equal-height vce-row-content–top” data-vce-full-width=”true” data-vce-stretch-content=”true” id=”el-d211c13a” data-vce-do-apply=”all el-d211c13a”><div class=”vce-row-content” data-vce-element-content=”true”><!– vcwb/dynamicElementComment:16a6e3d7 –><div class=”vce-col vce-col–md-auto vce-col–xs-1 vce-col–xs-last vce-col–xs-first vce-col–sm-last vce-col–sm-first vce-col–md-last vce-col–lg-last vce-col–xl-last vce-col–md-first vce-col–lg-first vce-col–xl-first” id=”el-16a6e3d7″><div class=”vce-col-inner” data-vce-do-apply=”border margin background el-16a6e3d7″><div class=”vce-col-content” data-vce-element-content=”true” data-vce-do-apply=”padding el-16a6e3d7″><!– vcwb/dynamicElementComment:d5dc061a –><div class=”vce-raw-html”><div class=”vce-raw-html-wrapper” id=”el-d5dc061a” data-vce-do-apply=”all el-d5dc061a”><style>
/* EDIT: color of the line under each button title */
.emn{–emn-accent:var(–primary-color,#0b3d6e)}
/* Full-bleed, no-scroll page: undo the container, breadcrumbs and site footer on this page only */
.container.main{max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.bread-crumbs,body>footer{display:none!important}
@media (min-width:769px){html,body{overflow:hidden!important}}
.emn *{box-sizing:border-box}
.emn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* –emn-h is set by the script to the exact space left under the header */
.emn-hero{position:relative;width:100%;height:var(–emn-h,calc(100vh – var(–header-height,116px)));min-height:420px;overflow:hidden;background:#000}
.emn-video{position:absolute;inset:0}
.emn-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.emn-ctas{position:absolute;left:0;right:0;bottom:44px;z-index:2;display:flex;flex-wrap:wrap}
.emn-hero:after{content:”;position:absolute;left:0;right:0;bottom:0;height:260px;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.6) 100%)}
.emn-ctas a{flex:1 1 0;display:block;padding:1.5em .5em;text-align:center;text-decoration:none!important;color:#fff}
.emn-ctas h2{margin:0;color:#fff;font:700 1.25rem/1.2 ‘Manrope’,sans-serif;letter-spacing:.02em;text-transform:uppercase;text-shadow:1px 1px 2px #000}
.emn-ctas h2:after{content:”;display:block;width:20%;height:3px;margin:.5em auto;background:var(–emn-accent);transition:width .25s ease-in-out}
.emn-ctas a:hover h2:after,.emn-ctas a:focus-visible h2:after{width:80%}
.emn-ctas span{display:block;color:#fff;font:500 .875rem/1.4 ‘Manrope’,sans-serif;letter-spacing:1px;text-transform:uppercase;text-shadow:1px 1px 2px #000}
.emn-sound{position:absolute;right:24px;bottom:170px;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 20px;border:2px solid #fff;border-radius:40px;background:rgba(0,0,0,.55);color:#fff;font:700 15px/1 ‘Manrope’,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.emn-sound:hover,.emn-sound:focus-visible{background:#0b3d6e}
.emn-sound[hidden]{display:none}
.emn-sound svg{width:20px;height:20px;fill:currentColor}
/* Mini footer over the video, like the Auto Group page */
.emn-footer{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 16px;background:rgba(0,0,0,.6);color:#fff;font:12px/1.5 ‘Manrope’,sans-serif}
.emn-footer a{color:#fff;text-decoration:none}
.emn-footer a:hover{color:var(–emn-accent)}
.emn-footer-provider{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:1px;white-space:nowrap}
.emn-footer-provider img{display:block;width:100px;height:auto}
@media (max-width:1060px){.emn-footer-provider{position:static;transform:none}}
@media (max-width:1024px){.emn-ctas a{padding:.95em .25em}.emn-ctas h2{font-size:1.05rem}}
/* Mobile: page scrolls; video on top, buttons stacked on white, footer in black */
@media (max-width:768px){
.emn-hero{height:auto;min-height:0;overflow:visible;background:#fff}
.emn-hero:after{display:none}
.emn-video{position:relative;height:60vh;overflow:hidden;background:#000}
.emn-sound{bottom:16px;right:16px}
.emn-ctas{position:relative;bottom:0;background:#fff}
.emn-ctas a{flex:1 1 100%;border-bottom:1px solid #f5f5f5}
.emn-ctas h2,.emn-ctas span{color:#000;text-shadow:none}
.emn-footer{position:relative;flex-direction:column;justify-content:center;height:auto;padding:16px;background:#000;text-align:center}
}
</style>
<div class=”emn”>
<h1 class=”emn-sr”>Experience Mauer Nice | Mauer Chevrolet</h1>
<section class=”emn-hero” id=”emn-hero”>
<div class=”emn-video”>
<video id=”emn-video” autoplay=”” loop=”” muted=”” playsinline=”” preload=”auto”>
<source src=”https://s3.amazonaws.com/cdn.dealervenom.com/mauer-auto-group%2FMauer-Experience-Mauer-Nice.mp4″ type=”video/mp4″>
</video>
<button type=”button” class=”emn-sound” id=”emn-sound” hidden=”” aria-label=”Turn sound on”>
<svg viewBox=”0 0 24 24″ aria-hidden=”true”><path d=”M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05A4.48 4.48 0 0 0 16.5 12zM14 3.23v2.06a7 7 0 0 1 0 13.42v2.06A9 9 0 0 0 14 3.23z”></path></svg>
<span>Tap for Sound</span>
</button>
</div>
<!– EDIT: buttons (link, title, subtitle). Add or remove <a> lines as needed –>
<nav class=”emn-ctas” aria-label=”Experience Mauer Nice”>
<a data-ag-event=”cta_interaction” href=”/about/”><h2>About</h2><span>Our Story</span></a>
<a data-ag-event=”cta_interaction” href=”/meet-the-team/”><h2>Meet The Team</h2><span>The People Behind Mauer</span></a>
<a data-ag-event=”cta_interaction” href=”/community/”><h2>Community</h2><span>Giving Back Locally</span></a>
<a data-ag-event=”cta_interaction” href=”/careers/”><h2>Careers</h2><span>Join The Mauer Team</span></a>
<a data-ag-event=”cta_interaction” href=”/contact/”><h2>Contact</h2><span>Get In Touch</span></a>
</nav>
<!– EDIT: footer dealer name –>
<footer class=”emn-footer”>
<div>© <span id=”emn-year”>2026</span> Mauer Chevrolet | <a href=”/privacy-policy/”>Privacy Policy</a></div>
<div class=”emn-footer-provider”>
<span>Advanced Automotive Websites By</span>
<a href=”https://dealeralchemist.com” target=”_blank” rel=”noopener” title=”Dealer Alchemist | An Advanced Automotive Dealer Website Provider”><img src=”https://bucket.dealervenom.com/assets/autogo/logos/AutoGO-Logo-White-XL.png?auto=compress%2Cformat&w=100″ alt=”Dealer Alchemist”></a>
</div>
</footer>
</section>
</div>
<script>
(function () {
var hero = document.getElementById(’emn-hero’);
var v = document.getElementById(’emn-video’);
var b = document.getElementById(’emn-sound’);
var y = document.getElementById(’emn-year’);
if (y) y.textContent = new Date().getFullYear();
// Fit the hero to the space under the header (covers top bar, alert bar and admin bar)
function fit() {
if (!hero) return;
var top = hero.getBoundingClientRect().top + window.pageYOffset;
hero.style.setProperty(‘–emn-h’, Math.max(window.innerHeight – top, 420) + ‘px’);
}
fit();
window.addEventListener(‘resize’, fit);
window.addEventListener(‘load’, fit);
if (!v || !b) return;
// Try to play with sound; browsers usually block it, so fall back to muted + button
b.addEventListener(‘click’, function () {
v.muted = false;
v.currentTime = 0;
var p = v.play();
if (p && p.catch) p.catch(function () {});
b.hidden = true;
});
v.muted = false;
var p = v.play();
if (p && p.then) {
p.then(function () { if (v.muted) b.hidden = false; })
.catch(function () { v.muted = true; v.play().catch(function () {}); b.hidden = false; });
} else {
v.muted = true;
b.hidden = false;
}
})();
</script></div></div><!– /vcwb/dynamicElementComment:d5dc061a –></div></div></div><!– /vcwb/dynamicElementComment:16a6e3d7 –></div></div></div><!– /vcwb/dynamicElementComment:d211c13a –><!–vcv no format–>