@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500 900;font-display:swap;src:url("./fonts/schibsted-grotesk-latin.woff2") format("woff2")}
@font-face{font-family:"Spline Sans";font-style:normal;font-weight:400 500;font-display:swap;src:url("./fonts/spline-sans-latin.woff2") format("woff2")}

:root{
  --moos:#1F2A23;
  --moos-2:#44584A;
  --bernstein:#D9A441;
  --kalk:#E9E6DC;
  --stein:#A7A296;
  --linie:#C9C4B8;
  --hd:"Schibsted Grotesk",Arial,sans-serif;
  --bd:"Spline Sans",Arial,sans-serif;
}

*{box-sizing:border-box}
html{background:var(--kalk);color:var(--moos);scroll-behavior:smooth}
body.legal-page{margin:0;background:var(--kalk);font:400 16px/1.65 var(--bd)}
.legal-page a{color:inherit;text-underline-offset:3px}
.legal-page a:hover{color:var(--moos-2)}
.legal-page .wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}

.legal-page header{background:var(--moos);color:var(--kalk);border-bottom:1px solid var(--moos-2)}
.legal-page header .wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.legal-page .brand{font:800 25px/1 var(--hd);letter-spacing:-.025em;text-decoration:none}
.legal-page .brand::after{content:"";display:inline-block;width:6px;height:6px;margin-left:3px;background:var(--bernstein)}
.legal-page .back{
  display:inline-flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  padding:0 21px;
  border:1px solid var(--bernstein);
  background:var(--bernstein);
  color:var(--moos);
  font:700 14px/1.2 var(--hd);
  text-decoration:none;
}
.legal-page .back:hover{background:var(--bernstein);color:var(--moos);transform:translateY(-1px)}

.legal-page .hero{padding:clamp(68px,8vw,108px) 0 clamp(50px,6vw,76px);border-bottom:1px solid var(--linie)}
.legal-page .eyebrow{margin:0 0 18px;color:var(--bernstein);font:500 12px/1.2 var(--bd);letter-spacing:.16em;text-transform:uppercase}
.legal-page h1{max-width:980px;margin:0;font:700 clamp(58px,8vw,104px)/.91 var(--hd);letter-spacing:-.055em}
.privacy-page h1{max-width:none;font-size:clamp(48px,5.6vw,78px);white-space:nowrap}
.legal-page .intro{max-width:760px;margin:28px 0 0;color:var(--moos-2);font-size:18px}

.privacy-page .legal-layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:space-between;gap:80px;padding:70px 0 100px}
.privacy-page .legal-layout > nav{align-self:start;position:sticky;top:28px}
.privacy-page .legal-layout > nav span{display:block;margin-bottom:16px;color:var(--moos);font:500 11px/1.2 var(--bd);letter-spacing:.14em;text-transform:uppercase}
.privacy-page .legal-layout > nav span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--bernstein)}
.privacy-page .legal-layout > nav a{display:block;padding:9px 0;border-top:1px solid var(--linie);font-size:13px;text-decoration:none}
.privacy-page article h2{margin:54px 0 14px;padding-top:8px;border-top:1px solid var(--linie);font:700 clamp(26px,3.2vw,38px)/1.06 var(--hd);letter-spacing:-.025em}
.privacy-page article h2:first-child{margin-top:0}
.privacy-page article p{margin:0 0 16px}
.privacy-page article strong{font-weight:600}

.impressum-page article{width:min(760px,calc(100% - 48px));margin:0 auto;padding:70px 0 100px}
.impressum-page article section{padding:28px 0;border-top:1px solid var(--linie)}
.impressum-page article section:first-child{padding-top:0;border-top:0}
.impressum-page article h2{margin:0 0 14px;font:700 clamp(26px,3.2vw,38px)/1.06 var(--hd);letter-spacing:-.025em}
.impressum-page article p{margin:0 0 14px}
.impressum-page article p:last-child{margin-bottom:0}
.impressum-page article strong{font-weight:600}
.impressum-page .authority{padding-left:22px;border-left:1px solid var(--linie)}

.legal-page footer{background:var(--moos);color:var(--stein);padding:30px 0}
.legal-page footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px}
.legal-page footer nav{display:flex;position:static;gap:20px;flex-wrap:wrap}
.legal-page footer a{color:var(--kalk)}

@media(max-width:800px){
  .legal-page .wrap{width:min(100% - 36px,1180px)}
  .legal-page header .wrap{min-height:78px}
  .legal-page .back{min-height:44px;padding-inline:16px;font-size:13px}
  .legal-page .hero{padding:58px 0 44px}
  .privacy-page h1{font-size:clamp(46px,12vw,72px);white-space:normal}
  .privacy-page .legal-layout{display:block;padding:46px 0 74px}
  .privacy-page .legal-layout > nav{display:none}
  .privacy-page article h2{margin-top:42px}
  .impressum-page article{width:min(100% - 36px,760px);padding:46px 0 74px}
  .impressum-page article section{padding:24px 0}
}

@media(max-width:480px){
  .legal-page header .wrap{align-items:center}
  .legal-page .brand{font-size:22px}
  .legal-page .back{max-width:154px;text-align:center}
}