.block .bundle > .field-title {
  line-height: 140%;
	display: block;
    width: 100%;
	font-size: 34px;
	font-weight: 400;
	color: var(--secondcolor);
}
.bundle .text{
	color: #000
}
.bundle .text a{
	text-decoration: underline;
}
.frontpage .block .bundle > .field-title {
  text-align: center;
    font-size: 2.5em;
    font-weight: 400;
    margin-top: 45px;
	font-family: var(--grand);
	color: var(--maincolor) !important;
}

.text-wrap .maincolor{
	font-size: 34px;
    color: var(--maincolor) !important;
    padding-bottom: 6px;
    margin-bottom: 26px;
    margin-top: 20px;
    display: block;
}
/*----------------------------------------------
------------------------------------------------
------------ Links bundle ----------------------------
------------------------------------------------
----------------------------------------------*/

.frontpage .field-files .link, .frontpage .field-links .link {
        padding: 8px 32px 8px;
    background: none;
    border: 2px solid var(--maincolor);
    font-size: 22px;
    font-weight: 700;
    color: var(--maincolor);
    border-radius: 30px;
    display: inline-block;
    margin: 1%;
    transition: ease-in-out 0.3s;
}
.frontpage .field-files .link:hover, .frontpage .field-links .link:hover {
    background: var(--maincolor);
    border: 2px solid var(--maincolor);
    color: white;
    transition: ease-in-out 0.3s;
}
.frontpage .field-files .link::before, .frontpage .field-links .link::before{
	content: none;
}
.frontpage .bundle-links a, .frontpage .bundle-shortcuts a {
    color: var(--maincolor);
    display: inline-block;
    font-weight: 700;
    padding: 0; 
    text-decoration: none;
    width: 100%; 
	transition: ease-in-out 0.3s;
}
.frontpage .bundle-links .link:hover a, .frontpage .bundle-shortcuts .link:hover a {
    color: white;
    transition: ease-in-out 0.3s;
}
.frontpage .field.field-links{
	text-align: center;
	max-width: 1000px;
    margin: -10px auto 30px;
}
.page .bundle .columns, .article .bundle .columns {
    border-spacing: 20px;
    display: flex;
    margin: 0;
    width: calc(100% + 20px);
    flex-wrap: wrap;
    gap: 40px;
}
.page .bundle .columns .shortcut-wrapper.descript, .article .bundle .columns .shortcut-wrapper.descript{
    display: table-cell;
    width: 1%;
    flex: 1 1 29%;
}

/*----------------------------------------------
------------------------------------------------
------------ media bundle ----------------------------
------------------------------------------------
----------------------------------------------*/
.bundle-media.center .field-media{
	text-align: center;
}
.bundle-media.left .field-media{
	text-align: left;
}
.bundle-media.right .field-media{
	text-align: right;
}
/*----------------------------------------------
------------------------------------------------
------------ Magazine bundle ----------------------------
------------------------------------------------
----------------------------------------------*/

.bundle-magazines{
	display: flex;
	gap: 4%;
	flex-wrap: wrap;
}
.bundle-magazines .bundle.bundle-magazine{
	margin-bottom: 1%;
	width: 48%;
	margin-top: 0px;
	position: relative;
}
.bundle-magazines .bundle.bundle-magazine a::after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
}
.bundle-magazines .bundle.bundle-magazine a{
	font-size: 0;
	color: transparent !important;
}
.bundle-magazines .bundle.bundle-magazine a:focus{
	position: inherit;
}
.bundle-magazines .bundle.bundle-magazine .icon-right:before{
	content: none;
}
.bundle-magazines .bundle.bundle-magazine .icon-right .file{
	background-image: none;
	min-height: unset;
}
/*----------------------------------------------
------------------------------------------------
------------ tekst bundle ----------------------------
------------------------------------------------
----------------------------------------------*/
.text-wrap table{
	width: 100% !important;
	background-color: #f7f7f7;
}
.text-wrap a, .product a{
	color: var(--maincolor);
	text-decoration: underline;
}
.bundle-text ul li:before {
    content: url("bullet.svg");
    display: inline-block;
    font-size: 12px;
    left: -22px;
    position: relative;
    top: -1px;
    width: 10px;
    margin-right: -10px;
}
.bundle-text ol li:before{
	content: none;
}
.bundle-text ol li:before, .bundle-text ul li p{
	display: inline-block;
}
.align-left {
    float: left;
	margin: 10px 20px 10px 0
}
.align-right {
    float: right;
	margin: 10px 0px 10px 20px
}
.caption > figcaption {
    display: table-caption;
    max-width: none;
    caption-side: bottom;
    padding: 5px 0;
    font-size: 80%;
    font-style: italic;
}
blockquote:after, blockquote:before {
    content: " " ";
}
blockquote {
    font-size: 1.4rem;
    font-weight: 300;
    margin-top: 1.333em;
    padding: 0 1em;
}
/*----------------------------------------------
------------------------------------------------
------------ accordeon bundle ----------------------------
------------------------------------------------
----------------------------------------------*/

