.glass-container0:hover, .glass-container1:hover, .glass-container2:hover, ul:hover{box-shadow: none; 
box-shadow: 
1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; 



1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey,; 
1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey,
1.3px 1.3px 29.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px black, 1.7px 1.7px 25.0px grey;
}

ul:hover {background-color: rgba(190, 220, 255, 0.281);}



.glass-container0, .glass-container1, .glass-container2, ul, .butto nsmittig, .buttons, .linksmit, .inmetall, .whiteboard{
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;   3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey;}

.glass-container0 {box-s hadow: none; background-color: rgba(192, 192, 192, 0.371);
box-s hadow: 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white, 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey;
}





table{width:100%;} .b29{width:0%;}

.b5, .b7, .b23, .b25,.Stan dard {display: none;} tr, td {bord er: none; bor der-radius: 0%;} .b29{padding-left: 10px; padding: 10px;} table {border: none;border-radius: 0px; wid th:99.5%; margin: auto;backgroun d-image: none;box-shadow: none;b ox-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;   3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey;}
.glass-container0, .glass-container1, .glass-container2, ul, det ails, .b uttonsmittig,.linksmit, .tablediv{
box-shadow: 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px black, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white;   3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey;}
.buttons,  .buttonsmit tig{box-shadow: 3.0px 0.0px 1.0px white, -3.0px 0.0px 1.0px white, 0.0px 2.0px 1.0px white, 0.0px -3.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 1.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 1.0px white, 1.7px 1.7px 25.0px grey,     1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px black, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px black, 1.3px 1.3px 9.0px white, 1.0px 0.0px 1.0px black, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px -3.7px 25.0px 3px white; }
.glass-buttons a, a70{background-color:none; }.glass-buttons{pad ding: 0px;overflow: hidden;border-radius: 10px;background-color: rgba(255, 255, 255, 0.70);backdrop-filter: blur(70.7px);border: 3px solid rgba(255,255,255,0.3);backdrop-filter: blur(7px); box-shadow: 1.3px 1.3px 29.0px white, 1.0px 0.0px 1.0px white, -1.0px 0.0px 1.0px white, 0.0px 1.0px 1.0px white, 0.0px -1.0px 1.0px white, 1.3px 1.3px 10.0px white, 1.7px 1.7px 21.0px white, 1.7px 1.7px 25.0px grey; inset; background-color: rgba(255, 255, 255, 0.477); front-color: rgb(255, 139, 139);}
summary{border: 3px solid rgba(128, 128, 128, 1.8);}
tr, td, th, table {border-radius: 0px;bor der-width: 3; bor der-style: none;b ox-shadow: none;bor der-collapse: collapse; border-color: rgba(0, 0, 0, 0.5); padding: 3px;} th {bor der-radius: 0px;bor der-width: 3; border-style: none;b ox-shadow: none;borde r-collapse: collapse; back ground-color: brown;} tr, td, th, table{border-collapse: collapse;} tr, td, th, table{font-size: 0.87rem;} .b27 .l3 {pa dding:7px;} .b3 a1{padd ing:4px;} .b3 .l3{pad ding:5px;} .tablediv{background: url("texture-STONE_640.jpg");padding: 10px;paddi ng-bottom: 200px;} .tablespace{padding: 30px;} .linksmittig{outline: 7px solid rgba(255,255,255,0.2);padding: 3px;} .linksmit{padding: 3px;}
.b29{visibility: hidden;}
summary, details, table { width: auto; }


deta ils, su mmary, di v {
  width: max-content;
}




/* -------------------- PANELS (JETZT exakt wie buttonsmittig) -------------------- */
.sidebarb {
position: fixed;
bottom: 0;
height: 77vh;
width: 30vw;
padd ing: 20px;
text-align:center;
bord er-radius: 30px 30px 0 0;
back ground-color: rgba(255, 255, 255, 0.475);
ba ckdrop-filter: blur(7px);
borde r: 1px solid rgba(255,255,255,0.5);

box-shadow:
1.3px 1.3px 1.0px white,
1.0px 0.0px 1.0px white,
-1.0px 0.0px 1.0px white,
0.0px 1.0px 1.0px white,
0.0px -1.0px 1.0px white,
1.3px 1.3px 10.0px white,
1.7px 1.7px 1.0px white,
1.7px 1.7px 25.0px grey inset;

z-index: 7;
transition: transform 0.4s ease;
overflow-y: auto;

overflow: auto;
scrollbar-width: none;      /* Firefox */
}

