/* ----- HTML5 Boilerplate normalize ----- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Verdana, 'Liberation Sans', sans-serif; color: #333; }

::-moz-selection { background: #ddd; color: #000; text-shadow: none; }
::selection { background: #ddd; color: #000; text-shadow: none; }

a { color: #4a3c31; }
a:hover, a[href^="tel"] { text-decoration: none;}
a:focus { outline: thin dotted; text-decoration: none;}
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #fff2c3; color: #000; text-decoration: none; }
mark { background: #ffd94d; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0.5em 0 1.333em; padding: 0 0 0 23px; }
ol {padding-left: 31px;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol, .nav ul, .nav ol, ul.nav, ol.nav { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.nav li, .nav li:before {background: none; padding: 0;}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f2dada; }

table { border-collapse: collapse; border-spacing: 0; width: 100%;}

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* --- list reset --- */
.lr, .meta-list, .files {
	margin: 0;
	padding: 0;
	list-style: none;
}



/* ----- Let’s make the box model all nice, shall we…? ----- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* ----- @font-face ----- */

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * vivium.nl
 * sebastian.nl
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2012
 */

@font-face {
	font-family: 'Typ1451Bold';
	src: url('../fonts/lineto-typ1451-bold.eot');
	src: url('../fonts/lineto-typ1451-bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lineto-typ1451-bold.woff') format('woff'),
	url('../fonts/lineto-typ1451-bold.ttf') format('truetype'),
	url('../fonts/lineto-typ1451-bold.svg#Typ1451Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vivium-icons';
	src: url('../fonts/vivium-icons.eot?ag5x');
	src: url('../fonts/vivium-icons.eot?ag5x#iefix') format('embedded-opentype'),
	url('../fonts/vivium-icons.ttf?ag5x') format('truetype'),
	url('../fonts/vivium-icons.woff?ag5x') format('woff'),
	url('../fonts/vivium-icons.svg?ag5x#vivium-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ----- basic styles ----- */
html {
	overflow-y: scroll;
}

body {
	background: #fff;
	font: normal 1em/1.5em Arial, Helvetica, 'Liberation Sans', sans-serif;
	color: #4a3c31;
	margin: 0;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.dev:before, body.dev:after {
	position: fixed;
	display: block;
	content: "";
	background: #000;
	z-index: 100;
	top: 0;
	left: 0;
	color: #fff;
	letter-spacing: 1px;
}
body.dev:before {
	background: #f00;
	width: 2px;
	height: 100%;
}
body.dev:after {
	content: "desktop/1280+";
	padding: 5px;
	font-size: 8px;
	line-height: 10px;
	left: 2px;
}

h1 {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-weight: normal;
	font-size: 1.875rem;
	line-height: 1.2em;
	letter-spacing: -0.015em;
	margin: 1.438rem 0 1.875rem;
	color: #69be28;
}

h2 {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: normal;
	margin: 1.625rem 0 0.313rem;
	letter-spacing: -0.015em;
	color: #69be28;
}

h3 {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.5em;
	font-weight: normal;
	margin: 1.333rem 0 0.278rem;
}

h4, h5 {
	font-size: 1rem;
	margin: 0;
}

p, .buttons, table, ul, ol, .files {
	margin: 0 0 1.25rem;
}

/* tables */
th {
	text-align: left;
	vertical-align: top;
}
table p {
	margin: 0;
}
table p + p {
	margin-top: 1.25rem;
}

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

.panel {
	border-radius: 4px;
}

.js-clickable:hover {
	cursor: pointer;
}

/* --- nav separator --- */
.nav-separator {
	height: 1.5em;
	list-style: none;
}



/* --- buttons --- */
button, .button,
[type='submit'] {
	background-color: #00257a;
	display: inline-block;
	float: left;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0.375rem 32px 0.5rem;
	margin-right: 10px;
	text-decoration: none;
	color: #fff;
	border-radius: 8px;
	border: none;
	transition: opacity 0.2s;
}

button:focus, button:hover,
.button:focus, .button:hover,
[type='submit']:focus, [type='submit']:hover {
	opacity: 0.85;
	text-decoration: none;
	outline: none;
}


/* - button secondary - */
.button-secondary {
	background: #e0ded8;
	color: #4a3c31;
}

/* - button reset (link style) - */
.button-reset {
	background: none;
	font-size: 1em;
	padding: 0;
	color: #4a3c31;
	font-weight: normal;
	border-radius: 0;
	text-decoration: underline;
}
.button-reset:focus, .button-reset:hover {
	opacity: 1;
	outline: none;
}



/* --- forms --- */
input[type=text], input[type=date], input[type=password], input[type=email], input[type=search], input[type=url], textarea {
	background: #fff;
	padding: 0.563rem 0.875rem 0.563rem;
	border-radius: 4px;
	border: solid 1px #e0ded8;
	border-top-color: #babab7;
	box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.4);
	-webkit-appearance: none;
	color: #4a3c31;
	max-width: 100%;
	font: normal 1em/normal Arial, Helvetica, 'Liberation Sans', sans-serif;
}
select, input[type=file] {
	font: normal 1em/normal Arial, Helvetica, 'Liberation Sans', sans-serif;
}

legend {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0.625rem 0 0.313rem;
	letter-spacing: -0.015em;
}

::-webkit-input-placeholder {color: #857363;}
::-moz-placeholder {color: #857363; opacity: 1;}
:-ms-input-placeholder {color: #857363;}
.placeholder { color: #857363; }


/* - default bloxz form items - */
.frm-item {
	clear: both;
	margin: 0 0 1.25rem;
	float: left;
	width: 100%;
}
.frm-item label, .frm-item .label {
	padding: 0.438rem 0 0.563rem;
	display: block;
	float: left;
	width: 30%;
	margin-right: 2%;
	font-weight: bold;
}
.frm-item-wide label, .frm-item-wide .label {
	width: auto;
	margin-right: 0;
	clear: both;
}

.required label:after, .required .label:after {
	content: " *";
}

.frm-item input, .frm-item textarea {
	max-width: 62%;
}
.frm-item-wide input, .frm-item-wide textarea {
	max-width: 100%;
}

.frm-html-item .label, .anti-spam .label {
	width: 100%;
	padding: 0;
	font-weight: bold;
	margin: 0.5rem 0 0;
}
.anti-spam label {
	width: auto;
	min-width: 25%;
	display: inline-block;
	margin-right: 8px;
	font-weight: normal;
}

.frm-select-item select {
	margin: 0.5rem 0 0 0;
}

.frm-options, .select-wrapper, .frm-field {
	width: 62%;
	float: left;
}

.frm-options {
	margin-top: 0;
	padding: 0.438rem 0 0;
}
.frm-item-wide .frm-options {
	width: 100%;
	clear: both;
	padding: 0;
}

.frm-options label, .frm-options > span {
	width: auto;
	display: block;
	clear: both;
	padding: 0 0 0.25rem 24px;
	position: relative;
	font-weight: normal;
}
.required .frm-options label:after {
	display: none;
}

.frm-options [type=checkbox], .frm-options [type=radio] {
	position: absolute;
	top: 0.188em;
	left: 0;
	width: 16px;
	height: 16px;
}

.frm-options .option label {
	padding: 0;
	margin: 0;
}

.frm-options .option [type=text] {
	clear: both;
	width: 100%;
	margin-top: 0.25rem;
	max-width: 100%;
}


.frm-single-input {
	width: 100%;
}

.frm-date-item label, .frm-time-item label {
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.frm-date-item select, .frm-time-item select {
	margin: 0.5rem 8px 0 0;
}

.frm-file-item {
	overflow: hidden;
}

.frm-file-item input {
	margin-top: 0.375rem;
}

.frm-info {
	clear: both;
	margin: 0.5rem 0 0;
}

.frm-note {
	font-style: italic;
}


.frm-item + .buttons {
	margin-top: 1.25rem;
}
fieldset + .buttons {
	margin-top: 2.5rem;
}

/* - rating-matrix - */
.rating-matrix th {
	font-weight: normal;
}

.rating-matrix thead th, .rating-matrix td {
	text-align: center;
	padding: 0.5rem 4px 0;
}

.rating-matrix tbody th {
	text-align: left;
	padding: 0.5rem 0 0;
}



/* - validation - */
.error-msg, .error > label, .error > .label {
	color: #f00;
	font-style: italic;
}
.error-msg {
	font-style: italic;
	display: block;
}

.frm-error > label, .frm-error > .label {
	color: #f00;
	font-weight: bold;
}



/* --- images --- */
.img-item h2 {width: 100%; text-align: left;}
.img-item a {display: block;}


/* keep it responsive - prevents the image to be out of proportion */
.img-item:not(.item) {
	max-width: 50%;
}
.img-item a, .img-item img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}


/* align left */
.img-align-left, .item.img-align-left {
	float: left;
	margin: 0.125rem 20px 1rem 0;
}

.item.img-align-left {
	float: none;
}

.item.img-align-left a, .item.img-align-left img {
	display: inline-block;
}

/* align right */
.img-align-right, .item.img-align-right {
	float: right;
	margin: 0.125rem 0 1rem 20px;
}

.item.img-align-right {
	float: none;
	text-align: right
}

.item.img-align-right a, .item.img-align-right img {
	display: inline-block;
}

/* align center */
.img-align-center {
	text-align: center;
}
.img-align-center img {
	margin-left: auto;
	margin-right: auto;
}

.item.img-align-left, .item.img-align-right {
	margin: 0;
}

.item.img-item {
	margin-bottom: 1.25rem;
}

.item.img-item a {
	display: inline-block;
}

.item.img-item img {
	margin-top: 0.25rem;
}


.aside .item.img-item {
	margin: 0 0 1.25rem;
}

.aside .item.img-item img {
	border-radius: 20px;
	margin: 0;
}
.aside .item.img-item.img-align-center img {
	margin: 0 auto;
}

.img-zoom {
	position: relative;
}
.img-zoom span {
	width: 1rem;
	height: 1rem;
	display: block;
	position: absolute;
	right: 0.25rem;
	bottom: 0.25rem;
}

.img-zoom span:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	content: "\e90d";
	color: #fff;
	display: block;
	transition: color 0.2s;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.667);
}
.img-zoom:focus span:before, .img-zoom:hover span:before {
	color: rgba(255, 255, 255, 0.7);
}


/* -- image enlarge -- */
.modal[aria-hidden="true"] {
	display: none;
}


/* --- video-item --- */
.vdi-item {
	margin-bottom: 1.25rem;
}

.vdi-item h2 {
	margin-bottom: 0.25rem;
	text-align: left;
}

.vdi-item iframe {
	max-width: 100%;
}



/* --- poll --- */
.pol-item {
	margin: 0 0 1.25rem;
}

.pol-option {
	position: relative;
	padding: 0 0 0 24px;
	cursor: pointer;
	display: block;
}
.pol-option input {
	position: absolute;
	left: 0;
	top: 0.188rem;
	margin: 0;
	display: block;
	width: 16px;
	height: 16px;
}

.pol-result {
	display: block;
	padding: 0 0 0 24px;
	color: #00257a;
}

.pol-result-bar {
	background-color: #00257a;
	border-radius: 0.25rem;
	display: block;
	height: 0.5rem;
	margin: 0.125rem 0;
}

.pol-result .meta-data {
	font-weight: bold;
}

.pol-item .buttons {
	float: none;
}

.pol-item .buttons button {
	float: none;
	display: block;
}

.pol-item p.meta-data {
	display: none;
}


/* --- link-forward/backward --- */
.link-forward a:before, .link-back a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.625rem;
	display: inline-block;
	text-decoration: underline;
	margin: 0 9px 0 0;
	position: relative;
	top: -0.067rem;
}
.link-forward a:before {
	content: "\e90e";
}
.link-back a:before {
	content: "\e90f";
}

.link-forward a:before, .link-back a:before,
.link-forward a:focus:before, .link-forward a:hover:before,
.link-back a:focus:before, .link-back a:hover:before {
	text-decoration: none;
}


/* --- link-download --- */
p + p.link-download, ul + p.link-download, ol + p.link-download, table + p.link-download {
	margin-top: -1.25rem;
}

.link-download a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.625rem;
	display: inline-block;
	text-decoration: underline;
	margin: 0 9px 0 0;
	position: relative;
	top: -0.067rem;
	content: "\e910";
}
.link-download a:before,
.link-download a:focus:before, .link-download a:hover:before {
	text-decoration: none;
}

.link-download .meta-data {
	font-style: italic;
}

.link-download .meta-data:before {
	content: " - ";
}


/* --- pager --- */
.pager {
	margin: 3rem 0 0;
	padding: 1rem 0 0;
	list-style: none;
	border-top: 1px solid #e0ded8;
}

.pager li {
	float: left;
	margin: 0 0.25rem 0.5rem 0;
}

.pager a {
	border-radius: 4px;
	display: block;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
	min-width: 2rem;
	text-align: center;
	transition: background 0.2s;
}
.pager .current a,
.pager a:focus, .pager a:hover {
	background: #e0ded8;
}
.pager a:focus, .pager a:hover {
	text-decoration: underline;
}

.prev-page a:before, .next-page a:after {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.625rem;
	display: inline-block;
	text-decoration: underline;
}

.prev-page a:before {
	content: "\e90f";
	margin-right: 9px;
}
.next-page a:after {
	content: "\e90e";
	margin-left: 9px;
}

.prev-page a:before, .next-page a:after,
.prev-page a:focus:before, .prev-page a:hover:before,
.next-page a:focus:after, .next-page a:hover:after {
	text-decoration: none;
}


/* --- wrapper --- */
.wrapper {
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 54px;
}


.intro {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: normal;
}


/* --- header --- */
.site-header {
	background: #fff;
	padding-top: 7.438em;
	position: relative;
}

.site-header > .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}


/* ---site-logo --- */
.site-logo {
	position: absolute;
	top: 1.25rem;
	margin: 0;
	z-index: 25;
}
.site-logo a, .site-logo img {
	display: block;
}


/* --- navigation --- */
.toggle-nav {
	display: none;
}

.nav-horizontal > li {
	float: left;
}


/* -- main-nav -- */
.main-nav {
	border: solid 1px #e0ded8;
	border-width: 1px 0 1px;
}

.main-nav-level1 > li {
	position: relative;
}
.main-nav-level1 > li:first-child {
	margin-left: -1rem;
}
.main-nav-level1 > li:last-child {
	margin-right: -1rem;
}

.main-nav-level1 > li > a {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.313rem;
	line-height: 1.333em;
	font-weight: normal;
	letter-spacing: -0.03rem;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0 0.875rem;
	margin: 0 1rem;
	position: relative;
	z-index: 1;
}
.main-nav-level1 > li:nth-child(1) > a {color: #69be28;}
.main-nav-level1 > li:nth-child(2) > a {color: #008b95;}
.main-nav-level1 > li:nth-child(3) > a {color: #0066a1;}
.main-nav-level1 > li:nth-child(4) > a {color: #00257a;}
.main-nav-level1 > li:nth-child(5) > a {color: #009b74;}

.main-nav-level1 > li > a:before {
	background: transparent;
	content: "";
	display: block;
	margin: 0 -1rem;
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: 0;
	right: 0;
	z-index: -1;
	box-shadow: none;
	transition: background 0.3s, color 0.5s, box-shadow 0.5s;
}
.main-nav-level1 > .selected > a:after {
	background: #4a3c31;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 100%;
	margin: 1px 0 0;
	transition: height 0.2s;
}
.main-nav-level1 > .selected:nth-child(1) > a:after {background: #69be28;}
.main-nav-level1 > .selected:nth-child(2) > a:after {background: #008b95;}
.main-nav-level1 > .selected:nth-child(3) > a:after {background: #0066a1;}
.main-nav-level1 > .selected:nth-child(4) > a:after {background: #00257a;}
.main-nav-level1 > .selected:nth-child(5) > a:after {background: #009b74;}

/* focus/hover */
.main-nav-level1 > li > a:focus, .main-nav-level1 > li:hover > a {
	color: #fff;
}

.main-nav-level1 > li > a:focus:before, .main-nav-level1 > li:hover > a:before {
	background: #4a3c31;
	top: -2px;
	bottom: -2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.main-nav-level1 > li:nth-child(1) > a:focus:before, .main-nav-level1 > li:nth-child(1):hover > a:before {background: #69be28;}
.main-nav-level1 > li:nth-child(2) > a:focus:before, .main-nav-level1 > li:nth-child(2):hover > a:before {background: #008b95;}
.main-nav-level1 > li:nth-child(3) > a:focus:before, .main-nav-level1 > li:nth-child(3):hover > a:before {background: #0066a1;}
.main-nav-level1 > li:nth-child(4) > a:focus:before, .main-nav-level1 > li:nth-child(4):hover > a:before {background: #00257a;}
.main-nav-level1 > li:nth-child(5) > a:focus:before, .main-nav-level1 > li:nth-child(5):hover > a:before {background: #009b74;}

.main-nav-level1 > li > a:focus:after, .main-nav-level1 > li:hover > a:after {height: 0;}


/* - dropdown - */
.main-nav .has-children ul {
	background: #fff;
	opacity: 0;
	position: absolute;
	z-index: 20;
	top: 115%;
	left: -9999px;
	width: auto;
	min-width: 100%;
	white-space: nowrap;
	padding: 1.75rem 0 1.875rem;
	margin: 1px 0 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
	transition: top 0.2s, opacity 0.25s;
}
.main-nav .has-children:hover ul {
	top: 100%;
	left: 0;
	opacity: 1;
}
.main-nav .has-children:hover .js-align-right + ul {
	left: auto;
	right: 0;
}


.main-nav .has-children ul a {
	display: block;
	padding: 0.188rem 1.875rem 0.188rem 3rem;
	text-decoration: none;
	position: relative;
}
.main-nav .has-children ul a:focus, .main-nav .has-children ul a:hover {
	text-decoration: underline;
}

.main-nav .has-children:nth-child(1) .selected a, .main-nav .has-children:nth-child(1) .selected a:before {color: #69be28;}
.main-nav .has-children:nth-child(2) .selected a, .main-nav .has-children:nth-child(2) .selected a:before {color: #008b95;}
.main-nav .has-children:nth-child(3) .selected a, .main-nav .has-children:nth-child(3) .selected a:before {color: #0066a1;}
.main-nav .has-children:nth-child(4) .selected a, .main-nav .has-children:nth-child(4) .selected a:before {color: #00257a;}
.main-nav .has-children:nth-child(5) .selected a, .main-nav .has-children:nth-child(5) .selected a:before {color: #009b74;}

.main-nav .has-children ul a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	color: #4a3c31;
	font-size: 0.625rem;
	content: "\e90e";
	display: block;
	position: absolute;
	left: 1.875rem;
	top: 0.625rem;
	text-decoration: underline;
}
.main-nav .has-children ul a:before,
.main-nav .has-children ul a:hover:before, .main-nav .has-children ul a:focus:before {
	text-decoration: none;
}


/* -- secondary-nav -- */
.secondary-nav {
	position: absolute;
	top: 4.25rem;
	width: 100%;
}

.secondary-nav ul {
	float: right;
}

.secondary-nav li:last-child {
	margin-right: -0.688rem;
}


.secondary-nav a {
	text-decoration: none;
	display: block;
	padding: 0.5rem 0 0.125rem;
	margin: 0 0.688rem;
	position: relative;
	z-index: 1;
}

.secondary-nav a:before {
	background: transparent;
	content: "";
	display: block;
	margin: 0 -0.688rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.secondary-nav a:after {
	background: #4a3c31;
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	top: 100%;
	margin: 0;
	transition: height 0.2s;
	float: none;
}

.secondary-nav .selected a:after,
.secondary-nav a:focus:after, .secondary-nav a:hover:after {
	height: 3px;
}



/* -- site-options -- */
.site-options {
	margin: 1.25rem 0 0;
	float: right;
}


/* -- site-search -- */
.site-search {
	float: left;
	margin: 0;
	border: solid 1px #e0ded8;
	border-top-color: #babab7;
	border-radius: 4px;
	width: 25.125rem;
	padding-right: 3rem;
	position: relative;
	box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.4);
}

.site-search [type=text] {
	font-size: 1rem;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: normal;
	background: none;
	border: none;
	padding: 0.563rem 0 0.563rem 0.875rem;
	width: 100%;
	box-shadow: none;
}

.site-search [type=submit] {
	border: none;
	background: none;
	text-indent: -9999px;
	width: 3rem;
	height: 2.375rem;
	position: absolute;
	top: 0;
	margin: 0;
	right: 0;
	padding: 0;
}

.site-search [type=submit] span {
	display: block;
	width: 1.125rem;
	height: 1.063rem;
	position: absolute;
	top: 0.063rem;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.site-search [type=submit] span:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	text-align: right;
	color: #4a3c31;
	content: "\e90d";
	display: block;
	text-indent: 0;
	font-size: 1.063rem;
	transition: color 0.2s;
}
.site-search [type=submit]:focus span:before, .site-search [type=submit]:hover span:before {
	color: rgba(70, 60, 49, 0.7);
}


/* -- adjust-textsize -- */
.adjust-textsize {
	float: left;
	margin-left: 26px;
}

.adjust-textsize span {
	display: block;
	float: left;
	speak: none;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.813rem;
	line-height: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	padding: 0.25rem 0;
	margin: 0 -6px;
	position: relative;
	z-index: 0;
}

.adjust-textsize button {
	text-align: center;
	margin: 0;
	text-decoration: none;
	font-size: 1.813rem;
	line-height: 1em;
	padding: 0.25rem 12px;
	position: relative;
	z-index: 1;
}
.adjust-textsize button:focus, .adjust-textsize button:hover {
	opacity: 0.5;
}



/* -- read-out -- */
.read-out {
	width: 16px;
	height: 24px;
	float: left;
	margin-left: 16px;
	margin-top: 7px;
	text-decoration: none;
}
.read-out:after {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	color: #4a3c31;
	content: "\e90c";
	font-size: 1.438rem;
	transition: color 0.2s;
}
.read-out:focus:after, .read-out:hover:after {
	color: rgba(70, 60, 49, 0.7);
}


/* -- toggle site search button -- */
.toggle-site-search {
	display: none;
}



/* --- breadcrumb --- */
.breadcrumb {
	margin-top: 1.063rem;
	margin-bottom: 0.625rem;
}

.breadcrumb-mobile {
	display: none;
}

.breadcrumb p {
	display: inline-block;
	float: left;
	margin: 0 0.313rem 0 0;
	padding: 0.25rem 0;
}

.breadcrumb li {
	float: left;
}
.breadcrumb li:after {
	content: "›";
	display: inline-block;
	margin: 0 0.313rem;
}

.breadcrumb li:last-child {
	color: #69be28;
}
.breadcrumb li:last-child:after {
	content: none;
}

.breadcrumb a, .breadcrumb span {
	display: inline-block;
	text-decoration: none;
	padding: 0.25rem 0;
}
.breadcrumb a:focus, .breadcrumb a:hover {
	text-decoration: underline;
}



/* --- pageheader --- */
.page-header {
	background: #69be28;
	margin: 1.125rem 0 1.625rem;
	border-bottom: solid 3.75rem #fff;
	box-shadow: 0 1px 0 0 #e0ded8;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	color: #fff;
}

.page-header .wrapper {
	padding: 0;
	position: relative;
}

.page-header .wrapper.no-slides {
	min-height: 56px;
}

.page-header .item {
	float: left;
	width: 50%;
	clear: none;
	margin: 0;
}
.page-header .img-item {
	background-size: cover;
	background-position: 100% 0;
	background-repeat: none;
	width: 25%;
	padding-bottom: 25%;
}
.page-header .img-item-align-left {
	background-position: 0 0;
}
.page-header .img-item-align-center {
	background-position: 50% 0;
}

.page-header .std-item {
	padding: 4.145% 4% 1rem 4.444%;
}

.page-header .item p {
	font-size: 2rem;
	line-height: 1.25em;
}
.page-header .item p:last-child {
	margin: 0;
}

.page-header .item a {
	color: #fff;
}
.page-header .js-clickable .item a {
	text-decoration: none;
}

/* --- sub-nav - level 2 --- */
.sub-nav {
	width: 24.155%;
	float: left;
	margin: 1.813rem 1.127% 4.5rem 0;
}

.sub-nav a {
	text-decoration: none;
	display: block;
}

/* -- header -- */
.sub-nav h2 {
	margin: 0 0 1.25rem;
}

.sub-nav .icon:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 1.5rem;
	position: relative;
	top: 0.188rem;
	margin: 0 0.375rem 0 0;
}
.clr1 .sub-nav .icon:before {
	content: "\e900";
}
.clr2 .sub-nav .icon:before {
	content: "\e901";
}
.clr3 .sub-nav .icon:before {
	content: "\e902";
}
.clr4 .sub-nav .icon:before {
	content: "\e903";
}
.clr5 .sub-nav .icon:before {
	content: "\e904";
}
.clr6 .sub-nav .icon:before {
	content: "\e905";
}
.clr7 .sub-nav .icon:before {
	content: "\e906";
}
.clr8 .sub-nav .icon:before {
	content: "\e907";
}

.sub-nav h2:after {
	display: block;
	content: "_";
}

.sub-nav h2 a {
	color: #69be28;
}


/* -- list -- */
.sub-nav li a {
	padding: 0.188rem 0 0.188rem 18px;
	position: relative;
}
.sub-nav li a:focus, .sub-nav li a:hover {
	text-decoration: underline;
}

.sub-nav li a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	color: #4a3c31;
	font-size: 0.625rem;
	content: "\e90e";
	display: block;
	width: 9px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0.625rem;
	text-decoration: underline;
}
.sub-nav li a:before,
.sub-nav li a:focus:before, .sub-nav li a:hover:before {
	text-decoration: none;
}

.sub-nav .current > a {
	font-weight: bold;
}
.sub-nav .current > a:before {
	font-weight: normal;
}

.sub-nav .selected.has-children > a:before {
	content: "\e910";
	font-size: 0.563rem;
	width: 11px;
	height: 9px;
	top: 0.688rem;
}

/* level 3 */
.sub-nav ul ul {
	margin-bottom: 0.25rem;
}
.sub-nav ul ul a {
	padding-top: 0;
	padding-bottom: 0;
}

.sub-nav ul ul a:before {
	display: none;
}

/* level 4 */
.sub-nav ul ul ul a {
	padding-left: 36px;
}


/* back button */
.sub-nav-back {
	margin: 2rem 0 0;
}

.sub-nav-back .button-secondary {
	margin: 0;
	font-size: 1rem;
	padding-left: 16px;
	padding-right: 16px;
	float: none;
	display: inline-block;
}

/* --- main-content --- */
.main-content .item, .secondary-content .item {
	clear: both;
}

.main-content {
	width: 49.436%;
	float: left;
	margin-bottom: 4.5rem;
}
.no-sub-nav .main-content {
	width: 74.879%;
}

.landingpage .main-content h1 {
	font-size: 2.5rem;
	line-height: 1.25em;
	margin: 1.188rem 0 3.625rem;
}

.landingpage .main-content h1:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 1.25rem;
	content: "\e90e";
	display: inline-block;
	width: 18px;
	height: 20px;
	margin: 0 0.938rem 0 0;
	position: relative;
	top: -0.125rem;
}


/* --- secondary-content --- */
.secondary-content {
	width: 21.739%;
	margin: 2.188rem 0 4.5rem;
	float: right;
}
.no-sub-nav .secondary-content {
	margin-top: 1.5rem;
}

.secondary-content > .item {
	width: 100%;
	float: left;
	clear: both;
}

.secondary-content .style-3, .secondary-content .style-4 {
	margin: 0 0 1.25rem;
}



/* --- site-footer --- */
.site-footer {
	background: #e0ded8;
}

.site-footer div h2 {
	color: #4a3c31;
}

.site-footer a {
	text-decoration: none;
	display: block;
}
.site-footer a:focus, .site-footer a:hover {
	text-decoration: underline;
}


/* - footer-contact - */
.footer-contact {
	background: #fff;
	border-top: solid 1px #e0ded8;
}

.footer-contact-item {
	width: 44.6%;
	float: left;
	text-align: right;
	margin: 2.750rem 0 2.625rem;
}
.footer-contact-item + .footer-contact-item {
	text-align: left;
	float: right;
}

.footer-contact-item a {
	display: inline-block;
	text-align: center;
	color: #69be28;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.5rem;
	line-height: 1.333em;
	font-weight: normal;
	letter-spacing: -0.015em;
	padding: 1rem;
	transition: color 0.2s;
}
.footer-contact-item a:focus, .footer-contact-item a:hover {
	text-decoration: none;
	color: #4a3c31;
}

.footer-contact-item a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	text-align: center;
	display: block;
	content: "";
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.footer-contact-phone a:before {
	content: "\e908";
	font-size: 5rem;
	margin-bottom: 24px;
}
.footer-contact-question a:before {
	content: "\e909";
	font-size: 4.125rem;
	margin-bottom: 38px;
}



/* - footer-sitemap - */
.footer-sitemap {
	padding-bottom: 4.438rem;
}

.footer-sitemap .footer-sitemap-item {
	float: left;
	width: 17.713%;
	line-height: 1.875rem;
	margin: 1.875rem 0 0;
}
.footer-sitemap .footer-sitemap-item + .footer-sitemap-item {
	margin-left: 2.254%;
}

.footer-sitemap h2 {
	font-size: 1.5rem;
	margin: 0;
}
.footer-sitemap h2:before {
	content: "_";
	font-size: 2.125rem;
	display: block;
	margin: 0 0 0.688rem;
}

.footer-sitemap h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	line-height: inherit;
	margin: 0;
}



/* - footer-nav - */
.footer-nav {
	background: #d8c7b9;
	border-top: solid 10px #fff;
}

.footer-nav h2, .footer-nav ul, .footer-nav li {
	float: left;
}
.footer-nav h2, .footer-nav li {
	margin: 2.375em 28px 2.250rem 0;
}

.footer-nav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
}

.footer-nav a {
	margin: -1rem -14px;
	padding: 1rem 14px;
}

/* - social-media - */
.footer-nav .social-media {
	float: right;
}
.footer-nav .social-media li {
	margin-left: 20px;
	margin-right: 0;
}

.icon-social-media {
	width: 24px;
	height: 24px;
	line-height: 0;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: -9999px;
}
.footer-nav .icon-social-media:focus, .footer-nav .icon-social-media:hover {
	text-decoration: none;
}
.footer-nav .icon-social-media {
	padding: 0;
	margin: 0;
}

.icon-social-media:after {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	display: block;
	font-size: 1.5rem;
	text-indent: 0;
	transition: color 0.2s;
}
.icon-social-media:focus:after, .icon-social-media:hover:after {
	color: rgba(70, 60, 49, 0.7);
}

.icon-social-media-facebook:after {
	content: "\e912";
}
.icon-social-media-twitter:after {
	content: "\e913";
}


/* --- styles --- */
/* - standard style -
.style-1 {}
*/

/* - intro style - */
.style-2 {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: normal;
	color: #69be28;
}

.style-2 p {
	margin-bottom: 2.25rem;
}
.style-2 p + p {
	margin-top: -0.875rem;
}

.style-2 p a {
	color: #69be28;
}


/* - call to actions - solid - */
.style-3 {
	background: #00257a;
	border-radius: 20px;
	color: #fff;
	padding: 2.375rem 34px 2.75rem;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.333em;
	font-weight: normal;
	transition: background 0.2s;
}

.style-3 a {
	color: #fff !important;
}

.item.style-3 h2 {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.25em;
	letter-spacing: -0.015rem;
	margin: 1.25rem 0 1rem;
}

.style-3 h2:last-child, .style-3 p:last-child, .style-3 ul:last-child {
	margin-bottom: 0;
}

.style-3 .img-item {
	float: none;
	margin-right: 0;
	margin-left: 0;
	max-width: none;
}

.style-3 .img-item a {
	display: block;
}


.style-3.js-clickable:hover {
	background: rgba(0, 37, 122, 0.60);
}

.style-3.js-clickable a {
	text-decoration: none;
}

/* - usp's - border - */
.style-4 {
	border: solid 2px #00257a;
	border-radius: 20px;
	padding: 0 30px;
	color: #00257a;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.125rem;
	line-height: 1.333em;
	font-weight: normal;
}

.item.style-4 h2 {
	letter-spacing: -0.015rem;
	color: #00257a;
}

.style-4 a {
	color: #00257a;
}

.style-4 ul {
	padding: 0;
	margin-left: 0;
	list-style: none;
}

.style-4 li {
	padding: 0.188rem 0 0.188rem 16px;
	position: relative;
}

.style-4 li:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.625rem;
	content: "\e90e";
	display: block;
	color: #69be28;
	width: 9px;
	height: 11px;
	position: absolute;
	left: 1px;
	top: 0.625rem;
}

.style-4 li a {
	text-decoration: none;
	display: block;
}
.style-4 li a:focus, .style-4 li a:hover {
	text-decoration: underline;
}


/* - button in textcolumns style - */
.style-5 {
	text-align: center;
	margin: 3.313rem 0 3rem;
}
.style-5:last-child {
	margin-bottom: 1.688em;
}

.style-5 p {
	margin: 0;
}

.style-5 p .meta-data {
	display: none;
}

.style-5 a {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-weight: normal;
	display: inline-block;
	max-width: 86.667%;
	border-radius: 8px;
	border: solid 2px #69be28;
	text-decoration: none;
	padding: 0.563rem 38px 0.75rem 48px;
	transition: background 0.2s, color 0.2s;
}
.style-5 a:focus, .style-5 a:hover {
	background: #69be28;
	color: #fff;
}

.style-5 a:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.75rem;
	color: #69be28;
	content: "\e90e";
	display: block;
	display: inline-block;
	width: 11px;
	height: 13px;
	margin: 0 16px 0 -27px;
	position: relative;
	top: -0.063rem;
	transition: color 0.2s;
}
.item.style-5 a:focus:before, .item.style-5 a:hover:before {
	color: #fff;
}




/* --- page-header-slider --- */
.page-header-slider {
	background: #fff;
	/*margin: 1.125rem 0 3.75rem;*/
	margin: 1.125rem 0 1.625rem;
	overflow: hidden;
	max-width: 100%;
	border: none;
	padding-bottom: 3.75rem;
}

/* slides */
.swiper-container {
	background: #69be28;
	overflow: visible !important;
}

.slide {display: none;}
.slide:first-child, .swiper-container-horizontal .slide {display: block;}

.slide .wrapper {
	padding: 0 54px;
}

.slide-content {
	background: #69be28;
	width: 49.436%;
	float: left;
	color: #fff;
	font-size: 2rem;
	line-height: 1.25em;
	padding: 2rem 0 0;
}

.slide-content h2 {
	font-size: 2rem;
	margin: 0;
}

.slide-content div a {
	color: #fff;
}
.js-clickable .slide-content div a {
	text-decoration: none;
}


.page-header-slider .visual {
	background-position: 50% 50%;
	background-size: cover;
	width: 49.436%;
	padding-bottom: 27.214%;
	float: right;
}

/* slider-nav */
.swiper-pagination {
	text-align: center;
	margin: 1.438em 0 0;
	top: 100%;
	bottom: auto !important;
	display: none;
}
.swiper-container-horizontal .swiper-pagination {
	display: block;
}

.swiper-pagination button {
	background: #4a3c31;
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 50%;
	text-indent: -99999px;
	margin: 0 3px !important;
	padding: 0;
	position: relative;
	z-index: 1;
	display: inline-block;
	float: none;
	cursor: pointer;
	transition: background 0.2s, opacity 0.2s;
}

/* sticker */
.page-header-slider .sticker {
	z-index: 10;
}

.page-header-slider .swiper-wrapper .sticker {
	display: none;
}

/* home - */
.page-header-slider-home {
	margin-top: 1.875rem;
	margin-bottom: 3.75rem;
}

.page-header-slider-home .swiper-container, .page-header-slider-home .slide-content {
	background: #e0ded8;
}

.page-header-slider-home .slide-content {
	color: #4a3c31;
}

.page-header-slider-home .slide-content {
	font-size: 1.25rem;
	line-height: 1.6em;
	padding: 0;
}

.page-header-slider-home .slide-content h2 {
	font-size: 2.5rem;
	line-height: 1.25em;
	letter-spacing: -0.05em;
	margin-top: 2.25rem;
}

.page-header-slider-home .slide-content h2 span {
	color: #00257a;
	display: block;
}
.page-header-slider-home .slide-content h2 span + span {color: #008b95;}
.page-header-slider-home .slide-content h2 span + span + span {color: #69be28;}

.page-header-slider-home .slide-content h2 span:first-child:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 1.25rem;
	content: "\e90e";
	display: inline-block;
	margin: 0 0.813rem 0 3px;
	position: relative;
	top: -0.125rem;
}

.page-header-slider-home .slide-content h2 + p:before {
	content: "_";
	font-size: 1.75rem;
	display: block;
	margin: 0.375rem 0 0.625rem;
}
.page-header-slider-home .slide-content p {
	margin: 0;
}

/* align visual left */
.page-header-slider .slide .visual-align-left {
	float: left;
}
.page-header-slider .slide .visual-align-left + .slide-content {
	padding-left: 4.444%;
}

/* layout 2 */
.page-header-slider .slide-layout2 .slide-content {
	padding: 4.145% 4% 1rem 0;
}

.page-header-slider .slide-layout2 p {
	font-size: 2rem;
	line-height: 1.25em;
}




/* --- homepage --- */

/* - entrance-blocks - */
.entrance-block {
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.313rem;
	line-height: 1.381em;
	font-weight: normal;
	letter-spacing: -0.015em;
	color: #fff;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

a.entrance-block:after {
	background: #fff;
	border: solid 2px #e0ded8;
	content: "";
	display: block;
	width: 100%;
	height: 80%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	transition: opacity 0.2s;
}
a.entrance-block:focus:after, a.entrance-block:hover:after {
	opacity: 1;
}

.ie8 a.entrance-block:after {display: none;}
.ie8 a.entrance-block:focus:after, .ie8 a.entrance-block:hover:after {display: block;}

.entrance-block > * {
	position: relative;
	z-index: 1;
}

a.entrance-block p {
	transition: color 0.2s;
}
a.entrance-block:focus p, a.entrance-block:hover p {
	color: #4a3c31;
}

a.entrance-block .button {
	transition: background-color 0.2s;
}
a.entrance-block:focus .button, a.entrance-block:hover .button {
	background: #e0ded8;
	opacity: 1;
}


/* main-entrance-block */
.main-entrance-block {
	width: 24.155%;
	float: left;
	display: block;
	margin: 0 0 3.75rem 1.127%;
	padding: 0 0 5.567rem;
	position: relative;
}
.main-entrance-block:nth-child(4n-7) {
	margin-left: 0;
	clear: left;
}

.main-entrance-block:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	text-align: right;
	color: #fff;
	font-size: 1.875rem;
	display: block;
	position: absolute;
	top: 0.938rem;
	right: 6.67%;
}

.main-entrance-block a {
	color: #fff;
	text-decoration: none;
}

.main-entrance-block h2, .main-entrance-block p {
	padding: 0 13.333%;
	color: #fff !important;
}

.main-entrance-block h2 {
	margin: 0.813rem 6.667% 0.938rem 0;
	font-size: 1.313rem;
	padding-right: 36px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.entrance-block .visual {
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	padding-bottom: 100%;
	margin: 0 0 0.75rem;
}

.main-entrance-block .visual + p:before {
	content: "_";
	font-size: 1.375rem;
	margin: 0 0 0.125rem;
	display: block;
}

.quality-block .visual {
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	padding-bottom: 100%;
	margin: 0 0 1.75rem;
}

p.no-line:before {
	content: "" !important;
	font-size: 1.375rem;
	margin: 0 0 0.125rem;
	display: block;
}

.main-entrance-block p:last-child {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
}

.entrance-block .button, .entrance-block [type=submit] {
	background: #fff;
	margin: 1.75rem 0 0;
	padding-left: 44px;
	padding-right: 8px;
	float: none;
	display: block;
	color: #4a3c31;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
.main-entrance-block .button {
	margin: 0 0 2.5rem;
}

.entrance-block .button:before, .entrance-block [type=submit]:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 0.938rem;
	content: "\e90e";
	display: block;
	width: 14px;
	height: 16px;
	position: absolute;
	top: 0.75rem;
	left: 16px;
}


/* block specific */
.entrance-block-plezierig-leven {	background: #69be28;}
.entrance-block-thuis-met-zorg {	background: #008b95;}
.entrance-block-revalideren {		background: #0066a1;}
.entrance-block-wonen-bij-vivium {	background: #00257a;}

a.entrance-block-plezierig-leven:after {	border-color: #69be28;}
a.entrance-block-thuis-met-zorg:after {		border-color: #008b95;}
a.entrance-block-revalideren:after {		border-color: #0066a1;}
a.entrance-block-wonen-bij-vivium:after {	border-color: #00257a;}

.entrance-block-plezierig-leven:before {	content: "\e900";}
.entrance-block-thuis-met-zorg:before {	content: "\e901";}
.entrance-block-revalideren:before {		content: "\e902";}
.entrance-block-wonen-bij-vivium:before {	content: "\e903";font-size: 1.813rem;}

/* block specific */
.entrance-block-veiligheid-zorg-clienten {	background: #69be28;}
.entrance-block-tevredenheid-medewerkers {	background: #008b95;}
.entrance-block-waardering-clienten-en-naasten {		background: #0066a1;}
.entrance-block-keurmerken-en-certificaten {		background: #00257a;}
.entrance-block-samenwerkingsverbanden {		background: #009b74;}
.entrance-block-personeelssamenstelling {	background: #e0ded8;}

a.entrance-block-veiligheid-zorg-clienten:after {	border-color: #69be28;}
a.entrance-block-tevredenheid-medewerkers:after {		border-color: #008b95;}
a.entrance-block-waardering-clienten-en-naasten:after {		border-color: #0066a1;}
a.entrance-block-keurmerken-en-certificaten:after {	border-color: #00257a;}
a.entrance-block-samenwerkingsverbanden:after {		border-color: #009b74;}
a.entrance-block-personeelssamenstelling:after {		border-color: #e0ded8;}

/* Generic blocks */
.entrance-block-generic-1 {	background: #69be28;}
.entrance-block-generic-2 {	background: #008b95;}
.entrance-block-generic-3 {	background: #0066a1;}
.entrance-block-generic-4 {	background: #00257a;}
.entrance-block-generic-5 {	background: #009b74;}
.entrance-block-generic-6 {	background: #e0ded8;}

a.entrance-block-generic-1:after { border-color: #69be28;}
a.entrance-block-generic-2:after { border-color: #008b95;}
a.entrance-block-generic-3:after { border-color: #0066a1;}
a.entrance-block-generic-4:after { border-color: #00257a;}
a.entrance-block-generic-5:after { border-color: #009b74;}
a.entrance-block-generic-6:after { border-color: #e0ded8;}

/* - sub-entrance-blocks - */
.sub-entrance-blocks {
	border-bottom: solid 1px #e0ded8;
}

.sub-entrance-block {
	width: 49.436%;
	float: left;
	display: block;
	clear: left;
	margin: 0 0 3.75rem;
	position: relative;
}
.sub-entrance-block:nth-child(even) {
	float: right;
	clear: none;
}

.sub-entrance-block:before {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	text-align: right;
	color: #fff;
	display: block;
	width: 80px;
	height: 78px;
	position: absolute;
	z-index: 1;
	bottom: 142px;
	left: 25.57%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: color 0.2s;
}
a.sub-entrance-block:focus:before, a.sub-entrance-block:hover:before {
	color: #4a3c31;
}

a.sub-entrance-block:after {
	height: 100%;
}

.sub-entrance-block > *:not(.visual) {
	width: 56%;
	float: left;
	padding: 0 6.514%;
	position: absolute;
	bottom: 2.5rem;
}

.sub-entrance-block .visual {
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	width: 45.455%;
	padding-bottom: 45.455%;
	float: right;
	margin: 0;
}
.sub-entrance-block .newspage-button-div {
	min-width: 21.5rem;
}

/* newsletter sign-up */
.newsletter-sign-up h2 {
	margin: 0 0 0.813rem;
	text-align: center;
}

.newsletter-sign-up label {
	color: #4a3c31;
}

.newsletter-sign-up div {
	background: #fff;
	border-radius: 8px;
	padding-right: 50px;
	position: relative;


	border: solid 1px #e0ded8;
	border-top-color: #babab7;
	box-shadow: inset 0 2px 3px -2px rgba(0, 0, 0, 0.4);
}

.newsletter-sign-up [type=email] {
	width: 100%;
	background: 0;
	border: none;
	font-size: 1rem;
	box-shadow: none;
	padding: 0.625rem 0 0.688rem 20px;
}
.newsletter-sign-up [type=submit] {
	background: none;
	text-indent: -9999px;
	padding-left: 42px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	max-width: 50px;
}
.newsletter-sign-up [type=submit]:before {
	text-indent: 0;
}

/* MailChimp embeded form */
#mc_embed_signup label {
	padding: 0.438rem 0 0.563rem;
	display: block;
	float: left;
	width: 30%;
	margin-right: 2%;
	font-weight: bold;
}

#mc_embed_signup div.mc-field-group {
	margin: 0 0 1.25rem;
	float: left;
	width: 100%;
}
#mc_embed_signup input[type=text], #mc_embed_signup input[type=email] {
	max-width: 62%;
	width: 62%;
}

/* block specific */
.sub-entrance-block-ziektebeelden {			background: #009b74;}
.sub-entrance-block-newsletter-sign-up {	background: #e0ded8;}

#newsletter-button-tablet, #newsletter-text-tablet {
	display: none;
}
.sub-entrance-block-ziektebeelden:before {
	content: "\e904";
	font-size: 4.875rem;
}
a.sub-entrance-block-ziektebeelden:focus:before, a.sub-entrance-block-ziektebeelden:hover:before, a.sub-entrance-block-newsletter-sign-up:hover:before {
	color: #009b74;
}

.sub-entrance-block-newsletter-sign-up:before {
	content: "\e909";
	font-size: 4.125rem;
	color: #4a3c31;
	height: 66px;
	bottom: 155px;
}

a.sub-entrance-block-ziektebeelden:after {border-color: #009b74;}



/* --- services landingpage --- */
.services-landingpage .page-header-slider {
	margin-top: 1.25rem;
}

.services-landingpage .breadcrumb:not(.breadcrumb-mobile) {
	position: relative;
	top: -1.438rem;
}

.services-landingpage .breadcrumb-mobile {
	position: static;
	margin-left: 3.389%;
	margin-right: 3.389%;
	padding-left: 0;
	padding-right: 0;
}

.services-landingpage .sub-nav {
	margin-top: -0.125rem;
}

.services-landingpage .main-content {
	width: 74.718%;
}

/* - main-entrance blocks - */

.services-landingpage .main-entrance-block,
.services-landingpage .main-entrance-block:nth-child(4n-7) {
	width: 32.327%;
	margin-left: 1.508%;
	clear: none;
}
.services-landingpage .main-entrance-block:nth-child(3n-5) {
	margin-left: 0;
	clear: left;
}

/* - main-entrance blocks vrienden - */
.services-landingpage .block-vrienden:nth-child(4n-7) {
	width: 23%;
	margin-left: 1.508%;
	clear: none;
}

.services-landingpage .block-vrienden {
	width: 23%;
	margin-left: 1.508%;
	clear: none;
}
.services-landingpage .block-vrienden:nth-child(3n-5) {
	margin-left: 1.508%;
	clear: none;
}

.services-landingpage .main-entrance-block h2 {
	padding: 0 6.667%;
	margin-right: 0;
}

/* block specific */
.entrance-block-diensten-aan-huis {			background: #69be28;}
.entrance-block-cursussen-en-activiteiten {	background: #008b95;}
.entrance-block-kortingen-en-acties {			background: #0066a1;}

a.entrance-block-diensten-aan-huis:after {			border-color: #69be28;}
a.entrance-block-cursussen-en-activiteiten:after {	border-color: #008b95;}
a.entrance-block-kortingen-en-acties:after {			border-color: #0066a1;}


/* - sub-entrance blocks - */
.services-landingpage .sub-entrance-blocks {
	border: none;
}

.services-landingpage .sub-entrance-block, .services-landingpage .sub-entrance-block:nth-child(2n) {
	width: 32.327%;
	padding-bottom: 32.327%;
	margin-left: 1.508%;
	clear: none;
	float: left;
}
.services-landingpage .sub-entrance-block:nth-child(3n-5) {
	margin-left: 0;
	clear: left;
}
.services-landingpage .sub-entrance-block:before {
	left: 50%;
}

.services-landingpage .sub-entrance-block > :not(.visual) {
	width: 100%;
	padding: 0 13.333%;
}

/* block specific */
.sub-entrance-block-hulpmiddelen {		background: #00257a;}
.sub-entrance-block-totaalaanbod {		background: #009b74;}
.sub-entrance-block-puzzeloplossing {	background: #e0ded8;}

.sub-entrance-block-hulpmiddelen:before {
	content: "\e906";
	font-size: 4.875rem;
	width: 71px;
	bottom: 143px;
}
a.sub-entrance-block-hulpmiddelen:focus:before, a.sub-entrance-block-hulpmiddelen:hover:before {
	color: #00257a;
}

.sub-entrance-block-totaalaanbod:before {
	content: "\e905";
	font-size: 3.688rem;
	width: 123px;
	height: 60px;
	bottom: 150px;
}
a.sub-entrance-block-totaalaanbod:focus:before, a.sub-entrance-block-totaalaanbod:hover:before {
	color: #009b74;
}

.sub-entrance-block-puzzeloplossing:before {
	content: "\e907";
	font-size: 5.313rem;
	color: #4a3c31;
	width: 59px;
	height: 82px;
	bottom: 140px;
}

a.sub-entrance-block-hulpmiddelen:after {border-color: #00257a;}
a.sub-entrance-block-totaalaanbod:after {border-color: #009b74;}
a.sub-entrance-block-puzzeloplossing:after {border-color: #e0ded8;}

/* - item-agn-nws - */
.item-agn-nws {
	width: 49.436%;
	float: left;
	padding: 0 3.220% 0 0;
	margin: 0 0 2.125rem;
}
.item-agn-nws:nth-child(even) {
	float: right;
	padding-right: 0;
}

.item-agn-nws ul {
	margin: 0 0 1.5rem;
}

.item-agn-nws li a {
	display: block;
	position: relative;
	padding: 0 0 0 8.375rem;
	text-decoration: none;
	line-height: 1.875rem;
}
.item-agn-nws li a:focus, .item-agn-nws li a:hover {
	text-decoration: underline;
}

.item-agn-nws li span {
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 8rem;
}

/* home */
.home .item-agn-nws h2 {
	font-size: 1.875rem;
	line-height: 1.6em;
	margin: 2.563rem 0 1.813rem;
	color: #0066a1;
}
.home .item-agn-nws:nth-child(even) h2 {
	color: #008b95;
}


/* - map-region - */
.map-region {
	border-top: solid 1px #e0ded8;
	padding-top: 3.75em;
	padding-bottom: 3.75em;
}

.map-region .wrapper {
	position: relative;
}

.map-region h2 {
	font-size: 1.875rem;
	line-height: 1.6em;
	margin-bottom: 4.188rem;
	position: absolute;
	top: 18rem;
	left: 3.5rem;
}

.map-region ul+h2 {
	top: 30rem;
}

.map-region ul {
	position: absolute;
	z-index: 1;
	left: 3.5rem;
	top: 22.5rem;
}

.map-region ul.regions {
	top: 34.7rem;
}

.map-region li {
	position: relative;
	padding-left: 1.75rem;
	line-height: 1.875rem;
}

.map-region li:before {
	background: #9a8f86;
	display: block;
	content: "";
	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	top: 0.313rem;
	left: -2px;
}
.map-region .purple:before {
	background: #af116b;
}
.map-region .blue:before {
	background: #134082;
}
.map-region .light-blue:before {
	background: #1b9dd9;
}
.map-region .dashed:before {
	background: #fff;
	border: dashed 2px #979797;
}

.map-region table.map-legend {
	color: white;
	max-width: 275px;
	position: absolute;
	top: 13rem;
	text-transform: uppercase;
}
.map-region table.map-legend ul {
	position: inherit;
	font-size: 0.8em;
	text-transform: capitalize;
	margin: 0 0 0.25rem;
	padding: 0 0 0 17px;
}
.map-region table.map-legend ul li:before {
	background: none;
	display: none;
}
.map-region table.map-legend ul li {
	padding-left: 0px;
	line-height: 1.4em;
}
.map-region table tr td {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border: 1px solid #939597;
}
.map-region ul.regions li:before {
	background: #9a8f86;
	display: block;
	content: "";
	border-radius: 0%;
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	top: 0.313rem;
	left: -2px;
	border: 1px solid #939597;
}
.map-region ul.regions li.light-green:before {
	background-color: #CADB46;
}
.map-region ul.regions li.green:before {
	background-color: #81C34E;
}
.map-region ul.regions li.green-medium:before {
	background-color: #2FB453;
}
.map-region ul.regions li.green-medium2:before {
	background-color: #00A579;
}
.map-region ul.regions li.dark-green:before {
	background-color: #009482;
}


.map-interactive {
	max-width: 100%;
	position: relative;
}

.map-interactive img {
	max-width: 100%;
	height: auto;

	margin-left: -17px;

	padding-top: 17px;

}

.map-item {
	position: absolute;
	z-index: 1;
}
.map-item-location-de-torenhof {
	top: 39.502%;
	left: 72.468%;
}

/* Zorgeloos wonen */
.map-item-location-de-gooise-warande-bussum {	top: 51%; left: 63%;	}
.map-item-location-oversingel-weesp {			top: 35.5%; left: 42%;	}
.map-item-location-godelinde-bussum {			top: 49%; left: 62%;	}
.map-item-location-torenhof-blaricum {			top: 51%; left: 74%;	}
.map-item-location-johanneshove-laren {			top: 57%; left: 72%;	}

/* Dementie */
.map-item-location-dementie-de-bolder-huizen {			top: 41.5%; left: 69%;	}
.map-item-location-dementie-de-den-amsterdam {			top: 51%; left: 17.5%;	}
.map-item-location-dementie-torendael-amsterdam-zuid {	top: 51%; left: 25%;	}
.map-item-location-dementie-oversingel-weesp {			top: 35.5%; left: 41%;	}
.map-item-location-dementie-hogewey-de-hogeweyk-weesp {	top: 38%; left: 41.5%;	}
.map-item-location-dementie-de-vesting-naarden {		top: 39%; left: 55%;	}
.map-item-location-dementie-de-ruyterstraat-huizen {	top: 38%; left: 69%;	}
.map-item-location-dementie-de-antonius-hof-bussum {	top: 53.5%; left: 59.5%;	}
.map-item-location-dementie-de-stichtse-hof-laren {		top: 55%; left: 63%;	}
.map-item-location-dementie-de-dennen-laren {			top: 57%; left: 68%;	}
.map-item-location-dementie-de-zandzee-bussum {			top: 53.5%; left: 58%;	}

/* Revalidatie */
.map-item-location-rehabilitation-naarderheem {			top: 39%; left: 58%;	}

/* Regio services */
.map-item-location-serviceregion-torenhof-blaricum {	top: 51%; left: 74%;	}

.map-item-handle {
	background: #af116b;
	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.75rem;
	line-height: 1.25rem;
	position: relative;
	z-index: 3;
}
.map-item-content.dementia,	.map-item-handle.purple {background: #af116b;}
.map-item-content.serviceregion, .map-item-handle.grey {background: #9a8f86;}
.map-item-content.carefree, .map-item-handle.blue {background: #134082;}
.map-item-content.rehabilitation, .map-item-handle.light-blue {background: #1b9dd9;}

.map-item-content {
	background: #00257a;
	border-radius: 20px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	padding: 20px;
	color: #fff;
	width: 19.5rem;
	font-size: 1.25rem;
	line-height: 1.5em;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	position: absolute;
	left: -99999px;
	bottom: 250%;
	opacity: 0;
	letter-spacing: -0.025rem;
	transition: bottom 0.2s, opacity 0.2s;
}
.map-item:hover .map-item-content, .map-item-handle:focus + .map-item-content, .map-item-show {
	z-index: 2;
	left: 0;
	bottom: 200%;
	opacity: 1;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.map-item-content:before {
	display: block;
	width: 105%;
	height: 40px;
	content: "";
	position: absolute;
	z-index: 0;
	margin: -20px 0 0 -3rem;
	left: 15%;
	top: 100%;
}

.map-item-content h3 {
	font-size: 1.25rem;
	margin: 0.188rem 0 0;
}

.map-item-content h3:before {
	font-family: 'vivium-icons';
	content: "\e903";
	line-height: 1;
	speak: none;
	color: #fff;
	font-size: 1.75rem;
	display: block;
	float: right;
	position: relative;
	top: -0.125rem;
}

.map-item-content h3:after {
	content: "_";
	font-size: 1.5rem;
	line-height: 1em;
	display: block;
	margin: 0 0 0.438rem;
}

.map-item-content > div + p {
	margin: 3.750rem 0 0 0;
}

.map-item-content a {
	color: #fff;
}

.map-item-content .button {
	background: #fff;
	display: block;
	float: none;
	color: #4a3c31;
	margin: 0 0 0.25rem;
	padding-left: 20px;
	padding-right: 20px;
}


/* ----- modules ----- */

/* -- nws/agn -- */
.overview .main-content .link-forward, .main-content .overview .link-back {
	margin-top: -1.25rem;
}

.article {
	clear: both;
}
.article .meta-data {
	font-style: italic;
	margin-bottom: 0.313rem;
}


/* -- vav - afas vacancies -- */
.vacancies-overview-item a {
	text-decoration: none;
}

.vacancies-overview-item h2 {
	margin: 0;
}
.vacancies-overview-item a:hover h2, .vacancies-overview-item a:focus h2 {
	text-decoration: underline;
}

.vacancies-overview-item .meta-data {
	font-style: italic;
	margin-bottom: 0.313rem;
}


/* -- fot - image gallery -- */
.fot-item.item {
	width: 31.333%;
	padding-bottom: 31.333%;
	margin: 0 2% 2% 0;
	float: left;
	clear: none;
	position: relative;
}

.figure {
	background: #eee;
	border: solid 12px #eee;
	border-radius: 8px;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.figure h2 {
	display: none;
}

.figure .img-item {
	margin: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	float: none;
}

.figure .img-item a {
	width: 100%;
	height: 100%;
}

.figure .img-item img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	overflow: hidden;
	max-width: none;
}

/* - support for object-fit in IE/Edge - */
.compat-object-fit .figure .img-item {
	background-position: 50% 50%;
	background-size: cover;
}

.compat-object-fit .figure .img-item img {
	opacity: 0;
}


/* -- mtx - matrix -- */
.matrix th {
	font-weight: normal;
}

/* thead */
.matrix thead th {
	text-align: center;
}

.matrix thead th a {
	display: block;
}

.matrix thead td {
	padding: 0 0.5rem;
}

/* tbody */
.matrix tbody td, .matrix tbody th {
	border-bottom: solid 1px #e0ded8;
	padding: 0.188rem 0;
}
.matrix tbody td {
	padding-left: 4px;
	text-align: center;
}

.matrix .category {
	padding-top: 1.5rem;
	font-weight: bold;
}

.matrix [data-category="on"]:before {
	background: #69be28;
	content: "";
	border-radius: 50%;
	width: 0.5rem;
	height: 0.5rem;
	display: inline-block;
	vertical-align: middle;
}

.matrix img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0.5rem auto 0;
	display: block;
}

.matrix-reduce .img-item {
	margin: 0.375rem 12px 0.125rem 0;
}
.matrix-reduce .img-item img {
	max-width: 120px;
}

.matrix-reduce .buttons {
	margin-top: 3rem;
}

#matrixSearch .buttons,
#matrixReduce .buttons {
	margin-top: 3.625rem;
}

#matrixSearch .buttons [type="submit"],
#matrixReduce .buttons [type="submit"] {
	position: relative;
	top: -.5em;
}

/* ----- page-types --- */

/* --- location --- */
.main-content .item-agn-nws {
	width: 100%;
}

.item-location {
	border-top: solid 1px #e0ded8;
	margin: 2rem 0 1.5rem;
	clear: both;
}
.item-location:last-child {
	margin-bottom: 0;
}

.item-location h2 {
	margin: 2.125rem 0 1.375rem;
}
.item-location h2 + ul {
	margin-top: -0.188rem;
}

.item-location .style-5 {
	margin-top: 2.125rem;
}


/* --- contactpage --- */
.item-contact {
	border-radius: 20px;
	border: solid 2px #e0ded8;
	padding: 0 5.161% 2.25rem;
	margin: 1.5rem 0 0;
}
.item-contact + .item-contact {
	margin-top: 1.25rem;
}

.item-contact h2 {
	font-size: 1.875rem;
	margin: 0;
	padding: 2rem 1.5rem 0 0;
	color: #4a3c31;
	position: relative;
}

.item-contact h2:after {
	display: block;
	float: right;
	content: "\e910";
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 1.067rem;
	position: absolute;
	top: 3.125rem;
	right: 0;
}

.item-contact .item {
	width: 33.333%;
	float: left;
	clear: none;
	padding-right: 3%;
}

.item-contact-faq h3:before {
	content: "\e910";
	font-family: 'vivium-icons';
	font-size: 0.8rem;
	margin-right: 1rem;
	top: 3rem;
}

.item-contact-faq h3 a {
	text-decoration: none;
}

.item-contact-faq .item {
	width: 100%;
	clear: none;
	padding-right: 3%;
}

.item-contact .style-2 {
	width: 100%;
	color: #4a3c31;
	padding-right: 0;
	font-size: 1.125rem;
	letter-spacing: -0.02rem;
	border-bottom: solid 1px #e0ded8;
}

.item-contact .style-2 p {
	margin-bottom: 1.5rem;
}

.item-contact h3 {
	margin: 2.125rem 0 0;
}
.item-contact h3:first-child {
	margin-top: 1.25rem;
}

.item-contact a[href*="facebook."], .item-contact a[href*="twitter."], .item-contact a[href*="linkedin."], .item-contact a[href*=".youtu"] {
	text-decoration: none;
	padding: 0.188rem 0;
	display: inline-block;
}
.item-contact a[href*="facebook."]:focus, .item-contact a[href*="facebook."]:hover,
.item-contact a[href*="twitter."]:focus, .item-contact a[href*="twitter."]:hover,
.item-contact a[href*="linkedin."]:focus, .item-contact a[href*="linkedin."]:hover,
.item-contact a[href*=".youtu"]:focus, .item-contact a[href*=".youtu"]:hover {
	text-decoration: underline;
}

.item-contact a[href*="facebook."]:before, .item-contact a[href*="twitter."]:before, .item-contact a[href*="linkedin."]:before, .item-contact a[href*=".youtu"]:before {
	font-family: 'vivium-icons';
	line-height: 1;
	font-size: 1.5rem;
	vertical-align: middle;
	speak: none;
	display: inline-block;
	margin-right: 0.375rem;
}

.item-contact a[href*="facebook."]:before {
	content: "\e912";
}
.item-contact a[href*="twitter."]:before {
	content: "\e913";
}
.item-contact a[href*="linkedin."]:before {
	content: "\e914";
}
.item-contact a[href*=".youtu"]:before {
	content: "\e915";
}

/* colors */
.item-contact:nth-child(5n+1):not(.item-contact-icon) h2, .item-contact:nth-child(5n+1):not(.item-contact-icon) h2 a,
.item-contact:nth-child(5n+1):not(.item-contact-icon) h3, .item-contact:nth-child(5n+1):not(.item-contact-icon) h3 a {
	color: #0066a1;
}

.item-contact:nth-child(5n+2):not(.item-contact-icon) h2, .item-contact:nth-child(5n+2):not(.item-contact-icon) h2 a,
.item-contact:nth-child(5n+2):not(.item-contact-icon) h3, .item-contact:nth-child(5n+2):not(.item-contact-icon) h3 a {
	color: #69be28;
}

.item-contact:nth-child(5n+3):not(.item-contact-icon) h2, .item-contact:nth-child(5n+3):not(.item-contact-icon) h2 a,
.item-contact:nth-child(5n+3):not(.item-contact-icon) h3, .item-contact:nth-child(5n+3):not(.item-contact-icon) h3 a {
	color: #008b95;
}

.item-contact:nth-child(5n+4):not(.item-contact-icon) h2, .item-contact:nth-child(5n+4):not(.item-contact-icon) h2 a,
.item-contact:nth-child(5n+4):not(.item-contact-icon) h3, .item-contact:nth-child(5n+4):not(.item-contact-icon) h3 a {
	color: #00257a;
}

.item-contact:nth-child(5n+5):not(.item-contact-icon) h2, .item-contact:nth-child(5n+5):not(.item-contact-icon) h2 a,
.item-contact:nth-child(5n+5):not(.item-contact-icon) h3, .item-contact:nth-child(5n+5):not(.item-contact-icon) h3 a {
	color: #009b74;
}

.item-contact-plezierig-leven h2, .item-contact-plezierig-leven h2 a,
.item-contact-plezierig-leven h3, .item-contact-plezierig-leven h3 a {
	color: #69be28;
}

.item-contact-thuis-met-zorg h2, .item-contact-thuis-met-zorg h2 a,
.item-contact-thuis-met-zorg h3, .item-contact-thuis-met-zorg h3 a {
	color: #008b95;
}

.item-contact-revalideren h2, .item-contact-revalideren h2 a,
.item-contact-revalideren h3, .item-contact-revalideren h3 a {
	color: #0066a1;
}

.item-contact-wonen-bij-vivium h2, .item-contact-wonen-bij-vivium h2 a,
.item-contact-wonen-bij-vivium h3, .item-contact-wonen-bij-vivium h3 a {
	color: #00257a;
}

.item-contact-ziektebeelden h2, .item-contact-ziektebeelden h2 a,
.item-contact-ziektebeelden h3, .item-contact-ziektebeelden h3 a {
	color: #009b74;
}

.item-contact-faq h2, .item-contact-faq h3, .item-contact-faq h3 a {
	color: #0066a1;
}

/* hovers on blocks */
.item-contact:hover:nth-child(5n+1) {background: rgba(0, 102, 161, 0.1);}
.item-contact:hover:nth-child(5n+2) {background: rgba(105, 190, 40, 0.1);}
.item-contact:hover:nth-child(5n+3) {background: rgba(0, 139, 149, 0.1)}
.item-contact:hover:nth-child(5n+4) {background: rgba(0, 37, 122, 0.1)}
.item-contact:hover:nth-child(5n+5) {background: rgba(0, 155, 116, 0.1);}
.item-contact-plezierig-leven:hover {background: rgba(255, 0, 0, 0.1);}
.item-contact-thuis-met-zorg:hover	{backgorund: rgba(0, 139, 149, 0.1);}
.item-contact-revalideren:hover		{background: rgba(0, 102, 161, 0.1);}
.item-contact-ziektebeelden:hover	{background: rgba(0, 155, 116, 0.1);}
.item-contact-faq:hover				{background: rgba(0, 102, 161, 0.1);}

/* item-contact icon */
.item-contact-icon {
	position: relative;
}

.item-contact-icon h2, .item-contact-icon .style-2 {
	padding-left: 6rem;
}

.item-contact-icon h2:before {
	display: block;
	content: "\e910";
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	font-size: 3.75rem;
	width: 3.75rem;
	text-align: center;
	position: absolute;
	left: 0;
	top: 2.5rem;
}

.item-contact-plezierig-leven h2:before {content: "\e900";}
.item-contact-thuis-met-zorg h2:before {content: "\e901";}
.item-contact-revalideren h2:before {content: "\e902";}
.item-contact-wonen-bij-vivium h2:before {content: "\e903";}
.item-contact-ziektebeelden h2:before {content: "\e904";}
.item-contact-faq h2:before {content: "\e917";}


/* item-contact collapsed */
.js-tmp .item-contact .item, .item-contact.js-collapsed .item {
	display: none;
}

.js-on .item-contact h2:hover, .js-on .item-contact .style-2:hover {
	cursor: pointer;
}
.js-on .item-contact-no-toggle h2:hover, .js-on .item-contact-no-toggle .style-2:hover {
	cursor: default;
}

.js-tmp .item-contact h2:after, .item-contact.js-collapsed h2:after {
	content: "\e90e";
	font-size: 1.188rem;
	top: 3rem;
}
.item-contact.item-contact-no-toggle h2:after {
	display: none;
}

.js-tmp .item-contact .style-2, .item-contact.js-collapsed .style-2, .item-contact.item-contact-no-toggle .style-2 {
	border-bottom-color: transparent;
	display: block;
}

.js-tmp .item-contact .style-2 p, .item-contact.js-collapsed .style-2 p, .item-contact.item-contact-no-toggle .style-2 p {
	margin-bottom: 0.438rem;
}

.js-on .item-contact-faq h3 {
	cursor: pointer;
}

.js-on .item-contact-faq.js-collapsed h3:before {
	content: "\e90e";
	font-size: 1rem;
	top: 3rem;
	margin-right: 1rem;
}

.js-on .item-contact-faq.js-collapsed .faq-answer {
	display: none;
}

/* --- services --- */

/* - calendar - */
.services-calendar thead {
	display: none;
}

.services-calendar th, .services-calendar td {
	padding-right: 8px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	float: left;
	display: block;
}

.services-calendar tr + tr {
	border-top: solid 1.5rem transparent;
}

.services-calendar th {
	width: 100%;
	clear: both;
}

.services-calendar td {
	width: 25%;
}
.services-calendar th + td {
	width: 100%;
	padding-bottom: 0.25rem;
}

.services-calendar td:before {
	content: attr(data-column-title);
	display: block;
	font-size: 0.75rem;
	opacity: 0.6;
	margin-bottom: -0.25rem;
}

/* - services dt - */
.services-dl dt {
	float: left;
	font-weight: bold;
	width: 35%;
}

.services-dl dd {
	margin-left: 0;
}



/* --- sitesearch --- */
.site-search-slr {
	display: none;
}

.search-results li + li {
	margin-top: 1.25rem;
}

.search-results h2, .search-results p {
	margin: 0;
}

.search-results-link {
	text-decoration: none;
	opacity: 0.6;
	word-wrap: break-word;
}
.search-results-link:focus, .search-results-link:hover {
	text-decoration: underline;
}


/* --- < 1280 --- tablet landscape --- */
@media only screen and (max-width: 1280px) {

	body.dev:before {background: #0f0;}
	body.dev:after {content: "tablet-landscape/1000-1280";}



	/* --- wrapper --- */
	.wrapper {
		max-width: none;
		padding-left: 3.320%;
		padding-right: 3.320%;
	}



	/* --- pageheader --- */
	/* sticker */
	.sticker {
		right: 3.320%;
	}



	/* --- footer --- */
	.footer-contact-item {
		width: 49.372%;
	}
	.footer-contact-item, .footer-contact-item + .footer-contact-item {
		text-align: center;
	}



	/* --- homepage --- */
	.page-header-slider .wrapper {
		padding-left: 3.320%;
		padding-right: 3.320%;
	}

	.page-header-slider-home .slide-content {
		font-size: 1.757vw;
	}

	.page-header-slider-home .slide-content h2 {
		font-size: 3.125vw;
		margin: 2.81vw 0 0;
	}
	.page-header-slider-home .slide-content h2 span:first-child:before {
		font-size: 1.563vw;
		margin-right: 1.016vw;
	}

	.page-header-slider-home .slide-content h2 + p:before {
		font-size: 2.343vw;
	}

	/* - entrance-block - */
	.entrance-block {
		font-size: 1.188rem;
	}

	.main-entrance-block .visual {
		margin-bottom: 0.125rem;
	}
	.sub-entrance-block .newspage-button-div {
		min-width: 0;
	}


	/* - item-agn-nws - */
	.item-agn-nws li a {
		padding-left: 0;
	}

	.item-agn-nws li span {
		display: none;
	}

	/* - map-region - */
	.map-region {
		padding-top: 2.563rem;
	}

	.map-region h2 {
		left: 3rem;
	}

	.map-region ul {
		left: 3rem;
	}


} /* --- end mediaquery < 1280  --- */

/* --- < 1280 && > 1001 --- only tablet landscape --- */
@media only screen and (max-width: 1280px) and (min-width: 1001px) {


	/* - styles - */
	.style-3 {
		padding: 1.375rem 9.615% 1.75rem;
	}

	.style-4 {
		padding: 0 8.653%;
	}

	/* - pageheader - */
	.page-header:not(.page-header-slider-home) .item p {
		font-size: 2.5vw;
	}

	.page-header-slider:not(.page-header-slider-home) h2, .page-header-slider:not(.page-header-slider-home) .slide-content {
		font-size: 2.5vw;
	}
	.page-header-slider.page-header-slider-home .slide-layout2 p {
		font-size: 2.5vw;
	}


	/* - main-entrance-block - */
	.main-entrance-block {
		padding-bottom: 5.413rem;
	}

	.main-entrance-block:before {
		top: 0.913rem;
	}

	.main-entrance-block h2, .main-entrance-block p {
		padding: 0 7.826%;
	}

	.main-entrance-block h2 {
		font-size: 1.25rem;
		margin-right: 7.826%;
	}

	.main-entrance-block .visual + p:before {
		margin-bottom: 0.188rem;
	}

	.entrance-block .button, .entrance-block [type="submit"] {
		margin-top: 1.5rem;
		padding-left: 40px;
		padding-right: 4px;
	}

	/* - sub-entrance-block - */
	.sub-entrance-block > *:not(.visual) {
		bottom: 1.875rem;
	}

	#newsletter-button-tablet {
		display: block;
	}
	#newsletter-button-default {
		display: none;
	}
	#newsletter-text-tablet {
		display: block;
		text-align: center;
		color: #4A3C31;
		width: 88%;
	}

	.sub-entrance-block:before {
		width: 60px;
		height: 58px;
		bottom: 131px;
		font-size: 3.75rem;
	}

	.sub-entrance-block-newsletter-sign-up:before {
		width: 60px;
		height: 50px;
		bottom: 141px;
		font-size: 3.125rem;
	}

	.newsletter-sign-up [type=submit] {
		margin: 0;
	}


	/* services landingpage sub-entrance blocks */
	.sub-entrance-block-hulpmiddelen:before {
		font-size: 3.75rem;
		width: 54px;
		height: 60px;
		bottom: 116px;
	}

	.sub-entrance-block-totaalaanbod:before {
		font-size: 2.75rem;
		width: 92px;
		height: 45px;
		bottom: 122px;
	}

	.sub-entrance-block-puzzeloplossing:before {
		font-size: 3.875rem;
		width: 45px;
		height: 61px;
		bottom: 117px;
	}



} /* --- end mediaquery < 1280 && > 960  --- */



/* --- < 1000 --- tablet portrait --- */
@media only screen and (max-width: 1000px) {

	body.dev:before {background: #00f;}
	body.dev:after {content: "tablet-portrait/640-1000";}

	h1, .landingpage .main-content h1 {
		margin-top: 3rem;
	}
	.no-sub-nav .wrapper > h1 {
		margin-left: 5.649%;
		margin-right: 5.649%;
		padding: 0 3.672%;
	}

	/* --- wrapper --- */
	.wrapper {
		padding-left: 3.906%;
		padding-right: 3.906%;
	}


	/* --- site-logo --- */
	.site-logo {
		margin-bottom: 0;
	}

	.site-logo img {
		width: 160px;
		height: 57px;
	}

	/* --- navigation --- */
	.main-nav {

	}

	.main-nav-level1 > li:first-child {
		margin-left: -0.688rem;
	}

	.main-nav-level1 > li > a {
		font-size: 1.125rem;
		padding-top: 0.625rem;
		margin: 0 0.688rem;
	}

	.main-nav-level1 > li > a:before {
		margin: 0 -0.688rem;
	}

	.main-nav .has-children ul {
		padding-top: 1.5rem;
		padding-bottom: 1.625rem;
	}

	.main-nav .has-children ul a {
		padding-left: 2.5rem;
		padding-right: 1.375rem;
	}

	.main-nav .has-children ul a:before {
		left: 1.375rem;
	}


	.site-search {
		width: 18.625rem;
	}

	.secondary-nav li:last-child {
		margin-right: -0.563rem;
	}

	.secondary-nav a {
		margin-left: 0.563rem;
		margin-right: 0.563rem;
	}

	.secondary-nav a:before {
		margin-left: -0.563rem;
		margin-right: -0.563rem;
	}




	/* --- pageheader --- */
	.page-header {
		border-bottom: none;
		box-shadow: none;
		margin-bottom: 0;
	}
	.home .page-header {
		margin-bottom: 3.75rem;
	}

	.page-header .item {
		width: 100%;
	}
	.page-header .img-item {
		width: 50%;
		padding-bottom: 43.099%;
	}
	.page-header .std-item {
		padding: 3rem 9.114% 3.375rem;
	}

	.page-header .std-item p {
		line-height: 1.167em;
		font-size: 1.875rem;
	}

	/* sticker */
	.sticker {
		right: 3.906%;
		top: 0;
		bottom: auto;
		margin-top: 43.099%;
	}

	.sticker-wrapper {
		position: relative;
		clear: both;
	}

	.sticker-wrapper .sticker {
		top: -7rem;
	}

	.sticker a {
		-ms-transform: translateY(-50%) rotate(-10deg);
		-webkit-transform: translateY(-50%) rotate(-10deg);
		transform: translateY(-50%) rotate(-10deg);
		width: 6.125rem;
		height: 6.125rem;
		font-size: 1rem;
	}

	/* --- breadcrumb --- */
	.breadcrumb:not(.breadcrumb-mobile) {
		display: none;
	}

	.breadcrumb-mobile {
		display: block;
		width: 88.702%;
		margin-left: 5.649%;
		margin-right: 5.649%;
		padding: 0 3.672%;
	}


	/* --- sub-nav --- */
	.sub-nav {
		/*width: 27.824%;*/
		width: auto;
		float: none;
		margin: 0 -4.237%;
		border-bottom: solid 1px #e0ded8;
	}

	.sub-nav h2 {
		margin: 0;
	}

	.sub-nav h2:after {
		display: none;
	}

	.sub-nav h2 a {
		text-align: center;
		padding: 0.938rem 0;
		transition: color 0.2s;
	}
	.nav.sub-nav h2 a:focus, .nav.sub-nav h2 a:hover {
		color: #4a3c31;
	}

	.sub-nav h2 a:before,
	.wrapper .sub-nav .icon:before {
		content: "Menu ";
		font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
		font-size: 1.25rem;
		line-height: 1.875rem;
		margin: 0;
		position: static;
	}

	.sub-nav h2 a:after {
		font-family: 'vivium-icons';
		line-height: 1;
		speak: none;
		content: "\e90b";
		font-size: 0.938rem;
		text-align: left;
		display: inline-block;
		margin: 0 0 0 12px;
		width: 18px;
	}
	.js-tmp .sub-nav h2 a:after, .sub-nav.js-collapsed h2 a:after {
		content: "\e90a";
	}



	.sub-nav > ul {
		padding: 0 12.5%;
		margin: 0.313rem 0 3.125rem;
		-moz-column-count: 2;
		-moz-column-gap: 0;
		-webkit-column-count: 2;
		-webkit-column-gap: 0;
		column-count: 2;
		column-gap: 0;
		transition: opacity 0.25s, margin 0.25s;
	}
	.js-tmp .sub-nav > ul, .sub-nav.js-collapsed > ul {
		opacity: 0;
		height: 0;
		overflow: hidden;
		margin: 0;
	}

	.sub-nav > ul > li {
		break-inside: avoid-column;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		display: table;
	}

	.sub-nav-back {
		padding: 0 12.5%;
		margin: -1rem 0 1rem;
	}
	.js-tmp .sub-nav .sub-nav-back, .sub-nav.js-collapsed .sub-nav-back {
		display: none;
	}


	.wrapper .main-content, .wrapper .secondary-content {
		/*width: 68.201%;
		float: right;*/
		width: 88.702%;
		margin-left: 5.649%;
		margin-right: 5.649%;
		padding: 0 3.672%;
		float: left;
	}

	/* --- main-content --- */
	.wrapper .main-content {
		margin-bottom: 2.063em;
	}


	/* --- secondary-content --- */
	.wrapper .secondary-content {
		/*width: 68.201%;*/
		border-top: solid 1px #e0ded8;
		margin-top: 0;
		margin-bottom: 3.75rem;
		padding-top: 3.75rem;
	}

	.secondary-content > .item {
		width: 46.875%;
	}
	.secondary-content > .item:nth-child(2) {
		margin-top: 0;
	}
	.secondary-content > .item:nth-child(even) {
		float: right;
		clear: right;
	}



	/* --- footer --- */

	/* - footer-contact - */
	.footer-contact-item {
		width: 49.011%;
	}

	/* - footer-sitemap - */
	.footer-sitemap .footer-sitemap-item {
		width: 30%;
		margin-left: 3%;
	}
	.footer-sitemap .footer-sitemap-item:nth-child(3n-2) {
		clear: left;
		margin-left: 0;
	}

	/* - footer-nav - */
	.footer-nav h2, .footer-nav ul {
		font-size: 0.875rem;
	}

	.footer-nav h2, .footer-nav li {
		margin-right: 20px;
	}

	.footer-nav a {
		margin: -1rem -10px;
		padding: 1rem 10px;
	}




	/* --- homepage --- */
	.page-header-slider {
		position: relative;
		padding-bottom: 0;
	}
	.page-header-slider > .wrapper {
		display: none;
	}

	/* force to show first slide */
	.swiper-wrapper {
		transform: none !important;
	}
	.page-header-slider .slide {
		display: none;
	}
	.page-header-slider .slide-1:not(.swiper-slide-duplicate) {
		display: block;
	}
	/* end - force to show first slide */


	.slide > .wrapper {
		padding: 0;
	}

	.page-header-slider .visual {
		position: relative;
		width: 100%;
		background-position: 50% 50%;
		padding-bottom: 49.969%;
	}

	.page-header-slider .slide-content {
		width: 100%;
		padding: 2.5rem 3.906% 2.25rem;
		font-size: 1.875rem;
	}

	.slide-content h2 {
		font-size: 1.875rem;
	}

	.slide-content p {
		margin-bottom: 1.25rem;
	}

	.page-header-slider .sticker {
		right: 10px;
	}

	.page-header-slider .swiper-wrapper .sticker {
		display: block;
		top: auto;
		bottom: 0;
	}

	.swiper-pagination {
		display: none !important;
	}

	/* home / services landingpage */
	.page-header-slider-home .slide-content {
		font-size: 1.25rem;
		padding-top: 1.375rem;
		padding-bottom: 2.25rem;
	}

	.page-header-slider-home .slide-content h2 {
		font-size: 2.5rem;
	}
	.page-header-slider-home .slide-content h2 span:first-child:before {
		font-size: 1.25rem;
		margin-right: 0.813rem;
	}

	.page-header-slider-home .slide-content h2 + p:before {
		font-size: 1.875rem;
		margin-top: -0.25rem;
	}

	/* visual-align-left */
	.page-header-slider .slide .visual-align-left + .slide-content {
		padding-left: 3.906%;
	}

	/* layout2 */
	.page-header-slider .slide-layout2 .slide-content {
		padding: 2.5rem 3.906% 2.25rem;
		font-size: 1.875rem;
	}

	.page-header-slider .slide-layout2 p {
		margin: 0 0 1.25rem;
	}


	/* main-content */
	.services-landingpage .main-content {
		margin: 3.75rem 0 2.063em;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	/* - main-entrance-block - */
	.main-entrance-block:nth-child(1n),
	.services-landingpage .main-entrance-block:nth-child(1n),
	.services-landingpage .sub-entrance-block:nth-child(1n) {
		width: 42.373%;
		margin-left: 3.389%;
		margin-right: 3.389%;
		clear: left;
	}

	.main-entrance-block:nth-child(even), .services-landingpage .main-entrance-block:nth-child(even),
	.services-landingpage .sub-entrance-block:nth-child(even) {
		float: right;
		clear: none
	}

	/* - sub-entrance-block - */
	.sub-entrance-block, .sub-entrance-block:nth-child(even) {
		width: 93.220%;
		margin-left: 3.389%;
		float: left;
	}
	.services-landingpage .sub-entrance-block:nth-child(1n) {
		padding-bottom: 42.373%;
	}
	.home .sub-entrance-block > :not(.visual) {
		min-width: 21rem;
	}


	/* - item-agn-nws - */
	.item-agn-nws {
		width: 100%;
		padding: 0;
	}

	.item-agn-nws + .item-agn-nws h2 {
		margin-top: -0.938rem;
	}

	.item-agn-nws li a {
		padding-left: 8.375rem;
	}

	.item-agn-nws li span {
		display: block;
	}

	/* - map-region - */
	.map-region h2 {
		margin: 0 0 2.938rem;
	}

	.map-interactive {
		margin: 0;
	}



	/* --- contact page --- */
	.item-contact .item:not(.style-2) {
		width: 50%;
	}
	.item-contact .item:not(.style-2):nth-child(odd) {
		clear: left;
	}

	/* do not show map */
	.map-region {
		display: none;
	}


} /* --- end mediaquery < 1000  --- */




/* --- < 760 --- mobile plus --- */
@media only screen and (max-width: 760px) {

	body.dev:before {background: #0ff;}
	body.dev:after {content: "mobile-xl/480-760";}


	/* --- header --- */
	.site-header {
		padding-top: 4.313rem;
	}


	/* --- site-logo --- */
	.site-logo {
		top: 0.875rem;
	}

	.site-logo img {
		width: 100px;
		height: 36px;
	}



	/* --- navigation --- */
	.toggle-nav {
		margin: 0;
		display: block;
	}

	.toggle-nav button {
		background: #69be28;
		display: block;
		float: none;
		margin: 0;
		font-size: 1.125rem;
		width: 100%;
		color: #fff;
		text-align: left;
		text-decoration: none;
		padding-top: 0.5rem;
		padding-bottom: 0.567rem;
		text-align: right;
		transition: color 0.2s;
	}
	.toggle-nav button:focus, .toggle-nav button:hover {
		color: rgba(255, 255, 255, 0.7);
	}

	.toggle-nav span {
		display: block;
		float: right;
		width: 18px;
		height: 16px;
		margin: 0.375rem 0 0 0.625rem;
	}

	.toggle-nav span:after {
		font-family: 'vivium-icons';
		line-height: 1;
		speak: none;
		content: "\e90a";
		font-size: 0.938rem;
		text-align: center;
		display: block;
	}
	.js-on .toggle-nav span:after {
		content: "\e90b";
	}
	.js-tmp .toggle-nav span:after, .toggle-nav.js-collapsed span:after {
		content: "\e90a";
	}




	.nav-wrapper {
		background: #fff;
		position: relative;
		top: 100%;
		width: 100%;
		z-index: 30;
		box-shadow: 0 3px 0 0 rgba(74,60,49,0.15);
	}
	.js-tmp .nav-wrapper, .js-on .nav-wrapper {
		position: absolute;
	}
	.js-tmp .nav-wrapper, .js-collapsed + .nav-wrapper {
		display: none;
	}

	.main-nav {
		position: relative;
		top: auto;
		left: auto;
		margin: 0;
		clear: both;
		border-top: none;
	}

	.main-nav .wrapper {
		padding: 0;
	}

	.main-nav-level1 > li {
		float: none;
		margin: 0;
		border-top: solid 1px #e0ded8;
	}
	.main-nav-level1 > li:first-child, .main-nav-level1 > li:last-child {
		margin: 0;
	}

	.main-nav-level1 > li > a {
		margin: 0;
		padding: 0.5rem 20px 0.625rem;
		font-size: 1.313rem;
	}

	.main-nav-level1 > li > a:before, .main-nav-level1 > li:hover > a:before {
		top: 0;
		bottom: 0;
		box-shadow: none;
		margin: 0;
	}

	.main-nav-level1 > .selected > a:after {
		border-radius: 50%;
		width: 0.375rem;
		height: 0.375rem;
		top: 50%;
		left: 7px;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: width 0.2s, height 0.2s, margin 0.2s;
	}
	.main-nav-level1 > .selected > a:hover:after {
		width: 0;
		margin: 0.188rem 0 0 0.188rem;
	}


	/* no sub-nav dropdowns */
	.main-nav .has-children ul {
		display: none;
	}



	.site-header > .wrapper {
		position: static;
		background: #e0ded8;
	}
	.js-tmp .site-header > .wrapper, .js-on .site-header > .wrapper {
		position: absolute;
		background: none;
	}

	.site-options {
		width: 100%;
		padding-bottom: 1rem;
	}
	.js-tmp .site-options, .js-on .site-options {
		width: auto;
		padding-bottom: 0;
	}

	/* -- site-search -- */
	.site-search {
		background: #fff;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		border: none;
		margin-bottom: 1rem;
		padding: 0.125rem 4rem 0.125rem 3.906%;
	}
	.js-tmp .site-search, .js-on .site-search {
		position: absolute;
		z-index: 15;
		border-bottom: solid 1px #e0ded8;
		border-radius: 0;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);
		margin-bottom: 0;
		border: none;
		border-top: solid 4.375rem #e0ded8;
		border-bottom: solid 1px #e0ded8;
	}
	.js-tmp .site-search, .site-search.js-collapsed {
		display: none;
	}

	.site-search [type=text] {
		padding-left: 0;
	}
	.site-search [type=submit] {
		right: 3.906%;
		margin-right: -0.938rem;
	}

	/* -- adjust-textsize -- */
	.adjust-textsize {
		float: left;
		margin-left: 0;
		margin-top: -5px;
	}

	.adjust-textsize span {
		font-size: 1.5rem;
	}

	.adjust-textsize button {
		font-size: 1.5rem;
	}

	/* -- read-out -- */
	.read-out {
		margin-left: 7px;
		margin-top: 0;
	}


	/* -- toggle site search button -- */
	.toggle-site-search {
		float: left;
		margin: 0 0 0 16px;
		display: none;
		position: relative;
		z-index: 20;
	}
	.js-tmp .toggle-site-search, .js-on .toggle-site-search {
		display: block;
	}

	.toggle-site-search button {
		margin: 0;
		width: 24px;
		padding: 3px 0 6px 5px;
		text-indent: -9999px;
	}

	.toggle-site-search button span {
		display: block;
		float: left;
	}

	.toggle-site-search button span:after {
		font-family: 'vivium-icons';
		line-height: 1;
		speak: none;
		font-size: 0.938rem;
		width: 18px;
		height: 17px;
		padding-left: 2px;
		text-indent: 0;
		content: "\e90b";
		display: block;
	}
	.js-tmp .site-search ~ .toggle-site-search button span:after,
	.site-search.js-collapsed ~ .toggle-site-search button span:after {
		content: "\e90d";
		font-size: 1.063rem;
		padding-left: 0;
	}



	.secondary-nav {
		float: none;
		position: static;
		top: auto;
		margin: 0;
	}

	.secondary-nav .wrapper {
		-moz-column-count: 3;
		-moz-column-gap: 0;
		-webkit-column-count: 3;
		-webkit-column-gap: 0;
		column-count: 3;
		column-gap: 0;
		padding: 0.5rem 20px 3.375rem;
		font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	}

	.secondary-nav ul {
		float: none;
	}

	.secondary-nav li {
		float: none;
		padding-right: 0.5rem;
	}
	.secondary-nav li:last-child {
		margin-right: 0;
	}

	.secondary-nav a {
		display: inline-block;
		margin: 0;
		padding: 0.563em 0;
	}
	.secondary-nav a:after {
		margin-top: -0.438rem;
	}



	/* --- breadcrumb --- */
	.breadcrumb {
		display: none;
	}


	/* --- pageheader --- */
	.page-header .std-item {
		padding: 2.5rem 7.292% 2.875rem;
	}

	.page-header .item p {

	}

	.sticker-wrapper .sticker {
		top: -7.5rem;
	}

	.page-header-slider .swiper-wrapper .sticker {
		bottom: .5rem;
	}

	.sticker-wrapper .sticker {
		right: 10px;
	}

	/* sticker */
	.sticker a {
		font-size: 0.938em;
		line-height: 1.385em;
		width: 5.375rem;
		height: 5.375rem;
	}



	/* --- secondary-content --- */
	.secondary-content > .item, .secondary-content > .item:nth-child(n) {
		width: 90%;
		margin: 0 auto 1.25rem;
		float: none;
	}
	.secondary-content .style-3 + .style-3, .secondary-content .style-3 + .style-4, .secondary-content .style-4 + .style-3, .secondary-content .style-4 + .style-4 {
		margin-top: 1.25rem;
	}



	/* --- footer --- */
	.footer-contact-item {
		width: 50%;
		margin: 2.188rem 0 1.5rem;
	}

	.footer-contact-item a {
		font-size: 1.125rem;
		width: 150px;
		padding: 1rem 0;
	}

	.footer-contact-phone a:before {
		font-size: 3.750rem;
		margin-bottom: 22px;
	}
	.footer-contact-question a:before {
		font-size: 3.125rem;
		margin-top: 5px;
		margin-bottom: 28px;
	}



	/* - footer-sitemap - */
	.footer-sitemap .footer-sitemap-item:nth-child(n) {
		width: 48%;
		margin-left: 4%;
		clear: none;
	}
	.footer-sitemap .footer-sitemap-item:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}

	/* - footer-nac - */
	.footer-nav {
		padding-bottom: 29px;
	}

	.footer-nav .wrapper {
		position: relative;
	}

	.footer-nav h2 {
		clear: both;
		margin: 2.375rem 0 1.438rem;
	}

	.footer-nav ul {
		width: 100%;
	}

	.footer-nav li {
		margin: 0 20px 0 0;
	}

	.footer-nav a {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0.188rem;
		padding-bottom: 0.188rem;
	}

	.footer-nav .social-media {
		position: absolute;
		top: 2.375rem;
		right: 3.306%;
		width: auto;
	}


	/* --- page-header --- */
	.page-header {
		margin-top: 0;
	}

	.slide-content p {
		margin-bottom: 1.125rem;
	}


	/* --- homepage --- */
	.home .sub-entrance-block > :not(.visual) {
		min-width: 21.5rem;
	}

	/* - map-region - */
	.map-region {
		padding-top: 1.375rem;
		padding-bottom: 2.5rem;
	}

	.map-region h2 {
		margin: 0 0 1.25rem;
	}

	.map-region ul {
		position: static;
		top: auto;
		right: auto;
		margin: 0 0 2.125rem;
	}


	/* --- contact page --- */
	.item-contact .item:not(.style-2) {
		width: 100%;
		padding-right: 0;
	}

	.item-contact-icon h2, .item-contact-icon .style-2 {
		padding-left: 3.5rem;
	}

	.item-contact-icon h2:before {
		font-size: 2.5rem;
		width: 2.5rem;
		top: 2.067rem;
	}


	/* --- matrix --- */
	.matrix thead td {
		padding: 0 0.25rem;
	}


} /* --- end mediaquery < 760  --- */



/* --- < 640 --- mobile --- */
@media only screen and (max-width: 640px) {

	/* -- fot - image gallery -- */
	.fot-item.item {
		width: 48%;
		padding-bottom: 48%;
	}

	/* -- forms -- */
	.frm-item:not(.anti-spam) > label, .frm-item > .label {
		width: 100%;
		margin-right: 0;
		padding: 0.25rem 0;
	}
	.frm-item label br, .frm-item .label br {
		display: none;
	}

	.frm-item input, .frm-item textarea {
		max-width: 100%;
	}

	.frm-date-item select, .frm-time-item select {
		margin-top: 0;
	}

	.frm-options, .select-wrapper, .frm-field {
		width: 100%;
	}
	.frm-options {
		padding-top: 0;
	}


	/* --- homepage / serviespage --- */

	/* - main-entrance-block - */
	.main-entrance-block:nth-child(1n),
	.services-landingpage .main-entrance-block:nth-child(1n),
	.services-landingpage .sub-entrance-block:nth-child(1n) {
		width: 48%;
		margin-left: 0;
		margin-right: 0;
	}

	/* - sub-entrance-block - */
	.sub-entrance-block, .sub-entrance-block:nth-child(even) {
		width: 100%;
		margin-left: 0;
	}
	.services-landingpage .sub-entrance-block:nth-child(1n) {
		padding-bottom: 48%;
	}

	.sub-entrance-block:before {
		-ms-transform: translate(-50%, 20%);
		-webkit-transform: translate(-50%, 20%);
		transform: translate(-50%, 20%);
	}
	.sub-entrance-block > :not(.visual) {
		width: 52%;
	}
	.sub-entrance-block .visual {
		width: 48%;
	}

	/* --- modules --- */

	/* - rating-matrix - */
	.rating-matrix {
		width: 100%;
	}
	.rating-matrix thead {
		display: none;
	}

	.rating-matrix tbody tr,
	.rating-matrix tbody th {
		display: block;
		width: 100%;
		float: left;
	}

	.rating-matrix tbody th {
		font-weight: bold;
	}

	.rating-matrix tbody td {
		width: 20%;
		padding: 0 4px 0 0;
	}
	.rating-matrix tbody td:before {
		content: attr(data-column-title);
		display: block;
	}


	/* - services-calendar - */
	.services-calendar td {
		width: 50%;
		padding-bottom: 0.25rem;
	}

} /* --- end mediaquery < 640  --- */



/* --- < 559 --- mobile --- */
@media only screen and (max-width: 559px) {

	/* --- homepage / services landingpage --- */
	.entrance-blocks .wrapper,
	.services-landingpage .main-content {
		max-width: 410px;
	}
	.services-landingpage .main-content {
		padding-left: 3.906%;
		padding-right: 3.906%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	/* - main-entrance-block - */
	.main-entrance-block, .main-entrance-block:nth-child(n),
	.sub-entrance-block, .sub-entrance-block:nth-child(even),
	.services-landingpage .main-entrance-block:nth-child(n),
	.services-landingpage .sub-entrance-block:nth-child(n) {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.main-entrance-block h2, .entrance-block .button {
		overflow: visible;
		white-space: normal;
	}



	/* - sub-entrance-block - */
	.sub-entrance-block, .services-landingpage .sub-entrance-block:nth-child(n) {
		padding-bottom: 100%;
	}
	.sub-entrance-block > *:not(.visual),
	.home .sub-entrance-block > :not(.visual) {
		width: 100%;
		min-width: 0;
	}

	.sub-entrance-block:before {
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.sub-entrance-block .visual {
		display: none;
	}

	/* interactive map */
	.map-item-handle {
		width: 1rem;
		height: 1rem;
		font-size: 0.75rem;
		line-height: 1rem;
	}

} /* --- end mediaquery < 559  --- */



/* --- < 419 --- mobile --- */
@media only screen and (max-width: 419px) {

	body.dev:before {background: #ff0;}
	body.dev:after {content: "mobile-s/320-419";}



	/* --- wrapper --- */
	.wrapper {
		padding-left: 3.125%;
		padding-right: 3.125%;
	}

	body {
		font-size: 0.875rem;
	}


	h1 {
		font-size: 1.5rem;
		line-height: 1.5em;
		margin: 1.875rem 0 1.188rem;
	}
	.landingpage .main-content h1 {
		font-size: 2rem;
	}
	.no-sub-nav .wrapper > h1 {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	.landingpage .main-content h1:before {
		font-size: 1rem;
		margin-right: 0.5rem;
	}

	h2, .style-2, .style-5 a, .footer-sitemap h2, legend {
		font-size: 1.125rem;
	}
	h2 {
		margin-bottom: 0.375rem;
	}

	.style-2 p {
		margin-bottom: 1.75rem;
	}
	.style-2 p + p {
		margin-top: 0;
	}

	.style-5 {
		margin: 1.567rem 0 1.5rem;
	}
	.style-5:last-child {
		margin-bottom: 1.567rem;
	}


	body:not(.services-landingpage) .wrapper .main-content, .wrapper .secondary-content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.wrapper .main-content {
		margin-bottom: 1.25rem;
	}

	.wrapper .secondary-content {
		padding-top: 2.813rem;
		margin-bottom: 2.813rem;
	}

	.secondary-content > .item, .secondary-content > .item:nth-child(n) {
		width: 90%;
	}


	/* --- navigation --- */
	.main-nav {

	}
	.secondary-nav .wrapper {
		font-size: 1rem;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	/* -- site-search -- */
	.site-search {
		padding: 0.25rem 3rem 0.25rem 3.125%;
	}

	.site-search [type=text] {
		font-size: 0.875rem;
	}

	.site-search [type=submit] {
		right: 0;
		margin: 0 3.125% 0 0;
	}

	.site-search [type="submit"] span {
		left: auto;
	}


	/* --- page-header --- */
	.page-header .item p {
		font-size: 1.5rem;
	}

	.sticker a {
		font-size: 0.813rem;
		line-height: 1.385em;
		width: 4.5rem;
		height: 4.5rem;
	}


	/* --- sub-nav --- */
	.sub-nav {
		margin-left: -3.333%;
		margin-right: -3.333%;
		padding-left: 3.333%;
		padding-right: 3.333%;
	}

	.sub-nav h2 a {
		padding: 0.5rem 0 0.625rem;
	}

	.sub-nav h2 a:after {
		margin: 0 0 -2px 10px;
	}

	.sub-nav > ul {
		padding: 0;
		margin: 0.188rem 0 2.313rem;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}

	.sub-nav > ul > li {
		padding-right: 0;
	}

	.sub-nav li a:before {
		top: 0.567rem;
	}

	.sub-nav-back {
		padding: 0;
	}

	.sub-nav-back .button-secondary {
		font-size: 0.875rem;
	}

	/* --- footer --- */

	/* - footer-sitemap - */
	.footer-sitemap .footer-sitemap-item:nth-child(n) {
		width: auto;
		float: none;
		margin-left: 0;
	}

	.footer-contact-item {
		margin-top: 1.818rem;
	}

	.footer-sitemap h2:before {
		font-size: 1.875rem;
	}

	.footer-nav .social-media {
		right: 3.125%;
	}


	/* --- sticker --- */
	.sticker-wrapper .sticker {
		top: -25vw;
	}

	.page-header .sticker a {
		font-size: 3.75vw;
		width: 23.333vw;
		height: 23.333vw;
	}

	/* --- page-header-slider --- */
	.page-header-slider .wrapper {
		padding-left: 3.125%;
		padding-right: 3.125%;
	}

	.slide > .wrapper {
		padding: 0;
	}

	.page-header-slider .slide-content, .page-header-slider .slide .visual-align-left + .slide-content {
		padding: 2.25rem 3.125% 1.25rem;
	}
	.page-header-slider .slide-content {
		font-size: 1.5rem;
	}

	.slide-content h2 {
		font-size: 1.5rem;
	}

	.slide-content h2 span:first-child:before {
		font-size: 3.75vw;
		margin: 0 2.5vw 0.31vw 2px;
	}

	.slide-content p {
		margin-bottom: 1.125rem;
	}

	.slide-content h2 + p:before {
		font-size: 1.75rem;
	}


	/* layout2 */
	.page-header-slider .slide-layout2 .slide-content {
		padding: 2.25rem 3.125% 1.25rem;
	}

	.page-header-slider .slide-layout2 p {
		font-size: 1.5rem;
	}


	/* - home - */
	.home .page-header-slider-home {
		padding-bottom: 0.625rem;
	}

	.page-header-slider-home .slide-content {
		padding: 1.5rem 3.125% 1.875rem;
		font-size: 1.125rem;
	}

	.page-header-slider-home .slide-content h2 {
		font-size: 7.5vw;
		line-height: 9.375vw;
	}

	.page-header-slider-home .slide-content h2 span:first-child:before {
		font-size: 3.75vw;
		margin: 0 2.5vw 0.31vw 2px;
	}

	.page-header-slider-home .slide-content h2 + p:before {
		font-size: 1.75rem;
	}


	/* --- homepage --- */
	.home .page-header {
		margin-bottom: 0;
	}

	/* - main-entrance-blocks - */
	.main-entrance-block, .sub-entrance-block {
		margin-bottom: 0.625rem;
	}

	.main-entrance-block h2 {
		margin-bottom: 1.875rem;
	}

	.main-entrance-block .visual {
		display: none;
	}

	.sub-entrance-blocks {
		padding-bottom: 1.875rem;
	}

	/* - item-agn-nws - */
	.item-agn-nws li a {
		padding-left: 0;
	}

	.item-agn-nws li span {
		display: none;
	}


	/* interactive map */
	.map-item-handle {
		width: 0.875rem;
		height: 0.875rem;
		font-size: 0.625rem;
		line-height: 0.875rem;
	}

	.map-item-content {
		border-radius: 16px;
		padding: 16px;
		width: 14rem;
		max-width: 300px;
		font-size: 1rem;
	}
	.map-item-content h3 {
		font-size: 1rem;
	}
	.map-item-content h3:before {
		font-size: 1.25rem;
		top: 0;
	}
	.map-item-content h3:after {
		font-size: 1.125rem;
	}

	.map-item-content p:last-child {
		margin-top: 2rem;
	}

	.map-item-content .button {
		font-size: 1rem;
		padding-left: 12px;
		padding-right: 12px;
	}



	/* --- contact page --- */
	.item-contact {
		padding-bottom: 1.75rem;
		margin-top: 0;
	}

	.item-contact h2 {
		font-size: 1.5rem;
		padding-top: 1.5rem;
	}
	.item-contact-icon h2 {
		padding-left: 2.5rem;
	}
	.item-contact-icon .style-2 {
		padding-left: 0;
		padding-top: 0.25rem;
	}

	.item-contact-icon h2:before {
		font-size: 1.5rem;
		width: 1.5rem;
		top: 1.875rem;
	}
	.item-contact h2:after {
		font-size: 0.688rem;
		top: 2.5rem;
	}
	.js-tmp .item-contact h2:after, .item-contact.js-collapsed h2:after {
		font-size: 0.813rem;
		top: 2.375rem;
	}

	.item-contact .style-2 {
		font-size: 1rem;
		letter-spacing: 0;
	}


} /* --- end mediaquery < 479  --- */



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

	/* -- mtx - matrix -- */
	.matrix th:not(.category) {
		font-size: 0.75rem;
	}

	/* interactive map */
	.map-item-handle {
		width: 0.75rem;
		height: 0.75rem;
		font-size: 0.5rem;
		line-height: 0.75rem;
	}

} /* --- end mediaquery < 360  --- */


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

	/* -- site-search --- */
	.site-search [type="submit"] span {

	}

	/* --- homepage --- */
	.page-header-slider-home .slide-content {
		font-size: 1.125rem;
	}

	.page-header-slider-home .slide-content h2 {
		font-size: 1.5rem;
		line-height: 1.25em;
	}

	.page-header-slider-home .slide-content h2 span:first-child:before {
		font-size: 0.75rem;
		margin: 0 0.625rem 0.067rem 2px;
	}

} /* --- end mediaquery < 320  --- */



/* --- color defenitions for site parts  --- */

/* .clr1 = default */

/* - clr2 - */
.clr2 h1, .clr2 h2, .clr2 .breadcrumb li:last-child, .clr2 .sub-nav h2 a, .clr2 .style-2, .clr2 .style-5 a:before, .clr2 p a, .clr2 h2 a {
	color: #008b95;
}
.clr2 .style-5 a, .clr2 .style-5 a {
	border-color: #008b95;
}
.clr2 .style-5 a:focus, .clr2 .style-5 a:hover {
	background-color: #008b95;
}

/* - clr3 - */
.clr3 h1, .clr3 h2, .clr3 .breadcrumb li:last-child, .clr3 .sub-nav h2 a, .clr3 .style-2, .clr3 .style-5 a:before, .clr3 p a, .clr3 h2 a {
	color: #0066a1;
}
.clr3 .style-5 a, .clr3 .style-5 a {
	border-color: #0066a1;
}
.clr3 .style-5 a:focus, .clr3 .style-5 a:hover {
	background-color: #0066a1;
}

/* - clr4 - */
.clr4 h1, .clr4 h2, .clr4 .breadcrumb li:last-child, .clr4 .sub-nav h2 a, .clr4 .style-2, .clr4 .style-5 a:before, .clr4 p a, .clr4 h2 a {
	color: #00257a;
}
.clr4 .style-5 a, .clr4 .style-5 a {
	border-color: #00257a;
}
.clr4 .style-5 a:focus, .clr4 .style-5 a:hover {
	background-color: #00257a;
}

/* - clr5 - */
.clr5 h1, .clr5 h2, .clr5 .breadcrumb li:last-child, .clr5 .sub-nav h2 a, .clr5 .style-2, .clr5 .style-5 a:before, .clr5 p a, .clr5 h2 a {
	color: #009b74;
}
.clr5 .style-5 a, .clr5 .style-5 a {
	border-color: #009b74;
}
.clr5 .style-5 a:focus, .clr5 .style-5 a:hover {
	background-color: #009b74;
}





/* --- textsize adjustment --- */
/*
	1=xsmall | 2=small | 3=medium | 4=large | 5=xlarge || max=5
*/

.fs-1 {
	font-size: 0.75em;
}
.fs-2 {
	font-size: 0.875em;
}
/* default
.fs-3 {
	font-size: 1em;
}
*/
.fs-4 {
	font-size: 1.125em;
}
.fs-5 {
	font-size: 1.25em;
}

/* --- < 479 --- mobile text sizes --- */
@media only screen and (max-width: 479px) {

	.fs-1 {
		font-size: 0.857em;
	}
	.fs-2 {
		font-size: 0.929em;
	}
	/* default
	.fs-3 {
		font-size: 0.875em;
	}
	*/
	.fs-4 {
		font-size: 1.143em;
	}
	.fs-5 {
		font-size: 1.286em;
	}

}

/* sticker */
.sticker {
	position: absolute;
	bottom: 0;
	right: 54px;
	margin: 0;
}

.sticker a {
	background: #a1006b;
	border: solid 0.188rem #a1006b;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	width: 7rem;
	height: 7rem;
	font-size: 1.125rem;
	-ms-transform: translateY(50%) rotate(-10deg);
	-webkit-transform: translateY(50%) rotate(-10deg);
	transform: translateY(50%) rotate(-10deg);
	color: #fff !important;
	display: table-cell;
	vertical-align: middle;
	transition: background 0.2s, color 0.2s;
	text-decoration: none;
}
.sticker a:focus, .sticker :hover {
	background: #fff;
	color: #a1006b !important;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* min and max disabled look */
.fs-1 .button-text-decrease, .fs-1 .button-text-decrease:focus, .fs-1 .button-text-decrease:hover,
.fs-5 .button-text-increase, .fs-5 .button-text-increase:focus, .fs-5 .button-text-increase:hover {
	opacity: 0.25;
	cursor: default;
}


/* Woonz */
body.woonz {
	overflow: hidden;
}

.woonz .page-header + .wrapper {
	padding-left: 0;
	padding-right: 0;
}

/* --- sub-nav --- */
.woonz .sub-nav {
	/*width: 27.824%;*/
	width: auto;
	float: none;
	margin: -3.75rem 0 0;
	border-bottom: solid 1px #e0ded8;
}

.woonz .sub-nav::after {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	border-bottom: solid 1px #e0ded8;
}

.woonz .sub-nav h2 {
	margin: 0;
}

.woonz .sub-nav h2:after {
	display: none;
}

.woonz .sub-nav h2 a {
	text-align: center;
	padding: 0.938rem 0;
	transition: color 0.2s;
}
.woonz .nav.sub-nav h2 a:focus, .woonz .nav.sub-nav h2 a:hover {
	color: #4a3c31;
}

.woonz .sub-nav h2 a:before,
.woonz .wrapper .sub-nav .icon:before {
	content: "Menu ";
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif;
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin: 0;
	position: static;
}

.woonz .sub-nav h2 a:after {
	font-family: 'vivium-icons';
	line-height: 1;
	speak: none;
	content: "\e90b";
	font-size: 0.938rem;
	text-align: left;
	display: inline-block;
	margin: 0 0 0 12px;
	width: 18px;
}
.js-tmp .woonz .sub-nav h2 a:after, .woonz .sub-nav.js-collapsed h2 a:after {
	content: "\e90a";
}



.woonz .sub-nav > ul {
	padding: 0 12.5%;
	margin: 0.313rem 0 3.125rem;
	-moz-column-count: 2;
	-moz-column-gap: 0;
	-webkit-column-count: 2;
	-webkit-column-gap: 0;
	column-count: 2;
	column-gap: 0;
	transition: opacity 0.25s, margin 0.25s;
}
.js-tmp .woonz .sub-nav > ul, .woonz .sub-nav.js-collapsed > ul {
	opacity: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
}

.woonz .sub-nav > ul > li {
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	display: table;
}

.woonz .sub-nav-back {
	padding: 0 12.5%;
	margin: -1rem 0 1rem;
}
.js-tmp .woonz .sub-nav .sub-nav-back, .woonz .sub-nav.js-collapsed .sub-nav-back {
	display: none;
}

.woonz .main-content {
	width: 100%;
	margin: 0;
	padding: 0;
}

.woonz-container {
	overflow: hidden;
	width: 100%;
	/*height: 0;*/
}

.woonz-container iframe {
	/*overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;*/
	width: 100%;
	height: 1550px;
	border: 0;
}


/* --- helper classes --- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

/* --- Interactive map on homepage --- */
polygon.region:hover.yellow-dark,
g.region:hover.yellow-dark > path {     fill: #e2f22c !important;}
g.region:hover.green-light > path {     fill: #99e64f !important;}
g.region:hover.green-medium > path {    fill: #47dc5c !important;}
g.region:hover.green-medium2 > path {   fill: #00d795 !important;}
g.region:hover.green-dark > path {      fill: #00cdb2 !important;}
polygon.region:hover.grey,
g.region:hover.grey > path {			fill: #cfcfcf !important;}

path.location:hover.dot-blue,
g.location:hover.dot-blue path {        fill: #0e97ff !important;}
path.location:hover.dot-pink,
g.location:hover.dot-pink path {        fill: #ec089f !important;}
g.location:hover.dot-blue-light path {  fill: #00bbff !important;}
g.location:hover.dot-grey path {        fill: #ddcfc4 !important;}

.location-name tspan,
.location-name {
	pointer-events: none;
	font-family: 'Typ1451Bold', Arial, Helvetica, 'Liberation Sans', sans-serif !important;
	font-size: 13px !important;
}

.overview .article .text-body a:hover, a:active { outline: 0; }

div.accordion .accordionTitle {
	margin-bottom: 0.5em;
}

div.accordion .readMore {
	margin-bottom: 0.5em;
	text-decoration: underline;
	display: inline-block;
}

div.accordion .readMore:hover {
	text-decoration: underline;
	cursor: pointer;
}

div.accordion .accordionContent {
	margin-bottom: 1em;
}

div.accordion .accordionContent.show {
	display: inherit;
}

div.accordion .accordionContent.hide {
	display: none;
}

div.accordion .accordionTitle {
	cursor: pointer;
}

div.accordion .accordionTitle::before {
	font-family: 'vivium-icons';
	line-height: 0.563rem;
	font-size: 0.563rem;
	margin-right: 1em;
	cursor: pointer;
}

div.accordion .accordionTitle.closed::before {
	content: "\e90e";
}
div.accordion .accordionTitle.open::before {
	content: "\e910";
}

.popup-overlay {
	visibility: hidden;
	position: absolute;
	background: #ffffff;
	border: 3px solid #666666;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	top: 15%;
	z-index: 3;
	padding: 1em;
}

.popup-overlay.popup-active {
	visibility: visible;
}

.popup-content {
	visibility: hidden;
}

.popup-content.popup-active {
	visibility: visible;
}

.page-overlay-active {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

/**
 * Donation pages
 */
.donation-form h2 {
	margin-top: 0;
}

div.intervalSelection {
	margin-bottom: 1em;
}

div.amountInterval {
	margin-bottom: 1em;
}

div.amountSelection {
	display: none;
}

div.amountSelection.active {
	display: inline-block;
}

div.amountOther {
	text-align: right;
	width: 50%;
	display: inline-block;
	margin-left: 1em;
}

div.amountSelection > .form-radio {
	display: inline-block;
	margin-left: 1em;
}

div.amountSelection > .form-radio input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

div.paymentType {
	display: none;
}

div.paymentType.active {
	display: block;
}

div.paymentLocation {
	margin-bottom: 1em;
}

div.accept-collection {
	display: none;
}

div.accept-collection.active {
	display: block
}

div.amountSelection > .form-radio label {
	display: inline-block;
	background-color: #ddd;
	font-family: sans-serif, Arial;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	text-align: center;
	padding: 0 0.5em;
}

div.amountSelection > .form-radio label:before {
	content: '€';
}

div.amountSelection > .form-radio input[type="radio"]:checked + label {
	background-color: #69be28;
	color: white;
}
div.amountSelection > .form-radio label:hover {
	background-color: #dfd;
}

div.userDataSalutation {
	margin-bottom: 1em;
}

div.paymentInfo {
	margin-bottom: 1em;
}

div.paymentMethod .form-radio,
div.userDataSalutation .form-radio {
	display: inline-block;
	margin-right: 2em;
}

div.paymentMethod .form-radio input,
div.userDataSalutation .form-radio input {
	margin-right: 0.5em;
}

div.paymentMethod {
	margin-bottom: 1em;
}

div.userDataName {
	margin-bottom:1em;
}
div.donation-prefix,
div.donation-initials {
	display: inline-block;
	width: 20%;
	margin-right: 1em;
}
div.donation-surname {
	display: inline-block;
	width: 40%;
}

div.userDataContact {
	margin-bottom:1em;
}
div.donation-email {
	display: inline-block;
	width: 40%;
}
div.donation-phone {
	display: inline-block;
	width: 40%;
}
div.userOptions {
	margin-bottom: 1em;
}

.donation-form .error {
	border-color: red;
}

.donation-form .notice {
	margin-bottom: 1em;
}