.griditem {
   border: 0px solid #ccc;
   padding: 10px;
}

.griditem h3 {
   border-bottom: 1px solid black;
}

.griditem1 {
   max-width: 30em;
}

.griditem2 {
   max-width: 50em;
}







table.Schuler {

   tr td {
      padding-top:0.1em;
      padding-bottom:0.1em;
   }

   tr {
      vertical-align: middle;
   }


   span.Ampel {
      font-size: 140%;
   }

}




@keyframes blink-neu {
   0%   {
      background-color: #b2b2e33d;
   }
   50%  {
      background-color: transparent;
   }
   100% {
      background-color: #b2b2e33d;
   }
}


@keyframes blink-bereit {
   0%   {
      background-color: #b2b2e3ad;
   }
   50%  {
      background-color: transparent;
   }
   100% {
      background-color: #b2b2e3ad;
   }
}



div.Gespräche_Termin {
   display: inline-block;
   margin-right: 1em;
}

div.Gespräche_container {
   display: flex;
}


table.Warteschlange {

   min-width: 20em;

   tbody  {


      td {
         padding-top: 0.2em;
         padding-bottom: 0.2em;
         white-space: nowrap;

      }


      tr {
         vertical-align: middle;
      }


      tr:nth-child(2) td {
         background-color: rgba(32, 210, 32, 0.3);
      }

      tr:nth-child(3) td {
         background-color: rgba(149, 236, 149, 0.3);
      }


      tr td.Personen {
         padding-right:2em;
      }


      tr td.Personen div {
         padding: 0.0em 0.5em;
         display: inline-block;
         border-radius: 4px;
      }

      tr.WunschVonS td.Personen span {
         font-size: 60%;
         color:#1d1d8463;
      }
      tr.WunschVonL td.Personen span {
         font-size: 60%;
         color:#3535352e;
      }
      tr.WunschVonS td.Personen div {
         background:#7575ca3d;
      }
      tr.WunschVonL td.Personen div {
         background:#efefefa1;
      }

      tr.NichtEinsortiert {
         animation: blink-neu 1.5s infinite;
      }


      tr.Status_Bereit {
         animation: blink-bereit 0.5s infinite;
      }


      tr td.Personen div:hover {
         background:#1d1da423;
         cursor: pointer;
      }

   }
}












td.Graduierung {

   span.markiert {
      border:2px solid black;
   }
   span.vorgemerkt {
      background:#dccaa6;
   }
   span.Tier {
      font-size: 130%;
      border-radius: 0.3em;
      margin-right: 0.3em;
   }
}




table.page_Gespräche {

   td.Anzahl {
      padding: 1px 6px;
      text-align: center;
      position: relative;
   }
   span.Anzahl {
      color: black;
      border: 0px solid #7b7b7b5c;
      padding: 1px 6px;
      border-radius: 8px;
      background: #c5d2d55e;
      position: absolute;
      top: 2px;
      right: 2px;
   }

   td.tdhover {
      background-color: #ddddcc48;
   }

   td.Heute {
      background-color:#abff1640;
   }

}





span.selected {
   border: 1px solid #44080800;
   padding: 2px;
   background: #aa444430;
   border-radius: 4px;
}