/* ----------------------------------------- */
/*  ------------- Burst  --------------------*/
/* ----------------------------------------- */

.goal_kostenl_WS {
    background: #FFFFCC;
}

/* ----------------------------------------- */

/* Zentriertes quadratisches 300px-Video + Controls & Poster ausblenden */
.video-container-300 {
    width: 300px !important;
    height: 300px !important;
    margin: 0 auto !important;          /* horizontale Zentrierung */
    overflow: hidden !important;
    background: #000;                   /* schwarzer Hintergrund während Laden */
    position: relative;
}

.video-container-300 .wp-video,
.video-container-300 .wp-video-shortcode,
.video-container-300 .mejs-container,
.video-container-300 .mejs-container video,
.video-container-300 .mejs-inner {
    width: 100% !important;
    height: 100% !important;
    max-width: 300px !important;
    max-height: 300px !important;
}

.video-container-300 video.wp-video-shortcode {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;     /* Video komplett sichtbar, keine Abschneidung */
    object-position: center center !important;
    display: block !important;
}

/* Poster-Bild (das statische Vorschaubild) ausblenden – wichtig, damit Video sichtbar wird */
.video-container-300 .mejs-poster,
.video-container-300 .mejs-poster-img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Alle Steuer-Elemente, Play-Button, Overlays komplett verstecken */
.video-container-300 .mejs-controls,
.video-container-300 .mejs-overlay,
.video-container-300 .mejs-overlay-button,
.video-container-300 .mejs-overlay-play,
.video-container-300 .mejs-bigplaybutton,
.video-container-300 .mejs-overlay-loading {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}