/* Legal pages of gotec.de. Same palette as index.html; system fonts only, nothing loaded from outside. */
:root{
  --deep:#1C2629; --dusk:#28363A; --fog:#E7E9E5; --sea:#A9CBC2; --haze:#C5C2D2;
  --sans:"Helvetica Neue",Arial,system-ui,sans-serif;
  --mono:ui-monospace,Menlo,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--deep)}
body{margin:0; background:var(--deep); color:var(--fog); font-family:var(--sans); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased}
a{color:var(--sea)}
:focus-visible{outline:2px solid var(--sea); outline-offset:4px}
.wrap{max-width:46rem; margin:0 auto; padding:clamp(24px,6vw,72px) 16px 96px}
.top{display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:48px}
.label{font-family:var(--mono); font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--haze)}
.top a{text-decoration:none}
.top nav a{margin-left:16px}
h1{font-weight:500; font-size:clamp(32px,5vw,48px); line-height:1.15; margin:0 0 32px}
h2{font-weight:500; font-size:22px; margin:40px 0 8px}
h3{font-weight:500; font-size:18px; margin:24px 0 4px}
p,ul,address{margin:0 0 16px}
address{font-style:normal}
ul{padding-left:20px}
hr{border:0; border-top:1px solid var(--dusk); margin:64px 0}
.draft{background:#5a3d1e; color:#fff; padding:12px 16px; font-size:15px; line-height:1.4}
.note{color:var(--haze); font-size:15px}
footer{margin-top:64px; padding-top:24px; border-top:1px solid var(--dusk)}
footer a{margin-right:16px}