/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Basic
3.0 Forms
4.0 Basic layout
	4.1 Seach bar
	4.2 Intro
	4.3 Main content
	4.3 SEO content
	4.4 Footer
5.0 Navigation
	5.1 Main Navigation
	5.2 Breadcrumbs
	5.3 Pagination
	5.4 Footer Navigation
	5.5 Bottom Navigation
6.0 Homepage
	6.1 Featured
	6.2 Search
	6.3 Quicklinks
7.0 Overview page
	7.1 Teasers
	7.2 Category sidebar
8.0 Article page
	8.1 Search
	8.2 Sidebar
9.0 Custom pages
	9.1 Agenda
	9.2 Contact persons
	9.3 FAQ
	9.4 API
10.0 Media Queries
	10.1 Large desktop
	10.2 Portrait tablet to landscape and desktop
	10.3 Landscape phone to portrait tablet
	10.4 Landscape phones and down	
--------------------------------------------------------------*/
@import url('reset.css');
@import url('all.min.css');
@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,600i,700,700i&display=swap');

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
body {
	color: #858d9a;
    font: 400 18px/30px 'Montserrat', Arial, sans-serif;
    padding-top: 80px;
    position: relative;
	overflow-x: hidden !important;
	width: 100vw;
}
p {
	margin-bottom: 30px;	
}
#intro ul,
#intro ol,
#main-content ul,
#main-content ol,
#seo-content ul,
#seo-content ol {
	margin: 0 0 30px 70px;
}
#intro ol,
#main-content ol,
#seo-content ol {
	list-style-type: decimal;
}
#intro ol ul {
	margin-bottom: 0;
}
#intro ol li,
#main-content ol li,
#seo-content ol li { 
	padding-left: 13px; 
}
#intro ul li,
#main-content ul li,
#seo-content ul li { 
	background: url('../template/ul.png') no-repeat 0 8px;
	background-size: 13px;
	padding-left: 33px;
	margin-left: -20px;
}
h1,
h2,
h3 {
	color: #162b49;
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 30px;
}
h2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 20px;
}
h3 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}
#seo-content h2,
#seo-content h3 {
	color: #657b9a;
}
h4 {
	color: #86bc24;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 20px 5px;
}
h5 {
	color: #162b49;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
em {
	font-style: italic;
}
#intro a,
#main-content a,
#seo-content a {
	color: #858d9a;
	font-weight: 600;
	text-decoration: underline;
}
.button {
	background: linear-gradient(135deg, rgba(49,82,129,1) 0%, rgba(22,43,73,1) 100%); 
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	padding: 17px 30px;
	text-decoration: none !important;
}
.button .icon {
	margin-left: 20px;
}
.button:hover {
	background: #162b49;
}
.button:hover .icon {
	position: relative;
	right: -2px;
}
table,
.table {
	border: solid 1px #dbe1e8;
	color: #858d9a;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 30px;
}
table th,
.table th {
	border: none !important;
	padding: 30px 20px 15px 20px;
}
table th {
	color: #86bc24;
	font-weight: 700;
}
table td,
.table td {
	border: none;
	padding: 15px 20px;
}
tr:nth-child(odd){
	background: #f1f4f9;
}
thead tr {
	background: #fff !important;
}


/*--------------------------------------------------------------
2.0 Basic elements
--------------------------------------------------------------*/
.bg-wrapper {
	background: #e2e7ef;
}
.full-width {
	width: 100%;
}
.tooltip-inner {
	background: #162b49;
	border-radius: 0;
	line-height: 16px;
	padding: 10px;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #162b49;
}

/*--------------------------------------------------------------
3.0 Forms
--------------------------------------------------------------*/
#main-content form {
	border-bottom: solid 1px #eaf2dc;
	margin-bottom: 30px;
	padding-bottom: 25px;
}
.form-control {
	border-radius: 0;
	font-size: 16px;
	margin-bottom: 10px;
}
select.custom-select {
	background-color: #eef2f8;
	border-color: #eef2f8;
	font-weight: 600;
}
form .button {
	border: none;
	padding: 10px 15px;
}
.btn {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	   		border-radius: 0;
	font-weight: 700;
}
.question {
	font-weight: 700;
}
textarea {
	min-height: 120px;
}
.alert ul {
	margin: 0 0 0 20px !important;
}

