/* ~~~ FORUM TOP [A] ~~~ */
.forumFrameTop
{
    width:                    100%;
    min-height:                2em;

    border:                   none;
    border-left:     1px #00454a;
    border-right:    1px #00454a;
    border-top:      1px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;

    border-top-left-radius:    0px;
    border-top-right-radius:   0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius:0px;

    margin-bottom:             0em;

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

    /* background-color:  rgba(100, 98, 98, 0.1); */
    /* background:linear-gradient(to bottom,#dfdfdf , #ffffff, #f6f6f6); */

    background-color:  transparent;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
}

.forumTopTextFrame
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                    3em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    border-top-left-radius:    25em;
    border-bottom-left-radius: 25em;

    border-top-right-radius:    0px;
    border-bottom-right-radius: 0px;

    background-color:   transparent;
    /* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; */

    /* text-shadow: 1px 1px 2px #FFFFFF; */
}

.forumTopPlaceholder
{
    display:           flex;
    flex-direction:     row;
    flex-wrap:         wrap;

    height: 3.5em;

    margin-right:     0.8em;
    margin-left:      0.8em;

    padding-left:     0.8em;
    padding-right:    0.8em;
    
    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #FFFFFF;
    border-bottom:   0px #FFFFFF;
    border-style:            solid;
}

.forumAvatarPics
{
    height:         3.5em;
    border-radius:    5px;  /* 25em */
    box-shadow: rgba(0, 0, 0, 0.8) 1px 1px 1px 1px;
}

.forumFrameButtons
{
    display:        flex;
    flex-direction:  row;
    flex-wrap:      wrap;    
}

/* ~~~ FORUM TOP [E] ~~~ */

.forumFrameXorum
{
    width:                    100%;
    min-height:                6em;

    border:                   none;
    border-left:     0px #00454a;
    border-right:    0px #00454a;
    border-top:      0px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;
    border-radius:             0px;

    margin-bottom:             0em;

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

    background-color: rgba(255, 255, 255, 0.3);
   
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.forumFrameXorumAdmin
{
    width:                    100%;
    min-height:               25em;

    border:                   none;
    border-left:     0px #00454a;
    border-right:    0px #00454a;
    border-top:      0px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;
    border-radius:             0px;

    margin-bottom:             0em;

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

    background-color: rgba(255, 255, 255, 0.3);
   
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.forumFrameXorumUser
{
    width:                    100%;
    min-height:               15em;

    border:                   none;
    border-left:     0px #00454a;
    border-right:    0px #00454a;
    border-top:      0px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;
    border-radius:             0px;

    margin-bottom:             5em;

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

    background-color: rgba(255, 255, 255, 0.3);
   
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.forumFrame
{
    width:                    100%;
    min-height:                6em;

    border:                   none;
    border-left:     1px #00454a;
    border-right:    1px #00454a;
    border-top:      0px #00454a;
    border-bottom:   0px #00454a;
    border-style:            solid;
    border-radius:             0px;

    margin-bottom:             0em;

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

    background-color: rgba(255, 255, 255, 0.3);
   
    /* box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px; */
}

hr.forum
{
    width:              82%;
    height:             1px;
    color:          white;
    
    margin-left:       auto; 
    margin-right:      auto;
    margin-top:         1em;
    margin-bottom:      1em;
    border-color:   white;
    border-style:     solid;
    border-radius:      0px;
    box-shadow: rgba(139, 188, 235, 0.2) 0px 5px 15px;
    
}

hr.forum-2
{
    width:               95%;
    height:            0.1em;
    color:          silver;
    
    margin-left:        auto; 
    margin-right:       auto;
    margin-top:        0.5em;
    margin-bottom:     0.5em;
    border-color:       none;
    border-style:      solid;
    border-radius:       0px;    
}

/* ~~~ FORUM BOTTOM [A] ~~~ */
.forumFrameBottom
{

    width:                    100%;
    min-height:                2em;

    border:                   none;
    border-left:     1px #00454a;
    border-right:    1px #00454a;
    border-top:      0px #00454a;
    border-bottom:   1px #00454a;
    border-style:            solid;
    border-radius:             0px;

    margin-bottom:             3em;

    padding-top:               2em;
    padding-bottom:            2em;
    padding-left:            1.5em;
    padding-right:           1.5em;

    background-color:  transparent;
   
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
}

.forumBottomTextFrame
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                  1.5em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    border-top-left-radius:    25em;
    border-bottom-left-radius: 25em;

    border-top-right-radius:    0px;
    border-bottom-right-radius: 0px;

    background-color:   transparent;
    /* box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; */

    /* text-shadow: 1px 1px 2px #FFFFFF; */
}

.forumBottomPlaceholder_ONE
{
    
    display:           flex;
    flex-direction:     row;
    flex-wrap:         wrap;

    font-size:        0.7em;
    color:         rgb(68, 67, 67, 0.5);

    margin-right:       1em;
    margin-left:        1em;

    padding-left:     1.5em;
    padding-right:    1.5em;
    padding-top:      0.5em;
    padding-bottom:   0.5em;
    
    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;
}

.forumBottomPlaceholder
{

    display:           flex;
    flex-direction:     row;
    flex-wrap:         wrap;

    font-size:        0.7em;

    margin-right:     0.8em;
    margin-left:      0.8em;

    padding-left:     0.9em;
    padding-right:    0.9em;
    padding-top:      0.3em;
    padding-bottom:   0.3em;
    
    border-left:     thin #000000;
    border-right:    thin #000000;
    border-top:      thin #000000;
    border-bottom:   thin #000000;
    border-style:             solid;

    border-radius:     0px;

    background: linear-gradient(#A5A9B4, #FFFFFF, #FFFFFF, #FFFFFF, #A5A9B4);
}

.forumInfoPics
{
    width:            1.5em;
    border-radius:     25em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 2px;
}

/* ~~~ FORUM BOTTOM [E] ~~~ */

.forumTextBox1
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                    3em;

    padding-left:              1em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    background-color: rgba(255, 255, 255, 0.3);

    text-shadow: 1px 1px 2px #FFFFFF;
}

.forumTextBox2
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                    2em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    /* background-color: rgba(0, 128, 138, 0.3); */
    /* text-shadow: 1px 1px 2px #FFFFFF; */
}

.forumTextBox3
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                    2em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    /* background-color: rgba(0, 128, 138, 0.3); */
    text-shadow: 1px 1px 2px #1C1C1C;
}

