/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* colors */
/* some heights */
/* breakpoints from yml */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/roboto/roboto-regular.woff2") format("woff2"), url("../fonts/roboto/roboto-regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'robotobold';
  src: url("../fonts/roboto/roboto-bold.woff2") format("woff2"), url("../fonts/roboto/roboto-bold.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'socialico';
  src: url("../fonts/socialico/socialico.woff2") format("woff2"), url("../fonts/socialico/socialico.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
/* line 29, ../sass/_typography.scss */
body {
  font-family: 'robotoregular';
  color: #333333;
  font-size: 18px;
  line-height: 1.4em;
}
/* line 35, ../sass/_typography.scss */
body .frontpage main {
  font-size: 18px !important;
}
/* line 38, ../sass/_typography.scss */
body h1, body h2, body h3 {
  font-family: 'robotobold';
  color: #663300;
  margin: .5em 0;
  font-weight: bold;
}
/* line 44, ../sass/_typography.scss */
body h1 {
  font-size: 150%;
  line-height: 1.6em;
}
/* line 48, ../sass/_typography.scss */
body h2 {
  font-size: 150%;
  line-height: 1.6em;
}
/* line 52, ../sass/_typography.scss */
body h3 {
  font-size: 125%;
}
/* line 55, ../sass/_typography.scss */
body a {
  color: #333333;
}
/* line 57, ../sass/_typography.scss */
body a:hover {
  color: #663300;
}
/* line 61, ../sass/_typography.scss */
body p {
  margin-top: .5em;
}
/* line 64, ../sass/_typography.scss */
body b {
  font-size: 100%;
  font-weight: bolder;
}
/* line 68, ../sass/_typography.scss */
body #main ul {
  margin-left: .5em;
  list-style: disc;
}
/* line 71, ../sass/_typography.scss */
body #main ul li {
  list-style-position: inside;
}
/* line 75, ../sass/_typography.scss */
body #main ol {
  margin-left: .5em;
  list-style-type: decimal;
}
/* line 78, ../sass/_typography.scss */
body #main ol li {
  list-style-position: inside;
}

@media (min-width: 768px) {
  /* line 85, ../sass/_typography.scss */
  body h1 {
    font-size: 200%;
  }
}
/* line 1, ../sass/_drawer.scss */
body {
  margin: 0;
}
/* line 5, ../sass/_drawer.scss */
body header #block-sidrtriggerbuttonblock button {
  background-color: transparent;
  border: none;
  color: #663300;
  font-size: 3rem;
  line-height: 100px;
  outline: none;
}
/* line 12, ../sass/_drawer.scss */
body header #block-sidrtriggerbuttonblock button:before {
  content: "\2630";
}
/* line 15, ../sass/_drawer.scss */
body header #block-sidrtriggerbuttonblock button span {
  display: none;
}
/* line 21, ../sass/_drawer.scss */
body .region-drawer {
  display: none;
}
/* line 24, ../sass/_drawer.scss */
body .sidr {
  background-color: #663300;
}
/* line 28, ../sass/_drawer.scss */
body.sidr-open .region-drawer {
  display: block;
}
/* line 30, ../sass/_drawer.scss */
body.sidr-open .region-drawer img {
  height: 100px;
  width: auto;
  max-width: 100%;
}
/* line 36, ../sass/_drawer.scss */
body.sidr-open .region-drawer ul.menu a.is-active {
  color: #faecd4;
}
/* line 41, ../sass/_drawer.scss */
body.sidr-open:before {
  content: "\0000A0";
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(102, 51, 0, 0.3);
  transform: translateX(0);
}
/* line 52, ../sass/_drawer.scss */
body.sidr-open header #block-sidrtriggerbuttonblock button:before {
  content: "X";
  padding: .3rem .3rem 0 0;
  color: #663300;
}

/* line 1, ../sass/_branding.scss */
header {
  position: fixed;
  width: calc(100% - 2rem);
  top: 0;
  background-color: #F9EAD9;
  z-index: 1000;
}
/* line 7, ../sass/_branding.scss */
header > div {
  display: flex;
}
/* line 9, ../sass/_branding.scss */
header > div #block-ewlh-branding {
  flex: 0 0 auto;
  display: flex;
}
/* line 13, ../sass/_branding.scss */
header > div #block-ewlh-branding a img {
  width: auto;
  height: 100px;
}
/* line 18, ../sass/_branding.scss */
header > div #block-ewlh-branding h2 {
  display: none;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 .3rem;
}
/* line 23, ../sass/_branding.scss */
header > div #block-ewlh-branding h2 a {
  text-decoration: none;
  color: #663300;
  font-size: 1.2rem;
  line-height: 100px;
}
/* line 31, ../sass/_branding.scss */
header > div #block-telefoon {
  text-align: right;
  flex: 1 0 auto;
  margin-top: 30px;
}
/* line 35, ../sass/_branding.scss */
header > div #block-telefoon p {
  font-size: .9em;
  color: #663300;
  margin: 0;
}
/* line 39, ../sass/_branding.scss */
header > div #block-telefoon p span {
  margin-right: .5rem;
}
/* line 44, ../sass/_branding.scss */
header > div #block-sidrtriggerbuttonblock {
  flex: 0 0 4rem;
  text-align: right;
}