/*--------------------------------------------------------------
4.0 Basic layout
--------------------------------------------------------------*/

/*------------------------------
4.1 Search bar
------------------------------*/
#search-bar {
	background: #86bc24;
	height: 48px;
	position: relative;
	z-index: 1;
}
#search-bar h4 {
	color: #b7e06c;
	font-size: 18px;
	font-weight: 700;
	margin: 11px 20px 0 0;
	line-height: 18px;
	position: relative
}
#search-bar h4:after {
	background: url('../template/arrow.png') no-repeat;
	background-size: 41px;
	bottom: -32px;
	content: '';
	display: block;
	height: 29px;
	position: absolute;
	right: -32px;
	width: 41px;
}
#search-bar h4 span {
	color: #fff;
}
#search-bar form {
	bottom: -65px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
	   -moz-box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
	   		box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
	position: absolute;
	width: calc(100% - 30px);
	background: #ededed;
}
#search-bar form a {
	color: #86bc24;
	padding: 5px 20px;
	font-size: 15px;
}
#search-bar .form-control {
	border: none;
	height: auto;
	margin-bottom: 0;
	padding: 12px 20px;
}
#search-bar .btn {
	background: #b7e06c;
	border-radius: 0;
	color: #fff;
	padding: 11px 20px;
	width: 100%;
	
}
#search-bar #extended {
	position: absolute;
	display: none;
    background: #ededed;
    width: 100%;
    padding: 5px 20px;
}

#search-bar #extended .form-check-label {
	font-size: 16px;
}

#search-bar #extended .form-check-input {
	margin-top: 0.5em;
}

/*------------------------------
4.2 Intro 
------------------------------*/
#intro {
	background: #eef2f8;
	position: relative;
}
#intro .content {
	padding: 0 0 45px 80px;
}
#intro:after {
	background: #eef2f8;
	bottom: 0;
	content: '';
	right: -2000px;
	position: absolute;
	top: 0;
	width: 2000px;
}
#intro .image {
    display: block;
    min-height: 500px;
    overflow: hidden;
	width: 100%;

}
#intro .image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}
#intro .date {
	display: block;
	color: #86bc24;
	font-weight: bold;
	margin-bottom: 20px;
}

/*------------------------------
4.3 Main content
------------------------------*/
#main-content {
	background: #fff;
	padding: 80px 70px 80px 0;
	position: relative;
}
#main-content:before {
	background: #e2e7ef;
	content: '';
	height: 20px;
	position: absolute;
	top: -20px;
	right: 0;
	width: 4000px;
}
#main-content .embed-responsive,
#main-content img {
	margin-bottom: 30px;
}
#main-content img {
	height: auto !important;
	max-width: 100% !important;
}

/*------------------------------
4.4 SEO content 
------------------------------*/
#seo-content {
	background: #eef2f8;
	padding: 45px 0 45px 0;
	position: relative;
}
#seo-content:after {
	background: #eef2f8;
	bottom: 0;
	content: '';
	right: -2000px;
	position: absolute;
	top: 0;
	width: 2000px;
}

/*------------------------------
4.5 Footer 
------------------------------*/
#footer {
	padding: 65px 0 40px 0;
}
#footer a {
	color: #858d9a;
}
#footer span {
	display: inline-block;
	margin: 0 0 10px 5px;
}

#footer #logo {
	position: relative;
}

#footer #logo span {
	width: 100%;
	font-size: 14px;
	position: relative;
	margin-top: -8px;
	margin-bottom: 4px;
	display: block;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*------------------------------
5.1 Main Navigation
------------------------------*/
#main-navigation {
	background: #fff;
	padding: 17px 50px;
	height: 80px;
}
#main-navigation .navbar-brand {
	padding: 10px 0;
}
#main-navigation ul {
	display: block;
	margin-bottom: 0;
	width: 100%;
}
#main-navigation li {
	display: inline-block;
	font-weight: 600;
	position: relative;
}
#main-navigation li a {
	color: #162b49;
}
#main-navigation li.active a {
	color: #86bc24;
}
#main-navigation li:hover > a {
	color: #858d9a;
}
#main-navigation ul ul {
	border: solid 1px #eef2f8;
	background: #fff;
	display: none;
	padding: 5px 0;
	position: absolute;
	min-width: 260px;
	left: 0;
	z-index: 1000;
}
#main-navigation ul li:hover > ul {
	display: block;
}
#main-navigation ul ul li {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
	width: 100%;
}
#main-navigation ul ul li a {
	padding: 3px 1rem;
}
#main-navigation ul ul ul {
	left: 100%;
	top: -1px;
}
#main-navigation ul ul ul li {
	font-size: 16px;
	line-height: 16px;
}
#main-navigation #open-search {
	color: #86bc24;
	font-size: 18px;
}

/*------------------------------
5.2 Breadcrumbs
------------------------------*/
#breadcrumbs {
	color: #86bc24;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	margin: 45px 0 30px 80px;
}
#search #breadcrumbs {
	margin-left: 0;
}
#breadcrumbs ul {
	margin: 0;
}
#breadcrumbs li {
	background: none !important;
	display: inline-block;
	padding: 0 !important;
	margin: 0 10px 0 0 !important;
}
#breadcrumbs li a {
	color: #86bc24;
	text-decoration: none;
}
#breadcrumbs li .home {
	font-size: 18px;
}
#breadcrumbs li .icon {
	color: #86bc24;
	font-size: 8px;
	left: 0;
	margin-left: 10px;
	position: relative;
	top: -2px;
}

/*------------------------------
5.3 Pagination
------------------------------*/
#pagination ul {
	margin: 0 !important;
}
#pagination li {
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
#pagination li .page-link {
	border-radius: 0;
	color: #858D98 !important;
	text-decoration: none;
}
#pagination li.active .page-link {
	background: #f1f4f9;
	border-color: #dee2e6;
	color: #86bc24 !important;
}

/*------------------------------
5.4 Footer Navigation
------------------------------*/
#footer-navigation {
	display: block;
	margin-bottom: 50px;
}
#footer-navigation ul {
	display: block;
	width: 100%;
}
#footer-navigation h5 {
	color: #86bc24;
}
#footer-navigation li {
	display: inline-block;
	font-weight: 600;
	margin: 0 30px 11px 0 ;
}
#footer-navigation li svg {
	margin-right: 5px;
	width: 6px;
}
#footer-navigation li a {
	color: #657b9a;
	padding: 0;
}

/*------------------------------
5.5 Bottom Navigation
------------------------------*/
#bottom-navigation {
	display: block;
	margin-top: 10px;
}
#bottom-navigation ul {
	display: block;
	width: 100%;
}
#bottom-navigation li {
	display: inline-block;
	font-size: 15px;
	margin-left: 35px;
}
#bottom-navigation li a {
	color: #657b9a;
}


/*--------------------------------------------------------------
6.0 Homepage
--------------------------------------------------------------*/

/*------------------------------
6.1 Featured
------------------------------*/
#featured {
	background: #eef2f8;
	padding: 65px 0 15px 0;
}
.featured-item {
	background: #fff;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.05);
	   -moz-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.05);
	   		box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.05);
	display: block;
	margin-bottom: 15px;
}
.featured-item:hover {
	text-decoration: none;
	margin: -5px 0 5px 0;
}
.featured-item .title {
	color: #fff;
	background: #162b49;
	padding: 35px 25px 25px 25px;
}
.featured-item .title.blue {
	background: #114273;
}
.featured-item .title.green {
	background: #86bc24;
}
.featured-item .title.gray {
	background: #858d9a;
}
.featured-item .title .icon {
	display: block;
	font-size: 36px;
	height: 44px;
}
.featured-item .title h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	margin: 15px 0 0 0;
}
.featured-item .content {
	min-height: 200px;
	padding: 25px;
}
.featured-item .content p {
	color: #526a8c;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 0;
}
.featured-item .read-more {
	color: #858d9a;
	font-size: 16px;
	line-height: 16px;
	padding: 22px 25px 30px 25px;
	position: relative;
}
.featured-item .read-more:before {
	background: #cdff71;
	content: '';
	height: 3px;
	left: 50%;
	margin-left: -25px;
	position: absolute;
	top: 0;
	width: 50px;
}

