/* falls javascript nicht eingeschalten ist */

@media (min-device-width: 800px) {
    :root {
        --star-size: 20px;
        --star-color: #fff;
        --star-background: orange;

        --body-min-width:  999px;
        --body-width:     999px;
        --body-max-width: 2000px;

        --table-main:      999px;
        --table-main-max: 1399px;
     
        --sans-serif: Helvetica Neue,Helvetica,Tahoma,Arial,Verdana,sans-serif;
        --serifen: Courier,Kettler,Memphis,Rockwell,Times New Roman,serif;
        --monospace: Anonymous,Bitstream Vera Sans Mono,CamingoCode,Cousine,Droid Sans Mono,monospace;
        --cursive: Comic Sans MS,Comic Sans,Post-Antiqua,Time Script,cursive;
     
        --gefundeneKontenReihe-Padding:       8px;
        --gefundeneKontenReihe-PaddingSmall:  4px;
        --gefundeneKontenReihe-Radius:        8px;

        /*  NEUER TEIL  */

        --toplink-hight : 24px;
        --dim-all       : 100%;
        --dim-left      : 280px;
        --dim-right     : 120px;
        --dim-main      : CALC( var(--dim-all) - var(--dim-left) - var(--dim-right));
        --dim-header    : 120px;
        --col-header    : #ffffff;
        --col-main      : #f5f2ef;
        --col-right     : #e0d6cb;

        --small-border-y: 5px;
        --small-border-x: 10px;
        --debug-top: 5px;
        --debug-right: 10px;
        --debug-width: 290px;
        --debug-width-max: 490px;

    }
}

/* ----------------------

    DEBUG

-------------------------*/

div.debug {
    position: absolute;
    top: VAR(--debug-top);
    right: VAR(--debug-right);
    height: CALC(100% - VAR(--small-border-y));
    width: VAR(--debug-width);
    max-width: VAR(--debug-width-max);
    border: 1px solid #ddd;
    background-color: LightGoldenrodYellow;
    font-size: 0.9rem;
}

span.debug, pre.debug {
    font-size: 0.9rem;
    width: 490px;
}


pre#debug{
    position: absolute;
    text-align: left;
    background-color: #FFF;
    border: 1px solid #ddd;
    font-size: 0.85em;
    top:  0;
    bottom: 0;
    right: 0;
    width: CALC( VAR(--debug-width) - 15px);
    height:  calc(100% - 25px);
    z-index: 200;
    overflow-y: auto;
}