/* 16.07.2025: Anpassungen der Color-Section: */
.avia-section.av-lrf7q97x-b7763e889d6fef507dabc3064e7e294e
  .av-section-color-overlay {
  background-repeat: no-repeat !important;
}
/* H1 und H2 sollen nicht in CAPS geschrieben sein, also text-transform entfernen */
.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2 {
  text-transform: none !important;
}

/* Nur auf der Startseite (page-id-6391) die folgenden Elemente initial ausblenden, damit sie dann per Animation eingeblendet werden können */
/* Logo muss IMMER ausgeblendet sein, sonst ist es erst rot dann weiß und das blitzt, das sieht nicht gut aus */
body.page-id-6391 #header .avia-standard-logo,
body.page-id-6391 nav.main_menu,
body.page-id-6391
  #1.hero-section
  main[role='main']
  > .post-entry
  section.av_textblock_section {
  opacity: 0;
  visibility: hidden;
}
/* auch das Side-Menu mit den Punkten initial ausblenden */
body.page-id-6391 #side-menu-1 {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%); /* vollständig rechts außerhalb des Viewports */
  transition: transform 780ms ease, opacity 780ms ease;
}

/* (Optional) Übergänge definieren, falls noch nicht gesetzt */
#header .avia-standard-logo img,
#header nav.main_menu,
main[role='main'] > .post-entry section.av_textblock_section {
  transition: opacity 780ms ease, transform 780ms ease;
}

/* Video passend füllen, kein Letterboxing (schwarze Balken an den Rändern) */
/* 1) Sektion als „Viewport“ definieren */
.hero-section {
  position: relative;
  overflow: hidden; /* verhindert sichtbare Ränder/Balken */
}

/* 2) Enfolds Video-Wrapper vollflächig spannen */
.hero-section .av-section-video-bg {
  position: absolute;
  inset: 0; /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
}

/* 3) Das eigentliche <video>: randlos füllen */
.hero-section .av-section-video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* füllt ohne Verzerrung, schneidet ggf. */
  object-position: center; /* Bildausschnitt zentrieren */
}

/* 4) Inhalt über dem Video halten (Buttons/Text) */
.hero-section .container,
.hero-section .content,
.hero-section .av-section-color-overlay {
  position: relative;
  z-index: 2;
}

/* 5) (Optional) MediaElement-Container anpassen, falls genutzt */
.hero-section .av-section-video-bg .mejs-container,
.hero-section .av-section-video-bg .mejs-mediaelement {
  width: 100% !important;
  height: 100% !important;
}
/* Test */