/*
Theme Name: Solene
Theme URI: https://solene.qodeinteractive.com
Description: Wedding Photography Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Text Domain: solene
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 3.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* BUTTONS */

.center-btn-wrapper {
  text-align: center; /* sorgt dafür, dass der Button horizontal zentriert ist */
  /*margin: 2rem 0;*/     /* optional: Abstand oben und unten */
}

/* WORTTRENNUNG */

html {
  lang: de;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word !important; /* erlaubt Umbruch von langen Wörtern */
  word-break: break-word !important;    /* erzwingt Umbruch bei Bedarf */
  hyphens: auto !important;             /* fügt automatisch Bindestriche ein */
  -webkit-hyphens: auto !important;     /* für Safari/WebKit */
  -ms-hyphens: auto !important;         /* für ältere IE-Versionen */
}

/* VIDEO BGs */

.video-bg {
  position: fixed;   /* bleibt beim Scrollen stehen */
  inset: 0;          /* top/right/bottom/left: 0 */
  overflow: hidden;  /* schneidet Ränder sauber ab */
  z-index: -1;       /* liegt hinter dem restlichen Inhalt */
  background: #000;  /* Fallback-Farbe */
}

/* Das eigentliche Video */
.video-bg__media {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;   /* füllt Fläche ohne Verzerrung */
  pointer-events: none;/* keine Interaktion/“Navigation” möglich */
}

/* Dein Vordergrund-Content (falls genutzt) */
.video-bg__content {
  position: relative;
  z-index: 1;
  color: #fff;
}

/* Barrierefreiheit: Respektiert reduzierte Bewegungen */
@media (prefers-reduced-motion: reduce) {
  .video-bg__media { display: none; }
  .video-bg { background: #000; }
}

/* (Nur zur Sicherheit; es sind ohnehin keine Controls gesetzt) */
video::-webkit-media-controls { display: none !important; }