/*
 * GERÜST, KEIN DESIGN – wie app/app.css.
 * Farbwerte aus assets/styles.css der Landingpage. Codex darf ersetzen.
 */

:root {
    --bg:      #090b0d;
    --surface: #11161b;
    --yellow:  #ffc400;
    --text:    #f4f3ee;
    --muted:   #a9afb7;
    --line:    rgba(255, 255, 255, .12);
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.75;
}

.blatt { max-width: 820px; margin: 0 auto; padding: 40px 24px 90px; }

a { color: var(--yellow); }

.zurueck { display: inline-block; margin-bottom: 26px; font-size: 13px; }

h1 { margin: 0 0 6px; font-size: 30px; letter-spacing: -.03em; }
.unter { margin: 0 0 34px; color: var(--muted); font-size: 14px; }

h2 {
    margin: 38px 0 12px;
    padding-top: 26px;
    border-top: 1px solid var(--line);
    font-size: 19px;
    color: var(--yellow);
}
h2:first-of-type { border-top: 0; padding-top: 0; }
h3 { margin: 24px 0 8px; font-size: 15px; }

p, li { color: #b9bfc4; font-size: 15px; }
strong { color: var(--text); }

ul, ol { padding-left: 22px; }
li { margin-bottom: 6px; }

.block {
    margin: 14px 0;
    padding: 16px 20px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
}
.block p { margin: 0 0 4px; }

table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; }
th, td { padding: 10px 12px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
th { background: var(--surface); color: var(--text); font-size: 13px; }

.pruefen {
    margin: 0 0 30px;
    padding: 16px 20px;
    border: 1px solid rgba(255, 196, 0, .45);
    border-radius: 10px;
    background: rgba(255, 196, 0, .07);
}
.pruefen p { color: var(--text); margin: 0; font-size: 14px; }

.stand { margin-top: 40px; color: var(--muted); font-size: 13px; }

.weiter { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 14px; }