input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="reset"],
input[type="tel"],
input[type="date"],
input[type="time"]
{
width:                 10em;
height:                auto;
border:         transparent;
outline:               none;

appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;

text-align:          center;
padding-left:           1em;
padding-right:          1em;
padding-top:          0.5em;
padding-bottom:       0.5em;

margin-bottom:        0.2em;

background-color: #ffffff;

box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

input[type="text"].inputLangBorder
{
width:                 20em;
height:                auto;
border:                thin;
border-style:         solid;
border-color:     #000000;
outline:               none;

appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;

text-align:          center;
padding-left:           1em;
padding-right:          1em;
padding-top:          0.5em;
padding-bottom:       0.5em;

margin-bottom:        0.2em;

background-color: #ffffff;
}

input[type="text"].inputLang
{
width:                 20em;
height:                auto;
border:         transparent;
outline:               none;

appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;

text-align:          center;
padding-left:           1em;
padding-right:          1em;
padding-top:          0.5em;
padding-bottom:       0.5em;

background-color: #ffffff;
}

input[type="radio"],
input[type="checkbox"] 
{
	transform:       scale(2.0);
}

input[type="radio"],
input[type="checkbox"]:checked 
{
    background-color: #bf0000;
	transform:       scale(2.0);
}

input[type="file"]
{
    width:                 15em;
    height:                auto;
    border:                none;
    outline:               none;
    padding-top:          0.3em;
    padding-bottom:      0.45em;
    padding-left:           1em;
    padding-right:          1em;
    
    appearance:            none;
    -moz-appearance:       none;
    -webkit-appearance:    none;    
    background-color: #ffffff;
    
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

input[type="text"]:read-only
{
    background-color: rgb(223, 229, 235);
    color:#FFFFFF;
}

select
{
    content:  "";
    display: inline-block;
    background: url("../background/puntensmall.png") no-repeat center right;
    width:  25px;
    height: 25px;    

width:                 10em;
height:                auto;
border:                none;
    
appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;
    
text-align:          center;
padding-left:           1em;
padding-right:          1em;
padding-top:          0.5em;
padding-bottom:       0.5em;
    
background-color: #ffffff;

box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

option
{
background-color: transparent;
}

input[type="submit"] 
{
width:                 auto;
height:                auto;
border:                none;

appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;

text-align:          center;
padding-left:           1em;
padding-right:          1em;
padding-top:          0.5em;
padding-bottom:       0.5em;

margin-bottom:        0.2em;

background-color: #ffffff;

text-shadow: 1px 1px 2px white;

box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/*
input[type="submit"]:active
{
background-color: rgb(255, 140, 0, 0.2);
}
*/

input[type="submit"]:hover
{
color: #FFFFFF;
background-color: rgb(255, 140, 0, 0.5);
text-shadow: 1px 1px 2px darkcyan;
}

::placeholder
{
color:         darkorange;
}

input[type="text"]:disabled
{
    content:  "\274C";
    display:  inline-block;
    background: url("../background/disable.png") no-repeat center right;
    width:    25px;
    height:   25px;

    width:                 10em;
    height:                auto;
    border:                none;
    
    appearance:            none;
    -moz-appearance:       none;
    -webkit-appearance:    none;
    
    text-align:          center;
    padding-left:           1em;
    padding-right:          1em;
    padding-top:          0.5em;
    padding-bottom:       0.5em;    

    background-color: rgb(255, 255, 255, 1);

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

input[type="text"].inputLang:disabled
{
    content:  "\274C";
    display:  inline-block;
    background: url("../background/disable.png") no-repeat center left;
    width:    25px;
    height:   25px;

    width:                 20em;
    height:                auto;
    border:         transparent;
    
    appearance:            none;
    -moz-appearance:       none;
    -webkit-appearance:    none;
    
    text-align:          center;
    padding-left:           1em;
    padding-right:          1em;
    padding-top:          0.5em;
    padding-bottom:       0.5em; 
    background-color: rgb(0, 0, 0, 0.5);   
}

textarea
{
    width:     100%;
    height:    17em;

    border:    none;
    resize:    none;
    outline:   none;

    padding:    1em;

    cursor: default;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


/* BBCODE BUTTON [ANFANG] */
.homebtn
{
width:                 28px;
height:                28px;
border:                none;
}

.homebtn:hover
{
border-radius:         25em;    
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/* BBCODE BUTTON [ENDE] */

/* BBCODE BUTTON VERSION 2 [ANFANG] */
.homebtnv2
{
width:                 38px;
height:                38px;
border-radius:         25em;
box-shadow: rgba(0, 255, 255, 0.4) 0px 5px 15px;
}

.homebtnv2:hover
{
border-radius:         25em;    
box-shadow: rgba(107, 66, 161, 0.4)0px 5px 15px;
}
/* BBCODE BUTTON VERSION 2 [ENDE] */

button
{
border:                none;
background-color: transparent;
}

button:hover
{
border:                  none;
background-color: transparent;
}

img.moduser
{
    border:           transparent;
    background-color: transparent;
    border-radius:           25em;
    width:                    1em;
}

img.moduser:hover
{
    border:                  thin;
    border-style:           ridge;
    background-color:   #FFFFFF;
    border-radius:           25em;

}

/* BBCODE BUTTON [E] */

/* ADMIN NAVIGATION [A] */
a.adminnavigation
{    
display:         inline-flex;
justify-content:space-evenly;
flex-direction:          row;
flex-wrap:              wrap;


width:                200px;
height:                auto;

border-top:            thin;
border-bottom:         thin;
border-left:           thin;
border-right:          thin;
border-style:         solid;
border-color:        grey;

appearance:            none;
-moz-appearance:       none;
-webkit-appearance:    none;

text-align:          center;
font-size:             21px;
padding-left:           1em;
padding-right:          1em;
padding-top:            1em;
padding-bottom:         1em;

margin-top:           0.5em;
margin-right:         0.1em;

background-color:   rgba(255, 255, 255, 0.5);
text-shadow:             1px 1px 2px silver;
}

a.adminnavigation:hover
{
background-color:                    #bf0000; 
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
color:                               #FFFFFF;
text-shadow:             2px 2px 3px #000000;
}
/* ADMIN NAVIGATION [E] */

/* NAVIGATIONSLEISTE DESKTOP [A] */
a.navigation-Top
{
    display:          inline-flex;
    justify-content:       center;
    align-items:           center;
    align-items:           center;

    min-width:              100px;
    height:                  100%;
  
    border-top:               0px;
    border-bottom:            0px;
    border-left:             thin;
    border-right:            thin;
    border-style:           solid;
    border-color:        silver;
   
    appearance:              none;
    -moz-appearance:         none;
    -webkit-appearance:      none;
    
    text-align:            center;
    padding-left:             1em;
    padding-right:            1em;

    font-size:               22px;
   
    background-color:  rgba(0, 0, 0, 0.1);
    text-shadow: 1px 1px 2px white;    
}

a.navigation-Top:hover
{
    background-color:   rgba(255, 255, 255, 0.3); 
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */ 
    box-shadow: rgba(27, 26, 26, 0.35) 0px 5px 15px;
    text-shadow: 1px 1px 4px white;  
}
/* NAVIGATIONSLEISTE DESKTOP [E] */

/* ~~~ ICON-STYLE-BUTTONS [A] ~~~ */

.icon-style-normal
{
    display:        inline-flex;
    align-items:         center;
    justify-content:     center;
    justify-items:       center;

    width:                2.3em;
    height:               2.3em;

    background-color: rgba(255, 255, 255, 0.5);
    color:            #000000;

    border:                none;
    border-radius:         25em;

    margin-left:          0.8em;

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

.icon-style-normal:hover
{
    background-color: rgba(255, 255, 255, 1);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px;
}

/* ~~~ ICON-STYLE-BUTTONS [E] ~~~ */

/* ~~~ THUMP UP & DOWN [A] ~~~ */

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

    width:                5.0em;    /* 5em */
    height:               2.3em;

    background-color: rgba(255, 255, 255, 0.5);
    color:            #000000;

    border:                none;
    border-radius:         25em;

    margin-left:          0.8em;

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

.thumpUpAndDownFrame:hover
{
    display:        inline-flex;
    align-items:         center;
    justify-content:     center;
    justify-items:       center;

    width:                5.0em;    /* 5em */
    height:               2.3em;

    background-color: rgba(255, 255, 255, 1);
    color:            #000000;

    border:                none;
    border-radius:         25em;

    margin-left:          0.8em;

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

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

    width:                  1.3em;
    height:                   1em;

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

    padding:                  1em;

    background-color: transparent;
    color:              #000000;

    border-top:                 0;
    border-bottom:              0;
    border-left:                0;
    border-right:  thin #c0c0c0;
    border-style:          dotted;
    
    font-size:              1.0em;
}

.thumpUpAndDownFrameLeft:hover
{
    border-top:                 0;
    border-bottom:              0;
    border-left:                0;
    border-right:      1px grey;
    border-style:          dotted;
}

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

    width:                  1.3em;
    height:                   1em;

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

    padding:                  1em;

    background-color: transparent;
    color:              #000000;

    border-top:                 0;
    border-bottom:              0;
    border-left:   thin #c0c0c0;
    border-right:               0;
    border-style:          dotted;

    font-size:              1.0em;
}

.thumpUpAndDownFrameRight:hover
{
    border-top:                 0;
    border-bottom:              0;
    border-left:       1px grey;
    border-right:               0;
    border-style:          dotted;
}

/* ~~~ THUMP UP & DOWN [E] ~~~ */

fieldset.Inputfelder
{
    display:          inline-flex;
    width:                   10em;
    height:                  auto;
    padding:                0.3em;
    background-color:     white;
    border:   1px #000000 solid;
    border-radius:            5px;
}

legend.Inputfelder
{
    font-size:               17px;
    margin-left:            0.1em;
    margin-right:           0.1em;
    margin-bottom:          0.1em;
    color:           darkorange;
}

input[type="submit"].user
{
    float:               right;
    width:                 2em;
    height:                3em;
    border:               none;
    text-align:         center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

input[type="image"].user
{
    float:                right;
    width:                  3em;
    height:                 3em;
    border:                none;
    background-color: #007a83;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

button.user-send
{
    float:                        left;
    width:                         3em;
    height:                        3em;

    border-left:   2px #041618 solid;
    border-right:  0px #FFFFFF solid;
    border-top:    0px #FFFFFF solid;
    border-bottom: 0px #FFFFFF solid;

    background-color:        #007a83;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

button.user-send:hover
{
    background-color:      transparent;
}

button.user-send-rund
{
    float:                        left;
    width:                         3em;
    height:                        3em;

    border:                       none;
    border-radius:                25em;

    background-color:        #007a83;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

button.user-send-rund:hover
{
    background-color:       #FFFFFF;
}

/* THUMPS UP DOWN [ A ] */

span.ThumpsFrame
{
    display:    inline-flex;
    align-items:     center;
    align-content:   center;

    width:             auto;
    background-color: transparent;

    margin:   0px;

    padding-top:        2px;
    padding-bottom:     2px;
    padding-left:      15px;
    padding-right:     15px;

    border-style:     solid;
    border-width:      thin;
    border-color:  silver;

    border-top-left-radius:     10em;
    border-top-right-radius:    10em;
    border-bottom-left-radius:  10em;
    border-bottom-right-radius: 10em;
}

span.ThumpsLeft
{
    display:  inline-flex;
    align-items:   center;
    align-content: center;

    background-color: transparent;
    margin:   0px;
    padding:  0px;

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

span.ThumpsMiddle
{
    display:  inline-flex;
    align-items:   center;
    align-content: center;

    background-color: transparent;
    margin:  0px;
    padding: 0px;

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

span.ThumpsRight
{
    display:  inline-flex;
    align-items:   center;
    align-content: center;

    background-color: transparent;
    margin:  0px;
    padding: 0px;

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

span.Thumpscount
{
    font-size: 0.7em;
    font-family: 'Times New Roman', Times, serif;
    text-shadow: 2px 2px 4px white;
}

.MeldungFenster
{
  position:                  fixed;
  top:                         50%; /* mittig 50%*/
  left:                        50%;
  transform: translate(-50%, -50%);

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

  color:                 #000000;
  font-size:                   1em;
  font-family:           monospace;
  /* text-shadow: 2px 2px 4px rgb(28, 17, 88); */

  height:       calc(100% - 400px);
  width:        calc(100% - 400px);

  border:                     none;
  border-radius:               1px;

  padding:                    20px;

  background-color:  rgba(255, 255, 255, 0.4);
  backdrop-filter: saturate(180%) blur(10px);
  z-index: 1; 

  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.MeldungFensterFail
{
  position:                  fixed;
  top:                         50%; /* mittig 50%*/
  left:                        50%;
  transform: translate(-50%, -50%);

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

  color:                 #FFFFFF;
  font-size:                   1em;
  font-family:           monospace;
  text-shadow: 2px 2px 4px rgb(0, 0, 0);

  height:       calc(100% - 400px);
  width:        calc(100% - 400px);

  border:                     none;
  border-radius:               1px;

  padding:                    20px;

  background-color:  rgba(240, 53, 53, 0.7);
  backdrop-filter: saturate(180%) blur(10px);
  z-index: 1; 

  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

/* THUMPS UP DOWN [ E ] */

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

    width:             auto;
    height:           2.2em;

    background-color:  rgba(255, 255, 255, 0.8);
        
    border:            none;
    border-radius:     10em;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

input[type="file"].newUpload
{
    border:                     none;
	background:          transparent;

    border-top-right-radius:     0em;
    border-bottom-right-radius:  0em;
    border-bottom-left-radius:  10em;
    border-top-left-radius:     10em;   

    width:                       4em;
    height:                    2.2em;

    background: url("../background/lupe.png") no-repeat center center;
}

input[type="file"].newUpload::file-selector-button
{
    visibility:      hidden;
}

input[type="submit"].newUpload
{
    border:                     none;
    background-color:    transparent;	

    width:                       4em;
    height:                    2.2em;

    padding:                       0;
    margin:                        0;

    border-top-right-radius:    10em;
    border-bottom-right-radius: 10em;
    border-bottom-left-radius:   0em;
    border-top-left-radius:      0em;

    appearance:                 none;
   -moz-appearance:             none;
   -webkit-appearance:          none;

    color:                 #FFFFFF;
    text-shadow: 2px 2px 4px black;

    font-family: 'Times New Roman', Times, serif;  
}

input[type="submit"].newUpload:hover
{
    color:                 #FFFFFF;
    text-shadow: 2px 2px 4px rgb(7, 82, 245);    
}

span.newUploadPlaceholder
{
    border-style:              solid;
    background-color:    transparent;	

    width:                     0.5em;
    height:                    2.2em;

    padding:                       0;
    margin:                        0;

    border-left-width:          thin;
    border-right-width:         thin;
    border-top-width:            0px;
    border-bottom-width:         0px;

    border-top-right-radius:     0em;
    border-bottom-right-radius:  0em;
    border-bottom-left-radius:   0em;
    border-top-left-radius:      0em; 
    
    border-top-color:    transparent;
    border-bottom-color: transparent;
    border-left-color:     #FFFFFF;
    border-right-color:    #FFFFFF;
}