/* DIOMIKO legal pages — additional styles for Datenschutz / Impressum */

.legal-main{
  padding-top:78px;
  background:var(--paper);
}

.legal-hero{
  padding:110px max(28px,calc((100vw - var(--max))/2)) 74px;
  border-bottom:1px solid var(--line);
  background:var(--paper);
}

.legal-hero .eyebrow{
  margin-bottom:22px;
}

.legal-hero h1{
  margin:0;
  max-width:900px;
  font-size:clamp(42px,4.2vw,64px);
  line-height:1.02;
  letter-spacing:-.038em;
  font-weight:400;
}

.legal-hero p:last-child{
  max-width:660px;
  margin:24px 0 0;
  color:#656864;
  font-size:16px;
}

.legal-wrap{
  padding:76px max(28px,calc((100vw - var(--max))/2)) 120px;
}

.legal-layout{
  display:grid;
  grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);
  gap:70px;
  align-items:start;
}

.legal-aside{
  position:sticky;
  top:118px;
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#777b76;
}

.legal-aside:after{
  content:"";
  display:block;
  width:100%;
  max-width:150px;
  height:1px;
  margin-top:22px;
  background:var(--line);
}

.legal-content{
  max-width:900px;
  font-size:15px;
  color:#343734;
}

.legal-content p{
  margin:0 0 18px;
  line-height:1.72;
}

.legal-content strong{
  color:var(--ink);
  font-weight:500;
}

.legal-content ul{
  margin:8px 0 28px;
  padding-left:22px;
}

.legal-content li{
  margin:0 0 10px;
  line-height:1.65;
}

.legal-content a{
  border-bottom:1px solid rgba(12,14,14,.35);
}

.legal-content a:hover{
  border-bottom-color:var(--ink);
}

.legal-content > p:first-child{
  margin-top:0;
}

.legal-footer{
  padding:28px max(28px,calc((100vw - var(--max))/2));
  background:var(--ink);
  color:#777b77;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  gap:30px;
  font-size:10px;
  letter-spacing:.1em;
}

.legal-footer div{
  display:flex;
  gap:24px;
}

@media(max-width:900px){
  .legal-main{padding-top:78px}
  .legal-hero{padding-top:86px}
  .legal-layout{grid-template-columns:1fr;gap:34px}
  .legal-aside{position:static}
  .legal-aside:after{max-width:none}
}

@media(max-width:600px){
  .legal-main{padding-top:66px}
  .legal-hero{padding:72px 22px 48px}
  .legal-hero h1{font-size:40px}
  .legal-wrap{padding:54px 22px 82px}
  .legal-content{font-size:14px}
  .legal-footer{padding:22px;flex-direction:column}
}

/* Link back to the homepage in the legal-page header */
.legal-back-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 36px;
  font-size:12px;
  color:#656864;
  border-bottom:1px solid rgba(12,14,14,.28);
  padding-bottom:4px;
}
.legal-back-link:hover{color:var(--ink);border-bottom-color:var(--ink)}
@media(max-width:600px){.legal-back-link{margin-bottom:28px}}