/*!
 * nomadenschaetze v1.0.0
 * 
 * (c) 2020 
 * ISC License
 * git@github.com-personal:h2108/nomadenschaetze.git
 */

/******************************************************************
Site Name: WalderWyss.ch
Author: Yacine Belarbi @ buerohaeberli.ch

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PLUGINS
*********************/
/*********************
IMPORTING BASE
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 12, src/scss/base/_0.normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 31, src/scss/base/_0.normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 42, src/scss/base/_0.normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 52, src/scss/base/_0.normalize.scss */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 67, src/scss/base/_0.normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 77, src/scss/base/_0.normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, src/scss/base/_0.normalize.scss */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 97, src/scss/base/_0.normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 105, src/scss/base/_0.normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 119, src/scss/base/_0.normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 128, src/scss/base/_0.normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 136, src/scss/base/_0.normalize.scss */
b,
strong,
.strong {
  font-weight: bold;
}

/* line 142, src/scss/base/_0.normalize.scss */
small strong,
small b {
  font-weight: 400;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 151, src/scss/base/_0.normalize.scss */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 161, src/scss/base/_0.normalize.scss */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 182, src/scss/base/_0.normalize.scss */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 190, src/scss/base/_0.normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 202, src/scss/base/_0.normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 210, src/scss/base/_0.normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 217, src/scss/base/_0.normalize.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/* line 223, src/scss/base/_0.normalize.scss */
small, .small {
  font-size: 85%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 231, src/scss/base/_0.normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 239, src/scss/base/_0.normalize.scss */
sup {
  top: -0.5em;
}

/* line 243, src/scss/base/_0.normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
/* line 255, src/scss/base/_0.normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 262, src/scss/base/_0.normalize.scss */
dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
/* line 270, src/scss/base/_0.normalize.scss */
menu {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
/* line 284, src/scss/base/_0.normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 298, src/scss/base/_0.normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 306, src/scss/base/_0.normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 318, src/scss/base/_0.normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 330, src/scss/base/_0.normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 341, src/scss/base/_0.normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 352, src/scss/base/_0.normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 366, src/scss/base/_0.normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 378, src/scss/base/_0.normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 391, src/scss/base/_0.normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 403, src/scss/base/_0.normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 413, src/scss/base/_0.normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 425, src/scss/base/_0.normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 437, src/scss/base/_0.normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 446, src/scss/base/_0.normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 457, src/scss/base/_0.normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 470, src/scss/base/_0.normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 477, src/scss/base/_0.normalize.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 484, src/scss/base/_0.normalize.scss */
.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* line 492, src/scss/base/_0.normalize.scss */
.clearfix, .cf {
  zoom: 1;
}

/* line 494, src/scss/base/_0.normalize.scss */
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}

/* line 495, src/scss/base/_0.normalize.scss */
.clearfix:after, .cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
/* line 502, src/scss/base/_0.normalize.scss */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/******************************************************************
Site Name: nomadenschaetze.com
Author: Henrik Hentschel

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*2% #51524A*/
/*5% of #51524A*/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/* line 23, src/scss/base/_mixins.scss */
.text-shadow {
  text-shadow: -2px -2px white, -2px 2px white, 2px -2px white, 2px 2px white;
}

/* line 27, src/scss/base/_mixins.scss */
.underline {
  background-size: 1px 1em;
  -webkit-box-shadow: inset 0 -0.175em white, inset 0 -0.2em #000;
          box-shadow: inset 0 -0.175em white, inset 0 -0.2em #000;
  display: inline;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
CLEARFIX
*********************/
/*********************
CENTER
*********************/
/******************************************************************
Site Name: nomadenschaetze.com
Author: Henrik Hentschel

Stylesheet: Typography

******************************************************************/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
@font-face {
  font-family: "gillsans-medium";
  src: url("./../fonts//2F1730_1_0.woff2") format("woff2"), url("./../fonts/2F1730_1_0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "gillsans-light";
  src: url("./../fonts/2F1730_2_0.woff2") format("woff2"), url("./../fonts/2F1730_2_0.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: 'Futura-Bk-Bt';
  src: url("./../fonts/Renner-Book.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * FONT SIZE CURVES
 */
/******************************************************************
H1, H2, H3, H4, H5, H6 STYLES
******************************************************************/
/* line 107, src/scss/base/_typography.scss */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: inherit;
  text-rendering: optimizelegibility;
  font-weight: 400;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  line-height: inherit;
}

/* line 125, src/scss/base/_typography.scss */
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none !important;
}

/*********************
LINK STYLES
*********************/
/* line 158, src/scss/base/_typography.scss */
a {
  color: #36CB0A;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

/* line 163, src/scss/base/_typography.scss */
a:hover, a:focus {
  text-decoration: none;
}

/* line 173, src/scss/base/_typography.scss */
a:focus {
  outline: 0;
}

/* line 178, src/scss/base/_typography.scss */
a:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/*********************
NORMALIZE / GENERAL STYLES
*********************/
/* line 192, src/scss/base/_typography.scss */
hr,
.hr {
  border: 1px solid;
  margin: -1px 0;
}

/* line 198, src/scss/base/_typography.scss */
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 204, src/scss/base/_typography.scss */
sup {
  top: -0.5em;
}

/* line 207, src/scss/base/_typography.scss */
sub {
  bottom: -0.25em;
}

/* line 211, src/scss/base/_typography.scss */
b,
strong {
  font-weight: 700;
}

/* line 216, src/scss/base/_typography.scss */
em,
i {
  font-style: italic;
}

/* line 221, src/scss/base/_typography.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 226, src/scss/base/_typography.scss */
iframe {
  max-width: 100%;
  width: 100%;
}

/* line 231, src/scss/base/_typography.scss */
hr {
  width: 100%;
  height: 1px;
  border: none;
  background: #eee;
}

/* line 238, src/scss/base/_typography.scss */
p,
ol,
ul {
  line-height: 1.375;
  margin-top: 0;
  margin-bottom: 0em;
}

/* line 246, src/scss/base/_typography.scss */
ul,
ol {
  padding: 0;
  line-height: 1.375;
  margin: 0;
}

/* line 254, src/scss/base/_typography.scss */
ul {
  list-style: none;
}

/* line 258, src/scss/base/_typography.scss */
span {
  margin: 0;
  padding: 0;
}

/* line 263, src/scss/base/_typography.scss */
.heading-primary {
  color: #fff;
}

/* line 266, src/scss/base/_typography.scss */
.heading-primary--main {
  display: block;
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: 3.5rem;
}

@media only screen and (max-width: 42em) {
  /* line 266, src/scss/base/_typography.scss */
  .heading-primary--main {
    letter-spacing: 1rem;
    font-size: 5rem;
  }
}

/* line 280, src/scss/base/_typography.scss */
.heading-secondary {
  font-size: 3.5rem;
  font-weight: 700;
  display: inline-block;
}

@media only screen and (max-width: 58.25em) {
  /* line 280, src/scss/base/_typography.scss */
  .heading-secondary {
    font-size: 3rem;
  }
}

@media only screen and (max-width: 42em) {
  /* line 280, src/scss/base/_typography.scss */
  .heading-secondary {
    font-size: 2.5rem;
  }
}

/* line 294, src/scss/base/_typography.scss */
.heading-tertiary {
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}

/* line 300, src/scss/base/_typography.scss */
.paragraph {
  font-size: 1.6rem;
}

/* line 303, src/scss/base/_typography.scss */
.paragraph:not(:last-child) {
  margin-bottom: 3rem;
}

/**
 * Inspired from https://github.com/guardian/sass-mq.git
 */
/**
 * // To enable support for browsers that do not support @media queries,
 * (IE <= 8, Firefox <= 3, Opera <= 9) set $mqResponsive to false
 * Create a separate stylesheet served exclusively to these browsers,
 * meaning @media queries will be rasterized, relying on the cascade itself
 */
/**
  * Name your breakpoints in a way that creates a ubiquitous language
  * across team members. It will improve communication between
  * stakeholders, designers, developers, and testers.
  */
/**
  * Define the breakpoint from the $mqBreakpoints list that should
  * be used as the target width when outputting a static stylesheet
  * (i.e. when $mqResponsive is set to 'false').
  */
/**
  * If you want to display the currently active breakpoint in the top
  * right corner of your site during development, add the breakpoints
  * to this list, ordered by width, e.g. (mobile, tablet, desktop).
  */
/**
  * Media Query mixin
  * Usage:
  * .element {
  *     @include mq($from: mobile) {
  *         color: red;
  *     }
  *     @include mq($to: tablet) {
  *         color: blue;
  *     }
  *     @include mq(mobile, tablet) {
  *         color: green;
  *     }
  *     @include mq($from: tablet, $and: '(orientation: landscape)') {
  *         color: teal;
  *     }
  *     @include mq(950px) {
  *         color: hotpink;
  *     }
  * }
  */
/**
  * Add a breakpoint
  * Usage: $mqBreakpoints: mqAddBreakpoint(tvscreen, 1920px);
  */
/**
  * Create JSON string of map of breakpoints
  */
/**
  * Create JSON string of single breakpoint
  */
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************************+/
/******************************************************************************/
/* General styling and functions  */
/* line 5, src/scss/_base.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 14, src/scss/_base.scss */
html:before {
  content: "desktop";
  display: none;
  /* Prevent from displaying. */
}

@media (max-width: 64rem) {
  /* line 21, src/scss/_base.scss */
  html:before {
    content: "tablet";
  }
}

@media (max-width: 40rem) {
  /* line 27, src/scss/_base.scss */
  html:before {
    content: "mobile";
  }
}

/* line 32, src/scss/_base.scss */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 40, src/scss/_base.scss */
html {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 62.5%;
}

@media only screen and (max-width: 58.25em) {
  /* line 40, src/scss/_base.scss */
  html {
    font-size: 56.25%;
  }
}

/* line 60, src/scss/_base.scss */
body {
  font-family: "Futura-Bk-Bt", sans-serif;
  font-weight: 400;
  line-height: 1.7;
  min-height: 100%;
  background-color: #fff;
  font-size: 1.6rem;
}

/* line 69, src/scss/_base.scss */
body.page--home {
  background-color: #000;
}

/******************************************************************************/
/******************************************************************************/
/* line 87, src/scss/_base.scss */
.bodytext__richtext h2,
.bodytext__richtext h3,
.bodytext__richtext h4 {
  font-size: 1em;
  line-height: 1.375;
}

/* line 94, src/scss/_base.scss */
.bodytext__richtext h2 + p,
.bodytext__richtext h2 + ul,
.bodytext__richtext h2 + ol,
.bodytext__richtext h3 + p,
.bodytext__richtext h3 + ul,
.bodytext__richtext h3 + ol,
.bodytext__richtext h4 + p,
.bodytext__richtext h4 + ul,
.bodytext__richtext h4 + ol {
  margin-top: 0.8em;
}

/* line 103, src/scss/_base.scss */
.bodytext__richtext h2 + h3 a {
  text-decoration: none;
}

/* line 109, src/scss/_base.scss */
.bodytext__richtext h3 + p {
  margin-top: 0;
}

/* line 114, src/scss/_base.scss */
.bodytext__richtext p {
  font-size: 1.6em;
  line-height: 1.375;
  margin-bottom: 0;
}

/* line 119, src/scss/_base.scss */
.bodytext__richtext p + h2,
.bodytext__richtext p + h3,
.bodytext__richtext p + h4 {
  margin-top: 1.5em;
}

/* line 125, src/scss/_base.scss */
.bodytext__richtext p + ul,
.bodytext__richtext p + ol {
  margin-top: 1em;
}

/* line 130, src/scss/_base.scss */
.bodytext__richtext p + p {
  margin-top: 0.6875em;
}

/* line 139, src/scss/_base.scss */
.bodytext__richtext em {
  font-style: italic;
}

/* line 145, src/scss/_base.scss */
.bodytext__richtext ul + h2,
.bodytext__richtext ul + h3,
.bodytext__richtext ul + h4,
.bodytext__richtext ol + h2,
.bodytext__richtext ol + h3,
.bodytext__richtext ol + h4 {
  margin-top: 1.375em;
}

/* line 151, src/scss/_base.scss */
.bodytext__richtext ul + p,
.bodytext__richtext ol + p {
  margin-top: 1em;
}

/* line 156, src/scss/_base.scss */
.bodytext__richtext ul li a:hover,
.bodytext__richtext ol li a:hover {
  text-decoration: underline;
}

/* line 160, src/scss/_base.scss */
.bodytext__richtext ul li:not(:last-child),
.bodytext__richtext ol li:not(:last-child) {
  margin-bottom: 0.25em;
}

/* line 166, src/scss/_base.scss */
.bodytext__richtext ul {
  list-style-type: none;
  padding-left: 0.8em;
}

/* line 170, src/scss/_base.scss */
.bodytext__richtext ul li {
  position: relative;
}

/* line 173, src/scss/_base.scss */
.bodytext__richtext ul li:before {
  content: "-";
  position: absolute;
  left: -0.8em;
  top: 0;
}

/* line 182, src/scss/_base.scss */
.bodytext__richtext ol {
  padding-left: 1em;
}

/* line 184, src/scss/_base.scss */
.bodytext__richtext ol li {
  position: relative;
}

/* line 189, src/scss/_base.scss */
.bodytext__richtext a {
  text-decoration: underline;
}

/* line 191, src/scss/_base.scss */
.main__row__col__text-sidebar .bodytext__richtext a {
  text-decoration: none;
}

/* line 193, src/scss/_base.scss */
.main__row__col__text-sidebar .bodytext__richtext a[href^="mailto:"] {
  text-decoration: underline;
}

/* line 200, src/scss/_base.scss */
.bodytext__richtext a:hover {
  color: #9ab5cf;
}

/* line 204, src/scss/_base.scss */
.bodytext__richtext a[href^="tel:"] {
  text-decoration: none;
  white-space: nowrap;
}

/* line 210, src/scss/_base.scss */
.bodytext__richtext table {
  margin-top: 0.5em;
  width: 100%;
}

/* line 213, src/scss/_base.scss */
.bodytext__richtext table tr {
  border-top: 1px solid #000;
}

/* line 216, src/scss/_base.scss */
.bodytext__richtext table td,
.bodytext__richtext table th {
  font-weight: normal;
  padding: 5px 0;
  font-size: 1em;
  line-height: 1.375;
}

/* line 222, src/scss/_base.scss */
.bodytext__richtext table td a,
.bodytext__richtext table th a {
  color: #a3db93;
}

/* line 226, src/scss/_base.scss */
.bodytext__richtext table th {
  text-align: left;
}

/******************************************************************************/
/******************************************************************************/
/* line 239, src/scss/_base.scss */
.visuallyhidden {
  position: absolute;
  top: auto;
  left: -10000px;
  height: 1px;
  overflow: hidden;
  width: 1px;
}

/**
 * Sync breakpoints with JavaScript
 *
 * font-family property of title element contains the current breakpoint
 * font-family property of head element contains all breakpoints
 */
@media all and (min-width: pxToEm(0, 16)) {
  /* line 9, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"tiny","value":"0px"}';
  }
}

@media all and (min-width: pxToEm(0, 16)) {
  /* line 18, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"zero","value":"0"}';
  }
}

@media all and (min-width: pxToEm(320px, 16)) {
  /* line 18, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"tiny","value":"320px"}';
  }
}

@media all and (min-width: pxToEm(768px, 16)) {
  /* line 18, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"small","value":"768px"}';
  }
}

@media all and (min-width: pxToEm(1024px, 16)) {
  /* line 18, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"medium","value":"1024px"}';
  }
}

@media all and (min-width: pxToEm(1600px, 16)) {
  /* line 18, src/scss/base/_mediaqueries_sync.scss */
  title {
    font-family: '{"name":"large","value":"1600px"}';
  }
}

/* line 24, src/scss/base/_mediaqueries_sync.scss */
head {
  font-family: '{"zero":"0","tiny":"320px","small":"768px","medium":"1024px","large":"1600px"}';
  display: none;
}

/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/* line 16, src/scss/modules/_buttons.scss */
.btn,
.button {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #000;
  padding: 0 10px;
  border-radius: 0;
  border: none;
  cursor: pointer;
  letter-spacing: 0px;
  font-size: 1.4rem;
  line-height: 1;
  background: none;
}

/* line 30, src/scss/modules/_buttons.scss */
.btn:hover,
.button:hover, .btn:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

/* line 1, src/scss/modules/_header.scss */
.header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  background-color: transparent;
  position: relative;
  min-height: 175px;
  background-color: #fff;
}

@media only screen and (max-width: 48em) {
  /* line 1, src/scss/modules/_header.scss */
  .header-container {
    height: auto;
  }
}

/* line 16, src/scss/modules/_header.scss */
.header-container svg {
  height: 100%;
  width: 100%;
}

/* line 21, src/scss/modules/_header.scss */
.page--home .header-container {
  background-color: #061227;
  color: #fff;
  height: 410px;
  background: no-repeat url(/user_assets/images/contentimages/headerimage.jpg) center top;
}

@media only screen and (max-width: 58.25em) {
  /* line 21, src/scss/modules/_header.scss */
  .page--home .header-container {
    height: 290px;
  }
}

@media only screen and (max-width: 48em) {
  /* line 21, src/scss/modules/_header.scss */
  .page--home .header-container {
    height: 410px;
  }
}

/* line 37, src/scss/modules/_header.scss */
.header-container__service-nav {
  background: transparent;
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: 1fr 1fr;
  color: #000;
  font-size: 1.5rem;
  max-width: 1360px;
  width: 100%;
  margin: 10px auto 0 auto;
}

@media screen and (max-width: 1360px) {
  /* line 37, src/scss/modules/_header.scss */
  .header-container__service-nav {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1360px) and (max-width: 1380px) {
  /* line 37, src/scss/modules/_header.scss */
  .header-container__service-nav {
    padding: 0 1%;
  }
}

/* line 63, src/scss/modules/_header.scss */
.page--home .header-container__service-nav {
  height: 310px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

@media only screen and (max-width: 58.25em) {
  /* line 63, src/scss/modules/_header.scss */
  .page--home .header-container__service-nav {
    height: auto;
  }
}

/* line 74, src/scss/modules/_header.scss */
.header-container__main-nav {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  color: #fff;
  margin: 2.6rem 0 1rem 0;
  font-family: gillsans-light;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 48em) {
  /* line 74, src/scss/modules/_header.scss */
  .header-container__main-nav {
    margin: 2rem 0 1rem 0;
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

/* line 91, src/scss/modules/_header.scss */
.page--home .header-container__main-nav {
  background: #000;
  height: 90px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  font-family: gillsans-light;
}

@media only screen and (max-width: 48em) {
  /* line 91, src/scss/modules/_header.scss */
  .page--home .header-container__main-nav {
    height: auto;
  }
}

/* line 104, src/scss/modules/_header.scss */
.header-container__serviceinfo {
  align-self: flex-end;
  color: #fff;
  grid-column: 1/4;
  grid-row: 2/3;
  line-height: 1.7rem;
  font-size: 2.2rem;
  text-transform: uppercase;
}

@media only screen and (max-width: 48em) {
  /* line 104, src/scss/modules/_header.scss */
  .header-container__serviceinfo {
    align-self: flex-start;
    font-size: 1.6rem;
    grid-row: 1/2;
    grid-column: 1/-1;
  }
}

/* line 121, src/scss/modules/_header.scss */
.header-container__logo {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1/-1;
  grid-column: 1/-1;
  padding-top: 2rem;
  width: 46rem;
}

@media only screen and (max-width: 42em) {
  /* line 121, src/scss/modules/_header.scss */
  .header-container__logo {
    width: auto;
    grid-row: 1/2;
  }
}

@media only screen and (max-width: 48em) {
  /* line 121, src/scss/modules/_header.scss */
  .header-container__logo {
    grid-column: 1/-1;
    padding-left: 0;
    margin: 0;
  }
}

/* line 149, src/scss/modules/_header.scss */
.page--home .header-container__logo {
  grid-row: 2/3;
  align-self: end;
  width: 70rem;
}

@media only screen and (max-width: 75em) {
  /* line 149, src/scss/modules/_header.scss */
  .page--home .header-container__logo {
    width: 60rem;
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 149, src/scss/modules/_header.scss */
  .page--home .header-container__logo {
    width: 50rem;
  }
}

@media only screen and (max-width: 34.5em) {
  /* line 149, src/scss/modules/_header.scss */
  .page--home .header-container__logo {
    width: auto;
  }
}

/* line 165, src/scss/modules/_header.scss */
.header-container__logo-mark {
  width: auto;
  align-self: flex-end;
  grid-column: 19/21;
  grid-row: 2/3;
  line-height: 1.2rem;
  place-content: flex-end;
}

/* line 172, src/scss/modules/_header.scss */
.header-container__logo-mark img {
  width: 82px;
}

@media only screen and (max-width: 48em) {
  /* line 165, src/scss/modules/_header.scss */
  .header-container__logo-mark {
    grid-column: 22/-1;
  }
}

/* line 180, src/scss/modules/_header.scss */
.header-container .moon {
  display: none;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  -webkit-box-shadow: 4px 3px 0 -1px #F1ECDC;
          box-shadow: 4px 3px 0 -1px #F1ECDC;
  height: 60px;
  width: 60px;
  top: 20%;
  left: 28%;
}

/* line 182, src/scss/modules/_header.scss */
.page--home .header-container .moon {
  display: block;
}

@media only screen and (max-width: 112.5em) {
  /* line 180, src/scss/modules/_header.scss */
  .header-container .moon {
    top: 20%;
    left: 20%;
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 180, src/scss/modules/_header.scss */
  .header-container .moon {
    top: 10%;
    left: 10%;
  }
}

@media only screen and (max-width: 48em) {
  /* line 180, src/scss/modules/_header.scss */
  .header-container .moon {
    -webkit-box-shadow: 3px 2px 0 0px #F1ECDC;
            box-shadow: 3px 2px 0 0px #F1ECDC;
    height: 30px;
    width: 30px;
    top: 8%;
    left: 30%;
  }
}

/* line 213, src/scss/modules/_header.scss */
.language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-row: 1/-1;
  grid-column: 24/-1;
  align-self: flex-start;
  font-size: 1.8rem;
  justify-self: end;
}

@media only screen and (max-width: 48em) {
  /* line 213, src/scss/modules/_header.scss */
  .language {
    align-self: end;
    grid-row: 2/-1;
    grid-column: 21/-1;
    font-size: 2rem;
  }
}

/* line 228, src/scss/modules/_header.scss */
.page--home .language {
  grid-column: 23/-1;
  grid-row: 2/3;
  align-self: end;
  line-height: 1.7rem;
  font-size: 2.2rem;
}

@media only screen and (max-width: 48em) {
  /* line 228, src/scss/modules/_header.scss */
  .page--home .language {
    align-self: flex-start;
    grid-row: 1/2;
    grid-column: 21/-1;
    font-size: 1.6rem;
  }
}

/* line 247, src/scss/modules/_header.scss */
.language__item:first-child {
  margin-right: 7px;
}

/* line 251, src/scss/modules/_header.scss */
.language__link {
  color: #000;
}

/* line 254, src/scss/modules/_header.scss */
.page--home .language__link {
  color: #9CB3B9;
}

/* line 258, src/scss/modules/_header.scss */
.language__link--active {
  color: #36CB0A;
}

/* line 261, src/scss/modules/_header.scss */
.page--home .language__link--active {
  color: #fff;
}

/* line 267, src/scss/modules/_header.scss */
.language .lang-separator {
  margin-right: 7px;
  color: #9CB3B9;
}

/* line 270, src/scss/modules/_header.scss */
.language .lang-separator:last-child {
  display: none;
}

/* line 3, src/scss/modules/_navigation.scss */
.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.1rem;
}

@media only screen and (max-width: 48em) {
  /* line 3, src/scss/modules/_navigation.scss */
  .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 11, src/scss/modules/_navigation.scss */
.page--home .nav {
  font-size: 2.2rem;
}

@media only screen and (max-width: 75em) {
  /* line 11, src/scss/modules/_navigation.scss */
  .page--home .nav {
    font-size: 2.2rem;
  }
}

@media only screen and (max-width: 48em) {
  /* line 28, src/scss/modules/_navigation.scss */
  .nav > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 38, src/scss/modules/_navigation.scss */
.nav li:first-of-type .nav__link {
  padding-left: 0;
}

@media only screen and (max-width: 48em) {
  /* line 38, src/scss/modules/_navigation.scss */
  .nav li:first-of-type .nav__link {
    padding-left: 22px;
  }
}

/* line 44, src/scss/modules/_navigation.scss */
.nav li:last-of-type .nav__link {
  padding-right: 0;
}

/* line 50, src/scss/modules/_navigation.scss */
.nav__item > .nav-sub {
  display: none;
}

/* line 54, src/scss/modules/_navigation.scss */
.nav__item.active > .nav-sub {
  display: block;
}

/* line 60, src/scss/modules/_navigation.scss */
.nav__link {
  padding: 0 29px 0 29px;
  display: block;
  height: 24px;
  color: #000;
  text-transform: uppercase;
}

@media only screen and (max-width: 58.25em) {
  /* line 60, src/scss/modules/_navigation.scss */
  .nav__link {
    padding: 10px 22px;
    height: 30px;
  }
}

@media only screen and (max-width: 48em) {
  /* line 60, src/scss/modules/_navigation.scss */
  .nav__link {
    height: 100%;
  }
}

/* line 78, src/scss/modules/_navigation.scss */
.page--home .nav__link {
  color: #fff;
  padding: 10px 38px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 75em) {
  /* line 78, src/scss/modules/_navigation.scss */
  .page--home .nav__link {
    padding: 10px 30px;
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 78, src/scss/modules/_navigation.scss */
  .page--home .nav__link {
    padding: 10px 22px;
  }
}

/* line 93, src/scss/modules/_navigation.scss */
.nav__link.active, .nav__link:hover {
  color: #36CB0A;
}

/* line 101, src/scss/modules/_navigation.scss */
.nav-sub__link {
  padding: 0 0 10px 29px;
  color: #000;
  font-size: 1.8rem;
  display: inline-block;
}

@media only screen and (max-width: 58.25em) {
  /* line 101, src/scss/modules/_navigation.scss */
  .nav-sub__link {
    padding: 0 0 10px 22px;
  }
}

@media only screen and (max-width: 48em) {
  /* line 101, src/scss/modules/_navigation.scss */
  .nav-sub__link {
    padding: 12px 0 0 0;
  }
  /* line 114, src/scss/modules/_navigation.scss */
  .nav-sub__link::before {
    content: '/ ';
    display: inline;
  }
}

/* line 122, src/scss/modules/_navigation.scss */
.nav-sub__link.active, .nav-sub__link:hover {
  color: #36CB0A;
}

/* line 128, src/scss/modules/_navigation.scss */
.nav-sub #btn-filter {
  display: none;
  border: 0;
  outline: 0;
  background-color: transparent;
}

/* line 134, src/scss/modules/_navigation.scss */
.page--gallery .nav-sub #btn-filter {
  display: inline-block;
}

/* line 137, src/scss/modules/_navigation.scss */
.nav-sub #btn-filter:hover {
  color: #000;
}

@-webkit-keyframes showNav {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes showNav {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes hideNav {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes hideNav {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 152, src/scss/modules/_navigation.scss */
.hide {
  -webkit-animation: hideNav 250ms ease-out-in both;
          animation: hideNav 250ms ease-out-in both;
}

/* line 155, src/scss/modules/_navigation.scss */
.block {
  -webkit-animation: showNav 250ms ease-in-out both;
          animation: showNav 250ms ease-in-out both;
}

/* line 7, src/scss/modules/_search.scss */
.filter-item.block {
  display: block;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

/* line 12, src/scss/modules/_search.scss */
.filter-item.block ~ .block {
  grid-row: initial;
  grid-column: initial;
}

/* line 16, src/scss/modules/_search.scss */
.filter-item.hide {
  display: none;
}

/* line 2, src/scss/modules/_forms.scss */
.form__group:not(:last-child) {
  margin-bottom: 2rem;
}

/* line 6, src/scss/modules/_forms.scss */
.form__input {
  font-size: 1.5rem;
  font-family: inherit;
  color: inherit;
  padding: 1.5rem 2rem;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-bottom: 3px solid transparent;
  width: 90%;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media only screen and (max-width: 58.25em) {
  /* line 6, src/scss/modules/_forms.scss */
  .form__input {
    width: 100%;
  }
}

/* line 23, src/scss/modules/_forms.scss */
.form__input:focus {
  outline: none;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #000;
}

/* line 29, src/scss/modules/_forms.scss */
.form__input:focus:invalid {
  border-bottom: 3px solid #51524a;
}

/* line 33, src/scss/modules/_forms.scss */
.form__input::-webkit-input-placeholder {
  color: #51524a;
}

/* line 39, src/scss/modules/_forms.scss */
.form__label {
  font-size: 1.2rem;
  font-weight: 700;
  margin-left: 2rem;
  margin-top: .7rem;
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 48, src/scss/modules/_forms.scss */
.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
}

/* line 55, src/scss/modules/_forms.scss */
.form__radio-group {
  width: 49%;
  display: inline-block;
}

@media only screen and (max-width: 58.25em) {
  /* line 55, src/scss/modules/_forms.scss */
  .form__radio-group {
    width: 100%;
    margin-bottom: 2rem;
  }
}

/* line 65, src/scss/modules/_forms.scss */
.form__radio-input {
  display: none;
}

/* line 69, src/scss/modules/_forms.scss */
.form__radio-label {
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 4.5rem;
}

/* line 76, src/scss/modules/_forms.scss */
.form__radio-button {
  height: 3rem;
  width: 3rem;
  border: 5px solid #000;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -.4rem;
}

/* line 86, src/scss/modules/_forms.scss */
.form__radio-button::after {
  content: "";
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

/* line 102, src/scss/modules/_forms.scss */
.form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
  opacity: 1;
}

/* line 1, src/scss/modules/_footer.scss */
.container__footer {
  padding-bottom: 40px;
  margin: 20px 0;
  color: #000;
  text-align: center;
  font-size: 1.7rem;
  font-family: 'Futura-Bk-Bt';
}

@media only screen and (max-width: 58.25em) {
  /* line 1, src/scss/modules/_footer.scss */
  .container__footer {
    padding: 0 20px;
  }
}

/* line 16, src/scss/modules/_footer.scss */
.page--home .container__footer {
  color: #fff;
}

/* line 19, src/scss/modules/_footer.scss */
.page--home .container__footer a {
  color: #fff;
}

/* line 24, src/scss/modules/_footer.scss */
.container__footer div:not(:last-child) {
  margin-right: 10px;
  margin-left: 10px;
}

/* line 30, src/scss/modules/_footer.scss */
.container__footer-info a {
  color: #000;
}

/* line 33, src/scss/modules/_footer.scss */
.container__footer-info div {
  display: inline-block;
}

@media only screen and (max-width: 48em) {
  /* line 29, src/scss/modules/_footer.scss */
  .container__footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

/* line 43, src/scss/modules/_footer.scss */
.container__footer-info div:first-child {
  margin-left: 0;
}

/* line 46, src/scss/modules/_footer.scss */
.container__footer-info div:last-child {
  margin-right: 0;
  margin-left: 10px;
}

/* line 52, src/scss/modules/_footer.scss */
.container__footer-social {
  margin-top: 18px;
}

/* line 54, src/scss/modules/_footer.scss */
.container__footer-social svg {
  height: 24px;
  width: 24px;
  fill: #000;
}

/* line 59, src/scss/modules/_footer.scss */
.page--home .container__footer-social svg {
  fill: #fff;
}

/* line 63, src/scss/modules/_footer.scss */
.container__footer-social a:not(:last-child) {
  margin-right: 15px;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
/* line 12, src/scss/modules/_photoswipe.scss */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

/* line 27, src/scss/modules/_photoswipe.scss */
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 30, src/scss/modules/_photoswipe.scss */
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
/* line 34, src/scss/modules/_photoswipe.scss */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 42, src/scss/modules/_photoswipe.scss */
.pswp--open {
  display: block;
}

/* line 51, src/scss/modules/_photoswipe.scss */
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

/* line 57, src/scss/modules/_photoswipe.scss */
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
/* line 67, src/scss/modules/_photoswipe.scss */
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 80, src/scss/modules/_photoswipe.scss */
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 88, src/scss/modules/_photoswipe.scss */
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
/* line 99, src/scss/modules/_photoswipe.scss */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* line 108, src/scss/modules/_photoswipe.scss */
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0, 0, 0, 0);
  transition: -webkit-transform 333ms cubic-bezier(0, 0, 0, 0);
  transition: transform 333ms cubic-bezier(0, 0, 0, 0);
  transition: transform 333ms cubic-bezier(0, 0, 0, 0), -webkit-transform 333ms cubic-bezier(0, 0, 0, 0);
}

/* line 119, src/scss/modules/_photoswipe.scss */
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0, 0, 0, 0);
  transition: opacity 333ms cubic-bezier(0, 0, 0, 0);
}

/* line 126, src/scss/modules/_photoswipe.scss */
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

/* line 131, src/scss/modules/_photoswipe.scss */
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

/* line 135, src/scss/modules/_photoswipe.scss */
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

/* line 143, src/scss/modules/_photoswipe.scss */
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
/* line 154, src/scss/modules/_photoswipe.scss */
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
/* line 161, src/scss/modules/_photoswipe.scss */
.pswp__img--placeholder--blank {
  background: #222;
}

/* line 164, src/scss/modules/_photoswipe.scss */
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
/* line 174, src/scss/modules/_photoswipe.scss */
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

/* line 185, src/scss/modules/_photoswipe.scss */
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
/* line 20, src/scss/modules/_photoswipeui.scss */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 38, src/scss/modules/_photoswipeui.scss */
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

/* line 40, src/scss/modules/_photoswipeui.scss */
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

/* line 43, src/scss/modules/_photoswipeui.scss */
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
/* line 48, src/scss/modules/_photoswipeui.scss */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

/* line 51, src/scss/modules/_photoswipeui.scss */
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/user_assets/images/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  /* line 61, src/scss/modules/_photoswipeui.scss */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/user_assets/images/photoswipe/default-skin.svg);
  }
  /* line 66, src/scss/modules/_photoswipeui.scss */
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

/* line 70, src/scss/modules/_photoswipeui.scss */
.pswp__button--close {
  background-position: 0 -44px;
}

/* line 73, src/scss/modules/_photoswipeui.scss */
.pswp__button--share {
  background-position: -44px -44px;
}

/* line 76, src/scss/modules/_photoswipeui.scss */
.pswp__button--fs {
  display: none;
}

/* line 79, src/scss/modules/_photoswipeui.scss */
.pswp--supports-fs .pswp__button--fs {
  display: block;
}

/* line 82, src/scss/modules/_photoswipeui.scss */
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

/* line 85, src/scss/modules/_photoswipeui.scss */
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

/* line 89, src/scss/modules/_photoswipeui.scss */
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* line 92, src/scss/modules/_photoswipeui.scss */
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
/* line 96, src/scss/modules/_photoswipeui.scss */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
/* line 104, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

/* line 113, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--left {
  left: 0;
}

/* line 116, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--right {
  right: 0;
}

/* line 119, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

/* line 128, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

/* line 132, src/scss/modules/_photoswipeui.scss */
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
/* line 141, src/scss/modules/_photoswipeui.scss */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 148, src/scss/modules/_photoswipeui.scss */
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 164, src/scss/modules/_photoswipeui.scss */
.pswp__share-modal--hidden {
  display: none;
}

/* line 167, src/scss/modules/_photoswipeui.scss */
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* line 185, src/scss/modules/_photoswipeui.scss */
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

/* line 192, src/scss/modules/_photoswipeui.scss */
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

/* line 195, src/scss/modules/_photoswipeui.scss */
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

/* line 198, src/scss/modules/_photoswipeui.scss */
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

/* line 201, src/scss/modules/_photoswipeui.scss */
.pswp__share-modal--fade-in {
  opacity: 1;
}

/* line 203, src/scss/modules/_photoswipeui.scss */
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
/* line 209, src/scss/modules/_photoswipeui.scss */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

/* line 212, src/scss/modules/_photoswipeui.scss */
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

/* line 226, src/scss/modules/_photoswipeui.scss */
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

/* line 229, src/scss/modules/_photoswipeui.scss */
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

/* line 232, src/scss/modules/_photoswipeui.scss */
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

/* line 236, src/scss/modules/_photoswipeui.scss */
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

/* line 240, src/scss/modules/_photoswipeui.scss */
a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
/* line 248, src/scss/modules/_photoswipeui.scss */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*
	
	4. Caption

 */
/* line 264, src/scss/modules/_photoswipeui.scss */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

/* line 270, src/scss/modules/_photoswipeui.scss */
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

/* line 274, src/scss/modules/_photoswipeui.scss */
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

/* line 283, src/scss/modules/_photoswipeui.scss */
.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
/* line 287, src/scss/modules/_photoswipeui.scss */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
/* line 297, src/scss/modules/_photoswipeui.scss */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

/* line 310, src/scss/modules/_photoswipeui.scss */
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

/* line 315, src/scss/modules/_photoswipeui.scss */
.pswp__preloader--active {
  opacity: 1;
}

/* line 317, src/scss/modules/_photoswipeui.scss */
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/user_assets/images/photoswipe/preloader.gif) 0 0 no-repeat;
}

/* line 321, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

/* line 323, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

/* line 326, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

/* line 330, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

/* line 340, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

/* line 350, src/scss/modules/_photoswipeui.scss */
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  /* line 366, src/scss/modules/_photoswipeui.scss */
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

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

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

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
/* line 417, src/scss/modules/_photoswipeui.scss */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
/* line 424, src/scss/modules/_photoswipeui.scss */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

/* line 431, src/scss/modules/_photoswipeui.scss */
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
/* line 441, src/scss/modules/_photoswipeui.scss */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

/* line 445, src/scss/modules/_photoswipeui.scss */
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
/* line 450, src/scss/modules/_photoswipeui.scss */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
/* line 455, src/scss/modules/_photoswipeui.scss */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

/* line 458, src/scss/modules/_photoswipeui.scss */
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
/* line 466, src/scss/modules/_photoswipeui.scss */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
/* line 474, src/scss/modules/_photoswipeui.scss */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

/* line 479, src/scss/modules/_photoswipeui.scss */
.pswp__element--disabled {
  display: none !important;
}

/* line 482, src/scss/modules/_photoswipeui.scss */
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/*********************
IMPORTING PAGE SPECIFIC STYLES
*********************/
/******************************************************************
Site Name:

Stylesheet: BASE layout stylesheet

******************************************************************/
/* line 7, src/scss/_main.scss */
#wrapper {
  position: relative;
  z-index: 5;
}

/* line 12, src/scss/_main.scss */
.skip-link {
  position: absolute;
  top: -80px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}

/* line 22, src/scss/_main.scss */
.skip-link:focus {
  top: 0;
}

@media only screen and (max-width: 87.5em) {
  /* line 26, src/scss/_main.scss */
  .site-wrapper {
    padding: 0 20px;
  }
}

/* line 37, src/scss/_main.scss */
.layout__main {
  background: #fff;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: calc(100vh);
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  z-index: 0;
}

@media only screen and (max-width: 58.25em) {
  /* line 37, src/scss/_main.scss */
  .layout__main {
    padding: 0 10px;
    max-width: 1380px;
  }
}

@media only screen and (max-width: 75em) {
  /* line 37, src/scss/_main.scss */
  .layout__main {
    padding: 0;
    max-width: 1360px;
  }
}

@media only screen and (max-width: 112.5em) {
  /* line 37, src/scss/_main.scss */
  .layout__main {
    padding: 0;
    max-width: 1360px;
  }
}

/* line 62, src/scss/_main.scss */
.page--home .layout__main {
  background: #000;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* line 74, src/scss/_main.scss */
.container--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 300px;
}

/* line 81, src/scss/_main.scss */
.bgimage {
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: cover;
  height: 100%;
}

/******************************************************************************/
/******************************************************************************/
/* line 6, src/scss/pages/_home.scss */
.page--home .container__home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 1360px;
  margin: 0 auto;
}

/* line 13, src/scss/pages/_home.scss */
.page--home .container__home > div {
  max-height: 450px;
  height: 100%;
}

/* line 18, src/scss/pages/_home.scss */
.page--home .container__home > div img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 450px;
}

/* line 25, src/scss/pages/_home.scss */
.page--home .container__home--imagegrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(450px, 1fr));
}

/* line 31, src/scss/pages/_home.scss */
.page--home .container__home--imagegrid > div img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 37, src/scss/pages/_home.scss */
.page--home .container__home--imagegrid > div {
  max-height: 450px;
  height: 100%;
}

/* line 42, src/scss/pages/_home.scss */
.page--home .container__home--imagegrid .container__home-info {
  grid-column: 1/-1;
}

/* line 47, src/scss/pages/_home.scss */
.page--home .container__home-info {
  font-size: 1.8rem;
  margin-top: 3.6rem;
  font-family: "gillsans-light", sans-serif;
}

/* line 53, src/scss/pages/_home.scss */
.page--home .container__home-info p {
  color: #fff;
  margin-bottom: 1rem;
}

/* line 59, src/scss/pages/_home.scss */
.page--home .container__home-info a,
.page--home .container__home-info a p {
  color: #FEC700;
}

/* line 3, src/scss/pages/_links.scss */
.content-grid__box-title {
  opacity: 0;
}

/* line 9, src/scss/pages/_links.scss */
.content-grid__box:hover .content-grid__box-title {
  opacity: 1;
  padding: 10px 15px;
  font-size: 20px;
  font-family: gillsans-medium;
  line-height: 1.2em;
  background-color: #fff;
  color: #000;
}

@media (min-width: 375px) {
  /* line 9, src/scss/pages/_links.scss */
  .content-grid__box:hover .content-grid__box-title {
    font-size: calc(-1.99005vw + 27.46269px);
  }
}

@media (min-width: 576px) {
  /* line 9, src/scss/pages/_links.scss */
  .content-grid__box:hover .content-grid__box-title {
    font-size: calc(-1.5625vw + 25px);
  }
}

@media (min-width: 768px) {
  /* line 9, src/scss/pages/_links.scss */
  .content-grid__box:hover .content-grid__box-title {
    font-size: calc(0.44643vw + 9.57143px);
  }
}

@media (min-width: 992px) {
  /* line 9, src/scss/pages/_links.scss */
  .content-grid__box:hover .content-grid__box-title {
    font-size: calc(0.48077vw + 9.23077px);
  }
}

@media (min-width: 1200px) {
  /* line 9, src/scss/pages/_links.scss */
  .content-grid__box:hover .content-grid__box-title {
    font-size: 15px;
  }
}

/* line 3, src/scss/pages/_gallerie.scss */
.container__filter {
  font-size: 1.8rem;
  margin-bottom: 1px;
}

@media only screen and (max-width: 42em) {
  /* line 3, src/scss/pages/_gallerie.scss */
  .container__filter {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

@media only screen and (max-width: 34.5em) {
  /* line 3, src/scss/pages/_gallerie.scss */
  .container__filter {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
}

/* line 15, src/scss/pages/_gallerie.scss */
.container__filter-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1px;
}

@media only screen and (max-width: 75em) {
  /* line 15, src/scss/pages/_gallerie.scss */
  .container__filter-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 1rem;
  }
}

/* line 26, src/scss/pages/_gallerie.scss */
.container__filter #search-kelim {
  margin: 2rem 0 4rem 0;
}

@media only screen and (max-width: 75em) {
  /* line 26, src/scss/pages/_gallerie.scss */
  .container__filter #search-kelim {
    margin: 0 4rem 0 0;
  }
}

/* line 34, src/scss/pages/_gallerie.scss */
.container__filter-text {
  font-size: 1.5rem;
  line-height: 1.2;
}

/* line 38, src/scss/pages/_gallerie.scss */
.container__filter-textparagraph {
  line-height: 1.6;
  margin-top: 3px;
}

/* line 43, src/scss/pages/_gallerie.scss */
.container__filter-textheadline {
  font-size: 1.5rem;
}

@media only screen and (max-width: 75em) {
  /* line 34, src/scss/pages/_gallerie.scss */
  .container__filter-text {
    margin-bottom: 1rem;
  }
}

/* line 52, src/scss/pages/_gallerie.scss */
.container__filter-infotext {
  background-color: #f5f5f5;
  padding: 21px 5px 10px 20px;
  position: relative;
  grid-row: 1;
  grid-column: 1;
}

@media only screen and (max-width: 42em) {
  /* line 52, src/scss/pages/_gallerie.scss */
  .container__filter-infotext {
    grid-column: 1/-1;
  }
}

@media only screen and (max-width: 75em) {
  /* line 52, src/scss/pages/_gallerie.scss */
  .container__filter-infotext {
    grid-row: 1;
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 72, src/scss/pages/_gallerie.scss */
.container__filter-infotext p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 87.5em) {
  /* line 72, src/scss/pages/_gallerie.scss */
  .container__filter-infotext p {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
            transform: none;
    font-size: 1.2rem;
  }
  /* line 83, src/scss/pages/_gallerie.scss */
  .container__filter-infotext p span {
    font-size: 1.7rem;
  }
}

/* line 90, src/scss/pages/_gallerie.scss */
.container__filter-input {
  padding: 3px 5px;
  width: 135px;
}

/* line 95, src/scss/pages/_gallerie.scss */
.container__filter-heading {
  grid-column: 1 / -1;
  font-family: gillsans-medium;
  font-size: 1.5rem;
}

/* line 101, src/scss/pages/_gallerie.scss */
.container__filter-categories {
  background-color: #f5f5f5;
}

/* line 104, src/scss/pages/_gallerie.scss */
.container__filter-categories.catObject {
  grid-row: 1;
  grid-column: 2;
}

@media only screen and (max-width: 75em) {
  /* line 104, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catObject {
    grid-row: 2;
    grid-column: 1;
  }
}

@media only screen and (max-width: 42em) {
  /* line 104, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catObject {
    grid-row: 2;
    grid-column: 1/-1;
  }
}

/* line 120, src/scss/pages/_gallerie.scss */
.container__filter-categories.catProvenienz {
  grid-row: 1;
  grid-column: 3;
}

@media only screen and (max-width: 75em) {
  /* line 120, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catProvenienz {
    grid-row: 2;
    grid-column: 2;
  }
}

@media only screen and (max-width: 42em) {
  /* line 120, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catProvenienz {
    grid-row: 3;
    grid-column: 1/-1;
  }
}

/* line 136, src/scss/pages/_gallerie.scss */
.container__filter-categories.catSize {
  grid-row: 1;
  grid-column: 4;
}

@media only screen and (max-width: 75em) {
  /* line 136, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catSize {
    grid-row: 2;
    grid-column: 3;
  }
}

@media only screen and (max-width: 42em) {
  /* line 136, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catSize {
    grid-row: 4;
    grid-column: 1/-1;
  }
}

/* line 153, src/scss/pages/_gallerie.scss */
.container__filter-categories.catYear {
  grid-row: 1;
  grid-column: 5;
}

@media only screen and (max-width: 75em) {
  /* line 153, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catYear {
    grid-row: 2;
    grid-column: 4;
  }
}

@media only screen and (max-width: 42em) {
  /* line 153, src/scss/pages/_gallerie.scss */
  .container__filter-categories.catYear {
    grid-row: 5;
    grid-column: 1/-1;
  }
}

/* line 171, src/scss/pages/_gallerie.scss */
.container__filter .filter-categories__header {
  grid-row: 1/2;
  font-size: 1.2rem;
  font-family: gillsans-medium;
  position: absolute;
  top: 1rem;
  left: 1rem;
  margin-bottom: 0px;
}

/* line 180, src/scss/pages/_gallerie.scss */
.container__filter .filter-categories-item {
  margin-bottom: 4px;
}

/* line 186, src/scss/pages/_gallerie.scss */
.container__filter fieldset {
  border: 0;
  position: relative;
  padding: 20px 5px 10px 20px;
  margin: 0;
}

@media only screen and (max-width: 42em) {
  /* line 186, src/scss/pages/_gallerie.scss */
  .container__filter fieldset {
    padding: 20px 5px 10px 10px;
  }
}

/* line 198, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox'] {
  position: absolute;
}

/* line 202, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox'] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 0;
  font-size: 1.5rem;
}

/* line 208, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox'] + label:hover {
  cursor: pointer;
  color: #36CB0A;
}

/* line 214, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox'] + label::before {
  content: '';
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: white;
  border: 1px solid #000;
}

/* line 225, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox']:checked + label::before {
  background: #36CB0A;
}

/* line 229, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox']:checked + label::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 4px;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  height: 6px;
  width: 13px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* line 241, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox']:focus + label::before {
  outline: 1px solid #000;
}

/* line 246, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox'] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* line 255, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox']:disabled + label {
  color: #575757;
}

/* line 259, src/scss/pages/_gallerie.scss */
.container__filter input[type='checkbox']:disabled + label::before {
  background: #ddd;
}

/* line 3, src/scss/pages/_contact.scss */
.page--contact p {
  margin-bottom: 2rem;
}

/* line 2, src/scss/pages/_kelim.scss */
.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 8, src/scss/pages/_kelim.scss */
#seadragon-viewer {
  /* width:100%;  */
  height: 100%;
  border: 1px;
  padding: 0 0 40px 0;
  border-style: solid;
  border-color: #ccc;
  position: relative;
}

/* line 20, src/scss/pages/_kelim.scss */
.container-detail {
  min-height: -webkit-fill-available;
}

/* line 23, src/scss/pages/_kelim.scss */
.container-detail__image--static {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ccc;
}

/* line 28, src/scss/pages/_kelim.scss */
.container-detail__image--static img {
  width: 100%;
}

/* line 32, src/scss/pages/_kelim.scss */
.container-detail__image--static .detail-data__navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 12px;
}

/* line 40, src/scss/pages/_kelim.scss */
.container-detail__image--zoom .detail-data__navi {
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 52, src/scss/pages/_kelim.scss */
.container-detail__image {
  grid-column: 1/20;
  min-height: 1030px;
}

@media only screen and (max-width: 48em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    grid-column: 1/-1;
  }
}

@media only screen and (max-width: 87.5em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 1000px;
  }
}

@media only screen and (max-width: 75em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 838px;
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 656px;
  }
}

@media only screen and (max-width: 48em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 711px;
  }
}

@media only screen and (max-width: 42em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 532px;
  }
}

@media only screen and (min-width: 0em) and (max-width: 34.4em) {
  /* line 52, src/scss/pages/_kelim.scss */
  .container-detail__image {
    min-height: 441px;
  }
}

/* line 99, src/scss/pages/_kelim.scss */
.container-detail__data {
  grid-column: 20/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 48em) {
  /* line 99, src/scss/pages/_kelim.scss */
  .container-detail__data {
    grid-row: 1/-1;
    grid-column: 1/-1;
    margin: 2rem 0 0 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* line 115, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text {
  font-size: 1.6rem;
  font-weight: normal;
}

/* line 119, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text--title {
  font-size: 1.9rem;
}

/* line 122, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text--title span {
  font-size: 1.7rem;
  display: block;
  line-height: 1;
  font-weight: normal;
}

/* line 130, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text--facts {
  margin-top: 12px;
}

/* line 132, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text--facts div {
  line-height: 1.14;
  margin-bottom: 1.2rem;
}

/* line 136, src/scss/pages/_kelim.scss */
.container-detail .detail-data__text--facts div p {
  line-height: 1.14;
}

/* line 143, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 4rem;
}

/* line 147, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi-right, .container-detail .detail-data__navi .container-detail__navi-left {
  font-family: 'RennerBook';
  font-weight: normal;
  font-size: 1.4rem;
  line-height: 1.6rem;
}

/* line 155, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi-left {
  margin-right: 12rem;
}

@media only screen and (max-width: 58.25em) {
  /* line 155, src/scss/pages/_kelim.scss */
  .container-detail .detail-data__navi .container-detail__navi-left {
    margin-right: 10rem;
  }
}

/* line 163, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi-left svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 10px;
}

/* line 170, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi-right svg {
  margin-left: 20px;
}

/* line 176, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi:hover {
  color: #000;
}

/* line 179, src/scss/pages/_kelim.scss */
.container-detail .detail-data__navi .container-detail__navi:hover path {
  fill: #000;
}

/* line 187, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb {
  margin-top: 2rem;
  position: relative;
}

@media only screen and (max-width: 48em) {
  /* line 187, src/scss/pages/_kelim.scss */
  .container-detail .detail-data__zoomthumb {
    margin-top: 0;
    display: none;
  }
}

/* line 199, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb .zoomthumb-navBtns {
  font-weight: normal;
  font-size: 1.2rem;
}

/* line 204, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb .zoomthumb-navBtns span {
  padding: 12px;
  margin: 0;
  height: 44px;
}

/* line 209, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb .zoomthumb-navBtns span:hover {
  cursor: pointer;
}

/* line 216, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb .zoomthumb-navCanvas {
  border: 1px solid #ccc;
  height: 200px;
  max-width: 200px;
  width: 100%;
}

/* line 225, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb #toolbarDiv {
  height: auto;
  width: auto;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  z-index: 1;
  background-color: white;
}

/* line 237, src/scss/pages/_kelim.scss */
.container-detail .detail-data__zoomthumb #navigatorDiv {
  bottom: 0px;
  top: 5px;
}

