/******  List View CSS ******/

#pictures {
  width: 750px;
}

.picture {
  padding: 5px;
  border-style: solid;
  border-width: thin;
  border-color: #779;
  background-color: white;

  display:table-cell;display:inline-table;display:inline-block;
}

.pictureframe {
  padding: 5px;
  display:table-cell;display:inline-table;display:inline-block;
}

.picturediv {
  display: inline;
  width: 150px;
  height: 200px;
}

.inline {
  display: inline;
}


th.c1{
background-color : #8d1e2b;
font : Times New Roman;
color : #fdee94;
font-size : 12px;
font-weight : bold;
text-decoration : none;
  border:1px solid #cccccc

}




.trnormal td {
   background-color: #FFFFFF;
  border:1px solid #cccccc

 }
.trhighlight td {
   background-color: #aaaaaa;
   border:1px solid #cccccc
 }


tr:nth-child(odd) {background-color:#aFc8aF;}
tr:nth-child(even) {background-color: #FFFFFF;}


/*****  Single View CSS *****/

.caption {
  font-style: italic;
}

#singleimage {
  width: 700px;
}


/* ================================================================
   Checklisten-Sync (ergänzt von Claude für Clemens Arnold, 2026-09)
   ================================================================ */

.cl-app-notice {
  margin-bottom: 0.75em;
  border: 1px solid #f0ad4e;
  border-radius: 4px;
  padding: 0.75em;
  background: #fff8ec;
}

/* Der ganze Wrapper um das echte Moodle-Text-Feld (in dem der Rohtext
   "[x] Name ;; [ ] Name" gespeichert wird) soll nie zu sehen sein - die
   Checkbox-Oberfläche direkt darunter (.cl-checklist-ui) ist die
   eigentliche Bedienoberfläche. Bewusst der GANZE Wrapper statt nur des
   inneren <input>/<textarea>, und mit !important: so hängt das Verstecken
   an keiner Annahme über die genaue innere Feld-Markup-Struktur, die
   Moodle für ein Text-Feld erzeugt, und kann von keiner anderen Regel
   überschrieben werden. */
.cl-field-values {
  display: none !important;
}

.cl-sync-row {
  margin-top: 0.3em;
}

.cl-sync-status {
  margin-top: 0.3em;
  font-size: 0.85em;
  color: #555;
  max-width: 320px;
}

.cl-hint {
  font-size: 0.85em;
  color: #666;
  max-width: 600px;
}

.cl-stale-option {
  color: #999;
  text-decoration: line-through;
}

.cl-empty-hint {
  font-style: italic;
  color: #8d1e2b;
}

.cl-edit-list {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
}

.cl-edit-row {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 1px 3px;
}

.cl-remove-btn {
  border: none;
  background: none;
  color: #a33;
  cursor: pointer;
  font-size: 0.85em;
  line-height: 1;
  padding: 0 0.3em;
}

.cl-remove-btn:hover {
  color: #d00;
  text-decoration: underline;
}

.cl-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em;
}

.cl-chip {
  display: inline-block;
  padding: 0.15em 0.5em;
  border-radius: 999px;
  font-size: 0.85em;
  border: 1px solid #ccc;
  white-space: nowrap;
}

.cl-chip-checked {
  background-color: #d9f2d9;
  border-color: #6aa96a;
  color: #205020;
}

.cl-chip-open {
  background-color: #f3f3f3;
  color: #777;
}

.cl-chip-stale {
  border-style: dashed;
}

.cl-summary {
  margin-top: 0.3em;
  font-size: 0.8em;
  color: #555;
  font-weight: bold;
}