/* FONTS
*********************************************/

/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v26-latin-300.woff2') format('woff2');
}
/* nunito-300italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/nunito-v26-latin-300italic.woff2') format('woff2');
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v26-latin-regular.woff2') format('woff2');
}
/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-v26-latin-italic.woff2') format('woff2');
}
/* nunito-500 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/nunito-v26-latin-500.woff2') format('woff2');
}
/* nunito-500italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/nunito-v26-latin-500italic.woff2') format('woff2');
}
/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v26-latin-600.woff2') format('woff2');
}
/* nunito-600italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/nunito-v26-latin-600italic.woff2') format('woff2');
}
/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v26-latin-700.woff2') format('woff2');
}
/* nunito-700italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/nunito-v26-latin-700italic.woff2') format('woff2');
}

/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v31-latin-300.woff2') format('woff2');
}
/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v31-latin-700.woff2') format('woff2');
}

/* avenir-next-lt-pro-700 - latin */
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/avenir-next-lt-pro-bold.otf') format('opentype');
}
/* avenir-next-lt-pro-600 - latin */
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/avenir-next-lt-pro-demi.otf') format('opentype');
}
/* avenir-next-lt-pro-400 - latin */
@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/avenir-next-lt-pro-regular.otf') format('opentype');
}

/* BASIS
*********************************************/

/*
Geel: fff02c
Felblauw: 0081be
Lichtblauw: cae5ff
*/

:root {
  --body-color: #1c1c1c;
  --body-bg: #fff;
  --body-font-family: "Nunito", sans-serif;
  --body-font-weight: 500;
  --body-font-size: 1.1rem;
  --cassiopeia-font-family-headings: "Nunito", serif;
  --cassiopeia-font-weight-headings: 700;
  --border-radius: 0;
  --border-radius-sm: 0;
  --border-radius-lg: 0;
  --border-radius-xl: 0;
  --border-radius-xxl: 0;
  --border-radius-2xl: 0;
  --border-radius-pill: 0;
  --btn-border-radius: 0;
  --btn-padding-y: 0.3rem;
  --btn-padding-x: 0.6rem;
  --link-color: #0081be;
  --link-hover-color: #cae5ff;
  --link-decoration: none;
  --cassiopeia-color-primary: #0081be;
  --border-width: 0;
/*
  --btn-font-size: .9rem;
  --primary-text-emphasis: #6b3051;
  --primary-bg-subtle: #f5dfeb;
  --primary-border-subtle: #f1d2e3;
*/
}

html {
  overflow-y: scroll;
  /* Altijd een vertikale scrollbar */
}
body {
  padding: 0 !important;
} /* om scroll ruimte weg te laten bij modals */

.btn {
  border-radius: 0;
  padding: .3rem .6rem;  
}
/*.itemid-622 .com-content-category-blog.blog,
.home .com-content-article__body,*/
.home blockquote {
  text-align: center;
  font-size: 2rem;
  font-weight: lighter;
  padding: 0 100px;
  margin-top: 3rem;  
  margin-bottom: 0;
/*  text-decoration: underline dotted .2rem; */
}

/*.home .blog .item-content,
.home .blog .items-leading,
.home .blog blockquote {
  margin: 0;
}
.home .btn-info {
}
*/

.home .btn-info,
.finder .btn-primary {
  padding: .5rem .7rem;
  font-size: .9rem;
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  --btn-color: #fff;
}
.home .btn-info:hover,
.finder .btn-primary:hover {
  background-color: #036391;
  border-color: #036391;
  color: #fff02c;
}

/* Was nodig om standaard blogview columns mooi responsive te krijgen, 1, 2, 3 columns; maar geen gebruik van gemaakt wegens eigen view. 
Toch weer wel...:
*/

@supports (display: grid) {
  @media (width >= 1200px) {
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
@supports (display: grid) {
  @media (width < 1200px) {
    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr;
    }
  }
}
@supports (display: grid) {
  @media (width < 700px) {
    .blog-items.columns-3 {
      grid-template-columns: 1fr;
    }
  }
}

.itemid-622 h1 {
  display: none;
}

/* RAAMWERK
*********************************************/

.container-header {
	background-color: var(--body-bg);
	background-image: none;
}
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: .5em;
}
.container-header nav {
  margin-top: 0;
}
@media (width <= 767.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0;
  }
}
.footer {
  color: white;
  background-image: none;
  margin-top: 2em;
  background-color: black;
}

