/*
Theme Name: Unicon Child Theme
Theme URI: http://themeforest.net/user/minti
Description: Unicon Child Theme for your Customizations.
Author: minti
Author URI: http://mintithemes.com
Template: unicon
Version: 1.1
*/

/* === VIDEO @ #startseite-video — final, clean === */

/* Reset: keine weißen Ränder durch Margins/Baseline */
#startseite-video .video-player-for-wpbakery.julia-home-full-vid,
#startseite-video .video-player-for-wpbakery.julia-home-full-vid .video-player-for-wpbakery-container{
  margin:0!important; padding:0!important;
  line-height:0!important; font-size:0!important;
  background:transparent!important; border:0!important; box-shadow:none!important;
}
#startseite-video .wpb_wrapper > .video-player-for-wpbakery,
#startseite-video .wpb_wrapper > #julia-home,
#startseite-video .wpb_content_element{
  margin-top:0!important; margin-bottom:0!important;
}
#startseite-video .video-player-for-wpbakery.julia-home-full-vid video{
  display:block!important; margin:0!important; width:100%; height:auto;
}

/* WPBakery "Full Height" notfalls neutralisieren */
#startseite-video.vc_row-o-full-height{ min-height:auto!important; }

/* ================================
   GLOBAL FIX: Mobile Burger + Icons
   ================================ */

/* Font Awesome auf den wichtigsten Icons erzwingen */
#mobile-navigation-btn i,
#back-to-top i,
.header-icons i,
#mobile-header i {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important; /* solid */
  font-style: normal !important;
}

/* Falls das Icon trotzdem ausfällt: Fallback-Burger ohne Webfont */
@media (max-width: 959px){
  #mobile-navigation-btn {
    position: absolute;
    right: 18px;
    top: 0;
    height: 90px;
    display: flex;
    align-items: center;
    z-index: 100000;
  }

  /* optional: wenn i manchmal leer ist, nimm ein sicheres Unicode-Zeichen */
  #mobile-navigation-btn i:empty::before {
    content: "☰";
    font-size: 26px;
    line-height: 1;
  }
}

/* =========================================
   MOBILE STICKY HEADER (Unicon)
   ========================================= */
@media (max-width: 959px){

  /* Mobile Header bleibt oben stehen */
  #mobile-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
  }

  /* Content rutscht sonst unter den Header */
  #page-wrap{
    padding-top: 90px; /* Headerhöhe */
  }

  /* Mobile Menü soll unter dem Header aufgehen */
  #mobile-navigation{
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 99998;
  }
}

/* =========================================
   ACCORDION: doppelte Trennlinien auf Mobile verhindern
   ========================================= */

