/* SR-Horse-Training – eine weiße Seite, alles mittig. Nur Systemschriften, kein JS. */
:root{--ink:#111;--muted:#6b6b6b;--red:#d7262e;--line:#e6e6e6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font:1.05rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--ink)}
a:hover{color:var(--red)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px}
.logo{width:200px;height:auto}
h1{font-size:1.6rem;font-weight:700;letter-spacing:.01em;margin:20px 0 28px}
footer{text-align:center;font-size:.85rem;color:var(--muted);padding:20px 16px}
footer a{color:var(--muted);margin:0 8px;white-space:nowrap}
.page{max-width:640px;margin:0 auto;text-align:left;justify-content:flex-start;align-items:stretch}
.page .back{display:block;text-align:center;margin-bottom:24px}
.page .back img{width:64px;height:auto}
.page h1{margin:0 0 20px;text-align:center}
.page h2{font-size:1.1rem;margin:28px 0 6px}
.mail,.social{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}
.social{margin-top:32px}
.mail a,.social a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600}
.ico{width:20px;height:20px;flex:none;color:var(--red)}
a:hover .ico{color:var(--ink)}
/* Großer, sehr heller Stern im Hintergrund, am Rand angeschnitten */
body{position:relative;overflow-x:hidden}
.bg-star{position:fixed;right:-38vmin;bottom:-42vmin;width:135vmin;height:135vmin;background:url(/star-bg.svg) no-repeat center/contain;opacity:.03;pointer-events:none;z-index:-1}