body
{
    min-height: 1000px;
    padding-top: 70px;
    color: #000;
    background: #fff;
}
@media (prefers-color-scheme: dark) {
  body {
    color: #fff;
    background: #222;
  }
}
/* zuerst ein Abstand für jeden Button */
.row .col-md-12 a[id^=switchRemote-],
.row .col-md-12 a[id^=switchQuadRelay-],
.row .col-md-12 a[id^=switchRelay-]
{
    margin: 10px 0 10px 0;
}
/* dann die einzelnen auf volle Breite */
.row > .col-md-12 > a[id^=switchRemote-],
.row > .col-md-12 > a[id^=switchQuadRelay-],
.row > .col-md-12 > a[id^=switchRelay-]
{
    min-width: 265px;
}
/* dann bei doppelte Buttons machen wir den linken ein wenig größer */
.row > .col-md-12 > .btn-group a[id^=switchRemote-]:first-child,
.row > .col-md-12 > .btn-group a[id^=switchQuadRelay-]:first-child,
.row > .col-md-12 > .btn-group a[id^=switchRelay-]:first-child
{
    min-width: 175px;
}
/* als den rechten zum Dimmen */
.row > .col-md-12 > .btn-group a[id^=switchRemote-]:last-child,
.row > .col-md-12 > .btn-group a[id^=switchQuadRelay-]:last-child,
.row > .col-md-12 > .btn-group a[id^=switchRelay-]:last-child
{
    min-width: 90px;
}