@media (min-width: 768px) {
  /* line 54, ../sass/_branding.scss */
  header > div #block-ewlh-branding h2 {
    display: block;
  }
  /* line 62, ../sass/_branding.scss */
  header > div #block-telefoon p {
    font-size: 1em;
  }
}
@media (min-width: 1024px) {
  /* line 70, ../sass/_branding.scss */
  header {
    width: calc(100% - 3.2rem);
    max-width: calc(1800px - 3.2rem);
  }
  /* line 76, ../sass/_branding.scss */
  header > div #block-ewlh-branding h2 a {
    font-size: 2.4rem;
  }
}
@media (min-width: 1600px) {
  /* line 89, ../sass/_branding.scss */
  header > div #block-ewlh-branding h2 a {
    font-size: 3rem;
  }
}
/* line 1, ../sass/_caroussel.scss */
ul.slick-slider {
  list-style: none;
}
/* line 3, ../sass/_caroussel.scss */
ul.slick-slider > button {
  display: none !important;
  z-index: 100;
}
/* line 6, ../sass/_caroussel.scss */
ul.slick-slider > button:before {
  font-size: 3rem;
  color: #FFFFFF;
}
/* line 10, ../sass/_caroussel.scss */
ul.slick-slider > button.slick-prev {
  left: 5rem;
}
/* line 12, ../sass/_caroussel.scss */
ul.slick-slider > button.slick-prev:before {
  content: "\2190";
}
/* line 16, ../sass/_caroussel.scss */
ul.slick-slider > button.slick-next {
  right: 7rem;
}
/* line 19, ../sass/_caroussel.scss */
ul.slick-slider > button.slick-next:before {
  content: "\2192";
}
/* line 24, ../sass/_caroussel.scss */
ul.slick-slider ul.slick-dots {
  bottom: 1.5rem;
  margin-bottom: 0.2rem;
  left: 5rem;
  width: auto;
}
/* line 29, ../sass/_caroussel.scss */
ul.slick-slider ul.slick-dots li {
  width: 15px;
  height: 15px;
  margin: 0 2px;
  border: 2px solid #663300;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: rgba(255, 255, 255, 0.7);
}
/* line 37, ../sass/_caroussel.scss */
ul.slick-slider ul.slick-dots li button:before {
  color: #FFFFFF;
}
/* line 41, ../sass/_caroussel.scss */
ul.slick-slider ul.slick-dots li.slick-active {
  background: white;
}
/* line 47, ../sass/_caroussel.scss */
ul.slick-slider .slick-list .slick-slide {
  position: relative;
}
/* line 49, ../sass/_caroussel.scss */
ul.slick-slider .slick-list .slick-slide .views-field-field-caroussel-text {
  position: absolute;
  right: 0.5rem;
  bottom: 1.6rem;
  font-size: .8rem;
  line-height: 1.2rem;
  font-family: 'robotobold';
  text-align: right;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow-clip: hidden;
  color: #FFFFFF;
  padding: 0 .5rem;
}
/* line 63, ../sass/_caroussel.scss */
ul.slick-slider .slick-list .slick-slide .views-field-field-caroussel-text a {
  color: #FFFFFF;
  text-decoration: none;
  padding: .5rem 0;
}
/* line 68, ../sass/_caroussel.scss */
ul.slick-slider .slick-list .slick-slide .views-field-field-caroussel-text:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #663300;
}
/* line 71, ../sass/_caroussel.scss */
ul.slick-slider .slick-list .slick-slide .views-field-field-caroussel-text:hover a {
  color: #663300;
}

@media (min-width: 460px) {
  /* line 111, ../sass/_caroussel.scss */
  ul.slick-slider .slick-list .slick-slide .views-field-field-caroussel-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  /* line 121, ../sass/_caroussel.scss */
  ul.slick-slider ul.slick-dots li {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
}
@media (min-width: 768px) {
  /* line 139, ../sass/_caroussel.scss */
  ul.slick-slider .slick-list .slick-slide .views-field-field-carousel-image picture img {
    height: 30vw !important;
  }
}
@media (min-width: 1024px) {
  /* line 155, ../sass/_caroussel.scss */
  ul.slick-slider > button {
    display: inline-block !important;
  }
}
/* line 1, ../sass/_page.scss */
body {
  max-width: 1800px;
  margin: 0 auto;
}
/* line 4, ../sass/_page.scss */
body #page-wrapper {
  margin: 0 1rem;
}
/* line 6, ../sass/_page.scss */
body #page-wrapper > .navigation {
  margin-top: 120px;
}
/* line 8, ../sass/_page.scss */
body #page-wrapper > .navigation nav {
  margin-bottom: 25px;
  display: none;
}
/* line 14, ../sass/_page.scss */
body #page-wrapper picture img {
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

