body { font-family: sans-serif; padding: 20px; }
input, button, textarea { margin: 5px 0; padding: 5px; font-size: 1em; }
.frage-list { margin-top: 20px; }
.frage-item { padding: 4px 6px; border-radius: 4px; margin-bottom: 3px; cursor: pointer; background:#f4f4f4; }
.frage-item:hover { background:#e6e6e6; }
#frage { width: 80%; font-size: 1.1em; padding: 6px; }
#antwortContainer { margin-top:15px; }
.antwortText { 
  width:100%; 
  margin-bottom:5px; 
  height:60px; 
  padding:8px; 
  border-radius:6px; 
  border:1px solid #ccc;
  resize:none;
  background:#f9f9f9;
  line-height:1.4em;
}
a { text-decoration:none; color:#000; }
.info-tag { display:inline-block; margin-left:8px; font-size:0.9em; padding:2px 6px; border-radius:6px; color:white; }
.fakt { background:#4CAF50; } 
.user { background:#2196F3; } 

#scrapeErgebnisse { margin-top: 10px; padding: 5px; border: 1px solid #ddd; background: #f9f9f9; min-height: 30px; }
#selfStatus { margin-top:15px; padding:8px; border:1px solid #ccc; border-radius:6px; background:#eef; }

.feedback-btn { margin-right:5px; }

#saveSelfBtn { margin-top:10px; background:linear-gradient(180deg,#00c6ff,#0072ff); color:white; border:none; padding:10px 16px; border-radius:8px; cursor:pointer; }

#manuelleAntwortBtn {
  background: linear-gradient(180deg, #00c6ff, #0072ff);
  color: white;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
}
#manuelleAntwortBtn:hover {
  background: linear-gradient(180deg, #0090ff, #005fe0);
}