/* Styles for impressum.html, which holds both the Impressum and the
Datenschutzerklärung — one page, so the identity block is stated once and
cannot drift. Same type and palette as the site, but deliberately plain:
a legal page should be easy to read, not a second performance. */
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 600;font-display:swap;
src:url(fonts/fraunces-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 600;font-display:swap;
src:url(fonts/fraunces-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Fraunces;font-style:italic;font-weight:300 600;font-display:swap;
src:url(fonts/fraunces-italic-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 600;font-display:swap;
src:url(fonts/instrumentsans-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 600;font-display:swap;
src:url(fonts/instrumentsans-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
--beige:#ece1cc;
--paper:#f4ecdb;
--text-d:#2b2115;
--body-d:#54452f;
--muted-d:#6e5f49;
--gold:#b8894c;
--hair-d:rgba(43,33,21,.16);
}
*{margin:0;padding:0;box-sizing:border-box}
html[data-lang="de"] .en{display:none}
html[data-lang="en"] .de{display:none}
body{
background:var(--beige);color:var(--body-d);
font-family:"Instrument Sans",system-ui,sans-serif;
-webkit-font-smoothing:antialiased;
}
.grain{
position:fixed;inset:-100px;z-index:24;pointer-events:none;opacity:.035;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
::selection{background:rgba(184,137,76,.3)}
.lang{
position:fixed;top:22px;right:24px;z-index:30;
display:flex;gap:8px;align-items:center;
font-size:11px;letter-spacing:.22em;color:var(--muted-d);
}
.lang button{
all:unset;cursor:pointer;padding:4px 2px;letter-spacing:.22em;
color:var(--muted-d);border-bottom:1px solid transparent;
transition:color .2s,border-color .2s;
}
.lang button.on{color:var(--text-d);border-color:var(--gold)}
.sheet{max-width:660px;margin:0 auto;padding:clamp(64px,10vh,120px) clamp(24px,6vw,40px) clamp(80px,12vh,140px)}
.back{
display:inline-block;margin-bottom:clamp(48px,7vh,76px);
font-size:11px;letter-spacing:.3em;text-transform:uppercase;
color:var(--muted-d);text-decoration:none;
border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.back:hover{color:var(--text-d);border-color:var(--hair-d)}
h1{
font-family:Fraunces,serif;font-weight:340;
font-size:clamp(34px,5vw,52px);line-height:1.1;color:var(--text-d);
letter-spacing:-.005em;
}
.rule{width:52px;height:2px;background:var(--gold);margin:30px 0 clamp(40px,6vh,60px)}
h2{
font-family:"Instrument Sans",sans-serif;font-weight:500;
font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);
margin:clamp(42px,6vh,58px) 0 18px;
}
section:first-of-type h2{margin-top:0}
/* The page holds two documents. `.part` opens the second one — sized like the
page title, not like the small gold section labels above it. */
h2.part{
font-family:Fraunces,serif;font-weight:340;text-transform:none;letter-spacing:-.005em;
font-size:clamp(30px,4.4vw,44px);line-height:1.1;color:var(--text-d);
margin:0;
/* the language toggle is position:fixed — keep the anchor clear of it */
scroll-margin-top:84px;
}
h2.part + .rule{margin-top:26px}
/* divider between the two documents, echoing the ornament on the main page */
.orn{
display:flex;align-items:center;justify-content:center;gap:14px;
margin:clamp(64px,9vh,100px) 0 clamp(56px,8vh,84px);
}
.orn::before,.orn::after{content:"";height:1px;width:min(90px,20vw);background:var(--hair-d)}
.orn i{width:6px;height:6px;transform:rotate(45deg);display:block;background:var(--gold)}
p,li{font-family:Fraunces,serif;font-weight:390;font-size:16.5px;line-height:1.75}
p + p{margin-top:1em}
ul{margin:1em 0 0 1.1em}
li{margin-bottom:.5em}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(184,137,76,.34);transition:border-color .2s,color .2s}
a:hover{color:var(--text-d);border-color:var(--text-d)}
.addr{font-style:normal;line-height:1.75}
code{
font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.88em;
padding:1px 5px;border-radius:2px;background:rgba(43,33,21,.07);color:var(--text-d);
}
strong{font-weight:560;color:var(--text-d)}
/* Anything still to be filled in by Larina or Marc is impossible to miss —
and impossible to publish by accident. */
.todo{
display:inline-block;padding:1px 9px;border:1px dashed var(--gold);
border-radius:2px;background:rgba(184,137,76,.09);
font-family:"Instrument Sans",sans-serif;font-size:12px;font-weight:500;
letter-spacing:.1em;text-transform:uppercase;color:#8a6428;white-space:nowrap;
}
.updated{
margin-top:clamp(56px,8vh,84px);padding-top:24px;border-top:1px solid var(--hair-d);
font-family:"Instrument Sans",sans-serif;font-size:11px;letter-spacing:.24em;
text-transform:uppercase;color:var(--muted-d);
}
.crosslink{
margin-top:20px;font-family:"Instrument Sans",sans-serif;font-size:11px;
letter-spacing:.28em;text-transform:uppercase;
}
.crosslink a{border-bottom-color:transparent;color:var(--muted-d)}
.crosslink a:hover{color:var(--text-d);border-bottom-color:var(--hair-d)}