/* SCHULTE. — Rechtsseiten (Impressum, Datenschutz, AGB)
   Schwarz/Platin, Cormorant Garamond + Montserrat. */

*{margin:0;padding:0;box-sizing:border-box}

:root{
  --black:#080809;
  --black-2:#111114;
  --black-3:#17171b;
  --platinum:#d6cfc4;
  --warm-white:#ede8e0;
  --silver:#9a96a0;
  --silver-dim:#6a6770;
  --line:rgba(214,207,196,.14);
  --line-strong:rgba(214,207,196,.22);
  --serif:'Cormorant Garamond',serif;
  --sans:'Montserrat',sans-serif;
}

html{scroll-behavior:smooth}

body{
  background:var(--black);
  color:var(--silver);
  font-family:var(--sans);
  font-weight:300;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:inherit}

/* ---------- Navigation ---------- */
nav{
  position:sticky;top:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 6vw;
  background:rgba(8,8,9,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
nav .nav-logo{height:26px;width:auto;display:block}
nav .nav-cta{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--silver);text-decoration:none;
  padding:11px 22px;border:1px solid var(--line-strong);
  transition:border-color .3s ease,color .3s ease;
}
nav .nav-cta:hover{border-color:var(--platinum);color:var(--platinum)}

/* ---------- Inhalt ---------- */
.legal-wrap{
  max-width:780px;margin:0 auto;
  padding:80px 6vw 110px;
}

.legal-label{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--silver-dim);margin-bottom:20px;
}

.legal-wrap h1{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(38px,6vw,60px);
  line-height:1.1;
  color:var(--warm-white);
  letter-spacing:.01em;
  margin-bottom:14px;
}

.legal-intro{
  font-size:14px;color:var(--silver);
  padding-bottom:34px;margin-bottom:44px;
  border-bottom:1px solid var(--line);
}

.legal-wrap h2{
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(22px,3vw,30px);
  color:var(--warm-white);
  margin:52px 0 16px;
  letter-spacing:.01em;
}

.legal-wrap h3{
  font-family:var(--sans);
  font-weight:500;
  font-size:15px;
  color:var(--platinum);
  letter-spacing:.03em;
  margin:34px 0 10px;
}

.legal-wrap p{
  font-size:14.5px;
  margin-bottom:16px;
}

.legal-wrap ul{
  margin:0 0 16px;
  padding-left:22px;
}
.legal-wrap li{
  font-size:14.5px;
  margin-bottom:8px;
}

.legal-wrap a:not(.nav-cta):not(.nav-logo){
  color:var(--platinum);
  text-decoration:none;
  border-bottom:1px solid var(--line-strong);
  transition:border-color .3s ease;
}
.legal-wrap a:not(.nav-cta):not(.nav-logo):hover{
  border-color:var(--platinum);
}

.legal-wrap strong{
  color:var(--platinum);
  font-weight:500;
}

/* Kontakt-/Datenblock */
.legal-card{
  background:var(--black-2);
  border:1px solid var(--line);
  padding:26px 28px;
  margin:18px 0 28px;
}
.legal-card p{margin-bottom:6px;font-size:14.5px}
.legal-card p:last-child{margin-bottom:0}

/* Platzhalter, die Lukas noch ausfüllt */
.legal-todo{
  color:#c98b6b;
  border-bottom:1px dotted #c98b6b;
}

.legal-updated{
  margin-top:54px;padding-top:24px;
  border-top:1px solid var(--line);
  font-size:12.5px;color:var(--silver-dim);
}

/* ---------- Footer ---------- */
footer{
  border-top:1px solid var(--line);
  padding:46px 6vw;
  display:flex;justify-content:space-between;align-items:center;
  gap:28px;flex-wrap:wrap;
}
footer .f-logo{height:28px;width:auto}
footer .f-links{display:flex;gap:24px;flex-wrap:wrap}
footer .f-links a{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--silver-dim);text-decoration:none;
  transition:color .3s ease;
}
footer .f-links a:hover{color:var(--platinum)}
footer .f-legal{font-size:11px;color:var(--silver-dim);letter-spacing:.04em}

@media(max-width:560px){
  .legal-wrap{padding:54px 7vw 80px}
  footer{flex-direction:column;text-align:center}
}