/* line 247, src/scss/pages/_kelim.scss */
.container-detail .openseadragon-canvas:focus {
  outline-width: 0;
}

@media only screen and (min-width: 0em) and (max-width: 34.4em) {
  /* line 7, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(1) {
    grid-row: 1;
  }
  /* line 10, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(2) {
    grid-row: 4;
  }
  /* line 13, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(3) {
    grid-row: 7;
  }
  /* line 16, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(4) {
    grid-row: 10;
  }
  /* line 19, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(5) {
    grid-row: 13;
  }
  /* line 22, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(6) {
    grid-row: 2;
  }
  /* line 25, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(7) {
    grid-row: 5;
  }
  /* line 28, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(8) {
    grid-row: 8;
  }
  /* line 31, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(9) {
    grid-row: 11;
  }
  /* line 34, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(10) {
    grid-row: 14;
  }
  /* line 37, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(11) {
    grid-row: 3;
  }
  /* line 40, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(12) {
    grid-row: 6;
  }
  /* line 43, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(13) {
    grid-row: 9;
  }
  /* line 46, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(14) {
    grid-row: 12;
  }
  /* line 49, src/scss/pages/_aboutus.scss */
  .page--about .content-grid__box:nth-child(15) {
    grid-row: 15;
  }
}

/* line 10, src/scss/pages/_error.scss */
body.err404 {
  background-color: #36CB0A;
  width: auto;
  height: auto;
  overflow: auto;
}

