@charset "UTF-8";
/* Unterseiten (Datenschutz, Impressum, Support, 404). Ergänzt styles.css,
   das Farben, Schriften, Kopf- und Fußzeile mitbringt. Schlichte Leinwand
   ohne Bilder: Rechtstexte sollen lesbar sein, nicht stimmungsvoll. */
body.page{min-height:100vh;display:flex;flex-direction:column}
.page .site-footer{width:100%}
.page .site-header{position:static;background:none}
.page .site-header nav{gap:28px}
.page .site-header nav a[aria-current=page]{color:var(--gold-bright)}
.page main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:clamp(48px,7vw,96px) 32px clamp(64px,9vw,120px)}
.page h1{font:400 clamp(40px,5vw,58px)/1.1 var(--serif);letter-spacing:-1.4px;margin-top:18px}
.page h1 em{color:var(--gold);font-style:normal}
.updated{margin-top:14px;font-size:12px;color:#7f9087;letter-spacing:.4px}
.lead-text{margin-top:30px;font:400 19px/1.65 var(--serif);color:#d6d2c6}
.clauses{display:flex;flex-direction:column;margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line)}
.clause{padding:30px 0;border-bottom:1px solid var(--line)}
.clause h2{font:400 24px/1.3 var(--serif);letter-spacing:-.2px;color:var(--ivory);margin:0 0 12px}
.clause p,.clause li,.clause .rows{font-size:16px;line-height:1.7;color:var(--muted)}
.clause p+p,.clause p+ul,.clause ul+p,.clause .rows+p,.clause p+.rows{margin-top:12px}
.clause ul{margin:0;padding-left:20px}
.clause li+li{margin-top:4px}
.clause li::marker{color:var(--gold)}
.clause strong{color:var(--ivory);font-weight:600}
.rows{display:flex;flex-direction:column}
.page main a:not(.button){color:var(--teal);text-decoration:underline;text-decoration-color:#74d4c466;text-underline-offset:3px}
.page main a:not(.button):hover{color:#a3e6da;text-decoration-color:currentColor}
.mail{display:inline-block;margin:6px 0 4px;font:400 22px/1.4 var(--serif)}
.page .site-footer .foot-links{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:12px}
.page .site-footer .foot-links a{color:#b0bbb3}
.page .site-footer .foot-links a:hover{color:var(--gold)}
.not-found{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.not-found .release-mark{width:72px;height:72px;color:var(--gold);stroke-width:.9;margin-bottom:10px}
.not-found p{margin-top:18px;max-width:440px}
.not-found .button{margin-top:34px}
@media(max-width:760px){
  .page .site-header nav{display:flex;position:static;padding:0;background:none;border:0;gap:18px;font-size:12px;flex-direction:row}
  .page .site-header nav>a{padding:10px 0}
  .page main{padding-left:24px;padding-right:24px}
  .clause h2{font-size:21px}
  .clause p,.clause li,.clause .rows{font-size:15px}
  .mail{font-size:19px}
}
@media(max-width:520px){
  .page .site-header{height:auto;padding:14px 20px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px}
  .page .site-header .header-tools{grid-column:2;grid-row:1;margin:0}
  .page .site-header nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:0 18px}
}
