.day {
	display:inline-block;
    float:left;
    width:14.2857%;
    text-align: center;
}

.day.kheadline {
	margin-top:24px;
	margin-bottom: 70px;
	height:36px;
	line-height:36px;
	font-size:2rem;
	font-weight:bold;
	color:#222;
	background-color: transparent;
		}


.prenormal, .current, .normal, .after, .before { 
	
	display: inline-flex;
	min-height:96px; 
	width:96px; 
	margin-bottom: 7px;
	margin-top: 7px;
	justify-content: center;
	line-height: 5rem;
	font-size: 2rem !important;
	align-self: stretch;
	vertical-align: middle;
	padding:7px 2px 2px 2px !important;
	box-sizing: border-box;
	border-radius:50%; 

}

.after, .before 		{ color:#333; background: rgba(201,201,201,0.50);  }

.current 	{ color: #fff;  background: orange;  }

.normal 	{ color:#fff;  background: rgba(0,111,183,0.67);  }

.prenormal 	{ color:#777; background: rgba(201,201,201,1.00); }

.normal:hover, current:hover  {background: rgba(0,111,183,1); color:rgba(255,255,255,0.70); }




div.normal a 		{ color:#fff !important; }
div.normal a:hover 	{ color:#000 !important; text-decoration:underline !important; }

div.terminbg 		{ position:relative; }

span.calenderSiteLink, a.calenderSiteLink { position:absolute; left:-68px; top:16px; display:block; width:54px; height:54px; -webkit-border-radius:27px; border-radius:27px; overflow:hidden;
					  background-size:36px; background-repeat:no-repeat; background-position:center; color:rgba(255,255,255,0.00); }

a.calenderSiteLink 		{ background-image:url(pic/generatedoc.svg); background-color:rgba(25,25,25,1.00); }
span.calenderSiteLink 	{ background-image:url(pic/dicavailable.svg); background-color:rgba(125,125,125,1.00); }



/* ////   Retina iPad Landscape  //// */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2),
only screen
	and (max-width: 1024px) { /* //////////////   Responsive Design: iPad Landscape //////////////// */
		.day.kheadline 										{ height:24px; line-height:24px; font-size:16px; font-weight:100; }
		.prenormal, .current, .normal, .after, .before 		{ height:72px; line-height:72px; font-size:18px; }
		span.calenderSiteLink, a.calenderSiteLink 			{ left:-68px; top:10px; width:48px; height:48px; -webkit-border-radius:24px; border-radius:24px; background-size:32px; }  }


/* ////   Retina iPad Portrait    //// */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2),
only screen
	and (max-width: 768px) {  .day.kheadline 										{ height:28px; line-height:28px;  }
		.prenormal, .current, .normal, .after, .before 		{ height:82px; line-height:82px;  }
		span.calenderSiteLink, a.calenderSiteLink 			{ left:-50px; top:13px; width:48px; height:48px; -webkit-border-radius:24px; border-radius:24px; background-size:32px; } }


/* Smartphone LandScape & use for iPhone 6 Landscape */
/* ////   iPhone 6 Landscape  //// */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape),
only screen 
and (max-height : 480px) 
and (orientation : landscape) {  .day.kheadline 			{ height:16px; line-height:16px;  }
		.prenormal, .current, .normal, .after, .before 		{ height:32px; line-height:32px;  }
		span.calenderSiteLink, a.calenderSiteLink 			{ left:-36px; top:4px; width:24px; height:24px; -webkit-border-radius:12px; border-radius:12px; background-size:18px; }  }		
		

/* !!!!!!!!!!!!!!! for iPhone 6 Portrait !!!!!!!!!!!!!!!!!!!! */		
/* ////   iPhone 6 Portrait  //// */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait),
only screen
	and (max-width: 480px) { .day.kheadline 										{ height:16px; line-height:16px;  }
		.prenormal, .current, .normal, .after, .before 		{ height:56px; line-height:56px;  }
		span.calenderSiteLink, a.calenderSiteLink 			{ left:-28px; top:3px; width:24px; height:50px; -webkit-border-radius:0px; border-radius:0px; background-size:18px; }     }