body { font-family: Oswald; padding:20px; background:whitesmoke;}
input { font-family: Oswald; height: 2em, display:block; width:95%; margin:6px 0; padding:8px;  border:1px solid #ccc; border-radius:4px; text-align: center;}
button { font-family: Oswald; padding:8px 12px; margin-top:10px;  display: block; margin-left: auto; margin-bottom: 10px; width:100px; } 
img { width: 100%;  border:1px solid #ccc; border-radius:4px;} 
.box { max-width: 400px; margin:auto; padding:10px; border:1px solid #ccc; border-radius:4px; }
h2, .msg { width: 95%; height: 2em; padding: 8px; margin:6px 0; background: #eee; margin-top: 10px; color: black;}
#qrcode img { max-width:100%;}
.scrollbox {
  width: 100%;
  height: 400px;
  overflow-y: auto;   /* Scrollbar nur wenn nötig */
  border: 1px solid #ccc;
}

a { text-decoration: none;}

p {
    text-align:center;
    margin: 0.1em 0;
    font-size: 1em;
    height:1.1em;
    font-weight: normal;
}
/**

input:focus {
  outline: 2px solid black;
}
*/
input:focus {
  outline: none;
  border-color: black;
}