/*------------------------------
6.2 Search
------------------------------*/
#search {
	background: rgb(238,242,248);
	background: linear-gradient(350deg, rgba(255,255,255,1) 50%, rgba(238,242,248,1) 50%);
}
#search .icon {
	color: #114273;
	font-size: 160px;
	left: -140px;
	position: absolute;
	top: 60px;
	-webkit-transform: scaleX(-1);
	   -moz-transform: scaleX(-1);
			transform: scaleX(-1);
}
#search #search-form {
	background: #86bc24;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	   -moz-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	   		box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	padding: 55px 60px;
	position: relative;
	z-index: 1;
}
#search #search-form h4 {
	color: #b7e06c;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 30px;
}
#search #search-form h4 span {
	color: #fff;
}
#search #search-form form {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
	   -moz-box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
	   		box-shadow: 0px 10px 10px 0px rgba(22,43,73,0.1);
}
#search #search-form .form-control {
	border: none;
	height: auto;
	margin-bottom: 0;
	padding: 12px 20px;
	width: calc(100% - 3px);
}
#search #search-form .btn {
	background: #b7e06c;
	border-radius: 0;
	color: #fff;
	padding: 11px 20px;
	width: 100%;
	
}

/*------------------------------
6.3 Quicklinks
------------------------------*/
#quicklinks {
	border-bottom: solid 3px #eef2f8;
	padding: 70px 0;
}
.quicklink {
	display: block;
	margin-bottom: 15px;
	width: 100%;
	position: relative;
}
.quicklink h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	left: 40px;
	position: absolute;
	right: 40x;
	top: 40px;
	z-index: 2;
}
.quicklink .overlay {
	background: linear-gradient(0deg, rgba(22,43,73,0) 0%, rgba(22,43,73,0.75) 100%);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

/*--------------------------------------------------------------
7.0 Category page
--------------------------------------------------------------*/
#accordion.downloads {
	 width: 100%;
}
#accordion.downloads .teaser {
	margin: 30px 0 0 0;
}
#accordion.downloads .content {
	background: none;
}

/*------------------------------
7.1 Teasers
------------------------------*/
.overview .col-sm-4 {
	margin-bottom: 30px;
}
.overview .col-sm-4.with-label {
	margin-bottom: 60px;
}
.teaser {
	display: block;
	height: 100%;
	text-decoration: none !important;
}
.teaser .label {
	background: #e8eaed;
	color: #162b49;
	display: inline-block;
	font-weight: 700;
	margin-left: 1px;
	padding: 2px 10px;
}
.teaser:hover .label {
	background: linear-gradient(135deg, rgba(49,82,129,1) 0%, rgba(22,43,73,1) 100%); 
	color: #fff;
}
.teaser.even .label {
	background: #f3f8e9;
}
.teaser .content {
	border: solid 1px #dbe1e8;
	display: block;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	padding: 30px 60px 30px 30px;
}
.teaser:hover .content {
	background: #f1f4f9;
	border-color: #f3f8e9; 
}
.teaser .content h3 {
	color: #526a8c;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 20px !important;
	padding-bottom: 25px;
	position: relative;
}
.teaser .content h3 .icon {
	position: absolute;
	right: -30px;
	top: 0;
}
.teaser .content h3:after {
	background: #cdff71;
	bottom: 0;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	width: 50px;
}
.teaser .content .date {
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
}
.teaser .content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 0;
}
.teaser .content .pdf {
	color: #162b49;
	display: inline-block;
	font-size: 36px;
	margin-right: 12px;
	position: relative;
	top: 6px;
}
.teaser .content .icon {
	margin-left: 5px;
}
#accordion.downloads .teaser:hover,
.teaser.even:hover .label {
	background: linear-gradient(135deg, rgba(134,188,36,1) 0%, rgba(98,158,12,1) 100%); 
}
#accordion.downloads .teaser:hover h3,
#accordion.downloads .teaser:hover .content,
#accordion.downloads .teaser:hover .content .pdf {
	color: #fff !important;
}