@media (min-width: 768px) {
  /* line 26, ../sass/_page.scss */
  #page-wrapper .block-system-main-block .node__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  /* line 30, ../sass/_page.scss */
  #page-wrapper .block-system-main-block .node__content .field--name-field-image {
    flex: 0 0 30%;
    order: 2;
  }
  /* line 35, ../sass/_page.scss */
  #page-wrapper .block-system-main-block .node__content .field--name-body {
    order: 1;
    flex: 0 0 65%;
    padding-right: 1em;
  }
}
@media (min-width: 1024px) {
  /* line 46, ../sass/_page.scss */
  body #page-wrapper {
    margin: 0 1.6rem;
  }
  /* line 50, ../sass/_page.scss */
  body #page-wrapper > .navigation nav {
    display: block;
  }
  /* line 54, ../sass/_page.scss */
  body #page-wrapper > .navigation ul.menu {
    display: flex;
    flex-direction: row;
    margin: 0;
  }
  /* line 59, ../sass/_page.scss */
  body #page-wrapper > .navigation ul.menu li {
    margin: 0 .5rem;
  }
  /* line 62, ../sass/_page.scss */
  body #page-wrapper > .navigation ul.menu li a {
    color: #663300;
    text-decoration: none;
    text-transform: uppercase;
    padding: .3rem;
  }
  /* line 68, ../sass/_page.scss */
  body #page-wrapper > .navigation ul.menu li a.is-active {
    border-bottom: 2px solid #663300;
  }
  /* line 72, ../sass/_page.scss */
  body #page-wrapper > .navigation ul.menu li a:hover {
    background-color: #faecd4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
}
@media (min-width: 1600px) {
  /* line 84, ../sass/_page.scss */
  #page-wrapper {
    margin: 0 2rem;
  }
}
/* line 2, ../sass/_webform.scss */
body.path-contact main > .region-content {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
/* line 8, ../sass/_webform.scss */
body.path-contact main > .region-content #block-contactfoto {
  order: 1;
}
/* line 11, ../sass/_webform.scss */
body.path-contact main > .region-content #block-contactfoto p {
  margin: 0;
}
/* line 14, ../sass/_webform.scss */
body.path-contact main > .region-content #block-contactfoto p > img {
  width: 100%;
  height: auto;
}
/* line 21, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content {
  order: 2;
}
/* line 25, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-item {
  display: flex;
  flex-direction: column;
}
/* line 29, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-item input,
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-item div.form-textarea-wrapper {
  background-color: white;
  border: 1px solid;
  border-color: #663300;
  border-radius: 3px;
  font-size: 1rem;
  overflow: hidden;
  text-align: left;
  padding: .1rem .3rem;
  box-sizing: border-box;
  min-height: 1.125rem;
  min-width: 1.125rem;
}
/* line 33, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-item input textarea,
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-item div.form-textarea-wrapper textarea {
  border: none;
}
/* line 40, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-actions input#edit-submit {
  border: 3px solid #663300;
  padding: .5rem 1rem;
  background-color: #FFFFFF;
  color: #663300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
/* line 47, ../sass/_webform.scss */
body.path-contact main > .region-content #block-ewlh-content form.contact-form .form-actions input#edit-submit:hover {
  background-color: #faecd4;
}

@media (min-width: 768px) {
  /* line 58, ../sass/_webform.scss */
  body.path-contact main > .region-content {
    width: 75%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 65, ../sass/_webform.scss */
  body.path-contact main > .region-content #block-ewlh-page-title {
    flex: 0 0 100%;
    width: 100%;
    order: -1;
  }
  /* line 71, ../sass/_webform.scss */
  body.path-contact main > .region-content #block-contactfoto {
    width: 30%;
    order: 2;
  }
  /* line 75, ../sass/_webform.scss */
  body.path-contact main > .region-content #block-contactfoto p {
    margin-top: 2.4em;
  }
  /* line 80, ../sass/_webform.scss */
  body.path-contact main > .region-content #block-ewlh-content {
    width: 60%;
    order: 1;
  }
}
/* line 1, ../sass/_footer.scss */
footer {
  margin-top: 25px;
}
/* line 3, ../sass/_footer.scss */
footer .region {
  font-size: .9rem;
  background-color: #663300;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
/* line 9, ../sass/_footer.scss */
footer .region ul.menu {
  margin: 0;
  padding-top: .5rem;
  width: 100%;
}
/* line 13, ../sass/_footer.scss */
footer .region ul.menu li {
  padding: .5rem 0;
  width: 12rem;
  margin: 0 auto;
}
/* line 17, ../sass/_footer.scss */
footer .region ul.menu li a {
  text-align: center;
  display: block;
  padding: .3rem;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #FFFFFF;
  text-decoration: none;
}
/* line 24, ../sass/_footer.scss */
footer .region ul.menu li a:hover {
  background-color: #faecd4;
}
/* line 30, ../sass/_footer.scss */
footer .region #block-contact {
  text-align: center;
}
/* line 33, ../sass/_footer.scss */
footer .region #block-contact p a {
  color: #FFFFFF;
}

@media (min-width: 768px) {
  /* line 42, ../sass/_footer.scss */
  footer .region {
    font-size: 1.1rem;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
  }
  /* line 49, ../sass/_footer.scss */
  footer .region ul.menu li a {
    padding: .5rem;
  }
}