/** Shopify CDN: Minification failed

Line 20:14 Unexpected "{"
Line 20:23 Expected ":"
Line 20:30 Unexpected "{"
Line 26:14 Unexpected "{"
Line 26:23 Expected ":"
Line 39:14 Unexpected "{"
Line 39:23 Expected ":"
Line 52:14 Unexpected "{"
Line 52:23 Expected ":"
Line 53:14 Unexpected "{"
... and 12 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Außenabstände killen, nur Padding aus Settings */
  #pbx-video-{{ section.id }} {
    margin: 0 !important;
    padding: var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);
  }

  /* Full-viewport Höhe (Desktop) */
  #pbx-video-{{ section.id }} .pbx-video-wrap {
    width: 100%;
    margin: 0;
    min-height: calc(100svh - var(--offset) - var(--pad-top) - var(--pad-bottom));
    height: calc(100svh - var(--offset) - var(--pad-top) - var(--pad-bottom));
    min-height: calc(100vh  - var(--offset) - var(--pad-top) - var(--pad-bottom));
    height: calc(100vh  - var(--offset) - var(--pad-top) - var(--pad-bottom));
    display: grid;
    place-items: center;
    overflow: hidden;
  }

  /* Video-Styling: komplett sichtbar */
  #pbx-video-{{ section.id }} .pbx-video {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
    background: black; /* Letterbox */
    outline: none; border: 0;
  }

  /* Sichtbarkeit: Standard Desktop = Desktop-Video an, Mobile-Video aus */
  #pbx-video-{{ section.id }} .pbx-video-desktop { display: block; }
  #pbx-video-{{ section.id }} .pbx-video-mobile  { display: none; }

  /* Mobile: Padding/Offset & Sichtbarkeit umschalten */
  @media screen and (max-width: 749px) {
    #pbx-video-{{ section.id }} {
      padding: var(--m-pad-top) var(--m-pad-right) var(--m-pad-bottom) var(--m-pad-left);
    }
    #pbx-video-{{ section.id }} .pbx-video-wrap {
      min-height: calc(100svh - var(--m-offset) - var(--m-pad-top) - var(--m-pad-bottom));
      height: calc(100svh - var(--m-offset) - var(--m-pad-top) - var(--m-pad-bottom));
      min-height: calc(100vh  - var(--m-offset) - var(--m-pad-top) - var(--m-pad-bottom));
      height: calc(100vh  - var(--m-offset) - var(--m-pad-top) - var(--m-pad-bottom));
    }
    #pbx-video-{{ section.id }} .pbx-video-desktop { display: none; }
    #pbx-video-{{ section.id }} .pbx-video-mobile  { display: block; }
  }

  /* Placeholder, falls beide Quellen fehlen (tritt praktisch nicht auf) */
  #pbx-video-{{ section.id }} .pbx-video:empty {
    display: grid; place-items: center; background: #f3f3f3; color:#666;
  }