body {
  background-color: LightGray;
  font-family: Verdana,Geneva,sans-serif; 
}


.header {
  position: sticky;
  top: 0;
  padding: 1px 14px;
  background: #555;
  color: #f1f1f1;
}

h2 {

}

h3 {
text-align: center;
}

a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #f1f1f1;
  color: black;
  float: left;
}

.next {
  background-color: #04AA6D;
  color: white;
  float: right;
}

.round {
  border-radius: 50%;
}



ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.tpzeile{
	margin:0;
	padding:8px 16px 14px 16px;
	border-bottom:2px solid #a8c3d6;
}
.tptag{
	margin:0;
	padding:0;
	font-size:20px;
        background-color: #34c180;
        color: white;
}
.tptermin{
	margin:0;
	padding:0;
	font-size:24px;
}
.tport{
	margin:0;
	padding:0;
	font-size:14px;

}

.tphinweis{
	margin:0;
	padding:0;
	font-size:14px;
	background-color:#ff444480;
}
.tpname{
	margin:0;
	padding:0;
	font-size:10px;
}

.tptodo{
	background-color:#bbdbf2;
}



.filterDiv {
  display: none;
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
  overflow: hidden;
}

/* Style the buttons */
.btn {
  font-size:14px;
  font-weight: bold;
  border: none;
  outline: none;
  padding: 4px 6px;
  border-radius: 8px;
  background-color: #f1f1f1;
  cursor: pointer;
  width: 60px;
  height: 40px;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #34c180;
  color: white;
}