/*
Theme Name: Hello Biz Child
Template: hello-biz
Version: 1.0
*/



/* ==========================================================
   HEADER MOBIL & TABLET (bis 1024px) – fix, Logo mit Luft
   Container-Klasse im Elementor-Handy-Container: header-mv
   (PC-Header mit .fixed-header bleibt unverändert)
   ========================================================== */

@media (max-width:1024px){

  /* Tablet-Werte – hier bei Bedarf justieren */
  :root{
    --mv-header-h:128px;  /* Höhe des Headers */
    --mv-logo-h:100px;     /* Höhe des Logos   */
  }

  .header-mv{
    position:fixed !important;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:var(--mv-header-h) !important;
    min-height:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    align-items:center !important;
    z-index:9999;
    background-color:#F2F3F4 !important;
    overflow:visible !important;
    box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .header-mv > .e-con-inner{
    height:100% !important;
    align-items:center !important;
    overflow:visible !important;
  }

  /* Logo sitzt im Header, vertikal zentriert */
  .header-mv .elementor-widget-site-logo img{
    width:auto !important;
    height:var(--mv-logo-h) !important;
    max-width:none !important;
    vertical-align:middle;
  }

  /* Abstand für den fixen Header */
  html body{
    padding-top:var(--mv-header-h);
  }

  /* Admin-Bar (nur eingeloggt sichtbar) */
  .admin-bar .header-mv{
    top:32px;
  }
}

@media (max-width:782px){
  .admin-bar .header-mv{
    top:46px;
  }
}

/* Handy-Werte – hier bei Bedarf justieren */
@media (max-width:767px){
  :root{
    --mv-header-h:120px;
    --mv-logo-h:96px;
  }
}



/* ==========================================================
   HEADER – Social Media im mobilen Menü (wie Schieder)
   ========================================================== */

:root{
  --nav-indent:19px;   /* bei Bedarf hier justieren */
}

@media (min-width:1025px){
  li.nav-extra{ display:none !important; }
}

@media (max-width:1024px){

  li.nav-extra > a::after{ content:none !important; display:none !important; }

  li.nav-extra > a{
    text-decoration:none !important;
  }

  /* --- Überschrift --- */
  li.nav-titel{
    display:block !important;
    width:100%;
    flex-basis:100%;
    margin-top:26px;
    padding-top:20px;
    border-top:1px solid rgba(0,0,0,.10);
  }

  li.nav-titel > a{
    pointer-events:none;
    display:block !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase;
    color:#8A8580 !important;
    padding-top:0 !important;
    padding-bottom:4px !important;
  }

  /* --- Social Icons --- */
  li.nav-social{
    display:inline-block !important;
    width:auto;
    flex-basis:auto;
    margin:10px 10px 0 0;
    vertical-align:top;
  }

  li.nav-titel + li.nav-social{ margin-left:var(--nav-indent); }

  li.nav-social > a{
    display:block !important;
    width:42px;
    height:42px;
    padding:0 !important;
    border:1px solid rgba(227,1,15,.30);
    border-radius:50%;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    background-repeat:no-repeat;
    background-position:center;
    background-size:19px 19px;
  }

  li.nav-social--fb > a{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E3010F'%3E%3Cpath d='M13.5 21v-8h2.7l.4-3.1h-3.1V7.9c0-.9.3-1.5 1.6-1.5h1.6V3.6c-.3 0-1.3-.1-2.4-.1-2.5 0-4.1 1.5-4.1 4.2v2.2H7.4V13h2.8v8h3.3z'/%3E%3C/svg%3E");
  }

  li.nav-social--ig > a{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E3010F' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.2' cy='6.8' r='1.1' fill='%23E3010F' stroke='none'/%3E%3C/svg%3E");
  }
}