/* LeZo – Hilfe-Guide: Seitennavigation links, Inhalt rechts, Suche. Ergänzt site.css. */
.hilfe{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;padding-top:96px;align-items:start;width:min(1240px,100% - 32px)}
.hartikel{padding-top:0;max-width:none;min-width:0}
.hartikel h1{font-size:clamp(34px,5vw,54px)}
.hartikel h3{scroll-margin-top:92px;font-size:21px;margin-top:30px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}
.hpfad{font-size:14px;color:var(--leise);margin:0 0 12px}.hpfad a{color:var(--leise)}
/* Seitennavigation */
.hnav{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding:14px;border-radius:20px;background:var(--tief);border:1px solid var(--linie);scrollbar-width:thin}
.hnav summary{list-style:none;font:400 18px/1.2 "Lilita One",sans-serif;padding:4px 8px 12px;cursor:default;color:var(--gold)}
.hnav summary::-webkit-details-marker{display:none}
.hnav a{display:block;text-decoration:none;border-radius:10px}
.hnav .kap{padding:8px 10px;font-weight:600;color:#d5dbff;font-size:15.5px;line-height:1.3}
.hnav .kap:hover{background:rgba(255,255,255,.07);color:#fff}
.hnav .kap.an{background:linear-gradient(90deg,rgba(255,200,61,.22),rgba(255,107,61,.10));color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
.hnav .unter{margin:2px 0 8px 12px;padding-left:10px;border-left:1px solid var(--linie)}
.hnav .unter a{padding:5px 8px;font-size:14px;color:var(--leise);line-height:1.3}
.hnav .unter a:hover{color:#fff}.hnav .unter a.an{color:var(--gold);font-weight:600}
.hstand{font-size:12px;color:var(--leise);opacity:.7;margin:12px 8px 2px}
/* Suche */
.hsuche{position:relative;margin:6px 0 22px}
.hsuche input{width:100%;font:500 17px Fredoka,sans-serif;color:#fff;background:var(--karte);border:1px solid var(--linie);border-radius:14px;padding:13px 16px;outline:none}
.hsuche input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,200,61,.18)}
.htreffer{position:absolute;z-index:15;left:0;right:0;top:calc(100% + 6px);max-height:60vh;overflow:auto;background:#141b3d;border:1px solid var(--linie);border-radius:16px;padding:6px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.htreffer a{display:block;text-decoration:none;padding:10px 12px;border-radius:10px;color:#fff}
.htreffer a:hover,.htreffer a:focus{background:rgba(255,255,255,.08)}
.htreffer b{display:inline;font-weight:700}.htreffer small{margin-left:8px;font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}
.htreffer span{display:block;font-size:14px;color:var(--leise);margin-top:2px}
.htreffer .leer{margin:10px 12px;color:var(--leise)}
/* Startseite des Guides */
.hkarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hkarte{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:18px;border-radius:18px;background:var(--karte);border:1px solid var(--linie);transition:transform .15s,border-color .15s}
.hkarte:hover{transform:translateY(-3px);border-color:var(--gold)}
.hkarte b{font:400 21px/1.15 "Lilita One",sans-serif;color:#fff}
.hkarte span{font-size:14.5px;color:var(--leise);line-height:1.45;flex:1}
.hkarte small{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.5px;text-transform:uppercase}
/* «Auf dieser Seite» und Blättern */
.hinhalt{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:4px 0 22px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.hinhalt b{width:100%;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--leise)}
.hinhalt a{font-size:14px;text-decoration:none;padding:4px 10px;border-radius:999px;background:var(--karte);border:1px solid var(--linie);color:#fff!important}
.hinhalt a:hover{border-color:var(--gold)}
.hweiter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.hweiter .knopf{font-size:16px;padding:12px 18px}
@media (max-width:900px){
  .hilfe{grid-template-columns:1fr;gap:16px;padding-top:80px}
  .hnav{position:static;max-height:none;padding:6px 10px}
  .hnav details:not([open]) summary{padding-bottom:6px}
  .hnav summary{cursor:pointer;padding:8px}.hnav summary::after{content:" ▾";color:var(--leise)}
  .hnav .unter{display:none}
}