/* ---------- Hinweiskasten (Callout info) ---------- */
.hinweis {
  background: var(--teal-07);
  border-left: 4px solid var(--teal);
  border-radius: 6px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--anthrazit);
  font-size: 15px;
  line-height: 1.55;
}
.hinweis-titel {
  font-weight: 700;
  color: var(--teal);
  font-size: 16px;
}
.hinweis p {
  margin: 0;
}
.hinweis-idee {
  border-left-width: 6px;
  font-size: 16px;
  gap: 8px;
}
.hinweis-idee .hinweis-titel {
  font-size: 19px;
}
.absage-link {
  color: var(--teal);
  font-weight: 700;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.absage-link:hover {
  color: var(--teal-tief);
}
/* Links zum Editor mitten im Satz: groß genug zum Antippen */
#bloecke-satz a,
#weg-programm a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* Fehlermeldung */
.meldung:empty {
  display: none;
}
.meldung {
  background: var(--rost-t8);
  border-left: 4px solid var(--rost);
  border-radius: 6px;
  padding: 12px 16px;
  color: var(--anthrazit);
  font-size: 16px;
  font-weight: 700;
}