figure
  {
    text-align:             center;
    align-content:          center;
  }

  .userprofilbox-pic
  {
    width:                     7em;
    height:                    7em;
    border:   6px #007a84 double;
    border-radius:            25em;    
  }

  .userprofilContentBox
  {
    display:           inline-flex;
    align-items:            center;
    align-items:            center;
    justify-content:        center;
    flex-direction:            row;
    flex-wrap:                wrap;
    width:                    11em;
    height:                   11em;
    border:    1px #000000 solid;
    
    margin-right:            1.5em;
    margin-top:                1em;

    background-color:  transparent;

    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;
  }

  .userprofilContentBox:hover
  {
    background-color:    #FFFFFF;
  }

  .userprofilSchrift
  {
    font-size:                16px;
  }

  .errorpagebox
  {
    display:                  flex;
    justify-content:        center;
    align-items:            center;
    font-size:                 2em;
    color:            darkorange;
  }

  .userfield
  {
    width:                    100%;
    height:                   auto;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
    background-image: url(../background/bgUHD.png);
    background-size:      cover;
  }

  .user-hellfield
  {
    width:                    100%;
    height:                   auto;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
    background-image: url(../background/bghell.png);
    background-size:      cover;
  }

  .redfield
  {
    width:                    100%;
    height:                   auto;
    color:               darkred;
    background-color:    #fde9e9;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .greenfield
  {
    width:                    100%;
    height:                   auto;
    background-color:    #edf6f7;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .bbcodebox-forum
  {
    width:                    100%;
    height:                   auto;
    background-color:    #f6f8f8;
    border-radius:             8px;
    border:     1px silver solid;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .whitefield
  {
    width:                    100%;
    height:                   auto;
    background-color:    #ffffff;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .whitegradientfield
  {
    width:                    100%;
    height:                   auto;
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;

    background-image: linear-gradient(112.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%,rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,
    rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%,
    rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(157.5deg, rgb(214, 214, 214) 0%, rgb(214, 214, 214) 10%,
    rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,rgb(137, 137, 137) 60%,
    rgb(137, 137, 137) 88%,rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(135deg, rgb(214, 214, 214) 0%,
    rgb(214, 214, 214) 10%,rgb(195, 195, 195) 10%, rgb(195, 195, 195) 53%,rgb(176, 176, 176) 53%, rgb(176, 176, 176) 55%,rgb(157, 157, 157) 55%, rgb(157, 157, 157) 60%,
    rgb(137, 137, 137) 60%, rgb(137, 137, 137) 88%,rgb(118, 118, 118) 88%, rgb(118, 118, 118) 91%,rgb(99, 99, 99) 91%, rgb(99, 99, 99) 100%),linear-gradient(90deg, rgb(195, 195, 195),
    rgb(228, 228, 228)); background-blend-mode:overlay,overlay,overlay,normal;
  }

  .glasfield
  {
    width:                    100%;
    height:                   auto;
    
    background: rgba(255,255,255,0.4);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.25);

    border-radius:             8px;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .blackfield
  {
    width:                    100%;
    height:                   auto;
    background-color:    rgb(0,0,0, 0.1);
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .transpafield
  {
    width:                    100%;
    height:                    8em;
    background:        transparent;
    border:                   none;
  }

  .darkfield
  {
    width:                    100%;
    height:                   auto;
    background: linear-gradient(to top, #acb1bb, #090a08);
    border-radius:             8px;
    border:                   none;
    padding:                   1em;
    margin-bottom:           0.7em;
  }

  .bbcodeinfobox
  {
    width:                    100%;
    height:                   auto;
    background-color:    rgba(rgb(255,140,0, 0.5));
    border-radius:             5px;
    border:                   none;
    padding:                   1em;
    margin-bottom:             1em;
  }

  .loginbox
  {
    display:                  flex;
    justify-content:        center;
    align-items:            center;
    width:                    100%;
    
    background-color:  rgba(0, 0, 0, 0.1);
  }

  .loginboxcontent
  {
    display:             list-item;
    justify-content:        center;
    align-items:            center;
    list-style-type:          none;
    margin-bottom:             2em;
    margin-top:                2em;
  }

  /* TABELLEN */

div.table
{
    display:            table;
    border-collapse: separate;
    border-spacing:       1px;  
    width:               100%;
}

div.tableAuto
{
    display:            table;
    border-collapse: separate;
    border-spacing:       1px;  
    width:               auto;
    margin-left:         auto;
    margin-right:        auto;
}

div.caption
{
    display: table-caption;
    text-align:     center;
    vertical-align: middle;

    font-weight:      bold;
    font-size:       1.1em;
    font-family: monospace;

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

    margin-top:        0px;
    margin-bottom:     0px;

    padding-top:      10px;
    padding-bottom:   10px;
    
    background-color: transparent;
    color:              #000000;
    width:                   100%;   
}

div.captionWhite
{
    display: table-caption;
    padding:           7px;
    text-align:     center;
    font-family:'Times New Roman', Times, serif;
    border: 1px solid #FFFFFF;
    background: linear-gradient( to right,#EBEBEB,#FFFFFF,#EBEBEB);
    color:       #000000;   
}

div.th
{
    display: table-cell;
    background-color: #cccccc;
    padding:       7px;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #FFFFFF;
}

div.thc
{
    display:         table-cell;
    background-color: #cccccc;
    padding:                7px;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #FFFFFF;
    text-align:          center;
    vertical-align:      middle;
}

div.tr:nth-child(odd)
{
    display: table-row;
    background-color: #e5e5e5;
    font-family: 'Times New Roman', Times, serif;
   
}

div.tr:nth-child(even)
{
    display: table-row;
    background-color: #d5d5d5;
    font-family: 'Times New Roman', Times, serif;

    
}

div.td
{
    display:         table-cell;
    padding:                7px;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #FFFFFF;
    vertical-align:      middle;
}

div.tdc
{
    display:         table-cell;
    text-align:          center;
    vertical-align:      middle;   
    padding:                7px;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #FFFFFF;
}

/* TABELLEN */

/* ~~~ FORUMARTIKEL BOX ~~~ */

div.ForumArtikelBox
{
  display:                flex;
  align-items:            left;
  justify-content:      center;
  flex-direction:       column;
  flex-wrap:              wrap;

  min-width:              100%;
  height:                 auto;

  border:                 none;
  border-radius:          10px;
  padding-left:            1em;
  padding-top:           0.5em;
  padding-bottom:        0.5em;

  background-color: rgba(255, 255, 255, 0.7);
}

/* ~~~ FORUMARTIKEL BOX ~~~ */

.YoutubeBox
{
  width:                  80%;
  height:               670px;
  margin-left:           auto;
  margin-right:          auto;
  margin-top:             1em;
  margin-bottom:          1em;
}

.BBCODEPROGBOX
{
  width:           90%;
  padding:       0.5em;

  border:         none;
  margin-left:    auto;
  margin-right:   auto;
  margin-top:    1.5em;
  margin-bottom: 1.5em;

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

fieldset.fieldsetForum
{
  width:           90%;
  margin-left:    auto;
  margin-right:   auto;
  margin-top:    0.5em;
  margin-bottom: 0.5em;

  padding:         1em;

  background-color: #ffffff;
}

legend.legendForum
{
  padding-left:  0.5em;
  padding-right: 0.5em;
  font-size:     0.9em; 
}