#banner {
	background-color: #fff;
	height: 43.67vw;
	margin-bottom: 0 !important;
	min-height: 18em;
}

#banner:after {
	background: #fff;
}

#banner > article:after {
	display: none;
}

/* Das vollständige Bild bleibt in der Höhe sichtbar; bei schmalen
   Bildschirmen wird nur an den Seiten beschnitten. */
#banner > article {
	background-attachment: scroll;
	background-position: center center !important;
	background-size: auto 100%;
}

/* Fester Abstand zwischen Slider und Inhalt, unabhängig von der Fensterbreite. */
.home-page #main.wrapper.sidebar.colored-columns {
	margin-top: 0 !important;
	padding: 1.5em 0 .5em !important;
}

/* The first slide has a light background, so its transparent header is dark. */
body.banner-first-slide #header.alt,
body.banner-first-slide #header.alt a,
body.banner-first-slide #header.alt h1 {
	color: #444;
}

/* Im transparenten Header über dem Startbild keine Textmarke anzeigen.
   Nach dem Scrollen bleibt das grafische Logo in der Navigation sichtbar. */
.home-page #header.alt .brand-text {
	display: none;
}

#main header.major .intro-emphasis {
	font-size: 1.2em;
	font-weight: 600;
}

#main header.major .button.special {
	background-color: #a7c83c;
}

#main header.major .button.special:hover {
	background-color: #96b536;
}

#main header.major .button.special:active {
	background-color: #859f30;
}

.sheet-features {
	list-style: none;
	margin: 0 0 3em;
	padding: 0;
}

.sheet-features li {
	min-height: 2.25em;
	padding: 0 0 1.25em 2.75em;
	position: relative;
}

.sheet-features li:before {
	background: #a7c83c;
	border-radius: 50%;
	color: #fff;
	content: '\2713';
	font-weight: 700;
	height: 1.7em;
	left: 0;
	line-height: 1.7em;
	position: absolute;
	text-align: center;
	top: -.1em;
	width: 1.7em;
}

.sheet-features strong,
.sheet-features span {
	display: block;
}

.sheet-features strong {
	margin-bottom: .2em;
}

.folder-contents {
	border-top: 1px solid #e6e6e6;
	margin-bottom: 2em;
}

.folder-contents > div {
	border-bottom: 1px solid #e6e6e6;
	padding: 1em 0;
}

.folder-contents strong {
	display: flex;
	line-height: 1.5em;
}

.folder-contents strong span {
	background: #a7c83c;
	border-radius: 50%;
	color: #fff;
	flex: 0 0 2em;
	height: 2em;
	line-height: 2em;
	margin: -.25em .85em 0 0;
	text-align: center;
}

.folder-contents p {
	margin: .35em 0 0 2.85em;
}

@media screen and (max-width: 480px) {
	.folder-contents p { margin-left: 0; }
}