@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&family=Julius+Sans+One&family=Syncopate&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap");
html { font-size: 62.5%; }

.block-local-tasks-block { margin-bottom: 5rem; margin-top: 3rem; text-align: center; }

.tabs a { padding: 10px 15px; color: #fff; background-color: #131e1e; }

.tabs a:hover { color: #fff; background-color: #E0B874; }

.tabs a.is-active { background-color: #E0B874; color: #fff; }

#block-tabbladen { margin-bottom: 3rem; }

body { font-size: 15px; font-size: 1.5rem; letter-spacing: 0.03em; line-height: 2.2rem; font-weight: 400; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fcfcfc; color: #131e1e; padding-top: 2rem; font-family: 'Josefin Sans', sans-serif; }

main { margin-top: 4rem; margin-bottom: 8rem; }

h1 { display: none; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; line-height: 1em; font-family: 'Julius Sans One', sans-serif; line-height: 1.2em; }

h2 { font-size: 2.2rem; letter-spacing: 0.1rem; margin-bottom: 2rem; }

h3 { font-size: 1.8rem; margin-bottom: 1.6rem; }

h4 { font-size: 1.4rem; margin-bottom: 1rem; }

a { text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #E0B874; }

a:hover { color: #000; }

hr { display: block; height: .1rem; border: none; background-color: #e6e7eb; margin-bottom: 2rem; margin-top: 2.5rem; }

.layout-content__inner { width: 100%; max-width: 68rem; margin: 0 auto; }

ul.menu { margin: 0; }

.menu-item { padding-top: 0; }

p { margin-top: 0; }

p:last-child { margin-bottom: 0; }

input { border-radius: 0; }

textarea { padding: .5rem; }

:focus { outline: none; color: none; }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #131e1e; opacity: 1; /* Firefox */ }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #252627; }

::-ms-input-placeholder { /* Microsoft Edge */ color: #252627; }

img { display: block; }

/* User */
.user-login-form input[type="text"], .user-login-form input[type="password"] { border-top: none; border-left: none; border-right: none; width: 320px; color: #131e1e; border-color: #DCDCE2; border-height: 1px; }

.user-login-form input[type=submit] { padding: 10px 20px; color: #fff; border: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #E0B874; -webkit-border-radius: 90px; -moz-border-radius: 90px; -ms-border-radius: 90px; -o-border-radius: 90px; border-radius: 90px; }

.user-login-form input[type=submit]:hover { background-color: #bba22b; }

.user-login-form .description { font-size: 1.0rem; padding-top: 1rem; }

.path-user .region-highlighted { top: 9rem; }

.path-user main { height: calc(100vh - 32.3rem); width: 100%; max-width: 136.6rem; margin: 0 auto 0; padding-top: 13rem; }

.path-user .user-login-form { margin-top: 5rem; }

@media only screen and (min-width: 768px) and (max-width: 1180px) { .path-user main { padding: 0 2.5%; } }

@media only screen and (min-width: 320px) and (max-width: 767px) { .path-user main { padding: 0 5%; } }

/* EDITOR */
.toolbar-tray-horizontal .menu-item a:focus, .toolbar-tray-horizontal .menu-item a:hover { background: #E0B874; color: #131e1e !important; }

.toolbar .toolbar-icon-admin-toolbar-tools-help:before, .toolbar .toolbar-handle:before { top: 0 !important; }

.toolbar-menu .menu-item a { padding-left: 1.73rem; }

.toolbar-menu .menu-item a:hover { background: #E0B874; color: #fff !important; text-decoration: none; }

.toolbar-menu .menu-item:before { display: none; }

.toolbar-menu .menu-item--expanded a { padding-left: 4rem; }

.path-admin .toolbar-menu > li:last-of-type a { padding-left: 3.5rem; }

.toolbar-tray .toolbar-icon-system-modules-list:before, .toolbar-tray .toolbar-icon-system-admin-content:before, .toolbar-tray .toolbar-icon-system-admin-structure:before, .toolbar-tray .toolbar-icon-entity-user-collection:before, .toolbar-tray .toolbar-icon-system-admin-reports:before, .toolbar-tray .toolbar-icon-help-main:before, .toolbar-tray .toolbar-icon-system-themes-page:before, .toolbar-tray .toolbar-icon-system-admin-config:before { top: 0 !important; }

.toolbar .toolbar-toggle-orientation [value="vertical"]::before { top: 0 !important; }

.user-logged-in header { top: 6rem; }

.region-highlighted { width: 100%; max-width: 98rem; margin: 1.5rem auto 0; }

.path-frontpage .field__item img { width: 100%; height: auto; }

.field--name-field-home-portretten > .field__item { margin-bottom: 2rem; }

.field--name-field-home-portretten > .field__item:last-of-type { margin-bottom: 0; }

.protret__title { text-align: center; font-size: 1.4rem; margin-top: 1.2rem; font-weight: 400; margin-bottom: 2.5rem; }

.image__caption { display: none; }

.fancybox-bg { opacity: .95 !important; }

.caption__title { margin-bottom: 2.2rem; font-size: 2.5rem; text-transform: inherit; }

/* .fancybox-active{ overflow-y: hidden; } .fancybox-inner{ overflow-y: scroll; } .fancybox-stage{ position: static !important; //height: 500px; height: auto; } .fancybox-caption{ position: static !important; display: block !important; width: 100%; max-width: 98rem; margin:  0 auto; left: 0; color: $black; background: transparent; line-height: 2.2rem; margin-top: 0; } .fancybox-caption__body{ height: auto; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; margin: 0 auto; background: #fff; font-family: 'Josefin Sans', sans-serif; @include box-sizing(border-box); } .fancybox-content{ position: static !important; margin: 0 auto; transform: translateX(0) !important; transform: translateX(0) !important; max-width: 100rem !important; width: 100% !important; height: auto !important; } .fancybox-slide, .fancybox-image{ position: static !important; } .fancybox-image{ display: block; margin:  0 auto; } .fancybox-slide--image{ padding-bottom: 0 !important; }*/
.fancybox-caption { width: 100%; max-width: 98rem !important; margin: 0 auto; background: transparent; font-size: 1.6rem; }

.fancybox-button--arrow_left, .fancybox-button--arrow_right { background-color: transparent; color: #E0B874; width: 30px; height: 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding: 0 !important; }

.fancybox-button--arrow_left div, .fancybox-button--arrow_right div { width: 30px; height: 30px; padding: 0 !important; }

.fancybox-button--arrow_left:hover, .fancybox-button--arrow_right:hover { color: #8b7963; }

.fancybox-button--arrow_left svg, .fancybox-button--arrow_right svg { width: 30px; height: 30px; }

.fancybox-button--arrow_left svg { left: 2rem; }

.fancybox-button--arrow_right svg { position: absolute; right: 2rem; }

.fancybox-thumbs__list { background-color: #fff; }

.fancybox-thumbs { background-color: #fff; }

.fancybox-progress { background: #E0B874; }

.main__logo svg { position: relative; }

.cls-2 { -webkit-animation: turning 1.8s infinite linear; -moz-animation: turning 1.8s infinite linear; -ms-animation: turning 1.8s infinite linear; -o-animation: turning 1.8s infinite linear; animation: turning 1.8s infinite linear; transform-origin: 420px center; }

@-webkit-keyframes turning { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); } }

@-moz-keyframes turning { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); } }

@-ms-keyframes turning { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); } }

@-o-keyframes turning { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); } }

@keyframes turning { 0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); } }

header { position: fixed; top: 0; left: 0; width: 30rem; padding: 2rem 4rem; }

.main__logo { display: inline-block; }

.main__logo svg { width: 20.1rem; }

.main__logo svg .cls-2 { fill: #E0B874; }

.header__inner h2 { font-size: 2.2rem; margin-top: 2rem; margin-bottom: 6.5rem; line-height: 3rem; width: 24.3rem; }

.header__inner .menu { margin-top: 3rem; }

.header__inner .menu a { font-size: 1.4rem; display: inline-block; margin-bottom: 2.5rem; font-family: 'Julius Sans One', sans-serif; color: #131e1e; }

.header__inner .menu a:after { content: ""; display: block; width: 0; height: .1rem; position: relative; top: .2rem; background-color: #E0B874; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.header__inner .menu a:hover:after { width: 100%; }

.header__inner .menu a.is-active:after { display: block; width: 100%; }

.header__inner .menu li:last-of-type { margin-right: 0; }

.header__social--wrapper { position: relative; left: -.7rem; }

.header__social { position: fixed; bottom: 1rem; opacity: 0.85; z-index: 10; left: 4rem; }

.header__social a:hover { color: #E0B874; }

.header__social .footer__instagram { position: relative; top: .2rem; margin-left: 1rem; font-size: 1.1rem; }

.harganat { display: block; margin-bottom: .8rem; }

.legal { font-family: 'Julius Sans One', sans-serif; text-transform: uppercase; font-size: 1rem; margin-top: 1rem; }

.legal a { color: #131e1e; }

.half-moon { position: fixed; bottom: 0; right: -1rem; z-index: -1; width: 24.9rem; height: 22.5rem; }

.half-moon path { fill: #FAF5EC; }

@media only screen and (min-width: 0px) and (max-width: 1288px) { body { padding-top: 1rem; }
  header { max-width: 98rem; margin: 0 auto; position: static; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  main { margin: 4rem auto 16rem; width: 100%; }
  .main__logo { display: block; text-align: center; }
  .header__inner h2 { text-align: center; width: auto; font-size: 1.8rem; line-height: 2rem; margin-bottom: 5rem; }
  .header__inner .menu { clear: both; display: block; text-align: center; margin-top: 5rem; }
  .header__inner .menu li { display: inline-block; }
  .header__inner .menu a { margin-bottom: 0; margin-right: 4rem; }
  .header__inner .menu li:last-of-type a { margin-right: 0; }
  .half-moon { display: none; }
  .header__social { position: static; text-align: center; }
  .harganat { text-align: center; display: inline-block; }
  .header__social--wrapper { text-align: center; margin-bottom: 3rem; }
  .footer_website { text-align: center; margin-bottom: 1.2rem; } }

@media only screen and (min-width: 0px) and (max-width: 767px) { main { margin-top: 2rem; }
  .fancybox-caption { padding-top: 0; top: 10.9rem; }
  .fancybox-caption__body { max-height: 100vh; overflow: auto; }
  .fancybox-image { display: none; }
  .fancybox-button--arrow_left, .fancybox-button--arrow_right { display: none; } }

.field--name-field-page-afbeelding { margin-bottom: 4rem; }

.field--name-field-page-afbeelding img { width: 100%; height: auto; }

.field--name-body { line-height: 2.4rem; }

.field--name-body ul { padding-left: 2.6rem; }

@media only screen and (min-width: 0px) and (max-width: 680px) { header { padding-top: 1.5rem; }
  .field--name-body { padding: 0 2.5%; } }

footer { width: 100%; max-width: 68rem; margin: 0 auto; text-align: center; }

.footer__social { display: none; }