.Smartboard {


   div.grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr); /* 3 gleich breite Spalten */
      gap: 3em;
   }

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

   .griditem h3 {
      border-bottom: 8px solid #7272729e;
      border-bottom: 8px solid #e3e2e285;
      font-size: 170%;
   }




}



.SB-gesprache {


   table.Gesprache tr.NachstesMal td {
      border-top: 2px solid #0000008a;
   }


   table.Gesprache {
      font-size: 120%;
      transform: scale(1);          /* 120% */
      transform-origin: top left;     /* von oben links zoomen */
   }

   table tbody tr:nth-child(2n+1) {
      /*background-color: rgb(212, 207, 207);*/
   }
   table tbody tr:nth-child(2n) {
      /*background-color: rgb(220, 219, 219);*/
   }





   table.Gesprache  {
      width: 100%;
   }
   table.Gesprache tbody tr  {
      vertical-align: middle;
   }
   table.Gesprache tbody tr:nth-child(1) td  {
      background-color: rgba(32, 210, 32, 0.3);
   }
   table.Gesprache tbody tr:nth-child(2) td  {
      background-color: rgba(149, 236, 149, 0.3);
   }
   table.Gesprache tbody tr td:first-child {
      font-size: 180%;
      font-weight: bold;
      width:2.2em;
   }
   table.Gesprache tbody tr td:nth-child(2) {
      font-size: 128%;
      font-weight: bold;
   }

   table.GesprachPause tbody tr td {
      color:#797979;
   }

   table.Gesprache.GesprachPause tbody tr:nth-child(1) td  {
      background-color: rgba(235, 240, 71, 0.33);
      color:rgb(67, 75, 81);
      font-size: 150%;
      text-align: left;
   }
   table.Gesprache.GesprachPause tbody tr:nth-child(2) td  {
      background-color: rgba(235, 240, 71, 0);
   }

}


.blink {
   animation: blink-bg 1s infinite; /* Dauer 1s, unendlich wiederholen */
}

@keyframes blink-bg {
   0%   {
      background-color: #08c6a2;
   }
   50%  {
      background-color: transparent;
   }
   100% {
      background-color: #08c6a2;
   }
}