/* MENU MODULES
*********************************************/
.container-nav {
	font-family: "Avenir", sans-serif;
	font-weight: 600;
	background-color: black;
	text-transform: uppercase;
	letter-spacing: .05rem;
}

.metismenu.mod-menu .metismenu-item {
  font-size: 1rem;
}

.container-header .navbar-toggler {
  border: none;
  padding-left: 0;
}
.navbar-toggler {
  font-size: 35px;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler.navbar-toggler-right {
  border: none;
}

.metismenu.mod-menu .metismenu-item.active > a,
.metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}
/* kleuren menu links menu large */
.menu-lg > li > a {
	color: white;
}
.menu-lg > li > a:hover {
	color: #cae5ff;
}
.menu-lg > li.active > a {
	color: grey;
}

/* kleuren menu links menu offcanvas*/
#menu-oc > li > a, #menu-oc > li > button {
	color: black;
} 
#menu-oc > li > a:hover, #menu-oc > li > button:hover {
	color: #0081be;
}
#menu-oc > li.active > a, #menu-oc > li.active > button {
	color: grey;
}
#menu-oc > li > button {
	 display:none;
 }
 

li.level-2 a, .metismenu.mod-menu .metismenu-item.active li.level-2 a {
	text-transform: initial;
  color: black;
  text-decoration: none;
}
li.level-2 a:hover, .metismenu.mod-menu .metismenu-item.active li.level-2 a:hover {
	color: #0081be;
}
li.level-2.active > a, .metismenu.mod-menu .metismenu-item.active li.level-2.active a {
	color: grey;
}
/* Offcanvas */
.offcanvas.show {
  background-color: #fff;
  background-image: none;
}

@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }

  .offcanvas-end {
    width: unset;
  }
}

@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item>ul {
    position: relative;
    width: 100%;
    margin-top: .5rem;
  }

  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }

  .offcanvas .metismenu.mod-menu .metismenu-item>a {
    color: var(--body-color);
  }
}

.offcanvas-header>*:only-child {
  margin-left: auto;
}

.offcanvas.offcanvas-end {
  width: 320px;
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  width: 330px;
}

ul.mod-menu.offcanvas-lijn {
  border-top: solid 1px var(--body-color);
  margin-top: 15px;
  padding-top: 15px;
}
/* end offcanvas */

.btn-close:focus, .navbar-toggler:hover, .navbar-toggler:focus {
  box-shadow: none;
}

.metismenu.mod-menu .mm-collapse:not(.mm-show) {
  display: block;
}


/*
#menu-oc .metismenu-item.level-1 a, #menu-oc .metismenu-item.level-1 button, #menu-oc .navbar .metismenu-item.level-1 button, #menu-oc .container-nav .metismenu-item.level-1 button {
	color: black;
}
#menu-oc .metismenu-item.level-1 a:hover, #menu-oc .metismenu-item.level-1 button:hover, #menu-oc .navbar .metismenu-item.level-1 button:hover, #menu-oc .container-nav .metismenu-item.level-1 button:hover {
	color: #0081be;
}
#menu-oc .metismenu-item.level-1 .active a, #menu-oc .metismenu-item.level-1 .active button {
	color: grey;
}
*/
/* uitlijning menu-large op rest*/
@media (min-width: 992px) {
	.metismenu.mod-menu .metismenu-item:first-child {
	  padding-left: 0;
	}
}

/* Twee menu's, in beeld bij verschillende schermbreedte's, menu-lg (large) en menu-oc (offcanvas) */
@media (width < 992px) {
	.navbar.navbar-expand-lg:first-child {
	  display: none;
	}
}
@media (width >= 992px) {
	.navbar.navbar-expand-lg:nth-child(2) {
	  display: none;
	}
}

.redactiemenu {
  background-color: var(--cassiopeia-color-primary);
  justify-content: center;
}

