body {
     background-color: #222;
     color: #fff;
     font-family: "Roboto Mono", monospace;
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
     margin-left: 40px;
  }

  #oben {
     height: 60px;
  }

  h1,
  h3 {
     margin-left: 70px;
  }

  h3 small {
     color: #fff;
  }

  details {
     color: #fff;
     font-size: 28px !important;

  }

  p.songtext,
  p.songtext details {
     font-size: 28px;
     line-height: 60px;
  }

  p.songtext i.sol {
     color: #00e5ff;
  }

  /* Gitarren Solo */
  p.songtext sol,
  p.songtext gs {
     color: #00e5ff;
  }

  /* Background Gesang */
  p.songtext gb,
  p.songtext y {
     color: #1aa3d6;
     display: none;
  }

  p.songtext y {
     color: #1aa3d6;
  }

  p.songtext z {
     color: #aaa;
  }

  p.songtext i.ref {
     color: #ffd600;
  }

  p.songtext ref,
  p.songtext ga,
  p.songtext x {
     color: #ffd600;
  }

  p.songtext g0 {
     color: #fff;
  }

  p.songtext g1 {
     color: #00ff00;
  }

  p.songtext g2 {
     color: #ff00ea;
  }

  p.songtext aa,
  p.songtext g3,
  p.songtext details g3 {
     color: #bf6f48;
  }

  p.songtext g4 {
     color: #71fddeb5;

  }

  p.songtext i.rch {
     color: #ff9900;
     display: none;
     font-size: 34px;
  }



  #navOben b {
     display: block;
     margin-top: 10px;

  }

  #navOben {
     position: fixed;
     top: 5px;
     right: 20px;
     line-height: 35px;
  }

  #navOben a:link,
  #navOben a:visited {
     color: #fff;
     font-size: 22px;
     text-decoration: none;
  }

  nav {
     position: fixed;
     top: 200px;
     right: 20px;
     /* width: 300px; */
  }

  nav a:link,
  nav a:visited {
     color: #fff;
     font-size: 22px;
     text-decoration: none;
  }

  nav a:hover {
     color: blueviolet
  }

  nav li {
     line-height: 40px;
  }

  nav #uhr01 {
     color: #fff;
     font-size: 22px;
  }

  summary {
     cursor: pointer;
  }

  summary:hover {
     color: blueviolet
  }

  #eingabe {
     font-size: 22px;
     width: 80px;
     height: 30px;
     text-align: center;
     background-color: transparent;
     color: #fff;
  }

  #slidecontainer {
     position: fixed;
     bottom: 10px;
     /* right: 20px; */
     /* width: 300px; */
  }

  #slidecontainer {
     width: 100%;
     display: grid;
     grid-template-columns: 7fr 1fr 1fr 1fr 1fr;
  }

  #top {

     font-size: 20px;
     width: 100px;
     background-color: #4d5757;
     border-radius: 25%;
     color: #fff;
  }

  #def {
     font-size: 20px;
     width: 60px;
     background-color: #4d5757;
     border-radius: 25%;
     color: #fff;
  }

  button {
     cursor: pointer;
  }

  #but_groove,
  #but_aTab {
     width: 30px;
     background-color: #4d5757;
     border-radius: 25%;
     color: #fff;
  }

  #metronom {
     display: block;
     position: fixed;
     top: -200px;
     left: 0px;
     right: 200px;

  }

  .dat {
     display: none;
  }