/* ── Impressum / Datenschutz: Aufbau wie die alten Seiten (Logo mittig, Trennlinie, Kästen), im Look der neuen Seite ── */
.lg { min-height: 100vh; display: flex; flex-direction: column; overflow-x: clip;
  background: radial-gradient(ellipse 70% 38% at 50% 0%, rgba(243,220,182,0.07), rgba(243,220,182,0) 70%), var(--ink); }

/* Kopfleiste: Logo zentriert, darunter eine Chrom-Linie, die zu den Rändern ausläuft */
.lg__bar { position: relative; display: flex; justify-content: center; padding: 30px var(--gutter) 28px; }
.lg__bar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(233,231,227,0), rgba(233,231,227,0.55) 25%, #fff 50%, rgba(233,231,227,0.55) 75%, rgba(233,231,227,0)); }
.lg__bar::before { /* weicher Lichtschimmer auf der Linie */ content: ""; position: absolute; left: 30%; right: 30%; bottom: -10px; height: 20px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(255,244,222,0.18), rgba(255,244,222,0)); }
.lg__logo { position: relative; display: block; width: clamp(240px, 26vw, 380px); transition: scale 0.4s var(--ease-out); }
.lg__logo > img { display: block; width: 100%; height: auto; filter: drop-shadow(0 8px 18px rgba(0,0,0,0.7)); }
.lg__seal { position: absolute; left: 50%; top: 50%; width: 11.962%; transform: translate(-50%, -50%); }   /* EU-Siegel = Mitte, wie im Header */
.lg__seal img { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 10px rgba(255,244,222,0.25)); }

.lg__main { flex: 1; width: 100%; max-width: 760px; margin: 0 auto; padding: 26px var(--gutter) calc(10 * var(--v)); }

.lg__title { margin-top: calc(4 * var(--v)); font-family: "Anton", sans-serif; font-weight: 400; font-size: clamp(46px, 5vw, 80px); line-height: 1; text-transform: uppercase; }
.lg__title span { background: linear-gradient(180deg, #fff 12%, #d5d2cc 48%, #8b8781 52%, #f3f1ed 90%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,0.75)); padding-top: 0.12em; }
.lg__lead { margin-top: 10px; font-size: 13px; color: var(--silver-dim); }

/* Kästen wie die FAQ-Boxen: dunkel, feiner Rand, keine weiße Umrandung */
.lg__card { margin-top: 18px; padding: 26px 28px; border-radius: 8px; border: 1px solid var(--line);
  background: linear-gradient(160deg, rgba(24,23,22,0.9), rgba(10,10,10,0.92));
  font-size: 15px; line-height: 1.7; color: rgba(233,231,227,0.82); }
.lg__lead + .lg__card { margin-top: 26px; }
.lg__card h2 { margin: 0 0 0.7em; font-family: "Anton", sans-serif; font-weight: 400; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.15; letter-spacing: 0.03em; text-transform: uppercase; color: var(--warm); scroll-margin-top: 24px; }
.lg__card h3 { margin: 1.4em 0 0.4em; font-family: "Anton", sans-serif; font-weight: 400; font-size: 17px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--silver); }
.lg__card > :first-child { margin-top: 0; }
.lg__card > :last-child { margin-bottom: 0; }
.lg__card p { margin: 0 0 1em; overflow-wrap: anywhere; }
.lg__card ul { margin: 0 0 1.1em; padding-left: 1.2em; }
.lg__card li { margin: 0.25em 0; }
.lg__card li::marker { color: var(--warm); }
.lg__card a { color: var(--silver); text-decoration: underline; text-decoration-color: rgba(243,220,182,0.45); text-underline-offset: 3px; overflow-wrap: anywhere; }
.lg__card a:hover { color: #fff; text-decoration-color: var(--warm); }
.lg__toc ol { margin: 0; padding-left: 1.4em; columns: 2; column-gap: 32px; font-size: 14px; }
.lg__toc li { break-inside: avoid; }
.lg__toc a { text-decoration: none; color: rgba(233,231,227,0.82); }

.lg__foot { position: relative; display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap; padding: 22px var(--gutter) 30px; font-size: 12px; color: var(--silver-dim); }
.lg__foot::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(233,231,227,0), rgba(233,231,227,0.3) 50%, rgba(233,231,227,0)); }
.lg__foot nav { display: flex; gap: 28px; }
.lg__foot a { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--silver); }
.lg__foot a:hover, .lg__foot a[aria-current] { color: #fff; }

@media (max-width: 767px) {
  .lg__bar { padding: 22px 16px 20px; }
  .lg__logo { width: 76vw; }
  .lg__main { padding: 20px 16px 8vh; }
  .lg__title { font-size: 44px; margin-top: 4vh; }
  .lg__card { padding: 20px 18px; font-size: 14px; margin-top: 14px; }
  .lg__toc ol { columns: 1; }
  .lg__foot { flex-direction: column; gap: 10px; padding: 20px 16px 26px; }
}