/*
@media (min-width: 992px) {
	.mm-collapsed.mm-toggler.mm-toggler-link {
	  display: none;
	}
}
.container-header .mod-menu > li > a {
	color: white;
}
.container-header .mod-menu > li > a:hover {
	color: #cae5ff;
}
.container-header .mod-menu > li.active > a {
	color: grey;
}

@media (min-width: 992px) {
	.metismenu.mod-menu .metismenu-item:first-child {
	  padding-left: 0;
	}
}

.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button, .metismenu.mod-menu .metismenu-item > a:hover, .metismenu.mod-menu .metismenu-item > button:hover {
  text-decoration: none;
}
.metismenu-item.level-1 a, .metismenu-item.level-1 button, .navbar .metismenu-item.level-1 button, .container-nav .metismenu-item.level-1 button {
  color: black;
}

li.level-2 a, .metismenu.mod-menu .metismenu-item.active li.level-2 a {
	text-transform: initial;
  color: black;
  text-decoration: none;
}
li.level-2 a:hover, .metismenu.mod-menu .metismenu-item.active li.level-2 a:hover {
	color: #0081be;
}
li.level-2.active > a, .metismenu.mod-menu .metismenu-item.active li.level-2.active a {
	color: grey;
}

.navbar-toggler.navbar-toggler-right[aria-controls="navbar115"] {
  display: none;
}
.metismenu.mod-menu .mm-collapse:not(.mm-show) {
  display: block;
}
*/

/* ANDERE MODULES
*********************************************/
.container-header .grid-child {
  padding: .5em 1em;
}
.navbar-brand {
  margin-left: -.15em;
}
/* oud
.zoeken {
  margin: 0;
} 
.zoeken a {
  color: white;
  font-size: 29px;
}
*/

.zoekmodule .form-control {
  padding: .5rem 1rem;
}
.zoekmodule .form-control:focus {
  box-shadow: none;
}
.zoekmodule .btn.btn-primary {
  background-color: #000;
}
.zoekmodule .mod-finder button {
  font-size: 0;
}
.zoekmodule .mod-finder button .icon-search.icon-white {
  font-size: 29px;
}
.zoekmodule .mod-finder__search.input-group button .icon-search {
  margin-inline-end: 0;
}
.zoekmodule .btn {
  padding: .3rem 0;
}
.zoekmodule .form-control {
  background-color: #000; /* #484848 */
  border-bottom: #fff dotted .2rem;
  color: #fff;
  padding: 3px;
}
.zoekmodule input::placeholder {
  color: #969696; /* #484848 */
}
/*
*/

.sidebar-left.card.submenu {
  background-color: #fff02c;
}
.submenu .mod-list li {
  padding: 0.5em 0;
}
.submenu .mod-list li > a, .submenu .mod-list li.active > a {
  color: black;
  text-decoration: none;
}
.submenu .mod-list li > a:hover {
	color: #0081be;
}
.submenu .mod-list li.active > a {
	color: grey;
}

