.terms-page { background: var(--color-paper); }
.terms-hero { max-width: 1100px; padding-top: clamp(80px, 12vw, 160px); padding-bottom: clamp(70px, 9vw, 120px); }
.terms-hero h1 { max-width: 850px; font-size: clamp(58px, 8vw, 124px); }
.terms-hero > p:not(.section-label):not(.terms-version) { max-width: 650px; margin: 0; font-size: clamp(17px, 2vw, 21px); line-height: 1.6; }
.terms-version { margin: 34px 0 0; opacity: .58; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.terms-summary { padding-top: 60px; padding-bottom: 60px; background: var(--color-lime); }
.terms-summary h2 { max-width: 520px; margin-bottom: 38px; font-size: clamp(38px, 4vw, 58px); }
.terms-summary > div { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgb(23 32 24 / 30%); border-left: 1px solid rgb(23 32 24 / 30%); }
.terms-summary article { min-height: 145px; padding: 22px; border-right: 1px solid rgb(23 32 24 / 30%); border-bottom: 1px solid rgb(23 32 24 / 30%); }
.terms-summary .section-sketch { width: 76px; }
.terms-summary p { margin: 20px 0 0; font-size: 14px; line-height: 1.45; }
.terms-body { display: grid; grid-template-columns: minmax(180px, .38fr) minmax(0, 1fr); gap: clamp(45px, 9vw, 150px); max-width: 1300px; padding-top: clamp(75px, 10vw, 140px); padding-bottom: clamp(75px, 10vw, 140px); }
.terms-body aside { position: sticky; top: 28px; align-self: start; }
.terms-body aside > p { margin: 0 0 16px; font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.terms-body ol { margin: 0; padding: 0; list-style: none; }
.terms-body li { border-top: 1px solid var(--color-line); }
.terms-body a { display: block; padding: 9px 0; font-size: 12px; transition: color var(--transition-fast); }
.terms-body a:hover { color: var(--color-coral-text); }
.terms-section { max-width: 720px; padding: 0 0 48px; margin: 0 0 48px; border-bottom: 1px solid var(--color-line); scroll-margin-top: 28px; }
.terms-section h2 { margin-bottom: 19px; font-size: clamp(30px, 3vw, 45px); }
.terms-section p, .terms-section li { color: #435042; font-size: 15px; line-height: 1.72; }
.terms-section p { margin: 0 0 14px; }
.terms-section ul { margin: 18px 0 0; padding-left: 20px; }
.terms-section li { padding-left: 4px; margin: 6px 0; }
.terms-notice { padding-top: 50px; padding-bottom: 50px; background: var(--color-ink); color: var(--color-cream); }
.terms-notice p { max-width: 850px; margin: 0 auto; font-size: 14px; line-height: 1.65; text-align: center; }

.impressum-body { max-width: 1040px; padding-top: clamp(70px, 9vw, 120px); padding-bottom: clamp(80px, 10vw, 140px); }
.impressum-details { max-width: 820px; margin: 0 0 38px; border-top: 1px solid var(--color-line); }
.impressum-details > div { display: grid; grid-template-columns: minmax(170px, .42fr) minmax(0, 1fr); gap: 28px; padding: 20px 0; border-bottom: 1px solid var(--color-line); }
.impressum-details dt { color: var(--color-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.impressum-details dd { margin: 0; font-size: 16px; line-height: 1.55; }
.impressum-details a { color: var(--color-coral-text); text-decoration: underline; text-underline-offset: 3px; }
.impressum-body > p { max-width: 720px; margin: 0; color: var(--color-muted); font-size: 14px; line-height: 1.65; }

@media (max-width: 640px) {
  .impressum-details > div { grid-template-columns: 1fr; gap: 7px; }
}