@media screen and (max-width:1400px){
    #Alles{
        width:1400px;
        left:0px;
        min-height:100%;
        position: absolute;
        top:0px;
        background-color: rgb(240,240,240);
    }
}
@media screen and (min-width:1400px){
    #Alles{
        width:1400px;
        left:calc((100% - 1400px)/2);
        min-height:100%;
        position: absolute;
        top:0px;
        background-color: rgb(240,240,240);
    }
} 

/* Smartphone*/
@media (max-device-width: 11cm){
body{
    font-size:35px;
}
input{
    font-size:80px;
}
textarea{
    font-size:35px;
}
#Alles{
    width:100% !important;
}
#Menu{
    background-image:url(/Grafiken/Menu_trans.png);
    width:100px;
    height:100px;
}
#Topleiste{
    width:100vw;
    min-height:75px;
    position:fixed;
    z-index: 2;
    top:0px;
    left:0px;
    padding-left:15px;
    background:linear-gradient( rgb(220,220,220), rgb(128,128,128) 50%);
    /*color:rgb(229,229,229);*/
    overflow:auto;
    font-size:80px;
}
#Log{
    position:relative;
    left:100px;
}
#Meldung{
    background-color:black;
    color: red;
}
#Inhalt{
    position:relative;
    width:100vw;
    top:100px;
    padding-left:1%;
    background-color: rgb(240,240,240);
}

#Navigation{
    float:left;
    width:100%;
    min-height:10px;
    top:0px;
}
#Navigation a{
    text-decoration:none;
    color:black;
    display:inline-block;  
    
    background-color: rgb(220,230,240);
    border-radius:20px;
    padding: 8px 40px 8px 40px;
    margin-left:4px;
    margin-top: 8px;
}
.NavAdm{
    background-color: rgb(220,240,230) !important;    
}
.NavMalta{
    background-color: rgb(240,230,220) !important;    
}
.NavBevS{
    background-color: rgb(240,220,230) !important;    
}
.NavP{
    background-color: rgb(190,230,200) !important;    
}
#Seitenleiste{
    width:250px;
    height:100%;
    position:fixed;
    z-index: 1;
    top:75px;
    left:0px;
    background:linear-gradient( rgb(128,128,128), rgb(220,220,220)  50%);
    color:rgb(229,229,229);
}
 #NavigationII{
    margin-top:30px;
}
.NavlinkII{
  background-color: rgb(64,64,64);
  color:rgb(229,229,229);
  border-radius:5px;
  padding: 1px 5px 1px 15px;
  margin-left:-5px;
  margin-top:1%;
  width:100%;
}

.Voll{
    width:100%;
}
.VollInput{
    width:99%;
    border-width:0;
}
.TabelleÜberschrift{
    font-weight: bold;
    font-size: xx-large;
    text-align: left;
}
.Tabelle {
    table-layout:fixed;
    background-color: rgb(220,230,240);
    empty-cells:hide;
    border:none;
    border-collapse:collapse;
}
.Tabelle th{
    border-bottom: rgb(0,0,0) solid;
    border-right: rgb(0,0,0) solid;
    padding:2px;
}
.Tabelle td{
    padding:2px;
}
.Tabelle tbody{
    border: 1px solid;
}
.Tabelle tr:hover {
    /*border: 2px rgb(204,0,0) solid;*/
    opacity:0.8;
    font-style:oblique;
    text-decoration: underline;           
}
.Tabelle hr{
    width: 80%;
    height: 2px;
    border-radius:50%;
    background-color: rgb(240,240,240);
    border-color: rgb(240,240,240);
    margin-top: 2pt;
    margin-bottom: 2pt;
}
.Tabellenicon img{
    max-width: 100px;
    max-height: 100px;
    width: 8vmin;
    height: 8vmin;
    cursor: pointer;
}


.TabelleB tr:hover {
    /*border: 2px rgb(204,0,0) solid;*/
    opacity:0.8;
    background-color: rgba(255,255,0,0.3);          
}

.Zeilevorheben{
    font-weight: bolder;
    background-color: rgb(128,128,128);
    color:rgb(229,229,229);
}
.Abschlusszeile td{
    border-top:2px rgb(0,0,0) solid;
    padding:2px;
}
.Highlight{
    background-color:black;
    color: red;
}
 /* Toggle-Schalter */
.switch {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 0.5em;
}
.slider:before {
  position: absolute;
  content: "";
  height: 0.9em;
  width: 0.9em;
  left: 0.05em;
  bottom: 0.05em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 0.5em;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 2px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(1em);
  -ms-transform: translateX(1em);
  transform: translateX(1em);
}

input[type=number][size="3"]{ width: 3em; }
input[type=number][size="4"]{ width: 4em; }

