/* ==========================================================================
   Unterseiten (Impressum, Datenschutz, Danke) – gleiches Design wie die Startseite:
   Sand, Tinte, Kupfer, Navy · Überschriften in Space Grotesk (selbst gehostet) · keine externen Schriften
   ========================================================================== */
/* Display-Schrift für Überschriften: Space Grotesk (SIL OFL), selbst gehostet */
@font-face{font-family:"Space Grotesk";src:url(fonts/space-grotesk.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
:root{
  --display:"Space Grotesk",Inter,Arial,sans-serif;
  --sand:#F3EFE7; --paper:#FAF8F3; --ink:#171817; --muted:#68665F;
  --copper:#A9684F; --copper-text:#8E543E; --navy:#0B0F1A; --line:#D8D2C7;
  --sans:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
img{max-width:100%;display:block}

/* Header */
body > nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;padding:0 max(34px,calc((100% - 1112px)/2));background:rgba(243,239,231,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,24,23,.08)}
.logo{display:flex;align-items:center;text-decoration:none}
.logo-img{height:40px;width:auto}
.nav-right{display:flex;align-items:center;gap:14px}

/* Inhalt */
main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:90px 34px 110px}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--copper-text);font-weight:700;margin-bottom:22px}
h1{font-family:var(--display);font-weight:400;letter-spacing:-.025em;font-size:clamp(40px,5vw,60px);line-height:1.02;margin:0 0 50px;max-width:820px}
.impressum-section,.legal-section{max-width:760px}
.impressum-block,.legal-block{padding:30px 0;border-top:1px solid var(--line)}
.impressum-block:last-child,.legal-block:last-child{border-bottom:1px solid var(--line)}
.impressum-block h2,.legal-block h2{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:-.02em;margin:0 0 14px;color:var(--ink)}
.impressum-block p,.legal-block p{margin:0 0 6px;color:#4d4b46;font-size:17px}
a.impressum-link,a.legal-link{color:var(--copper-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a.impressum-link:hover,a.legal-link:hover{color:var(--ink)}
a.impressum-link:focus-visible,a.legal-link:focus-visible,.footer-legal-link:focus-visible,.footer-linkedin:focus-visible,.logo:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:4px}

/* Danke-Seiten */
body:has(.card) main{display:grid;place-items:center}
.card{width:100%;max-width:620px;background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:56px 52px;text-align:left}
.check-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#EBC6AE;margin-bottom:30px}
.check-icon svg{width:26px;height:26px}
.card h1{font-size:clamp(34px,4.5vw,50px);margin:0 0 22px}
.card p{color:#4d4b46;font-size:17px;margin:0 0 32px}
.card .note{margin:26px 0 0;font-size:13px;color:var(--muted)}

/* Footer */
footer{background:var(--navy);color:#8C909C;font-size:13px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;padding:28px max(34px,calc((100% - 1112px)/2))}
footer .logo-img,.footer-logo .logo-img{height:26px}
.footer-copy{margin:0}
.footer-linkedin{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#B9BCC6}
.footer-linkedin svg{width:16px;height:16px}
.footer-linkedin:hover,.footer-legal-link:hover{color:var(--paper)}
.footer-legal-links{display:flex;gap:10px;align-items:center}
.footer-legal-link{color:#B9BCC6;text-decoration:none}
.footer-legal-link[aria-current="page"]{color:#EBC6AE}

@media (max-width:560px){
  body > nav{padding:0 16px;height:68px}
  .logo-img{height:34px}
  main{padding:60px 16px 80px}
  .card{padding:36px 26px;border-radius:22px}
  footer{padding:26px 16px}
}