.bundle-accordions .accordion.field .content-header {
    cursor: pointer;
    padding: 20px 70px 20px 0px;
    border: 0px solid;
    
    width: 100%;
    text-align: left;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
	background-color: transparent;
}
.bundle-accordions .accordion.field{
	border-bottom: 0px dashed var(--maincolor);
  border-radius: 24px;
  background-color: white;
  padding: 0px;
	overflow: hidden;
}
.bundle-accordions .accordion.field .content-header .field-title {
    font-size: 22px;
    margin: 0;
    padding: 0 8px;
    font-weight: 400;
	color:white;
}
.bundle-accordions .accordion.field .content-main {
    display: none;
    padding: 24px 24px;
	background-color: transparent;
}
.bundle-accordions .accordion.field .content-header{
	position: relative;
	background-color: var(--green);
  padding: 20px 20px;
}
.bundle-accordions .accordion.field .content-header:hover, .bundle-accordions .accordion.field .content-header.active{
	background-color: var(--darkgreen);
	color: white;
}
.bundle-accordions .accordion.field .content-header:hover h2 span{
	background-color: transparent;
	color: var(--maincolor);
}
.bundle-accordions .accordion.field .content-header:hover i, .bundle-accordions .accordion.field .content-header.active i{
	background-color: transparent;
	border: 2px solid var(--secondcolor);
}

.bundle-accordions .accordion.field .content-header i {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    left: auto;
    top: 50%;
    margin-top: -15px;
    border: 2px solid #888;
    border-radius: 30px 30px;
    -ms-transition: border-color 0.15s ease;
    transition: border-color 0.15s ease;
    -webkit-transition: border-color 0.15s ease;
}
.bundle-accordions .accordion.field .content-header i::before {
    content: ' ';
    top: 15px;
    left: 4px;
    margin-top: -2px;
    width: 14px;
    height: 2px;
    position: absolute;
    background-color: white;
    -ms-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    -webkit-transition: background-color 0.15s ease;
}
.bundle-accordions .accordion.field .content-header i::after {
    content: ' ';
    top: 7px;
    left: 16px;
    width: 2px;
    margin-left: -2px;
    height: 14px;
    position: absolute;
    background-color: white;
    -ms-transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    transition: transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}
.bundle-accordions .accordion.field .content-header.active i::after {
    -ms-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform: scale(1,0);
}
.bundle-accordions .accordion.field .content-header:hover i::before, .bundle-accordions .accordion.field .content-header:hover i::after, .bundle-accordions .accordion.field .content-header.active i::after , .bundle-accordions .accordion.field .content-header.active i::before {
	background-color: white;
}
.bundle-accordions .accordion.field .col-teaser-image img.lazy-loaded{display: block;}
.bundle-accordions .accordion.field .col-teaser-image{
	padding-right: 30px;
}
.bundle-accordions .col.va-top.hide-title figure{
	display: none;
}


/*----------------------------------------------
------------------------------------------------
------------ shortcut bundle ----------------------------
------------------------------------------------
----------------------------------------------*/

