.clickandmeet {
position:relative;
width:100%;
display: flex;
justify-content: center;
align-items: center;
}



.kalender{
position:relative;
float:left;
background-color:#26a73b;

	display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
		width: 296px;
		height:250px;
		font-size:20px;

}

.kalender div {display:flex; justify-content:center; align-items: center;}

.oberkalender {display:flex; justify-content:space-between; align-items: center; background:#eee; height:36px;}

.oberkalender a, .ueberschrift {display:flex; justify-content: center; align-items: center; text-decoration:none; margin:1px; color:#000; }
.kalender p {margin:0px; margin-left:0px; margin-bottom:0px; padding:0px; display:flex; justify-content: center; align-items: center; text-decoration:none; margin:1px; color:#660000;}


.kalender p.termin:hover,.blaettern:hover   { color:rgb(0,0,0); background:#FF9900;  transition: all 1s;}

.kalender p.vorbei {background:#ccc; cursor: not-allowed;}
.kalender p.feiertag {background:#FFBBBB; cursor: not-allowed;}
.kalender p.heute {  background:#FF9900;}
.kalender p.termin { background-color:#55FF55; cursor:pointer; }
.kalender p.keintermin{ background:#FF5555; cursor: not-allowed;}

.kalender p.leer  {  }
.kalender p.ueberschrift {  color:#FFFFFF;}
.kalender p.kalenderschrift {  color:#FF9900;}

.blaettern { background-color:#eee; font-size:28px; cursor:pointer;}
.oberkalender p.titel { background-color:#eee;}