/* Legal pages (privacy policy, later imprint and terms): long text to read, so a plain scrolling page in the console's
   colours and fonts – no menu screen, no animation. Served without an account too (tools/serve.js JOIN_PATHS). */
@font-face { font-family: 'Unbounded'; src: url('./fonts/unbounded.woff2') format('woff2'); font-weight: 200 900; font-display: swap; }
@font-face { font-family: 'Lexend'; src: url('./fonts/lexend.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
:root { --deep: #07080c; --milk: #f3ead8; --dim: #aaa49a; --sun: #ffc76b; --nebula: #6fd6ff; --line: rgba(243, 234, 216, .14); }
* { box-sizing: border-box; }
html { background: var(--deep); }
body { margin: 0; color: var(--milk); font: 400 17px/1.6 'Lexend', sans-serif; -webkit-text-size-adjust: 100%; }
main { max-width: 760px; margin: 0 auto; padding: 48px 16px 96px; }
.brand { font: 600 15px/1 'Unbounded', sans-serif; letter-spacing: .3em; color: var(--sun); margin: 0 0 40px; }
h1 { font: 600 clamp(28px, 6vw, 40px)/1.15 'Lexend', sans-serif; letter-spacing: -.01em; margin: 0 0 12px; }
h2 { font: 600 21px/1.3 'Lexend', sans-serif; margin: 44px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); }
h3 { font: 600 17px/1.4 'Lexend', sans-serif; margin: 26px 0 6px; color: var(--sun); }
p, li { color: var(--milk); }
.stand, .hint { color: var(--dim); font-size: 15px; }
a { color: var(--nebula); }
ul { padding-left: 1.2em; }
li { margin: 4px 0; }
table { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line); }
th { color: var(--dim); font-weight: 500; }
.short { background: rgba(255, 199, 107, .07); border-radius: 2px; padding: 16px 18px; margin: 24px 0; }
.open { color: var(--sun); }
@media (max-width: 560px) { table, tbody, tr, td, th { display: block; } thead { display: none; } td { padding: 2px 0; border: 0; } tr { padding: 10px 0; border-bottom: 1px solid var(--line); } td:first-child { font-weight: 600; } }
/* long German words (Streitbeilegungsverfahren, Verbraucherschlichtungsstelle) must break on a 375 px phone instead of widening the page */
h1, h2, h3, p, li, td { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }