@charset "utf-8";

/* Page content */

.page-content {
	width: 100%;
	height: auto;
}

section.page-content header {
	width: calc( 100% - 3.75em );
	padding-left: 1.875em;
	padding-right: 1.875em;
	margin-top: 3.125em;
	margin-bottom: 1.25em;
	display: flex;
	flex-wrap: wrap;
}

section.page-content.single-page header {
	padding: 0;
}

section.page-content header > h1 {
	width: 100%;
	font-size: 1.25em;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-transform: uppercase;
	white-space: nowrap;
}

section.page-content header > div.header-line {
	width: 2.5em;
	margin-top: 1.25em;
	border-top-style: solid;
	border-top-width: 0.0625em;
}

section.page-content:nth-child( odd ) header > div.header-line {
	border-top-color: #000;
}

section.page-content:nth-child( even ) header > div.header-line {
	border-top-color: #fff;
}

.text-content {
	width: calc( 100% - 3.75em );
	height: auto;
	padding-left: 1.875em;
	padding-right: 1.875em;
	margin-bottom: 3.125em;
}

section.page-content.single-page .text-content {
	width: 75%;
	margin: 0 auto;
	padding-bottom: 1.875em;
	display: block;
}

/* Section: Start */

/*
* See Slideshow CSS file.
*/

/* Other Section */

section.page-content:nth-child( odd ) {
	background-color: #fff;
	color: #000;
}

section.page-content:nth-child( even ) {
	background-color: #66c3d0;
	color: #fff;
}

.page-content > div.auxiliary-component {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
}

.page-content:nth-child( odd ) > div.auxiliary-component {
	flex-direction: row-reverse;
}

div.auxiliary-component-50 {
	width: 50%;
	height: auto;
}

div.auxiliary-component-50.images {
	width: 50%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
}

/* Page content formatting */
 
.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
	width: 100%;
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: 900;
	letter-spacing: 0.125em;
	text-transform: uppercase;
	line-height: 1.25em;
}

.page-content.section-4 .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
	color: #000;
}

.text-content p {
	width: 100%;
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.25em;
}

section.page-content#kontakt .text-content p {
	color: #000;
}

.text-content p:last-of-type {
	margin-bottom: 0;
}

.text-content a {
	color: #000;
}

.text-content a:hover {
	color: #66c3d0;
}

.text-content em {
	font-style: italic;
}

.text-content hr {
    height: 0;
	margin-bottom: 0.9375em;
	border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.text-content strong {
	font-weight: 700;
}

.text-content ol {
	margin: 1.3333em 0;
	list-style-type: decimal;
}

.text-content ol li {
	margin-left: 1.3333em;
	font-size: 0.9375em;
	line-height: 1.3333em;
}

.text-content ul {
	margin: 1.3333em 0;
	list-style-type: disc;
}

.text-content ul li {
	margin-left: 1.3333em;
	font-size: 0.9375em;
	line-height: 1.3333em;
}

.text-content img.alignleft {
	float : left;
	margin : 20px 20px 20px 0;
}

.text-content img.alignright {
	float : right;
	margin : 20px 0 20px 20px;
	}
	
.text-content img.aligncenter {
	margin : 20px auto 20px auto;
	}

.text-content > table {
	width: 100%;
	margin-top: 1.875em;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 0.875em;
	text-align: center;
}

.text-content > table th {
	padding : 1.4285em;
	border-style: solid;
	border-width: 0 0 0.0625em 0;
	border-color: #d8d8d8;
	vertical-align: middle;
}
	
.text-content > table td {
	padding : 1.4285em;
	border-style: solid;
	border-width: 0 0.0625em 0.0625em 0;
	border-color: #d8d8d8;
	vertical-align: middle;
}
	
.text-content > table td:last-of-type {
	border-width: 0 0 0.0625em 0;
}
	
.text-content > table td p {
	margin: 0.313em 0 0.313em 0;
}

/* Page: Contact */

div.map-outline {
	width: 100%;
	height: auto;
	display: flex;
}

div.map-outline div.map {
	width: 50%;
	height: auto;
}

div.map-outline div.auxiliary-component-50 {
	width: 50%;
	height: auto;
	background-color: rgba( 255, 255, 255, 0.9 );
}

div.map-outline header {
	width: calc( 100% - 3.75em );
	padding-left: 1.875em;
	padding-right: 1.875em;
	margin-top: 3.125em;
	margin-bottom: 1.25em;
	display: flex;
	flex-wrap: wrap;
}

div.map-outline header > h1 {
	width: 100%;
	font-size: 1.25em;
	font-weight: 900;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-transform: uppercase;
	white-space: nowrap;
	color: #000;
}

div.map-outline div.header-line {
	width: 2.5em;
	margin-top: 1.25em;
	border-top-style: solid;
	border-top-width: 0.0625em;	
	border-top-color: #000;
}

div.map-outline .text-content p {
	color: #000;
}

div.map-outline .highlight {
	font-weight: 900;
}