/* line 87, src/scss/base/_mixins.scss */
body.err404::after {
  content: "";
  display: table;
  clear: both;
}

/* line 18, src/scss/pages/_error.scss */
.error404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 23, src/scss/pages/_error.scss */
.content__center.err404 {
  margin: 0 auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}

@media only screen and (min-width: 40rem) {
  /* line 23, src/scss/pages/_error.scss */
  .content__center.err404 {
    padding: 50px 20px 50px 20px;
  }
}

/* line 36, src/scss/pages/_error.scss */
.content__center.err404 .link__home__wrapper {
  margin: 0 auto;
  text-align: center;
}

/* line 40, src/scss/pages/_error.scss */
.content__center.err404 .link__home__wrapper p,
.content__center.err404 .link__home__wrapper p a {
  color: white;
}

/* line 45, src/scss/pages/_error.scss */
.content__center.err404 .link__home__wrapper a {
  text-decoration: underline;
}

@media only screen and (min-width: 40rem) {
  /* line 50, src/scss/pages/_error.scss */
  .content__center.err404 .link__home__wrapper a {
    text-decoration: none;
  }
}

/* line 55, src/scss/pages/_error.scss */
.content__center.err404 .link__home__wrapper a:hover {
  text-decoration: underline;
}

/* line 60, src/scss/pages/_error.scss */
.content__center.err404 .main-nav-logo {
  width: 285px;
  -ms-flex-item-align: center;
      align-self: center;
}

