.pointer {
cursor: pointer;
}

.top80 {
margin-top: 80px;
}

.top40 {
margin-top: 40px;
}

.top20 {
margin-top: 20px;
}

.kia-control-group {
    background: #eee;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 10px;
}

#kia .form-horizontal hr {
    border-top: 1px solid #5f4a25;
    border-bottom: 1px solid #5f4a25;
     margin: 10px 0;
}
    

#kia .report hr {
    border-top: 1px solid #5f4a25;
    border-bottom: 1px solid #5f4a25;
     margin: 5px 0;
}


#kia #main .report-description h4.description-title {
     font-family: SegeoPrint;
     font-size: 17.5px;
}

#kia #main .report-description h2 {
  display: block;  
  font-size: 14px;
  margin-top:20px;
}

#kia #main .report-description h1 {
  font-size: 18px;
  margin-top:20px;
  text-decoration: underline;
  display: block;
}

#kia #main .report-description h3 {
font-family: unset;
  font-size: 14px;
  margin-top:20px;
  display: block;
}

#kia #main .report-description h4, #kia #main .report-description h5, #kia #main .report-description h6 {
  font-family: unset; 
  font-size: 12px;
  margin-top:10px;
  display: block;
}

   
            
#kia #report-table .report-image {
    width: 100px;
}   

#kia #single-report-table .report-image {
    width: 200px;  
    text-align: center;
}   
               
#kia #report-table .report-image img {
    
}

#kia #report-table .report-title {
    font-weight: bold;
}      
               
#kia .report-subtitle, #kia .report-keywords {
    color: gray;
}   
               
#kia #report-table .report-abstract {
    margin-top: 10px;
}

#kia #report-table .report-tissue {
    width: 0px;
}

#kia table td.endoderm, #kia #report-table td.endoderm {
    background: #f8dc0d; 
}

#kia table td.old-mesoderm, #kia #report-table td.old-mesoderm {
    background: #f8b10d; 
}

#kia table td.new-mesoderm, #kia #report-table td.new-mesoderm {
    background: #f88e0d; 
}

#kia table td.ectoderm, #kia #report-table td.ectoderm {
    background: #f80d0d; 
}

#kia #add-report {
    margin: 20px auto;
    width: 50%;
}     

#kia #report-table {
    border-collapse: separate;
    border-spacing: 0 20px; 
}

#kia #report-table tr {
    border-top: 0px;
}

#kia #report-table td {
    background: #eee;
}

#kia #report-table tr td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#kia #report-table tr td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

#kia #single-report-table {
    margin: 20px 0;
    border: 1px solid gray;
    width: 100%;
}

#kia #single-report-table tr td:first-child { 
    font-weight:bold;
}

#kia #single-report-table tr td { 
    padding:5px;
}

#kia table .username { 
    text-align:center;
    margin-top: 5px;
    font-style: italic;
}

#kia .report-file {
    text-align:center;
}

#kia .report-files img {
    max-width:100%;
}

#kia .report li {
    line-height: unset;
}

#kia .report strong {
   /* font-weight: bold;
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;*/
}

#kia table .flag, #kia .report .flag {
    height: 10px;
    margin: 0 5px;
}

#kia #add-report.btn {
    color: black;
}

.question-status-3 {
    background-color: #dff0d8;
}

.question-status-2 {
    background-color: #f2dede;;
}

.question-status-1 {
    background-color: #fbeed5;
}


#main .entry h3.user-question {
    font-family: Verdana;
    font-size: 14px;
    background: #efefef;
    padding: 15px;
    border-radius: 10px;
}

#main .entry h3.user-question:before{content:"Die Frage im Wortlaut: \""}
#main .entry h3.user-question:after{content:"\""}

#main a.black-link {
    color:black;
}

.answer-by {
    text-align: center;;
}

.question-table-img {
    width: 70px;
    border-radius: 35px;
}

.author-under-answer {
    width: 100px;
    float: left;
    margin-right: 10px;
    border-radius: 50px;
}

.top50 {
    margin-top: 50px;
}

.clear {
    clear:both;
}

.table-all-authors td {
    text-align: center !important;
}

.table.table-all-authors th, .table.table-all-authors td  {
      border-top: 0;
}

#report-table thead {
    display: none;
}

.table-all-authors img.inactive {
    border: 0px solid black;
}

.table-all-authors img.active {
    border: 1px solid black;
}

#kia .table-all-authors td a, #kia .table-all-authors td a:hover {
    color: #333;
}


#kia select.form-control {
    display: inline;
    margin-left: 25px;
  }
  
  #kia #report-table_filter label {
      display: inline;
  }
  
  
/* Therapeutenliste ausklappbar */  
  .cell-content {
  height: 100px;           /* Begrenzung der Höhe */
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

/* Fade-Effekt am unteren Rand */
.cell-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px; /* Höhe des Fade-Bereichs */
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none; /* Klicks gehen durch */
}

/* Klasse für "offen" – ohne Begrenzung und ohne Fade */
.cell-content.expanded {
  max-height: none;
}

.cell-content.expanded::after {
  display: none;
}

/* Optional: Cursor als Hinweis */
tr.js-therapist {
  cursor: pointer;
}