/* style_clickfix2.css (v11)
   Fix:
   - Header/Logo/Icons/Navigation bleiben sticky + klickbar (PC + Handy)
   - Mobile-Dropdown (selectnav) ist IMMER sichtbar (auch direkt beim Laden)
   - Header bleibt immer über Videos/iframes
*/

/* Header immer oben + eigenes Layer */
.top_head{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 2147483647 !important;
  background: #fff !important;
  -webkit-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

/* Platz schaffen, damit Inhalt nicht unter Header rutscht */
.mainWrapper{
  padding-top: 92px !important;
}

/* Alles im Header klickbar */
.top_head,
.top_head *{
  pointer-events: auto !important;
}

/* Sticky-Wrapper darf nichts verschlucken */
.sticky-wrapper{
  pointer-events: auto !important;
  z-index: auto !important;
}

/* Videos/Iframes immer UNTER Header (iOS/Safari Fix) */
iframe, embed, object, video{
  position: relative !important;
  z-index: 1 !important;
}
.flexslider, .flex-viewport, .video, .videoWrapper, .youtube, .yt,
.rev_slider_wrapper, .tp-simpleresponsive, .fullwidthbanner-container{
  position: relative !important;
  z-index: 1 !important;
}

/* --- WICHTIG: Mobile Navigation Dropdown NIE verstecken --- */
/* (einige Scripts/CSS setzen display:none/opacity:0 beim Laden oder beim Scrollen) */
.selectnav,
select.selectnav,
#selectnav,
#selectnav0,
#selectnav1,
#selectnav2{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2147483647 !important;
}

/* ---------- Mobile Layout: Logo/Icons links, Dropdown rechts, eine Zeile ---------- */
@media (max-width: 767px){
  .top_head .container,
  .top_head .container .row{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  /* Linker Block (Logo + Social Icons) */
  .top_head .container .row .span3{
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 55% !important;
    min-width: 0 !important;
  }

  /* Rechter Block (Navigation Dropdown) */
  .top_head .container .row .span9{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 45% !important;
    margin-left: auto !important;
    min-width: 0 !important;
  }

  /* Dropdown: rechts 10px Luft (damit nichts abgeschnitten wirkt) */
  .selectnav,
  select.selectnav,
  #selectnav,
  #selectnav0,
  #selectnav1,
  #selectnav2{
    margin: 0 10px 0 0 !important;
    width: 100% !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
  }
}