/* ---------- More Information ---------- */
/*
.mehr-informationen a {
	display: block;
	background-color: #efefef;
	padding: 20px;
}

.mehr-informationen {margin-bottom: 20px;}
.mehr-informationen a:hover {background-color: #f3f3f3;}
.mehr-informationen .more-headline {font-size: 20px;}
.mehr-informationen .more-text {display: block;}*/


/* ------ MAIN ------ */
.main {
	padding: 3.125rem 0;
}
.main.mainTeaser {
	padding: 1.25rem 0;
}
.check-cap-bottom:after {
	content: "";
	display: block;
	height: 36px;
	width: 44px;
	background: url(../images/check-cap-white.png) no-repeat center center;
	margin: 0 auto;
	bottom: -1rem;
	margin-bottom: -1.65rem;
	position: relative;
}

/* ------ BOX ------ */
.box {
	padding: 2rem;
	background-color: #f0f0f0;
	margin-bottom: 2rem;
}

/* ------ COLORS ------ */
.bg-white {
	background-color: #fff;
}
.bg-light-grey {
	background-color: #808080;
}
.bg-lightgrey {
	background-color: #f0f0f0;
}
.bg-darkgrey {
	background-color: #333;
}
.bg-blue {
	background-color: #313E66;
}
.bg-red {
	background-color: #9A3837;
}
.bg-green {
	background-color: #FFD03B;
}
.bg-dark-grey {
	background-color: #808080;
}

.bg-blue *,
.bg-red *,
.bg-light-grey *,
.bg-dark-grey * {
	color: #fff;
}

.bg-light-grey span,
.bg-dark-grey span {
	color: #fff;
}

.bg-light-grey .button,
.bg-dark-grey .button {
	border-color: #fff;
}

.bg-light-grey .button:hover,
.bg-dark-grey .button:hover {
	background-color: #fff;
	color: #808080;
}

.bg-check {
	background-image: url(../images/check-white.png);
	background-repeat: no-repeat;
	background-position: right 16% center;
}


/* ------ MORE INFORMATION ------ */
.more-information {
	margin-bottom: 1.25rem;
}
.more-information > a {
	display: block;
	background-color: #efefef;
	padding: 1.25rem;
}
.more-information > a:hover {
	background-color: #e8e8e8;
}
.more-information .more-headline {
	font-size: 1.25rem;
}
.more-information .more-text {
	display: block;
}

.rabattCodeButton {
	font-weight: 700;
}

.rabattCodeError {
	color: #9A3837;
}

.rabattCodeButton > span {
	display: block;
	font-size: 0.625rem;
}

.rabattCodeButton.silver,
.rabattCodeButton.silver > span {
	color: silver;
}

.rabattCodeButton.gold,
.rabattCodeButton.gold > span {
	color: gold;
}

.rabattCodeButton.platinum,
.rabattCodeButton.platinum > span {
	color: #fff;
}

#rabattCodeInput.error {
	border: 1px solid #9A3837;
}