/* FONTS */

@font-face {font-family:'MB'; src:url('fonts/muli-black.woff2') format('woff2'), url('fonts/muli-black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RR'; src:url('fonts/roboto-regular.woff2') format('woff2'), url('fonts/roboto-regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RRI'; src:url('fonts/roboto-regular-italic.woff2') format('woff2'), url('fonts/roboto-regular-italic.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RB'; src:url('fonts/roboto-bold.woff2') format('woff2'), url('fonts/roboto-bold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'RBI'; src:url('fonts/roboto-bold-italic.woff2') format('woff2'), url('fonts/roboto-bold-italic.woff') format('woff'); font-weight:normal; font-style:normal;}

/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat:no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; width:100%; height:100%;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {border-radius:0px;}

/* GLOBAL */

body {
	font-family: 'RR', sans-serif;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #2c2c2c;
	background-color: #2c2c2c;
	-webkit-text-size-adjust: 100%;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

a, a:link, a:visited, a:focus, a:active, a:hover, input[type="submit"] {
	color: #2c2c2c;
	text-decoration: none;
	transition: color 0.2s linear, background-color 0.2s linear;
}

a.button {
	font-family: 'RB', sans-serif;
	font-size: 16px;
	padding: 12px 20px;
	text-transform: uppercase;
	color: #497358 !important;
	border-bottom: 0px !important;
	text-decoration: none !important;
	display: inline-block;
	background-color: #e5f2df;
	margin-top: 10px;
}

a.button:hover {
	color: #ffffff !important;
	background-color: #41a87c !important;
}

a.phone {
	height: 40px;
	font-size: 20px;
	color: #ffffff;
	font-family: 'RB', sans-serif;
	display: inline-block;
	text-decoration: none !important;
	padding: 8px 0px 0px 50px;
	background-image: url(img/phone-trigger-white.svg);
	background-size: 40px 40px;
	background-position: left center;
}

a.phone:hover {
	color: #ffffff !important;
	text-decoration: underline !important;
}

a.phone-big {
	font-size: 32px;
}

p {
	margin: 10px 0px;
}

p a {
	text-decoration: underline !important;
}

p a:hover {
	color: #41a87c !important;
}

b, strong {
	font-family: 'RB', sans-serif;
	font-weight: normal;
}

i, em {
	font-family: 'RRI', sans-serif;
	font-style: normal;
}

b i, b em, strong i, strong em, i b, i strong, em b, em strong {
	font-family: 'RBI', sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-family: 'MB', sans-serif;
	font-weight: normal;
	color: #497358;
	display: block;
	line-height: 120%;
	margin: 10px 0px;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.text-left, .ce-headline-left {
	text-align: left;
}

.text-center, .ce-headline-center {
	text-align: center;
}

.text-right, .ce-headline-right {
	text-align: right;
}

h1 {
	font-size: 64px;
}

h2 {
	font-size: 38px;
}

h3 {
	font-size: 32px;
	line-height: 140%;
}

h4 {
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 10px;
}

h5 {
	font-size: 18px;
	line-height: 140%;
}

span.sub-headline {
	width: 100%;
	display: block;
	font-family: 'NR', sans-serif;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	color: #2c2c2c;
}

div.bg-main-green span.sub-headline {
	color: #ffffff;
}

hr {
	width: 100%;
	height: 50px;
	display: block;
	border: none;
	float: left;
	clear: both;
	background-color: transparent;
}

/* ELEMENTS */

div.bg-top,
div.bg-header,
div.bg-main,
div.bg-footer,
div.bg-bottom {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.center {
	width: 1200px;
	margin: 0px auto;
}

div.top,
div.header,
div.main,
div.footer,
div.bottom {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}

div.bg-top {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: #ffffff;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}

div.bg-top-fixed {
	position: fixed;
	top: -120px;
	background-color: #ffffff;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	transition: top 0.3s ease-in-out;
}

.fixpos div.bg-top-fixed {
	top: 0px;
}

div.bg-top div.center {
	width: 1600px;
}

div.top {
	height: 120px;
	display: flex;
}

div.bg-top-fixed div.top {
	height: 60px;
}

div.top-left {
	flex-grow: 0;
	float: left;
	clear: left;
}

div.top a.logo {
	width: 190px;
	height: 66px;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	margin-top: 27px;
	background-image: url(img/logo.svg);
	background-size: auto 100%;
	background-position: top left;
}

div.bg-top-fixed div.top-left a.logo {
	width: 145px;
	height: 40px;
	margin-top: 10px;
	background-image: url(img/logo-small.svg);
}

div.top-center {
	flex-grow: 1;
	float: left;
	clear: none;
	text-align: center;
}

ul.top-menu {
	display: inline-block;
	padding: 0px 40px;
}

ul.top-menu > li {
	float: left;
	clear: none;
	border-bottom: 5px solid #ffffff;
}

ul.top-menu > li.open,
ul.top-menu > li:hover {
	border-color: #2c2c2c;
}

ul.top-menu > li:last-child {
	margin-right: 0px;
}

ul.top-menu > li > a {
	height: 115px;
	font-size: 18px;
	line-height: 100%;
	padding: 48px 35px 0px 35px;
	color: #2c2c2c;
	display: block;
	float: left;
	clear: none;
}

ul.top-menu > li.sek-true:hover,
ul.top-menu > li.sek-true.current,
ul.top-menu > li.sek-true.open,
ul.top-menu > li:hover > a,
ul.top-menu > li.current > a,
ul.top-menu-sek > li:hover > a,
ul.top-menu-sek > li.current > a,
ul.top-menu-trd > li:hover > a,
ul.top-menu-trd > li.current > a {
	transition: color 0.2s linear, background-color 0.2s linear;
	color: #41a87c;
}

ul.top-menu-sek {
	width: 100%;
	float: left;
	clear: both;
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 2;
	padding: 60px;
	text-align: left;
	background-color: #2c2c2c;
	display: none;
}

div.bg-top-fixed ul.top-menu-sek {
	top: 60px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	display: none;
}

ul.top-menu-sek > li {
	width: 16.6666666667%;
	flex-grow: 1;
	float: left;
	clear: none;
	padding-right: 30px;
}

ul.top-menu-sek > li > a {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-family: 'MB', sans-serif;
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 10px;
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

ul.top-menu > li.sek-true {
	height: 120px;
	padding: 44px 35px 0px 35px;
	cursor: pointer;
}

ul.top-menu > li.sek-true.open > ul.top-menu-sek {
	display: flex;
}

div.bg-top-fixed ul.top-menu > li.sek-true {
	height: 60px;
	padding: 0px 35px 0px 35px;
}

span.menu-closer {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30px;
	right: 30px;
	background-image: url(img/menu-closer.svg);
	background-size: 100% 100%;
	opacity: 0.5;
	transition: opacity 0.2s ease-in-out;
	cursor: pointer;
}

span.menu-closer:hover {
	opacity: 1;
}

div.bg-top-fixed ul.top-menu > li > a {
	height: 55px;
	padding: 20px 35px 0px 35px;
}

div.bg-top-fixed ul.top-menu > li.sek-true {
	height: 60px;
	padding: 16px 35px 0px 35px;
}

ul.top-menu-trd {
	width: 100%;
	float: left;
	clear: both;
	font-size: 16px;
	line-height: 120%;
}

ul.top-menu-trd > li {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 10px;
	position: relative;
}

ul.top-menu-trd > li > a {
	color: #ffffff;
}

div.top-right {
	flex-grow: 0;
	float: right;
	clear: right;
}

div.top-right a.phone-trigger {
	height: 34px;
	font-size: 18px;
	line-height: 100%;
	color: #2c2c2c;
	display: block;
	float: left;
	clear: none;
	padding: 7px 0px 0px 44px;
	margin-top: 43px;
	background-image: url(img/phone-trigger.svg);
	background-size: 34px 34px;
	background-position: left center;
}

div.bg-top-fixed div.top-right a.phone-trigger {
	margin-top: 13px;
}

div.bg-top-small {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
	display: none;
}

div.bg-top-small div.top {
	height: 80px;
}

div.top-spacer {
	width: 100%;
	height: 120px;
	float: left;
	clear: both;
}

div.bg-top-small div.top-center {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-align: center;
}

div.bg-top-small div.top a.logo {
	width: 218px;
	height: 60px;
	display: inline-block;
	float: none;
	clear: none;
	margin-top: 10px;
	background-image: url(img/logo-small-alt.svg);
}

div.top-trigger {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

div.top-trigger-right {
	left: auto;
	right: 0px;
}

div.top-trigger span.menu-trigger,
div.top-trigger a.phone-trigger {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-align: left;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}

div.top-trigger span.menu-trigger {
	background-image: url(img/menu-trigger-small.svg);
	background-size: 80px 160px;
	background-position: top left;
}

div.top-trigger span.menu-trigger.open {
	background-position: bottom left;
}

div.top-trigger a.phone-trigger {
	background-image: url(img/phone-trigger-small.svg);
	background-size: 80px 80px;
	background-position: top left;
}

div.top-menu-small {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: fixed;
	z-index: 98;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #2c2c2c;
	display: none;
}

div.top-menu-small-content {
	width: 100%;
	float: left;
	clear: both;
	padding: 80px;
	text-align: left;
}

ul.top-menu-small {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 80px;
	border-top: 1px solid rgba(255,255,255,0.3);
}

ul.top-menu-small > li {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

ul.top-menu-small > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-size: 32px;
	line-height: 100%;
	color: #ffffff;
	padding: 20px 0px;
}

ul.top-menu-small > li.current > a {
	color: #497358;
}

span.small-menu-sek-trigger {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 18px;
	right: 0px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/menu-sek-trigger.svg);
	background-size: 100% 100%;
	background-position: top left;
	transition: transform 0.2s ease-in-out;
	cursor: pointer;
}

span.small-menu-sek-trigger.trigger-open,
span.small-menu-sek-trigger.trigger-open {
	transform: rotate(90deg);
}

ul.top-menu-small-sek {
	width: 100%;
	float: left;
	clear: both;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-left: 20px;
}

ul.top-menu-small-sek > li {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

ul.top-menu-small-sek > li:last-child {
	border-bottom: none;
}

ul.top-menu-small-sek > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-size: 24px;
	line-height: 100%;
	color: #ffffff;
	padding: 20px 0px;
}

ul.top-menu-small-sek > li.current > a {
	color: #497358;
}

span.small-menu-trd-trigger {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 18px;
	right: 0px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/menu-sek-trigger.svg);
	background-size: 100% 100%;
	background-position: top left;
	transition: transform 0.2s ease-in-out;
	cursor: pointer;
}

span.small-menu-trd-trigger.trigger-open,
span.small-menu-trd-trigger.trigger-open {
	transform: rotate(90deg);
}

ul.top-menu-small-trd {
	width: 100%;
	float: left;
	clear: both;
	padding-left: 20px;
}

ul.top-menu-small-trd > li {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

ul.top-menu-small-trd > li > a {
	width: 100%;
	float: left;
	clear: both;
	font-size: 18px;
	color: #ffffff;
	display: block;
}

ul.top-menu-small-trd > li.current > a {
	color: #497358;
}

div.bg-main-white {
	background-color: #ffffff;
}

div.bg-main-green {
	background-color: #497358;
}

div.bg-main-green h1,
div.bg-main-green h2,
div.bg-main-green h3,
div.bg-main-green h4,
div.bg-main-green h5,
div.bg-main-green p,
div.bg-main-green p a,
div.bg-main-green ul {
	color: #ffffff;
}

div.main {
	text-align: left;
	padding: 100px 0px;
}

div.main ul li {
	padding-left: 18px;
	position: relative;
}

div.main ul li::before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	top: 8px;
	left: 0px;
	background-color: #497358;
}

div.bg-main-green div.main ul li::before {
	background-color: #ffffff;
}

div.bg-footer {
	background-color: #ffffff;
}

div.footer {
	font-size: 16px;
	line-height: 140%;
	text-align: left;
	display: flex;
	padding: 80px 0px;
}

div.footer-left {
	float: left;
	clear: left;
	flex-grow: 1;
}

div.footer-left a.logo {
	width: 190px;
	height: 66px;
	display: block;
	float: left;
	clear: none;
	margin-top: 10px;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/logo.svg);
	background-size: auto 100%;
	background-position: top left;
}

div.footer-right {
	float: right;
	clear: right;
	display: flex;
	flex-grow: 1;
	padding-left: 40px;
}

div.footer-right p {
	margin: 0px;
}

div.footer-right b a,
div.footer-right strong a {
	display: block;
	float: left;
	clear: both;
	text-decoration: none !important;
	margin-top: 10px;
}

a.footer-menu-title {
	font-family: 'RB', sans-serif;
	text-transform: uppercase;
}

a.footer-menu-title:hover,
ul.footer-menu li a:hover {
	color: #41a87c;
}

div.footer-right-item {
	min-width: 280px;
	float: left;
	clear: none;
	padding-right: 40px;
	flex-grow: 1;
}

div.footer-right-item:nth-child(2) {
	min-width: 220px;
}

div.footer-right-item:last-child {
	min-width: 360px;
	padding-right: 0px;
}

span.avpq-logo {
	width: 80px;
	height: 80px;
	display: block;
	float: left;
	clear: none;
	margin: 0px 10px 10px 0px;
	background-image: url(img/avpq-logo.svg);
	background-size: 100% 100%;
	background-position: top left;
}

div.footer-right-item div.ce-contentbody {
	width: 100%;
	float: left;
	clear: both;
}

div.bottom {
	padding: 20px 0px;
}

div.bottom-left {
	float: left;
	clear: left;
}

div.bottom-right {
	float: right;
	clear: right;
}

ul.bottom-menu {
	font-family: 'RB', sans-serif;
	font-size: 16px;
	line-height: 100%;
	float: left;
	clear: none;
}

ul.bottom-menu > li {
	float: left;
	clear: none;
	margin-left: 40px;
}

ul.bottom-menu > li:first-child {
	margin-left: 0px;
}

ul.bottom-menu > li > a {
	color: #ffffff;
}

ul.bottom-menu > li > a:hover {
	color: #41a87c;
}

div.bg-attached {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	position: relative;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}

div.bg-header {
	background-color: #497358;
}

div.bg-header div.center {
	width: 1660px;
}

div.header-small {
	height: 300px;
}

div.header-big,
div.header-slider div.frame-type-textpic {
	height: 700px;
}

div.header-img {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.header-title {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 2;
	text-align: center;
	background-color: rgba(44,44,44,0.5);
}

div.header-title h1 {
	width: 100%;
	max-width: 1260px;
	text-align: left;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0px 30px;
	transform: translateY(-50%) translateX(-50%);
	color: #ffffff;
}

div.header-slider {
	width: 100%;
	height: 100%;
	float: left;
	clear: both;
}

div.header-slider .owl-item {
	padding: 0px !important;
}

div.header-slider div.frame-type-textpic {
	width: 100%;
	float: left;
	clear: none;
	position: relative;
}

div.header-slider div.ce-textpic,
div.header-slider div.ce-row,
div.header-slider div.ce-column,
div.header-slider figure {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
}

div.header-slider div.ce-gallery {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.header-slider div.ce-bodytext-outer {
	width: 100%;
	height: 100%;
	float: left;
	clear: none;
	position: relative;
	z-index: 2;
	background-color: rgba(44,44,44,0.5);
}

div.header-slider div.ce-bodytext {
	width: 100%;
	max-width: 1200px;
	text-align: left;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	position: relative;
}

div.header-slider div.ce-bodytext header {
	width: 100%;
}

div.header-slider div.ce-bodytext p {
	width: 100%;
	max-width: 560px;
}

div.header-slider div.ce-bodytext h1,
div.header-slider div.ce-bodytext h2,
div.header-slider div.ce-bodytext h3,
div.header-slider div.ce-bodytext h4,
div.header-slider div.ce-bodytext h5,
div.header-slider div.ce-bodytext p {
	color: #ffffff;
}

.owl-nav {
	width: 100%;
	position: absolute;
	top: 50% !important;
	left: 0px !important;
	transform: translateY(-40px) !important;
}

.owl-nav button span {
	display: none;
}

.owl-nav button {
	width: 50px !important;
	height: 80px !important;
	display: block !important;
	position: absolute !important;
	top: 0px !important;
	background-color: rgba(255,255,255,0.5) !important;
	background-size: 16px 28px !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	transition: background-color 0.2s ease-in-out;
}

.owl-nav button:hover {
	background-color: rgba(255,255,255,0.8) !important;
}

.owl-nav button.owl-prev {
	left: 0px;
	background-image: url(img/owl-prev.svg) !important;
}

.owl-nav button.owl-next {
	right: 0px;
	background-image: url(img/owl-next.svg) !important;
}

div.frame {
	width: 100%;
	float: left;
	clear: both;
}

div.frame-col-25 {
	width: 25%;
	clear: none;
	padding: 0px 20px;
}

div.frame-col-30 {
	width: 33.3333333333%;
	clear: none;
	padding: 0px 20px;
}

div.frame-col-50 {
	width: 50%;
	clear: none;
	padding: 0px 20px;
}

div.frame-col-70 {
	width: 66.6666666667%;
	clear: none;
	padding: 0px 20px;
}

div.frame-col-75 {
	width: 75%;
	clear: none;
	padding: 0px 20px;
}

div.frame-col-100 {
	width: 100%;
	clear: none;
	padding: 0px 20px;
}

div.main-page-menu {
	width: 100%;
	float: left;
	clear: both;
	padding: 100px 0px;
	background-image: url(img/main-page-menu.svg);
	background-size: auto 100%;
	background-position: top right;
}

div.main-page-menu-item {
	width: 33.3333333333%;
	float: left;
	clear: none;
	padding: 10px;
}

div.main-page-menu-spacer {
	width: 33.3333333333%;
	height: 240px;
	float: left;
	clear: none;
	padding: 10px;
}

a.main-page-menu-content {
	width: 100%;
	height: 240px;
	float: left;
	clear: both;
	display: block;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

span.main-page-menu-img {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

a:hover span.main-page-menu-img {
	opacity: 1;
}

span.main-page-menu-text {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	position: relative;
	z-index: 2;
	background-color: rgba(255,255,255,0.8);
	transition: background-color 0.3s ease-in-out;
}

a:hover span.main-page-menu-text {
	background-color: rgba(44,44,44,0.5);
}

span.main-page-menu-title {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

span.main-page-menu-title span.title {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	font-family: 'MB', sans-serif;
	color: #497358;
	font-size: 32px;
	line-height: 120%;
	padding: 0px 20px;
	transition: color 0.3s ease-in-out;
}

a:hover span.main-page-menu-title span.title {
	color: #ffffff;
}

span.main-page-menu-title span.more {
	width: 100%;
	height: 1px;
	overflow: hidden;
	float: left;
	clear: both;
	text-align: center;
	font-family: 'RB', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 120%;
	padding: 0px 20px;
	color: #ffffff;
	transition: padding 0.3s ease-in-out, height 0.3s ease-in-out;
}

a:hover span.main-page-menu-title span.more {
	height: 30px;
	padding-top: 10px;
}

div.frame-layout-1 {
	padding: 40px;
	background-color: #497358;
}

div.frame-layout-1 h1,
div.frame-layout-1 h2,
div.frame-layout-1 h3,
div.frame-layout-1 h4,
div.frame-layout-1 h5,
div.frame-layout-1 p {
	color: #ffffff;
}

div.subpage-menu {
	width: 100%;
	float: left;
	clear: both;
}

div.subpage-menu-item {
	width: 25%;
	float: left;
	clear: none;
	padding: 10px;
}

div.subpage-menu-content {
	width: 100%;
	float: left;
	clear: both;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

div.subpage-menu-img {
	width: 100%;
	height: 200px;
	float: left;
	clear: both;
}

div.subpage-menu-img a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
}

div.subpage-menu-text {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
}

div.subpage-menu-text h5 {
	margin-bottom: 10px;
}

div.subpage-menu-text h5 a {
	color: #497358;
}

div.subpage-menu-text a.more {
	color: #7e7e7e;
	text-transform: uppercase;
	font-size: 16px;
}

div.subpage-menu-text a:hover {
	color: #41a87c !important;
}

div.bg-main-contact div.main {
	padding: 0px !important;
}

div.bg-main-contact div.center {
	width: 1660px;
}

div.maps {
	width: 100%;
	height: 560px;
	float: left;
	clear: both;
}

div.maps a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-image: url(img/maps.jpg);
	background-size: cover;
	background-position: center center;
}

div.frame-img-bar {
	margin-bottom: 60px;
}

div.frame-logo-bar {
	padding: 0px 20px;
}

div.frame-img-bar div.ce-image,
div.frame-img-bar div.ce-gallery,
div.frame-img-bar div.ce-row,
div.frame-logo-bar div.ce-image,
div.frame-logo-bar div.ce-gallery,
div.frame-logo-bar div.ce-row {
	width: 100%;
	float: left;
	clear: both;
}

div.frame-img-bar div.ce-column,
div.frame-logo-bar div.ce-column {
	width: 100%;
	float: left;
	clear: none;
	padding: 1px;
}

div.frame-img-bar figure,
div.frame-logo-bar figure {
	width: 100%;
	float: left;
	clear: none;
}

div.frame-logo-bar figure {
	padding-right: 20px;
}

div.frame img {
	max-width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="8"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="8"] div.ce-column {
	width: 12.5%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="7"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="7"] div.ce-column {
	width: 14.2857142857%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="6"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="6"] div.ce-column {
	width: 16.6666666667%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="5"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="5"] div.ce-column {
	width: 20%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="4"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="4"] div.ce-column {
	width: 25%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="3"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="3"] div.ce-column {
	width: 33.3333333333%;
}

div.frame-img-bar div.ce-gallery[data-ce-columns="2"] div.ce-column,
div.frame-logo-bar div.ce-gallery[data-ce-columns="2"] div.ce-column {
	width: 50%;
}

div.frame-logo-bar img {
	width: auto;
	max-width: 100%;
	height: auto;
	float: left;
	clear: both;
}

div.frame-logo-bar figcaption {
	width: 100%;
	float: left;
	clear: both;
	font-size: 16px;
	line-height: 140%;
	padding-top: 20px;
}

div.frame-layout-2 ul li {
	width: 100%;
	min-height: 36px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	padding: 5px 0px 0px 50px;
	background-image: url(img/checkliste.svg);
	background-size: 36px 36px;
	background-position: top left;
}

div.frame-layout-2 ul li::before {
	display: none;
}

div.bg-main-green div.frame-layout-2 ul li {
	background-image: url(img/checkliste-alt.svg);
}

div.frame-acc-group {
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
}

div.frame-acc-item {
	margin-bottom: 10px;
}

header.frame-acc-trigger {
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 40px 15px 20px;
	background-color: #ffffff;
	background-image: url(img/acc-item.svg);
	background-size: 10px 18px;
	background-position: right 20px center;
	cursor: pointer;
}

.open header.frame-acc-trigger {
	background-image: url(img/acc-item-open.svg);
	background-size: 18px 10px;
}

header.frame-acc-trigger h1,
header.frame-acc-trigger h2,
header.frame-acc-trigger h3,
header.frame-acc-trigger h4,
header.frame-acc-trigger h5 {
	color: #497358 !important;
	margin: 0px;
}

div.frame-acc-content {
	width: 100%;
	float: left;
	clear: both;
	background-color: #ffffff;
}

div.frame-acc-content p {
	color: #2c2c2c;
}

div.frame-acc-content-wrapper {
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 20px 20px 20px;
}

div.news-slider-wrapper {
	width: 100%;
	float: left;
	clear: both;
}

div.news-list {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 40px;
}

div.owl-item {
	padding: 30px 15px;
}

div.news-item {
	width: 100%;
	float: left;
	clear: none;
}

div.news-list div.news-item {
	width: 33.3333333333%;
	padding: 15px;
}

div.news-item div.inner-wrap {
	width: 100%;
	float: left;
	clear: none;
	padding: 40px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

span.news-item-tag,
span.news-item-date,
span.news-detail-tag,
span.news-detail-date {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	font-family: 'RR', sans-serif;
	font-size: 16px;
	line-height: 120%;
	text-transform: uppercase;
	color: #2c2c2c;
}

.news-item-title {
	width: 100%;
	float: left;
	clear: both;
}

.news-item-title a {
	color: #497358;
}

.news-item-title a:hover {
	color: #41a87c;
}

div.news-item div.inner-wrap p {
	width: 100%;
	float: left;
	clear: both;
	color: #2c2c2c;
	font-size: 16px;
	line-height: 140%;
	border-top: 1px solid #c6c6c6;
	padding-top: 20px;
	margin: 20px 0px 0px 0px;
}

div.page-pagination {
	width: 100%;
	font-family: 'RB', sans-serif;
	font-size: 18px;
	line-height: 100%;
	float: left;
	clear: both;
	color: #666666;
	margin-top: 30px;
	text-align: center;
}

ul.news-pagination {
	display: inline-block;
}

body ul.news-pagination li {
	float: left;
	clear: none;
	background-image: none;
	padding: 0px;
	margin: 0px 2px;
}

ul.news-pagination li a {
	width: 44px;
	height: 44px;
	display: block;
	float: left;
	clear: none;
	padding-top: 13px;
	color: #497358;
	background-color: none;
}

ul.news-pagination li a:hover {
	color: #41a87c;
}

ul.news-pagination li.np-current {
	width: 44px;
	height: 44px;
	display: block;
	float: left;
	clear: none;
	padding-top: 13px;
	color: #ffffff;
	background-color: #497358;
	background-color: none;
}

div.news-detail-wrapper {
	max-width: 1000px;
	margin: 0px auto;
}

div.news-detail {
	width: 100%;
	float: left;
	clear: both;
	padding: 60px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

div.news-detail-header,
div.news-detail-content,
div.news-detail-body,
div.news-detail-bottom {
	width: 100%;
	float: left;
	clear: both;
}

div.news-detail-header h2 {
	width: 100%;
	float: left;
	clear: both;
	color: #497358;
	margin: 10px 0px;
}

div.news-detail-content {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #c6c6c6;
}

div.news-detail-img {
	width: 100%;
	float: left;
	clear: both;
}

div.news-img-wrapper {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 30px;
}

div.news-img-item {
	width: 16.6666666667%;
	float: left;
	clear: none;
	padding: 1px;
}

div.news-img-item img {
	width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.news-detail-teaser {
	font-family: 'RB', sans-serif;
}

div.news-detail-bottom {
	padding-top: 30px;
}

div.news-detail-bottom-left {
	float: left;
	clear: left;
}

div.news-detail-bottom-right {
	float: right;
	clear: right;
}

div.shariff {
	width: 100%;
	display: block;
	float: left;
	clear: both;
}

span.pre-shariff {
	display: block;
	float: left;
	clear: left;
	font-family: 'NSB', sans-serif;
	text-align: left;
}

div.shariff ul {
	width: auto;
	display: block !important;
	float: left;
	clear: right;
	margin-left: 10px;
}

div.shariff ul li,
div.bg-main-white div.main div.shariff ul li {
	width: 40px !important;
	height: 40px !important;
	display: block;
	float: left;
	clear: none;
	margin: 0px 3px !important;
	padding-left: 0px !important;
	background-image: none !important;
}

div.shariff ul li a {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	clear: none;
	text-indent: -999px;
	overflow: hidden;
	background-color: #497358 !important;
	background-image: url(img/shariff.svg);
	background-size: 160px 40px;
	background-position: 0px 0px;
}

div.shariff ul li a:hover {
	background-color: #41a87c !important;
}

div.shariff ul li.linkedin a {
	background-position: 0px 0px;
}

div.shariff ul li.facebook a {
	background-position: -40px 0px;
}

div.shariff ul li.xing a {
	background-position: -80px 0px;
}

div.shariff ul li.twitter a {
	background-position: -120px 0px;
}

div.owl-dots {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}

div.owl-dots button {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0px 5px;
	background-color: #ffffff !important;
	opacity: 0.3;
	transition: opacity 0.1s ease-in-out;
	cursor: pointer;
	outline: none;
	border-radius: 7px;
}

div.owl-dots button.active {
	opacity: 1;
}

#page-25 div.bg-main-white::before {
	content: "";
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #497358;
}

div.frame-profiles {
	margin-top: 30px;
}

div.frame-profiles div.ce-textpic {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

div.frame-profiles div.ce-textpic div.ce-gallery {
	width: 100%;
	float: left;
	clear: both;
}

div.frame-profiles div.ce-textpic div.ce-bodytext {
	width: 100%;
	float: left;
	clear: both;
	padding: 30px;
}

div.frame-layout-3 {
	margin-top: 30px;
}

div.frame-layout-3 ul {
	width: 100%;
	float: left;
	clear: both;
}

div.frame-layout-3 ul li {
	width: 100%;
	float: left;
	clear: both;
	margin: 3px 0px;
	padding-left: 40px;
	position: relative;
}

div.frame-layout-3 ul li::before {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: 8px;
	left: 20px;
	background-color: #497358;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1660px) {
	div.bg-top div.center {width:100%; padding:0px 30px;}
	div.bg-header div.center, div.bg-main-contact div.center {width:100%; padding:0px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:650px;}
}

@media screen and (max-width:1460px) {
	ul.top-menu > li > a, ul.top-menu > li.sek-true, ul.top-menu > li.sek-true > span.sub-label, div.bg-top-fixed ul.top-menu > li > a, div.bg-top-fixed ul.top-menu > li.sek-true, div.bg-top-fixed ul.top-menu > li.sek-true > span.sub-label {padding-left:25px; padding-right:25px;}
	div.big-teaser-text {padding:250px 0px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:600px;}
}

@media screen and (max-width:1360px) {
	div.bg-top div.center {padding:0px;}
	div.top-left {padding-left:30px;}
	div.top-right {padding-right:30px;}
	ul.top-menu > li > a, ul.top-menu > li.sek-true, ul.top-menu > li.sek-true > span.sub-label, div.bg-top-fixed ul.top-menu > li > a, div.bg-top-fixed ul.top-menu > li.sek-true, div.bg-top-fixed ul.top-menu > li.sek-true > span.sub-label {padding-left:20px; padding-right:20px;}
	ul.top-menu > li:first-child {display:none;}
	div.main {padding:90px 0px;}
	hr {height:45px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:550px;}
	div.header-slider div.ce-bodytext {padding:0px 60px;}
}

@media screen and (max-width:1260px) {
	ul.top-menu-sek {padding:60px 30px;}
	div.center {width:100%; padding:0px 30px;}
	div.footer {padding:60px 0px;}
	div.main {padding:80px 0px;}
	hr {height:40px;}
	div.maps {height:450px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:500px;}
	.owl-nav {transform:translateY(-30px) !important;}
	.owl-nav button {width:40px !important; height:60px !important; background-size:13px 22px !important;}
}

@media screen and (max-width:1160px) {
	span.menu-closer {width:18px; height:18px; top:20px; right:20px;}
	div.top a.logo {width:144px; height:50px; margin-top:25px;}
	div.top, div.top-spacer {height:100px;}
	ul.top-menu {padding:0px;}
	div.top-right a.phone-trigger {margin-top:33px;}
	ul.top-menu > li > a, ul.top-menu > li.sek-true, ul.top-menu > li.sek-true > span.sub-label {height:100px; padding-left:10px; padding-right:10px;}
	div.bg-top-fixed ul.top-menu > li > a, div.bg-top-fixed ul.top-menu > li.sek-true, div.bg-top-fixed ul.top-menu > li.sek-true > span.sub-label {height:60px; padding-left:10px; padding-right:10px;}
	ul.top-menu > li > a {height:95px; padding-top:48px;}
	div.bg-top-fixed ul.top-menu > li > a {height:55px; padding-top:22px;}
	ul.top-menu-sek {top:100px; padding:40px 30px;}
	ul.top-menu-sek > li > a, ul.top-menu-sek > li > span.trd-label {font-size:22px;}
	ul.top-menu-trd {font-size:14px;}
	div.main {padding:70px 0px;}
	hr {height:35px;}
	h1 {font-size:48px;}
	h2 {font-size:34px;}
	h3, span.main-page-menu-title span.title, a.phone-big {font-size:30px;}
	h4 {font-size:20px;}
	h5 {font-size:16px;}
	div.footer {display:block;}
	div.footer-right {display:block;}
	div.footer-right-item:nth-child(1) {display:none;}
	div.footer-right-item:last-child {min-width:auto;}
	div.header-big, div.header-slider div.frame-type-textpic {height:450px;}
}

@media screen and (max-width:1060px) {
	div.center {padding:0px 20px;}
	div.top-left {padding-left:20px;}
	div.top-right {padding-right:20px;}
	ul.top-menu > li > a, ul.top-menu > li.sek-true > span {font-size:16px;}
	ul.top-menu > li.sek-true {padding-top:42px;}
	div.top-right a.phone-trigger {font-size:16px; background-size:28px 28px; padding:7px 0px 0px 36px;}
	ul.top-menu-sek {padding:40px 20px;}
	div.main {padding:60px 0px;}
	hr {height:30px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:400px;}
	div.frame-logo-bar div.ce-column {width:33.3333333333% !important; padding-bottom:40px;}
}

@media screen and (min-width:940px) {
	div.bg-top-small, div.top-menu-small {display:none !important;}
}

@media screen and (max-width:940px) {
	div.bg-top, div.bg-top-fixed {display:none;}
	div.bg-top-small {display:block;}
	div.top-spacer {height:80px;}
	div.main {padding:50px 0px;}
	hr {height:25px;}
	h1 {font-size:42px;}
	h2 {font-size:32px;}
	h3, span.main-page-menu-title span.title, a.phone-big {font-size:28px;}
	h4 {font-size:20px;}
	h5 {font-size:16px;}
	div.subpage-menu-item {width:33.3333333333%;}
	div.news-list div.news-item {width:50%;}
	div.header-big, div.header-slider div.frame-type-textpic {height:350px;}
}

@media screen and (max-width:840px) {
	div.footer-right-item:nth-child(2) {display:none;}
	div.main {padding:40px 0px;}
	hr {height:20px;}
	div.frame {width:100%; clear:both; padding:0px 10px;}
	div.frame-layout-1 {padding:30px; margin-top:20px;}
	div.header-slider div.frame-type-textpic {padding:0px;}
	div.maps {height:400px;}
	div.frame-acc-group {padding:20px 0px;}
	div.news-detail {padding:40px;}
	div.news-detail-content {margin-top:20px; padding-top:10px;}
	div.header-big, div.header-slider div.frame-type-textpic {height:300px;}
	div.frame-profiles {padding:0px; margin-top:10px;}
	div.frame-profiles > div.frame-col-50 > div.frame {padding:0px;}
	div.frame-profiles > div.frame-col-50 {margin-bottom:30px;}
}

@media screen and (max-width:740px) {
	body {line-height:140%;}
	div.header-small, div.header-big {height:250px;}
	div.main {padding:30px 0px;}
	hr {height:15px;}
	div.main-page-menu {background-size:100% auto;}
	div.main-page-menu-item {width:50%;}
	div.main-page-menu-spacer {display:none;}
	div.subpage-menu-item {width:50%;}
	div.subpage-menu-img {height:150px;}
	div.maps {height:350px;}
	div.frame-img-bar div.ce-gallery[data-ce-columns="8"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="7"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="6"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="5"] div.ce-column {width:25%;}
}

@media screen and (max-width:640px) {
	body {-moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
	div.header-small, div.header-big  {height:200px;}
	div.header-title h1 {text-align:center; padding:0px 10px;}
	div.bg-top-small div.top, div.top-spacer {height:60px;}
	div.top-menu-small-content {padding:60px;}
	div.top-trigger {width:60px; height:60px;}
	div.top-trigger span.menu-trigger {background-size:60px 120px;}
	div.top-trigger a.phone-trigger {background-size:60px 60px;}
	div.bg-top-small div.top a.logo {width:142px; height:40px;}
	ul.top-menu-small {margin-top:60px;}
	ul.top-menu-small > li > a, ul.top-menu-small > li > span.sub-label {font-size:24px;}
	ul.top-menu-small-sek > li > a, ul.top-menu-small-sek > li > span.trd-label {font-size:20px;}
	ul.top-menu-small-trd > li > a {font-size:16px;}
	span.small-menu-sek-trigger {top:13px;}
	span.small-menu-trd-trigger {top:16px;}
	div.footer {display:block; padding:40px 0px;}
	div.footer-left {width:100%; text-align:center;}
	div.footer a.logo {display:inline-block; float:none; clear:none; margin-bottom:20px;}
	div.footer-right {width:100%; text-align:center; padding:0px;}
	div.footer-right-item {width:100%; padding:0px;}
	h1 {font-size:36px;}
	h2 {font-size:30px;}
	h3, span.main-page-menu-title span.title, a.phone-big {font-size:24px;}
	h4 {font-size:20px;}
	h5 {font-size:16px;}
	h1, h2, h3, h4, h5 {-moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
	div.bottom {text-align:center;}
	div.bottom-right {width:100%;}
	ul.bottom-menu {display:inline-block; float:none; clear:none;}
	div.maps {height:300px;}
	div.frame-img-bar div.ce-gallery[data-ce-columns="8"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="7"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="6"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="5"] div.ce-column, div.frame-img-bar div.ce-gallery[data-ce-columns="4"] div.ce-column {width:33.3333333333%;}
	div.owl-item {padding:20px 0px;}
	div.news-list div.news-item {width:100%; clear:both; padding:10px 0px;}
	div.news-detail {padding:30px;}
	div.news-img-item {width:33.3333333333%;}
	a.button {padding:6px 10px; font-size:15px;}
	.owl-nav {transform:translateY(-20px) !important;}
	.owl-nav button {width:30px !important; height:40px !important; background-size:10px 18px !important;}
	div.frame-logo-bar div.ce-column {width:50% !important;}
}

@media screen and (max-width:540px) {
	body {font-size:16px; line-height:140%;}
	div.top-menu-small-content {padding:40px 20px;}
	ul.top-menu-small {margin-top:40px;}
	h1 {font-size:28px;}
	h2 {font-size:24px;}
	h3, span.main-page-menu-title span.title, a.phone-big {font-size:22px;}
	h4 {font-size:20px;}
	h5 {font-size:16px;}
	div.main-page-menu-item {width:100%; clear:both; padding:5px 0px;}
	a.main-page-menu-content {height:100px;}
	span.main-page-menu-title span.more {display:none;}
	div.subpage-menu-item {width:100%; clear:both; padding:10px 0px;}
	div.subpage-menu-img {height:200px;}
	div.frame-layout-1 {padding:20px;}
	div.maps {height:250px;}
	div.news-item div.inner-wrap {padding:30px;}
}

@media screen and (max-width:460px) {
	div.center {padding:0px 10px;}
	ul.top-menu-small > li > a, ul.top-menu-small > li > span.sub-label {font-size:22px;}
	ul.top-menu-small-sek {padding-left:10px;}
	ul.top-menu-small-trd > li > a > span.trd-title {text-transform:none; padding-top:8px;}
	div.main {padding:20px 0px;}
	hr {height:10px;}
	h1 {font-size:24px;}
	h2 {font-size:22px;}
	h3, span.main-page-menu-title span.title, a.phone-big {font-size:20px;}
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	body {line-height:140%;}
	a.main-page-menu-content {height:60px;}
	div.subpage-menu-img {height:150px;}
	div.maps {height:200px;}
	div.news-detail {padding:20px;}
	div.news-detail-bottom {padding:10px 0px;}
	div.news-detail-bottom-right {display:none;}
	div.frame-logo-bar div.ce-column {width:100% !important; clear:both; padding-right:0px;}
}