/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/





/* =========================================================
   ENFOLD BREADCRUMBS – title_container (dein Selector)
   ========================================================= */

.stretch_full.container_wrap.title_container,
#main .title_container{
  background-color: #f7f7f7 !important; /* DEINE FARBE HIER */
  padding: 0px 0 !important;
}

/* Breadcrumb-Links innerhalb */
.title_container .breadcrumbs,
.title_container #breadcrumbs{
  background-color: transparent !important;
  color: #666 !important;
}

.title_container .breadcrumbs a,
.title_container #breadcrumbs a{
  color: #007cba !important;
}

.title_container .breadcrumbs a:hover{
  color: #005a87 !important;
}

/* =========================================================
   ENFOLD MOBILE HEADER – FINAL (KEIN WhatsApp, nur Telefon unten)
   ✓ Lupe AUS
   ✓ WhatsApp/Social AUS
   ✓ Telefon in eigener Zeile
   ✓ Sticky Header
   ========================================================= */

@media only screen and (max-width: 767px){

  /* ---------- 1. Sticky Header ---------- */
  .responsive #top #wrap_all #header{
    position: fixed !important;
    top: 0 !important;
    z-index: 9999 !important;
  }
  .responsive #top #main{
    margin-top: 120px !important; /* Weniger, da Topbar leer */
  }

  /* ---------- 2. Lupe AUS ---------- */
  #menu-item-search,
  .av_header_search{
    display: none !important;
  }

  /* ---------- 3. WhatsApp/Social AUS ---------- */
  #top #header_meta .social_bookmarks{
    display: none !important;
  }

  /* ---------- 4. Telefon: EIGENE Zeile (dein exakter Selector) ---------- */
  #top #header_meta .container{
    display: flex !important;
    flex-direction: column !important;
  }

  #top #header_meta .container div.phone-info{
    order: 1 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    text-align: center !important;
    margin: 10px 0 !important;
  }

  /* Dein inneres div */
  #top #header_meta .container div.phone-info div{
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
  }

  /* ---------- 5. Logo stabil ---------- */
  .responsive #top #header .logo img{
    max-height: 80px !important;
  }
}

/* =========================================================
   ENFOLD BUTTONS – KOMPLETT (Normal + Hover + Fullwidth)
   ========================================================= */

#top .avia-button,
#top .avia-button-fullwidth,
#wrap_all .avia-button,
.avia-button{
  background-color: #0f427e !important;     /* BLAU */
  border-color: #0f427e !important;
  color: #ffffff !important;
  text-align: left !important;
  padding-left: 20px !important;
}

#top .avia-button:hover,
#top .avia-button-fullwidth:hover,
#wrap_all .avia-button:hover,
.avia-button:hover{
  background-color: #0376bb !important;     /* DUNKELBLau Hover */
  border-color: #0376bb !important;
  color: #ffffff !important;
  box-shadow: 0 4px 8px rgba(0,92,135,0.3) !important;
}

/* Dein Container */
div#wrap_all div#main div#after_section_2.main_color.av_default_container_wrap.container_wrap.fullsize {
  border: none !important;
}