/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2026 | 15:17:48 */
/* =========================================================
   MENU TRIGGER – PURE TEXT (FULL DECOUPLE)
   ========================================================= */

/* Container neutralisieren */

body #header-outer .slide-out-widget-area-toggle{
  height:auto !important;
  line-height:normal !important;
}


/* Anchor = reiner Trigger */

body #header-outer .slide-out-widget-area-toggle a{

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:4px 6px;

  background:none !important;
  border:none !important;
  box-shadow:none !important;

  text-decoration:none;

  position:relative;

  /* WICHTIG: alle Salient Effekte killen */
  transition:none !important;
  animation:none !important;
  transform:none !important;
}


/* Alles entfernen, was Salient rendert */

body #header-outer .slide-out-widget-area-toggle a .lines,
body #header-outer .slide-out-widget-area-toggle a .lines-button,
body #header-outer .slide-out-widget-area-toggle a span,
body #header-outer .slide-out-widget-area-toggle a i{
  display:none !important;
}


/* MENU Label */

body #header-outer .slide-out-widget-area-toggle a::after{

  content:"menu";

  font-size:14.5px;
  font-weight:450;
  letter-spacing:.055em;

  color: rgba(147,84,59,0.88);

  text-shadow: 0 0 0.3px rgba(147,84,59,0.12);

  display:inline-block;
}


/* Hover = nur Typo-Reaktion */

body #header-outer .slide-out-widget-area-toggle a:hover::after{

  color: rgba(147,84,59,0.96);

  text-shadow: 0 0 0.45px rgba(147,84,59,0.18);
}


/* Open State – KEINE visuelle Änderung */

body #header-outer .slide-out-widget-area-toggle.open a::after{
  content:"menu"; /* bleibt bewusst gleich */
}


/* =========================================================
   HARD RESET – verhindert versteckte Animationen
   ========================================================= */

body #header-outer .slide-out-widget-area-toggle *,
body #header-outer .slide-out-widget-area-toggle.open *,
body #header-outer .slide-out-widget-area-toggle:hover *{

  animation:none !important;
  transition:none !important;
  transform:none !important;
}

/* Hamburger entfernen */

body #header-outer .slide-out-widget-area-toggle a .lines,
body #header-outer .slide-out-widget-area-toggle a span{
  display:none !important;
}

/* =========================================================
   HAMBURGER ANIMATION – FULL KILL (SALIENT)
   ========================================================= */

/* Alle Linien-Elemente deaktivieren */

body #header-outer .slide-out-widget-area-toggle .lines,
body #header-outer .slide-out-widget-area-toggle .lines *,
body #header-outer .slide-out-widget-area-toggle .lines-button,
body #header-outer .slide-out-widget-area-toggle .lines-button *{

  animation: none !important;
  transition: none !important;
  transform: none !important;
}


/* Open State (wichtig – hier passiert die Rotation) */

body #header-outer .slide-out-widget-area-toggle.open .lines,
body #header-outer .slide-out-widget-area-toggle.open .lines *{

  transform: none !important;
  animation: none !important;
}


/* Auch Hover neutralisieren */

body #header-outer .slide-out-widget-area-toggle:hover .lines,
body #header-outer .slide-out-widget-area-toggle:hover .lines *{

  transform: none !important;
}


/* Sicherheitsnetz: alles im Toggle selbst */

body #header-outer .slide-out-widget-area-toggle a,
body #header-outer .slide-out-widget-area-toggle a *{

  transition: none !important;
  animation: none !important;
}

/* Label */

body #header-outer .slide-out-widget-area-toggle a::after{

  content:"menu";

  font-size:14.5px;
  font-weight:450;
  letter-spacing:.05em;

  color: rgba(147,84,59,0.88);

  text-shadow: 0 0 0.25px rgba(147,84,59,0.10);

  transition:
    color .22s ease,
    text-shadow .22s ease;
}

/* Hover */

body #header-outer .slide-out-widget-area-toggle a:hover::after{

  color: rgba(147,84,59,0.96);

  text-shadow: 0 0 0.4px rgba(147,84,59,0.16);
}


/* =========================================================
   MOBILE POSITION
   ========================================================= */

@media (max-width:999px){

  body #header-outer[data-mobile-fixed="1"] .slide-out-widget-area-toggle{

    position:absolute !important;
    left:16px !important;
    right:auto !important;
  }

  body #header-outer .slide-out-widget-area-toggle a{
    padding-left:0 !important;
  }
}


/* =========================================================
   OFF CANVAS – MATERIAL SYSTEM
   ========================================================= */

body #slide-out-widget-area{

  background: rgba(255,252,252,0.78) !important;

  backdrop-filter: blur(6px) saturate(102%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(102%) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 0 0 0.6px rgba(201,142,120,0.08);
}


/* =========================================================
   NAV TYPO BEHAVIOUR (NO COLOR CHANGE)
   ========================================================= */

#slide-out-widget-area .menu li a{

  color: rgba(147,84,59,0.88) !important;

  text-shadow: 0 0 0.3px rgba(147,84,59,0.12);

  transition:
    color .22s ease,
    text-shadow .22s ease;
}


/* Hover = nur Intensität */

#slide-out-widget-area .menu li a:hover{

  color: rgba(147,84,59,0.96) !important;

  text-shadow: 0 0 0.45px rgba(147,84,59,0.18);
}


/* Hover-Block Kill (präzise) */

#slide-out-widget-area .menu li:hover{
  background: transparent !important;
}


/* =========================================================
   NAV – ACTIVE STATE (EDITORIAL)
   ========================================================= */

#slide-out-widget-area .menu .current-menu-item > a{

  color: rgba(147,84,59,0.96) !important;

  text-shadow: 0 0 0.45px rgba(147,84,59,0.18);

  letter-spacing: 0.045em;

  font-weight: 480;
}

/* =========================================================
   NAV – VERTICAL RHYTHM REFINEMENT
   ========================================================= */

#slide-out-widget-area .menu li{

  margin-bottom: 14px; /* vorher 6px → deutlich mehr Luft */
}

#slide-out-widget-area .menu li:last-child{
  margin-bottom: 0;
}


/* zusätzlich: Luft im Item selbst fein justieren */

#slide-out-widget-area .menu li a{

  padding: 16px 6px 8px;

  line-height: 1.4;
}