.main-bottom.card.dwc-module-button {
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 992px) {
.main-bottom.card.nieuwsbrieven {
  background-color: #cae3f7;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  background: linear-gradient(180deg,rgb(255 255 255) 20%,#cae3f7 20%,#cae3f7 80%,rgb(255 255 255) 80%);
}
}
@media (max-width: 992px) {
.main-bottom.card.nieuwsbrieven {
    background: #cae3f7;
    background: linear-gradient(180deg,rgb(255 255 255) 30%,#cae3f7 30%,#cae3f7 100%,rgb(255 255 255) 70%);
  }
}
.nieuwsbrieven h3 {
  margin: 15px;
}
.nieuwsbrieven .btn-info {
  padding: .5rem .7rem;
  font-size: 1.3rem;
}
.home-kreet h3,
.nieuws h3,
.dossiers h3 {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline dotted .2rem;  
  margin-bottom: 1em;
  margin-top: .5em;
}
/*
.nieuws  h4.mod-articles-title,
.dossiers h4.mod-articles-title {
  padding: 0 1rem;
  font-size: 1.1rem;
}
.mod-articles-items.mod-articles-grid.grid-cols-4.mod-list {
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 0, 1) 16%, rgba(255, 255, 0, 1) 50%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);
}
.mod-articles-items.mod-articles-grid.mod-list li {
  padding: 0;
}
.mod-articles-grid {
  padding: 0 2rem;
}
*/

/*
*/
.mod-articles-grid {
  --grid-layout-gap: 0rem;
}

@container (max-width: 992px) and (min-width: 560px) {
  .mod-articles-grid {
    grid-template-columns: 1fr 1fr;
  }
} /* Afbeeldingen in home modules 527px breed maken */


/*
*/


@media (width < 992px) {
#mod-custom118 {
  margin-top: .5em;
}
.footer .mod-menu {
  margin-top: 1em;
  margin-bottom: 1em;
  flex-direction: row;
  padding: 0 .5em;
}
.footer .mod-menu li {
  padding: 0 .5em;
}
#mod-custom124, #mod-custom125 {
  margin: 5px 0;
}
}
/*
.embed-responsive {
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  margin-bottom:1rem
}
.embed-responsive::before {
  display:block;
  content:""
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border:0
}
.embed-responsive-21by9::before {
  padding-top:42.85714%
}
.embed-responsive-16by9::before {
  padding-top:56.25%
}
.embed-responsive-4by3::before {
  padding-top:75%
}
.embed-responsive-1by1::before {
  padding-top:100%
}
.embed-responsive img {
  object-fit:cover;
  transition:transform .5s
}
.embed-responsive img:hover {
  transform-origin:50% 50%;
  transform:scale(1.05)
}
.ratio {
	overflow: hidden;
}
.ratio img {
  object-fit: cover;
  transition: transform .5s;
  width: 100%;
  height: 100%;

}
.ratio img:hover {
  transform-origin: 50% 50%;
  transform: scale(1.05);
} 
*/

/* 
.blog-item .item-image, 
.mod-articles-item .item-image,
.com-tags__items .list-group-item {
  overflow: hidden;
} Misschien niet nodig want al in template, misschien op enkele views toch wel */
 
.blog-item .item-image img,
.mod-articles-item .item-image img,
.com-tags__items .list-group-item img {
  object-fit: cover;
  transition: transform .5s;
  height: 100%;
  width: 100%;
}
.blog-item .item-image img:hover,
.mod-articles-item .item-image img:hover,
.com-tags__items .list-group-item img:hover {
  transform-origin: 50% 50%;
  transform: scale(1.05);
}
.view-category .caption {
  display: none;
} /* Om transition in overzicht te laten werken als er een onderschrift is */
.ratio {
  overflow: hidden;
}
/* Misschien
.nieuws figure.item-image,
.dossiers figure.item-image {
  aspect-ratio: 4/3;
  padding: 0 1rem;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgb(250, 235, 54) 21%, rgb(250, 235, 54) 80%, rgb(255, 255, 255) 81%, rgb(255, 255, 255) 100%);
  overflow: hidden;
}
.dossiers figure.item-image {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgb(17, 129, 190) 21%, rgb(17, 129, 190) 80%, rgb(255, 255, 255) 81%, rgb(255, 255, 255) 100%);
}

.mod-articles-image img {
  aspect-ratio: 4/3;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}
 */

.nieuws figure.item-image {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgb(250, 235, 54) 21%, rgb(250, 235, 54) 80%, rgb(255, 255, 255) 81%, rgb(255, 255, 255) 100%);
}
.dossiers figure.item-image {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgb(17, 129, 190) 21%, rgb(17, 129, 190) 80%, rgb(255, 255, 255) 81%, rgb(255, 255, 255) 100%);
}

.nieuws .mod-articles-item img,
.dossiers .mod-articles-item img {
  padding: 0 1rem;
}

.nieuws .mod-articles-item-content,
.dossiers .mod-articles-item-content {
  padding: 0 1rem;
}

.home h2,
.view-category h2,
.view-tag h2 {
  font-size: 1.25rem;
  margin-top: 0;
  margin-bottom: .75rem;
}
.home h2,
.view-category h2 a,
.view-tag h2 a {
  text-decoration: none;
}

