/* ========================================================================= Legal pages — Impressum, Datenschutz, AGB, Widerrufsbelehrung, Barrierefreiheit. Adapted from the website-2026 Angular legal layout. Reuses the shared design tokens (--color-primary, --color-dark, --global-font) and the existing .rr-container / .rr-newsletter. ========================================================================= */ /* ----------------------------------------------------------------- Hero -- */ .rr-legal-hero { position: relative; width: 100%; height: 60vh; min-height: 420px; overflow: hidden; z-index: 1; } .rr-legal-hero::before, .rr-legal-hero::after { content: ""; position: absolute; left: 0; width: 100%; z-index: 2; } .rr-legal-hero::before { top: 0; height: 235px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent); } .rr-legal-hero::after { bottom: 0; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } .rr-legal-hero__image { position: absolute; inset: 0; z-index: 1; } .rr-legal-hero__image img { width: 100%; height: 100%; object-fit: cover; } .rr-legal-hero__content { position: relative; z-index: 3; width: clamp(320px, 95%, 1665px); height: 100%; margin: 0 auto; padding: 0 15px 70px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; } .rr-legal-hero__title { margin: 0; font: 700 72px/1.1 var(--global-font); color: #fff; text-transform: uppercase; letter-spacing: -2px; } .rr-legal-hero__print { display: inline-block; margin-top: 24px; padding: 8px 27px; background: var(--color-primary); color: #fff; border: none; border-radius: 10px; font: 500 22px/1.2 var(--global-font); cursor: pointer; transition: opacity 0.3s ease, transform 0.3s ease; } .rr-legal-hero__print:hover, .rr-legal-hero__print:focus-visible { opacity: 0.9; transform: translateY(-2px); } /* -------------------------------------------------------------- Content -- */ .rr-legal { position: relative; width: 100%; background: #fff; } .rr-legal__inner { max-width: 1200px; margin: auto; padding: 90px 15px 140px; font: 400 18px/1.6 var(--global-font); color: var(--color-dark); } .rr-legal__loading { padding: 90px 0; text-align: center; font-size: 20px; color: var(--color-dark); } /* Language toggle is driven by (set by js/i18n.js). */ .rr-legal__text { display: none; white-space: pre-line; } .rr-legal__text--static { display: block; white-space: normal; } html[lang="de"] .rr-legal__text[data-legal-lang="de"], html[lang="en"] .rr-legal__text[data-legal-lang="en"] { display: block; } .rr-legal__inner p { margin: 0 0 20px; } .rr-legal__inner h1, .rr-legal__inner h2, .rr-legal__inner h3, .rr-legal__inner h4 { margin: 32px 0 12px; line-height: 1.3; } .rr-legal__inner ul, .rr-legal__inner ol { margin: 0 0 20px; padding-left: 1.4em; } .rr-legal__inner a { color: var(--color-primary); text-decoration: none; transition: color 0.3s ease; } .rr-legal__inner a:hover, .rr-legal__inner a:focus-visible { text-decoration: underline; } @media (max-width: 1024px) { .rr-legal-hero__title { font-size: 56px; } .rr-legal__inner { padding: 60px 15px 90px; font-size: 16px; } } @media (max-width: 768px) { .rr-legal-hero { height: 48vh; min-height: 320px; } .rr-legal-hero__title { font-size: 40px; letter-spacing: -1px; } .rr-legal-hero__print { font-size: 18px; } .rr-legal__inner { padding: 50px 15px 70px; } } /* ---------------------------------------------------------------- Print -- */ @media print { .rr-header, .rr-menu-overlay, .rr-sidebar, .rr-newsletter, .rr-footer, .rr-legal-hero__print { display: none !important; } .rr-legal-hero { height: auto; min-height: 0; } .rr-legal-hero::before, .rr-legal-hero::after, .rr-legal-hero__image { display: none !important; } .rr-legal-hero__content { padding: 0 0 16px; } .rr-legal-hero__title { color: #000; } .rr-legal__inner { max-width: 100%; padding: 0; color: #000; font-size: 12pt; } }