/*
 * Opening-hours badge in the header (.c--anim-btn = open, .c--anim-btn-close = closed; the state
 * is set by open-status.js). Box of 64px with the status above the "Öffnungszeiten" link; on hover
 * the status slides up and the link shows.
 */
.c--anim-btn,
.c--anim-btn-close {
	height: 64px;
	overflow: hidden;
	text-align: right;
	color: #333;
	width: 130px;
}

.c--anim-btn {
	font: normal normal 300 1em/4em Montserrat, sans-serif;
}

.c--anim-btn-close {
	font: normal normal 300 0.9em/4em Montserrat, sans-serif;
}

.c--anim-btn span,
.c--anim-btn-close span {
	text-decoration: none;
	text-align: right;
	display: block;
}

.c--anim-btn span {
	color: green;
	font-weight: 300;
}

.c--anim-btn-close span {
	color: #f65058;
	font-weight: 400;
	margin-top: 10px;
}

.c--anim-btn,
.c-anim-btn,
.c--anim-btn-close,
.c-anim-btn-close {
	transition: 0.3s;
}

.c--anim-btn a:hover,
.c--anim-btn-close a:hover {
	color: #333;
}

.c-anim-btn,
.c-anim-btn-close {
	margin-top: 0;
}

.c--anim-btn:hover .c-anim-btn {
	margin-top: -4em;
}