.elementor-5988 .elementor-element.elementor-element-ad41caf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5988 .elementor-element.elementor-element-ad41caf:not(.elementor-motion-effects-element-type-background), .elementor-5988 .elementor-element.elementor-element-ad41caf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0DE60;}.elementor-5988 .elementor-element.elementor-element-6f1f57d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-200px;}.elementor-5988 .elementor-element.elementor-element-6f1f57d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5988 .elementor-element.elementor-element-4428db3{z-index:10;}.elementor-5988 .elementor-element.elementor-element-4428db3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-5988 .elementor-element.elementor-element-032712b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-5988 .elementor-element.elementor-element-3ad562c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:11px;--margin-right:-19px;--z-index:1;}.elementor-5988 .elementor-element.elementor-element-3ad562c:not(.elementor-motion-effects-element-type-background), .elementor-5988 .elementor-element.elementor-element-3ad562c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4667AA;}.elementor-5988 .elementor-element.elementor-element-3ad562c.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5988 .elementor-element.elementor-element-ad41caf{--width:100%;}.elementor-5988 .elementor-element.elementor-element-6f1f57d{--width:72.746%;}.elementor-5988 .elementor-element.elementor-element-032712b{--width:33%;}.elementor-5988 .elementor-element.elementor-element-3ad562c{--width:607px;}}/* Start custom CSS for video, class: .elementor-element-4428db3 */<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video mit Hover-Steuerung</title>
    <style>
        .video-container {
            position: relative;
            width: 100%;
            max-width: 800px;
            margin: auto;
        }

        video {
            width: 100%;
            height: auto;
            display: block;
        }

        video::-webkit-media-controls {
            display: none !important;
        }

        .video-container:hover video::-webkit-media-controls {
            display: flex !important;
        }

        video::-webkit-media-controls-panel {
            background-color: #375D81 !important;
        }
    </style>
</head>
<body>
    <div class="video-container">
        <video autoplay muted playsinline controls disablepictureinpicture>
            <source src="https://gutachter-nern.de/wp-content/uploads/2025/02/heroVideo.mp4" type="video/mp4">
            Dein Browser unterstützt kein HTML5-Video.
        </video>
    </div>
</body>
</html>/* End custom CSS */