@media (min-width: 390px) {
 /* Handy */
 body { background-color: LightGray; font-size: 14px; }

.sml   { font-size:12pt; font-family:verdana; color:#008000 }
.bus   { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:#008000 }

input, checkbox { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:blue }

}

@media (min-width: 850px) {
 /* Handy */
 body { background-color: Lavender; font-size: 14px; }

.sml   { font-size:12pt; font-family:verdana; color:#008000 }
.bus   { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:#008000 }

input, checkbox { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:blue }


}

@media (min-width: 1280px) {
 /* Tablet */
 body { background-color: Bisque; font-size: 14px; }

.sml   { font-size:8pt; font-family:verdana; color:#008000 }
.bus   { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; color:#008000 }

input, checkbox { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; color:blue }

}

@media (min-width: 1600px) {
 /* Notebook,PC */
 body { background-color: Gainsboro; font-size: 14px; }

.sml   { font-size:8pt; font-family:verdana; color:#008000 }
.bus   { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; color:#008000 }

input, checkbox { font-size:8pt; font-family:verdana,arial,helvetica,sans-serif; color:blue }

}

@media (orientation: portrait) {
 /* Handy aufrecht */
 body { background-color: PaleGoldenrod; font-size: 14px; }

.sml   { font-size:12pt; font-family:verdana; color:#008000 }
.bus   { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:#008000 }

input, checkbox { font-size:12pt; font-family:verdana,arial,helvetica,sans-serif; color:blue }

}

body { min-width: 95%; padding: 1 2 1 1; margin: 4px; font-family: Verdana; }

html { font-family: Verdana; font-size: 14px; }