/* Shared scroll background for the website and its applications.
   Load after the application stylesheet. The image lives on the main domain. */
:root{
    --site-bg:#f5f3ee;
    --internal-bg:#f5f3ee;
    --mail-bg:#f5f3ee;
    --scroll-paper-image:url('https://www.arge-preussen.de/shared/assets/sidebar-paper.jpg');
}

html{
    overscroll-behavior-y:none;
    background-color:var(--site-bg);
}

body{
    min-height:100vh;
    background-color:var(--site-bg);
}

.site-layout,
.internal-layout,
.mailservice-layout{
    isolation:isolate;
}

.site-layout::before,
.internal-layout::before,
.mailservice-layout::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-color:var(--site-bg);
    background-image:
        linear-gradient(rgba(245,243,238,.54), rgba(245,243,238,.54)),
        var(--scroll-paper-image);
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    transform:translateZ(0);
}

.site-content,
.internal-content,
.mailservice-content{
    background:transparent !important;
    background-attachment:scroll !important;
}