@media only screen and (min-width: 40rem) {
  /* line 60, src/scss/pages/_error.scss */
  .content__center.err404 .main-nav-logo {
    width: 405px;
  }
}

/* line 69, src/scss/pages/_error.scss */
.content__center.err404 h1 {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 2em;
  line-height: 1.1;
  text-align: center;
  margin: 45px 0 30px 0;
  padding-bottom: 42px;
  border-bottom: 1px solid #36CB0A;
  color: #fff;
  width: 100%;
}

@media only screen and (min-width: 64rem) {
  /* line 69, src/scss/pages/_error.scss */
  .content__center.err404 h1 {
    font-size: 6.25em;
    margin: 75px 0 78px 0;
  }
}

/* line 86, src/scss/pages/_error.scss */
.content__center.err404 p {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 1.375em;
  color: #fff;
  text-align: center;
}

/* line 93, src/scss/pages/_error.scss */
.content__center.err404 .link--icon {
  width: 51px;
  height: 51px;
  display: inline-block;
  border-radius: 100%;
  background: orange;
  -ms-flex-item-align: center;
      align-self: center;
}

@media only screen and (min-width: 80rem) {
  /* line 93, src/scss/pages/_error.scss */
  .content__center.err404 .link--icon {
    width: 51px;
    height: 51px;
  }
}

