/* ============================================================
   NesilaX — Zusatzstile für Impressum, Datenschutz, Kontakt
   Ergaenzt styles.css. Reihenfolge im <head>: styles.css zuerst.
   ============================================================ */

  /* Zurueck-Link in der Navigation (nur Unterseiten) */
  @media(max-width:700px){ .nav-links a{display:none} .nav-links a.back{display:inline} }

  /* Textlayout der Rechtsseiten */
  .legal{padding:56px 0 40px}
  .legal .wrap{max-width:820px}
  .legal h1{font-size:clamp(28px,4vw,40px);color:var(--ink-strong);font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
  .legal .sub{color:var(--muted);margin-bottom:34px;font-size:15px}
  .legal h2{font-size:20px;color:var(--ink-strong);font-weight:650;margin:32px 0 12px}
  .legal p{color:var(--ink);margin-bottom:12px}
  .legal ul{margin:0 0 12px 20px}
  .legal li{color:var(--ink);margin-bottom:6px}
  .legal .muted{color:var(--muted)}

  /* Hervorgehobene Kaesten (Anschrift, Kontaktdaten) */
  .card-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:16px 0}
  .card-box p{margin-bottom:4px}

  /* Umsetzungshinweise, nicht für Besucher gedacht */
  .note{background:var(--card-2,#0F1728);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 16px;margin:16px 0;color:var(--muted);font-size:14px}

  footer{margin-top:48px}

  /* --- nur Kontaktseite --- */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 28px}
  @media(max-width:640px){ .contact-grid{grid-template-columns:1fr} }
  .c-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px}
  .c-card .ic{width:44px;height:44px;border-radius:11px;background:var(--accent-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:14px}
  .c-card h3{font-size:16px;color:var(--ink-strong);font-weight:650;margin-bottom:6px}
  .c-card p{color:var(--muted);font-size:14.5px;margin-bottom:2px}
  .c-card a{font-size:15px}
  .cta-box{background:linear-gradient(135deg,var(--accent-soft),rgba(154,107,232,.08));border:1px solid var(--line);border-radius:18px;padding:32px 30px;margin-top:8px}
  .cta-box h2{font-size:22px;color:var(--ink-strong);font-weight:700;margin-bottom:8px}
  .cta-box p{color:var(--muted);margin-bottom:20px}
