:root{
  --bg:#080808;
  --panel:#101010;
  --text:#f8f5ef;
  --muted:#aaa39a;
  --soft:#d1cbc2;
  --orange:#ff5b17;
  --line:rgba(255,255,255,.12);
  --font:Inter,Helvetica Neue,Arial,sans-serif;
  --display:Arial Black,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.72}
a{color:inherit}
.shell{width:min(1060px,calc(100% - 48px));margin:0 auto}
.legal-header{
  min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;
  justify-content:space-between;gap:20px;position:sticky;top:0;background:rgba(8,8,8,.93);
  backdrop-filter:blur(12px);z-index:5
}
.brand.wordmark{
  display:inline-flex;
  align-items:baseline;
  width:auto;
  line-height:.9;
  letter-spacing:-.07em;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  font-size:28px;
  text-decoration:none;
  flex:0 0 auto;
}
.brand.wordmark .sicht{color:#f8f5ef}
.brand.wordmark .art{color:var(--orange)}
.back{font-size:12px;color:var(--muted);text-decoration:none}
.back:hover,.back:focus-visible{color:#fff;outline:none}
.hero{padding:76px 0 48px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--orange);font-weight:700}
h1{font:900 clamp(48px,7vw,82px)/.95 var(--display);letter-spacing:-.055em;margin:16px 0 18px}
.intro{max-width:790px;color:var(--muted);font-size:16px;margin:0}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;padding:55px 0 100px}
.toc{position:sticky;top:125px;align-self:start;border-left:1px solid var(--line);padding-left:18px}
.toc strong{display:block;font-size:10px;letter-spacing:.14em;color:#6f6a63;margin-bottom:13px}
.toc a{display:block;text-decoration:none;color:#918b83;font-size:12px;padding:6px 0}
.toc a:hover,.toc a:focus-visible{color:#fff;outline:none}
.content section{scroll-margin-top:120px;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.content section:last-child{border-bottom:0}
h2{font:800 clamp(23px,3vw,31px)/1.15 var(--display);letter-spacing:-.025em;margin:0 0 17px}
h3{font-size:15px;margin:26px 0 8px;color:#eee8df}
p,li{color:#c7c1b8;font-size:15px}
p{margin:0 0 14px}
ul{padding-left:20px;margin:12px 0}
li{margin:5px 0}
address{font-style:normal;color:#ddd7ce;font-size:15px}
.content a{color:#eee8df;text-decoration-color:#555;text-underline-offset:3px}
.note{
  margin-top:18px;padding:16px 18px;border-left:2px solid var(--orange);
  background:rgba(255,91,23,.07);color:#c7c0b8;font-size:13px
}
.muted{color:#817b73;font-size:12px}
.legal-footer{
  border-top:1px solid var(--line);padding:27px 0 40px;display:flex;
  justify-content:space-between;gap:20px;color:#8f8981;font-size:12px
}
.legal-footer div{display:flex;gap:18px}
.legal-footer a{text-decoration:none}
.legal-footer a:hover{color:#fff}

@media(max-width:820px){
  .shell{width:min(100% - 36px,1060px)}
  .legal-header{min-height:76px}
  .layout{grid-template-columns:1fr;gap:25px;padding-top:38px}
  .toc{position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 24px}
  .toc strong{margin-bottom:8px}
  .toc a{display:inline-block;margin-right:15px}
  .hero{padding:55px 0 38px}
}
@media(max-width:520px){
  .shell{width:min(100% - 28px,1060px)}
  .brand.wordmark{font-size:25px}
  .back{font-size:10px}
  .hero{padding:44px 0 32px}
  h1{font-size:48px}
  .intro{font-size:15px}
  .layout{padding-bottom:70px}
  p,li,address{font-size:14px}
  .legal-footer{flex-direction:column}
}

.inline-mail{
  appearance:none;
  border:0;
  background:none;
  padding:0;
  color:#eee8df;
  font:inherit;
  text-decoration:underline;
  text-decoration-color:#555;
  text-underline-offset:3px;
  cursor:pointer;
}
.inline-mail:hover,.inline-mail:focus-visible{color:#fff;outline:none}