/* ==========================================================================
   nachhalti§teuern — Dunkles Farbschema (Kontakt-Design)
   Übernimmt das Farbschema der Seite kontakt.html auf alle Unterseiten.
   Ändert ausschließlich Farben — keine Inhalte, kein Layout.
   ========================================================================== */

/* === BASIS === */
body {
  background: var(--ink);
  color: var(--paper);
}

/* === NAVIGATION (dunkel) === */
nav {
  background: rgba(49, 70, 58, 0.85);
  border-bottom: 1px solid rgba(243, 239, 230, 0.1);
}
nav .logo { color: var(--paper); }

a { color: var(--ochre); }
a:hover { color: var(--sage); }
nav .logo-paragraph { color: var(--ochre); }
nav .nav-links a { color: rgba(243, 239, 230, 0.7); }
nav .nav-links a:hover,
nav .nav-links a.active { color: var(--ochre); }
nav .nav-links a.active::after { background: var(--ochre); }
nav .nav-portal { color: rgba(243, 239, 230, 0.7) !important; border-color: transparent; }
nav .nav-portal:hover { background: transparent; border-color: transparent; color: var(--ochre) !important; }
nav .nav-cta { background: var(--ochre); color: var(--ink) !important; }
nav .nav-cta:hover { background: var(--paper); }
.nav-toggle span { background: var(--paper); }

/* Mobiles Dropdown-Menü im Dunkel-Theme */
@media (max-width: 900px) {
  nav .nav-links {
    background: rgba(49, 70, 58, 0.98);
    border-bottom-color: rgba(243, 239, 230, 0.12);
  }
  nav .nav-links li a { border-bottom-color: rgba(243, 239, 230, 0.12); }
  nav .nav-cta { display: inline-block; text-align: center; margin-top: 8px; }
}

/* === TYPOGRAFIE === */
h1, h2 { color: var(--paper); }
h1 em, h2 em { color: var(--ochre); }
.section-intro { color: rgba(243, 239, 230, 0.75); }