.sidebarb::-webkit-scrollbar {
display: none;              /* Chrome, Edge, Safari */
}

/* Startposition links */
#lettersPanel {
right: 0;
transform: translateX(100%);
}

/* Startposition rechts */
#nikkudPanel {
right: 0;
transform: translateX(100%);
}

#lnnPanel {
right: 0;
transform: translateX(100%); 
}

/* Aktiv sichtbar */
#lettersPanel.active {
transform: translateX(0);
}
#nikkudPanel.active {
transform: translateX(0);
}
#lnnPanel.active {
transform: translateX(0);
}

/* -------------------- CLOSE DIV (oben 10%) -------------------- */
.closeTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;     /* volle Breite der Sidebar */
  height: 25%;     /* obere 10% */
  z-index: 999; /* über allem */
  cursor: pointer;
  opacity: 0.00;
}
.closeTop:hover  {
  opacity: 1.00;
}

.neben {
  float: none;
  display: block;
}
.showprop{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;     /* volle Breite der Sidebar */
  height: 75%;     /* obere 10% */
  z-index: 999; /* über allem */
  cursor: pointer;
  opacity: 0.00;
}
.showprop:hover  {
  opacity: 1.00;
}









.b29 { background-color: rgba(195, 199, 199, 0.7); }   /* #c3c7c7 */
.b1  { background-color: rgba(195, 199, 199, 0.8); }
.b3  { background-color: rgba(195, 199, 199, 0.8); }
.b5  { background-color: rgba(229, 184, 11, 0.8); }   /* #E5B80B */
.b7  { background-color: rgba(255, 228, 103, 0.8); } /* #ffe467 */
.b9  { background-color: rgba(255, 228, 103, 0.8); }
.b11 { background-color: rgba(229, 228, 226, 0.8); } /* #e5e4e2 */
.b13 { background-color: rgba(255, 255, 255, 0.8); } /* white */
.b15 { background-color: rgba(255, 255, 255, 0.8); }
.b17 { background-color: rgba(255, 255, 255, 0.8); }
.b19 { background-color: rgba(197, 106, 57, 0.8); }  /* #C56A39 */
.b21 { background-color: rgba(255, 255, 255, 0.8); }
.b23 { background-color: rgba(203, 205, 205, 0.8); } /* #cbcdcd */
.b25 { background-color: rgba(132, 132, 130, 0.8); } /* #848482 */
.b27 { background-color: rgba(195, 199, 199, 0.8); } /* #c3c7c7 */
.b31 { background-color: rgba(195, 199, 199, 0.8); }

.b29-light { background-color: rgba(195, 199, 199, 0.4); }   /* #c3c7c7 */
.b1-light  { background-color: rgba(195, 199, 199, 0.5); }
.b3-light  { background-color: rgba(195, 199, 199, 0.5); }
.b5-light  { background-color: rgba(229, 184, 11, 0.5); }   /* #E5B80B */
.b7-light  { background-color: rgba(255, 228, 103, 0.5); } /* #ffe467 */
.b9-light  { background-color: rgba(255, 228, 103, 0.5); }
.b11-light { background-color: rgba(229, 228, 226, 0.5); } /* #e5e4e2 */
.b13-light { background-color: rgba(255, 255, 255, 0.5); } /* white */
.b15-light { background-color: rgba(255, 255, 255, 0.5); }
.b17-light { background-color: rgba(255, 255, 255, 0.5); }
.b19-light { background-color: rgba(197, 106, 57, 0.5); }  /* #C56A39 */
.b21-light { background-color: rgba(255, 255, 255, 0.5); }
.b23-light { background-color: rgba(203, 205, 205, 0.5); } /* #cbcdcd */
.b25-light { background-color: rgba(132, 132, 130, 0.5); } /* #848482 */
.b27-light { background-color: rgba(195, 199, 199, 0.5); } /* #c3c7c7 */
.b31-light { background-color: rgba(195, 199, 199, 0.5); }

