/* Handy (schmal) */
@media(max-width:600px){
 .grid,.cutgrid{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}
 .cutgrid .area{grid-column:1/-1}.settingrow{grid-template-columns:1fr 1fr}
 .settingrow button{grid-column:1/-1}
 .bar button{flex:1 1 auto}
 .total{font-size:18px}
 h1{font-size:22px}
 .app{padding:10px 7px 32px}
}

/* Tablet (mittel) */
@media(min-width:601px) and (max-width:1024px){
 .app{max-width:760px;padding:16px 14px 40px}
}

/* Desktop (breit) */
@media(min-width:1025px){
 .app{max-width:1180px;padding:20px 18px 48px}
 h1{font-size:32px}
 .card{padding:18px}
 .bar button{flex:0 0 auto}
}