/* Gemeinsames Aussehen für Impressum und Datenschutz.
   Dieselben Tokens wie die Startseite, nur das Nötige. */
:root{
  --canvas:#F5F2E9;
  --canvas-alt:#EFEADD;
  --panel:#FFFFFF;
  --ink:#002D3C;
  --ink-soft:#4A6165;
  --gold:#8F724B;
  --gold-text:#7A6238;
  --gold-muted:rgba(143,114,75,.26);
  --hair:rgba(0,45,60,.12);
  --ease:cubic-bezier(.22,.61,.36,1);
  --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --body:"Manrope",system-ui,sans-serif;
  --gutter:clamp(18px,5vw,84px);
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);
  font-family:var(--body);font-weight:400;font-size:16.5px;line-height:1.78;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid #07746F;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--panel);color:var(--ink);
  padding:12px 18px;border:1px solid var(--gold)}
.skip:focus{left:12px;top:12px}

.nav{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:20px;
  padding:13px var(--gutter);background:#FFFFFF}
.nav::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(to right,rgba(10,186,181,0),rgba(10,186,181,.5) 18%,rgba(10,186,181,.5) 82%,rgba(10,186,181,0))}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex:0 0 auto}
.brand-mark{height:44px;width:auto;flex:0 0 auto}
.brand-text{display:flex;flex-direction:column;gap:4px;line-height:1}
.brand-word{font-family:var(--display);font-weight:400;font-size:clamp(13px,1.35vw,17.5px);
  letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.brand-sub{font-family:var(--display);font-size:clamp(8px,.74vw,10px);letter-spacing:.3em;
  text-transform:uppercase;color:var(--gold-text);white-space:nowrap}
.back{margin-left:auto;font-family:var(--body);font-size:12.5px;font-weight:500;letter-spacing:.13em;
  text-transform:uppercase;text-decoration:none;padding:14px 24px;position:relative;
  background:var(--ink);border:1px solid var(--ink);color:#F2EFE6;
  transition:background .5s var(--ease),border-color .5s var(--ease)}
.back::after{content:"";position:absolute;inset:3px;border:1px solid rgba(228,204,150,.45)}
.back:hover{background:#07746F;border-color:#07746F}
@media (max-width:620px){
  .nav{padding-left:14px;padding-right:14px;gap:10px}
  .brand-mark{height:36px}.brand-sub{display:none}
  .brand-word{font-size:11.5px;letter-spacing:.12em}
  .back{padding:11px 15px;font-size:11px;letter-spacing:.09em}
}
@media (pointer:coarse){.back{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}

main{max-width:820px;margin:0 auto;padding:clamp(48px,8vh,96px) var(--gutter) clamp(56px,8vh,110px)}
.eyebrow{font-family:var(--display);font-weight:400;font-size:clamp(11px,1vw,13.5px);letter-spacing:.38em;
  text-transform:uppercase;color:var(--gold-text);margin:0 0 18px}
h1{font-family:var(--display);font-weight:300;line-height:1.16;margin:0;text-transform:uppercase;
  font-size:clamp(26px,3.6vw,46px);letter-spacing:.045em}
h2{font-family:var(--display);font-weight:400;line-height:1.24;margin:0;text-transform:uppercase;
  font-size:clamp(15px,1.5vw,19px);letter-spacing:.13em}
.rule{display:flex;align-items:center;gap:14px;max-width:300px;margin:26px 0 0}
.rule span{height:1px;flex:1;background:var(--gold-muted)}
.rule i{width:7px;height:9px;background:var(--gold);flex:0 0 auto;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.lede{color:var(--ink-soft);margin:26px 0 0;max-width:62ch}
.block{margin-top:clamp(30px,4vw,44px);padding-top:clamp(22px,3vw,30px);border-top:1px solid var(--hair)}
.block:first-of-type{border-top:0}
.block h2 + p,.block h2 + address{margin-top:12px}
.block p,.block address{margin:0 0 12px;font-style:normal;color:var(--ink-soft);max-width:62ch}
.block p:last-child,.block address:last-child{margin-bottom:0}
.block strong{color:var(--ink);font-weight:500}
.block a{text-decoration:none;border-bottom:1px solid var(--gold-muted);transition:border-color .5s var(--ease)}
.block a:hover{border-bottom-color:var(--gold)}
.block ul{margin:0;padding-left:21px;color:var(--ink-soft);max-width:62ch}
.block li{margin-bottom:9px}
.block li::marker{color:var(--gold)}
.note{margin-top:clamp(34px,4.6vw,52px);background:var(--panel);border:1px solid var(--hair);
  padding:clamp(20px,2.6vw,30px);position:relative}
.note::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,var(--gold),rgba(143,114,75,.1))}
.note p{margin:0;font-size:14.6px;color:var(--ink-soft)}

footer{background:#FFFFFF;padding:clamp(34px,4.6vw,54px) var(--gutter) 30px;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(to right,rgba(10,186,181,0),rgba(10,186,181,.5) 18%,rgba(10,186,181,.5) 82%,rgba(10,186,181,0))}
.foot{max-width:820px;margin:0 auto}
.foot p{margin:0 0 10px;font-size:13.6px;color:var(--ink-soft)}
.foot-links{list-style:none;display:flex;gap:24px;flex-wrap:wrap;padding:0;margin:18px 0 0}
.foot-links a{font-family:var(--display);font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-soft);text-decoration:none;transition:color .5s var(--ease)}
.foot-links a:hover{color:var(--gold-text)}