@font-face {
	font-family: "userinterface";
	src: url("fonts/userinterfaced41d.eot?#iefix") format('eot'), url("fonts/userinterface.woff") format('woff'), url("fonts/userinterface.ttf") format('truetype'), url("fonts/userinterface.svg#userinterface") format('svg')
}

.row .row {
	margin-left: -.82353rem;
	margin-right: -.82353rem;
	padding-left: 0;
	padding-right: 0
}

.container,
.row {
	margin-left: auto;
	margin-right: auto;
	max-width: 56.47059rem;
	position: relative;
	zoom: 1
}

.container:after,
.row:after {
	content: "";
	display: table;
	clear: both
}

.col {
	float: left;
	padding-left: .82353rem;
	padding-right: .82353rem;
	width: 100%;
	zoom: 1
}

.col:after {
	content: "";
	display: table;
	clear: both
}

.default-1 {
	width: 8.33333%
}

.prefix-default-1 {
	margin-left: 8.33333%
}

.suffix-default-1 {
	margin-right: 8.33333%
}

.default-2 {
	width: 16.66667%
}

.prefix-default-2 {
	margin-left: 16.66667%
}

.suffix-default-2 {
	margin-right: 16.66667%
}

.default-3 {
	width: 25%
}

.prefix-default-3 {
	margin-left: 25%
}

.suffix-default-3 {
	margin-right: 25%
}

.default-4 {
	width: 33.33333%
}

.prefix-default-4 {
	margin-left: 33.33333%
}

.suffix-default-4 {
	margin-right: 33.33333%
}

.default-5 {
	width: 41.66667%
}

.prefix-default-5 {
	margin-left: 41.66667%
}

.suffix-default-5 {
	margin-right: 41.66667%
}

.default-6 {
	width: 50%
}

.prefix-default-6 {
	margin-left: 50%
}

.suffix-default-6 {
	margin-right: 50%
}

.default-7 {
	width: 58.33333%
}

.prefix-default-7 {
	margin-left: 58.33333%
}

.suffix-default-7 {
	margin-right: 58.33333%
}

.default-8 {
	width: 66.66667%
}

.prefix-default-8 {
	margin-left: 66.66667%
}

.suffix-default-8 {
	margin-right: 66.66667%
}

.default-9 {
	width: 75%
}

.prefix-default-9 {
	margin-left: 75%
}

.suffix-default-9 {
	margin-right: 75%
}

.default-10 {
	width: 83.33333%
}

.prefix-default-10 {
	margin-left: 83.33333%
}

.suffix-default-10 {
	margin-right: 83.33333%
}

.default-11 {
	width: 91.66667%
}

.prefix-default-11 {
	margin-left: 91.66667%
}

.suffix-default-11 {
	margin-right: 91.66667%
}

.default-12 {
	width: 100%
}

.prefix-default-12 {
	margin-left: 100%
}

.suffix-default-12 {
	margin-right: 100%
}

.prefix-default-0 {
	margin-left: 0
}

.suffix-default-0 {
	margin-right: 0
}

@media (min-width: 28.5em) {
	.tiny-1 {
		width: 8.33333%
	}

	.prefix-tiny-1 {
		margin-left: 8.33333%
	}

	.suffix-tiny-1 {
		margin-right: 8.33333%
	}

	.tiny-2 {
		width: 16.66667%
	}

	.prefix-tiny-2 {
		margin-left: 16.66667%
	}

	.suffix-tiny-2 {
		margin-right: 16.66667%
	}

	.tiny-3 {
		width: 25%
	}

	.prefix-tiny-3 {
		margin-left: 25%
	}

	.suffix-tiny-3 {
		margin-right: 25%
	}

	.tiny-4 {
		width: 33.33333%
	}

	.prefix-tiny-4 {
		margin-left: 33.33333%
	}

	.suffix-tiny-4 {
		margin-right: 33.33333%
	}

	.tiny-5 {
		width: 41.66667%
	}

	.prefix-tiny-5 {
		margin-left: 41.66667%
	}

	.suffix-tiny-5 {
		margin-right: 41.66667%
	}

	.tiny-6 {
		width: 50%
	}

	.prefix-tiny-6 {
		margin-left: 50%
	}

	.suffix-tiny-6 {
		margin-right: 50%
	}

	.tiny-7 {
		width: 58.33333%
	}

	.prefix-tiny-7 {
		margin-left: 58.33333%
	}

	.suffix-tiny-7 {
		margin-right: 58.33333%
	}

	.tiny-8 {
		width: 66.66667%
	}

	.prefix-tiny-8 {
		margin-left: 66.66667%
	}

	.suffix-tiny-8 {
		margin-right: 66.66667%
	}

	.tiny-9 {
		width: 75%
	}

	.prefix-tiny-9 {
		margin-left: 75%
	}

	.suffix-tiny-9 {
		margin-right: 75%
	}

	.tiny-10 {
		width: 83.33333%
	}

	.prefix-tiny-10 {
		margin-left: 83.33333%
	}

	.suffix-tiny-10 {
		margin-right: 83.33333%
	}

	.tiny-11 {
		width: 91.66667%
	}

	.prefix-tiny-11 {
		margin-left: 91.66667%
	}

	.suffix-tiny-11 {
		margin-right: 91.66667%
	}

	.tiny-12 {
		width: 100%
	}

	.prefix-tiny-12 {
		margin-left: 100%
	}

	.suffix-tiny-12 {
		margin-right: 100%
	}

	.prefix-tiny-0 {
		margin-left: 0
	}

	.suffix-tiny-0 {
		margin-right: 0
	}
}

@media (min-width: 40em) {
	.small-1 {
		width: 8.33333%
	}

	.prefix-small-1 {
		margin-left: 8.33333%
	}

	.suffix-small-1 {
		margin-right: 8.33333%
	}

	.small-2 {
		width: 16.66667%
	}

	.prefix-small-2 {
		margin-left: 16.66667%
	}

	.suffix-small-2 {
		margin-right: 16.66667%
	}

	.small-3 {
		width: 25%
	}

	.prefix-small-3 {
		margin-left: 25%
	}

	.suffix-small-3 {
		margin-right: 25%
	}

	.small-4 {
		width: 33.33333%
	}

	.prefix-small-4 {
		margin-left: 33.33333%
	}

	.suffix-small-4 {
		margin-right: 33.33333%
	}

	.small-5 {
		width: 41.66667%
	}

	.prefix-small-5 {
		margin-left: 41.66667%
	}

	.suffix-small-5 {
		margin-right: 41.66667%
	}

	.small-6 {
		width: 50%
	}

	.prefix-small-6 {
		margin-left: 50%
	}

	.suffix-small-6 {
		margin-right: 50%
	}

	.small-7 {
		width: 58.33333%
	}

	.prefix-small-7 {
		margin-left: 58.33333%
	}

	.suffix-small-7 {
		margin-right: 58.33333%
	}

	.small-8 {
		width: 66.66667%
	}

	.prefix-small-8 {
		margin-left: 66.66667%
	}

	.suffix-small-8 {
		margin-right: 66.66667%
	}

	.small-9 {
		width: 75%
	}

	.prefix-small-9 {
		margin-left: 75%
	}

	.suffix-small-9 {
		margin-right: 75%
	}

	.small-10 {
		width: 83.33333%
	}

	.prefix-small-10 {
		margin-left: 83.33333%
	}

	.suffix-small-10 {
		margin-right: 83.33333%
	}

	.small-11 {
		width: 91.66667%
	}

	.prefix-small-11 {
		margin-left: 91.66667%
	}

	.suffix-small-11 {
		margin-right: 91.66667%
	}

	.small-12 {
		width: 100%
	}

	.prefix-small-12 {
		margin-left: 100%
	}

	.suffix-small-12 {
		margin-right: 100%
	}

	.prefix-small-0 {
		margin-left: 0
	}

	.suffix-small-0 {
		margin-right: 0
	}
}

