:root {
    /* WoltLab / Pflege-Wissen Grundfarben */
    --pf-header-bg: #325C84;
    --pf-header-bg-active: #24425F;

    --pf-page-bg: #ECEFF1;
    --pf-page-muted: #AAAAAA;

    --pf-container-bg: #FFFFFF;
    --pf-container-border: #E3E3E3;

    --pf-footer-bg: #3A6D9C;
    --pf-footer-text: #CED2D4;
    --pf-footer-link: #FFFFFF;

    --pf-copyright-bg: #325C84;
    --pf-copyright-text: #D9DCDE;
    --pf-copyright-link: #D9DCDE;
    --pf-copyright-link-active: #FFFFFF;

    /* Text */
    --pf-text: #333333;
    --pf-text-soft: #555555;
    --pf-text-muted: #777777;

    /* Statusfarben für Bereiche */
    --pf-status-blue-bg: #D9EDF7;
    --pf-status-blue-border: #BCDFF1;
    --pf-status-blue-text: #31708F;

    --pf-status-green-bg: #DFF0D8;
    --pf-status-green-border: #D0E9C6;
    --pf-status-green-text: #3C763D;

    --pf-status-yellow-bg: #FCF8E3;
    --pf-status-yellow-border: #FAF2CC;
    --pf-status-yellow-text: #8A6D3B;

    --pf-status-red-bg: #F2DEDE;
    --pf-status-red-border: #EBCCCC;
    --pf-status-red-text: #A94442;

    /* Eigene Orange-Ergänzung für Downloads */
    --pf-status-orange-bg: #FDE8D8;
    --pf-status-orange-border: #F8C9A8;
    --pf-status-orange-text: #B85C1C;

    /* Bereichsfarben */
	--pf-area-article: #31708F;
	--pf-area-library: #3C763D;
	--pf-area-forum: #8A6D3B;     
	--pf-area-downloads: #B85C1C;
	--pf-area-tools: #31708F;

    --pf-radius: 4px;
    --pf-container: 1380px;
    --pf-shadow: none;
}

* {
    box-sizing: border-box;
}

html {
    background: var(--pf-page-bg);
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--pf-page-bg);
    color: var(--pf-text);
    line-height: 1.55;
}

a {
    color: inherit;
    text-decoration: none;
}

.pf-container {
    width: min(var(--pf-container), calc(100% - 64px));
    margin-inline: auto;
}

.pf-icon-blue { color: var(--pf-area-article); }
.pf-icon-green { color: var(--pf-area-library); }
.pf-icon-purple { color: var(--pf-area-forum); }
.pf-icon-orange { color: var(--pf-area-downloads); }
.pf-icon-cyan { color: var(--pf-area-tools); }

@media (max-width: 760px) {
    .pf-container {
        width: min(100% - 32px, var(--pf-container));
    }
}