.Blogbild{
    width: 30%;
}
.Spruchbox{
    font-size: 2em;
    background-color: rgb(128,128,128);
    float: left;
    margin: 2%;
    padding: 1%;
    color: rgb(240,240,240);
    cursor: pointer;
}
.Spruchwahl{
    background-color: rgb(240,220,230) !important;   
    color:black !important; 
}
#Kategoriewahl{
    position:relative;
    width:100%;
}
.Quelle{
    font-style: italic;
    color: rgb(128,128,128);
}


}/*Ende Smartphone*/

/*
*###############################################################################
*###############################################################################
*###############################################################################
*###############################################################################
*/
@media (min-device-width: 11cm){
#Menu{
    display:none;
}
#Topleiste{
    width:100%;
    height:75px;
    position:fixed;
    z-index: 2;
    top:0px;
    left:0px;
    padding-left:15px;
    background:linear-gradient( rgb(220,220,220), rgb(128,128,128) 50%);
    /*color:rgb(229,229,229);*/
    overflow:auto;
}
#Meldung{
    background-color:black;
    color: red;
}
#Inhalt{
    position:relative;
    top:75px;
    width:98%;
    padding-left:1%;
    background-color: rgb(240,240,240);
}

#Navigation{
    float:left;
    width:100%;
    min-height:10px;
    top:0px;
}
#Navigation a{
    text-decoration:none;
    color:black;
    display:inline-block;  
    
    background-color: rgb(220,230,240);
    border-radius:5px;
    padding: 1px 5px 1px 5px;
    margin-left:2px;
    margin-top: 4px;
}
.NavAdm{
    background-color: rgb(220,240,230) !important;    
}
.NavMalta{
    background-color: rgb(240,230,220) !important;    
}
.NavBevS{
    background-color: rgb(240,220,230) !important;    
}
.NavP{
    background-color: rgb(190,230,200) !important;    
}
#Seitenleiste{
    width:250px;
    height:100%;
    position:fixed;
    z-index: 1;
    top:75px;
    left:0px;
    background:linear-gradient( rgb(128,128,128), rgb(220,220,220)  50%);
    color:rgb(229,229,229);
}
 #NavigationII{
    margin-top:30px;
}
.NavlinkII{
  background-color: rgb(64,64,64);
  color:rgb(229,229,229);
  border-radius:5px;
  padding: 1px 5px 1px 15px;
  margin-left:-5px;
  margin-top:1%;
  width:100%;
}

.Voll{
    width:100%;
}
.VollInput{
    width:99%;
    border-width:0;
}
.TabelleÜberschrift{
    font-weight: bold;
    font-size: xx-large;
    text-align: left;
}
.Tabelle {
    table-layout:fixed;
    background-color: rgb(220,230,240);
    empty-cells:hide;
    border:none;
    border-collapse:collapse;
}
.Tabelle th{
    border-bottom: rgb(0,0,0) solid;
    border-right: rgb(0,0,0) solid;
    padding:2px;
}
.Tabelle td{
    padding:2px;
}
.Tabelle tbody{
    border: 1px solid;
}
.Tabelle tr:hover {
    /*border: 2px rgb(204,0,0) solid;*/
    opacity:0.8;
    font-style:oblique;
    text-decoration: underline;           
}
.Tabelle hr{
    width: 80%;
    height: 2px;
    border-radius:50%;
    background-color: rgb(240,240,240);
    border-color: rgb(240,240,240);
    margin-top: 2pt;
    margin-bottom: 2pt;
}

.TabelleB tr:hover {
    /*border: 2px rgb(204,0,0) solid;*/
    opacity:0.8;
    background-color: rgba(255,255,0,0.3);          
}

.Tabellenicon img{
    max-width: 50px;
    max-height: 50px;
    width: 3vmin;
    height: 3vmin;
    cursor: pointer;
}

.Zeilevorheben{
    font-weight: bolder;
    background-color: rgb(128,128,128);
    color:rgb(229,229,229);
}
.Abschlusszeile td{
    border-top:2px rgb(0,0,0) solid;
    padding:2px;
}
.Highlight{
    background-color:black;
    color: red;
}
 /* Toggle-Schalter */
.switch {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 0.5em;
}
.slider:before {
  position: absolute;
  content: "";
  height: 0.9em;
  width: 0.9em;
  left: 0.05em;
  bottom: 0.05em;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 0.5em;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 2px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(1em);
  -ms-transform: translateX(1em);
  transform: translateX(1em);
}

input[type=number][size="3"]{ width: 3em; }
input[type=number][size="4"]{ width: 4em; }

.Blogbild{
    width: 30%;
}
.Spruchbox{
    font-size: 3em;
    background-color: rgb(128,128,128);
    float: left;
    margin: 2%;
    padding: 1%;
    color: rgb(240,240,240);
    cursor: pointer;
}
.Spruchwahl{
    background-color: rgb(240,220,230) !important;   
    color:black !important; 
}
#Kategoriewahl{
    position:relative;
    width:100%;
}
.Quelle{
    font-style: italic;
    color: rgb(128,128,128);
}


}/*Ende Monitor*/