/* Cotinga — Layout fuer Rechtstexte (Impressum, Datenschutz).
   Rein statisch, kein Runtime-JS. Nutzt die Design-System-Tokens. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}
img{display:block}
a{color:var(--teal-600);text-decoration:none}
a:hover{color:var(--teal-700)}

.hdr{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
.hdr-in{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);height:76px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{height:34px;width:auto}
.brand span{font-family:var(--font-display);font-weight:400;font-size:19px;letter-spacing:.22em;color:var(--navy-600)}
.hdr-cta{margin-left:auto;display:inline-flex;align-items:center;gap:9px;background:var(--teal-500);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:var(--radius-pill);box-shadow:var(--shadow-teal);white-space:nowrap;transition:background var(--dur-base) var(--ease-out)}
.hdr-cta:hover{background:var(--teal-600);color:#fff}

.band{background:var(--texture-lines),var(--gradient-brand-deep)}
.band-in{max-width:var(--container-narrow);margin:0 auto;padding:72px var(--gutter) 64px}
.band h1{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.02em;color:#fff;margin:0}
.band p{font-family:var(--font-sans);font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);margin:18px 0 0;max-width:60ch}

main{max-width:var(--container-narrow);margin:0 auto;padding:64px var(--gutter) 96px}
main h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.01em;color:var(--color-text);margin:56px 0 16px}
main h2:first-child{margin-top:0}
main h3{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--color-text);margin:32px 0 10px}
main p,main li{font-family:var(--font-sans);font-size:16.5px;line-height:1.75;color:var(--color-text-muted);text-wrap:pretty}
main p{margin:0 0 16px}
main ul,main ol{margin:0 0 18px;padding-left:22px}
main li{margin:0 0 9px}
main strong{color:var(--color-text);font-weight:700}
main address{font-style:normal;font-family:var(--font-sans);font-size:16.5px;line-height:1.75;color:var(--color-text);margin:0 0 18px}
.meta{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--color-text-subtle);text-transform:uppercase;margin:0 0 40px}
.callout{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-left:3px solid var(--teal-500);border-radius:var(--radius-md);padding:20px 24px;margin:0 0 24px}
.callout p:last-child{margin-bottom:0}

footer{background:var(--navy-800);padding:56px 0 28px}
.ft-in{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.ft-top{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}
.ft-brand{display:flex;align-items:center;gap:12px}
.ft-brand img{height:34px;width:auto;filter:brightness(0) invert(1)}
.ft-brand span{font-family:var(--font-display);font-weight:400;font-size:18px;letter-spacing:.22em;color:var(--cream)}
.ft-nav{display:flex;flex-wrap:wrap;gap:12px 26px;margin-left:auto}
.ft-nav a{font-size:15px;color:rgba(255,255,255,.7)}
.ft-nav a:hover{color:#fff}
.ft-copy{font-size:14px;color:rgba(255,255,255,.45);margin:22px 0 0}

@media (max-width:640px){
  .hdr-in{height:66px;gap:12px}
  .hdr-cta{font-size:14px;padding:11px 18px}
  .brand span{display:none}
  .band-in{padding:48px var(--gutter) 44px}
  .band p{font-size:15.5px}
  .band strong{overflow-wrap:anywhere}
  main{padding:44px var(--gutter) 64px}
  main h2{margin-top:40px}
  .ft-nav{margin-left:0}
}