.calen {

background: ;
height: auto;
width: 48%;
float: left;
margin: 5px 0px  0px 7px;
padding-bottom: 10px;
}

.ca_ye {

background: ;
font-family: var(--font);
font-weight: bold;
text-align: center;
color: var(--link-color);
font-size: 1.2em;
height: auto;
width: 100%;
float: left;
margin: 10px 0px 0px 0px;
}

.theadd {

background: var(--link-col1);
height: 13px;
width: 14.2%;
display: inline-block;
padding: 5px 0px 5px 0px;
font-family: var(--font);
font-weight: bold;
text-align: center;
color: var(--bg-col1);
font-size: 1.2em;
float: left;
margin-bottom: 10px;

}







.kal_titel {

background: var(--link-col1);
height: 50px;
width: 100%;
box-sizing: border-box;
color: var(--bg-col1);
text-transform: uppercase;
font-family: var(--title-font);
font-weight: bold;
text-align: right;
font-size: 1.8em;
color: var(--bg-col1);
float: left;
padding: 18px 13px 18px 0px;

}


.kal_titel2 {

background: var(--bg-col3);
height: auto;
width: 100%;
box-sizing: border-box;
font-family: var(--font);
color: var(--link-col1);
text-transform: uppercase;
font-weight: bold;
float: left;
padding: 8px 8px 8px 0px;
text-align: right;

}


.kal_men {

background: var(--bg-col2);
padding: 0px;
box-sizing: border-box;
height: 100%;
width: 198px;
margin: 0.8px 0px 0px; 0px;
text-align: center;
float: left;

}



.kal_box {

background: var(--bg-col3);
padding: 0px;
box-sizing: border-box;
height: 100%;
width: 599px;
margin: 1px 1px 0px; 0px;
text-align: left;
float: left;

}


.k_new  {

background: ;
height: auto;
max-width: 130px;
margin: 1px 0px 1px 10px;
float: ;
text-align: left;

}



 .kalender_boxen {

background: var(--bg-col3);
padding: 0px;
box-sizing: border-box;
height: 200px;
width: 49%;
margin: 8px 3px 5px; 0px;
text-align: center;
float: left;

}


.kalender_year {

background: var(--bg-col3);
padding: 8px;
box-sizing: border-box;
height: 30px;
width: 100%;
margin: 0px 0px 0px; 0px;
text-align: center;
float: left;
font-weight: bold;
font-family: var(--title-font);
font-size: 1.3em;
color: var(--bg-col4);
text-transform: uppercase;

}



.kalender_day{

background: var(--link-col1);
padding: 0px;
box-sizing: border-box;
height: 30px;
width: 100%;
margin: 0px 0px 0px; 0px;
text-align: center;
float: left;
font-weight: bold;
color: var(--bg-col1);

}


.tday {

display: inline-block;
position: relative;
height: 30px;
padding-top: 10px;
width: 14%;
float: left;
margin-bottom: 0.4em;

}



.k_navi {

background: var(--link-col1);
border-right: 15px solid rgba(255, 255, 255, 0.0);
height: 20px;
width: 185px;
display: inline-block;
padding: 15px 0px 10px 0px;
font-family: var(--title-font);
font-weight: bold;
text-align: right;
font-size: 1.3em;
color: var(--bg-col1);
text-transform: uppercase;

}


.k_k1 {

background: var(--link-col2);
border-right: 15px solid rgba(255, 255, 255, 0.0);
height: 20px;
width: 185px;
display: inline-block;
padding: 8px 0px 5px 0px;
font-family: var(--font);
font-weight: bold;
text-align: right;
font-size: 1em;
color: var(--bg-col1);
text-transform: uppercase;

}


.nav__backgroundkal {

background: var(--bg-col2);
width: 100%;
height: 100%;

}
	
.birthdaycal {
    background-color: var(--bg-ipcal-col4);
    color: var(--font-ipcal-col4);
}

.event {
    background-color: var(--bg-ipcal-col1);
    color: var(--font-ipcal-col1); 
}
		