.svg-icon a, .svg-icon a:hover, .svg-icon a:focus{
	/*font-size: 0 !important;
	color: transparent !important;*/
}
.svg-icon a::after{
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}
.shortcut-wrapper.svg-icon a{
	padding-left: 20px !important;
}
.svg-icon img.lazy{
	display: block !important;
	max-width: 25px
}
.shortcut-wrapper.image img.lazy-loaded {
    display: block;
}
header .svg-icon img.lazy{
	display: block !important;
    width: 25px !important;
    height: 25px !important;
}
.svg-icon img + img.lazy{
	display: none !important;
}
header .bundle.bundle-shortcuts{gap: 0}
header .shortcut-wrapper.svg-icon {
    background: hsla(0,0%,75%,.05);
    border: 0px solid #f5f5f5;
    border-bottom: 0px solid #f5f5f5;
    border-radius: 4px;
    transition: all .4s;
    height: 25px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    margin-top: 10px !important;
    margin-bottom: 0px;
}
header .bundle-shortcuts .shortcut-wrapper.svg-icon a.shortcut-link {
    background: transparent;
    line-height: 0px;
    padding: 0;
    width: 100%;
}
.bundle.bundle-shortcuts{
	display: flex;
    gap: 20px;
	flex-wrap: wrap;
}
.bundle.bundle-shortcuts > span{
	display: none;
}
.shortcut-wrapper {
    background: var(--darkgreen);
    border: 2px solid var(--darkgreen);
    border-bottom: 2px solid var(--darkgreen);
    border-radius: 0px;
    transition: all .4s;
    /* border-left: 0px; */
    /* border-right: 0px; */
    width: auto;
    border-radius: 60px;
    margin-top: 0 !important;
    margin-bottom: 20px;
	position: relative;
	color: white;
}
.shortcut-wrapper a:focus{
	position: inherit;
}
.shortcut-wrapper.descript{
	border-radius: 15px;
}
main .shortcut-wrapper.svg-icon{
	display: flex;
	align-items: center;
	padding-left: 20px;
}
main .shortcut-wrapper.svg-icon.descript{
	flex-wrap: wrap;
}
main .shortcut-wrapper.svg-icon.descript img.lazy {
    margin-top: 10px;
}
main .shortcut-wrapper.svg-icon .svg-image-wrap{
	width: 40px;
}
.shortcut-wrapper.image.descript .pd-tiny{
	padding: 5px 16px 30px;
    font-size: 16px;
    line-height: 160%;
}
main .shortcut-wrapper.svg-icon .svg-image-wrap + a{
	font-size: 18px !important;
    color: var(--maincolor) !important;
    padding: 15px 30px 15px 15px;
}
main .shortcut-wrapper.svg-icon .svg-image-wrap + a:hover{
	font-size: 18px !important;
    color: white !important;
    padding: 15px 30px 15px 15px;
}
.shortcut-wrapper.descript:hover .pd-tiny {
	transition: all .4s;
	color: black !important;
}
.shortcut-wrapper.descript a.shortcut-link {
    padding: 13px 30px 0px 15px;
}
aside .shortcut-wrapper{
	border-radius: 20px;
}
.shortcut-wrapper:hover, .shortcut-wrapper:focus-within, .shortcut-wrapper.image:hover, .shortcut-wrapper.image:focus-within{
	background: white;
	color: var(--darkgreen);
    transition: all .4s;
}
.shortcut-wrapper:hover a.shortcut-link, .shortcut-wrapper:hover a.shortcut-link::before, .shortcut-wrapper a.shortcut-link:focus, .shortcut-wrapper a.shortcut-link:focus::before{
	color:var(--green);
	transition: all .4s;
} 
.shortcut-wrapper.image {
    background: var(--maincolor);
    border: 2px solid var(--maincolor);
    border-bottom: 2px solid var(--maincolor);
    border-radius: 0px;
    transition: all .4s;
    /* border-left: 0px; */
    /* border-right: 0px; */
    width: auto;
    border-radius: 20px;
    margin-top: 0 !important;
    margin-bottom: 20px;
    max-width: 31%;
    overflow: hidden;
}

