/*
Theme Name: LunaCode Theme
Theme URI: https://annikagievers.de/lunacode-theme
Description: LunaCode Theme für Coaches, Beraterinnen und Expertinnen
Author: Annika Gievers (LunaCode)
Author URI: https://annikagievers.de
Template: hello-elementor
Version: 1.0.0
Text Domain: lunacode
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: elementor, one-click-demo-import, custom-colors, custom-logo, translation-ready
*/

/* Eigene Styles hier */


.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  min-height: 6px;
  background-color: white;
  transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.3s ease;
  will-change: transform, opacity;
  opacity: 1;
  box-shadow: none;
}

/* Sichtbar (z. B. beim Hochscrollen) */
.sticky-header.visible {
  transform: translateY(0);
  opacity: 1;
}

/* Versteckt (beim Runterscrollen) */
.sticky-header.hidden {
  transform: translateY(-10px); /* nur ein sanfter Hauch nach oben */
  opacity: 0;
  pointer-events: none;
  box-shadow: none;
}

/* Schatten nur, wenn sichtbar */
.sticky-header.scrolled.visible {
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

/* Spacer, damit nichts springt */
.header-spacer {
  height: var(--header-height, 0px);
  display: block;
  padding: 0;
  margin: 0;
  background: none;
  visibility: hidden;
  pointer-events: none;
}

:root {
  --header-height: 80px; /* Desktop */
}

@media (max-width: 768px) {
  :root {
    --header-height: 60px; /* Mobile */
  }
}

body {  font-variant-ligatures: none !important;}

p strong, 
p b, 
li strong, 
li b {
    font-weight: 600 !important;
}


.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}

body, li, p, h1, h2, h3, h4, h5, h6 {line-height: 1.4em}








/* kleine Variante Farbe 1 */
.lunacode-balken-var1 {
  line-height: 1.4;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    var(--e-global-color-b86339a) 50%,
    var(--e-global-color-b86339a) 90%,
    transparent 90%
  );
  padding: 6px 10px 9px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* kleine Variante Farbe 2 */
.lunacode-balken-var2 {
  line-height: 1.4;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    var(--e-global-color-0f7ae72) 50%,
    var(--e-global-color-0f7ae72) 90%,
    transparent 90%
  );
  padding: 6px 10px 9px 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}



.brlbs-cmpnt-btn {border-radius: 4px !important}