:root {
  --nav-height: 80px;
  --nav-height-scrolled: 58px;
  --nav-padding-y: 16px;
  --nav-padding-y-scrolled: 8px;
  --nav-brand-size: 1.125rem;
  --nav-brand-size-scrolled: 1rem;
  --nav-shadow: 0 8px 24px rgba(0,0,0,0.10);
  --nav-shadow-strong: 0 10px 30px rgba(0,0,0,0.16);
}

/* Fixed Nav */
.navbar-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--nav-height);
  padding-top: var(--nav-padding-y);
  padding-bottom: var(--nav-padding-y);
  background: transparent;
  z-index: 1030;
  transition:
    padding 200ms ease,
    height 200ms ease,
    background-color 200ms ease,
    color 200ms ease,
    box-shadow 200ms ease;
}

/* Startzustand: transparent + weiße Schrift */
.navbar-sticky .navbar-brand,
.navbar-sticky .nav-link { color: #fff !important; }
.navbar-sticky .navbar-toggler-bar { background: #fff; }

/* Nach Scroll: weiß + dunkle Schrift */
.navbar-sticky.is-scrolled {
  height: var(--nav-height-scrolled);
  padding-top: var(--nav-padding-y-scrolled);
  padding-bottom: var(--nav-padding-y-scrolled);
  background: #fff;
  box-shadow: var(--nav-shadow-strong);
}
.navbar-sticky.is-scrolled .navbar-brand,
.navbar-sticky.is-scrolled .nav-link { color: #0a0a0a !important; }
.navbar-sticky.is-scrolled .navbar-toggler-bar { background: #0a0a0a; }

/* Logo-Scaling */
.navbar-sticky .navbar-brand img {
  height: calc(var(--nav-height) - 28px);
  max-height: 42px;
  transition: height 200ms ease;
}
.navbar-sticky.is-scrolled .navbar-brand img {
  height: calc(var(--nav-height-scrolled) - 20px);
  max-height: 36px;
}

/* Erste Section unter fixed Navbar anpassen */
.section--first {
  padding-top: var(--nav-height); /* genug Platz für fixierte Nav */
}

/* Startzustand: +25% */
.navbar-sticky .navbar-brand .nav-logo {
  height: calc(var(--logo-height, 70px) * 1.25) !important;
  max-height: none !important;
  transition: height 200ms ease;
}

/* Nach Scroll: Basiswert aus dem CMS-Feld */
.navbar-sticky.is-scrolled .navbar-brand .nav-logo {
  height: var(--logo-height, 75px) !important;
}

/* aktiver Menüpunkt immer orange – egal ob gescrolled oder nicht */
.navbar-sticky .nav-link.active,
.navbar-sticky.is-scrolled .nav-link.active {
  color: #F19E49 !important;
}

/* ===== Mobile (<= lg) ===== */
@media (max-width: 991.98px) {
  .navbar-sticky.is-scrolled {
    height: 80px;
  }


  /* Hamburger-Button */
  .navbar .navbar-toggler {
    border: 0px solid #F19E49 !important;
    border-radius: .5rem;
  }
  .navbar .navbar-toggler .navbar-toggler-bar {
    background: #F19E49 !important;  /* drei Striche */
  }
  .navbar .navbar-toggler:focus {
    outline: none;
    box-shadow: 0 0 0 .15rem rgba(241,158,73,.35) !important;
  }
  /* Optional: wenn geöffnet etwas dunkler */
  .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-bar {
    opacity: .85;
  }

  /* Ausgeklapptes Panel: weißer Hintergrund, leichte Card-Optik */
  .navbar .navbar-collapse.show {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    border-radius: .75rem;
    padding: .25rem .25rem .5rem;
    margin-top: .5rem;
  }

  /* Links im Mobile-Menü: immer schwarz */
  .navbar .nav-link {
    color: #0a0a0a !important;
    font-weight: 500;
    padding: .5rem 1rem;
  }
  .navbar .nav-link:hover,
  .navbar .nav-link:focus {
    color: #0a0a0a !important;
    opacity: .8;
  }

  /* Aktiver Link = orange */
  .navbar .nav-link.active,
  .navbar .nav-link[aria-current="page"] {
    color: #F19E49 !important;
  }

  /* Trennlinie zwischen Items (optional) */
  .navbar .navbar-nav .nav-item + .nav-item {
    border-top: 1px solid rgba(0,0,0,.06);
  }
}
/* ===============================
   Farb-Variablen für Sektionen
   =============================== */
:root {
  /* Hintergrundfarbe "First" (weiß, leicht transparent) */
  --section-first-bg: rgba(255, 255, 255, 0.9);

  /* Hintergrundfarbe "Secondary" (Pflanzengrün, leicht transparent) */
  --section-secondary-bg: rgba(84, 145, 60, 0.71); /* forestgreen */
}

/* ===============================
   Sektionen-Styles
   =============================== */
.section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  transition: background-color 0.3s ease;
}

/* First/Hauptsektion */
.section--first {
  background-color: var(--section-first-bg);
}

/* Secondary/Folgesektion */
.section--secondary {
  background-color: var(--section-secondary-bg);
}

/* FIRST */
.section--first .col-md-6 h1,
.section--first .col-md-6 h2,
.section--first .col-md-6 h3,
.section--first .col-md-6 h4 {
  color: #F19E49;
}
.section--first .col-md-6 p { color: #000; }

/* Bulletpoint komplett ORANGE (Text + Pfeil) */
.section--first .col-md-6 p.bulletpoint-first {
  color: #F19E49 !important;
}
.section--first .col-md-6 p.bulletpoint-first > span {
  color: inherit !important; /* Pfeil übernimmt Orange */
}

/* SECONDARY */
.section--secondary .col-md-6 h1,
.section--secondary .col-md-6 h2,
.section--secondary .col-md-6 h3,
.section--secondary .col-md-6 h4 {
  color: #9368F3;
}
.section--secondary .col-md-6 p { color: #fff; }

/* Bulletpoint komplett GRÜN (Text + Pfeil) */
.section--secondary .col-md-6 p.bulletpoint-secondary {
  color: #53903B !important;
}
.section--secondary .col-md-6 p.bulletpoint-secondary > span {
  color: inherit !important; /* Pfeil übernimmt Grün */
}

/*Farben Jimmy */
.text-j-green{
 color: #53903B;
}
.text-j-red{
  color: #D83731;
}
.text-j-orange{
  color: #F19E49;
}
.text-j-purple{
  color: #9368F3;
}

/* Buttons mit Hintergrundfarbe */
.btn-j-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #53903B;
  --bs-btn-border-color: #53903B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #457B32;
  --bs-btn-hover-border-color: #457B32;
  --bs-btn-focus-shadow-rgb: 83, 144, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #457B32;
  --bs-btn-active-border-color: #457B32;
  --bs-btn-active-shadow: none;
}

.btn-j-red {
  --bs-btn-color: #fff;
  --bs-btn-bg: #D83731;
  --bs-btn-border-color: #D83731;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B42F29;
  --bs-btn-hover-border-color: #B42F29;
  --bs-btn-focus-shadow-rgb: 216, 55, 49;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B42F29;
  --bs-btn-active-border-color: #B42F29;
  --bs-btn-active-shadow: none;
}

.btn-j-orange {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F19E49;
  --bs-btn-border-color: #F19E49;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D8893F;
  --bs-btn-hover-border-color: #D8893F;
  --bs-btn-focus-shadow-rgb: 241, 158, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #D8893F;
  --bs-btn-active-border-color: #D8893F;
  --bs-btn-active-shadow: none;
}

.btn-j-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9368F3;
  --bs-btn-border-color: #9368F3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7D57CF;
  --bs-btn-hover-border-color: #7D57CF;
  --bs-btn-focus-shadow-rgb: 147, 104, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7D57CF;
  --bs-btn-active-border-color: #7D57CF;
  --bs-btn-active-shadow: none;
}

/* Outline Buttons */
.btn-outline-j-green {
  --bs-btn-color: #53903B;
  --bs-btn-border-color: #53903B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #53903B;
  --bs-btn-hover-border-color: #53903B;
  --bs-btn-focus-shadow-rgb: 83, 144, 59;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #457B32;
  --bs-btn-active-border-color: #457B32;
  --bs-btn-active-shadow: none;
}

.btn-outline-j-red {
  --bs-btn-color: #D83731;
  --bs-btn-border-color: #D83731;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #D83731;
  --bs-btn-hover-border-color: #D83731;
  --bs-btn-focus-shadow-rgb: 216, 55, 49;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B42F29;
  --bs-btn-active-border-color: #B42F29;
  --bs-btn-active-shadow: none;
}

.btn-outline-j-orange {
  --bs-btn-color: #F19E49;
  --bs-btn-border-color: #F19E49;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #F19E49;
  --bs-btn-hover-border-color: #F19E49;
  --bs-btn-focus-shadow-rgb: 241, 158, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #D8893F;
  --bs-btn-active-border-color: #D8893F;
  --bs-btn-active-shadow: none;
}

.btn-outline-j-purple {
  --bs-btn-color: #9368F3;
  --bs-btn-border-color: #9368F3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #9368F3;
  --bs-btn-hover-border-color: #9368F3;
  --bs-btn-focus-shadow-rgb: 147, 104, 243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7D57CF;
  --bs-btn-active-border-color: #7D57CF;
  --bs-btn-active-shadow: none;
}

.display-0{
  display: none;
}

/* Testimonial-Bild sauber beschneiden */
.testimonial-img {
  width: 100%;
  height: 260px;          /* passe bei Bedarf an (z. B. 220/300) */
  object-fit: cover;
  display: block;
  border-radius: .5rem;   /* optisch wie border-radius-lg */
}

/* Card-Header ohne extra Innenabstand */
.testimonial-card .card-header {
  padding: 0 !important;
}