/* line 106, src/scss/pages/_error.scss */
.content__center.err404 .link--icon + .link--icon {
  margin-left: 10px;
}

@media only screen and (min-width: 64rem) {
  /* line 106, src/scss/pages/_error.scss */
  .content__center.err404 .link--icon + .link--icon {
    margin-left: 18px;
  }
}

/* line 114, src/scss/pages/_error.scss */
.content__center.err404 .link--icon-home {
  margin-top: 30px;
  background-color: #36CB0A;
}

@media only screen and (min-width: 64rem) {
  /* line 114, src/scss/pages/_error.scss */
  .content__center.err404 .link--icon-home {
    margin-top: 40px;
  }
}

/* line 1, src/scss/pages/_grid.scss */
.content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-auto-rows: 1fr;
  /* Just to make the grid visible */
}

@media only screen and (max-width: 112.5em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}

@media only screen and (max-width: 87.5em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}

@media only screen and (max-width: 75em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(19%, 1fr));
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(19%, 1fr));
  }
}

@media only screen and (max-width: 48em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  }
}

@media only screen and (max-width: 42em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  }
}

@media only screen and (min-width: 0em) and (max-width: 34.4em) {
  /* line 1, src/scss/pages/_grid.scss */
  .content-grid {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}

/* line 39, src/scss/pages/_grid.scss */
.content-grid__box {
  font-size: 1.4rem;
  font-family: gillsans-medium;
  position: relative;
}

@media only screen and (max-width: 58.25em) {
  /* line 39, src/scss/pages/_grid.scss */
  .content-grid__box {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

@media only screen and (max-width: 42em) {
  /* line 39, src/scss/pages/_grid.scss */
  .content-grid__box {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

/* line 53, src/scss/pages/_grid.scss */
.content-grid__box--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

/* line 61, src/scss/pages/_grid.scss */
.content-grid__box--image {
  height: 100%;
  display: block;
}

/* line 66, src/scss/pages/_grid.scss */
.content-grid__box--imgbg {
  background-size: cover;
}

/* line 72, src/scss/pages/_grid.scss */
.content-grid__box--paragraph p {
  margin-bottom: 3px;
  font-family: "gillsans-light", sans-serif;
  overflow: hidden;
  line-height: 1.8rem;
  font-size: 20px;
}

@media (min-width: 375px) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    font-size: calc(-1.99005vw + 27.46269px);
  }
}

@media (min-width: 576px) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    font-size: calc(-1.5625vw + 25px);
  }
}

@media (min-width: 768px) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    font-size: calc(0.44643vw + 9.57143px);
  }
}