@media (min-width: 47em) {
	.medium-1 {
		width: 8.33333%
	}

	.prefix-medium-1 {
		margin-left: 8.33333%
	}

	.suffix-medium-1 {
		margin-right: 8.33333%
	}

	.medium-2 {
		width: 16.66667%
	}

	.prefix-medium-2 {
		margin-left: 16.66667%
	}

	.suffix-medium-2 {
		margin-right: 16.66667%
	}

	.medium-3 {
		width: 25%
	}

	.prefix-medium-3 {
		margin-left: 25%
	}

	.suffix-medium-3 {
		margin-right: 25%
	}

	.medium-4 {
		width: 33.33333%
	}

	.prefix-medium-4 {
		margin-left: 33.33333%
	}

	.suffix-medium-4 {
		margin-right: 33.33333%
	}

	.medium-5 {
		width: 41.66667%
	}

	.prefix-medium-5 {
		margin-left: 41.66667%
	}

	.suffix-medium-5 {
		margin-right: 41.66667%
	}

	.medium-6 {
		width: 50%
	}

	.prefix-medium-6 {
		margin-left: 50%
	}

	.suffix-medium-6 {
		margin-right: 50%
	}

	.medium-7 {
		width: 58.33333%
	}

	.prefix-medium-7 {
		margin-left: 58.33333%
	}

	.suffix-medium-7 {
		margin-right: 58.33333%
	}

	.medium-8 {
		width: 66.66667%
	}

	.prefix-medium-8 {
		margin-left: 66.66667%
	}

	.suffix-medium-8 {
		margin-right: 66.66667%
	}

	.medium-9 {
		width: 75%
	}

	.prefix-medium-9 {
		margin-left: 75%
	}

	.suffix-medium-9 {
		margin-right: 75%
	}

	.medium-10 {
		width: 83.33333%
	}

	.prefix-medium-10 {
		margin-left: 83.33333%
	}

	.suffix-medium-10 {
		margin-right: 83.33333%
	}

	.medium-11 {
		width: 91.66667%
	}

	.prefix-medium-11 {
		margin-left: 91.66667%
	}

	.suffix-medium-11 {
		margin-right: 91.66667%
	}

	.medium-12 {
		width: 100%
	}

	.prefix-medium-12 {
		margin-left: 100%
	}

	.suffix-medium-12 {
		margin-right: 100%
	}

	.prefix-medium-0 {
		margin-left: 0
	}

	.suffix-medium-0 {
		margin-right: 0
	}
}

@media (min-width: 62em) {
	.large-1 {
		width: 8.33333%
	}

	.prefix-large-1 {
		margin-left: 8.33333%
	}

	.suffix-large-1 {
		margin-right: 8.33333%
	}

	.large-2 {
		width: 16.66667%
	}

	.prefix-large-2 {
		margin-left: 16.66667%
	}

	.suffix-large-2 {
		margin-right: 16.66667%
	}

	.large-3 {
		width: 25%
	}

	.prefix-large-3 {
		margin-left: 25%
	}

	.suffix-large-3 {
		margin-right: 25%
	}

	.large-4 {
		width: 33.33333%
	}

	.prefix-large-4 {
		margin-left: 33.33333%
	}

	.suffix-large-4 {
		margin-right: 33.33333%
	}

	.large-5 {
		width: 41.66667%
	}

	.prefix-large-5 {
		margin-left: 41.66667%
	}

	.suffix-large-5 {
		margin-right: 41.66667%
	}

	.large-6 {
		width: 50%
	}

	.prefix-large-6 {
		margin-left: 50%
	}

	.suffix-large-6 {
		margin-right: 50%
	}

	.large-7 {
		width: 58.33333%
	}

	.prefix-large-7 {
		margin-left: 58.33333%
	}

	.suffix-large-7 {
		margin-right: 58.33333%
	}

	.large-8 {
		width: 66.66667%
	}

	.prefix-large-8 {
		margin-left: 66.66667%
	}

	.suffix-large-8 {
		margin-right: 66.66667%
	}

	.large-9 {
		width: 75%
	}

	.prefix-large-9 {
		margin-left: 75%
	}

	.suffix-large-9 {
		margin-right: 75%
	}

	.large-10 {
		width: 83.33333%
	}

	.prefix-large-10 {
		margin-left: 83.33333%
	}

	.suffix-large-10 {
		margin-right: 83.33333%
	}

	.large-11 {
		width: 91.66667%
	}

	.prefix-large-11 {
		margin-left: 91.66667%
	}

	.suffix-large-11 {
		margin-right: 91.66667%
	}

	.large-12 {
		width: 100%
	}

	.prefix-large-12 {
		margin-left: 100%
	}

	.suffix-large-12 {
		margin-right: 100%
	}

	.prefix-large-0 {
		margin-left: 0
	}

	.suffix-large-0 {
		margin-right: 0
	}
}

@media (min-width: 73em) {
	.giant-1 {
		width: 8.33333%
	}

	.prefix-giant-1 {
		margin-left: 8.33333%
	}

	.suffix-giant-1 {
		margin-right: 8.33333%
	}

	.giant-2 {
		width: 16.66667%
	}

	.prefix-giant-2 {
		margin-left: 16.66667%
	}

	.suffix-giant-2 {
		margin-right: 16.66667%
	}

	.giant-3 {
		width: 25%
	}

	.prefix-giant-3 {
		margin-left: 25%
	}

	.suffix-giant-3 {
		margin-right: 25%
	}

	.giant-4 {
		width: 33.33333%
	}

	.prefix-giant-4 {
		margin-left: 33.33333%
	}

	.suffix-giant-4 {
		margin-right: 33.33333%
	}

	.giant-5 {
		width: 41.66667%
	}

	.prefix-giant-5 {
		margin-left: 41.66667%
	}

	.suffix-giant-5 {
		margin-right: 41.66667%
	}

	.giant-6 {
		width: 50%
	}

	.prefix-giant-6 {
		margin-left: 50%
	}

	.suffix-giant-6 {
		margin-right: 50%
	}

	.giant-7 {
		width: 58.33333%
	}

	.prefix-giant-7 {
		margin-left: 58.33333%
	}

	.suffix-giant-7 {
		margin-right: 58.33333%
	}

	.giant-8 {
		width: 66.66667%
	}

	.prefix-giant-8 {
		margin-left: 66.66667%
	}

	.suffix-giant-8 {
		margin-right: 66.66667%
	}

	.giant-9 {
		width: 75%
	}

	.prefix-giant-9 {
		margin-left: 75%
	}

	.suffix-giant-9 {
		margin-right: 75%
	}

	.giant-10 {
		width: 83.33333%
	}

	.prefix-giant-10 {
		margin-left: 83.33333%
	}

	.suffix-giant-10 {
		margin-right: 83.33333%
	}

	.giant-11 {
		width: 91.66667%
	}

	.prefix-giant-11 {
		margin-left: 91.66667%
	}

	.suffix-giant-11 {
		margin-right: 91.66667%
	}

	.giant-12 {
		width: 100%
	}

	.prefix-giant-12 {
		margin-left: 100%
	}

	.suffix-giant-12 {
		margin-right: 100%
	}

	.prefix-giant-0 {
		margin-left: 0
	}

	.suffix-giant-0 {
		margin-right: 0
	}
}

div.noticeBar {
	background: #d12727;
	color: #fff;
	display: block;
	width: 100%;
	padding: .5rem 0;
	text-align: center
}

div.noticeBar:before {
	font-family: "userinterface";
	margin-right: 1rem;
	font-size: 1.41176rem;
	font-weight: normal
}

div.noticeBar.absolute {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100
}

div.noticeBar a {
	color: #fff
}

noscript div:first-child {
	display: none
}

.breadcrumb li {
	list-style: none;
	float: left
}

