/* Plennova — shared styles for legal pages (Impressum, Datenschutz, AGB) */

:root{
  --black:#0B0B0B;
  --ink:#1A1A1A;
  --teal:#6FA9A0;
  --teal-dark:#4F8A82;
  --teal-deep:#2F5E58;
  --teal-soft:#E5F0EE;
  --bg:#FAFAF8;
  --line:#E8E5DF;
  --muted:#6B6B6B;
  --white:#FFFFFF;
  --shadow:0 1px 2px rgba(11,11,11,.04), 0 8px 24px rgba(11,11,11,.06);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
.container{max-width:920px;margin:0 auto;padding:0 24px}

/* HEADER */
.header{
  position:sticky;top:0;z-index:50;
  background:rgba(250,250,248,.85);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{height:30px;width:auto}
.nav-back{
  font-size:14px;font-weight:600;
  padding:9px 18px;border-radius:999px;
  background:transparent;color:var(--black);
  border:1px solid var(--line);
  display:inline-flex;align-items:center;gap:8px;
  transition:background .2s ease, border-color .2s ease;
}
.nav-back:hover{background:#F3F1EC;border-color:#D8D4CC}
.nav-right{display:flex;align-items:center;gap:14px}
.lang-toggle{
  font-size:12px;font-weight:600;letter-spacing:.08em;
  padding:6px 10px;border-radius:999px;
  border:1px solid var(--line);color:var(--muted);
  transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.lang-toggle:hover{color:var(--teal-dark);border-color:var(--teal);background:var(--teal-soft)}

/* PAGE HEADER */
.page-head{padding:64px 0 32px;border-bottom:1px solid var(--line)}
.page-head .crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.page-head .crumbs a{color:var(--teal-dark)}
.page-head .crumbs a:hover{text-decoration:underline}
.page-head h1{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-size:clamp(36px,5vw,52px);
  line-height:1.1;letter-spacing:-.02em;
  margin:0;color:var(--black);font-weight:700;
}
.page-head .lede{
  margin-top:14px;color:#3A3A3A;font-size:17px;max-width:60ch;
}

/* CONTENT */
.content{padding:48px 0 96px}
.content section{margin-bottom:40px}
.content h2{
  font-family:'Space Grotesk','Inter',sans-serif;
  font-size:24px;line-height:1.2;letter-spacing:-.01em;
  font-weight:700;color:var(--black);
  margin:0 0 14px;
}
.content h3{
  font-size:18px;font-weight:600;color:var(--black);
  margin:24px 0 8px;
}
.content p{
  font-size:16px;color:#2A2A2A;
  margin:0 0 14px;line-height:1.7;
}
.content p strong, .content p b{font-weight:600;color:var(--black)}
.content a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:3px}
.content a:hover{color:var(--teal-deep)}
.content ul{margin:0 0 14px;padding-left:22px}
.content ul li{font-size:16px;color:#2A2A2A;margin-bottom:6px;line-height:1.65}
.content .meta{font-size:14px;color:var(--muted);font-style:italic;margin-top:32px}
.content .info-block{
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px 28px;margin-bottom:24px;
}
.content .info-block p{margin-bottom:6px}
.content .info-block p.lead{font-weight:600;color:var(--black);font-size:17px;margin-bottom:8px}

/* FOOTER */
.footer{background:#0B0B0B;color:rgba(255,255,255,.65);padding:48px 0 24px;margin-top:0}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;align-items:center}
.footer .brand-mark{height:26px}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
.footer-links a{color:rgba(255,255,255,.65);transition:color .15s}
.footer-links a:hover{color:var(--teal)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:32px;padding-top:20px;
  font-size:13px;color:rgba(255,255,255,.45);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
}

@media (max-width: 640px){
  .page-head{padding:48px 0 24px}
  .content{padding:32px 0 64px}
  .nav-back span.label{display:none}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:16px}
}