@media (min-width: 992px) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    font-size: calc(0.96154vw + 4.46154px);
  }
}

@media (min-width: 1200px) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 58.25em) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    line-height: 1.8rem;
  }
}

@media only screen and (max-width: 34.5em) {
  /* line 72, src/scss/pages/_grid.scss */
  .content-grid__box--paragraph p {
    line-height: 2.4rem;
  }
}

/* line 90, src/scss/pages/_grid.scss */
.content-grid__box--paragraph-parttwo {
  display: none;
}

/* line 95, src/scss/pages/_grid.scss */
.content-grid__box--headline {
  font-size: 20px;
  line-height: 1.7rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

@media (min-width: 375px) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    font-size: calc(-1.99005vw + 27.46269px);
  }
}

@media (min-width: 576px) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    font-size: calc(-1.5625vw + 25px);
  }
}

@media (min-width: 768px) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    font-size: calc(0.44643vw + 9.57143px);
  }
}

@media (min-width: 992px) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    font-size: calc(0.48077vw + 9.23077px);
  }
}

@media (min-width: 1200px) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    font-size: 15px;
  }
}

@media only screen and (max-width: 48em) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
  }
}

@media only screen and (max-width: 34.5em) {
  /* line 95, src/scss/pages/_grid.scss */
  .content-grid__box--headline {
    line-height: 2.4rem;
  }
}