/* === BUTTONS === */
.btn-primary {
  background: var(--ochre);
  border-color: var(--ochre);
  color: var(--ink);
}
.btn-primary:hover {
  background: var(--paper);
  border-color: var(--paper);
  color: var(--ink);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.btn-secondary { color: var(--paper); border-color: var(--paper); }
.btn-secondary:hover { color: var(--ochre); border-color: var(--ochre); }

/* === SECTION-LABEL === */
.section-label { color: var(--ochre); }
.section-label::before { color: var(--paper); }
.section-label::after { background: var(--ochre); }

/* === PAGE HERO (Unterseiten) === */
.page-hero { border-bottom-color: rgba(243, 239, 230, 0.1); }
.page-hero-sub { color: rgba(243, 239, 230, 0.75); }
.breadcrumb { color: rgba(243, 239, 230, 0.5); }
.breadcrumb a { color: var(--sage); }
.breadcrumb span { color: var(--ochre); }

/* === HOME: HERO === */
.hero-sub { color: rgba(243, 239, 230, 0.75); }
.scroll-indicator { color: rgba(243, 239, 230, 0.6); }
.hero-eyebrow { color: rgba(243, 239, 230, 0.6); }
.scroll-line { background: rgba(243, 239, 230, 0.3); }

.radial-label { color: var(--paper); }
.radial-label em { color: var(--sage); }
.radial-diagram .wheel { stroke: var(--sage); }
.radial-center {
  background: var(--moss-deep);
  border: 1px solid rgba(243, 239, 230, 0.15);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* === HOME: TEASER-GRID === */
.teaser {
  background: var(--moss-deep);
  border-top-color: rgba(243, 239, 230, 0.1);
}
.teaser-grid {
  background: rgba(243, 239, 230, 0.1);
  border-color: rgba(243, 239, 230, 0.1);
}
.teaser-card { background: var(--ink); color: var(--paper); }
.teaser-card:hover { background: #1f2c26; }
.teaser-title { color: var(--paper); }
.teaser-card p { color: rgba(243, 239, 230, 0.7); }
.teaser-arrow { border-color: rgba(243, 239, 230, 0.2); }
.teaser-arrow svg { stroke: var(--paper); }

/* === HOME: WERTE-TEASER === */
.werte-teaser { background: var(--ink); }

/* === ZIELGRUPPEN-LISTE === */
.zg-item { border-top-color: rgba(243, 239, 230, 0.12); }
.zg-item:last-child { border-bottom-color: rgba(243, 239, 230, 0.12); }
.zg-item::before { background: rgba(243, 239, 230, 0.05); }
.zg-num { color: var(--sage); }
.zg-content h3 { color: var(--paper); }
.zg-content p { color: rgba(243, 239, 230, 0.7); }
.zg-leistungen-wrap { background: var(--moss-deep); border-left-color: var(--ochre); }
.zg-leistungen-label { color: var(--sage); }
.zg-leistungen li { color: rgba(243, 239, 230, 0.85); }
.zg-arrow { border-color: rgba(243, 239, 230, 0.2); }
.zg-arrow svg { stroke: var(--paper); }
.zg-item:hover .zg-arrow { background: var(--ochre); border-color: var(--ochre); }
.zg-item:hover .zg-arrow svg { stroke: var(--ink); }

/* === KANZLEIPROFIL: Vision / Mission === */
.vm-section { background: var(--moss-deep); }
.vm-card { background: var(--ink); border-top-color: var(--ochre); }
.vm-card h3 { color: var(--paper); }
.vm-card h3 em { color: var(--ochre); }
.vm-card p { color: rgba(243, 239, 230, 0.8); }
.vm-label { color: var(--sage); }

/* === KANZLEIPROFIL: Warum-Grid === */
.warum-text p { color: rgba(243, 239, 230, 0.8); }
.warum-text p strong { color: var(--paper); }
.warum-text .mark { color: var(--ochre); }

.duden-card { background: var(--ink); border-left-color: var(--ochre); }
.duden-card-label { color: var(--sage); }
.duden-card h4 { color: var(--paper); }
.duden-card li { color: rgba(243, 239, 230, 0.85); border-bottom-color: rgba(243, 239, 230, 0.12); }

/* === KANZLEIPROFIL: Fußnoten === */
.footnotes { border-top-color: rgba(243, 239, 230, 0.12); color: rgba(243, 239, 230, 0.6); }
.footnotes-label { color: var(--sage); }
.footnotes a { color: var(--sage); text-decoration-color: rgba(243, 239, 230, 0.3); }

/* === TEAM: Persona === */
.persona-photo { background: var(--moss-deep); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45); }
.persona-badge {
  background: var(--ink);
  border-left-color: var(--ochre);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
}
.persona-badge-label { color: rgba(243, 239, 230, 0.6); }
.persona-badge-name { color: var(--paper); }
.persona-badge-role { color: var(--sage); }
.persona-quote { color: var(--paper); }
.persona-text p { color: rgba(243, 239, 230, 0.8); }
.persona-cv { border-top-color: rgba(243, 239, 230, 0.12); }
.persona-cv-label { color: var(--sage); }
.persona-contact a { border-color: rgba(243, 239, 230, 0.2); color: var(--paper); }
.persona-contact a:hover { background: var(--ochre); color: var(--ink); border-color: var(--ochre); }

/* === TEAM: Timeline === */
.timeline-line {
  background: repeating-linear-gradient(90deg,
    rgba(243, 239, 230, 0.3) 0, rgba(243, 239, 230, 0.3) 4px,
    transparent 4px, transparent 10px);
}
.step-dot { background: var(--moss-deep); border-color: rgba(243, 239, 230, 0.3); color: var(--paper); }
.timeline-step:hover .step-dot { background: var(--ochre); border-color: var(--ochre); color: var(--ink); }
.timeline-step h4 { color: var(--paper); }
.timeline-step p { color: rgba(243, 239, 230, 0.7); }

/* === RECHTLICHE SEITEN === */
.legal-content h2,
.legal-content h3,
.legal-content h4 { color: var(--paper); }
.legal-content p { color: rgba(243, 239, 230, 0.8); }
.legal-content strong { color: var(--paper); }
.legal-content ul { color: rgba(243, 239, 230, 0.8); }
.legal-content a { color: var(--sage); }
.legal-content a:hover { color: var(--ochre); }