*{box-sizing: border-box}	


	
.monatHeadline, .terminbox_neu{
	position: relative;
	float: left;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}	
	 
	
.monatHeadline{
	padding: 33px 0 22px 44px;
	width: 100%; 
	clear: both; 
	font-size: 3em; 
	color: #94A4B3;
	float: left;
	position: relative
	}

.terminbox_neu{
	margin: 0px 0px 1px 0px;
	padding-left: 18px;
	min-height: 102px;
	width: 100%;
	color: #fff;
/* 	border-bottom: 1px solid #7a858d; */
}
.terminbox_neu:nth-child(odd) {background-color: #9EAEBF}
.terminbox_neu:nth-child(even) {background-color: #94A4B3}

.kalenderbox{
	width: 220px;
/* 	min-height: 88px; */
	position: absolute;
	float: left;
	bottom: 12px;
	
	
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;

}

.terminbox_neu .wochentag, .terminbox_neu .datum, monatKurz{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}


.terminbox_neu .wochentag{
	width: 18px;
	font-size: .9em;
}




.terminbox_neu .monatKurz{
	width: 55px;
	padding: 0 0 0 0px;
	font-size: .9em;
}


.terminbox_neu .kalenderbox > div{

	line-height: .74
}



.terminbox_neu .datum{
	font-size: 4.4em; 
	width: 112px;
	text-align: center;

	}


.terminbox_neu .eventbox{
	position: relative;
	float: left;
	width: 700px;
	min-height: 88px;
	left: 220px;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    
}




.terminbox_neu .eventbox .event{
	
	float: left;
	position: relative;
	clear: both;
	margin: 8px 0 0 0;
	padding: 10px 0 2px 0;
	font-size: 1.1em;
	border-top: 1px dotted rgba(255, 255, 255, 0.7);
	border-top: 1px dashed #becad6;
	
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
	
}

.terminbox_neu .eventbox .event:nth-child(2) {
    border-top: 0px dashed rgb(0, 0, 0);
  
}



.terminbox_neu .titel{
	float: left;
	position: relative;
	width: 380px;
}

.terminbox_neu .piktogramm{
	float: right;
	position: relative;
	width: 22px;
	margin: 2px 12px;
}

.terminbox_neu .piktogramm img{
	width: 22px;
	height: auto;
}

.terminbox_neu .uhrzeit{
	float: left;
	position: relative;
	width: 180px;

}

.terminbox_neu .anmeldeBtn{
	float: left;
	position: relative;
	width: 22px;
	height: 20px;
/* 	content: " "; 
	 background: url(../img/svg/pfeil.svg);
	 background-repeat: no-repeat;*/
}


.terminbox_neu > div{
/* 		border: 1px dotted aqua; */
}

.terminbox_neu a{
	color: #fff;
}
.terminbox_neu .eventbox .event a:hover {
	color: #000;
	}
/*
  content: "";
  float: right;
  position: absolute;
  right: 40%;
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;

    background: url(../img/svg/pfeil.svg);
*/



/* --------------------- FORM --------------------- */

.formContainer{
	position: relative;
	float: left;
	background: #fcfcfc;
	height: 440px;
	width: 100%;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	border-bottom: 1px dotted #c9d4dc;
}

.formContainer{
	padding-left: 240px;
}

.formWrapper{
	width: 500px;	
}
.formWrapper h3{
	margin:33px 0 22px 0;
}
.formWrapper > div{
	position: relative;
	float:left;
	width: 242px;
	height: 72px;
/* 	margin: 22px 0 0 0; */
	
}
.formWrapper .formTextarea{
	width: 462px;
	height: 120px;
}



input[type="text"], textarea{
	margin: 0em;
	font-weight: 400;
	font-size: .9em;
	border: 1px dotted #898989;
	border-top: none;
	border-right: none;
	background: transparent;
}
input[type="text"]{
	width: 220px;
	padding: 4px;
}
textarea{
	width: 462px;
	
}
input[type="submit"]{
	background: rgb(40, 125, 180);
	color: #fff;
	border: none;
	font-size: 1em;
	padding: 4px 8px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}
label{
	line-height: 2em;
	font-size: .9em;
}

label.fehlerklasse{
	color: #d30000;
}

.fehlermeldung{
	color: #d30000;
	font-size: .8em
}


.tipp{
/* 	font-family: 'Source Sans Pro', sans-serif; */
	font-style: italic
}
.piktogramm{
	
}