/* Ergänzungen der Website und Anmeldeseite zur gemeinsamen Gestaltung (app.css). */
main.start { max-width: 880px; margin: 0 auto; padding: 16px; }
main.start .kopf { display: flex; align-items: center; gap: 10px; padding: 6px 4px 18px; color: #fff; }
main.start .kopf b { font-size: 18px; }
main.start h1 { font-size: clamp(26px, 5vw, 38px); line-height: 1.15; margin: 4px 0 10px; }
p.gross { font-size: 17px; }
button.gross { padding: 10px 18px; font-size: 16px; }
.punkte { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; margin-top: 22px; }
.punkt h3 { margin: 0 0 4px; font-size: 15px; }
.punkt p { margin: 0; font-size: 14px; }
button.abstand { margin-top: 10px; }
.laufwerk { padding: 8px 0; border-bottom: 1px solid var(--line); }
img.bau { display: block; width: 100%; border-radius: 10px; background: #0b1220; aspect-ratio: 16 / 10; }
.center-text { text-align: center; }
main.start .row { flex-wrap: wrap; margin-top: 14px; }
main.start .row button { width: auto; }
a:has(> button) { text-decoration: none; }
a > button { color: var(--text); }
a > button.primary { color: var(--accent-text); }
p.adresse { margin: 6px 0 2px; font-weight: 600; word-break: break-all; }