/* =========================================================
   BEAUTYRELLA NAV V2 – LEGACY-CSS-KOMPATIBILITÄT
   Die alte Website besitzt globale Regeln für #hauptmenue,
   .mw-menu-wrapper, ul/li/a etc. Diese Schicht isoliert die
   neue Navigation vollständig davon.
   ========================================================= */

.mw-menu-wrapper.br-nav-host{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  display:block !important;
  position:relative !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.mw-menu-wrapper.br-nav-host > .mw-logo,
.mw-menu-wrapper.br-nav-host > #menubar{
  display:none !important;
}

.mw-menu-wrapper.br-nav-host::before,
.mw-menu-wrapper.br-nav-host::after{
  content:none !important;
  display:none !important;
}

.mw-menu-wrapper.br-nav-host > .br-nav-shell{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  box-sizing:border-box !important;
}

/* harte Isolation gegen alte nav/ul/li/a-Regeln */
#brHauptmenue,
#brHauptmenue *,
.br-nav-shell,
.br-nav-shell *{
  box-sizing:border-box;
}

#brHauptmenue{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  display:block !important;
  overflow:visible !important;
}

#brHauptmenue ul.br-nav-list{
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  position:static !important;
  background:transparent !important;
}

#brHauptmenue ul.br-nav-list > li.br-nav-item{
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  display:block !important;
  background:transparent !important;
}

#brHauptmenue a,
#brHauptmenue button{
  box-sizing:border-box !important;
}

