:root{--gold:#a8874f;--tinte:#2b2620;--grau:#6b645b;--grund:#fbf9f5}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;hyphens:none}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--grund);color:var(--tinte);font-family:"Cormorant Garamond","Didot","Bodoni 72",Georgia,"Times New Roman",serif;text-align:center}
.karte{margin:auto 0;max-width:34rem;padding:3rem 1.5rem;animation:auf 1.4s ease-out both}
.ort{font-family:"Helvetica Neue",Arial,sans-serif;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.marke{margin-top:1.4rem;font-size:2.6rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.linie{display:block;width:3.5rem;height:1px;margin:1.6rem auto;background:var(--gold)}
h1{font-size:1.65rem;font-weight:400;line-height:1.3}
.text{margin-top:1rem;font-size:1.15rem;line-height:1.6;color:var(--grau)}
.knopf{display:inline-block;margin-top:2.2rem;padding:.95rem 2rem;border:1px solid var(--gold);color:var(--tinte);font-family:"Helvetica Neue",Arial,sans-serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.knopf:hover,.knopf:focus-visible{background:var(--gold);color:#fff}
footer{padding-top:2rem;font-family:"Helvetica Neue",Arial,sans-serif;font-size:.72rem;letter-spacing:.08em;color:var(--grau)}
footer a{color:var(--grau);text-decoration:none;margin:0 .4rem}
footer a:hover{color:var(--gold)}
@keyframes auf{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.karte{animation:none}}