.breadcrumb li:before {
	content: ">";
	padding: 0 1rem
}

.breadcrumb li:first-child:before {
	content: "";
	padding: 0
}

#log_container pre,
#log_container .checkupXYZ {
	height: 100%;
	overflow-y: scroll;
	background: #fff;
	padding: 1%
}

#log_container {
	height: 100%;
	width: 100%;
	position: fixed;
	top: -100%;
	left: 0;
	color: #2a2a2a;
	background: #f2f2f2;
	padding: 2%;
	transition: all 500ms ease-in-out;
	box-shadow: inset 0 0 .05882rem .05882rem rgba(209, 39, 39, 0.5);
	z-index: 99999999
}

#log_container:target {
	top: 0
}

#log_container.show {
	top: 0
}

#log_container ul {
	list-style: inside square
}

#log_container ul ul {
	margin-left: 2rem
}

#log_container ul h3 {
	display: inline-block
}

#log_container ul li {
	padding: 0.5rem 0;
	border-bottom: .05882rem solid #f2f2f2
}

#log_container ul li:last-child {
	border: none
}

#log_container h1 {
	text-align: center;
	padding-top: 2rem
}

#log_container h2 {
	padding-bottom: 0.5rem;
	border-bottom: .05882rem solid #828282;
	text-align: center;
	font-weight: normal;
	margin-top: 4rem
}

#log_container h3 {
	font-weight: normal
}

#log_container .checkup_pages li {
	padding: 1rem
}

#log_container .checkup_pages .sub {
	margin-left: 2rem
}

#log_container>p {
	margin-bottom: 4rem
}

.checkup_pages>li:nth-child(odd) {
	background: #F4F4F4
}

.checkupXYZ {
	width: 960px;
	margin: 0 auto;
	resize: horizontal
}

.informatizer {
	background: #8DD45C;
	padding: 1%;
	position: fixed;
	top: 2%;
	right: 2%;
	display: block;
	color: #fff;
	transition: all 500ms ease-in-out;
	text-decoration: none
}

.informatizer:before {
	font-family: "userinterface";
	margin-right: 1rem;
	font-size: 1.41176em;
	line-height: 1rem
}

.informatizer a {
	color: #fff
}

.accHandler {
	cursor: pointer
}

.accHandler:after {
	display: inline-block;
	font-family: "userinterface";
	float: right;
	font-size: .52941em;
	transition: all 300ms ease-in-out
}

.backToTop {
	background: #2335b8;
	color: #2a2a2a;
	text-decoration: none;
	position: fixed;
	bottom: 2%;
	right: 2%;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	height: 2.64706rem;
	opacity: .9;
	width: 2.64706rem
}

.backToTop:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-indent: 0
}

.backToTop:hover,
.backToTop:active,
.backToTop:focus {
	background: #d12727;
	color: #2a2a2a
}

body.debug:before {
	content: "0";
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 0.5rem;
	line-height: 30px;
	background: blue;
	z-index: 99999;
	text-align: center;
	color: #fff;
	display: inline-block
}

@media only screen and (min-width: 28.5em) {
	body.debug:before {
		background: blue;
		content: "tiny"
	}
}

@media only screen and (min-width: 40em) {
	body.debug:before {
		background: red;
		content: "small"
	}
}

@media only screen and (min-width: 47em) {
	body.debug:before {
		background: purple;
		content: "medium"
	}
}

@media only screen and (min-width: 62em) {
	body.debug:before {
		background: green;
		content: "large"
	}
}

@media only screen and (min-width: 73em) {
	body.debug:before {
		background: yellow;
		content: "Giant";
		color: #000
	}
}

body.cmsbackend .page-wrap,
body.cmsbackend .header {
	-webkit-transform: none;
	transform: none
}

form.default [type="text"],
form.default [type="tel"],
form.default [type="email"],
form.default [type="file"],
form.default textarea {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	font-family: "Lato", sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 1rem 0;
	resize: none;
	padding: 1rem;
	position: relative;
	width: 100%
}

form.default :focus[type="text"],
form.default :focus[type="tel"],
form.default :focus[type="email"],
form.default :focus[type="file"],
form.default textarea:focus,
form.default :hover[type="text"],
form.default :hover[type="tel"],
form.default :hover[type="email"],
form.default :hover[type="file"],
form.default textarea:hover {
	color: #d12727;
	border: #d12727;
	border: 1px solid #d12727
}

@media (min-width: 40em) {

	form.default [type="text"],
	form.default [type="tel"],
	form.default [type="email"],
	form.default [type="file"],
	form.default textarea {
		float: left;
		width: 67%
	}
}

#cboxPrevious,
#cboxNext,
#cboxClose {
	background: #2335b8;
	height: 1.47059rem;
	width: 1.47059rem;
	position: absolute;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	margin: 0;
	padding: 0
}

#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover {
	background: #d12727
}

#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before {
	color: #fff;
	font-size: .94118em;
	height: 100%;
	width: 100%;
	position: absolute;
	text-indent: 0;
	left: 0;
	top: 50%;
	margin-top: -.35294rem
}

#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before,
#cboxSlideshow {
	transition: 500ms
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box
}

a.showslideController.showslidePlay:before,
a.showslideController.showslidePlay.true:before,
a.showslideController.showslidePrev:before,
a.showslideController.showslideNext:before {
	text-indent: 0;
	display: block;
	color: #fff;
	font-size: 1.41176rem;
	text-align: center;
	line-height: 2rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-rendering: optimizeLegibility
}

.page-wrap,
.header,
.page-navi {
	transition: 300ms
}

#cboxOverlay {
	background: rgba(42, 42, 42, 0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000
}

#cboxWrapper {
	background: #fff;
	box-shadow: 0 0 .11765rem .05882rem rgba(0, 0, 0, 0.2)
}

#cboxPrevious {
	top: 50%;
	left: -3rem
}

#cboxNext {
	top: 50%;
	right: -3rem
}

#cboxClose {
	color: #fff;
	top: 0;
	right: -1.47059rem
}

#cboxClose:hover {
	background: #d12727
}

#cboxCurrent {
	bottom: -1.5em;
	left: 1rem;
	color: #2a2a2a;
	font-family: "Lato", sans-serif;
	font-size: .70588rem;
	line-height: 1.4em;
	position: absolute
}

#cboxTitle {
	color: #2a2a2a;
	font-family: "Lato", sans-serif;
	font-size: .94118rem;
	background: white;
	line-height: 1.4em;
	min-height: 2rem;
	position: absolute;
	bottom: -2rem;
	left: 0;
	text-align: center;
	width: 100%
}

#cboxSlideshow {
	color: #828282;
	font-size: .70588rem;
	font-weight: bold;
	font-family: "Lato", sans-serif;
	position: absolute;
	bottom: .23529rem;
	right: 1.76471rem;
	border: 0;
	overflow: visible;
	width: auto;
	background: none;
	margin: 0;
	padding: 0
}

#cboxSlideshow:hover {
	color: #828282;
	font-size: .70588rem;
	font-weight: bold;
	font-family: "Lato", sans-serif
}

#colorbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1100
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left
}

#cboxContent {
	position: relative;
	background: #fff;
	padding: .58824rem
}

#cboxLoadedContent {
	background: #fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer
}

.cboxPhoto {
	float: left;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
	margin: auto
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	background: #fff
}

#cboxError {
	border: .05882rem solid #828282;
	padding: 2.94118rem
}

#cboxLoadingGraphic {
	background: url("../images/loading.gif") no-repeat center center
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

#colorbox,
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0
}

.showslideController {
	cursor: pointer;
	list-style: none;
	z-index: 20;
	transition: all 500ms ease-in-out
}

a.showslideController {
	background-color: rgba(42, 42, 42, 0.2);
	border-radius: .23529rem;
	display: block;
	height: 1.76471rem;
	position: absolute;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	padding: .17647rem;
	opacity: .6;
	width: 1.76471rem
}

