@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
  {
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/  

input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="file"],
input[type="submit"], 
input[type="reset"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="time"],
select
{
    width:        100%;
    height:       auto;
    font-size:    16px;
    padding:      10px;
    text-align: center;

    margin-left:  auto;
    margin-right: auto;
    margin-top:    5px;
    margin-bottom: 5px;

    border-radius: 50px;
    border-color: #0e0909;
    color:        #000000;
}

textarea
{
    width:        100%;
    height:      400px;
    font-size:    19px;
    padding:      15px;

    margin-left:  auto;
    margin-right: auto;

    border-radius: 25px;
    border-color: #0e0909;
}

.userPics
{
    width: 90px;
}

.imgMiddleSize
{
    width:            150px;
    border-radius:      50%;
    align-content:   center;
    justify-content: center;
}

.displayGridTemplate
{
    display:    grid;
    grid-template-rows:    150px 150px 150px;
    grid-template-columns: 100%;
    row-gap:    10px;
    column-gap: 10px;
    align-content:   center;
    justify-content: center;
}

.displayGrid-1
{
    display:           grid;
    justify-items:   center;
    align-items:     center;
    
}

.displayGrid-2
{
    display:         grid;
    background: linear-gradient( to top,#d8d8d8, #bcbcbc);
    
    border-radius:    8px;
    padding:          8px;
    justify-items:   left;
    align-items:   center;
}

.displayGrid-3
{
    display:         grid;
    background: linear-gradient( to top,#d8d8d8, #bcbcbc);
    
    border-radius:    8px;
    padding:          8px;
    justify-items: center;
    align-items:   center;
}

.listStyle
{
    display:      list-item;
    list-style-type:   none;
    font-size:         16px;
    font-family: sans-serif;
    font-weight:       bold;
}

.sitemap
{
    display:          flex;
    flex-direction: column;
    flex-wrap:        wrap;
}

.sitemapFont
{
    font-size:       2.5em;
}

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

.sitemapHomePointFont
{
    font-size:    60px; 
    font-weight:  bold; 
}

/* TABELLEN */

div.table
{
    display:            table;
    border-collapse: separate; 
    margin-left:         auto;
    margin-right:        auto;
    /* overflow-x:          auto; */
    overflow:          scroll;   
}

div.caption
{
    display:      table-caption;
    padding:                5px;
    text-align:          center;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #1d3c45;
    background-color: #062442;
    color:            #ffffff;
}

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

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

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


}

div.td
{
    display: table-cell;
    padding:       10px;
    font-family: 'Times New Roman', Times, serif;
    border: 1px solid #1d3c45;
}

/* TABELLEN */

.userAvatarGalerie
{
    max-width:   80px;
    min-width:   80px;
    height:      auto;

    border:            thin;
    border-color: #282828;
    border-style:     solid;
    border-radius:    0.5em;

    margin-right:       1em;
    margin-bottom:      1em;
}

.userAvatarGalerieInBenutzung
{
    max-width:   80px;
    min-width:   80px;
    height:      auto;

    border:            thin;
    border-color: #282828;
    border-style:     solid;
    border-radius:    0.5em;

   -webkit-filter: blur(2px);
    filter: blur(2px);

    margin-right:       1em;
    margin-bottom:      1em;
}

button
{
    border:      none;
    outline:     none;
    appearance:  none;
    background:  none;   
}

.imgBBimg
{
    width:                   35px;
    height:                  auto;
    border-radius:           10px;
    font-size:               20px;
    padding:                    0;
    margin:                     0;
    appearance:              none;
    align-items:           center;
    justify-content:       center;
    background-color: transparent;
}

.imgBBimgSmaller
{
    width:                   25px;
    height:                  auto;
    border-radius:            5px;
    font-size:               15px;
    padding:                    0;
    margin:                     0;
    appearance:              none;
    align-items:           center;
    justify-content:       center;
    background-color: transparent;
}

.imgSMILEimg
{
    width:                   35px;
    height:                  auto;
    border-radius:           10px;
    font-size:               20px;
    padding:                    0;
    margin:                     0;
    appearance:              none;
    align-items:           center;
    justify-content:       center;
    background-color: transparent;
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
}