/*
 * Celler Garnison-Museum – Datenschutz
 * Minimaler Zusatz zum vorhandenen Impressum-Layout.
 */

body.cgm-datenschutz-page .cgm-privacy-intro {
    max-width: 820px;
    margin: 0 0 36px;
}
body.cgm-datenschutz-page .cgm-privacy-intro p { margin: 0; }

body.cgm-datenschutz-page .cgm-impressum-content .cgm-privacy-intro + strong {
    display: block;
    max-width: 820px;
    margin: 0;
    padding: 22px 24px 8px;
    box-sizing: border-box;
    border-left: 4px solid #b49a62;
    background: #e8e3d8;
    color: #0b2c45;
    font-family: "Caudex", serif;
    font-size: 22px;
    line-height: 1.2;
}

body.cgm-datenschutz-page .cgm-privacy-toc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    max-width: 820px;
    margin: 0 0 58px;
    padding: 8px 24px 22px;
    box-sizing: border-box;
    border-left: 4px solid #b49a62;
    background: #e8e3d8;
}
body.cgm-datenschutz-page .cgm-privacy-toc-links a {
    color: #0b2c45;
    font-weight: 700;
    text-decoration-color: #b49a62;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
body.cgm-datenschutz-page .cgm-privacy-toc-links a:hover,
body.cgm-datenschutz-page .cgm-privacy-toc-links a:focus { color: #8d7136; }

body.cgm-datenschutz-page .cgm-privacy-heading {
    max-width: 820px;
    margin: 58px 0 20px;
    padding-top: 50px;
    border-top: 1px solid rgba(16,47,72,.16);
    scroll-margin-top: 32px;
}
body.cgm-datenschutz-page .cgm-privacy-toc-links + .cgm-privacy-heading {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
body.cgm-datenschutz-page .cgm-privacy-number {
    display: block;
    margin: 0 0 7px;
    color: #b49a62;
    font-family: "Hind", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.2;
}
body.cgm-datenschutz-page .cgm-privacy-heading h2 {
    margin: 0;
    color: #0b2c45;
    font-family: "Caudex", serif;
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 700;
    letter-spacing: -.018em;
    line-height: 1.12;
}
body.cgm-datenschutz-page .cgm-privacy-body {
    max-width: 820px;
}
body.cgm-datenschutz-page .cgm-privacy-body p {
    margin: 0 0 22px;
}
body.cgm-datenschutz-page .cgm-privacy-body p:last-child { margin-bottom: 0; }
body.cgm-datenschutz-page .cgm-privacy-body ul,
body.cgm-datenschutz-page .cgm-privacy-body ol {
    margin: 0 0 22px;
    padding-left: 1.35em;
}
body.cgm-datenschutz-page .cgm-privacy-body li { margin: 0 0 7px; }
body.cgm-datenschutz-page .cgm-privacy-body li::marker { color: #b49a62; }
body.cgm-datenschutz-page .cgm-privacy-body strong {
    color: #0b2c45;
    font-weight: 700;
}
body.cgm-datenschutz-page .cgm-privacy-body a {
    color: #0b2c45;
    font-weight: 700;
    text-decoration-color: #b49a62;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
body.cgm-datenschutz-page .cgm-privacy-body a:hover,
body.cgm-datenschutz-page .cgm-privacy-body a:focus { color: #8d7136; }

@media screen and (max-width: 720px) {
    body.cgm-datenschutz-page .cgm-privacy-intro { margin-bottom: 30px; }
    body.cgm-datenschutz-page .cgm-impressum-content .cgm-privacy-intro + strong {
        padding: 18px 18px 7px;
        font-size: 20px;
    }
    body.cgm-datenschutz-page .cgm-privacy-toc-links {
        display: block;
        margin-bottom: 44px;
        padding: 7px 18px 18px;
    }
    body.cgm-datenschutz-page .cgm-privacy-toc-links a {
        display: block;
        padding: 4px 0;
    }
    body.cgm-datenschutz-page .cgm-privacy-heading {
        margin-top: 42px;
        padding-top: 38px;
    }
    body.cgm-datenschutz-page .cgm-privacy-heading h2 {
        font-size: clamp(29px, 9vw, 38px);
    }
}