.b29-dark { background-color: rgba(195, 199, 199, 0.4); }   /* #c3c7c7 */
.b1-dark  { background-color: rgba(195, 199, 199, 0.5); }
.b3-dark  { background-color: rgba(195, 199, 199, 0.5); }
.b5-dark  { background-color: rgba(229, 184, 11, 0.5); }   /* #E5B80B */
.b7-dark  { background-color: rgba(255, 228, 103, 0.5); } /* #ffe467 */
.b9-dark  { background-color: rgba(255, 228, 103, 0.5); }
.b11-dark { background-color: rgba(229, 228, 226, 0.5); } /* #e5e4e2 */
.b13-dark { background-color: rgba(255, 255, 255, 0.5); } /* white */
.b15-dark { background-color: rgba(255, 255, 255, 0.5); }
.b17-dark { background-color: rgba(255, 255, 255, 0.5); }
.b19-dark { background-color: rgba(197, 106, 57, 0.5); }  /* #C56A39 */
.b21-dark { background-color: rgba(255, 255, 255, 0.5); }
.b23-dark { background-color: rgba(203, 205, 205, 0.5); } /* #cbcdcd */
.b25-dark { background-color: rgba(132, 132, 130, 0.5); } /* #848482 */
.b27-dark { background-color: rgba(195, 199, 199, 0.5); } /* #c3c7c7 */
.b31-dark { background-color: rgba(195, 199, 199, 0.5); }

.b29-stone { background-color: rgba(195, 199, 199, 0.0); } /* #c3c7c7 LINKS */ 
.b1-stone  { background-color: rgba(195, 199, 199, 0.0); } /* BUCH &  VERS */
.b3-stone  { background-color: rgba(195, 199, 199, 0.0); } /*         H NUMBER */
.b5-stone  { background-color: rgba(229, 184, 11, 0.1); }  /* #E5B80B H ADDED */
.b7-stone  { background-color: rgba(255, 228, 103, 0.1); } /* #ffe467 H ORIG*/
.b9-stone  { background-color: rgba(255, 228, 103, 0.1); } /*         H  */
.b11-stone { background-color: rgba(229, 228, 226, 0.3); } /* #e5e4e2 H TRA */
.b13-stone { background-color: rgba(255, 255, 255, 0.1); } /* white   EN */
.b15-stone { background-color: rgba(255, 255, 255, 0.1); } /*         SD&M */
.b17-stone { background-color: rgba(255, 255, 255, 0.1); } /*         1ST */
.b19-stone { background-color: rgba(197, 106, 57, 0.1); }  /* #C56A39 ALGO*/
.b21-stone { background-color: rgba(255, 255, 255, 0.1); } /*         MORPH*/
.b23-stone { background-color: rgba(203, 205, 205, 0.3); } /* #cbcdcd H ORIG TRA*/
.b25-stone { background-color: rgba(132, 132, 130, 0.3); } /* #848482 H ORIG SPELL*/
.b27-stone { background-color: rgba(195, 199, 199, 0.0); } /* #c3c7c7 LINKS*/
.b31-stone { background-color: rgba(195, 199, 199, 0.0); } /*         LEER*/

.b29-qwhite { background-color: rgba(195, 199, 199, 0.0); } /* #c3c7c7 LINKS */ 
.b1-qwhite  { background-color: rgba(195, 199, 199, 0.0); } /* BUCH &  VERS */
.b3-qwhite  { background-color: rgba(195, 199, 199, 0.0); } /*         H NUMBER */
.b5-qwhite  { background-color: rgba(229, 184, 11, 0.1); }  /* #E5B80B H ADDED */
.b7-qwhite  { background-color: rgba(255, 228, 103, 0.1); } /* #ffe467 H ORIG*/
.b9-qwhite  { background-color: rgba(255, 228, 103, 0.1); } /*         H  */
.b11-qwhite { background-color: rgba(229, 228, 226, 0.3); } /* #e5e4e2 H TRA */
.b13-qwhite { background-color: rgba(255, 255, 255, 0.1); } /* white   EN */
.b15-qwhite { background-color: rgba(255, 255, 255, 0.1); } /*         SD&M */
.b17-qwhite { background-color: rgba(255, 255, 255, 0.1); } /*         1ST */
.b19-qwhite { background-color: rgba(197, 106, 57, 0.1); }  /* #C56A39 ALGO*/
.b21-qwhite { background-color: rgba(255, 255, 255, 0.1); } /*         MORPH*/
.b23-qwhite { background-color: rgba(203, 205, 205, 0.3); } /* #cbcdcd H ORIG TRA*/
.b25-qwhite { background-color: rgba(132, 132, 130, 0.3); } /* #848482 H ORIG SPELL*/
.b27-qwhite { background-color: rgba(195, 199, 199, 0.0); } /* #c3c7c7 LINKS*/
.b31-qwhite { background-color: rgba(195, 199, 199, 0.0); } /*         LEER*/

