/* Leistungen-Menü (Dropdown + mobil), Footer-Links, Kachel-Links. Auf allen Seiten eingebunden. */
.nav-dd{position:relative}
.nav-links .nav-dd-btn{display:inline-flex;align-items:center;gap:0.4rem;background:none;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;text-decoration:none;color:var(--text-muted);font-size:0.85rem;font-weight:500;padding:0.45rem 0.75rem;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}
.nav-dd-btn::after{content:"";width:0.42rem;height:0.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--transition)}
.nav-dd:hover .nav-dd-btn,.nav-dd.open .nav-dd-btn,.nav-dd-btn[aria-current="true"]{color:var(--earth);background:var(--sand)}
body.dark .nav-dd:hover .nav-dd-btn,body.dark .nav-dd.open .nav-dd-btn,body.dark .nav-dd-btn[aria-current="true"]{color:var(--gold);background:var(--surface2)}
.nav-dd:hover .nav-dd-btn::after,.nav-dd.open .nav-dd-btn::after{transform:rotate(225deg) translateY(-2px)}
.nav-dd-menu{display:none;position:absolute;top:100%;left:0;min-width:290px;padding:0.5rem;margin-top:0.35rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 14px 34px var(--shadow-lg);z-index:1100;flex-direction:column;gap:0.1rem}
.nav-dd-menu::before{content:"";position:absolute;left:0;right:0;top:-0.45rem;height:0.45rem}
.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{display:flex}
.nav-links .nav-dd-menu a{display:block;padding:0.55rem 0.8rem;font-size:0.88rem;color:var(--text);white-space:nowrap}
.nav-links .nav-dd-menu a:hover,.nav-links .nav-dd-menu a[aria-current="page"]{color:var(--earth);background:var(--sand)}
body.dark .nav-links .nav-dd-menu a:hover,body.dark .nav-links .nav-dd-menu a[aria-current="page"]{color:var(--gold);background:var(--surface2)}
@media(max-width:960px){.nav-links a,.nav-links .nav-dd-btn{padding-left:0.5rem;padding-right:0.5rem}}

/* Mobiles Menü */
.mobile-menu{max-height:calc(100vh - 64px);overflow-y:auto}
.mm-dd summary{list-style:none;cursor:pointer;color:var(--text);font-size:1rem;font-weight:500;padding:0.75rem 1rem;border-radius:var(--radius-sm);display:flex;justify-content:space-between;align-items:center;transition:background var(--transition),color var(--transition)}
.mm-dd summary::-webkit-details-marker{display:none}
.mm-dd summary::after{content:"";width:0.5rem;height:0.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--transition)}
.mm-dd[open] summary::after{transform:rotate(225deg)}
.mm-dd summary:hover{background:var(--sand);color:var(--earth)}
body.dark .mm-dd summary:hover{background:var(--surface2);color:var(--gold)}
.mm-dd-list{display:flex;flex-direction:column;padding:0.15rem 0 0.4rem 1rem;border-left:2px solid var(--border);margin:0 0 0.25rem 1rem}
.mobile-menu .mm-dd-list a{font-size:0.95rem;padding:0.6rem 0.9rem}

/* Footer: Leistungen dezent */
.footer-leistungen{display:flex;flex-wrap:wrap;justify-content:center;gap:0.25rem 1.1rem;max-width:900px}
.footer-leistungen a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.82rem}
.footer-leistungen a:hover{color:#fff;text-decoration:underline}

/* Kachel-Links auf der Startseite: sehen aus wie vorher, sind aber echte Links */
.bento-tile h3 a,.akustik-list strong a,.tile-cap h3 a{color:inherit;text-decoration:none}
.bento-tile h3 a:hover,.akustik-list strong a:hover,.tile-cap h3 a:hover{text-decoration:underline}

/* Footer: Einsatzgebiet */
.footer-gebiet{margin-top:0.2rem}
.footer-gebiet span{color:rgba(255,255,255,0.85);font-size:0.82rem;font-weight:600}

/* Links in FAQ-Antworten */
.faq-answer a{color:var(--earth-dark);text-decoration:underline}
body.dark .faq-answer a{color:var(--gold)}
.lp-fig-s{max-width:420px}
.lp-text .lp-fig-s{margin:1.4rem 0}