@font-face{font-family:"Haas";src:url(/portfolio/fonts/NeueHaasDisplayRoman.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Haas";src:url(/portfolio/fonts/NeueHaasDisplayMediu.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Haas";src:url(/portfolio/fonts/NeueHaasDisplayBold.woff) format("woff");font-weight:700;font-display:swap}
:root{color-scheme:dark;--raum:#1d1d20;--hell:rgba(255,255,255,.92);--mittel:rgba(255,255,255,.62);--leise:rgba(255,255,255,.16)}
*{box-sizing:border-box;margin:0}
html,body{background:var(--raum);color:var(--hell);font:16px/1.6 "Haas","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:68ch;margin:0 auto;padding:48px 20px 72px}
a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--mittel)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid #3d6bff;outline-offset:3px;border-radius:2px}
.zurueck{display:inline-block;margin-bottom:40px;font-size:14px;color:var(--mittel);text-decoration:none;letter-spacing:.05em;text-transform:uppercase;font-weight:500}
.zurueck:hover{color:var(--hell)}
h1{font-size:clamp(30px,6vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:32px}
h2{font-size:17px;font-weight:700;margin:36px 0 8px}
p,ul,address{color:var(--mittel);font-style:normal}
p+p{margin-top:12px}
ul{padding-left:1.2em;margin-top:8px}
li+li{margin-top:4px}
strong{color:var(--hell);font-weight:500}
button{font:inherit;color:var(--hell);background:none;border:1px solid var(--leise);border-radius:999px;padding:8px 18px;margin-top:12px;cursor:pointer}
button:hover{border-color:var(--mittel)}
.stand{margin-top:48px;font-size:13px}