.modal{
	display:none;
	position:absolute;
	width:430px;
	top:75px;
	left:50%;
	margin-left:-215px;
	z-index:999999999;
}

th{
	cursor:pointer;
}

.modal_karte{
	display:none;
	position:absolute;
	width:618px;
    top: 56px;
	left:50%;
	margin-left:-300px;
	z-index:999999999;
}


.karte tr td{
	padding:1px 5px;
  text-align: center;
}

.karte tr th{
  text-align: center;
}

table tr:hover{
    background-color: rgba(0, 128, 0,.3)
}
#info{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding-bottom: 7px;
}



@media (max-width: 430px) {
	.mui-panel {
		padding:0;
		margin-bottom:0;
	}
	.schmall{
		display:none;
	}


	th{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 42px;
	}

	.main_greeting{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		max-width: 50%;
	}
	.modal{
		width:90%;
		margin-left:-45%;
		padding:15px;
		top:15px;
	}
  .modal_karte{
    position: absolute;
    width: 100%;
    padding:0;
    left: 0;
    margin-left: 0;
  }


}


#mui-overlay{
  cursor: pointer;
}



.modal textarea{
	height:100px;
	resize:vertical;
}


.page{
  display: none;
  cursor: pointer;
}

.page.show{
  display: inline;
}