/* css styles */

.callout-aufgabe { 
  border-left: 4px solid #2c3e50; /* dunkle Linie links */ 
  background-color: rgba(219, 238, 255, 0.3);
  padding: 0.8em 1em; 
  border-radius: 8px; 
  margin: 1em 0; 
} 

.callout-aufgabe .callout-title { 
  display: block;        /* Titel sichtbar machen */
  font-weight: bold; 
  color: #2c3e50; 
  margin-bottom: 0.5em;  /* Abstand zum Text */
} 

.callout-aufgabe .callout-icon { 
  display: none; /* kein Icon anzeigen */ 
}

/*Tipps*/
.callout.callout-tipp {
  border-left: 4px solid #f1c40f;   /* kräftig gelber Rand */
  background-color: #fff9e6;        /* sanftes Gelb */
  padding: 0.8em 1em;
  border-radius: 8px;
  margin: 1em 0;
}

.callout.callout-tipp .callout-title {
  font-weight: 600;
  color: #b58900; /* dunkler Titel */
}

.callout.callout-tipp .callout-icon {
  display: none; /* kein Icon */
}