/* Fußzeile von PAUSE, angelehnt an lebensleicht-akademie.de: Petrol, goldene Rubriken, ruhige Links. */
.pf { background: #012623; border-top: 1px solid rgba(169, 180, 158, .22); color: #A9B49E; font: 400 15px/1.6 "DM Sans", -apple-system, system-ui, sans-serif; margin-top: 40px; }
.pf-in { max-width: 1100px; margin: 0 auto; padding: 52px 24px 0; }
.pf-cols { display: grid; grid-template-columns: 1.5fr 1fr 1.3fr 1fr; gap: 36px 32px; padding-bottom: 44px; }
.pf h2 { margin: 0 0 16px; font: 500 11.5px/1.4 "DM Sans", -apple-system, system-ui, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #D9C48D; }
.pf p { margin: 0 0 10px; }
.pf a { display: block; width: fit-content; color: #DDE2D6; text-decoration: none; padding: 4px 0; }
.pf a:hover { color: #fff; }
.pf a:focus-visible { outline: 2px solid #D9C48D; outline-offset: 3px; }
.pf .pf-gold { color: #D9C48D; border-bottom: 1px solid rgba(217, 196, 141, .4); padding: 0 0 2px; margin-top: 14px; }
.pf-mark { display: block; color: #FAF8F4; margin-bottom: 14px; }
.pf-mark svg { display: block; height: 30px; width: auto; }
.pf-brand p { max-width: 26ch; }
.pf-end { border-top: 1px solid rgba(169, 180, 158, .22); padding: 22px 0 max(26px, env(safe-area-inset-bottom)); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 28px; font-size: 13.5px; }
.pf-end nav { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.pf-end a { color: #A9B49E; }
.pf-end p { margin: 0; }
@media (max-width: 860px) { .pf-cols { grid-template-columns: 1fr 1.5fr 1fr; } .pf-brand { grid-column: 1 / -1; } }
@media (max-width: 600px) { .pf-cols { grid-template-columns: 1fr 1fr; } .pf-contact { grid-column: 1 / -1; order: 3; } }
/* In der App steht das Menü auf dem Handy schon unten, die Spalte wäre doppelt. */
@media (max-width: 720px) { .pf--app .pf-nav { display: none; } }
@media (max-width: 480px) { .pf-in { padding: 40px 20px 0; } .pf-cols { gap: 30px 20px; } }