/* blau: #291670 */
/* gelb: #fff500*/

.wkInfoCard{
	border-left: .5rem solid #291670;
	margin: 1rem 0;
	display: flex;
	background-color: #FFAE00;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16),
				0 2px 10px 0 rgba(0, 0, 0, 0.12);
	position: relative;

	a{
		text-decoration: none;
	}
}

.wkInfoCardDate{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #291670;
	padding: 0rem 0.5rem 0rem 0rem;
	width: 6rem;
}
@media (min-width: 640px){
	.wkInfoCardDate{
	justify-content: center;
	}
}

.wkInfoCardDateDay{
	font-size: 1.75rem;
}

.wkInfoCardDateWeekday{
	font-size: 1.15rem;
}

.wkInfoCardDateMonth{
	font-size: 1.15rem;
}

.wkInfoCardWkData{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background-color: #FF8100;
}
@media (min-width: 640px){
	.wkInfoCardWkData{
		flex-direction: row;
	}
}

.wkInfoCardWkInfo{
	padding: 0 1rem;
	flex-grow: 1;
}

.wkInfoCardWkInfo ul{
	padding: 0;
	list-style-type: none;
}

@media (min-width: 640px){
	.wkInfoCardWkInfo ul{
		padding: initial;
		list-style-type: initial;
	}
}

.wkInfoCardButtonBar{
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1rem;
}

.wkInfoCardButton{
	background-color: #fff;
	border-radius: 2px;
	color: #333;
	font-size: .9rem;
	margin: .5rem 0;
	padding: .75rem 1rem;
	text-align: center;
	width: 7rem;
}

.wkInfoCardButtonSuccess {
	background-color: #291670;
	color: #eee;
}

.wkInfoCardButtonRaised {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16),
				0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.fontWeightLighter {
	font-weight: lighter;
}

.flexFlowRow{
	flex-flow: row;
}

.justifyContentFlexStart{
	justify-content: flex-start;
}


.card__icon {
  align-items: center;
  color: #1ABC9C;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem 1rem 0;
  justify-content: center;
  width: 6rem;
}

.event-icon {
  font-size: 36px;
}

.material-icons {
  width: 1rem;
}