/* Gesamtseite */

div.pagewidth {
	max-width: 1180px;
	margin: 0 auto;
}

/* header */

header {
	height: 110px;
	height: var( --header-height );
	background: #c7d6e7;
	background: var( --header-backgroundcolor );
}
header div.pagewidth {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media only screen and (max-width: 850px) {

	:root {
		--header-height: var( --header-reducedheight );
	}

}

@media only screen and (max-width: 600px) {

	:root {
		--header-height: var( --header-doublereducedheight );
	}

}

/* header - logo-Bereich */

section.logo {
	height: calc( 100% - 10px );
	padding: 5px 5px 5px 10px;
	padding: 5px 5px 5px var( --body-padding );
}
section.logo a {
	height: 100%;
	display: block;
}
section.logo img {
	height: 100%;
}

/* header - nav-Bereich */

section.nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* header - Titelbereich */

section.title {
	width: 100%;
}

section.title div.title {
	text-align: center;
	margin-top: 10px;
	font-size: 34px;
}

section.title div.subtitle {
	text-align: center;
	font-size: : 22px;
}

section.title div, section.title span {
	color: #384862;
	color: var( --title-textcolor );
}

@media only screen and (max-width: 850px) {

	section.title div.title {
		font-size: 22px;
	}

	section.title div.subtitle {
		font-size: 14px;
	}

}

@media only screen and (max-width: 600px) {

	section.title div.title {
		font-size: 18px;
	}

	section.title div.subtitle {
		font-size: 10px;
	}

}

/* contentspace */

section.contentspace {
	min-height: 400px;
	background-image: url( "../images/bgpattern.gif" );
}
div.innercontentspace {
	padding: 10px;
	padding: var( --body-padding );
}

/* footer */

footer {
	height: 100px;
	height: var( --footer-height );
	background: #94b0d1;
	background: var( --footer-backgroundcolor );
}
footer div.pagewidth {
	height: 100%;
}
footer div.pagewidth > div {
	height: 100%;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
footer div.four-columns {
	display: flex;
}
footer div.two-columns {
	display: none;
}
footer section:first-child {
	padding-left: 10px;
	padding-left: var( --body-padding );
}
footer section:last-child {
	padding-right: 10px;
	padding-right: var( --body-padding );
}
footer p, footer strong, footer a {
	font-size: 16px;
	font-size: var( --std-smallfontsize );
	color: #ffffff;
	color: var( --footer-textcolor );
}
footer a {
	text-decoration: none;
}
footer a:hover {
	color: #c53d31;
	color: var( --menu-hover-color );
}

@media only screen and (max-width: 850px) {

	footer {
		height: 180px;
		height: var( --footer-doubleheight );
	}
	footer div.pagewidth > div {
		justify-content: space-around;
	}
	footer div.four-columns {
		display: none;
	}
	footer div.two-columns {
		display: flex;
	}

}

/* Auslassen zu großer Inhalte auf kleinen Bildschirmen */

span.avoid_on_small {
	font-size: inherit;
}

@media only screen and (max-width: 600px) {

	span.avoid_on_small {
		display: none;
	}

}