.view-category .btn.btn-secondary,
.view-tag .btn.btn-secondary {
  padding: .25rem .5rem;
  font-size: .788rem;
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  --btn-color: #fff;
}
.view-category .btn.btn-secondary:hover,
.view-tag .btn.btn-secondary:hover {
  background-color: #036391;
  border-color: #036391;
  color: #fff02c;
}

.itemid-871.view-category .submenu {
  display: none;
}

.item-content {
  margin-bottom: 1rem;
}

.nieuws .card.h-100 .card-body {
  padding-bottom:0
}
.card-footer {
  background-color:unset;
  border-top:unset
}
.btn-sm,
.btn-group-sm>.btn {
  padding:.25rem .5rem;
  font-size:.788rem
}
.card h2 {
  font-size:1.25rem;
  margin-top:0;
  margin-bottom:.75rem
}
.dwc-blog-image img {
  transition:transform .5s;
  object-fit:cover
}
.dwc-blog-image img:hover {
  transform-origin:50% 50%;
  transform:scale(1.05)
}
.dwc-intro-img  {
  transition:transform .5s;
  object-fit:cover
}
.dwc-intro-img:hover {
  transform-origin:50% 50%;
  transform:scale(1.05)
}


/* OVERIG
*********************************************/
.btn {
	font-family: "Avenir", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
a[aria-describedby^="editarticle"] {
  margin: .1rem;
  padding: .2rem .3rem;
  text-decoration: none;
  background-color: #e9ecef;
  float: right !important;
}

/* IMAGES (uit oude template)
*********************************************/

figure {
  margin: 0 0 1rem;
}

/*
img {
  vertical-align: middle;
  border-style: none;
} Waarschijnlijk niet nodig */

svg {
  overflow: hidden;
  vertical-align: middle;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

img.img-100 {
  max-width: 100%;
  display: block;
}

img.img-66 {
  max-width: 66%;
  display: block;
}

img.img-50 {
  max-width: 50%;
  display: block;
}

img.img-33 {
  max-width: 33%;
  display: block;
}

img.left-100 {
  max-width: 100%;
  display: block;
}

img.left-66 {
  max-width: 66%;
  padding: .5% 2% 0 0;
  float: left;
}

img.left-50 {
  max-width: 50%;
  padding: .5% 2% 0 0;
  float: left;
}

img.left-33 {
  max-width: 33%;
  padding: .5% 2% 0 0;
  float: left;
}

img.right-100 {
  max-width: 100%;
  display: block;
}

img.right-66 {
  max-width: 66%;
  padding: .5% 0 0 2%;
  float: right;
}

img.right-50 {
  max-width: 50%;
  padding: .5% 0 0 2%;
  float: right;
}

img.right-33 {
  max-width: 33%;
  padding: .5% 0 0 2%;
  float: right;
}

@media (max-width: 480px) {

  img.img-66,
  img.img-50,
  img.left-66,
  img.left-50,
  img.right-66,
  img.right-50 {
    max-width: 100%;
    padding: 0;
    float: none;
  }

  img.img-33 {
    max-width: 50%;
  }

  img.left-33 {
    max-width: 50%;
    padding: .5% 2% 0 0;
    float: left;
  }

  img.right-33 {
    max-width: 50%;
    padding: .5% 0 0 2%;
    float: right;
  }
}

.jcepopup img {
  display: inline;
  height: initial;
  width: initial;
  border: 1px solid;
  margin: 0 5px 5px 0;
}

/* jce popup images niet responsive indien slideshow collectie + rand en marge  */
.jcepopup img[class*="left-"],
.jcepopup img[class*="right-"] {
  border: none;
  margin: 0;
}

/* jce popup images wel responsive indien losse afbeeldingen met responsive class */
img.wf_file_icon,
.mod-languages img {
  display: inline;
  height: initial;
  width: initial;
  max-width: unset;
}

.bijschrift {
  font-size: .8rem;
  line-height: 1.3;
  margin-bottom: 2rem;
  font-style: italic;
}

#search-form input {
  border: solid 1px var(--cassiopeia-color-primary);
}
.view-form joomla-tab > joomla-tab-element[active] {
  background-color: #dce8f5e3;
}