/* =====================================================
   LEGAL PAGES (Impressum & Datenschutz)
   ===================================================== */
.legal {
   max-width: 800px; /* Hält den Text schmal und lesbar */
   margin: 0 auto;   /* Zentriert den Block */
   padding-top: 40px;
}

.legal__title {
   font-family: var(--ff-display);
   font-size: clamp(32px, 5vw, 64px);
   text-transform: uppercase;
   letter-spacing: -0.02em;
   color: var(--c-fg);
   margin-bottom: 60px;
}

.legal__block {
   margin-bottom: 40px;
}

.legal__block h2 {
   font-family: var(--ff-mono);
   font-size: 16px;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--c-fg);
   margin-bottom: 16px;
}

.legal__block p {
   font-family: var(--ff-mono);
   font-size: 14px;
   line-height: 1.8;
   color: rgba(238, 234, 224, 0.7); /* Leicht abgedimmtes Beige */
}

.legal__block a {
   color: var(--c-fg);
   text-decoration: underline;
   text-decoration-color: rgba(238, 234, 224, 0.3);
   text-underline-offset: 4px;
}

.legal__block a:hover {
   text-decoration-color: var(--c-accent);
}