a.showslideController.showslidePlay {
	bottom: .82353rem;
	left: 50%;
	margin-left: -.88235rem
}

a.showslideController.showslidePrev,
a.showslideController.showslideNext {
	top: 50%;
	margin-top: -.88235rem
}

a.showslideController.showslidePrev {
	left: .82353rem
}

a.showslideController.showslideNext {
	right: .82353rem
}

a.showslideController:hover {
	background-color: rgba(42, 42, 42, 0.8);
	opacity: 1
}

.showslideSelect {
	z-index: 20;
	position: absolute;
	bottom: .41176rem;
	margin: auto;
	text-align: center;
	width: 100%
}

.showslideSelect li {
	display: inline-block;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	width: .82353rem;
	height: .82353rem;
	border-radius: 50%;
	background: #fff;
	opacity: 0.5;
	margin-right: .88235rem
}

.showslideSelect.thumbnails li {
	width: 3.76471rem;
	height: 3.76471rem;
	background-size: cover;
	border: 3px solid #2335b8
}

.showslideSelect li.active,
.showslideSelect li:hover {
	opacity: 1
}

.slider {
	overflow: hidden;
	position: relative;
	width: 100%
}

.slider>.animate {
	transition-duration: 1000ms
}

.slider.horizontal>.animate {
	transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.slider.vertical>.animate {
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.slider.fade>.animate {
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.slider.flip>.animate {
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.slider.puffOut>.animate {
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.slider.puffIn>.animate {
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.slider.zoomOut>.animate {
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.slider.zoomIn>.animate {
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.slider .slide {
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute
}

.slider .slide:not(.active) {
	z-index: 1
}

.slider .slide.active {
	float: left;
	position: relative;
	z-index: 10
}

.slider .slide img {
	height: auto;
	width: 100%
}

.slider .slide[data-caption]:after {
	content: attr(data-caption);
	background: rgba(255, 255, 255, 0.5);
	left: 0;
	color: #000;
	display: block;
	padding: 1em;
	position: absolute;
	width: 100%;
	top: -100%
}

.slider .slide.active[data-caption]:after {
	top: 0
}

.slider .slide[data-caption]:after {
	transition-property: all
}

.slider.fade>.animate,
.slider.horizontal>.animate,
.slider.vertical>.animate,
.slider.zoomOut>.animate,
.slider.zoomIn>.animate,
.slider.puffOut>.animate,
.slider.puffIn>.animate {
	transition-property: all
}

.slider.fade .slide {
	opacity: 0
}

.slider.fade .slide.active {
	opacity: 1
}

.slider.horizontal .slide.active {
	left: 0;
	z-index: 10
}

.slider.horizontal .slide.right {
	left: 100%;
	z-index: 1
}

.slider.horizontal .slide.left {
	left: -100%;
	z-index: 1
}

.slider.vertical .active {
	top: 0;
	z-index: 10
}

.slider.vertical .left {
	top: -100%;
	z-index: 1
}

.slider.vertical .right {
	top: 100%;
	z-index: 1
}

.slider.flip {
	overflow: visible
}

.slider.flip>.animate {
	transition: all 2000ms ease-in-out
}

.slider.flip .left {
	opacity: 0;
	-webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	transform: perspective(800px) rotateX(-180deg) translateZ(300px)
}

.slider.flip .right {
	opacity: 0;
	-webkit-transform: perspective(800px) rotateX(180deg) translateZ(300px);
	transform: perspective(800px) rotateX(180deg) translateZ(300px)
}

.slider.flip .active {
	opacity: 1;
	-webkit-transform: perspective(0) rotateX(0) translateZ(0);
	transform: perspective(0) rotateX(0) translateZ(0)
}

.slider.puffOut {
	overflow: visible
}

.slider.puffOut .left {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.slider.puffOut .right {
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5)
}

.slider.puffOut .active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.slider.puffIn {
	overflow: visible
}

.slider.puffIn .left {
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5)
}

.slider.puffIn .right {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.slider.puffIn .active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.slider.zoomOut .left {
	opacity: 0;
	-webkit-transform: scale(0.2);
	transform: scale(0.2)
}

.slider.zoomOut .right {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.slider.zoomOut .active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.slider.zoomIn .left {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.slider.zoomIn .right {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.slider.zoomIn .active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

::-moz-selection,
::-moz-selection {
	background: #828282
}

::selection,
::-moz-selection {
	background: #828282
}

html {
	background: #fff;
	color: #2a2a2a;
	font-family: "Lato", sans-serif;
	font-size: 106.25%;
	line-height: 1.41176rem;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none
}

body.the-customer-page #log_hider {
	display: none
}

body.ie-8 #pageloader:after {
	display: none
}

h1 {
	font-family: "Source Sans Pro", sans-serif;
	margin-bottom: 1rem;
	font-size: 1.41176rem;
	letter-spacing: -0.05rem;
	text-transform: uppercase
}

h1 strong {
	display: block;
	font-weight: 900;
	padding-bottom: 0.5rem
}

h1 small {
	font-size: 1.17647rem;
	color: #fff;
	background: #2335b8;
	padding: 0.3rem;
	display: inline-block
}

@media (min-width: 40em) {
	h1 {
		text-align: center;
		line-height: 2.17647rem;
		margin-bottom: 1.5rem;
		letter-spacing: -0.05rem
	}

	h1 strong {
		font-size: 2.35294rem;
		letter-spacing: -0.1rem
	}

	h1 small {
		font-size: 1.35294rem;
		line-height: 2.11765rem;
		padding: 0 1.05882rem
	}
}

@media (min-width: 62em) {
	h1 {
		margin-bottom: 2rem
	}
}

h2 {
	font-family: "Source Sans Pro", sans-serif;
	margin-bottom: 1rem;
	font-size: 1.17647rem;
	letter-spacing: -0.05rem;
	color: #d12727;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 2.5rem
}

@media (min-width: 40em) {
	h2 {
		font-size: 1.47059rem;
		line-height: 1.64706rem
	}
}

h3,
h4,
h5,
h6 {
	font-family: "Source Sans Pro", sans-serif;
	margin-bottom: 0.8rem;
	font-size: 1.05882rem;
	letter-spacing: -0.05rem;
	font-weight: 900;
	text-transform: uppercase
}

@media (min-width: 40em) {

	h3,
	h4,
	h5,
	h6 {
		font-size: 1.17647rem;
		line-height: 1.17647rem
	}
}

a {
	color: #828282
}

a:focus,
a:hover,
a:active {
	color: #d12727
}

a img {
	border: none
}

a[href$=".pdf"]:before {
	margin-right: 0.5em
}

img {
	vertical-align: bottom
}

p {
	margin-bottom: 1.5em;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

hr {
	height: .05882rem;
	border: none;
	background: #828282;
	clear: both;
	margin: 0 0 1.5rem
}

ul,
ol,
dl {
	margin-bottom: 1.5rem;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto
}

ul {
	list-style: none
}

ul li {
	padding: .1rem 0
}

ul li:before {
	content: "\f058";
	font-family: "FontAwesome";
	line-height: 1.5rem;
	color: #2335b8;
	margin-right: .5rem
}

ul li:nth-child(odd):before {
	color: #d12727
}

ul ul {
	margin-left: 1rem;
	margin-bottom: 0
}

ol {
	padding-left: 1rem
}

ol li {
	padding: .1rem 0
}

table {
	border-collapse: collapse;
	margin-bottom: 1rem;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	width: 100%
}

caption {
	font-size: 1.2rem;
	font-weight: 700;
	padding-bottom: .5rem
}

table,
thead,
tbody,
th,
td,
tr,
caption {
	display: block
}

thead {
	border-collapse: collapse
}

thead tr {
	position: absolute;
	top: -999%;
	left: -999%
}

tbody tr {
	border-bottom: 1px solid #828282;
	padding: .82353rem 0
}

td {
	min-height: 1rem;
	padding: 0.3rem .82353rem 0.3rem 35%;
	position: relative
}

td:before {
	content: attr(data-label) ": ";
	font-weight: bold;
	left: 1rem;
	position: absolute;
	top: .3rem;
	white-space: nowrap;
	width: 45%
}

@media (min-width: 40em) {
	table {
		display: table
	}

	caption {
		display: table-caption
	}

	thead {
		display: table-header-group
	}

	tbody {
		display: table-row-group
	}

	tr {
		display: table-row
	}

	th,
	td {
		display: table-cell;
		vertical-align: top
	}

	td {
		min-height: inherit;
		padding: .82353rem 1rem
	}

	td:before {
		display: none;
		content: "";
		width: auto
	}

	thead tr {
		position: static;
		left: auto;
		top: auto
	}
}

dl.floatList {
	overflow: hidden
}

dl.floatList dt,
dl.floatList dd {
	display: inline-block;
	vertical-align: top;
	float: left;
	text-align: left
}

dl.floatList dt {
	padding-right: .5rem;
	min-width: 40%
}

dl.floatList dd {
	width: 60%
}

.unstyled {
	margin-bottom: 0
}

.unstyled li {
	padding: 0
}

.unstyled li:before {
	display: none
}

.unstyled ul {
	margin: 0
}

.page-wrap,
.header {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.header {
	background: #fff;
	position: relative;
	width: 100%;
	padding-bottom: 0.5rem
}

.header .col {
	padding: 0px
}

.header .col .claim-navi {
	background: #fafafa;
	color: #808080;
	border-bottom: 1px solid #efefef
}

.header .col .claim-navi p {
	margin-bottom: 0px;
	padding: .82353rem 2rem .82353rem 4rem;
	text-align: center;
	font-size: .82353rem;
	line-height: 1.17647rem
}

.header .col .header-info {
	padding: 0 .82353rem
}

.header .col .header-info li {
	line-height: 1.17647rem
}

.header .col .header-info li.phone {
	width: 50%;
	float: left;
	border-right: 1px solid #ccc;
	padding-right: 0.5rem;
	text-align: right;
	margin-bottom: 0.5rem
}

.header .col .header-info li.mail {
	width: 50%;
	float: left;
	padding-left: 0.5rem;
	margin-bottom: 0.5rem
}

.header .col .header-info li.mail a {
	color: #2a2a2a;
	text-decoration: none
}

.header .col .header-info li.mail a:hover {
	color: #d12727
}

.header .col .header-info li i {
	color: #d12727;
	padding-right: 0.2rem
}

.header .col .header-info li.link-kontakt,
.header .col .header-info li.link-bewerben {
	border-top: 1px solid #ccc;
	width: 100%;
	clear: both;
	float: none
}

.header .col .header-info li.link-kontakt a,
.header .col .header-info li.link-bewerben a {
	margin-top: 0.5rem;
	text-align: center;
	background: #2335b8;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	line-height: 2.58824rem;
	letter-spacing: -0.01rem
}

.header .col .header-info li.link-kontakt a:hover,
.header .col .header-info li.link-bewerben a:hover {
	background: #d12727
}

.header .col .header-info li small {
	font-size: .88235rem
}

.header .col .header-info li strong {
	display: block;
	font-size: .94118rem
}

@media (min-width: 28.5em) {
	.header .col .claim-navi p {
		padding: .82353rem 1.5rem .82353rem 3.5rem
	}
}

@media (min-width: 40em) {
	.header .col .header-info {
		padding-top: .82353rem;
		width: 50%;
		float: left
	}
}

@media (min-width: 47em) {
	.header {
		padding-bottom: 2.35294rem
	}

	.header .col .header-info {
		width: 70%;
		padding-top: 1.8rem
	}

	.header .col .header-info li.phone {
		width: 30%;
		padding-right: 0.8rem
	}

	.header .col .header-info li.mail {
		width: 30%;
		padding-left: 0.8rem
	}

	.header .col .header-info li.link-kontakt,
	.header .col .header-info li.link-bewerben {
		border-top: 0px;
		float: left;
		width: 40%;
		clear: none
	}

	.header .col .header-info li.link-kontakt a,
	.header .col .header-info li.link-bewerben a {
		margin-top: 0px;
		font-size: .88235rem
	}

	.header .col .claim-navi {
		height: 4.11765rem
	}

	.header .col .claim-navi .claim {
		text-align: left;
		width: 40%;
		float: left;
		padding: .82353rem
	}
}

@media (min-width: 62em) {
	.header {
		padding-bottom: 0px;
		height: 12.23529rem;
		background: url("../images/bg-header.jpg") top center no-repeat
	}

	.header .col .header-info {
		width: 32.94118rem;
		float: right
	}

	.header .col .claim-navi {
		height: 3.17647rem
	}

	.header .col .claim-navi .claim {
		padding: 0 .82353rem;
		line-height: 3.17647rem
	}
}

.branding {
	display: block;
	padding: 1.5rem
}

.branding img {
	width: 100%;
	height: auto
}

@media (min-width: 28.5em) {
	.branding {
		text-align: center
	}

	.branding img {
		width: auto
	}
}

@media (min-width: 40em) {
	.branding {
		width: 50%;
		float: left;
		padding: 2rem 2rem 1.5rem
	}

	.branding img {
		width: 100%
	}
}

@media (min-width: 47em) {
	.branding {
		float: left;
		width: 30%;
		padding: 1.5rem 0 1rem
	}

	.branding img {
		width: auto
	}
}

@media (min-width: 62em) {
	.branding {
		width: auto;
		padding: 1.5rem 0 1rem
	}
}

.slideshowContainer .cta {
	display: none
}

@media (min-width: 47em) {
	.slideshowContainer {
		position: relative;
		height: 17.64706rem;
		width: 100%;
		margin-bottom: 2rem
	}

	.slideshowContainer .cta {
		display: block;
		position: absolute;
		top: 3.52941rem;
		left: .82353rem;
		z-index: 99;
		width: 26.47059rem
	}

	.slideshowContainer .cta a {
		background: #d12727;
		color: #fff;
		text-transform: uppercase;
		line-height: 2.94118rem;
		font-size: 1.05882rem;
		font-family: "Source Sans Pro", sans-serif;
		text-decoration: none;
		display: inline-block;
		padding: 0 1.64706rem;
		font-weight: 600
	}

	.slideshowContainer .cta a:hover {
		background: #2335b8
	}

	.slideshowContainer .cta p {
		display: none
	}

	.slideshowContainer .cta p.headline {
		display: block;
		color: #2a2a2a;
		font-weight: 900;
		text-transform: uppercase;
		font-family: "Source Sans Pro", sans-serif;
		font-size: 2.17647rem;
		line-height: 2.17647rem;
		letter-spacing: -0.03rem;
		margin-bottom: 0.5rem
	}

	.slideshowContainer .cta p.headline strong {
		display: block;
		color: #2335b8
	}

	.slideshowContainer #slideshow {
		height: 17.64706rem;
		width: 100%;
		overflow: hidden
	}

	.slideshowContainer #slideshow>li {
		width: 100%;
		height: 300px
	}

	.slideshowContainer #slideshow>li img {
		width: 117.64706rem;
		height: 17.64706rem;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -58.82353rem
	}
}

@media (min-width: 62em) {
	.slideshowContainer .cta {
		top: 2.94118rem;
		left: 50%;
		margin-left: -27.41176rem
	}
}

@media (min-width: 62em) {
	body.index .slideshowContainer {
		height: 31.58824rem
	}

	body.index .slideshowContainer .cta {
		width: 27.64706rem;
		top: 5.88235rem
	}

	body.index .slideshowContainer .cta p {
		display: block;
		font-size: 1.11765rem;
		line-height: 1.52941rem
	}

	body.index .slideshowContainer .cta p.headline {
		font-size: 2.94118rem;
		margin-bottom: 1.2rem;
		line-height: 2.94118rem
	}

	body.index .slideshowContainer .cta p.headline strong {
		font-weight: 900
	}

	body.index .slideshowContainer #slideshow {
		height: 31.58824rem
	}

	body.index .slideshowContainer #slideshow>li {
		height: 31.58824rem
	}

	body.index .slideshowContainer #slideshow>li img {
		height: 31.58824rem
	}

	body.index .teaser-navi {
		display: block;
		margin-bottom: 2rem;
		margin-top: -5.29412rem;
		position: relative;
		z-index: 999
	}

	body.index .teaser-navi li {
		padding: 0 .82353rem;
		margin-bottom: 1.52941rem
	}

	body.index .teaser-navi li div {
		border: 1px solid #ccc;
		background: #fff
	}

	body.index .teaser-navi li div a {
		font-family: "Source Sans Pro", sans-serif;
		text-transform: uppercase;
		letter-spacing: -0.02rem;
		height: 5.88235rem;
		width: 100%;
		display: block;
		border-bottom: 2px solid #c1c1c1;
		color: #2a2a2a;
		text-decoration: none;
		font-weight: 900;
		line-height: 1.29412rem;
		font-size: 1.11765rem;
		padding: 1.64706rem 0 0 1.88235rem
	}

	body.index .teaser-navi li.teaser-klimaanlagen div>a,
	body.index .teaser-navi li.teaser-gastronomie div>a,
	body.index .teaser-navi li.teaser-kontakt div>a {
		padding-top: 2.23529rem
	}

	body.index .teaser-navi li.teaser-wohnraumlueftung div {
		background: url("../images/index/bg-teaser.jpg") 202px 23px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-garagenentlueftung div {
		background: url("../images/index/bg-teaser.jpg") -117px 22px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-stiegenhausdruckbelueftung div {
		background: url("../images/index/bg-teaser.jpg") -434px 23px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-klimaanlagen div {
		background: url("../images/index/bg-teaser.jpg") 202px -107px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-luftwasserwaermepumpen div {
		background: url("../images/index/bg-teaser.jpg") -117px -107px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-gastronomie div {
		background: url("../images/index/bg-teaser.jpg") -434px -107px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-gewerbe-und-industrie div {
		background: url("../images/index/bg-teaser.jpg") 202px -231px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-wartung div {
		background: url("../images/index/bg-teaser.jpg") -117px -231px no-repeat #fff
	}

	body.index .teaser-navi li.teaser-kontakt div {
		background: url("../images/index/bg-teaser.jpg") -434px -231px no-repeat
	}

	body.index .teaser-navi li:hover {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}

	body.index .teaser-navi li:hover div>a {
		color: #2335b8;
		border-bottom: 2px solid #2335b8
	}
}

.teaser-navi {
	display: none
}

.content {
	padding: 1rem 0 1rem;
	text-align: center;
	position: relative;
	z-index: 999
}

.content .iframe {
	width: 100%;
	border: .11765rem solid #ccc;
	margin-bottom: 1.2rem;
	height: auto
}

.content .iframe.youtube {
	border: 0px
}

.content .contentImage {
	width: 100%;
	border: .11765rem solid #ccc;
	margin-bottom: 1rem;
	margin-right: 1.2rem;
	height: auto
}

@media (min-width: 40em) {
	.content {
		text-align: left
	}

	.content .contentImage.floatLeft {
		width: 50%;
		height: auto;
		float: left
	}

	.content iframe.youtube {
		height: 20.58824rem
	}
}

@media (min-width: 62em) {
	.content {
		padding: 1rem 0 2rem
	}

	.content .contentImage.floatLeft {
		width: auto
	}

	.content iframe.youtube {
		height: 16.58824rem
	}
}

.teaser {
	background: #f7f7f7;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #000;
	padding: 1.5rem 0;
	text-align: center
}

.teaser .headline {
	text-transform: uppercase;
	font-size: 1.52941rem;
	line-height: 1.76471rem;
	letter-spacing: -0.05rem;
	margin-bottom: 1rem;
	font-weight: 900;
	font-family: "Source Sans Pro", sans-serif
}

.teaser a {
	display: inline-block;
	text-decoration: none;
	background: #d12727;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 2.11765rem;
	padding: 0 0.5rem
}

.teaser a:hover {
	background: #2335b8
}

@media (min-width: 40em) {
	.teaser {
		background: url("../images/bg-footer.jpg") top center no-repeat;
		border: 0px;
		padding: 2.5rem 0
	}

	.teaser .headline {
		font-size: 1.94118rem;
		line-height: 2.35294rem;
		letter-spacing: -0.1rem
	}

	.teaser a {
		line-height: 2.35294rem;
		padding: 0 1rem;
		font-size: 1.05882rem
	}
}

@media (min-width: 47em) {
	.teaser .headline {
		font-size: 2.88235rem;
		line-height: 2.94118rem;
		display: inline-block;
		width: 27.64706rem;
		margin-bottom: 2rem;
		padding: 0px
	}

	.teaser p {
		width: 700px;
		font-size: 1.11765rem;
		line-height: 1.41176rem;
		display: inline-block
	}

	.teaser a {
		line-height: 3.11765rem;
		font-size: 1.17647rem;
		padding: 0 1.64706rem
	}
}

@media (min-width: 62em) {
	.teaser {
		height: 29.41176rem;
		padding-top: 7.05882rem
	}

	.teaser .headline {
		font-size: 3.35294rem;
		line-height: 3.35294rem;
		width: 32.35294rem
	}

	.teaser p {
		width: 42.94118rem
	}
}

.footer.dark {
	background: #2a2a2a;
	color: #fff;
	padding-top: 1.5rem;
	text-align: center
}

.footer.dark .headline {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 900;
	font-size: 1.17647rem;
	text-transform: uppercase;
	letter-spacing: -0.05rem;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 1rem;
	padding-bottom: 0.4rem
}

.footer.dark .footer-logo {
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 0.4rem;
	margin-bottom: 1rem;
	font-family: "Source Sans Pro", sans-serif
}

.footer.dark .footer-logo strong {
	display: block;
	color: #4254d1;
	text-transform: uppercase;
	font-weight: 900;
	font-style: italic;
	font-size: 1.52941rem
}

.footer.dark .footer-logo strong span {
	color: #d12727
}

@media (min-width: 47em) {
	.footer.dark {
		padding: 2.75rem 0 1rem;
		text-align: left;
		font-size: .88235rem
	}

	.footer.dark .footer-logo {
		font-size: 1.11765rem;
		padding-bottom: 0.78rem;
		margin-bottom: 0.62rem
	}

	.footer.dark div.medium-6,
	.footer.dark div.medium-2 {
		padding-top: 1.29412rem
	}

	.footer.dark div.medium-6 .headline,
	.footer.dark div.medium-2 .headline {
		padding-bottom: 0.91rem;
		margin-bottom: 0.62rem
	}
}

.footer-navi {
	background: #e6e6e6
}

.highlight {
	color: #d12727
}

.btn {
	background: #828282;
	border: none;
	color: #2a2a2a;
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	line-height: 1rem;
	padding: .7rem 1rem;
	text-align: center;
	text-decoration: none;
	transition: 300ms all ease-in-out
}

.btn:hover,
.btn:active,
.btn:focus {
	background: #2a2a2a;
	color: #fff
}

.btn *[class^="icon"] {
	margin-left: .5rem;
	vertical-align: middle
}

.googleMaps {
	border: none;
	height: 20.58824em;
	margin-bottom: 1.5rem;
	width: 100%
}

.notification {
	padding: 1em;
	background: #d12727;
	color: #fff;
	font-size: 1.2em
}

.fancy {
	position: relative;
	text-decoration: none
}

.fancy:before {
	content: "";
	position: absolute;
	width: 0;
	top: 100%;
	left: 0;
	height: 1px;
	background: #2335b8;
	transition: 300ms all ease-in-out
}

.fancy:hover:before {
	width: 100%
}

a,
ul,
li,
span,
input,
button,
textarea {
	transition: all 300ms linear
}

.navi-main li:hover a,
.navi-main li:hover span,
.navi-main li.active a,
.navi-main li.active span,
.navi-main li.hovering a,
.navi-main li.hovering span {
	background: #d12727
}

.navi-main li a,
.navi-main li span {
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1.29412rem;
	display: block;
	padding: .47059rem 0 .47059rem .70588rem;
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 700;
	background: #2a2a2a
}

.navi-main li span {
	background: #424242
}

.navi-main li .sub {
	background: #2a2a2a
}

.navi-main li .sub li:hover a,
.navi-main li .sub li:hover span,
.navi-main li .sub li.active a,
.navi-main li .sub li.active span,
.navi-main li .sub li.hovering a,
.navi-main li .sub li.hovering span {
	background: #d12727
}

.navi-main li .sub li a {
	font-family: "Lato", sans-serif;
	background: #424242;
	text-transform: none;
	padding-left: 1.17647rem;
	font-size: .88235rem;
	font-weight: 400;
	text-transform: none;
	line-height: 1.05882rem
}

@media (min-width: 47em) {
	.navi-main {
		text-align: right;
		padding-right: .82353rem
	}

	.navi-main li {
		position: relative;
		display: inline-block
	}

	.navi-main li.start,
	.navi-main li.impressum,
	.navi-main li.datenschutzerklaerung,
	.navi-main li.ansprechpartner,
	.navi-main li.wartung,
	.navi-main li.referenzen,
	.navi-main li.kontakt {
		display: none
	}

	.navi-main li a,
	.navi-main li span {
		border-top: 0px;
		padding: 0 0.3rem;
		background: none;
		line-height: 2.35294rem;
		font-size: .85294rem;
		font-family: "Source Sans Pro", sans-serif;
		letter-spacing: -0.02rem
	}

	.navi-main li:hover>a,
	.navi-main li:hover span,
	.navi-main li.active>a,
	.navi-main li.active span,
	.navi-main li.hovering>a,
	.navi-main li.hovering span {
		background: none;
		color: #699ff9
	}

	.navi-main li ul.sub {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 2.35294rem;
		text-align: left;
		left: 0;
		background: #d12727
	}

	.navi-main li ul.sub li {
		display: block
	}

	.navi-main li ul.sub li a {
		display: block;
		font-size: 1rem;
		line-height: 2rem;
		border-top: 1px solid #fff;
		white-space: nowrap;
		padding: 0 1rem;
		text-transform: uppercase
	}

	.navi-main li ul.sub li:first-child a {
		border-top: 0px
	}

	.navi-main li ul.sub:before {
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		border-bottom: 11px solid #2335b8;
		border-top: 0;
		height: 0;
		left: 1.41176rem;
		position: absolute;
		top: -11px;
		width: 0;
		content: ""
	}

	.navi-main li:hover ul {
		opacity: 1;
		visibility: visible
	}
}

@media (min-width: 62em) {
	.navi-main {
		width: 750px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -282px;
		padding-right: 0px
	}

	.navi-main li a,
	.navi-main li span {
		line-height: 3.29412rem;
		font-size: 1rem;
		padding: 0 .35294rem;
		background: none
	}

	.navi-main li ul.sub {
		top: 3.29412rem
	}

	.navi-main li ul.sub:before {
		border-bottom: 11px solid #fff
	}

	.navi-main li ul.sub li a {
		background: #fff;
		color: #2a2a2a;
		border-top: 1px solid #2a2a2a;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		text-transform: none
	}

	.navi-main li ul.sub li a:hover,
	.navi-main li ul.sub li a.active {
		background: #2335b8;
		color: #fff
	}
}

.page-navi {
	background: #2a2a2a;
	min-height: 100%;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	left: 0;
	position: absolute;
	top: 0;
	width: 85%;
	z-index: 100
}

@media (min-width: 47em) {
	.page-navi {
		background: url("../images/bg-navigation.jpg") top center no-repeat #2a2a2a;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		transition: none;
		min-height: inherit;
		position: absolute;
		width: 100%;
		top: 10rem
	}
}

@media (min-width: 62em) {
	.page-navi {
		background: none;
		top: 8.94118rem
	}
}

.toggle-navi,
.close-navi {
	color: #2a2a2a;
	font-size: 1.88235rem;
	text-decoration: none
}

.toggle-navi:before,
.close-navi:before {
	font-family: "userinterface";
	transition: content 300ms;
	line-height: 2.2em
}

.toggle-navi:hover:before,
.close-navi:hover:before {
	color: #2335b8
}

@media (min-width: 47em) {

	.toggle-navi,
	.close-navi {
		display: none
	}
}

.close-navi {
	display: none
}

.navi-buttons {
	position: absolute;
	z-index: 99;
	top: 0;
	left: .82353rem
}

@media (min-width: 28.5em) {
	.navi-buttons {
		top: -0.5rem
	}
}

#navi-toggled:target .page-navi {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

#navi-toggled:target .page-wrap {
	-webkit-transform: translateX(85%);
	transform: translateX(85%);
	position: relative
}

#navi-toggled:target .close-navi {
	display: block
}

#navi-toggled:target .toggle-navi {
	display: none
}

@media (min-width: 47em) {
	#navi-toggled:target .close-navi {
		display: none
	}

	#navi-toggled:target .page-wrap {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		position: relative
	}
}

.navi-top {
	display: none
}

@media (min-width: 47em) {
	.navi-top {
		display: inline-block;
		text-align: right;
		width: 60%;
		padding: 0.9rem .82353rem 0 0
	}

	.navi-top>li {
		display: inline-block;
		line-height: 2.05882rem;
		position: relative
	}

	.navi-top>li a {
		text-decoration: none;
		line-height: 1rem;
		padding: 0 0.5rem;
		color: #808080;
		font-size: .94118rem
	}

	.navi-top>li:hover>a,
	.navi-top>li:hover>span,
	.navi-top>li.active>a,
	.navi-top>li.active>span {
		color: #2a2a2a;
		font-weight: bold
	}

	.navi-top>li:hover>ul,
	.navi-top>li.hovering>ul {
		opacity: 1;
		visibility: visible
	}

	.navi-top>li:first-child a {
		border-left: 0px
	}

	.navi-top>li ul {
		position: absolute;
		top: 2.05882rem;
		left: 0;
		background: #2a2a2a;
		text-align: left;
		opacity: 0;
		visibility: hidden
	}

	.navi-top>li ul li {
		line-height: 1.76471rem;
		display: block
	}

	.navi-top>li ul li a {
		color: #fff;
		padding: 0 .82353rem;
		border-top: 1px solid #fff;
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		line-height: 1.76471rem;
		display: block
	}

	.navi-top>li ul li:first-child a {
		border-top: 0px
	}

	.navi-top>li ul li:hover a,
	.navi-top>li ul li:active a {
		background: #2335b8
	}

	.navi-top>li ul:before {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #2a2a2a;
		border-top: 0;
		height: 0;
		left: .82353rem;
		position: absolute;
		top: -5px;
		width: 0;
		content: ""
	}
}

@media (min-width: 62em) {
	.navi-top {
		width: auto;
		float: right;
		padding: 0px 8px
	}

	.navi-top>li {
		line-height: 3.17647rem
	}

	.navi-top>li ul {
		top: 2.47059rem
	}
}

.navi-add {
	text-align: center;
	padding: 1rem 0
}

.navi-add li {
	display: inline-block
}

.navi-add li a {
	color: #2a2a2a;
	text-decoration: none;
	font-size: .94118rem;
	padding: 0.6rem 0.5rem
}

.navi-add li a:hover,
.navi-add li a.active {
	color: #d12727;
	font-weight: bold
}

@media (min-width: 40em) {
	.navi-add li a {
		padding: 0.4rem 0.3rem
	}
}

@media (min-width: 47em) {
	.navi-add {
		text-align: left
	}

	.navi-add li a {
		padding: 0.4rem 1.5rem 0.4rem 0
	}
}

@media (min-width: 62em) {
	.navi-add {
		padding-top: 1.2rem
	}
}

.navi-footer {
	margin-bottom: 1.2rem
}

.navi-footer li {
	display: block;
	margin-bottom: 1px
}

.navi-footer li:first-child {
	border-top: 0px
}

.navi-footer li a {
	line-height: 1.76471rem;
	text-decoration: none;
	display: block;
	color: #a5a5a5;
	font-size: .88235rem;
	background: #fff;
	background: rgba(255, 255, 255, 0.05)
}

.navi-footer li a:hover,
.navi-footer li a.active {
	color: #fff
}

@media (min-width: 40em) {
	.navi-footer.uLeistungen {
		overflow: hidden
	}

	.navi-footer.uLeistungen li {
		width: 50%;
		float: left;
		padding-left: 1px
	}

	.navi-footer.uebersicht {
		text-align: center
	}

	.navi-footer.uebersicht li {
		display: inline-block;
		margin-right: 1px
	}

	.navi-footer.uebersicht li a {
		padding: 0 0.8rem
	}
}

@media (min-width: 47em) {
	.navi-footer.uebersicht {
		text-align: left
	}

	.navi-footer.uebersicht li {
		display: block
	}

	.navi-footer.uebersicht li a {
		padding: 0px
	}

	.navi-footer li {
		display: block
	}

	.navi-footer li a {
		font-size: .76471rem;
		line-height: 1.41176rem;
		background: none
	}
}

@media (min-width: 62em) {
	.navi-footer li a {
		font-size: .88235rem
	}
}

.clear {
	clear: both;
	float: none
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.hidden {
	display: none
}

.hide-text {
	display: inline-block;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	overflow: hidden;
	width: 0
}

.floatLeft {
	float: left
}

img.floatLeft {
	margin-right: 1rem
}

.floatRight {
	float: right
}

img.floatRight {
	margin-left: 1rem
}

.fluid {
	height: auto;
	width: 100%
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.wide {
	width: 100%;
	display: block
}

form.default {
	width: 100%
}

form.default ::-webkit-input-placeholder,
form.default :-ms-input-placeholder,
form.default ::-moz-placeholder {
	color: #828282
}

form.default fieldset {
	border: none;
	margin: 0 0 2rem
}

form.default fieldset+fieldset {
	margin-top: 2rem
}

form.default fieldset>span {
	float: left;
	width: 6rem;
	margin-top: .29412rem
}

form.default label.floatLabel {
	float: left !important;
	width: 90% !important;
	padding: 0 !important;
	clear: both !important;
	margin-left: 0 !important;
	text-align: left !important
}

form.default input#Datenschutz {
	margin-top: 6px;
	width: 5%
}

form.default label {
	padding: .8rem 0
}

form.default label.radio {
	clear: none;
	display: inline-block;
	width: 30%
}

form.default label[for="Datenschutz"] {
	width: 93%
}

form.default label.checkbox {
	display: inline-block;
	width: auto
}

form.default label small {
	color: #d12727;
	display: block;
	line-height: 1rem
}

form.default label.error {
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
	background: #d12727;
	background: #d12727;
	color: #fff;
	padding: .29412rem;
	text-align: center;
	position: relative;
	animation: error 1s;
	-webkit-animation: error 1s
}

form.default label.error:before {
	border-left: .41176rem solid transparent;
	border-right: .41176rem solid transparent;
	border-bottom: .58824rem solid #d12727;
	border-top: 0;
	height: 0;
	right: .58824rem;
	position: absolute;
	top: -.58824rem;
	width: 0;
	content: ""
}

@media (min-width: 40em) {
	form.default label {
		clear: both;
		display: block;
		float: left;
		padding-right: 1rem;
		width: 33%
	}
}

form.default legend {
	background: #2335b8;
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	text-transform: uppercase;
	letter-spacing: -0.02rem;
	font-weight: 900;
	font-size: 1.17647rem;
	margin: 0 0 0.6rem 0;
	padding: 0.7rem 1rem;
	width: 100%
}

form.default legend+p {
	background: #f2f2f2;
	margin: -1.3rem 0 1rem 0;
	padding: 1.5% .6rem
}

form.default [type="checkbox"] {
	float: left;
	margin: 1rem .3rem .8rem
}

@media (min-width: 40em) {
	form.default [type="checkbox"] {
		display: block
	}
}

form.default button {
	background: #d12727;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 1rem;
	font-family: "Source Sans Pro", sans-serif;
	letter-spacing: -0.02rem;
	font-size: 1.17647rem;
	text-transform: uppercase;
	margin-bottom: 1rem;
	padding: 0 .8rem;
	line-height: 2.29412rem;
	font-weight: bold;
	width: 100%
}

form.default button:hover,
form.default button:active {
	background: #2335b8;
	color: #fff
}

@media (min-width: 40em) {
	form.default button {
		float: right;
		width: 67%
	}
}

form.default .errorContainer {
	position: relative
}

@keyframes error {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes error {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.specialfield {
	display: none
}

#newsletter-info {
	border: .05882rem solid #d12727;
	padding: 1rem
}

img[name=vimg]+input[name=imgverify] {
	float: right
}

.icon,
.backToTop:before,
#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before,
a.showslideController.showslidePlay:before,
a.showslideController.showslidePlay.true:before,
a.showslideController.showslidePrev:before,
a.showslideController.showslideNext:before,
a[href$=".pdf"]:before {
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon,
.backToTop:before,
#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before,
a.showslideController.showslidePlay:before,
a.showslideController.showslidePlay.true:before,
a.showslideController.showslidePrev:before,
a.showslideController.showslideNext:before,
a[href$=".pdf"]:before {
	font-family: "userinterface"
}

.accHandler:after,
.icon-plus:before {
	content: '\e800'
}

a.showslideController.showslidePlay.true:before,
.icon-play:before {
	content: '\e801'
}

a.showslideController.showslidePlay:before,
.icon-pause:before {
	content: '\e802'
}

div.noticeBar:before,
.icon-attention:before {
	content: '\e803'
}

.accHandler.active:after,
.icon-minus:before {
	content: '\e804'
}

.informatizer:before,
.icon-info:before {
	content: '\e805'
}

a[href$=".pdf"]:before,
.icon-file-pdf:before {
	content: '\e806'
}

.toggle-navi:before,
.close-navi:before,
.icon-menu:before {
	content: '\e807'
}

.icon-ok:before {
	content: '\e808'
}

.icon-facebook:before {
	content: '\e809'
}

#cboxClose:before,
#navi-toggled:target .close-navi:before,
.icon-cancel:before {
	content: '\e80d'
}

.backToTop:before,
.icon-up:before {
	content: '\e80b'
}

#cboxNext:before,
a.showslideController.showslideNext:before,
.icon-right:before {
	content: '\e817'
}

#cboxPrevious:before,
a.showslideController.showslidePrev:before,
.icon-left:before {
	content: '\e816'
}

.icon-down:before {
	content: '\e80c'
}

.icon-twitter:before {
	content: '\e80f'
}

.icon-gplus:before {
	content: '\e810'
}

.icon-phone:before {
	content: '\e811'
}

.icon-mail:before {
	content: '\e812'
}

.icon-star:before {
	content: '\e80a'
}

.icon-star-empty:before {
	content: '\e80e'
}

.icon-star-half:before {
	content: '\e814'
}

.icon-download:before {
	content: '\e815'
}

.icon-clock:before {
	content: '\e813'
}

/*# sourceMappingURL=styles.css.map */