button.noScript { display: none; }

hr {border:0;border-top:1px solid gray;}

input[type=number] {text-align: right;}

td.currency {padding-left:0px; width:0;}
td.symbol {width:0;}

.calculated {background-color:#EFEFEF; border:1px solid gray; text-align:right; width:100%;}

.dropdown-content {
  display: none;
  position: absolute;
  top: 2px;
  left: 2px;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  /*border:1px solid #0078D7;*/
  border-color:transparent;
  box-shadow:0px 0px 3px 2px #4D90FE; -webkit-box-shadow:0px 0px 3px 2px #4D90FE; -moz-box-shadow:0px 0px 3px 2px #4D90FE;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content h4 {
  margin: 0.75em;
}

.dropdown-content a:hover {background-color: #0078D7;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.input-group {
  border: 1px solid gray;
  border-radius: 2px;
  padding: 0;
  margin: 0;
}
.input-group td {padding:0;}

.input-group input, .input-group .calculated {
  border: none;
  max-width:100%;
}

.input-group .currency {
  background-color: darkgray;
  min-width:1em;
  text-align: center;
  margin: 0;
}

.input-group input:hover, .input-group input:focus {outline:none}

.qr_code {
  border: 3px solid black;
  border-radius: 9px;
  padding:10px;
}

.w20p {width: 20%;}

.small {padding: 0; font-size: 4px;}

#myBox.media td.header {padding-bottom: 0; padding-top: 0;}

@media (max-width:491px) {
  #myBox {font-size: 10px;}
}
@media (min-width:492px) and (max-width:572px) {
  #myBox {font-size: 12px;}
}
@media (min-width:573px) and (max-width: 649px) {
  #myBox {font-size: 14px;}
}
@media (min-width:650px) and (max-width: 911px) {
  #myBox {font-size: 16px;}
}
/* Für Desktop Monitore */
@media (any-hover: hover) {
  input[type=number] {padding-right: 1px;}
  /*body, * {scrollbar-gutter: stable both-edges};*/
}
@media only screen and (max-width:356px) and (orientation:portrait) and (any-hover: hover) {
  #warn{display:inline-block;}
}
@media only screen and (max-width:340px) and (orientation:portrait) and (any-hover: hover) {
  #warn{display:inline-block;}
}