:root {
    --text: #1f2a24;
    --leise: #5b6660;
    --akzent: #8a5a2b;
    --grund: #f6f3ee;
    --flaeche: #ffffff;
    --linie: #e2ddd4;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--grund);
    color: var(--text);
    font: 17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
}

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

/* Pflichthinweis B2B – immer sichtbar oben */
.hinweisleiste {
    padding: 6px 16px;
    background: var(--text);
    color: var(--grund);
    font-size: .85rem;
    text-align: center;
}

.kopf, .inhalt, .fuss {
    width: 100%;
    max-width: 52rem;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

.kopf { padding-top: 20px; padding-bottom: 8px; }

.marke {
    color: var(--text);
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: -.02em;
    text-decoration: none;
}

.marke span, .ankuendigung h1 span { color: var(--akzent); }

.inhalt { flex: 1; padding-top: 24px; padding-bottom: 48px; }

.ankuendigung { max-width: 34rem; padding-top: 8vh; }
.ankuendigung h1 { margin: 0 0 .25em; font-size: clamp(1.8rem, 6vw, 2.6rem); letter-spacing: -.02em; }

.textseite { max-width: 40rem; }
.textseite h1 { font-size: 1.9rem; letter-spacing: -.01em; }
.textseite h2 { margin-top: 1.8em; font-size: 1.15rem; }

.leise { color: var(--leise); font-size: .95rem; }

.fuss {
    padding-top: 20px;
    padding-bottom: 28px;
    border-top: 1px solid var(--linie);
    color: var(--leise);
    font-size: .85rem;
}

.fuss p { margin: 0 0 .6em; }
.fuss nav a { margin-right: 1.2em; }