/*--------------------------------------------------------------
8.0 Article page
--------------------------------------------------------------*/


/*------------------------------
8.1 Search
------------------------------*/
#search.page {
	background: linear-gradient(350deg, rgba(238,242,248,1) 50%, rgba(226,231,239,1) 50%);
	
}
#search.page #search-form {
	padding-bottom: 30px;
	padding-top: 50px;
}
#search.page #search-form .btn {
	background: #9ece48;
	border: none;
	border-radius: 0;
	color: #fff;
	padding: 11px 20px 14px 20px;
	width: auto;	
}
#search.page #search-form .btn.active {
	background: #b7e06c;
}
#search.page #search-form form {
	background: #b7e06c;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	   -moz-box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	   		box-shadow: 0px 10px 20px 0px rgba(22,43,73,0.1);
	margin-bottom: 30px;
	padding: 12px;
	position: relative;
	z-index: 1;
}
#search.page #search-form form p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
}
#search.page #search-form form .error {
	background: rgba(255,255,255,0.2);
	color: #fff;
	display: block;
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	padding: 10px 15px;
	margin-bottom: 10px;
}
#search.page #search-form form .form-group {
	margin-bottom: 10px;
}
#search.page #search-form .form-control {
	display: inline-block;
	width: 94%;
}
#search.page #search-form .tip {
	color: #fff;
	display: inline-block;
	padding-left: 10px;
	width: 5%;
}
#search.page #search-form .form-check-input {
	height: 16px;
	position: relative;
	width: 16px;
}
#search.page #search-form .form-check-label {
	color: #fff;
	font-size: 16px;
}
#search.page #search-form #search_processcertificate,
#search.page #search-form #search_personalcertificate {	
	background: #114273;
}
#main-content #search-results {
	border: solid 1px #dbe1e8;
	margin-top: 30px;
}
#main-content #search-results .search-result {
    color: #526a8c;
	display: block;
	padding: 15px 20px;
	text-decoration: none;
}
#main-content #search-results .search-result:nth-child(even) {
	background: #f1f4f9;
}
#main-content #search-results .search-result h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 30px 10px 0;
    position: relative;
}
#main-content #search-results .search-result h3:after {

    background: #cdff71;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;

}
#main-content #search-results .search-result h3 .icon {
    position: absolute;
    right: 0;
    top: 0;
}
#main-content #search-results .search-result .details span {
	color: #858d9a;
	font-size: 14px;
	margin-right: 10px;
}
#main-content #search-results .search-result a svg {
	width: 7px;
}
#map_general{
	margin-top: 87px;
}
.legenda {
	display: block;
	margin-top: 10px;
}
.legenda img {
	margin: 0 5px 10px 0;
}

