:root{
    /*--mp-debug-border: 8px solid goldenrod;*/
    --mp-debug-border: none;
    --mp-default-line-hight: 1.5;

    --mp-color-main1: #dedacb;
    --mp-color-main2: #F7F7F7;
    --mp-color-accent1:#4F5D75;
    --mp-color-accent2:#2D3142;
    --mp-color-accent3:#EF8354;

    --mp-color-main1-text: #000000;
    --mp-color-main2-text: #000000;
    --mp-color-accent1-text:#F7F7F7;
    --mp-color-accent2-text:#F7F7F7;
    --mp-color-accent3-text:#000000;

    --mp-margin-none:0;
    --mp-margin-small:0.5rem;
    --mp-margin-medium:0.81rem;
    --mp-margin-big:1.31rem;
    
    
    --mp-shadow-big-right:1rem 0 3rem 0 rgba(0,0,0,0.3);
}

body.root-layout-body
{
    border: 8px solid red;
}

body.root-layout-client-body
{
    /*border: 8px solid green;*/
}

body.root-layout-default-body
{
    /*border: 8px solid blue;*/
}

body.root-layout-account-body
{
    /*border: 8px solid yellow;*/
}

body.root-layout-admin-body
{
    border: 8px solid orchid;
}


/* left-center-right ausrichtung*/
.lcr{
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: fit-content(0px) fit-content(0px)  fit-content(0px) 1fr fit-content(0px) fit-content(0px) fit-content(0px);;
    grid-template-rows: auto;
    grid-template-areas: "lcr1 lcr2 lcr3 lcr4 lcr5 lcr6 lcr7";
    box-sizing: border-box;
}

.lcr-lll {
    grid-area: lcr1;
    display: block;
}

.lcr-ll {
    grid-area: lcr2;
    display: block;
}

.lcr-l {
    grid-area: lcr3;
    display: block;
}

.lcr-c {
    grid-area: lcr4;
    display: block;
}

.lcr-r {
    grid-area: lcr5;
    display: block;
}

.lcr-rr {
    grid-area: lcr6;
    display: block;
}

.lcr-rrr {
    grid-area: lcr7;
    display: block;
}







/* top-center-bottom ausrichtung*/

.tcb{
    height: 100%;
    display: grid;
    padding: 0;
    margin: 0;
    grid-template-columns: auto;
    grid-template-rows: fit-content(0px) fit-content(0px)  fit-content(0px) 1fr fit-content(0px) fit-content(0px) fit-content(0px);
    grid-template-areas: 
            "tcb1"
            "tcb2" 
            "tcb3" 
            "tcb4"
            "tcb5"
            "tcb6"
            "tcb7";
    box-sizing: border-box;
}

.tcb-ttt {
    grid-area: tcb1;
    display: block;
}

.tcb-tt {
    grid-area: tcb2;
    display: block;
}

.tcb-t {
    grid-area: tcb3;
    display: block;
}

.tcb-c {
    grid-area: tcb4;
    display: block;
}

.tcb-b {
    grid-area: tcb5;
    display: block;
}

.tcb-bb {
    grid-area: tcb6;
    display: block;
}

.tcb-bbb {
    grid-area: tcb7;
    display: block;
}