.b29-white { background-color: rgba(195, 199, 199, 0.0); }   /* #c3c7c7 */
.b1-white  { background-color: rgba(195, 199, 199, 0.0); }
.b3-white  { background-color: rgba(195, 199, 199, 0.0); }
.b5-white  { background-color: rgba(229, 184, 11, 0.0); }   /* #E5B80B */
.b7-white  { background-color: rgba(255, 228, 103, 0.0); } /* #ffe467 */
.b9-white  { background-color: rgba(255, 228, 103, 0.0); }
.b11-white { background-color: rgba(229, 228, 226, 0.0); } /* #e5e4e2 */
.b13-white { background-color: rgba(255, 255, 255, 0.0); } /* white */
.b15-white { background-color: rgba(255, 255, 255, 0.0); }
.b17-white { background-color: rgba(255, 255, 255, 0.0); }
.b19-white { background-color: rgba(197, 106, 57, 0.0); }  /* #C56A39 */
.b21-white { background-color: rgba(255, 255, 255, 0.0); }
.b23-white { background-color: rgba(203, 205, 205, 0.0); } /* #cbcdcd */
.b25-white { background-color: rgba(132, 132, 130, 0.0); } /* #848482 */
.b27-white { background-color: rgba(195, 199, 199, 0.0); } /* #c3c7c7 */
.b31-white { background-color: rgba(195, 199, 199, 0.0); }

.row       { background-color: rgba(255, 255, 255, 0.0); }
.row-light { background-color: rgba(255, 255, 255, 0.3); }
.row-dark  { background-color: rgba(255, 255, 255, 1.7); }
.row-stone  { background-color: rgba(255, 255, 255, 0.0);}
.row-qwhite { background-color: rgba(255, 255, 255, 1.7);}
.row-white { background-color: rgba(255, 255, 255, 1.7); }