.bundle-links a.shortcut-link:before, .bundle-shortcuts a.shortcut-link:before {
    background: transparent;
    border: 0px solid #2f2f2f;
    color: #000;
    margin-right: 0px;
    transition: all .4s;
}
.bundle-shortcuts a.shortcut-link::after{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bundle-links a.shortcut-link, .bundle-shortcuts a.shortcut-link {
    background: transparent;
    color: white;
    text-transform: none;
    font-size: 18px;
    line-height: 140%;
    padding: 13px 30px 15px 30px;
    width: auto;
    transition: all .4s;
    display: flex;
    align-items: center;
    /* letter-spacing: .05em; */
    font-weight: normal;
}
.bundle-links a.shortcut-link:before, .bundle-shortcuts a.shortcut-link:before {
        font-size: 20px;
    height: auto;
    line-height: 110%;
    margin: 0 10px 0 -10px;
    padding: 0px 0 0;
    width: 39px;
	color: white;
}
.button:hover, input[type=button]:hover {
    background-color: white;
	color: var(--green);
	border-bottom: 2px solid (--green);
}
.frontpage .bundle.bundle-shortcuts {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
  flex-direction: column;
}
.frontpage .block.block-subtheme-snelkoppelingenfrontpage{
	display: flex;
	gap: 40px;
	padding: 0 40px;
	max-width: 990px;
}
.frontpage .block.block-subtheme-snelkoppelingenfrontpage .block{
	width: 100%;
}
.frontpage .shortcut-wrapper {
    background: transparent;
    border: 0px solid var(--maincolor);
    border-bottom: 1px solid white;
    border-radius: 0px;
    transition: all .4s;
    /* border-left: 0px; */
    /* border-right: 0px; */
    width: auto;
    margin-top: 0 !important;
    margin-bottom: 0px;
    position: relative;
}
.frontpage .bundle-shortcuts a.shortcut-link {
    background: transparent;
    color: white;
    text-transform: none;
    font-size: 22px;
    line-height: 65px;
    padding: 0;
    width: auto;
    transition: all .4s;
    display: flex;
    align-items: center;
    /* letter-spacing: .05em; */
    font-weight: normal;
	padding-left: 20px;
	display: block;
	transition: ease-in-out .5s;
}
.banner-wrapper .bundle-shortcuts a.shortcut-link:hover{
	background-color: var(--yellow);
	color: black;
	transition: ease-in-out .5s;
}
.block-subtheme-snelkoppelingenfrontpage .shortcut-wrapper:nth-child(6){
	border-bottom: 1px solid var(--secondcolor);
}

/*----------------------------------------------
------------------------------------------------
------------ button bundel ----------------------------
------------------------------------------------
----------------------------------------------*/
.frontpage .bundle.bundle-button{
	text-align: center;
	margin-top: 3em;
}
.frontpage .button, .frontpage a.button, .frontpage button, .frontpage input[type="reset"], .frontpage input[type="submit"], .frontpage input[type="button"] {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: unset;
    margin: 0 4px 4px 0;
    font-size: 18px;
    line-height: 120%;
    text-decoration: none;
    color: white !important;
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--secondcolor);
    border-bottom-width: 1px;
    border-bottom-color: n;
    word-spacing: nowrap;
    padding: 15px 40px;
    border-radius: 36px;
    background-color: var(--secondcolor);
    text-shadow: none;
    -webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -ms-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
    vertical-align: middle;
    transition: ease-in-out .3s;
}
.frontpage .button:hover {
    background-color:  var(--green) !important;
	border-color:  var(--green) !important;
	color:  white;
    -webkit-transition: box-shadow 0.1s;
    -moz-transition: box-shadow 0.1s;
    -ms-transition: box-shadow 0.1s;
    -o-transition: box-shadow 0.1s;
    transition: box-shadow 0.1s;
	transition: ease-in-out .3s;
}
aside a.button{
	width: calc(100% - 3.6em);
}
aside .pane.large-thumbnail + .bundle.bundle-button{
	margin-top: 30px;
}
/*----------------------------------------------
------------------------------------------------
------------ links bundel ----------------------------
------------------------------------------------
----------------------------------------------*/
.field-files .link, .field-links .link {
    background: transparent;
    border: 1px solid var(--maincolor);
    border-bottom: 1px solid var(--maincolor);
    border-radius: 0px;
    transition: all .4s;
    border-left: 0px;
    border-right: 0px;
}
.bundle-links a{
    display: inline-block;
    width: calc(100% - 30px);
    background: transparent;
    color: black;
    font-size: 18px;
    line-height: 140%;
    padding: 12px 0 10px 0;
    transition: all .4s;
    font-weight: normal;
}
.field-files .link+.link, .field-links .link+.link, .field-files .link {
    margin-top: -1px;
}
.icon-right:before {
    content: '\e818';
    color: var(--maincolor);
	font-family: 'fontello';
	    margin-left: -0.2em;
    margin-right: 0.4em;
	transition: all .4s;
}
.icon-right:hover:before {
    content: '\e818';
    color: var(--secondcolor);
	font-family: 'fontello';
	    margin-left: 0em;
    margin-right: 0.2em;
	transition: all .4s;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
	font-family: "FontAwesome",'fontello' !important;
}
/*----------------------------------------------
------------------------------------------------
------------ filters overview ----------------------------
------------------------------------------------
----------------------------------------------*/
#e2e-paragraphs-overview-form {
    display: flex;
    width: 100%;
    align-items: end;
}
#e2e-paragraphs-overview-form #edit-submit-button{
    margin-bottom: 0px;
}
#Overview-Filter-Form form>div#dates-wrapper {
    max-width: unset;
}
#Overview-Filter-Form form>div#dates-wrapper .form-item{
	margin-bottom: 0px;
}
.col.grid3  #e2e-paragraphs-overview-form > *{
	margin-bottom: 10px !important;
	max-width: unset !important;
}
.col.grid3 #e2e-paragraphs-overview-form {
    display: block;
    width: 100%;
    align-items: end;
}