.forumTextBox4
{
    display:                  flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                    2em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    /* background-color: rgba(0, 128, 138, 0.3); */
    /* text-shadow: 1px 1px 2px #1C1C1C; */
}

.forumTextAreaBox1
{
    display:                  flex;
    justify-content:        center;
    align-items:            center;
    align-content:          center;

    width:                    100%;
    height:                   auto;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;    
}

.forumTextAreaContentBox1
{
    width:                    100%;
    min-height:               12em;

    border-left:     0px #000000;
    border-right:    0px #000000;
    border-top:      1px rgba(89, 103, 104, 0.3);
    border-bottom:   1px rgba(89, 103, 104, 0.3);
    border-style:            solid;
    border-radius:             0px;

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

    margin-left:               0.5em;
    margin-right:              0.5em;
    margin-bottom:             1.5em;
    margin-top:                1.5em;

    background-color:    #FFFFFF;

    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.forumTxT-1
{
    font-family:    'Times New Roman', Times, serif;
    margin-left:      2em;
    font-size:        1em;
}

.forumTxT-2
{
    font-family:    'Times New Roman', Times, serif;
    margin-left:      1em; /*7*/
    font-size:        1em;

    text-shadow: 1px 1px 2px #FFFFFF;
}

.forumTxT-3
{
    font-family:    'Times New Roman', Times, serif;
    margin-left:      5em;
    font-size:      0.8em;
    color:       #FFFFFF;
}

.forumTxT-4
{
    font-family:    'Times New Roman', Times, serif;
    margin-left:       1em; /*10*/
    font-size:       0.7em;
    color:       #474747;

    padding-top:     1.5em;
    padding-bottom:    1em;

    /* text-shadow: 1px 1px 2px #1e277c; */
}

.forumAvatarBox
{
    display:           flex;
    justify-content: center;
    align-items:     center;
    align-content:   center;

    position:      absolute;
    top:                0px;
    right:              0px;

    width:             10em;
    height:            100%;

    border-left:     1px #1C1C1C;
    border-right:    1px #1C1C1C;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    
    /* background-color: rgba(0, 128, 138, 0.3); */
}

.forumAvatarBoxBeitrag
{
    display:           flex;
    justify-content:  start;
    align-items:     center;
    align-content:   center;
    flex-direction:  column;
    flex-wrap:         wrap;

    position:      absolute;
    top:                0px;
    right:              0px;

    width:              15%;
    height:            100%;

    border-left:     1px #1C1C1C;
    border-right:    1px #1C1C1C;
    border-top:      0px #000000;
    border-bottom:   0px #000000;
    border-style:            solid;

    padding-top:       1em;

    font-size:       0.6em;

    background-color: rgba(0, 0, 0, 0.1);
}

.forumAvatarPicsBeitrag
{
    width:          100px;
    border-radius:   25em;
    border:          none;
    margin-top:     0.5em;
    margin-bottom:  0.5em;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
} 

.forumPlaceholderBox
{Display:none;}

.forumPlaceholderBoxContent
{Display:none;}

/* ~~~ FLEXBOXEN ~~~ */

div.FlexboxSpaceBetween
{
    display:                  flex;
    justify-content: space-between;
    align-items:            center;
    align-content:          center;

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

    margin-bottom:           0.5em;

    background-color: rgba(0, 69, 74, 0.2);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

div.FlexboxSpaceBetweenAdmin
{
    display:                  flex;
    justify-content: space-between;

    align-items:            center;
    align-content:          center;

    height:                    3em;
    border-top-left-radius:    7px;
    border-top-right-radius:   7px;

    background-color:    #a54040;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;   
}

div.FlexboxSpaceBetweenUser
{
    display:                  flex;
    justify-content: space-between;

    align-items:            center;
    align-content:          center;

    height:                    4em;

    border-top-left-radius:    4px;
    border-top-right-radius:   4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius:4px;
    border:            transparent;

    margin-bottom:             3em;

    background-color:    rgb(0, 0, 0, 0.1);  /*rgb(0, 128, 138, 0.2);*/   
}

div.FlexboxInline
{
    display:           inline-flex;
    justify-content:        center;
    align-items:            center;
    align-content:          center;    
}

div.FlexboxInlineAdmin
{
    display:               inline-flex;
    justify-content:            center;
    align-items:                center;
    align-content:              center;

    padding-left:                  1em;
    padding-right:                 1em;
    
    color:                   #FFFFFF;
    text-shadow: 1px 1px 2px #000000;   
}

div.FlexboxInlineUser
{
    display:               inline-flex;
    justify-content:            center;
    align-items:                center;
    align-content:              center;

    padding-left:                  1em;
    padding-right:                 1em;

    font-weight:                  bold;
    
    color:                   #FFFFFF;
    text-shadow: 1px 1px 2px #000000;   
}

/* ~~~ FLEXBOXEN ~~~ */

/* ~~~ SMILIES BBCODE + BBCON ~~~ */

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

div.FlexboxInlineSmilies
{
    display:           inline-flex;
    justify-content:         start;
    align-items:            center;
    align-content:          center;
    flex-direction:            row;
    flex-wrap:                wrap;
    
    padding-right:           0.5em;
    padding-bottom:          0.5em;
}

.BBCODE
{
    width:                   35px;
    border:                  none;
    border-radius:            7px;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.BBCODE:hover
{
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.conbbcode
{
    display:          inline-flex;
    vertical-align:           sub;
    width:                   30px;
}

.conbbcodekreis
{
    display:          inline-flex;
    vertical-align:           sub;
    width:                   30px;
    border:                  none;
    border-radius:           25em;
}

/* ~~~ SMILIES BBCODE + BBCON ~~~ */

div.InlineForumSchrift
{
    display:                   block;
    justify-content:           start;
    align-items:              center;
    align-content:            center;

    padding-bottom:            1.5em;

    font-size:                 0.8em;

    color:                 #FFFFFF;
    text-shadow: 1px 1px 2px black;
}

/* ~~~ BLAETTERFUNKTION ~~~ */

.BLFUNTIONFRAME
{
    display:            flex;
    width:              100%;
    height:             auto;

    justify-content:  center;
    align-items:      center;
    align-content:    center;

    padding:             1em;

    margin-top:          0em;
    margin-left:        auto;
    margin-right:       auto;
    margin-bottom:     0.5em;

    border:             none;
    border-style:      solid;
    border-left:         1px;
    border-right:        1px;
    border-top:          1px;
    border-bottom:       1px;
    border-color:  #000000;
    border-radius:       7px;

    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.BLFUNTIONFRAMECONTENT
{
    letter-spacing:     70px;

    border-style:     double;

    border-color:    black;
    border-left:         3px;
    border-right:        3px;
    border-top:          3px;
    border-bottom:       3px;

    border-radius:      25em;

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

    background-color: rgb(248,248,255,0.7);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

/* ~~~ BLAETTERFUNKTION ~~~ */

/* ~~~ FEHLERBOX FORUM AUSGABE ~~~ */

.ContentXErrorBox
{
    display:              flex;
    flex-direction:        row;
 
    
    justify-content:    center;
    align-items:        center;
    align-content:      center;
    
    width:                100%;    
}

.ContentXErrorText
{
    color:           #FFFFFF;
    font-size:             2em;
    text-shadow: 1px 1px 2px black;       
}

.ContentXErrorBoxTop:first-child
{display: none;}

.ContentXErrorBoxTop
{display: none;}

.ContentXErrorBoxTop:last-child
{display: none;}

.ContentXErrorBoxMiddle:first-child
{display: none;}

.ContentXErrorBoxMiddle
{
    display:               flex;
    justify-content:     center;
    align-items:         center;
    align-content:       center;

    width:                 100%;
    min-height:            25em;
    border:         transparent;
    background-color: RGB(165, 64, 64, 1.0);
    margin:               0.2em;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.ContentXErrorBoxMiddle:last-child
{display: none;}

.ContentXErrorBoxBottom:first-child
{display: none;}

.ContentXErrorBoxBottom
{display: none;}

.ContentXErrorBoxBottom:last-child
{display: none;}