:root{
  --petrol:#0F3A47;--petrol-deep:#0A2B35;--kupfer:#C4611A;--kupfer-bright:#E0752A;
  --paper:#FBF9F4;--ink:#132229;--grau:#54666C;--maxw:760px;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

header.site{background:var(--paper);border-bottom:1px solid rgba(15,58,71,.12);}
.bar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:12px;
  max-width:var(--maxw);margin:0 auto;}
.logo{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:18px;
  color:var(--petrol);letter-spacing:-.01em;text-decoration:none;}
.logo span{color:var(--kupfer);}
.back{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--grau);
  font-weight:500;text-decoration:none;}
.back:hover{color:var(--kupfer);}

main{padding:56px 0 40px;}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.02em;
  font-size:clamp(32px,6vw,48px);line-height:1.05;margin:0 0 8px;color:var(--petrol);}
.stand{color:var(--grau);font-size:14px;margin:0 0 44px;}
h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:19px;
  color:var(--petrol);margin:40px 0 10px;letter-spacing:-.01em;
  border-bottom:1px solid rgba(15,58,71,.15);padding-bottom:8px;}
h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;font-size:16px;
  color:var(--petrol);margin:26px 0 4px;}
p{margin:0 0 14px;}
ul{margin:0 0 14px;padding-left:22px;}
li{margin-bottom:6px;}
a{color:var(--kupfer);}
.adr{font-style:normal;margin:0 0 14px;line-height:1.55;}
.hint{border-left:4px solid var(--kupfer);background:rgba(196,97,26,.06);
  padding:16px 20px;margin:34px 0;font-size:15.5px;color:#3a4a50;}

footer.site{background:var(--petrol-deep);color:#b9cace;padding:36px 0;font-size:14px;margin-top:60px;}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;}
footer a{color:#fff;}

@media (max-width:640px){
  body{font-size:16px;}
  main{padding:36px 0 24px;}
  .bar{padding:14px 22px;}
  .wrap{padding:0 22px;}
}