:root {
    --w6_textBoxHeightPercentage: 0.8;
    --w6_textBoxHeight: calc((100vh - var(--wrapper4Height)) * var(--w6_textBoxHeightPercentage));
    --w6_textBoxWidth: calc(100vw - var(--scrollbarWidth));
    
    --w6_nameHeightPercentage: 0.15;
    --w6_nameHeight: calc(var(--w6_textBoxHeight) * var(--w6_nameHeightPercentage));
    
    --w6_DatenWidthPercentage: 0.4;
    --w6_DatenSpacePercentage: 0.2;
    
    --w6_fontSize: min(calc((var(--w6_textBoxHeight) - var(--w6_nameHeight)) / 4), var(--w6_nameHeight));
    --w6_fontFamily: Brush Script MT;
}

#id_infoTextBox {
    height: var(--w6_textBoxHeight);
    width: var(--w6_textBoxWidth);
    margin-top: calc((100vh - var(--wrapper4Height)) - var(--w6_textBoxHeight));
    float: left;
    opacity: 0.8;
    font-size: 100px;
    color: black;
}

#id_infoTextName {
    background-color: rgba(0, 166, 217, 0.0);
    height: var(--w6_nameHeight);
    width: calc(100vw - var(--scrollbarWidth));
    text-align: center;
    line-height: var(--w6_nameHeight);
    vertical-align: middle;
    font-size: var(--w6_nameHeight);
    font-weight: bold;
    text-decoration: underline;
    font-family: var(--w6_fontFamily);
}

#id_infoTextDaten1 {
    --chars: 8;
    --width: calc(var(--w6_textBoxWidth) * var(--w6_DatenWidthPercentage) / 2);
    --height: calc(var(--w6_textBoxHeight) - var(--w6_nameHeight));
    background-color: rgba(118, 0, 217, 0.0);
    height: var(--height);
    width: var(--width);
    float: left;
    text-align: right;
    line-height: calc((var(--w6_textBoxHeight) - var(--w6_nameHeight)) / 4);
    vertical-align: middle;
    font-size: min(calc(var(--width) / (var(--chars)) * var(--textConstant)), var(--height) / 5);
    font-family: var(--w6_fontFamily);
}

#id_infoTextDaten2 {
    --chars: 8;
    --width: calc((var(--w6_textBoxWidth) * var(--w6_DatenWidthPercentage) / 2) - (var(--w6_fontSize) * var(--w6_DatenSpacePercentage)));
    --height: calc(var(--w6_textBoxHeight) - var(--w6_nameHeight));
    background-color: rgba(118, 0, 117, 0.0);
    height: var(--height);
    width: var(--width);
    float: left;
    text-align: left;
    line-height: calc((var(--w6_textBoxHeight) - var(--w6_nameHeight)) / 4);
    vertical-align: middle;
    font-size: min(calc(var(--width) / (var(--chars)) * var(--textConstant)), var(--height) / 5);
    font-family: var(--w6_fontFamily);
    padding-left: calc(var(--w6_fontSize) * var(--w6_DatenSpacePercentage));
} 

#id_infoTextBeschreibung {
    --chars: 0;
    --width: calc(var(--w6_textBoxWidth) * (1 - var(--w6_DatenWidthPercentage)));
    --height: calc(var(--w6_textBoxHeight) - var(--w6_nameHeight));
    background-color: rgba(118, 166, 0, 0.0);
    height: calc(var(--w6_textBoxHeight) - var(--w6_nameHeight));
    width: var(--width);
    float: left;
    text-align: center;
    font-size: min(calc(var(--width) / (var(--chars) / 4) * var(--textConstant)), var(--height) / 7);
    font-family: var(--w6_fontFamily);
    /*overflow-y: scroll;*/
}