/*------------------------------
8.2 Side content
------------------------------*/
#side-content {
	background: #eef2f8;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	height: 100%;
	padding: 50px 0 0 30px;
}
#side-content:after {
	background: #eef2f8;
	bottom: 0;
	content: '';
	right: -1985px;
	position: absolute;
	top: 0;
	width: 2000px;
}
#side-content a {
	color: #526a8c;
}
#side-content #related-content {
	margin-bottom: 45px;
}
#side-content #related-content ul {
	border-top: solid 1px #dbe1e8;
}
#side-content #related-content ul li {
	border-bottom: solid 1px #dbe1e8;
	position: relative;
	padding: 15px 40px 15px 5px;
}
#side-content #related-content ul li .icon {
	background: linear-gradient(0deg, rgba(22,43,73,1) 50%, rgba(90,124,173,1) 50%); 
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	   		border-radius: 50%;
	color: #fff;
	font-size: 14px;
	height: 25px;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 15px;
	width: 25px;
}
#side-content #related-content ul li:hover .icon {
	right: 3px;
}
#side-content #downloads {
	background: #fff;
	margin-left: -30px;
	padding: 40px 30px 5px 30px;
	position: relative;
}
#side-content #downloads:after {
	background: linear-gradient(45deg, rgba(217,223,232,1) 50%, rgba(238,242,248,1) 50%);
	content: '';
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;	
}
#side-content #downloads ul li {
	margin-bottom: 30px;
	padding-left: 40px;
	position: relative;
}
#side-content #downloads ul li .icon {
	color: #86bc24;
	font-size: 14px;
	left: 5px;
	position: absolute;
}
#side-content #downloads ul li:hover .icon {
	left: 7px;
}

/*--------------------------------------------------------------
9.0 Custom pages
--------------------------------------------------------------*/

/*------------------------------
9.1 Agenda
------------------------------*/
.agenda-item {
	background: #eef2f8;
	display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
	padding: 20px;
}
.agenda-item .label {
	display: flex;
}
.agenda-item .label .date {
	background: linear-gradient(135deg, rgba(131,186,34,1) 0%, rgba(101,160,14,1) 100%); 
	color: #fff;
	display: block;
	float: left;
	margin: -20px 0 -20px -20px;
	height: 90px;
	padding-top: 22px;
	width: 90px;
}
.agenda-item .label .date:nth-child(2) {
	margin-left: 0;
	position: relative;
}
.agenda-item .label .date:nth-child(2):before {
	background: #fff;
	content: '';
	height: 2px;
	left: -8px;
	position: absolute;
	top: 38px;
	width: 16px
}
.agenda-item .label .date .day {
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
}
.agenda-item .label .date .month {
	clear: both;
	display: block;
	font-size: 14px;
	line-height: 14px;
}
.agenda-item .title {
	flex-grow:1;
	font-size: 18px;
	margin-left: 20px;
	text-align: left;
}
.agenda-item .dates {
	font-size: 14px;
}

/*------------------------------
9.2 Contact persons
------------------------------*/
.contact-item img {
	border-radius: 50%;
}
.contact-item .name {
	color: #162b49;
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	margin: 20px 0 10px 0;
}
.contact-item .function {
	color: #86bc24;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin-bottom: 20px;
}
.contact-item .email {
	display: block;
}
.contact-item .email .icon {
	margin-right: 10px;
}

/*------------------------------
9.3 FAQ
------------------------------*/
#accordion h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 0;
}
#accordion h2 .btn {
	border-bottom: solid 1px #dbe1e8;
	color: #86bc24;
	display: block;
	font-size: 18px;
	padding: 23px 5px 23px 15px;
	position: relative;
	text-align: left;
	width: 100%;
}
#accordion h2 .btn .icon {
	background: #eef2f8;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	   		border-radius: 50%;
	color: #162b49;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 20px;
	padding: 11px;
	position: absolute;
	right: 5px;
	top: 15px;
	text-align: center;
	width: 40px;
}
#accordion h2 .btn.collapsed .icon {
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
			transform: rotate(-45deg);	
}
#accordion h3 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 0;
}
#accordion h3 .btn {
	border: solid 1px #dbe1e8;
	color: #526a8c;
	display: block;
	margin: -1px 1px 0 1px; 
	padding: 10px 45px 10px 15px;
	position: relative;
	text-align: left;
	width: 100%;
}
#accordion h3 .btn .icon {
	color: #86bc24;
	display: block;
	font-size: 14px;
	position: absolute;
	right: 21px;
	top: 12px;
}
#accordion .content {
	background: #f1f4f9;
	padding: 12px 15px;
}
#accordion .content p,
#accordion .content ul,
#accordion .content ol {
	color: #858d9a;
	font-size: 16px;
	line-height: 24px;
}
#accordion .content .button {
	background: linear-gradient(135deg, rgba(134,188,36,1) 0%, rgba(98,158,12,1) 100%); 
}

