html, body {scroll-behavior: smooth;}

body {
  background-color: #FFCC66;
  font: normal 12pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  border: none;
}

footer {
  position: fixed;
  bottom: 0px;
  width: 7em;
  height: 0;
  right: 1em;
  font-size: 1em;
  text-align: right;
  }

footer button {
  background-color: #DDAA44;
  font-size: 1.5em;
  }

h1, h2, h3, h4 { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; }

P {
  margin-left : 5px;
  font-size : 1em;
  line-height : 1.5em;
}

a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}
a:hover {color: #aa2244;}


@media only screen and (max-width: 52em) {
  body { font-size: 11pt; }
  font-size: 11pt;
  table #praxis {display: none;}
}

 .table {
   display: table;
   width: 40%;
   margin-left: 1em;
   padding: 2px;
   border: none;
 }
 .reihe {
   display: table-row;
   border: none;
 }
 .zelle {
   display: table-cell;
   padding: 5px;
   border: none;
 }
 .zelle1 {
   font-weight: bold;
 }
 listen {
   display: flex;
   flex-flow: row wrap;
   }
 uebung, workshop, kosten {
   flex: 1 50%;
   margin-left: 5px;
   width: 40%;
   line-height : 1.5em;
   border: none;
   }
 uebung dt { width: 9em; }
 workshop dt, kosten dt { width: 11em; }

 dt {
   float: left;
   font-weight: normal;
   margin-right: 0.5em;
   }
 dd:after {
   content: " ";
   clear: left;
   display: block;
   }