@media (max-width: 959px){

  /* Entfernt die obere Linie der jeweils ersten Accordion-Section */
  .wpb_accordion .wpb_accordion_section:first-child
  .wpb_accordion_header{
    border-top: none !important;
  }




/* =========================================
   ACCORDION: Abstand zwischen 2 Spalten auf Mobile entfernen
   ========================================= */

@media (max-width: 959px){

  /* WPBakery gibt Content-Elementen oft einen Bottom-Margin */
  .wpb_accordion.wpb_content_element{
    margin-bottom: 0 !important;
  }

  /* Wenn Spalte 2 unter Spalte 1 rutscht: keinen Extra-Abstand oben */
  .vc_col-sm-6 + .vc_col-sm-6{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sicherheit: Wrapper/Content-Elemente in den Spalten ohne Extra-Abstand */
  .vc_col-sm-6 + .vc_col-sm-6 .wpb_wrapper{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* =====================================================
   WPBakery: Abstand zwischen gestapelten 2-Spalten-Accordions entfernen
   ===================================================== */

/* Mobile (Unicon/WPBakery typischer Breakpoint) */
@media (max-width: 767px){

  /* wenn 2x .vc_col-sm-6 untereinander stehen: kein "Stack-Gap" */
  body .wpb_row .vc_col-sm-6{
    margin-bottom: 0 !important;
  }

  /* WPBakery legt oft Abstand über vc_column-inner an */
  body .wpb_row .vc_col-sm-6 > .vc_column-inner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* WPBakery content elements haben standardmäßig margin-bottom (z.B. 35px) */
  body .wpb_row .vc_col-sm-6 .wpb_content_element{
    margin-bottom: 0 !important;
  }

  /* Accordion selbst auch ohne extra Abstand */
  body .wpb_row .vc_col-sm-6 .wpb_accordion.wpb_content_element{
    margin-bottom: 0 !important;
  }
}

/* =====================================================
   FIX: Mobile Sticky Header funktioniert auf Startseite nicht
   (meist wegen transform/smoothscroll/pagescroll)
   ===================================================== */

@media (max-width: 959px){

  /* Header wirklich fix erzwingen */
  body.home #mobile-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999999 !important;
    transform: none !important;
    -webkit-transform: none !important;
    background: #fff !important;
  }

  /* Platz für fixen Header */
  body.home #page-wrap{
    padding-top: 90px !important;
  }

  /* KRITISCH: falls Smoothscroll/Video einen transformierten Wrapper nutzt */
  body.home .site-wrapper,
  body.home .wrapall{
    transform: none !important;
    -webkit-transform: none !important;
  }
}

/* =========================================
   MOBILE HEADER: Logo größer darstellen
   ========================================= */

@media (max-width: 959px){

  /* Logo-Container etwas mehr Raum geben */
  #mobile-header .logo{
    margin-top: 25px; /* optional feinjustieren */
  }

  /* Logo selbst größer */
  #mobile-header .logo img{
    max-height: 58px;   /* vorher ~40–45px */
    width: auto;
  }

  /* Falls Retina-Logo verwendet wird */
  #mobile-header .logo img.logo_retina{
    max-height: 58px;
  }

  /* Burger bleibt korrekt zentriert */
  #mobile-navigation-btn{
    line-height: 90px;
  }
}


	/* Urlaubsbox: Desktop optisch ins Hero ziehen, mobil normal stehen lassen */
@media (min-width: 992px){
  .urlaub-overlay{
    position: relative;
    z-index: 50;
    max-width: 720px;
    margin: -220px auto 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
  }
}

@media (max-width: 991px){
  .urlaub-overlay{
    margin: 0 auto !important;
    max-width: none;
  }
}
	
	

/* === Urlaubsbox: Desktop über dem Hero, mobil normal === */

/* Desktop */
@media (min-width: 992px){

  /* Wrapper darf nichts abschneiden */
  .wpb-content-wrapper{
    overflow: visible !important;
  }

  /* Hero als Referenz */
  #startseite-video{
    position: relative;
    z-index: 1;
    overflow: visible !important;
  }

  /* Die direkt folgende Row nach dem Hero */
  .wpb-content-wrapper > #startseite-video + .wpb_row{
    position: relative;
    z-index: 80;
    transform: translateY(-260px);   /* hier feinjustieren */
    margin-bottom: -220px !important; /* schließt die Lücke darunter */
    background: transparent !important;
  }

  /* Die eigentliche Meldungsbox */
  .wpb-content-wrapper > #startseite-video + .wpb_row .urlaub-overlay{
    position: relative;
    z-index: 90;
    max-width: 720px;
    margin: 0 auto !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
  }
}

/* Tablet + Mobil: alles normal */
@media (max-width: 991px){
  .wpb-content-wrapper > #startseite-video + .wpb_row{
    transform: none !important;
    margin-bottom: 0 !important;
    background-color: #f9f9f9 !important;
  }

  .wpb-content-wrapper > #startseite-video + .wpb_row .urlaub-overlay{
    max-width: none;
    margin: 0 auto !important;
    box-shadow: none;
  }
}