/* Lokale KI Werbung – Header/Footer im Seiten-Design
   Tokens: Schwarz #0A0A0A · Linie #1F1F1F · Grau #A3A3A3 · Signal #F97316 */

:root{
  --lkw-ink:#0A0A0A;
  --lkw-line:#1F1F1F;
  --lkw-muted:#A3A3A3;
  --lkw-signal:#F97316;
}

/* ---------- HEADER ---------- */
.site-header{
  position:sticky; top:0; z-index:999;
  background:var(--lkw-ink);
  border-bottom:1px solid var(--lkw-line);
  padding:0;
}
.site-header .header-inner{
  max-width:1140px; margin:0 auto;
  padding:18px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:32px;
}
.site-header .site-title,
.site-header .site-title a{
  font-family:"Space Grotesk",sans-serif;
  font-size:19px; font-weight:700; letter-spacing:-.02em;
  color:#fff; text-decoration:none; margin:0;
}
.site-header .site-title a:hover{ color:var(--lkw-signal); }
/* Untertitel im Header raus – steht schon in der H1 */
.site-header .site-description{ display:none; }

.site-header .site-navigation .menu{
  display:flex; align-items:center; gap:30px;
  margin:0; padding:0; list-style:none;
}
.site-header .site-navigation .menu li{ margin:0; }
.site-header .site-navigation .menu a{
  font-family:Inter,sans-serif;
  font-size:15px; font-weight:500;
  color:var(--lkw-muted); text-decoration:none;
  padding:6px 0; display:inline-block;
  border-bottom:1px solid transparent;
  transition:color .15s ease, border-color .15s ease;
}
.site-header .site-navigation .menu a:hover{ color:#fff; }
.site-header .site-navigation .menu .current-menu-item a,
.site-header .site-navigation .menu .current_page_item a{
  color:#fff; border-bottom-color:var(--lkw-signal);
}
/* Letzter Eintrag (Kontakt) als Signal-Button */
.site-header .site-navigation .menu li:last-child a{
  background:var(--lkw-signal); color:var(--lkw-ink);
  font-weight:600; border-radius:2px;
  padding:11px 20px; border-bottom:0;
}
.site-header .site-navigation .menu li:last-child a:hover{
  background:#fff; color:var(--lkw-ink);
}

/* Mobiles Menü */
.site-header .site-navigation-toggle,
.site-header .site-navigation-toggle i,
.site-header .site-navigation-toggle-icon{ color:#fff; }
.site-navigation-dropdown{ background:var(--lkw-ink); border-top:1px solid var(--lkw-line); }
.site-navigation-dropdown .menu a{
  color:var(--lkw-muted); font-family:Inter,sans-serif;
  padding:15px 24px; border-bottom:1px solid var(--lkw-line);
}
.site-navigation-dropdown .menu a:hover{ color:#fff; background:#141414; }


/* ---------- LOGO-MARKE ----------
   Antwort, Trennlinie, Werbeplatz - dasselbe Motiv wie im Hero */
.site-header .site-title{ display:flex; align-items:center; gap:11px; }
.site-header .site-title::before{
  content:''; flex:0 0 auto;
  width:26px; height:26px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20x%3D%222.5%22%20y%3D%223.5%22%20width%3D%2227%22%20height%3D%2215%22%20rx%3D%224.5%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%2F%3E%3Cline%20x1%3D%227.5%22%20y1%3D%229.5%22%20x2%3D%2221%22%20y2%3D%229.5%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22%2F%3E%3Cline%20x1%3D%227.5%22%20y1%3D%2213.5%22%20x2%3D%2216%22%20y2%3D%2213.5%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.55%22%2F%3E%3Cline%20x1%3D%222.5%22%20y1%3D%2223%22%20x2%3D%2229.5%22%20y2%3D%2223%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20opacity%3D%22.28%22%2F%3E%3Crect%20x%3D%222.5%22%20y%3D%2226%22%20width%3D%2219%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23F97316%22%2F%3E%3C%2Fsvg%3E");
  background-size:contain; background-repeat:no-repeat; background-position:center;
}

/* ---------- FOOTER ---------- */
.site-footer{
  background:var(--lkw-ink);
  border-top:1px solid var(--lkw-line);
  padding:0;
}
.site-footer .footer-inner{
  max-width:1140px; margin:0 auto;
  padding:44px 24px;
  display:flex; flex-wrap:wrap; align-items:center; gap:18px 32px;
}
.site-footer .site-description{
  font-family:"Space Grotesk",sans-serif;
  font-size:15px; font-weight:600; color:#fff; margin:0;
}
.site-footer .site-navigation .menu{
  display:flex; gap:26px; margin:0; padding:0; list-style:none;
}
.site-footer .site-navigation .menu a{
  font-family:Inter,sans-serif; font-size:14px;
  color:#737373; text-decoration:none;
}
.site-footer .site-navigation .menu a:hover{ color:#fff; }
.site-footer .copyright,
.site-footer .copyright p{
  font-family:"JetBrains Mono",monospace;
  font-size:11px; color:#5A5A5A; margin:0;
}

/* ---------- ALLGEMEIN ---------- */
body{ background:#fff; }
/* Elementor-Container sollen die Bildschirmbreite füllen, Inhalt bleibt bei 1140px */
.elementor-section-wrap > .elementor-section,
.e-con.e-parent{ width:100%; }

@media (max-width:1024px){
  .site-header .header-inner,
  .site-footer .footer-inner{ padding-left:20px; padding-right:20px; }
}
@media (max-width:767px){
  .site-footer .footer-inner{ flex-direction:column; align-items:flex-start; gap:16px; }
  .site-footer .site-navigation .menu{ gap:18px; flex-wrap:wrap; }
}