/* Die Insel — Rechtstexte */
:root{
  --green:#355B44; --green-900:#16281E; --cream:#F6F0E3; --paper:#FDFBF5;
  --gold-ink:#9A7B34; --ink:#24352B; --ink-soft:#586B5C; --line:#DACFB8;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold-ink)}
.wrap{max-width:820px;margin-inline:auto;padding-inline:24px}
.topbar{background:var(--green-900);color:#F3ECDC;padding:16px 0}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center}
.topbar .brand{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:#F3ECDC;text-decoration:none}
.topbar .brand span{color:#D8BE84;font-style:italic}
.topbar .back{color:#B9C6B4;font-size:.9rem;text-decoration:none}
.topbar .back:hover{color:#D8BE84}
main{padding-block:56px 80px}
.meta{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:.6em}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.05;color:var(--green-900);margin-bottom:.5em}
h2{font-family:var(--serif);font-weight:600;font-size:1.5rem;color:var(--green-900);margin:2em 0 .4em}
.lede{font-size:1.1rem;color:var(--ink-soft);font-weight:300;margin-bottom:1em}
p{margin:.7em 0}
address{font-style:normal;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:1.1em 1.3em;line-height:1.9;margin:.6em 0}
address strong{display:block;font-size:1.05rem}
ul{margin:.6em 0 .6em 1.2em}
li{margin:.3em 0}
.todo{background:#F6E9C8;color:#8a6a1a;padding:.05em .5em;border-radius:5px;font-size:.9em;font-weight:500}
.note{margin-top:2.4em;background:rgba(53,91,68,.06);border-left:3px solid var(--green);border-radius:8px;padding:1em 1.2em;font-size:.92rem;color:var(--ink-soft)}
.foot{border-top:1px solid var(--line);padding:24px 0;margin-top:40px;font-size:.85rem;color:var(--ink-soft)}
.foot .wrap{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}