.T3688 {
	padding: 20px 0px;
	background-color: #ececed;
	border-top: 10px solid #dedede;
}

.T3688 .headline {
	margin: 0px 0px 20px 0px;
	text-align: center
}

.T3688 .periods {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.T3688 .periods .period {
	width: 20%;
	text-align: center;
	line-height: 28px;
	font-size: 22px
}

.T3688 .periods .period .label_link {
	display: inline-block;
	height:auto;
	min-height:64px;
	text-decoration: none;
   /* align-items: center;
    justify-content: center;*/
}

.T3688 .periods .period:hover, .T3688 .periods .period:hover a b { text-decoration: underline !important; }

/*.T3688 .periods .period a:hover { text-decoration: underline !important; }*/

.T3688 .periods .period .date {
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
}

.T3688 .periods .period.advent {
	color: #fe8f0b;
}

.T3688 .periods .period.traum {
	color: #84268c;
}

.T3688 .periods .period.sonne {
	color: #3041fd;
}

.T3688 .periods .period.sayhello {
	color: #fe8f0b;
}

.T3688 .periods .period.shtp {
	color: #983688;
}

.T3688 .info {
	margin: 20px auto 10px auto;
	font-weight: bold;
	text-align: center;
}@media all and (min-width:768px) and (max-width:1023px) {
	.T3688 .period {
		font-size: 20px !important;
		line-height: 1.16 !important
	}

}

@media all and (min-width:568px) and (max-width:767px) {
	body .T3688 .period {
		width: 50% !important;
		margin: 10px 0px 20px 0px;
		font-size: 18px !important;
		line-height: 1.16 !important
	}

	.T3688 .period .label_link {
		min-height: 0 !important;
	}

}

@media all and (max-width:567px) {
	.T3688 .period {
		margin: 5px 0px 10px 0px;
		width: 100% !important;
		font-size: 16px !important;
		line-height: 1.16 !important
	}

	.T3688 .period .label_link {
		min-height: 0 !important;
	}

}