/* Impressum, Datenschutz, 404 */
:root{
  --base-900:#0B0F0E;--base-850:#0E1312;
  --bone:#E9E2D6;--bone-2:#C3C0B6;--muted:#8A928C;
  --k:#FFD9B0;
  --line:rgba(233,226,214,.13);--line-2:rgba(233,226,214,.07);
  --fb:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --fm:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wd:"wdth" 108;--wb:"wdth" 100;
  --gut:clamp(20px,5vw,64px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--base-900);color:var(--bone);
  font-family:var(--fb);font-variation-settings:var(--wb);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(110% 60% at 82% -8%,rgba(255,217,176,.05),transparent 62%)}
a{color:var(--bone);text-decoration:none;border-bottom:1px solid var(--line);
  transition:color .33s linear,border-color .33s linear}
a:hover{color:var(--k);border-color:var(--k)}
:focus-visible{outline:2px solid var(--k);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:9;background:var(--bone);color:var(--base-900);
  padding:12px 18px;font:500 13px/1 var(--fm);letter-spacing:.06em}
.skip:focus{left:12px;top:12px}

.top{position:relative;z-index:1;display:flex;align-items:center;gap:22px;
  padding:20px var(--gut);border-bottom:1px solid var(--line-2)}
.top__name{font-family:var(--fb);font-variation-settings:var(--wd);font-weight:300;
  text-transform:uppercase;letter-spacing:.2em;font-size:12px;border:0}
.top__back{margin-left:auto;font:500 10px/1 var(--fm);letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);border:0}
.top__back:hover{color:var(--k)}

.wrap{position:relative;z-index:1;max-width:76ch;margin:0 auto;
  padding:clamp(48px,8vw,104px) var(--gut) clamp(60px,9vw,120px)}
.kicker{font:500 10px/1 var(--fm);letter-spacing:.26em;text-transform:uppercase;
  color:var(--k);margin:0 0 18px}
h1{font-family:var(--fb);font-variation-settings:var(--wd);font-weight:300;
  text-transform:uppercase;letter-spacing:.1em;
  font-size:clamp(1.2rem,2.6vw,2.05rem);line-height:1.3;margin:0 0 clamp(34px,5vw,56px);
  max-width:24ch;text-wrap:balance}
h2{font:500 10px/1 var(--fm);letter-spacing:.24em;text-transform:uppercase;
  color:var(--k);margin:clamp(38px,5vw,58px) 0 16px;padding-top:20px;
  border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
h3{font-size:.98rem;font-weight:500;margin:26px 0 8px;color:var(--bone)}
p{margin:0 0 1.05em;color:var(--bone-2);max-width:66ch}
p.addr{font-family:var(--fm);font-size:.86rem;line-height:1.9;letter-spacing:.04em;color:var(--bone)}
ul{margin:0 0 1.05em;padding-left:1.1em;color:var(--bone-2);max-width:66ch}
li{margin-bottom:.35em}
strong{color:var(--bone);font-weight:500}
.todo{display:block;border:1px dashed rgba(255,217,176,.35);background:rgba(255,217,176,.05);
  padding:14px 16px;margin:0 0 1.2em;color:var(--k);
  font:400 .84rem/1.6 var(--fm);letter-spacing:.03em;max-width:66ch}
.todo b{display:block;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  font-size:.7rem;margin-bottom:6px}
.foot{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:12px 26px;
  padding:24px var(--gut) 40px;border-top:1px solid var(--line-2);
  font:400 10px/1.6 var(--fm);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.foot a{color:var(--muted);border:0}
.foot a:hover{color:var(--bone)}
.foot span:last-child{margin-left:auto}
@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}
/* WordPress-Inhalte: Absätze im Editor erzeugen keine Klassen */
.wrap .wp-block-list{padding-left:1.1em}