/*------------------------------
9.4 API
------------------------------*/
#personalcertificate {
	display: none;
}


/*--------------------------------------------------------------
10.0 Media Queries
--------------------------------------------------------------*/

/*------------------------------
10.1 Large desktop
------------------------------*/
@media (min-width: 1200px) { 
	
}

/*------------------------------
10.2 Portrait tablet to landscape and desktop
------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) { 
	.nav-link {
		padding: .5rem 10px;
	}
	.featured-item .title {
		min-height: 155px;
	}
	.featured-item .content {
		min-height: 266px;
	}
	.featured-item .read-more {
		min-height: 101px;
	}
}

/*------------------------------
10.3 Landscape phone to portrait tablet
------------------------------*/
@media (max-width: 767px) { 
	body {
		padding-top: 68px;
	}
	#intro ul, 
	#intro ol, 
	#main-content ul, 
	#main-content ol, 
	#seo-content ul, 
	#seo-content ol {
		margin-left: 20px;
	}
	.table,
	table {
		max-width: 100%;
	}
	#main-navigation {
		padding: 10px 0;
	}	
	#main-navigation .navbar-toggler {
		font-size: 28px;
	}
	#main-navigation #open-search {
		font-size: 22px;
		margin: 2px -20px 0 0;
	}
	#main-navigation ul {
		display: block;
		padding: 20px 0;
	}
	#main-navigation li {
		display: block;
		margin: 5px 0;
	}
	#main-navigation ul ul {
		border-left: none;
		border-right: none;
		left: 0 !important;
		padding: 0;
		position: relative !important;
	}
	#main-navigation ul ul ul {
		background: #eef2f8
	}
	#breadcrumbs {
		margin-left: 0;
	}
	#search-bar {
		display: none;
		position: fixed;
		height: 68px;
		width: 100%;
	}
	#search-bar form {
		bottom: 0;
		margin-top: 10px;
		position: relative;
		width: 100%;
	}
	#intro {
		padding: 0 15px;
	}
	#intro .image {
		min-height: 200px;
	}
	#intro .content {
		padding: 0 15px;
	}
	#intro:after,
	#side-content:after,
	#seo-content:after {
		display: none;
	}
	#featured {
		padding: 15px 0 0 0;
	}
	.featured-item .content {
		min-height: auto;
	}
	#search #search-form {
		padding: 20px;
	}
	
	#search.page #search-form {
		padding:20px;
	}
	#search.page #search-form form {
		margin: 0;
	}
	#map_general {
		margin: 0;
	}
	#quicklinks {
		padding: 15px 0 30px 0;
	}
	#footer {
		padding: 25px 0 0 0;
	}
	#footer #logo {
		margin-bottom: 20px;
		max-width: 80%;
	}
	#footer #logo.vvs {
		border-top: solid 3px #eef2f8;
		padding-top: 20px;
	}
	#footer span {
		font-size: 16px;
		margin-bottom: 0;
	}
	#footer-navigation ul {
		display: block;
	}
	#bottom-navigation {
		border-top: solid 3px #eef2f8;
		margin-top: 20px;
		padding-top: 10px;
		text-align: center;
	}
	#bottom-navigation ul {
		display: block;
	}
	#bottom-navigation li {
		font-size: 14px;
		margin: 0 10px 0 0;
	}
	#bottom-navigation li a {
		color: #858D97;
	}
	#main-content,
	#side-content,
	#seo-content {
		padding: 30px 15px;
	}
	#side-content {
		padding: 30px 15px;
	}
	.agenda-item .label .date {
		height: calc(100% + 40px);
		width: 60px;
	}
	.contact-item .name {
		margin-top: 10px;	
	}
	.teaser,
	.teaser .content {
		height: auto;
	}
	#search.page #search-form .form-control {
		width: 87%;
	}
}