body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #333;
	overflow-x: hidden;
	background: #fffefd;
}

/* ##### Content Text ##### */

p {
	font-weight: 300;
}

b, strong {
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	column-span: all;
	-webkit-column-span: all;
	-moz-column-span: all;
}

h3, h4, h5, h6 {
	color: #0081c6;
}

h4 {
	font-size: 1.1rem;
}

a {
	color: #f49e00;
}

a:hover, a:focus,
.leistungen a:hover, .leistungen a:focus {
	color: #0081c6;
}

.leistungen a {
	color: #333;
}

.mehrspaltig {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-gap: 30px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
}

.bildunterschrift {
	font-size: .9rem;
	margin-top: -10px;
	color: #777;
}

table tr td {
	font-size: 1rem;
}

/* ##### Content Bilder ##### */

.abgerundet {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.light-border {
	border: 1px solid #f3efe8;
}

/* ##### Header ##### */

#header {
	max-width: 100%;
	background-color: #ecf5fa;
	padding: 30px 0 30px 0;
	color: #0081c6;
	font-size: 1rem;
}

#logo {
	max-height: 150px;
	width: auto;
}

#header h1 {
	font-weight: 400;
	font-size: 1.8rem;
	color: #333;
}

#header h1 span {
	font-weight: 600;
}

#header h2 {
	font-size: 1.2rem;
}

#header h2, #header h3 {
	color: #333;
}

/* ##### Leiste oben ##### */

#leiste-oben {
	color: #fff;
	font-size: 0.9rem;
	min-height: 44px;
}

#leiste-oben a {
	color: #fff;
	text-decoration: underline;
}

#leiste-oben a:hover,
#leiste-oben a:focus {
	color: #333;
}

[data-magellan-expedition] {
	background: #f49e00;
	min-height: 44px;
	border-bottom: 7px solid #fff;
}

.leiste-oben-zeile-first:after {
	content: " | ";
}

/* ##### Navi ##### */

#navi {
	background: #fffefd;
	margin-bottom: 20px;
}

.top-bar,
.top-bar-section ul {
	background-color: #0081c6;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	border-right: 1px solid #fff;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background-color: #0081c6;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.top-bar-section li a:hover {
	background-color: #f49e00 !important;
}

.top-bar-section li.navi-startseite a {
	background-color: #333 !important;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color: #0081c6;
	font-weight: 600;
}

/* ##### Footer ##### */

#footer {
	max-width: 100%;
	background: url(../img/bgfooter.png) no-repeat top right;
	height: 205px;
	margin-top: -20px;
	padding: 160px 30px 0 0;
}

#footer ul {
	list-style: none;
	float: right;
}

#footer li {
	float: left;
	margin-right: 10px;
	font-size: 0.9rem;
}

#footer a {
	color: #fff;
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}



/* ########## MEDIA QUERIES ########## */

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

.mehrspaltig {
	column-count: 1;
	-webkit-column-count: 1;
	-moz-column-count: 1;
}

}

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

#header {
	text-align: center;
	padding: 30px 0 10px 0;
}

}

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

#leiste-oben .row {
	text-align: center !important;
	line-height: 1.2rem;
}

.leiste-oben-kontakt {
	display: block;
}

.leiste-oben-kontakt-first:after {
	content: "";
}

#footer {
	padding: 160px 0 0 0;
}

#footer ul {
	float: left;
}

}