table.logliste {
  table-layout:auto;
  margin:auto;
  width:100%;
}
table.logliste td {
  vertical-align:top;
}
th.Zeit { width: 80pt; }
form {
    display:block;
    width: 90%
}

table.logedit {
  table-layout:auto;
  margin:auto;
  width:100%;
}
table.logedit td {
  vertical-align:top;
}
/*label, input, select {display:inline-block;}*/
label {
  display:inline-block;
  width: 20%;
  min-width:160pt;
  margin-right: 3pt;
}

#FSort label {
  width: 70pt;
  min-width: auto;
}

/* input[text] fuer Vorrang in Passionate-Theme */
input, input[type=text], select, label+div, textarea {
  display:inline-block;
  width: 30%;
  min-width:180pt;
  box-sizing:border-box; /* for Learner theme */
}

input[type=text], select {
  height:20pt;
}

table.logedit td.Mission { width:120pt; }
table.logedit td.Zeit { width:40pt; }
table.logedit td.Ereignis { min-width:150pt; }
table.logedit td.Ball { min-width:80pt; }
table.logedit td.Link { width:40pt; }
table.logedit td.Del { white-space:nowrap; min-width: 1pt;}
select.SetMission {
  width: 100%;
  min-width: 120pt;
}
input.SetZeit {
  width: 100%;
  min-width: 60pt;
}
textarea.SetBeschreibung {
  width: 100%;
  min-width: 150pt;
  transition: all 0.25s ease;
  height: 30pt;
  box-sizing: border-box;
}
textarea.SetBeschreibung:focus {
  height: 5em;
}
select.AddBall {
  width: 2em;
  min-width: 0;
  display:inline-block;
}
input.SetMsgid {
  width: 100%;
  min-width: 40pt;
}
.hint {
  display: inline-block;
}
input[type=checkbox], input[type=radio] {
  width:auto;
  min-width:auto;
}
input[type=submit] {
  display:block;
  width: auto;
  min-width:unset;
  margin: 0 0 0 auto;
}
input[type=submit].inlinebtn {
  display:inline;
  width:auto;
  min-width:unset;
}
#SetBallDiv select { width:100%; }
#loginform { width:320px; display:block;}
#user_login, #user_pass {width: 100%;}

.smallscreenlabel {
  display: none; 
  font-size:smaller;
  color: var(--sfglib-tm-farbe);
}

textarea#SumImportSumtext {
  vertical-align: top;
  transition: all 0.25s ease;
  height: 30pt;
}
textarea#SumImportSumtext.expanded,
textarea#SumImportSumtext:focus {
  height: 20em;
}

/* Small-width (mobile) specializations */
@media(max-width:30em) {
  /* auf kontinuierliches Layout umstellen */
  table.logliste th {display:none;}
  table.logedit th {display:none;}
  table.logedit td {width: 100%;}
  td.Mission {
    display:block;
  }
  td.Zeit {
    display:block;
    width: 100%;
  }
  td.Ereignis {
    display:block;
    width: 100%;
  }
  td.Ball, td.Link, td.Del {
    display:inline-block;
  }
  .smallscreenlabel {
    display: inline-block;
    min-width: 20pt;
  }
}