:root { --rot: #c0392b; --dunkel: #0e0e10; --hell: #f5f5f7; --grau: #c9c9cf; --linie: #2a2a30; }
* { box-sizing: border-box; }
body { font-family: -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
       margin: 0; background: var(--dunkel); color: var(--hell); line-height: 1.6; }
a { color: var(--grau); }
a:hover { color: var(--hell); }

header { max-width: 760px; margin: 0 auto; padding: 1.2rem 1rem 0; }
header a { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none;
           color: var(--hell); font-weight: 600; }
header img { width: 44px; height: 44px; }
header .rot { color: var(--rot); }

main { max-width: 760px; margin: 0 auto; padding: 1.5rem 1rem 2rem; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
.stand { color: #8a8a92; font-size: .9rem; }
.hinweis { background: #2b2113; border-left: 4px solid #e67e22; color: #f0dcc0;
           padding: .75rem 1rem; font-size: .92rem; }
code { background: #1d1d22; padding: .1rem .3rem; border-radius: 3px; }

footer { border-top: 1px solid var(--linie); padding: 1.2rem 1rem 2rem; text-align: center;
         font-size: .9rem; }
footer a { text-decoration: none; margin: 0 .8rem; }
footer a:hover { text-decoration: underline; }

/* Startseite */
.start main { text-align: center; padding-top: 3rem; }
.start .logo { width: 200px; max-width: 60vw; height: auto; margin-bottom: 1rem; }
.start h1 { font-size: 2.2rem; margin: 0 0 .5rem; }
.start h1 span { color: var(--rot); }
.start .claim { font-size: 1.15rem; color: var(--grau); margin-bottom: 2.5rem; }
.start .bald { display: inline-block; border: 1px solid var(--rot); color: var(--hell);
               border-radius: 999px; padding: .4rem 1.2rem; font-size: .95rem;
               margin-bottom: 3rem; }
.start .disclaimer { font-size: .85rem; color: #8a8a92; max-width: 620px; margin: 0 auto 3rem; }