/* Gemeinsames Layout für Impressum und Datenschutz */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins-latin-600-normal.woff2') format('woff2'); }

:root { --alge: #3A3D0C; --weiss: #FFFFFF; --kalk: #EAE2D5; --gutter: 40px; }
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', Arial, sans-serif; color: var(--alge); background: var(--weiss); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: var(--alge); }
.container { max-width: calc(820px + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }

.site-header .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 6px; padding-bottom: 6px; max-width: calc(1180px + 2 * var(--gutter)); }
.site-header { background: var(--alge); color: var(--weiss); }
.site-header a, .site-header .back { color: var(--weiss); }
.site-header a { text-decoration: none; }
.signet { height: 70px; width: auto; display: block; }
.signet-fallback { display: none; font-size: 24px; font-weight: 600; }
.signet-fallback small { font-size: 13px; font-weight: 500; margin-left: 8px; }
.back { font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.back:hover { text-decoration: underline; }

main { background: var(--kalk); padding: 64px 0 80px; }
h1 { font-size: 36px; font-weight: 600; line-height: 1.25; margin-bottom: 32px; }
h2 { font-size: 21px; font-weight: 600; line-height: 1.3; margin: 36px 0 10px; }
h3 { font-size: 17px; font-weight: 600; margin: 22px 0 6px; }
p, li { font-size: 16px; }
p + p { margin-top: 12px; }
ul { padding-left: 22px; margin-top: 8px; }
li + li { margin-top: 4px; }
.stand { margin-top: 40px; font-size: 14px; }

.site-footer { background: var(--alge); color: var(--weiss); padding: 40px 0; font-size: 13px; }
.site-footer .container { max-width: calc(1180px + 2 * var(--gutter)); }
.site-footer a { color: var(--weiss); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

@media (max-width: 860px) {
    :root { --gutter: 20px; }
    .signet { height: 52px; }
    main { padding: 40px 0 56px; }
    h1 { font-size: 28px; }
    h2 { font-size: 19px; }
}