:root{
    /*Allgemein*/
    --textConstant: 2.5;
    
    /*Wrapper4-Groessen*/
	--wrapper4Height: 60vh;
    --wrapper4Width: calc(60vw - var(--scrollbarWidth));
    --wrapper4Border: 0px;
    
    --wrapper5Width: calc(100vw - var(--wrapper4Width) - var(--scrollbarWidth))
}

/* ### Reinscroll Content (Wrapper3) ### */

#id_wrapper3 {
    width: calc(100vw - var(--scrollbarWidth));
    height: 105vh;
    margin-top: 100vh;
    z-index: 2;
    position: absolute;
    opacity: 1;
    background-image: url("/Bilder_avif/papier.avif");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#id_wrapper4 {
    width: calc(var(--wrapper4Width) - 2 * var(--wrapper4Border));
    height: calc(var(--wrapper4Height) - 2 * var(--wrapper4Border));
    margin-top: 5vh;
    float: left;
    border: var(--wrapper4Border) rgba(118, 166, 217, 0.05) groove;
    position: absolute;
}

#id_wrapper5 {
    height: var(--wrapper4Height);
    width: var(--wrapper5Width);
    margin-top: 5vh;
    float: right;
    background-color: rgba(118, 166, 217, 0);
    overflow: hidden;
}

#id_wrapper6 {
    height: calc(100vh - var(--wrapper4Height));
    width: calc(100vw - var(--scrollbarWidth));
    margin-top: calc(var(--wrapper4Height) + 5vh);
    background-image: url("/Bilder_avif/holzbalken.avif");
    background background-repeat: repeat-x;
    background-size: auto 100%;
    position: relative;
    overflow: hidden;
}