#gridcal 
{
}

.calender {
	display: grid;
    /* Spalten */
    grid-template-columns: repeat(7, 1fr);
    /* Zeilen */
	grid-template-rows: auto;
	border:0px solid white;
}
* html  .calender,
* + html  .calender {
	
}
.calender div.after,
.calender div.before{
	color: silver;
}
.pagination 
{
	display:inline-grid;
    grid-template-columns: repeat(7, 1fr);
    grid-column: 1 /span 7;
	margin: 0em;
	padding: 0em;
	text-align: center;
	line-height:40px;
	font-weight: bold;
}
.pagination a {
	/* display: inline-grid; */
	color:white;
	text-decoration: none;
	/*background: blue;*/
}
.pagination a :hover {
	text-decoration: underline;
	background: #maroon;
}
/* Monatsfeld */
.pagihead { 
	display: inline-grid;
	grid-column-start:3; 
	grid-column-end:6; 
	background: white;
	color: blue;
}
.day{
	border:1px solid white;
	line-height: 40px;
	text-align: center;
	/* font-family:times-roman; */
	/* font-size:2em;*/
}
.day.headline {
	display: inline-grid;
	background:silver;
}
.day.current {
	font-weight: bold;
	background: yellow;
}
.day.termin {
	font-weight: bold;
	background: skyblue;
}
.clear {
	clear:left;
}
/* 1. Zeile */
/* =================================================
	Abschnitt für PORTRAIT BREITE --> 740px
================================================== */
@media only screen and (orientation: portrait) and (max-width: 740px)
{
.day.headline 
{
	background:blue;
}
.pagihead 
{ 
   background: white;
   color: blue;
}
}