@font-face{font-family:"Crimson Pro";src:url("schriften/CrimsonPro-VF.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url("schriften/CrimsonPro-Italic-VF.ttf") format("truetype");font-weight:200 900;font-style:italic;font-display:swap}
:root{
  --grund:#efeae0; --karte:#fbf8f1; --tinte:#22201c; --leise:#6b655b; --linie:#d8d0c0; --akzent:#7a2e1f;
  --schatten:0 1px 2px rgba(40,30,15,.08),0 12px 32px rgba(40,30,15,.12);
}
@media (prefers-color-scheme:dark){:root{
  --grund:#16140f; --karte:#211e18; --tinte:#ece6d9; --leise:#a59d8e; --linie:#3a352b; --akzent:#d9876f;
  --schatten:0 1px 2px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.5);
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--grund);color:var(--tinte);font-family:"Crimson Pro",Georgia,"Times New Roman",serif;font-size:19px;line-height:1.45;
  padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px))}
.karte{width:100%;max-width:560px;background:var(--karte);border:1px solid var(--linie);border-radius:6px;box-shadow:var(--schatten);
  padding:32px 32px 28px;display:grid;grid-template-columns:168px 1fr;gap:8px 28px;align-items:center}
.foto{grid-row:span 3;width:168px;height:224px;border-radius:4px;object-fit:cover;object-position:50% 0;border:1px solid var(--linie);background:var(--linie)}
h1{margin:0;align-self:end;font-weight:500;font-size:34px;line-height:1.1;letter-spacing:.01em}
.zeile{margin:4px 0 0;color:var(--leise);font-style:italic}
.satz{margin:0;align-self:start;font-size:18px;line-height:1.35;text-wrap:pretty}
.interessen{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;font-variant:small-caps;letter-spacing:.06em;font-size:18px}
.interessen li+li::before{content:"·";margin:0 .6em;color:var(--akzent)}
.kontakt{grid-column:1/-1;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--linie);display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;font-size:17px}
a{color:var(--akzent);text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:2px}
footer{margin-top:18px;font-size:15px;color:var(--leise)}
footer a{color:var(--leise)}
@media (max-width:480px){
  .karte{grid-template-columns:112px 1fr;gap:6px 18px;padding:22px 18px 18px}
  .foto{width:112px;height:150px}
  .satz{font-size:16px}
  h1{font-size:26px}
  .kontakt{font-size:16px}
}
/* Impressum */
.text{width:100%;max-width:640px;background:var(--karte);border:1px solid var(--linie);border-radius:6px;box-shadow:var(--schatten);padding:28px 28px 22px}
.text h1{font-size:30px;margin-bottom:12px}
.text h2{font-size:20px;font-weight:600;margin:20px 0 4px}
.text p{margin:0 0 8px}