div.flexboxModBeitrag
{
    display:               flex;
    justify-content: flex-start;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;
    margin-bottom:          1em;

    width:                 100%;
}

div.flexboxModBeitragContent
{
    background-color: #FFFFFF;

    min-width:             20em;

    padding-top:          0.5em;
    padding-bottom:       0.5em;
    padding-left:           1em;
    padding-right:          1em;

    margin-left:            0em;
    margin-right:           1em;
    margin-bottom:        0.2em;
    border:                 1px;
    border-style:         solid;
    border-color:     #000000;
}

div.flexboxModBeitragContentBlank
{
    background-color: #FFFFFF;

    min-width:             20em;

    padding-top:          0.5em;
    padding-bottom:       0.5em;
    padding-left:           1em;
    padding-right:          1em;

    margin-left:            0em;
    margin-right:           1em;
    margin-bottom:        0.2em;
    border:         transparent;
}

div.flexboxForumRight
{
    display:               flex;
    justify-content:      right;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    width:                 100%;
}

div.flexboxForumRightContent
{
    background-color: transparent;
    padding:                0.1em;
    margin-left:            0.1em;
    margin-right:           0.1em;
    border:                  thin;
    border-color:       #000000;
}

.flexbox-frame
{
    display:               flex;
    justify-content: flex-start;
    align-items:     flex-start;
    flex-direction:         row;
    flex-wrap:             wrap;

    gap:                  0.1em;
}

.flexbox-center-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content:     center;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    padding:                2em;
    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* background-image: url(../background/bgUHD.png); */

    background-image: repeating-linear-gradient(67.5deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),repeating-linear-gradient(0deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),linear-gradient(135deg, rgb(237, 237, 237),rgb(199, 199, 199));

    background-size:      cover;
}

.flexbox-center-between-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content:   space-between;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    padding:                2em;
    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* background-image: url(../background/bgUHD.png); */

    background-image: repeating-linear-gradient(67.5deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),repeating-linear-gradient(0deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),linear-gradient(135deg, rgb(237, 237, 237),rgb(199, 199, 199));

    background-size:      cover;
}

.flexbox-center-left-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content:       left;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;

    padding:                2em;
    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* background-image: url(../background/bgUHD.png); */

    background-image: repeating-linear-gradient(67.5deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),repeating-linear-gradient(0deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),linear-gradient(135deg, rgb(237, 237, 237),rgb(199, 199, 199));

    background-size:      cover;
}

.flexbox-left-user
{
    display:               flex;
    width:                 100%;
    min-height:            10em;
    justify-content: flex-start;
    align-items:         center;
    flex-direction:         row;
    flex-wrap:             wrap;
    padding-left:           2em;

    border:                none;
    /* background-color: rgba(0, 0, 0, 0.1); */
    /* background-image: url(../background/bgUHD.png); */

    background-image: repeating-linear-gradient(67.5deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),repeating-linear-gradient(0deg, hsla(145,0%,97%,0.2) 0px, hsla(145,0%,97%,0.2) 0px,transparent 0px, transparent 1px,hsla(145,0%,97%,0.2) 1px, hsla(145,0%,97%,0.2) 4px,transparent 4px, transparent 5px,hsla(145,0%,97%,0.2) 5px, hsla(145,0%,97%,0.2) 8px),linear-gradient(135deg, rgb(237, 237, 237),rgb(199, 199, 199));

    background-size:      cover;
}

.flexbox-liste-user
{
    display:        inline-flex;
    flex-direction:      column;
    gap:                    1em;
}

.flexbox-link-user::before 
{
    content:      '\2622';
    font-size:       18px;
    margin-right:     1em;
}

.flexbox-link-user
{
    
    text-shadow: 1px 1px 2px #FFFFFF;
}

.flexbox-link-user:hover
{
    color:  #007a83;
    text-shadow: 1px 1px 2px #FFFFFF;
}

.flexbox-liste-link-user
{
    display:        inline-flex;
    flex-direction:      column;
    gap:                  0.3em;
   /* margin-left:            4em; */
}

.flexbox-textbox-L-user
{
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:          0.5em;
    margin-right:         0.5em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
}

.flexbox-textbox-R-user
{
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:          0.5em;
    margin-right:         0.5em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
}

.flexbox-textbox-C-user
{
    width:                 15em;
    height:                auto;
    padding:              0.5em;

    margin-left:            3em;
    margin-right:           3em;
    margin-top:           0.5em;
    margin-bottom:        0.5em;
    text-align:          center;
    background-color: #FFFFFF;
}

.flexbox-pics-user
{
    width:                 auto;
    height:               6.5em;
    border:                none;
    border-radius:         25em;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.flexbox-pics-user-small
{
    width:                 auto;
    height:               3.5em;
    border:                none;
    border-radius:         25em;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

textarea.user
{
    float:                 left;
    width:                 28em;
    height:                 3em;
    resize:                none;
    border:                none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}