.br-nav-svg-icon{
  width:17px;
  height:17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.br-nav-svg-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.br-nav-svg-wa{
  color:#43b96a;
}

:root{--br-nav-gold:#c8a176;--br-nav-copy:#f7f2ed;--br-nav-line:rgba(255,255,255,.11)}
.br-nav-shell{position:relative;z-index:9990;width:100%;font-family:inherit}.br-nav-inner{width:100%;max-width:1420px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.br-nav-topbar{background:#100e0c;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.br-nav-topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.br-nav-topbar-left,.br-nav-topbar-right{display:flex;align-items:center;gap:20px}
.br-nav-mini-link,.br-nav-whatsapp{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.62)!important;text-decoration:none!important;font-size:11px;letter-spacing:.035em;transition:.2s}.br-nav-mini-link:hover,.br-nav-whatsapp:hover{color:#fff!important}.br-nav-mini-icon{color:var(--br-nav-gold)}.br-nav-whatsapp{color:#d8c7b9!important}.br-nav-wa-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#58c879;box-shadow:0 0 0 4px rgba(88,200,121,.11)}
.br-nav{position:relative;background:rgba(247,243,239,.97);border-bottom:1px solid rgba(66,58,54,.08);box-shadow:0 5px 25px rgba(51,40,34,.06);backdrop-filter:blur(18px)}.br-nav-main{min-height:88px;display:flex;align-items:center;gap:24px}.br-nav-brand{flex:0 0 auto;width:154px;height:66px;display:flex;align-items:center}.br-nav-brand img{display:block;width:100%;height:auto;max-height:66px;object-fit:contain}.br-nav-panel{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:24px}.br-nav-list{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:stretch;gap:2px}.br-nav-item{position:relative;list-style:none!important;margin:0!important;padding:0!important}
.br-nav-link{appearance:none;min-height:88px;display:flex;align-items:center;gap:5px;padding:0 11px;border:0;background:transparent;color:#504742!important;text-decoration:none!important;font:inherit;font-size:12px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:.2s}.br-nav-link:hover,.br-nav-has-menu.is-open>.br-nav-link{color:#9c765e!important}.br-nav-link:after{content:"";position:absolute;left:11px;right:11px;bottom:19px;height:1px;background:var(--br-nav-gold);transform:scaleX(0);transition:.22s}.br-nav-link:hover:after,.br-nav-has-menu.is-open>.br-nav-link:after{transform:scaleX(1)}.br-nav-chevron{margin-top:-3px;color:#ad8c77;font-size:14px;transition:.2s}.br-nav-has-menu.is-open .br-nav-chevron{transform:rotate(180deg)}
.br-nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.br-nav-icon-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #dfd4cc;background:#fff;color:#5b514b!important;text-decoration:none!important;transition:.2s}.br-nav-icon-btn:hover{border-color:#c7a58f;transform:translateY(-2px)}.br-nav-icon-whatsapp .br-nav-wa-dot{width:10px;height:10px}.br-nav-book{min-height:44px;display:inline-flex;align-items:center;gap:14px;padding:0 19px;border-radius:999px;background:#211c18;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:.22s}.br-nav-book:hover{background:#322923;transform:translateY(-2px)}.br-nav-book span{color:#d7b49e;font-size:16px}
.br-nav-mega{position:absolute;top:calc(100% - 1px);left:50%;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,12px);background:#fbf8f5;border:1px solid #eadfd8;border-radius:0 0 18px 18px;box-shadow:0 24px 70px rgba(20,14,10,.28);transition:.18s}.br-nav-has-menu.is-open>.br-nav-mega{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.br-nav-mega-small{width:610px;padding:24px;display:grid;grid-template-columns:.86fr 1.14fr;gap:22px}.br-nav-mega-wide{width:min(980px,calc(100vw - 50px));padding:30px 31px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.br-nav-mega-compact{width:360px;padding:18px}.br-nav-mega-intro{padding:26px;border-radius:14px;background:radial-gradient(circle at 80% 0%,rgba(200,161,118,.23),transparent 38%),#211c18;color:#fff}.br-nav-mega-kicker{display:block;margin-bottom:15px;color:#d7af91;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.br-nav-mega-intro strong{display:block;color:#fff;font-size:29px;line-height:1.06;font-weight:200}.br-nav-mega-intro p{margin:15px 0 16px;color:rgba(255,255,255,.65);font-size:12px;line-height:1.65}.br-nav-mega-cta{color:#ddb89d!important;text-decoration:none!important;font-size:12px}.br-nav-mega-links{display:flex;flex-direction:column}.br-nav-mega-links>a{display:block;padding:12px 13px;border-radius:10px;color:#514944!important;text-decoration:none!important;transition:.18s}.br-nav-mega-links>a:hover{background:#f1e8e2;transform:translateX(3px)}.br-nav-mega-links span{display:block;color:#433b36;font-size:13px;font-weight:600}.br-nav-mega-links small{display:block;margin-top:3px;color:#8c8179;font-size:10.5px;line-height:1.4}.br-nav-column-title{display:block;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e4d7cf;color:#a27b64;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.br-nav-mega-column a{display:block;margin:0 -8px;padding:7px 8px;border-radius:7px;color:#5c534e!important;text-decoration:none!important;font-size:12px;line-height:1.35;transition:.18s}.br-nav-mega-column a:hover{color:#a57d66!important;background:#f1e8e2}
.br-nav-mobile-head,.br-nav-mobile-footer,.br-nav-mobile-toggle,.br-nav-contact-mobile{display:none}.br-nav-backdrop{position:fixed;z-index:9985;inset:0;visibility:hidden;opacity:0;pointer-events:none;background:rgba(20,15,12,.42);backdrop-filter:blur(2px);transition:.2s}.br-nav-backdrop.is-active{visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:1180px) and (min-width:921px){.br-nav-main{gap:13px}.br-nav-brand{width:128px}.br-nav-panel{gap:11px}.br-nav-link{padding-left:7px;padding-right:7px;font-size:10.5px}.br-nav-link:after{left:7px;right:7px}.br-nav-icon-btn{display:none}.br-nav-book{padding:0 14px}}
@media(max-width:920px){.br-nav-topbar{display:none}.br-nav-main{min-height:72px;justify-content:space-between}.br-nav-brand{width:132px;height:58px}.br-nav-mobile-toggle{display:flex;width:45px;height:45px;padding:10px;border:0;border-radius:50%;background:#211c18;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}.br-nav-mobile-toggle span{display:block;width:100%;height:1px;background:#e4c4ad}.br-nav-panel{position:fixed;top:0;right:0;z-index:9999;width:min(420px,92vw);height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:0;background:#fbf8f5;box-shadow:-25px 0 65px rgba(31,22,17,.22);transform:translateX(110%);transition:transform .28s ease;overflow-y:auto}.br-nav-panel.is-open{transform:translateX(0)}.br-nav-mobile-head{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e8ddd5;color:#9d7962;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.br-nav-mobile-close{width:42px;height:42px;border:0;background:transparent;color:#544a44;font-size:32px;font-weight:200;cursor:pointer}.br-nav-list{display:block;padding:12px 17px 20px!important}.br-nav-item{border-bottom:1px solid #e9dfd8}.br-nav-link{position:relative;width:100%;min-height:54px;justify-content:space-between;padding:0 7px;color:#433b36!important;font-size:12px}.br-nav-link:after{display:none}.br-nav-contact-mobile{display:block}.br-nav-mega,.br-nav-mega-small,.br-nav-mega-wide,.br-nav-mega-compact{position:static;visibility:visible;opacity:1;pointer-events:auto;width:100%;max-height:0;display:block;padding:0;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:#f3ece7;transform:none!important;transition:max-height .28s ease}.br-nav-has-menu.is-open>.br-nav-mega{max-height:1200px}.br-nav-mega-intro{display:none}.br-nav-mega-links{padding:8px 10px 12px}.br-nav-mega-links>a{padding:10px 12px}.br-nav-mega-wide{padding:11px 15px}.br-nav-mega-column{margin-bottom:13px}.br-nav-column-title{margin:8px 0 5px;padding-bottom:7px}.br-nav-mega-column a{padding:8px;font-size:12px}.br-nav-actions{width:100%;padding:16px 22px 10px;display:grid;grid-template-columns:48px 48px 1fr;gap:9px;margin-top:auto;border-top:1px solid #e8ddd5}.br-nav-icon-btn{width:48px;height:48px}.br-nav-book{min-height:48px;width:100%;justify-content:center}.br-nav-mobile-footer{display:flex;flex-wrap:wrap;gap:7px 14px;padding:10px 22px 24px}.br-nav-mobile-footer a{color:#8e7e74!important;text-decoration:none!important;font-size:10.5px}body.br-nav-lock{overflow:hidden}}
@media(max-width:480px){.br-nav-inner{padding-left:17px;padding-right:17px}.br-nav-main{min-height:68px}.br-nav-brand{width:122px}}


/* final desktop geometry – placed last on purpose */
@media (min-width:921px){
  #brHauptmenue .br-nav-main{
    width:100% !important;
    max-width:1420px !important;
    min-height:88px !important;
    margin:0 auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  #brHauptmenue .br-nav-brand{
    display:flex !important;
    flex:0 0 154px !important;
    width:154px !important;
    height:66px !important;
    margin:0 !important;
    padding:0 !important;
  }

  #brHauptmenue .br-nav-panel{
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    position:static !important;
    transform:none !important;
    overflow:visible !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  #brHauptmenue ul.br-nav-list{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:2px !important;
    white-space:nowrap !important;
  }

  #brHauptmenue ul.br-nav-list > li.br-nav-item{
    display:block !important;
    flex:0 0 auto !important;
    position:relative !important;
  }

  #brHauptmenue .br-nav-link{
    width:auto !important;
    min-width:0 !important;
    min-height:88px !important;
    height:88px !important;
    margin:0 !important;
    padding:0 11px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #brHauptmenue .br-nav-actions{
    display:flex !important;
    flex:0 0 auto !important;
    width:auto !important;
    position:static !important;
  }

  #brHauptmenue .br-nav-mobile-head,
  #brHauptmenue .br-nav-mobile-footer,
  #brHauptmenue .br-nav-mobile-toggle,
  #brHauptmenue .br-nav-contact-mobile{
    display:none !important;
  }
}

@media (max-width:920px){
  #brHauptmenue ul.br-nav-list{
    display:block !important;
    width:100% !important;
  }

  #brHauptmenue ul.br-nav-list > li.br-nav-item{
    width:100% !important;
  }

  #brHauptmenue .br-nav-link{
    width:100% !important;
    height:auto !important;
  }
}