/* line 110, src/scss/pages/_grid.scss */
.content-grid__box .figure__image {
  height: 0;
}

/* line 114, src/scss/pages/_grid.scss */
.content-grid__box.text {
  padding: 10px 10px 10px 10px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* line 122, src/scss/pages/_grid.scss */
.content-grid__box.text .btn-more {
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  z-index: 1;
  text-align: right;
  padding: 10px;
  border: 0;
  background: none;
}

/* line 135, src/scss/pages/_grid.scss */
.content-grid__box.text .modal-inner-close {
  display: none;
}

/* line 142, src/scss/pages/_grid.scss */
.content-grid::before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

/* line 150, src/scss/pages/_grid.scss */
.content-grid > *:first-child {
  grid-row: 1 / 1;
  grid-column: 1 / 1;
}

/* line 164, src/scss/pages/_grid.scss */
.content__grid {
  display: grid;
  grid-template-columns: repeat(25, 1fr);
  grid-gap: 1rem;
}

/* line 169, src/scss/pages/_grid.scss */
.page--contact .content__grid {
  grid-gap: 4rem;
}

@media only screen and (max-width: 58.25em) {
  /* line 169, src/scss/pages/_grid.scss */
  .page--contact .content__grid {
    grid-gap: 0;
  }
}

/* line 177, src/scss/pages/_grid.scss */
.page--links .content__grid {
  grid-gap: 4rem;
}

@media only screen and (max-width: 58.25em) {
  /* line 177, src/scss/pages/_grid.scss */
  .page--links .content__grid {
    grid-gap: 2rem;
  }
}

/* line 187, src/scss/pages/_grid.scss */
.content__grid-60-40 {
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
}

/* line 190, src/scss/pages/_grid.scss */
.content__grid-60-40--img {
  grid-column: 1 / 16;
}

@media only screen and (max-width: 42em) {
  /* line 190, src/scss/pages/_grid.scss */
  .content__grid-60-40--img {
    grid-column: 1 / -1;
    margin-bottom: 2rem;
  }
}

/* line 199, src/scss/pages/_grid.scss */
.content__grid-60-40--text {
  grid-column: 16 / -1;
}

/* line 202, src/scss/pages/_grid.scss */
.content__grid-60-40--text-item {
  margin-bottom: 20px;
}

/* line 206, src/scss/pages/_grid.scss */
.content__grid-60-40--text > div > p {
  display: inline;
}

/* line 210, src/scss/pages/_grid.scss */
.content__grid-60-40--text a {
  color: #f00;
}

@media only screen and (max-width: 42em) {
  /* line 199, src/scss/pages/_grid.scss */
  .content__grid-60-40--text {
    grid-column: 1 / -1;
  }
}

/* line 222, src/scss/pages/_grid.scss */
.content__grid-50-50--img {
  grid-column: 1 / 11;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 58.25em) {
  /* line 222, src/scss/pages/_grid.scss */
  .content__grid-50-50--img {
    grid-column: 1 / -1;
    margin-bottom: 2rem;
    height: auto;
  }
}

/* line 235, src/scss/pages/_grid.scss */
.content__grid-50-50--text {
  grid-column: 11 / 21;
  display: grid;
}

@media only screen and (max-width: 58.25em) {
  /* line 235, src/scss/pages/_grid.scss */
  .content__grid-50-50--text {
    grid-row: 2;
    grid-column: 1/-1;
  }
}

/* line 245, src/scss/pages/_grid.scss */
.content__grid-50-50--logo {
  margin-bottom: 1rem;
}

/* line 21, src/scss/pages/_styles.scss */
.nomadenschaetze-gallery figcaption {
  display: none;
}

/* line 1, src/scss/modules/_modal.scss */
.modal-outer {
  display: grid;
  background: rgba(54, 203, 10, 0.5);
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Hide this modal until we need it */
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 10;
}

@media only screen and (max-width: 42em) {
  /* line 1, src/scss/modules/_modal.scss */
  .modal-outer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 20px;
    overflow: scroll;
  }
}

