*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:#f6efe0 radial-gradient(ellipse at center,#f8f2e4 0%,#efe3c8 100%);color:#2a1f14;font-family:"EB Garamond",Georgia,serif;text-align:center;display:flex;flex-direction:column}
main{flex:1;max-width:760px;margin:0 auto;padding:16px 18px 24px;width:100%}
img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 2px 14px rgba(60,40,15,.25)}
h1{font-family:"Grenze Gotisch",Georgia,serif;font-weight:700;font-size:clamp(2.6rem,11vw,4.4rem);margin:.4em 0 .05em;line-height:1;color:#1f150c}
.tm{font-family:Georgia,serif;font-size:.3em;vertical-align:super;font-weight:400}
.motto{letter-spacing:.18em;font-weight:600;color:#7a1a14;margin:.6em 0 0;font-size:clamp(.95rem,3.8vw,1.15rem)}
.tr{font-style:italic;margin:.2em 0 0;font-size:.95rem;color:#5a4630}
.rule{color:#7a1a14;font-size:1.4rem;margin:.6em 0}
.lead{font-size:clamp(1.25rem,5vw,1.5rem);margin:0 0 1.1em;line-height:1.35}
.btn{display:inline-block;background:#7a1a14;color:#fbf6ea;text-decoration:none;padding:14px 26px;border-radius:4px;font-size:1.1rem;font-weight:600;border:1px solid #4e0f0b;min-height:48px}
.btn:hover,.btn:focus{background:#5e130f}
.contact{margin-top:1.4em;font-size:1.05rem}.contact a{color:#1f4d2b}
footer{font-size:.85rem;color:#6b5a44;padding:12px 0 calc(12px + env(safe-area-inset-bottom))}