/* ================================================
   Textseite — shared layout for Impressum, Datenschutz etc.
   Requires: base.css
   ================================================ */

.textseite {
    max-width: var(--max);
    margin: 0 auto;
    padding: 6vh 2rem 10vh;
}

.textseite h1 {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: clamp(1.3rem, 3vw, 1.8rem);
    color: var(--text);
    margin-bottom: 3vh;
}

.textseite h2 {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    color: var(--text);
    margin-top: 2.8rem;
    margin-bottom: 0.8rem;
}

.textseite h3 {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--text);
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
}

.textseite p {
    font-size: 0.95rem;
    line-height: 1.85;
    color: var(--text);
    margin-bottom: 1rem;
}

.textseite a {
    color: var(--accent);
    text-decoration: none;
}

.textseite a:hover {
    text-decoration: underline;
}

.textseite ul {
    padding-left: 1.4rem;
    margin-bottom: 1rem;
}

.textseite ul li {
    font-size: 0.95rem;
    line-height: 1.85;
    color: var(--text);
    margin-bottom: 0.3rem;
}

/* ── Kontakt-spezifisch ── */
.kontakt__block {
    margin-bottom: 2.4rem;
}

.kontakt__block p {
    margin-bottom: 0.3rem;
}

.kontakt__label {
    font-size: 0.7rem;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 0.8rem;
    display: block;
}

.textseite .kontakt__termin {
    display: inline-block;
    margin-top: 2rem;
    background: var(--accent);
    color: #fff;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 400;
    padding: 0.65rem 1.6rem;
    border-radius: 999px;
    letter-spacing: 0.04em;
    transition: background 0.25s;
}

.textseite .kontakt__termin:hover {
    background: #1f5a7d;
    text-decoration: none;
}