/* Graf.video v8: visible film images, player loads only after consent. */
.video-frame--embed.gv-film-frame {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 16/9;
  min-height: 180px;
  background: #17120f;
}
.gv-film-frame > .gv-film-thumbnail {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.gv-film-frame > iframe {
  position: absolute !important;
  inset: 0;
  z-index: 3;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.gv-film-frame > iframe[hidden] { display: none !important; }
.gv-film-frame > .vimeo-consent-button {
  position: absolute !important;
  z-index: 2;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  background: linear-gradient(0deg,rgba(8,7,6,.75),rgba(8,7,6,.08) 72%) !important;
}
.gv-film-frame > .vimeo-consent-button:hover,
.gv-film-frame > .vimeo-consent-button:focus-visible {
  background: linear-gradient(0deg,rgba(8,7,6,.88),rgba(8,7,6,.24) 72%) !important;
}
.gv-film-frame > .vimeo-consent-button:focus-visible {
  outline: 3px solid #eac487;
  outline-offset: -3px;
}
.gv-film-frame .vimeo-consent-button__copy strong,
.gv-film-frame .vimeo-consent-button__copy small {
  text-shadow: 0 2px 10px rgba(0,0,0,.9);
}
@media (max-width:650px) {
  .video-frame--embed.gv-film-frame { min-height: 150px; }
}

/* Patch 3 / v9: Abstand zwischen regionalen Ortslinks und dem CTA.
   Nur Startseite, nur dieser Button. Keine Änderungen an anderen CTAs. */
#hochzeitsregionen.home-regions-merged .home-regions-intro > .city-list + .button-row {
  margin-top: 30px;
  padding-top: 0;
}
@media (max-width: 700px) {
  #hochzeitsregionen.home-regions-merged .home-regions-intro > .city-list + .button-row {
    margin-top: 24px;
  }
}


/* v12 - Filmvorschau sichtbar, Player wird erst nach Klick geladen.
   Diese Regeln gelten für die Startseite UND /portfolio/. */
.video-frame--embed.gv-film-frame {
  isolation:isolate; position:relative; overflow:hidden; background:#211a16; aspect-ratio:16/9;
}
.video-frame--embed.gv-film-frame::before,
.video-frame--embed.gv-film-frame::after {display:none !important;}
.video-frame--embed.gv-film-frame > img.gv-film-thumbnail {
  position:absolute !important; display:block !important; inset:0; z-index:2;
  width:100% !important; height:100% !important; object-fit:cover;
  opacity:1 !important; visibility:visible !important; filter:none !important;
}
.video-frame--embed.gv-film-frame > iframe {position:absolute !important; inset:0; z-index:6;}
.video-frame--embed.gv-film-frame > iframe[hidden] {display:none !important;}
.video-frame--embed.gv-film-frame > button.vimeo-consent-button {
  position:absolute !important; z-index:5 !important; display:flex !important;
  top:auto !important; right:auto !important; bottom:15px !important; left:50% !important;
  transform:translateX(-50%) !important; inset-block-start:auto !important;
  width:max-content !important; max-width:calc(100% - 24px) !important; height:auto !important;
  min-height:0 !important; min-width:0 !important; padding:12px 17px !important;
  margin:0 !important; border-radius:999px !important;
  background:rgba(17,12,10,.82) !important; border:1px solid rgba(255,255,255,.65) !important;
  color:#fff !important; backdrop-filter:blur(5px);
  box-shadow:0 3px 15px rgba(0,0,0,.3) !important; text-align:center;
}
.video-frame--embed.gv-film-frame > button.vimeo-consent-button:hover,
.video-frame--embed.gv-film-frame > button.vimeo-consent-button:focus-visible {
  background:rgba(62,39,25,.95) !important; outline:2px solid #e8c58c; outline-offset:2px;
}
.video-frame--embed.gv-film-frame .vimeo-consent-button__copy strong {color:#fff;}
.video-frame--embed.gv-film-frame .vimeo-consent-button__copy small {color:#f7e6d3;}
@media(max-width:600px){
  .video-frame--embed.gv-film-frame > button.vimeo-consent-button {bottom:8px !important; padding:9px 12px !important; font-size:12px !important;}
}