body.light { background:#ffffff; }
body.mid   { background:#cccccc; }
body.dark  { background:#222222; }

.box-light { background:#eeeeee; color:#000; }
.box-mid   { background:#bbbbbb; color:#000; }
.box-dark  { background:#444444; color:#fff; }



table{width:100%;} .b29{width:0%;}





summary.summary-D { background:#333; color:#fff; }





/* usw. für alle Klassen */


.nav-A {  }
.nav-B { background:#dddddd; co lor: black;}
.nav-C { background:#222222; col or:#fff; }
na v1.nav-A { background-color: #eeeeee; }
na v1.nav-B { background-color: #bbbbbb; }
na v1.nav-C { background:#444444; co lor:#fff; }
na v1.nav1-D { background:#555; }

.body-A {  }
.body-B { background:#dddddd; co lor: black;}
.body-C { background:#222222; col or:#fff; }
.body-D { background-image: none; background-color: rgba(195, 199, 199, 0.7); color:black; background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }

table-A {  }
table-B { background-image: none;background:#bbbbbb; text-shadow:none;}
table-C { background-image: none;background:#444444; text-shadow:none;}
table-D { background-image: none;background-image: none;background-color: rgba(195, 199, 199, 0.0); background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;   }



.tablediv-A {  }
.tablediv-B { background:#bbbbbb; text-shadow:none;}
.tablediv-C { background:#444444; text-shadow:none;}
.tablediv-D { background-image: none;background-color: rgba(195, 199, 199, 0.0); background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain;   }
.linksmit-A {  }
.linksmit-B { background:#bbbbbb; }
.linksmit-C { background:#444444; co lor:#fff; }
.linksmit-D { background-image: none;background-color: rgba(195, 199, 199, 1);  }
.stonea01-A {  }
.stonea01-B { background:#bbbbbb;  }
.stonea01-C { background:#444444;  }
.stonea01-D { background-image: none;background-color: White; color:black; }

.wordsmittig-A {  }
.wordsmittig-B { ba  ckground:#bbbbbb; color:black;text-shadow:none; }
.wordsmittig-C { backg round:#444444; color:#fff;text-shadow:none; }
.wordsmittig-D {  color:black;text-shadow:none; background-image: none; background-color: rgba(195, 199, 199, 0.0); background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }

.buttons-A {  }
.buttons-B { background:#bbbbbb;; }
.buttons-C { background:#444444; }
.buttons-D { background:White; }
.buttons-A:hover {  }
.buttons-B:hover { background:#bbbbbb; }
.buttons-C:hover { background:#444444;  }
.buttons-D:hover { background:White;}
.buttonsmittig-A {  }
.buttonsmittig-B { background:#bbbbbb;; }
.buttonsmittig-C { background:#444444; }
.buttonsmittig-D { background:White; }
.buttonsmittig-A:hover {  }
.buttonsmittig-B:hover { background:#bbbbbb; }
.buttonsmittig-C:hover { background:#444444;  }
.buttonsmittig-D:hover { background:White;}
.glass-buttons-A {  }
.glass-buttons-B { background:#bbbbbb; }
.glass-buttons-C { background:#444444; }
.glass-buttons-D { background:White;  }
.glass-buttons-A:hover {  }
.glass-buttons-B:hover { background:#bbbbbb; }
.glass-buttons-C:hover { background:#444444;  }
.glass-buttons-D:hover { background:White; }
details .number-A {  }
details .number-B { background:white; }
details .number-C { background:white; co lor:#fff; }
details .number-D { background-image: none;background-color: WHITE; background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
details .number-A:hover {  }
details .number-B:hover { background:white; }
details .number-C:hover { background:white; co lor:#fff; }
details .number-D:hover { background-image: none;background-color: WHITE; background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
details[open] .number-A {  }
details[open] .number-B { background:white; }
details[open] .number-C { background:white; co lor:#fff; }
details[open] .number-D { background-image: none;background-color: WHITE; background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
details[open] .number-A:hover {  }
details[open] .number-B:hover { background:white; }
details[open] .number-C:hover { background:white; co lor:#fff; }
details[open] .number-D:hover { background-image: none;background-color: WHITE; background-image: url("logo.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; }
summary.summary-A { }
summary.summary-B { background:#bbbbbb; }
summary.summary-C { background:#444444; co lor:#fff; }
summary.summary-D { background-image: none; background: rgba(195, 199, 199, 0.0); }
.a31-A { }
.a15-A { }
.a17-A { }
.a31-B { text-shadow:none; }
.a15-B { text-shadow:none; }
.a17-B { text-shadow:none; }
.a31-C,.a15-C,.a17-C { text-shadow:none; }




.glass-buttons {
  transition: filter 0.3s ease, transform 0.1s ease;
}
.glass-buttons:active {
  filter: invert(0.3);
  transform: translateY(4px);
  box-shadow: none;
}



audio {
    opacity: 0.5;
}
#audioplayer {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: height 0.2s ease;
}
#audioplayer.open {
    visibility: visible;
    height: auto;
}



#hoverHide {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 17vw;
    height: 20vh;
    opacity: 0;
    z-index: 999999;
    pointer-events: auto; /* WICHTIG: immer aktiv */
}
.sidebarb.hideRight {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}



.selectable {
  cursor:pointer;
  trans ition:filter .15s, box-shadow .15s;
}
.selectable.active {
  filter:invert(1); filter: hue-rotate(180deg); filter: brightness(1.2); filter: sepia(0.3); filter: contrast(0.8); background-color: NONE;
  box-shadow:inset 0 0 0 3px #00f; filter:invert(1); 
}
.row-active {
  background-color: rgba(0, 120, 255, 0.15);filter:invert(0.15);
}
/* TD Hover */
.hoverfx-on td:hover{
  cursor:pointer;
  filter:invert(1) hue-rotate(180deg) brightness(1.2) sepia(0.3) contrast(0.8);
  box-shadow:inset 0 0 0 3px #00f;
}
/* TR Hover */
.hoverfx-on tr:hover{
  background-color:rgba(0,120,255,0.15);
  filter:invert(0.15);
}