/* Sportwirkung – gemeinsame Gestaltung aller Seiten (CI: Gold auf Schwarz) */
@font-face{font-family:"Cinzel";src:url(cinzel-bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(sourcesans3.ttf) format("truetype");font-weight:400;font-display:swap}
:root{color-scheme:dark;--schwarz:#0B0B0B;--gold:#C9A54C;--champ:#E8D9AE;--text:#F2EAD3;--grau:#C9C0A8;--linie:#3A352B}
*{box-sizing:border-box}
html,body{margin:0;background:var(--schwarz);color:var(--text);font:18px/1.6 "Source Sans 3",Verdana,sans-serif}
a{color:var(--gold)}
a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.rand{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
/* Startseite (Baustelle) */
main.start{min-height:100vh;display:grid;place-items:center;text-align:center;padding-block:48px}
.inhalt{max-width:640px;display:grid;gap:22px;justify-items:center}
img.siegel{width:min(260px,62vw);height:auto}
h1{font-family:"Cinzel",Georgia,serif;font-weight:700;color:var(--gold);letter-spacing:.18em;font-size:clamp(1.8rem,6vw,2.8rem);margin:0}
.unter{letter-spacing:.3em;font-size:.85rem;color:var(--champ);text-transform:uppercase;margin:-10px 0 0}
.schild{border:2px solid var(--gold);padding:18px 26px;display:grid;gap:6px}
.schild b{font-family:"Cinzel",Georgia,serif;color:var(--gold);font-size:1.25rem;letter-spacing:.08em}
.schild span{color:var(--grau)}
.claim{font-family:"Cinzel",Georgia,serif;color:var(--gold);font-size:1.35rem;margin:0}
.kontakt{color:var(--grau);margin:0}
/* Rechtstexte */
header.kopf{border-bottom:1px solid var(--linie);padding-block:14px}
header.kopf a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:"Cinzel",Georgia,serif;color:var(--gold);letter-spacing:.18em;font-size:1.15rem}
header.kopf img{width:44px;height:44px}
main.text{max-width:780px;margin:0 auto;padding-block:40px 64px}
main.text h1{font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:.08em;margin-bottom:24px}
main.text h2{font-family:"Cinzel",Georgia,serif;color:var(--gold);font-size:1.15rem;letter-spacing:.06em;margin:32px 0 8px}
main.text p,main.text li{color:var(--text)}
main.text ul{padding-left:22px}
.hinweis{color:var(--grau);font-size:.9rem}
/* Fuß */
footer.fuss{border-top:1px solid var(--linie);padding-block:22px;text-align:center;color:var(--grau);font-size:.9rem}
footer.fuss nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
footer.fuss a{color:var(--grau)}
footer.fuss a:hover{color:var(--gold)}

/* Handy: lange Wörter umbrechen */
main.text h1,main.text h2,main.text p,main.text li{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:480px){main.text h1{font-size:1.45rem;letter-spacing:.04em}html,body{font-size:17px}}
a[href^="tel:"]{white-space:nowrap}