/* BEAUTYRELLA NAV V3 */
.br-nav-dropdown-piercing,
.br-nav-dropdown-schulungen{
  width:370px !important;
  padding:15px !important;
}

.br-nav-dropdown-piercing .br-nav-mega-links > a,
.br-nav-dropdown-schulungen .br-nav-mega-links > a{
  padding:13px 14px;
}

.br-nav-dropdown-piercing .br-nav-mega-links > a + a,
.br-nav-dropdown-schulungen .br-nav-mega-links > a + a{
  border-top:1px solid #eadfd8;
}

.br-nav-dropdown-piercing .br-nav-mega-links > a:hover,
.br-nav-dropdown-schulungen .br-nav-mega-links > a:hover{
  transform:none;
}

.br-nav-wa-dot{
  display:none !important;
}

.br-nav-wa-clean{
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  color:#655a53;
}

.br-nav-icon-whatsapp{
  border-color:#dfd4cc !important;
}

@media(max-width:920px){
  .br-nav-dropdown-piercing,
  .br-nav-dropdown-schulungen{
    width:100% !important;
    padding:0 !important;
  }
}


/* =========================================================
   BEAUTYRELLA NAV V4 – FEINSCHLIFF
   ========================================================= */

/* Logo deutlich sichtbarer */
@media (min-width:921px){
  #brHauptmenue .br-nav-brand{
    flex-basis:210px !important;
    width:210px !important;
    height:76px !important;
  }

  #brHauptmenue .br-nav-brand img{
    width:195px !important;
    max-width:195px !important;
    height:auto !important;
    object-fit:contain !important;
  }
}

/* dunkle Topbar: Lexikon-Hinweis */
.br-nav-top-lexikon{
  letter-spacing:.04em;
}

/* WhatsApp-Action neben Termin endgültig entfernen */
.br-nav-icon-whatsapp{
  display:none !important;
}

@media (max-width:920px){
  #brHauptmenue .br-nav-brand{
    width:165px !important;
    max-width:165px !important;
  }

  #brHauptmenue .br-nav-brand img{
    width:155px !important;
    max-width:155px !important;
    height:auto !important;
  }
}