@charset "UTF-8";
.beeldmerk {
  background-image: url("../img/widgets/beeldmerk.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.messages {
  background-image: url("../img/widgets/status-messages/check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.messages--warning {
  background-image: url("../img/widgets/status-messages/warning.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.messages--error {
  background-image: url("../img/widgets/status-messages/error.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href*="facebook"] {
  background-image: url("../img/widgets/social/facebook.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href*="twitter"] {
  background-image: url("../img/widgets/social/twitter.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href*="youtube"] {
  background-image: url("../img/widgets/social/youtube.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href*="instagram"] {
  background-image: url("../img/widgets/social/instagram.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href*="linkedin"] {
  background-image: url("../img/widgets/social/linkedin.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

ul.menu-social-media [href$="/rss"], .feed-icon:not([href$="=csv"])::before {
  background-image: url("../img/widgets/social/rss.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background-image: url("../img/widgets/datepicker-arrows.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details summary h2::after {
  background-image: url("../img/widgets/dropdown/dropdown-arrows-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details[open] summary h2::after {
  background-image: url("../img/widgets/dropdown/dropdown-arrows-up.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details summary:focus h2::after {
  background-image: url("../img/widgets/dropdown/dropdown-arrows-down-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details[open] summary:focus h2::after {
  background-image: url("../img/widgets/dropdown/dropdown-arrows-up-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

[id="block-mainnavigation"] > ul > * > .menu-item--expanded::after {
  background-image: url("../img/widgets/open-arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.mobile-menu > ul > * > .menu-item--expanded.actief {
  background-image: url("../img/widgets/open-arrow-up.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

button.slick-arrow::after {
  background-image: url("../img/widgets/open-arrow-down-link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

[data-item-title-level-1] .submenu-back,
[data-item-title-level-2] .submenu-back {
  background-image: url("../img/widgets/left-arrow-text.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

[data-item-title-level-1] .submenu-back:visited, [data-item-title-level-1] .submenu-back:hover, [data-item-title-level-1] .submenu-back:focus, [data-item-title-level-1] .submenu-back:active,
[data-item-title-level-2] .submenu-back:visited,
[data-item-title-level-2] .submenu-back:hover,
[data-item-title-level-2] .submenu-back:focus,
[data-item-title-level-2] .submenu-back:active {
  background-image: url("../img/widgets/left-arrow-link.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.pdf::after, a[href$=".pdf"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.zip::after, a[href$=".zip"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-archive.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.xls::after, details .details-wrapper a.xml::after, a[href$=".xls"]:after, a[href$=".xlsx"]:after, a[href$=".csv"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-excel.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a[href$=".kml"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-kml.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.html::after, a[href*="//"]:not([href*="hk.dev"]):not([href*="192.168.1.16"]):not([href*="5.157.83.50"]):not([href*="5.157.81.51"]):not([href*=".hollandskroon.nl"]):after {
  background-image: url("../img/widgets/link-icons/link-icon-external.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.jpg::after, a[href$=".png"]:after, a[href$=".jpg"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-image.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a[href$=".mp4"]:after, a[href$=".mov"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-movie.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a[href$=".mp3"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-sound.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

details .details-wrapper a.doc::after, a[href$=".doc"]:after, a[href$=".docx"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-word.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

a[target="_blank"]:after {
  background-image: url("../img/widgets/link-icons/link-icon-blank.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

main .form-required:after {
  background-image: url("../img/widgets/icons/asterisk.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

[id="menu-toggle"] {
  background-image: url("../img/widgets/hamburger-text.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.view-commerce-cart-form .delete-order-item {
  background-image: url("../img/widgets/trash.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input {
  background-image: url("../img/widgets/zoeken.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/**
     * 1. Change the default font family in all browsers (opinionated).
     * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
     */
html {
  font-size: 112.5%;
  line-height: 1.33333em;
  font-family: Carlito, Helvetica, Arial, sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/* HTML5 display definitions
       ========================================================================== */
/**
     * Add the correct display in IE <10.
     * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
     * Add the correct display in IE for `main`.
     */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
     * Add the correct display in IE <10.
     */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
     * Add the correct display and remove excess height in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
     * Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  vertical-align: baseline;
}

/**
     * Add the correct display in IE <11, Safari <8, and Firefox <22.
     * 1. Add the correct display in IE.
     */
template,
[hidden] {
  display: none;
}

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
     * Remove the outline on focused links when they are also active or hovered
     * in all browsers (opinionated).
     */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Firefox <40.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit;
}

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder;
}

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
     * Add the correct font style in Android <4.4.
     */
dfn {
  font-style: italic;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 1.66rem;
  line-height: 2.66667rem;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 1.33333rem 0;
}

h2 {
  font-size: 1.25rem;
  line-height: 2.66667rem;
  margin: 1.33333rem 0;
}

h3 {
  font-size: 1.15rem;
  line-height: 2.66667rem;
  margin: 1.33333rem 0;
}

h4 {
  font-size: 1rem;
  line-height: 1.33333rem;
  margin: 1.33333rem 0;
}

h5 {
  font-size: 0.83rem;
  line-height: 1.33333rem;
  margin: 1.33333rem 0;
}

h6 {
  font-size: 0.67rem;
  line-height: 1.33333rem;
  margin: 1.33333rem 0;
}

/**
     * Add the correct background and color in IE <10.
     */
mark {
  background-color: #ff0;
  color: #000;
}

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%;
}

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
       ========================================================================== */
/**
     * Remove the border on images inside links in IE <11.
     */
img {
  border-style: none;
}

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
       ========================================================================== */
/**
       * Set 1 unit of vertical rhythm on the top and bottom margin.
       */
blockquote {
  margin: 1.33333rem 24px;
}

/**
       * Address margins set differently in IE 6/7.
       */
dl,
menu,
ol,
ul {
  margin: 1.33333rem 0;
}

/**
         * Turn off margins on nested lists.
         */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

dd {
  margin: 0 0 0 24px;
}

/**
       * Address paddings set differently in IE 6/7.
       */
menu,
ol,
ul {
  padding: 0 0 0 24px;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1.33333rem 24px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
       * Set 1 unit of vertical rhythm on the top and bottom margin.
       */
p,
pre {
  margin: 1.33333rem 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
       ========================================================================== */
/**
     * Known issues:
     * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
     *   select, unless a border property is set. The default font weight on
     *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
     *   OS X.
     * - It is recommended that you do not style checkbox and radio inputs as
     *   Firefox's implementation does not respect box-sizing, padding, or width.
     * - Certain font size values applied to number inputs cause the cursor style of
     *   the decrement button to change from default to text.
     * - The search input is not fully stylable by default. In Chrome and Safari on
     *   OSX/iOS you can't control font, padding, border, or background. In Chrome
     *   and Safari on Windows you can't control border properly. It will apply
     *   border-width but will only show a border color (which cannot be controlled)
     *   for the outer 1px of that border. Applying -webkit-appearance: textfield
     *   addresses these issues without removing the benefits of search inputs (e.g.
     *   showing past searches). Safari (but not Chrome) will clip the cancel button
     *   on when it has padding (and textfield appearance).
     */
/**
     * 1. Change font properties to `inherit` in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
     * 4. Improve appearance and consistency with IE 6/7.
     */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible;
}

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE <11.
     * 2. Remove the padding in IE <11.
     * 3. Remove excess padding in IE 7.
     *    Known issue: excess padding remains in IE 6.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
       */
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
     * Correct the text style of placeholders in Chrome, Edge, and Safari.
     */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
     * Change the border, margin, and padding in all browsers (opinionated).
     */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     * 4. Correct alignment displayed oddly in IE 6/7.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
  padding: 0;
  /* 3 */
}

/**
     * Restore the font weight unset by a previous rule.
     */
optgroup {
  font-weight: bold;
}

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto;
}

details {
  clear: both;
}

details summary {
  cursor: pointer;
  outline: none;
}

details summary a {
  text-decoration: none;
}

details summary::-webkit-details-marker {
  display: none;
}

details summary:focus h2 {
  margin-bottom: calc(.5rem + 1px);
  color: #1c6d8d;
  border-width: 0;
  outline: 3px solid #b4b6ad;
  outline-offset: 2px;
}

details summary h2 {
  margin: 0 0 .5rem 0;
  padding: 0.33333em 0;
  color: #009640;
  border-bottom: solid 1px #009640;
  font-size: 1.4rem;
}

details summary h2::after {
  float: right;
  width: 20px;
  height: 20px;
  margin: 8px 4px 0 0;
  content: " ";
}

details summary::before {
  content: "";
}

details .details-wrapper {
  clear: both;
  margin-bottom: 1rem;
}

details .details-wrapper a.pdf::after, details .details-wrapper a.jpg::after, details .details-wrapper a.html::after, details .details-wrapper a.xls::after, details .details-wrapper a.doc::after, details .details-wrapper a.zip::after, details .details-wrapper a.xml::after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: .5em;
  content: "";
  vertical-align: middle;
}

ol,
ul:not(.contextual-links),
li {
  margin: 0;
  padding: 0;
}

ul:not(.contextual-links) {
  padding: 0 0 0 16px;
  list-style-image: url("../img/list-item.svg");
}

ol {
  list-style-type: none;
  counter-reset: item;
}

ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #1c6d8d;
  font-weight: bold;
}

@font-face {
  font-family: Carlito;
  src: url(../fonts/Carlito-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Carlito;
  src: url(../fonts/Carlito-Bold.ttf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: Carlito;
  src: url(../fonts/Carlito-Italic.ttf);
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Carlito;
  src: url(../fonts/Carlito-BoldItalic.ttf);
  font-weight: bold;
  font-style: italic;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background-color: #fff;
  color: #463f3f;
  font-weight: normal;
  word-wrap: break-word;
  white-space: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

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

a img {
  border: 0;
}

ul {
  list-style: disc;
}

a {
  text-decoration: underline;
  color: #1c6d8d;
}

a:visited {
  color: #793149;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  color: #1c6d8d;
}

a:focus {
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

a:not([href]), a:not([href]):hover, a:not([href]):focus {
  text-decoration: none;
  color: inherit;
}

strong {
  font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .25rem;
  padding: 0;
  color: #1c6d8d;
  font-weight: bold;
  line-height: 1.3;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: currentColor;
}

h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active,
h2 a:visited,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:visited,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:visited,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:visited,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:visited,
h6 a:hover,
h6 a:focus,
h6 a:active {
  text-decoration: underline;
  color: currentColor;
}

.path-zoeken main h1, .path-zoeken main
h2, .path-zoeken main
h3, .path-zoeken main
h4, .path-zoeken main
h5, .path-zoeken main
h6 {
  color: #463f3f;
}

p,
ol,
ul {
  margin: 0;
}

.field-field-body p + p,
[class*="field-field-pdc-product"] p + p, .field-field-body
ol + p,
[class*="field-field-pdc-product"]
ol + p, .field-field-body
ul + p,
[class*="field-field-pdc-product"]
ul + p, .field-field-body p +
ol,
[class*="field-field-pdc-product"] p +
ol, .field-field-body
ol +
ol,
[class*="field-field-pdc-product"]
ol +
ol, .field-field-body
ul +
ol,
[class*="field-field-pdc-product"]
ul +
ol, .field-field-body p +
ul,
[class*="field-field-pdc-product"] p +
ul, .field-field-body
ol +
ul,
[class*="field-field-pdc-product"]
ol +
ul, .field-field-body
ul +
ul,
[class*="field-field-pdc-product"]
ul +
ul {
  margin-top: 1.33333em;
}

.field-field-body p + ul,
.field-field-body p + ol,
[class*="field-field-pdc-product"] p + ul,
[class*="field-field-pdc-product"] p + ol {
  margin-top: 0;
}

p + p {
  margin-top: 1.33333em;
}

.field-field-body h2,
.field-field-body h3,
.field-field-body h4,
.field-field-faq-answer h2,
.field-field-faq-answer h3,
.field-field-faq-answer h4,
.field-field-person-ancillary-positions h2,
.field-field-person-ancillary-positions h3,
.field-field-person-ancillary-positions h4,
[class*="field-field-pdc-product"] h2,
[class*="field-field-pdc-product"] h3,
[class*="field-field-pdc-product"] h4 {
  margin-top: 1.33333em;
}

table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}

tbody tr {
  border-bottom: 1px solid #c9e1f6;
}

tbody td {
  padding: 0.5rem 5px;
}

th,
td {
  padding: 0 5px;
  vertical-align: top;
  border-left: 1px solid #1c6d8d;
}

th:first-child,
td:first-child {
  border-left: none;
}

.path-zoeken th, .path-zoeken
td {
  border-left-color: #463f3f;
}

th {
  text-align: left;
  color: #1c6d8d;
  border-bottom: 1px solid #1c6d8d;
  font-style: italic;
}

.path-zoeken th {
  color: #463f3f;
  border-bottom-color: #463f3f;
}

.rteindent1 {
  margin-left: 24px;
}

.rteindent2 {
  margin-left: 48px;
}

.rteindent3 {
  margin-left: 72px;
}

.rteindent4 {
  margin-left: 96px;
}

.rteleft {
  text-align: left;
}

.rteright {
  text-align: right;
}

.rtecenter {
  text-align: center;
}

.rtejustify {
  text-align: justify;
}

img[style*="float: left"] {
  margin-opposite-position(left): 1em;
  display: inline-block;
}

img[style*="float: right"] {
  margin-opposite-position(right): 1em;
  display: inline-block;
}

address {
  font-style: normal;
}

.container {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 40px;
}

.container:after {
  content: '';
  display: table;
  clear: both;
}

.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.path-frontpage .wrapper {
  background: url("../img/backgrounds/background-default.jpg") center center no-repeat;
  background-size: cover;
}

header[role="banner"] {
  position: relative;
  z-index: 100;
  top: 0;
  padding: 10px 0;
  background-color: #fff;
  box-shadow: 0 0 4px #b4b6ad;
}

@media (min-width: 45em) {
  header[role="banner"] {
    padding: 13px 0;
  }
}

header[role="banner"] > .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto auto auto;
  grid-template-columns: 1fr auto auto auto;
  justify-items: end;
}

header[role="banner"] .block-system-branding-block {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: start;
  justify-self: start;
  width: 210px;
  max-width: 100%;
}

@media (min-width: 45em) {
  header[role="banner"] .block-system-branding-block {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
  }
}

header[role="banner"] .block-main,
header[role="banner"] [id="menu-toggle"] {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column-align: end;
  grid-column-align: end;
  margin-top: 26px;
  margin-left: 1.33333em;
}

header[role="banner"] .block-main {
  grid-column: auto;
}

@media (min-width: 45em) {
  header[role="banner"] .block-main {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2 / 5;
  }
}

header[role="banner"] .block-commerce-cart {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column-align: end;
  grid-column-align: end;
  margin-top: .33333em;
  margin-left: 1.33333em;
}

@media (min-width: 45em) {
  header[role="banner"] .block-commerce-cart {
    -ms-grid-column: 3;
    grid-column: 3;
  }
}

header[role="banner"] .block-account {
  -ms-grid-column: 2;
  -ms-grid-column-span: 3;
  grid-column: 2 / 5;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column-align: end;
  grid-column-align: end;
  width: 100%;
  margin-top: .33333em;
  margin-left: 1.33333em;
}

@media (min-width: 45em) {
  header[role="banner"] .block-account {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4 / 5;
  }
}

.layout-search {
  position: relative;
  z-index: 2;
}

.path-frontpage .layout-search {
  margin: 10vh 0 5vh;
  transition: margin-top 1s cubic-bezier(0.85, 0, 0.15, 1);
}

.js-search-active.path-frontpage .layout-search {
  margin-top: 0;
}

.layout-breadcrumb {
  padding-top: 12px;
  transition: opacity 1s ease-in-out;
}

.beeldmerk {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 240px;
  max-width: 60%;
  height: 240px;
  background-position: left bottom;
}

.path-frontpage .beeldmerk {
  display: none;
}

main {
  transition: opacity 1s ease-in-out;
  padding-top: 24px;
  padding-bottom: 5.33333em;
}

@supports (display: flex) {
  main {
    padding-bottom: 1.33333em;
  }
}

@media (min-width: 45em) {
  .has-sidebar main .layout-content {
    float: left;
    width: 66.66667%;
    padding-right: 1rem;
  }
  main .layout-sidebar {
    float: right;
    width: 33.33333%;
    padding-left: 1rem;
  }
}

main .layout-sidebar > div:first-child {
  border-top-radius: 8px;
}

main .layout-sidebar > div:last-child {
  border-bottom-radius: 8px;
}

main .layout-sidebar .field-hk-ds-call-to-action-field {
  margin-bottom: 1rem;
}

.layout-sidebar-first > .block {
  margin: 2.66667em 0;
}

.region-header_addition,
.region-footer_addition {
  position: relative;
  z-index: 1;
}

.footer_wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@supports (display: flex) {
  .footer_wrapper {
    position: static;
    width: auto;
    margin-top: auto;
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.layout-emergency {
  padding: 1.33333em 0;
  background: #7e101d;
  background: repeating-linear-gradient(120deg, #7e101d, #7e101d 30px, #750f1b 0, #750f1b 60px);
}

.layout-emergency * {
  color: #fff;
}

.layout-emergency a:link {
  color: #dfe69b;
}

.layout-emergency a:visited {
  color: #f7b38e;
}

.layout-emergency a:focus, .layout-emergency a:hover {
  text-decoration: underline;
  color: #b0d8f4;
}

footer[role="contentinfo"] {
  color: #fff;
  background-color: #73736e;
}

footer[role="contentinfo"] > .container {
  padding-top: 0.66667em;
  padding-bottom: 0.66667em;
}

@media (min-width: 45em) {
  footer[role="contentinfo"] > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

footer[role="contentinfo"] h2 {
  color: currentColor;
}

footer[role="contentinfo"] a {
  text-decoration: none;
  color: currentColor;
}

footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:active {
  text-decoration: underline;
}

footer[role="contentinfo"] a:focus {
  color: #1c6d8d;
  outline-color: #fff;
  background-color: #fff;
}

.layout-navigation {
  overflow: hidden;
}

.layout-navigation .container > div {
  padding: 12px 0;
}

.layout-navigation ul[class|="menu"] {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 30em) {
  .layout-navigation ul[class|="menu"] {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 45em) {
  .layout-navigation ul[class|="menu"] {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 0 -1rem;
  }
  .layout-navigation ul[class|="menu"] li {
    padding: 0 1rem;
  }
}

@media (min-width: 60em) {
  .layout-navigation ul[class|="menu"] {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}

.layout-navigation a {
  color: currentColor;
  text-decoration: none;
}

.layout-navigation a:hover, .layout-navigation a:focus, .layout-navigation a:active {
  text-decoration: underline;
}

.layout-navigation-first {
  color: #525559;
  background-color: #ebedee;
}

.layout-navigation-second {
  color: #463f3f;
  background-color: #b4b6ad;
}

.block-social-sharing-buttons-block {
  display: flex;
  margin: 1.33333em 0;
  padding-top: 1.33333em;
  border-top: 1px solid #b4b6ad;
}

.block-social-sharing-buttons-block h2::after {
  margin-right: 0.4em;
  content: ':';
}

.block-commerce-cart {
  text-align: right;
}

.block-commerce-cart img {
  width: 19px;
  margin-top: -5px;
  margin-right: 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.block-commerce-cart a:hover img,
.block-commerce-cart a:focus img {
  -webkit-filter: none;
  filter: none;
}

.block-commerce-checkout-progress {
  margin: 12px 0 24px;
}

.block-suggestresultsblock {
  transition: opacity 1s ease-in-out;
  margin-top: 12px;
}

.js-search-active .block-suggestresultsblock {
  opacity: .2;
}

.block-views-exposed-filter-blocksearch-search-page {
  display: flex;
}

.block-views-exposed-filter-blocksearch-search-page form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 1.33333em auto;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom-right-radius: 8px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: box-shadow;
}

@media (min-width: 30em) {
  .block-views-exposed-filter-blocksearch-search-page form {
    width: 67.77777%;
  }
}

.block-views-exposed-filter-blocksearch-search-page form:focus-within, .block-views-exposed-filter-blocksearch-search-page form:hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.block-views-exposed-filter-blocksearch-search-page input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 12px 12px 12px 48px;
  border: 1px solid #fff;
  font-size: 1.11rem;
}

.block-views-exposed-filter-blocksearch-search-page input:focus {
  border-color: #1c6d8d;
  outline: none;
}

.block-views-exposed-filter-blocksearch-search-page .form-item {
  flex: 1 1 auto;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input {
  width: 100%;
  background-position: 12px center;
  background-size: 24px;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input::-webkit-input-placeholder {
  opacity: 1;
  color: #73736e;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input::-moz-placeholder {
  opacity: 1;
  color: #73736e;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input::-ms-input-placeholder {
  opacity: 1;
  color: #73736e;
}

.block-views-exposed-filter-blocksearch-search-page .form-item input::placeholder {
  opacity: 1;
  color: #73736e;
}

.overlay-alpha .block-views-exposed-filter-blocksearch-search-page .form-item input {
  border-bottom-width: 0;
}

.block-views-exposed-filter-blocksearch-search-page .form-actions {
  flex: 0 0 auto;
}

.block-views-exposed-filter-blocksearch-search-page .form-actions input {
  padding: 12px 6px;
  color: #fff;
  border-color: #1c6d8d;
  border-bottom-right-radius: 8px;
  background-color: #1c6d8d;
}

@media (min-width: 45em) {
  .block-views-exposed-filter-blocksearch-search-page .form-actions input {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.block-views-exposed-filter-blocksearch-search-page .form-actions input:focus {
  border-color: #d4440e;
  outline: 3px solid #767676;
  outline-offset: 2px;
  background-color: #d4440e;
}

#block-zoektips,
#block-zoektips-2 {
  border-top: 3px solid #1c6d8d;
  margin-top: 1.33333em;
  padding-top: 1.33333em;
}

.layout-call-to-action a {
  display: block;
  padding: 0.66667em 0.33333em;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 8px 0 8px 8px;
  background-color: #d4440e;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  font-size: 22.5px;
  font-weight: bold;
  will-change: box-shadow;
}

.layout-call-to-action a:focus, .layout-call-to-action a:hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.layout-call-to-action a:focus {
  outline: 3px solid #b4b6ad;
  outline-offset: 2px;
}

.layout-call-to-action a:after {
  padding-left: .1em;
  content: "﹥";
  vertical-align: -.1em;
  font-size: 27px;
  line-height: .5em;
}

.felix-on-page-add-action {
  padding: 15px;
  display: block;
  border: 2px dashed #dfe69b;
}

.layout-sidebar-first .block-entity-viewnode,
.layout-sidebar-first .felix_block_entity {
  padding: 20px;
  color: #463f3f;
  background-color: #dfe69b;
  font-size: 0.89rem;
}

.layout-sidebar-first .block-entity-viewnode h2,
.layout-sidebar-first .felix_block_entity h2 {
  color: currentColor;
  font-size: 1.11rem;
}

.layout-sidebar-first .block-entity-viewnode a,
.layout-sidebar-first .felix_block_entity a {
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
  color: currentColor;
  border-bottom: 0;
  font-size: 1em;
  line-height: inherit;
}

.layout-sidebar-first .block-entity-viewnode a:link,
.layout-sidebar-first .felix_block_entity a:link {
  text-decoration: underline;
}

.layout-sidebar-first .block-entity-viewnode a:hover, .layout-sidebar-first .block-entity-viewnode a:focus, .layout-sidebar-first .block-entity-viewnode a:active,
.layout-sidebar-first .felix_block_entity a:hover,
.layout-sidebar-first .felix_block_entity a:focus,
.layout-sidebar-first .felix_block_entity a:active {
  text-decoration: none;
}

.layout-sidebar-first .block-entity-viewnode a:focus,
.layout-sidebar-first .felix_block_entity a:focus {
  color: #1c6d8d;
  background-color: #fff;
}

.block-system-branding-block a[rel="home"] {
  position: relative;
  display: block;
}

.block-system-branding-block img {
  display: block;
  max-height: 104px;
}

.maintenance-page .block-system-branding-block {
  width: auto;
  max-width: initial;
  padding: 0;
  text-align: center;
}

.autologout-dialog {
  background-color: #fff;
}

.chatbot-wrapper {
  position: fixed;
  z-index: 999;
  right: 1rem;
  bottom: 3rem;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 390px;
  max-width: calc(100% - 2rem);
  height: 0;
  max-height: 500px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
}

.chatbot-wrapper .chatbot-header {
  display: flex;
  padding: 10px;
  color: #fff;
  background-color: #5c9dcf;
}

.chatbot-wrapper .chatbot-header h2 {
  margin-bottom: 0;
  margin-left: 10px;
  padding-bottom: 0;
  font-size: 1.5rem;
  line-height: 60px;
}

.chatbot-wrapper .chatbot-header .close-chat {
  margin-right: 18px;
  margin-left: auto;
  cursor: pointer;
  font-size: 42px;
  line-height: 60px;
}

.chatbot-wrapper .css-gtdio3 {
  height: 367px;
}

.chatbot-wrapper .sophie-avatar {
  width: 60px;
  height: 60px;
}

footer[role='contentinfo'] .chatbot-wrapper a {
  text-decoration: underline;
  color: #1c6d8d;
}

footer[role='contentinfo'] .chatbot-wrapper a:hover, footer[role='contentinfo'] .chatbot-wrapper a:focus {
  text-decoration: none;
  color: #1c6d8d;
}

.webchatbot ul,
.webchatbot ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.path-chat .footer_wrapper {
  padding-top: 310px;
  background: url(/themes/custom/hollandskroon/img/Sophie.png) no-repeat top right;
  background-size: 333px;
}

.path-chat .obiChatLauncher {
  display: none;
}

.chatbot-open {
  position: fixed;
  right: 20px;
  bottom: 60px;
  width: 206px;
  padding: 7px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background: #c54126;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
  font-size: 16px;
}

.chat-icon {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 20px;
  height: 20px;
}

.hk-authentication-login {
  margin-top: 2em;
}

.hk-authentication-login img {
  float: left;
  width: 90px;
  margin: 0 1rem 1rem 0;
  margin-top: 5px;
}

@media (min-width: 45em) {
  .hk-authentication-login img {
    width: 100px;
  }
}

@media (min-width: 45em) {
  .hk-authentication-login .login-content {
    padding-left: 120px;
  }
}

.hk-authentication-login .buttons {
  margin-top: 1.33333em;
}

.hk-authentication-login .button {
  display: inline-block;
  width: 100%;
  margin: 0 1rem 1rem 0;
}

@media (min-width: 45em) {
  .hk-authentication-login .button {
    width: auto;
  }
}

.hk-authentication-login .button a {
  display: block;
  width: 100%;
  padding: 7.2px 15px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 0;
  background-color: #d4440e;
  font-weight: bold;
}

@media (min-width: 45em) {
  .hk-authentication-login .button a {
    width: auto;
    min-width: 12rem;
  }
}

.hk-authentication-login .button a:focus {
  outline: 3px solid #b4b6ad;
  outline-offset: 2px;
}

iframe {
  max-width: 100%;
}

a[href$=".pdf"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".png"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".jpg"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".mp4"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".mov"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".mp3"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".xls"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".xlsx"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".doc"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".docx"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".zip"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".csv"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[href$=".kml"]:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .2em;
  content: "";
  vertical-align: middle;
}

a[target="_blank"]:after {
  display: inline-block;
  width: 1em;
  height: .8em;
  margin-left: .2em;
  content: "(nieuw venster)";
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 1em;
}

a[href*="//"]:not([href*="hk.dev"]):not([href*="192.168.1.16"]):not([href*="5.157.83.50"]):not([href*="5.157.81.51"]):not([href*=".hollandskroon.nl"]):after {
  display: inline-block;
  width: 1em;
  height: .8em;
  margin-left: .2em;
  content: "(externe link)";
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 1em;
}

.obiChatLauncher {
  bottom: 60px !important;
}

.obiChatLauncherOpen {
  position: fixed;
  z-index: 2147483647;
  right: 24px;
  bottom: 60px !important;
  width: 390px;
  max-width: 85%;
  height: 60%;
  border: none;
  border-radius: 8px;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
}

.pip table {
  margin: 12px 0;
}

.pip tr {
  border-bottom: none;
}

.pip th,
.pip td {
  padding: .125em 0;
  text-align: left;
  color: #000;
  border: none;
}

.pip th:first-child,
.pip td:first-child {
  width: 6em;
}

.reservation-appointments .layout-call-to-action {
  max-width: 15rem;
}

.reservation-appointments .hk_amp_schedule_link + div,
.reservation-appointments .hk_amp_appointments + div {
  margin-top: 1.33333em;
}

.ui-autocomplete.ui-widget-content {
  padding: 0 12px 6px;
  list-style: none;
  color: #463f3f;
  border: 3px solid #1c6d8d;
  border-top: none;
  border-radius: 0 0 8px 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 0.89rem;
}

.ui-autocomplete.ui-widget-content .ui-menu-item {
  display: block;
  margin: 0;
  padding: 0;
  list-style-image: none;
}

.ui-autocomplete.ui-widget-content .ui-menu-item:last-of-type {
  display: inline-block;
}

.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper {
  margin: 0;
  padding: 0;
}

.ui-autocomplete.ui-widget-content .field {
  display: block;
}

.ui-autocomplete.ui-widget-content a {
  display: block;
  margin: 6px 0;
  padding: 0;
  text-decoration: none;
  color: currentColor;
  border-bottom: 0;
  font-size: inherit;
  line-height: inherit;
}

.ui-autocomplete.ui-widget-content a:not(.all-results):focus, .ui-autocomplete.ui-widget-content a:not(.all-results):hover {
  color: #1c6d8d;
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.ui-autocomplete.ui-widget-content .ui-state-hover a,
.ui-autocomplete.ui-widget-content .ui-state-focus a,
.ui-autocomplete.ui-widget-content .ui-state-active a {
  color: #1c6d8d;
  outline: 1px solid currentColor;
  outline-offset: 2px;
}

.ui-autocomplete.ui-widget-content .all-results {
  margin: 6px 0;
  padding: 6px 24px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 8px 0 8px 8px;
  background-color: #d4440e;
  font-weight: bold;
}

.ui-autocomplete.ui-widget-content .all-results:focus, .ui-autocomplete.ui-widget-content .all-results:hover {
  outline: 3px solid #b4b6ad;
  outline-offset: 2px;
}

.ui-autocomplete.ui-widget-content .all-results.ui-state-active {
  outline: 3px solid #b4b6ad !important;
  outline-offset: 2px;
}

@media (min-width: 45em) {
  .ui-autocomplete.ui-widget-content .all-results {
    display: inline-block;
  }
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: none;
  background: #fff;
}

.js-search-overlay {
  transition: visibility 0s linear 1s, opacity 1s ease-in-out;
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #fff;
}

.js-search-active .js-search-overlay {
  transition-delay: 0s;
  visibility: visible;
  opacity: .8;
}

.js-search-close {
  transition: visibility 0s linear .5s, opacity .5s ease-in-out;
  position: absolute;
  z-index: 2;
  top: 1rem;
  right: 1rem;
  display: block;
  visibility: hidden;
  padding-right: 1.5rem;
  cursor: pointer;
  opacity: 0;
  color: #463f3f;
  font-size: 0.89rem;
}

.js-search-close:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "X";
  font-size: 2rem;
  font-weight: 200;
}

.js-search-active .js-search-close {
  transition-delay: 0s, 1s;
  visibility: visible;
  opacity: 1;
}

.social-sharing-buttons a {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 6px 0 0;
  transition: .2s box-shadow ease-out;
  border-radius: 4px 0 4px 4px;
}

.social-sharing-buttons a[href*="facebook.com"] {
  background: #3b5998;
}

.social-sharing-buttons a[href*="twitter.com"] {
  background: #6cadde;
}

.social-sharing-buttons a[href*="wa.me"] {
  background: #25d366;
}

.social-sharing-buttons a[href*="linkedin.com"] {
  background: #0077b5;
}

.social-sharing-buttons a:focus, .social-sharing-buttons a:hover {
  background-color: #d4440e;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.social-sharing-buttons a:after {
  display: none !important;
}

.social-sharing-buttons svg {
  display: block;
  fill: #fff;
  width: 100% !important;
  height: 100% !important;
}

.messages {
  border-radius: 2px;
  box-shadow: -8px 0 0 #77b259;
  margin: 0 0 1rem 8px;
  padding: 15px 20px 15px 35px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #325e1c;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #c9e1bd;
  background-color: #f3faef;
  background-repeat: no-repeat;
  background-position: 10px 17px;
  background-size: auto;
}

.messages--warning {
  box-shadow: -8px 0 0 #e09600;
  color: #734c00;
  border-color: #f4daa6;
  background-color: #fdf8ed;
}

.messages--error {
  box-shadow: -8px 0 0 #e62600;
  color: #a51b00;
  border-color: #f9c9bf;
  background-color: #fcf4f2;
}

.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-top: .5rem;
}

.webform-progress-bar {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.webform-progress-bar li {
  flex: 1 1 0;
  position: relative;
  padding-top: 1.5em;
  text-align: center;
}

.webform-progress-bar li:before {
  content: counter(item);
  position: absolute;
  top: 0;
  left: calc(50% - .75em);
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  padding-top: .1em;
  border-radius: 50%;
  background-color: #73736e;
  color: #fff;
  line-height: 1.4em;
  font-weight: normal;
}

.webform-progress-bar li:not(:last-of-type):after {
  content: '';
  position: absolute;
  top: calc(.75em - 2px);
  right: -50%;
  width: 100%;
  height: 4px;
  z-index: -1;
  background-color: #73736e;
}

.webform-progress-bar b {
  color: #73736e;
  font-weight: normal;
}

.webform-progress-bar .webform-progress-bar__page--current b {
  color: #000;
  font-weight: bold;
}

.webform-progress-bar .webform-progress-bar__page--current:before {
  background-color: #1c6d8d;
}

.webform-progress-bar .webform-progress-bar__page--done b {
  color: #463f3f;
}

.webform-progress-bar .webform-progress-bar__page--done:before {
  background-color: #463f3f;
}

.webform-progress-bar .webform-progress-bar__page--done:not(:last-of-type):after {
  background-color: #463f3f;
}

.field-field-event-venue span {
  display: block;
  /**
     * Add a little extra spacing between postal code and locality, so it can
     * properly distinguished from the space of the postal code.
     */
}

.field-field-event-venue span.postal-code, .field-field-event-venue span.locality {
  display: inline-block;
}

.field-field-event-venue span.postal-code + .locality {
  margin-left: 0.25em;
}

@media (min-width: 30em) {
  .field-field-images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
    align-items: stretch;
  }
  .field-field-images .paragraph--type--image-row-item {
    max-width: 224px;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-right: 8px;
  }
  .field-field-images .paragraph--type--image-row-item:nth-child(2n) {
    -ms-grid-column: 2;
    grid-column: 2;
  }
  .field-field-images .paragraph--type--image-row-item:nth-child(3n) {
    -ms-grid-column: 3;
    grid-column: 3;
  }
  .field-field-images .paragraph--type--image-row-item:nth-child(4n) {
    -ms-grid-column: 4;
    grid-column: 4;
    margin-right: 0;
  }
  @supports (display: grid) {
    .field-field-images .paragraph--type--image-row-item {
      grid-column: auto;
      margin-right: 0;
    }
  }
}

.field-field-par-image a {
  position: relative;
  display: block;
}

.field-field-par-image a::after {
  position: absolute;
  z-index: 99999;
  top: 6px;
  right: 6px;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 3px 0 3px 3px;
  background-color: rgba(255, 255, 255, 0.75);
}

.field-field-par-image a:focus::after, .field-field-par-image a:hover::after {
  background-color: #fff;
}

.field-field-media-oembed-video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.28%;
  overflow: hidden;
  margin-bottom: 1em;
}

.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.paragraph--header {
  display: flex;
  width: 100%;
  padding-top: 1rem;
}

.paragraph--header h2 {
  clear: both;
  flex: 1 1 auto;
  order: 2;
  margin-top: 0;
}

.paragraph--header article {
  flex: 0 0 auto;
  order: 1;
  padding-right: .5rem;
}

.field-field-high-resolution-image {
  clear: both;
}

.field + .field-field-high-resolution-image,
.group-sidebar + .field-field-high-resolution-image {
  margin-top: 1.33333em;
}

.field-field-high-resolution-image ul {
  margin: 0 -3px;
  padding: 0;
}

.field-field-high-resolution-image li {
  float: left;
  margin: 6px 3px 0;
  list-style: none;
}

.field-field-high-resolution-image li::after {
  display: none !important;
}

.field-field-high-resolution-image a {
  display: block;
}

.field-field-high-resolution-image a::after {
  display: none !important;
}

.field-field-high-resolution-image img {
  display: block;
  width: auto;
  height: 60px;
}

.field-description + .field-hk-ds-fields-tax-view {
  margin-top: 1.33333em;
  padding-top: 1.33333em;
  border-top: solid 2px #1c6d8d;
}

.group-afbeelding {
  margin-bottom: 12px;
  font-style: italic;
}

@media (min-width: 45em) {
  [class^="paragraph-image-align-"]:not(.paragraph-image-align-full_width) .group-afbeelding {
    max-width: 50%;
  }
  .paragraph-image-align-left .group-afbeelding {
    float: left;
    margin-right: .5rem;
    padding-right: .5rem;
  }
  .paragraph-image-align-right .group-afbeelding {
    float: right;
    margin-left: .5rem;
    padding-left: .5rem;
  }
  .paragraph-image-align-row-left .group-afbeelding {
    float: left;
    clear: both;
    padding-right: .5rem;
  }
  .paragraph-image-align-row-right .group-afbeelding {
    float: right;
    padding-left: .5rem;
  }
}

.group-afbeelding img {
  display: block;
  margin-bottom: 6px;
}

.group-afbeelding .field-field-caption {
  padding-bottom: 6px;
  color: #767676;
  border-bottom: 1px solid #b4b6ad;
}

.field-field-images .group-afbeelding .field-field-caption {
  border-bottom: none;
}

.commerce-checkout-flow {
  width: auto;
}

.daypart-reservation-form ul {
  margin-bottom: 1.33333em;
}

.daypart-reservation-form legend {
  float: none;
}

.daypart-reservation-form input[type="tel"] {
  width: 17ch;
  max-width: 100%;
}

.reservation-dayparts-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.reservation-dayparts {
  flex: 1 0 21%;
  margin: 0.5em 0.1em;
}

.reservation-dayparts .timeslots {
  position: relative;
}

.reservation-dayparts summary {
  font-weight: bold;
}

.reservation-dayparts .timeslots .time {
  position: absolute;
  background: #fff;
  padding: 10px;
  width: 100%;
  font-size: 1rem;
  border: 1px solid #009640;
}

main form {
  width: 40em;
  max-width: 100%;
}

main form h4 {
  color: #463f3f;
}

main .form-item {
  margin-bottom: 1rem;
}

main fieldset {
  margin-bottom: 2rem;
  padding: 0;
  border: none;
}

main fieldset > .fieldset-wrapper {
  clear: both;
  padding-top: .5rem;
}

main fieldset > legend {
  float: left;
  width: 100%;
  margin-bottom: .5rem;
  padding: 0.33333em 0;
  color: #009640;
  border-bottom: solid 1px #009640;
  background: none;
  font-size: 1.33rem;
}

main legend {
  font-weight: bold;
}

main label {
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
}

main .form-required:after {
  display: inline-block;
  overflow: hidden;
  width: .6rem;
  height: .6rem;
  margin: 0 .3em;
  content: '(verplicht veld)';
  vertical-align: super;
  white-space: nowrap;
  text-indent: .6rem;
  /* the width of the icon */
  background-repeat: no-repeat;
  background-size: 100%;
}

main .fieldgroup-radios legend,
main .fieldgroup-checkboxes legend {
  display: block;
  margin-bottom: 2px;
  color: #463f3f;
  border: none;
  font-size: 1rem;
}

main input + label {
  display: inline;
  font-weight: normal;
}

main .js-form-type-date {
  display: inline-block;
  min-width: 8em;
  margin-bottom: 0;
}

main .js-form-type-date input[type="date"] {
  width: 100%;
  line-height: 1.2;
}

main .js-form-type-date + main .js-form-type-date {
  margin-left: 1rem;
}

main .js-form-type-radio,
main .js-form-type-checkbox {
  margin-bottom: .5rem;
  font-size: 1.11rem;
}

main .form-actions {
  display: flex;
  flex-direction: column;
}

@media (min-width: 45em) {
  main .form-actions {
    flex-direction: row;
  }
}

main .form-actions input + a {
  margin-top: 0.33333em;
  margin-left: 24px;
}

main input[type="date"],
main input[type="time"],
main input[type="email"],
main input[type="number"],
main input[type="password"],
main input[type="text"],
main input[type="tel"],
main input[type="url"],
main textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7.2px;
  color: #463f3f;
  border: none;
  border-bottom: 1px solid #1c6d8d;
  border-radius: 0;
  background-color: transparent;
  font-size: 1.11rem;
}

main input[type="date"]:focus,
main input[type="time"]:focus,
main input[type="email"]:focus,
main input[type="number"]:focus,
main input[type="password"]:focus,
main input[type="text"]:focus,
main input[type="tel"]:focus,
main input[type="url"]:focus,
main textarea:focus {
  outline: 1px solid #1c6d8d;
}

main textarea {
  display: block;
  margin-top: 7.2px;
  padding: 7.2px;
  border: 1px solid #b4b6ad;
  border-bottom-color: #1c6d8d;
}

main textarea:focus {
  margin-bottom: -1px;
  border-color: #1c6d8d;
  border-bottom-width: 2px;
  outline: none;
}

main input[type="email"],
main input[type="password"],
main input[type="text"],
main input[type="url"],
main textarea {
  width: 100%;
}

main input[type="number"] {
  text-align: center;
}

main input[type="submit"] {
  width: 100%;
  padding: 7.2px 15px;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 8px 0 8px 8px;
  background-color: #d4440e;
}

main input[type="submit"] + input[type="submit"] {
  margin-top: 12px;
}

@media (min-width: 45em) {
  main input[type="submit"] {
    width: auto;
    min-width: 12rem;
    margin: 0;
  }
  main input[type="submit"] + input[type="submit"] {
    margin: 0 0 0 12px;
  }
}

main input[type="submit"].button--primary {
  color: #fff;
  background-color: #d4440e;
  font-weight: bold;
}

main input[type="submit"].disabled {
  color: #463f3f;
  background-color: #b4b6ad;
}

main button:focus,
main .button:focus,
main input[type="submit"]:focus,
main input[type="file"]:focus {
  outline: 3px solid #b4b6ad;
  outline-offset: 2px;
}

main select,
main option {
  color: #463f3f;
}

main .description {
  margin-top: .2rem;
  font-size: 0.89rem;
  font-style: italic;
}

main .form-item--error-message strong {
  display: block;
  padding: 6px 0;
  color: #a7142b;
}

.ui-datepicker {
  background-color: #fff;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  background-color: #ebedee;
  background-size: 50%;
}

.ui-datepicker .ui-datepicker-prev {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ui-datepicker .ui-datepicker-next {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.webform-readonly input[type="date"],
.webform-readonly input[type="datetime-local"],
.webform-readonly input[type="email"],
.webform-readonly input[type="number"],
.webform-readonly input[type="password"],
.webform-readonly input[type="search"],
.webform-readonly input[type="tel"],
.webform-readonly input[type="text"],
.webform-readonly input[type="time"],
.webform-readonly input[type="url"],
.webform-readonly textarea,
form [readonly],
form input[disabled] {
  color: #463f3f;
  border-color: currentColor;
  background-color: #ebedee;
}

.webform-readonly input[type="date"]:focus, .webform-readonly input[type="date"]:hover,
.webform-readonly input[type="datetime-local"]:focus,
.webform-readonly input[type="datetime-local"]:hover,
.webform-readonly input[type="email"]:focus,
.webform-readonly input[type="email"]:hover,
.webform-readonly input[type="number"]:focus,
.webform-readonly input[type="number"]:hover,
.webform-readonly input[type="password"]:focus,
.webform-readonly input[type="password"]:hover,
.webform-readonly input[type="search"]:focus,
.webform-readonly input[type="search"]:hover,
.webform-readonly input[type="tel"]:focus,
.webform-readonly input[type="tel"]:hover,
.webform-readonly input[type="text"]:focus,
.webform-readonly input[type="text"]:hover,
.webform-readonly input[type="time"]:focus,
.webform-readonly input[type="time"]:hover,
.webform-readonly input[type="url"]:focus,
.webform-readonly input[type="url"]:hover,
.webform-readonly textarea:focus,
.webform-readonly textarea:hover,
form [readonly]:focus,
form [readonly]:hover,
form input[disabled]:focus,
form input[disabled]:hover {
  outline-color: currentColor;
}

.tippy-tooltip {
  color: #fff;
  border-radius: 8px;
  background-color: #005f27;
}

.tippy-tooltip[data-placement^='top'] > .tippy-arrow {
  border-top-color: #005f27;
}

.tippy-tooltip ul:not(.contextual-links) {
  list-style-image: url("../img/list-item-light.svg");
}

.tippy-content {
  padding: 6px 12px;
}

.webform-element-help {
  vertical-align: top;
  color: #fff;
  border-color: #005f27;
  background-color: #005f27;
  font-weight: bold;
}

.webform-element-help:active, .webform-element-help:focus, .webform-element-help:hover {
  border-color: #009640;
  background-color: #009640;
}

.webform-element-help--title {
  padding-bottom: 6px;
}

.plaats-textfield {
  display: none;
}

.mailchimp-signup-subscribe-form form {
  display: flex;
  flex-direction: column;
}

.mailchimp-signup-subscribe-form form .form-type-checkbox {
  order: 2;
}

.mailchimp-signup-subscribe-form form .mailchimp-newsletter-mergefields {
  order: 1;
}

.mailchimp-signup-subscribe-form form .form-actions {
  order: 3;
}

.mailchimp-signup-subscribe-form form .js-form-type-checkbox span {
  font-size: 1rem;
}

[for*="edit-payment-information-payment-method-ingenico"]::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  margin-bottom: -8px;
  content: "";
  background: url(../img/ideal.png);
}

.block-account {
  text-align: right;
}

.block-account .contextual {
  left: 12px;
  right: auto;
}

.block-account ul:not(.contextual-links) {
  padding: 0;
  list-style: none;
}

.block-account li {
  display: inline-block;
}

.block-account li:not(:last-of-type) a {
  margin-right: .2rem;
}

@media (min-width: 30em) {
  .block-account li:not(:last-of-type) a {
    margin-right: .6rem;
  }
}

.block-account li a {
  display: block;
  color: #000;
  width: auto;
}

ol.breadcrumb {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #73736e;
  font-size: 0.89rem;
}

ol.breadcrumb li:first-child:before {
  content: " ";
}

ol.breadcrumb li + li:before {
  display: inline-block;
  padding: 0 .5em;
  content: ">";
}

ol.breadcrumb a {
  text-decoration: none;
  color: currentColor;
}

ol.breadcrumb a:hover {
  text-decoration: underline;
}

ol.breadcrumb a:focus {
  color: #1c6d8d;
}

[role="banner"] a {
  color: #463f3f;
  text-decoration: none;
}

[role="banner"] a:hover, [role="banner"] a:focus, [role="banner"] a:active, [role="banner"] a.menu-item--active-trail {
  color: #1c6d8d;
}

[id="block-mainnavigation"] ul {
  list-style: none;
}

[id="block-mainnavigation"] > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

[id="block-mainnavigation"] > ul > * {
  padding-left: 1em;
}

[id="block-mainnavigation"] > ul > * > .menu-item--expanded {
  background-position: right 10.125px;
  background-size: 11.25px;
}

[id="block-mainnavigation"] > ul > * > .menu-item--expanded::after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}

[id="block-mainnavigation"] > ul > * > .menu-item--expanded:hover::after, [id="block-mainnavigation"] > ul > * > .menu-item--expanded:focus::after, [id="block-mainnavigation"] > ul > * > .menu-item--expanded:active::after {
  background-image: url(../img/widgets/open-arrow-down-link.svg);
}

[id="block-mainnavigation"] > ul > * > .menu-item--active-trail::after {
  background-image: url(../img/widgets/open-arrow-down-link.svg);
}

[id="block-mainnavigation"] > ul ul {
  display: none;
}

[id="block-mainnavigation"] a {
  display: block;
}

[id="block-mainnavigation"] a:visited {
  color: #463f3f;
}

[id="block-mainnavigation"] a:hover, [id="block-mainnavigation"] a:focus {
  color: #1c6d8d;
}

.use-mobile-menu [role="banner"] {
  position: relative;
}

.mobile-menu {
  width: 100%;
  max-width: 26.66667em;
  position: absolute;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  top: 42px;
  background: #fff;
  z-index: 99;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  padding: 1.33333em 2.66667em 2.66667em;
  min-height: calc(100vh - 42px);
}

.mobile-menu > ul {
  display: block;
}

.mobile-menu > ul > * > .menu-item--expanded.actief {
  background-position: right 10.125px;
  background-size: 11.25px;
  padding-right: 18px;
}

.mobile-menu > ul > * > .menu-item--expanded.actief:hover, .mobile-menu > ul > * > .menu-item--expanded.actief:focus, .mobile-menu > ul > * > .menu-item--expanded.actief:active {
  background-image: url(../img/widgets/open-arrow-up-link.svg);
}

.mobile-menu > ul li {
  padding: 0;
}

.mobile-menu > ul a {
  padding: 0.66667em 0;
}

.mobile-menu > ul a.menu-item--expanded, .mobile-menu > ul a.menu-item--expanded.actief {
  background-position: right center;
}

.mobile-menu > ul ul {
  padding: 0 0.66667em;
}

/**
 * taken form animate.css
 * @see https://daneden.github.io/animate.css/
 */
.slide-in-right {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    visibility: visible;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    visibility: visible;
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

.slide-out-right {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
  to {
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
  }
}

[data-item-title-container] {
  position: relative;
  display: flex;
  width: 100%;
  padding: 2.66667em 0;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
  -ms-grid-row: 3;
  grid-row: 3;
}

[data-item-title-level-1] .menu-level--2 {
  display: none;
}

[data-item-title-level-1],
[data-item-title-level-2] {
  width: 100%;
  flex-shrink: 0;
}

[data-item-title-level-1] > h3,
[data-item-title-level-2] > h3 {
  text-transform: none;
  font-weight: bold;
  float: left;
  width: auto;
  margin: 0;
}

[data-item-title-level-1] > a,
[data-item-title-level-2] > a {
  float: right;
  width: auto;
  margin: 0;
  text-align: right;
}

[data-item-title-level-1] .submenu-back,
[data-item-title-level-2] .submenu-back {
  background-position: center bottom;
  width: .85em;
  text-indent: .85em;
  display: inline-block;
  margin-right: 0.33333em;
  white-space: nowrap;
  overflow: hidden;
}

[data-item-title-level-1] .submenu-back:visited, [data-item-title-level-1] .submenu-back:hover, [data-item-title-level-1] .submenu-back:focus, [data-item-title-level-1] .submenu-back:active,
[data-item-title-level-2] .submenu-back:visited,
[data-item-title-level-2] .submenu-back:hover,
[data-item-title-level-2] .submenu-back:focus,
[data-item-title-level-2] .submenu-back:active {
  background-position: center bottom;
  background-color: inherit;
}

[data-item-title-level-1] .menu,
[data-item-title-level-2] .menu {
  list-style: none;
  position: relative;
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 1.33333em;
  -moz-column-gap: 1.33333em;
  column-gap: 1.33333em;
  clear: both;
  padding: 0;
}

[data-item-title-level-1] .menu > *,
[data-item-title-level-2] .menu > * {
  display: block;
  transition: left linear 1s;
  position: relative;
  left: 0;
  margin: 0;
  padding: 0;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

[data-item-title-level-1] .menu a,
[data-item-title-level-2] .menu a {
  display: inline-block;
  width: 100%;
  padding: 0.33333em 0;
}

[data-item-title-level-2] {
  opacity: 0;
}

[id="menu-toggle"] {
  -webkit-appearance: none;
  background-color: #fff;
  background-position: left center;
  background-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #463f3f;
  border: 0;
  padding: 0 0 0 18px;
  cursor: pointer;
}

[id="menu-toggle"]:hover, [id="menu-toggle"]:focus {
  background-image: url(../img/widgets/hamburger-link.svg);
}

#dim {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: #fff;
}

#dim.fade-in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

#dim.fade-out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes fadeIn {
  from {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: .8;
  }
}

@keyframes fadeIn {
  from {
    visibility: visible;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: .8;
  }
}

@-webkit-keyframes fadeOut {
  from {
    visibility: visible;
    opacity: .8;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    visibility: visible;
    opacity: .8;
  }
  to {
    opacity: 0;
  }
}

.menu-footer {
  display: flex;
  flex-wrap: wrap;
  width: calc(12em + 48px);
  max-width: calc(100% - (12px * 13 / 2));
}

@media (min-width: 45em) {
  .menu-footer {
    width: initial;
  }
}

.menu-footer li {
  margin-right: 24px;
  min-width: 6em;
}

@media (min-width: 45em) {
  .menu-footer li {
    min-width: 0;
  }
}

.menu-footer-menu {
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

@media (min-width: 45em) {
  .menu-footer-menu {
    margin-top: 0;
  }
}

.menu-footer-menu li {
  display: inline-block;
  width: 100%;
}

@media (min-width: 45em) {
  .menu-footer-menu li {
    width: auto;
  }
}

@media (min-width: 45em) {
  .menu-footer-menu li + li {
    margin-left: 1rem;
  }
}

.pager {
  margin: 1rem 0 0;
  text-align: center;
  color: #000;
}

.pager__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pager__item {
  display: inline-block;
  padding: 0 .25em;
}

.pager a {
  color: currentColor;
}

.pager .is-active a {
  text-decoration: none;
  font-weight: bold;
}

.view-display-id-event_overview .pager {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

.view-display-id-event_overview .pager__item--current {
  font-weight: bold;
}

.block-quick-access-menu ul:not(.contextual-links) {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 45em) {
  .block-quick-access-menu ul:not(.contextual-links) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.block-quick-access-menu ul:not(.contextual-links) a {
  transition: background-color .2s linear;
  display: inline-block;
  text-decoration: none;
  color: #000;
  background: rgba(255, 255, 255, 0.8);
  padding: .6em 1em;
  margin-bottom: .5em;
  width: 100%;
  font-size: 1.39rem;
  text-align: center;
  border-radius: 8px 0 8px 8px;
}

@media (min-width: 45em) {
  .block-quick-access-menu ul:not(.contextual-links) a {
    margin-bottom: 1.5em;
    min-width: 220px;
  }
}

@media (min-width: 60em) {
  .block-quick-access-menu ul:not(.contextual-links) a {
    min-width: 280px;
  }
}

.block-quick-access-menu ul:not(.contextual-links) a:hover, .block-quick-access-menu ul:not(.contextual-links) a:focus, .block-quick-access-menu ul:not(.contextual-links) a:target {
  text-decoration: underline;
  background-color: #fff;
}

.field-node-link,
.field-taxonomy-term-link,
.views-field-view-node {
  margin-top: 0.66667em;
  text-align: right;
}

.field-node-link a,
.field-taxonomy-term-link a,
.views-field-view-node a {
  color: #463f3f;
}

.field-node-link a:focus, .field-node-link a:hover,
.field-taxonomy-term-link a:focus,
.field-taxonomy-term-link a:hover,
.views-field-view-node a:focus,
.views-field-view-node a:hover {
  text-decoration: underline;
  color: #1c6d8d;
}

.taxonomy-term--view-mode-search-result .field-node-title,
.node--view-mode-search-result .field-node-title,
.view-mode-search_suggestion .field-node-title {
  display: inline-block;
}

.taxonomy-term--view-mode-search-result h2,
.node--view-mode-search-result h2,
.view-mode-search_suggestion h2 {
  margin: 0;
  color: #463f3f;
  width: auto;
}

.taxonomy-term--view-mode-search-result a,
.node--view-mode-search-result a,
.view-mode-search_suggestion a {
  color: #1c6d8d;
}

.taxonomy-term--view-mode-search-result a:visited,
.node--view-mode-search-result a:visited,
.view-mode-search_suggestion a:visited {
  color: #793149;
}

.taxonomy-term--view-mode-search-result a.more-link,
.node--view-mode-search-result a.more-link,
.view-mode-search_suggestion a.more-link {
  margin-left: .5em;
  font-style: italic;
}

.taxonomy-term--view-mode-search-result .field-hk-ds-appointment-field,
.taxonomy-term--view-mode-search-result .field-hk-ds-call-to-action-field,
.node--view-mode-search-result .field-hk-ds-appointment-field,
.node--view-mode-search-result .field-hk-ds-call-to-action-field,
.view-mode-search_suggestion .field-hk-ds-appointment-field,
.view-mode-search_suggestion .field-hk-ds-call-to-action-field {
  display: inline-block;
}

.taxonomy-term--view-mode-search-result .field-hk-ds-appointment-field a,
.taxonomy-term--view-mode-search-result .field-hk-ds-call-to-action-field a,
.node--view-mode-search-result .field-hk-ds-appointment-field a,
.node--view-mode-search-result .field-hk-ds-call-to-action-field a,
.view-mode-search_suggestion .field-hk-ds-appointment-field a,
.view-mode-search_suggestion .field-hk-ds-call-to-action-field a {
  width: auto;
  padding: 0 10px;
  text-decoration: none;
  text-align: center;
  min-width: 6rem;
  border: 0;
  font-style: italic;
  color: #463f3f;
  background-color: #b0d8f4;
  border-radius: 8px 0 8px 8px;
  margin-left: 0.5rem;
}

.taxonomy-term--view-mode-search-result .field-hk-ds-appointment-field:hover, .taxonomy-term--view-mode-search-result .field-hk-ds-appointment-field:focus,
.taxonomy-term--view-mode-search-result .field-hk-ds-call-to-action-field:hover,
.taxonomy-term--view-mode-search-result .field-hk-ds-call-to-action-field:focus,
.node--view-mode-search-result .field-hk-ds-appointment-field:hover,
.node--view-mode-search-result .field-hk-ds-appointment-field:focus,
.node--view-mode-search-result .field-hk-ds-call-to-action-field:hover,
.node--view-mode-search-result .field-hk-ds-call-to-action-field:focus,
.view-mode-search_suggestion .field-hk-ds-appointment-field:hover,
.view-mode-search_suggestion .field-hk-ds-appointment-field:focus,
.view-mode-search_suggestion .field-hk-ds-call-to-action-field:hover,
.view-mode-search_suggestion .field-hk-ds-call-to-action-field:focus {
  text-decoration: underline;
}

@media (min-width: 45em) {
  .block-social-media {
    order: 2;
  }
}

@media (min-width: 78.5em) {
  .block-social-media {
    white-space: nowrap;
  }
}

ul.menu-social-media {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-size: 1rem;
}

ul.menu-social-media li + li a {
  margin-left: .4rem;
}

@media (min-width: 30em) {
  ul.menu-social-media li + li a {
    margin-left: .8rem;
  }
}

ul.menu-social-media a {
  border-radius: 8px;
  display: block;
  overflow: hidden;
  width: 1.5em;
  height: 1.5em;
  text-indent: -9999em;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .3s ease;
}

ul.menu-social-media a:hover, ul.menu-social-media a:focus {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.feed-icon:not([href$="=csv"])::before {
  content: "";
  width: 1.2em;
  height: 1.2em;
  float: left;
  margin-right: .3em;
  border-radius: 8px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .3s ease;
}

.feed-icon:not([href$="=csv"]):hover::before, .feed-icon:not([href$="=csv"]):focus::before {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.tabs ul,
ul.tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #b4b6ad;
}

.tabs ul.ui-tabs-nav,
ul.tabs.ui-tabs-nav {
  margin-top: 1.33333em;
}

.tabs ul a,
ul.tabs a {
  display: block;
  padding: 6px 12px;
  transition: color .2s ease-in-out;
  white-space: nowrap;
  text-decoration: none;
  color: #73736e;
  border: 1px solid #b4b6ad;
  border-radius: 5.33333px 5.33333px 0 0;
  background-color: #fff;
}

.tabs ul a:hover, .tabs ul a:focus, .tabs ul a.is-active,
ul.tabs a:hover,
ul.tabs a:focus,
ul.tabs a.is-active {
  color: #1c6d8d;
}

.tabs ul a.is-active,
ul.tabs a.is-active {
  border-bottom: 1px solid #fff;
}

.tabs ul a:focus,
ul.tabs a:focus {
  border-color: #1c6d8d;
  outline: none;
}

.tabs ul li,
ul.tabs li {
  margin: 5px 3px -1px;
}

.tabs ul li:first-child,
ul.tabs li:first-child {
  margin-left: 0;
}

.tabs ul li.ui-state-active a,
ul.tabs li.ui-state-active a {
  color: #1c6d8d;
  border-bottom: 1px solid #fff;
}

.node--type-dataset.node--view-mode-teaser ul {
  list-style: none;
  padding: 0;
}

.node--type-dataset.node--view-mode-teaser ul li {
  display: inline-block;
  width: auto;
  padding-right: 1rem;
  margin-bottom: 0.5rem;
}

.node--type-dataset.node--view-mode-teaser .field-field-files a::after {
  float: left;
  margin-left: 0;
  margin-right: .2em;
}

.node--type-dataset ul {
  list-style: none;
  padding: 0;
}

.node--type-dataset ul li {
  display: inline-block;
  width: auto;
  padding-right: 1rem;
}

.node--type-dataset p {
  margin-bottom: 0.5rem;
}

.node--type-dataset .field-field-files a {
  color: #463f3f;
  text-decoration: none;
}

.node--type-dataset .field-field-files a:hover, .node--type-dataset .field-field-files a:focus {
  text-decoration: underline;
}

.node--type-dataset .field-field-files a::after {
  float: left;
  margin-left: 0;
  margin-right: .2em;
}

.node--type-event.node--view-mode-full .field-field-event-date > div {
  margin-bottom: 0.5rem;
}

.node--type-event.node--view-mode-full .field-field-event-venue ul {
  display: flex;
  flex-wrap: wrap;
}

.node--type-event.node--view-mode-full .field-field-event-venue ul li {
  flex: 1 0 50%;
  margin-bottom: 0.5rem;
}

@media (min-width: 45em) {
  .node--type-event.node--view-mode-full .field-field-event-venue ul li {
    flex: 1 0 33.33333%;
  }
}

.node--type-event .field-field-event-date ul,
.node--type-event .field-field-event-venue ul {
  list-style: none;
  padding-left: 0;
}

.node--type-event .field-field-event-date {
  list-style: none;
  padding-left: 0;
}

.node--type-faq .field-field-faq-answer {
  list-style: none;
  padding-left: 0;
}

.node--type-faq details {
  padding-top: 0.66667em;
}

.node.node--view-mode-full ul {
  margin-bottom: 1rem;
}

.node.node--view-mode-full ul.field-field-files li {
  margin-bottom: .5rem;
}

.node--type-news.node--view-mode-full .field-node-post-date {
  margin-bottom: 0.5rem;
}

.node--type-pdc-product.node--view-mode-full {
  margin-bottom: 1.33333em;
}

.node--type-pdc-product.node--view-mode-full .field {
  margin: 0.66667em 0;
}

.field-field-pdc-product-attention {
  padding: 12px;
  border: 3px solid #7e101d;
  border-radius: 8px 0 8px 8px;
  background-color: #fff;
}

.field-field-pdc-product-attention h2 {
  margin: 0;
  color: #7e101d;
  font-style: italic;
}

ul.field-field-pdc-product-laws {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 45em) {
  .node--type-person.node--view-mode-full .field-field-person-email h2,
  .node--type-person.node--view-mode-full .field-field-person-email h3,
  .node--type-person.node--view-mode-full .field-field-person-email div,
  .node--type-person.node--view-mode-full .field-field-person-duty h2,
  .node--type-person.node--view-mode-full .field-field-person-duty h3,
  .node--type-person.node--view-mode-full .field-field-person-duty div,
  .node--type-person.node--view-mode-full .field-field-politieke-partij h2,
  .node--type-person.node--view-mode-full .field-field-politieke-partij h3,
  .node--type-person.node--view-mode-full .field-field-politieke-partij div {
    display: inline-block;
  }
}

@media (min-width: 45em) {
  .node--type-person.node--view-mode-full .field-field-person-photo {
    float: right;
    margin: 0 0 1.5rem 1.5rem;
  }
}

.node--type-person.node--view-mode-full .field-field-par-description,
.node--type-person.node--view-mode-full .field-field-par-salaried {
  display: inline-block;
}

.node--type-person.node--view-mode-full .field-field-video {
  clear: both;
  margin: 1.33333em 0;
}

.node--type-person.node--view-mode-person-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}

.node--type-person.node--view-mode-person-list .field-node-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1 0 auto;
}

.node--type-person.node--view-mode-person-list .field-node-title h2 {
  margin: 0;
  font-size: 29.88px;
  line-height: 1.1;
}

.node--type-person.node--view-mode-person-list .field-field-person-photo {
  overflow: hidden;
  margin: .5rem 0;
}

.node--type-person.node--view-mode-person-list .field-field-person-photo img {
  display: block;
  width: 100%;
}

.node--type-person.node--view-mode-person-list .field-field-person-duty,
.node--type-person.node--view-mode-person-list .field-field-person-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.node--type-person.node--view-mode-person-list .field-field-person-duty h3,
.node--type-person.node--view-mode-person-list .field-field-person-email h3 {
  display: block;
  width: auto;
}

.node--type-person.node--view-mode-person-list .field-node-link {
  margin: 0;
  text-align: left;
}

.node--type-person.node--view-mode-person-list .field-node-link a {
  color: #1c2e4d;
  font-size: 0.78rem;
  font-style: italic;
}

.node--type-person.node--view-mode-search-result:after {
  content: '';
  display: table;
  clear: both;
}

.node--type-person.node--view-mode-search-result .field-field-person-photo {
  float: left;
  margin-right: 1em;
}

.node--type-person.node--view-mode-search-result .field-field-person-email h3,
.node--type-person.node--view-mode-search-result .field-field-person-duty h3 {
  font-style: inherit;
}

.node--type-person.node--view-mode-teaser .field-field-person-photo {
  float: left;
  margin: 0 1rem 1rem 0;
}

.node--type-person.node--view-mode-teaser .field-field-intro {
  min-height: 65px;
}

.node--type-person .field-field-person-email h2,
.node--type-person .field-field-person-email h3,
.node--type-person .field-field-person-duty h2,
.node--type-person .field-field-person-duty h3,
.node--type-person .field-field-politieke-partij h2,
.node--type-person .field-field-politieke-partij h3 {
  display: block;
  min-width: 6.6rem;
  margin: 0;
  vertical-align: top;
  color: currentColor;
  font-size: inherit;
  font-weight: inherit;
  font-style: italic;
  line-height: inherit;
}

@media (min-width: 45em) {
  .node--type-person .field-field-person-email h2,
  .node--type-person .field-field-person-email h3,
  .node--type-person .field-field-person-duty h2,
  .node--type-person .field-field-person-duty h3,
  .node--type-person .field-field-politieke-partij h2,
  .node--type-person .field-field-politieke-partij h3 {
    display: inline-block;
  }
}

.node--type-person .field-field-person-duty ul {
  display: inline;
  padding: 0;
  list-style: none;
}

.node--type-person .field-field-person-duty li {
  display: inline;
}

.node--type-person .field-field-person-duty li:not(:last-child):after {
  content: ", ";
}

.node--type-person .field-field-person-email a {
  color: currentColor;
}

.node--type-person .field-field-person-email div {
  display: inline;
}

.node--type-person .field-field-intro {
  margin-top: .5rem;
}

.node--view-mode-pictogram .field-group-link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: currentColor;
}

.node--view-mode-pictogram h2 {
  color: currentColor;
  font-size: 1rem;
  font-weight: inherit;
}

.node--view-mode-pictogram .field-field-pictogram {
  order: -1;
}

.node--view-mode-pictogram img {
  display: block;
}

.node.node--view-mode-teaser .field-node-post-date {
  margin-bottom: 0.5rem;
}

.node--type-yamlform .field-field-intro,
.node--type-yamlform .field-yamlform {
  margin: 0 0 1.33333em;
}

.block-system-main-block .node--unpublished {
  background: #ebedee repeating-linear-gradient(150deg, #ebedee, #ebedee 30px, #f6f7f7 0, #f6f7f7 60px);
  outline: 5px solid #ebedee;
}

.hk-commerce-order--user .field-address,
.hk-commerce-order--user .field-order-items {
  margin-top: 1.33333em;
}

.hk-commerce-order--user .field-completed.field--label-inline > *,
.hk-commerce-order--user .field-placed.field--label-inline > *,
.hk-commerce-order--user .field-state.field--label-inline > * {
  display: inline-block;
}

.hk-commerce-order--user .field-completed h2,
.hk-commerce-order--user .field-placed h2,
.hk-commerce-order--user .field-state h2 {
  min-width: 4.5em;
  font-size: 1rem;
}

.paragraph--type--act-article .field > * {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.paragraph--type--media-carrousel {
  display: none;
  margin: 24px 0;
}

.js .paragraph--type--media-carrousel {
  display: block;
}

.slick--initialized {
  position: relative;
}

.slick-list {
  border: 1px solid #1c6d8d;
  border-radius: 8px 0 8px 8px;
}

.slick-track {
  margin: 6px 0;
}

@media (min-width: 45em) {
  .slick-track {
    margin: 12px 0;
  }
}

.media--ratio {
  padding-bottom: 56.3%;
}

.slick__arrow {
  position: absolute;
  z-index: 9999;
  top: 0;
  display: flex;
  width: 100%;
  height: 48px;
  margin-top: 6px;
  padding: 0;
}

@media (min-width: 45em) {
  .slick__arrow {
    margin-top: 12px;
  }
}

button.slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  text-indent: -9999em;
  border: 0;
  background: none;
}

button.slick-arrow::after {
  position: absolute;
  top: 0;
  left: 6px;
  display: block;
  width: 48px;
  height: 48px;
  margin-top: calc(28.1045751634% - 24px);
  content: '';
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-position-y: 36px;
  background-size: 21px 13px;
}

@media (min-width: 45em) {
  button.slick-arrow::after {
    background-position-y: 24px;
    background-size: 36px 21px;
  }
}

button.slick-arrow:focus {
  outline: none;
}

button.slick-arrow:focus::after {
  outline: 2px solid #b4b6ad;
}

button.slick-next {
  margin-left: auto;
}

button.slick-next::after {
  right: 6px;
  left: auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

ul.slick-dots {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
  grid-gap: 6px;
  margin: 6px 0;
  padding: 0 0 6px;
  list-style: none;
  border-bottom: 1px solid #b4b6ad;
}

@media (min-width: 45em) {
  ul.slick-dots {
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    grid-gap: 12px;
    margin: 12px 0;
    padding-bottom: 12px;
  }
}

ul.slick-dots li {
  margin: 0;
  transition: .4s filter ease-out;
  -webkit-filter: opacity(0.333);
  filter: opacity(0.333);
}

ul.slick-dots li:focus, ul.slick-dots li:hover, ul.slick-dots li.slick-active {
  -webkit-filter: none;
  filter: none;
}

ul.slick-dots img {
  display: block;
  width: 100%;
}

ul.slick-dots button {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.paragraph--type--text-image .field-field-par-text::after {
  display: table;
  width: 100%;
  content: "";
}

.paragraph-blocks {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 -30px;
}

@media (min-width: 30em) {
  .paragraph-blocks {
    flex-direction: row;
  }
}

.paragraph-blocks .paragraph {
  margin: 1rem 0;
  padding: 0 30px;
}

@media (min-width: 30em) {
  .paragraph-blocks .paragraph {
    flex: 1 0 50%;
    border-left: 1px solid #b4b6ad;
  }
}

@media (min-width: 30em) and (max-width: 44em) {
  .paragraph-blocks .paragraph:nth-child(2n+1) {
    border-left: 0;
  }
}

@media (min-width: 45em) {
  .has-sidebar .paragraph-blocks .paragraph {
    flex: 1 0 33.33333%;
  }
  .has-sidebar .paragraph-blocks .paragraph:nth-child(3n+1) {
    border-left: 0;
  }
  .has-no-sidebar .paragraph-blocks .paragraph {
    flex: 1 0 25%;
  }
  .has-no-sidebar .paragraph-blocks .paragraph:nth-child(4n+1) {
    border-left: 0;
  }
}

.view-commerce-checkout-order-summary th,
.view-commerce-checkout-order-summary td {
  border-left: 0;
}

.view-commerce-checkout-order-summary th:first-child,
.view-commerce-checkout-order-summary td:first-child {
  width: 0;
  padding-right: 0;
  padding-left: 0;
  white-space: nowrap;
}

.view-newsletter-news .mailchimp-read-more {
  padding-bottom: 2em;
}

@media (min-width: 30em) {
  .view-person-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
  }
}

.view-person-list .views-row {
  border-bottom: 2px solid #1c6d8d;
}

@media (min-width: 0) and (max-width: 29em) {
  .view-person-list .views-row:last-child {
    border-bottom: none;
  }
}

@media (min-width: 30em) {
  .view-person-list .views-row {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 10px 5px;
  }
}

@media (min-width: 30em) and (max-width: 44em) {
  .view-person-list .views-row:nth-child(2n+1):nth-last-child(2),
  .view-person-list .views-row:nth-child(2n+1):nth-last-child(2) + .views-row {
    border-bottom: none;
  }
}

@media (min-width: 45em) {
  .view-person-list .views-row {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .view-person-list .views-row:nth-child(3n+1):nth-last-child(-n+3),
  .view-person-list .views-row:nth-child(3n+1):nth-last-child(-n+3) ~ .views-row {
    border-bottom: none;
  }
}

.view-search .views-row + .views-row {
  margin-top: 1.5rem;
}

.view-taxonomy-nodes-1-line {
  margin-top: 1.33333em;
}

.view-taxonomy-related-nodes .views-row + .views-row {
  margin-top: 1.33333em;
}

.view-person-list.view-taxonomy-related-nodes .views-row + .views-row {
  margin-top: 0;
}

.view-pictogram-list.view-taxonomy-related-nodes .views-row + .views-row {
  margin-top: 0;
}

.view-taxonomy-related-nodes.view-display-id-block_2 img {
  float: left;
  margin-right: 1em;
}

.view-pictogram-list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
  align-items: start;
  grid-gap: 1.33333em;
}

.view-taxonomy-without-nodes .taxonomy-terms {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 30em) {
  .view-taxonomy-without-nodes .taxonomy-terms {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 1.33333em;
    -moz-column-gap: 1.33333em;
    column-gap: 1.33333em;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
  }
}

@media (min-width: 45em) {
  .view-taxonomy-without-nodes .taxonomy-terms {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}

.field-taxonomy-term-title a {
  font-size: 20.7px;
  line-height: 2.66667em;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ebedee;
}

@media (min-width: 30em) {
  .view-commerce-cart-form td {
    min-width: 6rem;
  }
}

.view-commerce-cart-form td:first-child {
  width: 100%;
}

.view-commerce-cart-form .delete-order-item {
  width: 2rem;
  min-width: 0;
  height: 18px;
  text-indent: -9999em;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  background-color: transparent;
}

.view-commerce-cart-form .delete-order-item:hover, .view-commerce-cart-form .delete-order-item:focus {
  -webkit-filter: none;
  filter: none;
}

.view-commerce-cart-form .form-actions [type="submit"] {
  margin-top: 12px;
  margin-left: auto;
}

.order-total-line {
  padding-top: 0;
  padding-right: 5px;
}

/*# sourceMappingURL=style.css.map */