/* line 24, src/scss/modules/_modal.scss */
.modal-outer.open {
  opacity: 1;
  pointer-events: all;
}

/* line 29, src/scss/modules/_modal.scss */
.modal-inner {
  max-width: 880px;
  min-width: 300px;
  padding: 4.4rem 4rem 2.6rem 4rem;
  border-radius: 2px;
  min-height: 200px;
  background-color: white;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 58.25em) {
  /* line 29, src/scss/modules/_modal.scss */
  .modal-inner {
    max-width: 640px;
  }
}

@media only screen and (max-width: 42em) {
  /* line 29, src/scss/modules/_modal.scss */
  .modal-inner {
    min-width: auto;
    margin: 0 2rem;
  }
}

/* line 50, src/scss/modules/_modal.scss */
.modal-inner__text--heading {
  font-family: "gillsans-medium", sans-serif;
}

/* line 54, src/scss/modules/_modal.scss */
.modal-inner__text--one {
  font-family: "gillsans-light", sans-serif;
}

/* line 58, src/scss/modules/_modal.scss */
.modal-inner__text--two {
  font-family: "Futura-Bk-Bt", sans-serif;
}

/* line 60, src/scss/modules/_modal.scss */
.modal-inner__text--two p {
  line-height: 1.2;
}

@media only screen and (max-width: 42em) {
  /* line 60, src/scss/modules/_modal.scss */
  .modal-inner__text--two p {
    line-height: 1.4;
  }
}

/* line 68, src/scss/modules/_modal.scss */
.modal-inner__text--one, .modal-inner__text--two {
  font-size: 14px;
}

@media (min-width: 600px) {
  /* line 68, src/scss/modules/_modal.scss */
  .modal-inner__text--one, .modal-inner__text--two {
    font-size: calc(0.2551vw + 12.46939px);
  }
}

@media (min-width: 992px) {
  /* line 68, src/scss/modules/_modal.scss */
  .modal-inner__text--one, .modal-inner__text--two {
    font-size: 15px;
  }
}

/* line 74, src/scss/modules/_modal.scss */
.modal-inner-close {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 2rem;
  cursor: pointer;
  display: block;
  width: 35px;
  text-align: center;
  height: 35px;
  font-size: 2.6rem;
}

/* line 84, src/scss/modules/_modal.scss */
.modal-outer.open .modal-inner-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 91, src/scss/modules/_modal.scss */
.modal-inner .content-grid__box--paragraph-parttwo {
  display: block;
}

/* line 95, src/scss/modules/_modal.scss */
.modal-inner h3 {
  line-height: 1.2;
}

/* line 99, src/scss/modules/_modal.scss */
.modal-inner p {
  margin: 0 0 1.1rem 0;
}

/* line 104, src/scss/modules/_modal.scss */
.modal-outer.open .modal-inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}