form .input, form input[type=date], form input[type=datetime-local], form input[type=datetime], form input[type=email], form input[type=file], form input[type=image], form input[type=month], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form input[type=time], form input[type=url], form select, form textarea{
	border: 1px solid var(--maincolor);
    border-bottom-width: 1px;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    padding: 12px;
}
#Overview-Filter-Form form>div input[type=submit], #Overview-Filter-Form form>div select[type=submit] {
    border: 2px solid var(--green);
    border-bottom-width: 2px;
    border-radius: 30px;
    margin-top: 0;
    min-width: 100px;
    text-transform: none;
    background-color: var(--green);
    color: white;
	transition: ease-in-out .3s;
}
#Overview-Filter-Form form>div input[type=submit]:hover, #Overview-Filter-Form form>div select[type=submit]:hover{
	color: var(--green);
	transition: ease-in-out .3s;
}
.col.grid3 #Overview-Filter-Form form>div input[type=submit]{
	width: 100%;
}

.card.teaser-large.entity .grid.gt-tiny .label::before, .card.teaser-large.entity .icon.icon-home + .field-address::before {
    display: inline-block;
    color: var(--maincolor);
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    width: 100%;
    height: 20px;
    font-size: 20px;
    text-align: center;
    vertical-align: bottom;
}
.card.teaser-large.entity .field.opening-hours.grid .col{
	display: block;
}
.card.teaser-large.entity .field.opening-hours.grid .col.label{
    color: black;
    font-size: 1.4em;
    margin: 20px 0 10px;
}
.bundle-entity .field-hours-days .hourgroup .label.day, .bundle-overview .overview .field-hours-days .hourgroup .label.day, .entity .field-hours-days .hourgroup .label.day {
    color: #000;
}
section.bundle-overview .overview.view-mode-links ul.menu.list li a:hover {
    background: var(--maincolor);
    color: #fff;
}
section.bundle-overview .overview.view-mode-links ul.menu.list li {
    border: 1px solid var(--maincolor);
    border-left: 0;
    border-right: 0;
}



aside .bundle-references .card.teaser-large, aside .bundle-references .card.teaser-small {
    background-color: var(--light-maincolor);
    overflow: unset;
    border-radius: 30px;
    margin: 0 5px;
}
/*----------------------------------------------
------------------------------------------------
------------ menu bundle ----------------------------
------------------------------------------------
----------------------------------------------*/

.bundle.bundle-menu .menu-columns-2 ul.menu-level-0{
	column-count: 2
}
.bundle.bundle-menu .menu-columns-3 ul.menu-level-0{
	column-count: 3
}
.bundle.bundle-menu .menu-columns-4 ul.menu-level-0{
	column-count: 4
}
.bundle.bundle-menu .menu-columns-5 ul.menu-level-0{
	column-count: 5
}
.bundle.bundle-menu .level-1.menu-item > a {
    font-size: 22px !important;
    color: #98804a !important;
    font-weight: bold !important;
    font-family: 'Roboto',sans-serif;
}
.bundle-menu .menu_link_content {
    display: block;
}
.bundle.bundle-menu .level-1.menu-item {
    padding-bottom: 30px;
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.bundle.bundle-menu .level-1.menu-item a {
    line-height: 180%;
    font-size: 16px;
    transition: ease-in-out .3s;
}
/*----------------------------------------------
------------------------------------------------
------------ galerij bundle ----------------------------
------------------------------------------------
----------------------------------------------*/
.bundle-gallery .gallery .iblock, .bundle-gallery .gallery .large-thumbnail, .bundle-gallery .gallery .thumbnail{
	vertical-align: top;
}
.bundle-gallery .gallery .iblock, .bundle-gallery .gallery .large-thumbnail, .bundle-gallery .gallery .thumbnail{
	margin-bottom: 10px;
}
.bundle-gallery .gallery .iblock figcaption{
	    font-size: 12px;
    font-style: italic;
    padding: 5px;
	line-height: 140%;
}
.bundle-gallery.gal-1569 .gallery .iblock{
	width: calc(100% - 10px);
}
.bundle-gallery.gal-1566 .gallery .iblock{
	width: calc(50% - 10px);
}
.bundle-gallery.gal-1567 .gallery .iblock{
	width: calc(33.33% - 10px);
}
.bundle-gallery.gal-1568 .gallery .iblock{
	width: calc(25% - 10px);
}
.bundle-gallery .gallery .gallery-wrapper .iblock, .bundle-gallery .gallery .gallery-wrapper .large-thumbnail, .bundle-gallery .gallery .gallery-wrapper .thumbnail{
	border-radius: 0px;
}
.bundle-gallery .gallery .gallery-wrapper .iblock img, .bundle-gallery .gallery .gallery-wrapper .large-thumbnail img, .bundle-gallery .gallery .gallery-wrapper .thumbnail img{
	border-radius: 10px;
	overflow: hidden;
}