/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 */
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.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

*.green-underlined {
  box-shadow: inset 0 -0.3em #39563D; }

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

@media (max-width: 599px) {
  *.mobile-full-width, div.module.mobile-full-width {
    margin-left: -12px;
    width: 100vw; } }

@media (max-width: 599px) {
  .mobile-full-edge-padding {
    padding-left: 12px;
    padding-right: 12px; } }

.blitz-inject {
  display: none; }

@font-face {
  font-family: 'Walter';
  src: url(../fonts/Walter-RegularItalic.woff) format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: 'Walter';
  src: url(../fonts/Walter-MediumItalic.woff) format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }

html {
  height: 100%; }

body, html {
  position: relative;
  text-rendering: optimizeLegibility; }

body {
  min-height: 100vh; }

main.main-content {
  margin-bottom: 48px; }
  @media (min-width: 1200px) {
    main.main-content {
      margin-bottom: 96px; } }

ul li {
  list-style: none; }

ul {
  margin: 0;
  padding: 0; }

img {
  display: block;
  width: 100%;
  max-width: 100%; }
  img.rounded {
    border-radius: 50%; }
  img.desaturated {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

figure {
  margin: 0;
  padding: 0; }

a {
  color: #39563D; }
  a.active {
    color: #39563D; }
  div.module__text a {
    padding-bottom: 0; }
  article header h1 a, header.header-global a, .main-nav a {
    text-decoration: none; }
  .attribution-link a {
    text-decoration: underline; }

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

.display-none {
  display: none !important; }

.arrowed li {
  margin-left: 1em;
  list-style: none; }
  .arrowed li:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='434px' height='500px'%3E%3Cg style=''%3E%3Cpath d='M294.671697,215.182669 L0.000000,215.182669 L0.000000,285.440041 L295.353808,285.440041 L145.289517,449.146539 L191.673025,498.940599 L432.458000,249.970300 L191.673025,1.000000 L145.289517,51.476170 Z' fill='%2523000000' stroke='none' /%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    margin: 0 .4em 0 0;
    width: .6em;
    height: .6em;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: baseline;
    margin-left: -1em; }

.arrow-after:after {
  content: "";
  background: url('data:image/svg+xml; utf8, <svg width="434px" height="500px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\a<g style=""><path d="M294.671697,215.182669 L0.000000,215.182669 L0.000000,285.440041 L295.353808,285.440041 L145.289517,449.146539 L191.673025,498.940599 L432.458000,249.970300 L191.673025,1.000000 L145.289517,51.476170 Z" fill="%23999AA5" stroke="none" />\a</g></svg>');
  background-size: contain !important;
  margin: 0 0 0 .3em !important;
  width: .65em !important;
  height: .65em !important;
  background-repeat: no-repeat !important;
  display: inline-block !important; }

.arrow-after.green:after {
  content: "";
  background: url('data:image/svg+xml; utf8, <svg width="434px" height="500px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\a<g style=""><path d="M294.671697,215.182669 L0.000000,215.182669 L0.000000,285.440041 L295.353808,285.440041 L145.289517,449.146539 L191.673025,498.940599 L432.458000,249.970300 L191.673025,1.000000 L145.289517,51.476170 Z" fill="%23005C48" stroke="none" />\a</g></svg>'); }

.arrow-before:before {
  content: "";
  background: url('data:image/svg+xml; utf8, <svg width="434px" height="500px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\a<g style=""><path d="M294.671697,215.182669 L0.000000,215.182669 L0.000000,285.440041 L295.353808,285.440041 L145.289517,449.146539 L191.673025,498.940599 L432.458000,249.970300 L191.673025,1.000000 L145.289517,51.476170 Z" fill="%23000000" stroke="none" />\a</g></svg>');
  background-size: contain;
  margin: 0 .3em 0 0;
  width: .8em;
  height: .8em;
  background-repeat: no-repeat;
  display: inline-block; }

.arrow-out:after {
  content: "";
  background: url('data:image/svg+xml; utf8, <svg width="450px" height="450px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\a<g style=""><path d="M385.097143,449.280000 L449.280000,449.280000 L441.679398,8.445113 L0.000000,0.000000 L0.000000,59.960301 L327.670376,72.627970 L12.667669,386.786165 L60.804812,434.923308 L370.740451,124.143158 L385.097143,449.280000 Z " fill="%23000000" stroke="none" />\a</g></svg>');
  background-size: contain;
  margin: 0 0 0 .3em;
  width: .6em;
  height: .6em;
  background-repeat: no-repeat;
  display: inline-block; }

img:not([src]) {
  visibility: hidden; }

hr {
  border: none;
  border-top: 1px solid black;
  margin-bottom: 24px; }

*.centered {
  text-align: center; }

.no-mobile-visibility {
  display: none !important; }
  @media (min-width: 900px) {
    .no-mobile-visibility {
      display: block !important; } }

@media (min-width: 900px) {
  .mobile-visibility {
    display: none; } }

*.visible {
  display: block;
  visibility: visible; }

*.underlined.dotted {
  text-decoration-style: dotted; }

*.color-negative {
  -webkit-font-smoothing: antialiased; }

*.hidden {
  display: none !important;
  visibility: hidden !important; }

*.over-line,
*.over-line * {
  color: #0b1cc1;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600; }

figcaption {
  margin-top: .5em;
  color: #999aa5;
  line-height: 21px; }
  figcaption a {
    color: #999aa5; }

*.background-green {
  background: #D8FFEA; }

*.no-bottom-padding {
  padding-bottom: 0 !important; }

*.error {
  background: red;
  color: white;
  font-weight: 900;
  display: inline-block;
  padding: 12px; }

.light-link {
  color: #999aa5;
  border-bottom: 2px solid #39563D; }

.single-column-centered, article.page div.grid div.contents, section.home div.accordeon div.accordeon-body, section.content-section.textonly div.section-body, section.content-section.narrow div.section-body, div.content-section.textonly div.section-body, div.content-section.narrow div.section-body, section.content-section.gallery div.caption, div.content-section.gallery div.caption {
  grid-column: 1 / -1; }
  @media (min-width: 900px) {
    .single-column-centered, article.page div.grid div.contents, section.home div.accordeon div.accordeon-body, section.content-section.textonly div.section-body, section.content-section.narrow div.section-body, div.content-section.textonly div.section-body, div.content-section.narrow div.section-body, section.content-section.gallery div.caption, div.content-section.gallery div.caption {
      grid-column: 3 / span 8; } }
  @media (min-width: 1820px) {
    .single-column-centered, article.page div.grid div.contents, section.home div.accordeon div.accordeon-body, section.content-section.textonly div.section-body, section.content-section.narrow div.section-body, div.content-section.textonly div.section-body, div.content-section.narrow div.section-body, section.content-section.gallery div.caption, div.content-section.gallery div.caption {
      grid-column: 4 / span 6; } }

*.thera-blau {
  color: #0077B6; }

*#secretHoneypotParamName {
  display: none !important; }

div.logo {
  grid-area: logo; }
  div.logo a {
    display: block; }

div.grid *.centered-content {
  grid-column: 1 / -1; }
  @media (min-width: 900px) {
    div.grid *.centered-content {
      grid-column: 2 / span 6; } }
  @media (min-width: 1200px) {
    div.grid *.centered-content {
      grid-column: 3 / span 8; } }
  @media (min-width: 1820px) {
    div.grid *.centered-content {
      grid-column: 4 / span 6; } }

div.container {
  min-height: 100vh;
  margin: 0 auto;
  display: grid;
  grid-template-rows: auto 1fr auto; }

.content {
  margin: 0 auto; }
  @media (max-width: 599px) {
    .content {
      margin: 0 24px;
      box-sizing: border-box; } }
  @media (min-width: 600px) {
    .content {
      width: 560px;
      max-width: 560px; } }
  @media (min-width: 900px) {
    .content {
      width: 760px;
      max-width: 760px; } }
  @media (min-width: 1200px) {
    .content {
      width: 1140px;
      max-width: 1140px; } }
  @media (min-width: 1820px) {
    .content {
      width: 1620px;
      max-width: 1620px; } }

*.grid {
  word-wrap: break-word;
  display: grid;
  grid-gap: 12px; }
  @media (max-width: 599px) {
    *.grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 600px) {
    *.grid {
      grid-template-columns: repeat(auto-fill, minmax(213px, 1fr)); } }
  @media (min-width: 900px) {
    *.grid {
      grid-template-columns: repeat(auto-fill, minmax(52.3px, 1fr)); } }
  @media (min-width: 1200px) {
    *.grid {
      grid-gap: 24px;
      grid-template-columns: repeat(auto-fill, minmax(73px, 1fr)); } }
  @media (min-width: 1820px) {
    *.grid {
      grid-template-columns: repeat(auto-fill, minmax(113px, 1fr)); } }
  *.grid > * {
    min-width: 0;
    /* NEW; needed for Firefox */ }
  *.grid.grid-two {
    grid-template-columns: repeat(2, 1fr); }

body {
  font-family: "myriad-pro-1", "myriad-pro-2", Helvetica, Arial, "sans-serif";
  font-weight: 400;
  font-size: 16px;
  color: #666666; }

article.single-debate-post ul li {
  list-style-type: disc; }

h1,
*.as-h1,
h1 span,
*.as-h1 span {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none; }

h1.display,
h2.display,
*.as-h1.display {
  font-size: calc(2.4vw + 1.1rem);
  line-height: 1.4em; }

h1,
h2,
h3,
p,
ul li {
  margin: 0; }

b,
strong {
  font-weight: 700; }

h1,
*.as-h1,
section.article-body div.module__text h2,
section.article-body div.module__text h3,
section.search-results h1 {
  font-size: 36px;
  line-height: 1.1em;
  hyphens: none;
  font-weight: 700; }

section.sub-section h1 {
  font-size: 20px;
  line-height: 28px; }

section.article-body div.module__text h3 {
  font-size: 24px;
  line-height: 26px; }

section.article-body div.module__text h3,
.as-h3,
section.search-results h1 {
  font-size: 26px;
  line-height: 32px; }

p,
blockquote,
ul,
ol,
li,
button,
form,
*.as-h2,
*.small-font h1 {
  font-size: 18px;
  line-height: 28px; }
  div.textblock p:not(:last-of-type), div.textblock
  blockquote:not(:last-of-type), div.textblock
  ul:not(:last-of-type), div.textblock
  ol:not(:last-of-type), div.textblock
  li:not(:last-of-type), div.textblock
  button:not(:last-of-type), div.textblock
  form:not(:last-of-type), div.textblock
  *.as-h2:not(:last-of-type), div.textblock
  *.small-font h1:not(:last-of-type) {
    margin-bottom: 1em; }
  section.article-body div.module__text p,
  .accordeon-body p, section.article-body div.module__text
  blockquote,
  .accordeon-body
  blockquote, section.article-body div.module__text
  ul,
  .accordeon-body
  ul, section.article-body div.module__text
  ol,
  .accordeon-body
  ol, section.article-body div.module__text
  li,
  .accordeon-body
  li, section.article-body div.module__text
  button,
  .accordeon-body
  button, section.article-body div.module__text
  form,
  .accordeon-body
  form, section.article-body div.module__text
  *.as-h2,
  .accordeon-body
  *.as-h2, section.article-body div.module__text
  *.small-font h1,
  .accordeon-body
  *.small-font h1 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 1em; }
  p.display,
  blockquote.display,
  ul.display,
  ol.display,
  li.display,
  button.display,
  form.display,
  *.as-h2.display,
  *.small-font h1.display {
    font-size: 36px;
    line-height: 1.3em; }

figcaption,
small,
.small-font,
.small-font,
form label,
input::placeholder {
  font-size: 14px;
  line-height: 18px; }

.small-font p,
.small-font blockquote,
.small-font ul,
.small-font ol,
.small-font li {
  font-size: 16px; }

header.header-global * {
  font-size: 1em; }

footer.footer-global p, footer.footer-global li {
  font-size: 14px;
  line-height: 1.4em; }

@media (min-width: 900px) {
  p,
  blockquote,
  ul,
  ol,
  li,
  button,
  form,
  *.as-h2,
  *.small-font h1 {
    font-size: 18px;
    line-height: 28px; }
    section.article-intro div.module__text p, section.article-intro div.module__text
    blockquote, section.article-intro div.module__text
    ul, section.article-intro div.module__text
    ol, section.article-intro div.module__text
    li, section.article-intro div.module__text
    button, section.article-intro div.module__text
    form, section.article-intro div.module__text
    *.as-h2, section.article-intro div.module__text
    *.small-font h1 {
      font-size: 24px;
      line-height: 28px; }
    section.article-body div.module__text p, section.article-body div.module__text
    blockquote, section.article-body div.module__text
    ul, section.article-body div.module__text
    ol, section.article-body div.module__text
    li, section.article-body div.module__text
    button, section.article-body div.module__text
    form, section.article-body div.module__text
    *.as-h2, section.article-body div.module__text
    *.small-font h1 {
      font-size: 19px;
      line-height: 26px; }
    p.display,
    blockquote.display,
    ul.display,
    ol.display,
    li.display,
    button.display,
    form.display,
    *.as-h2.display,
    *.small-font h1.display {
      font-size: 36px;
      line-height: 1.3em; }
  section.sub-section h1 {
    font-size: 22px;
    line-height: 28px; } }

@media (min-width: 1200px) {
  h1,
  *.as-h1 {
    font-size: 48px;
    line-height: 56px; }
    article.title-debate h1, article.title-debate
    *.as-h1 {
      font-size: 42px;
      line-height: 42px; }
  p,
  blockquote,
  ul,
  ol,
  li,
  button,
  form,
  *.as-h2,
  select {
    font-size: 18px;
    line-height: 1.8em; }
    section.article-intro div.module__text p, section.article-intro div.module__text
    blockquote, section.article-intro div.module__text
    ul, section.article-intro div.module__text
    ol, section.article-intro div.module__text
    li, section.article-intro div.module__text
    button, section.article-intro div.module__text
    form, section.article-intro div.module__text
    *.as-h2, section.article-intro div.module__text
    select {
      font-size: 28px;
      line-height: 38px; }
    section.article-body div.module__text p, section.article-body div.module__text
    blockquote, section.article-body div.module__text
    ul, section.article-body div.module__text
    ol, section.article-body div.module__text
    li, section.article-body div.module__text
    button, section.article-body div.module__text
    form, section.article-body div.module__text
    *.as-h2, section.article-body div.module__text
    select {
      font-size: 22px;
      line-height: 34px; }
    p.display,
    blockquote.display,
    ul.display,
    ol.display,
    li.display,
    button.display,
    form.display,
    *.as-h2.display,
    select.display {
      font-size: 40px; }
  section.article-body div.module__text h2 {
    font-size: 22px;
    line-height: 30px; }
  section.article-body div.module__text h3,
  .as-h3,
  section.search-results h1 {
    font-size: 24px;
    line-height: 32px; }
  .dim {
    font-size: .9em; }
  .overline,
  .overline *,
  .over-line,
  .over-line * {
    font-size: 17px; }
  nav.main-nav ul li {
    font-size: 18px; }
  nav.main- figcaption,
  small,
  .small-font,
  .small-font,
  input[type="submit"],
  input::placeholder {
    font-size: 16px;
    line-height: 24px; }
  header.header-global * {
    font-size: 18px; } }

@media (min-width: 1820px) {
  section.article-body div.module__text p, section.article-body div.module__text
  blockquote, section.article-body div.module__text
  ul, section.article-body div.module__text
  ol, section.article-body div.module__text
  li, section.article-body div.module__text
  button, section.article-body div.module__text
  form, section.article-body div.module__text
  *.as-h2, section.article-body div.module__text
  select {
    font-size: 24px;
    line-height: 38px; }
  p.display,
  blockquote.display,
  ul.display,
  ol.display,
  li.display,
  button.display,
  form.display,
  *.as-h2.display,
  select.display {
    font-size: 46px;
    line-height: 1.5em; }
  section.article-body div.module__text h2 {
    font-size: 24px;
    line-height: 35px; } }

blockquote {
  font-style: italic; }

small {
  display: block;
  line-height: 1.45em; }

small strong {
  -webkit-font-smoothing: antialiased; }

.sc {
  font-variant: small-caps; }

.ln {
  font-variant-numeric: lining-nums; }

table {
  font-variant-numeric: tabular-nums; }

.section-body p:not(:last-child),
.section-body h2:not(:last-child),
.section-body ul:not(:last-child) {
  margin-bottom: 1em; }

.section-body ol {
  margin-bottom: 1em !important; }
  .section-body ol li {
    margin-bottom: 1em !important; }

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word; }

input::placeholder {
  opacity: .5; }

*.middle-grey {
  color: #999aa5; }

*.uppercase {
  text-transform: uppercase;
  letter-spacing: 1px; }

header.header-global {
  width: 100%;
  width: 100vw;
  margin: 0; }
  header.header-global div.site-name p {
    line-height: 1.3; }
  header.header-global div.header-bar {
    text-align: center; }
  header.header-global img.hero {
    margin-bottom: 20px; }
  header.header-global svg.logo {
    max-width: 90%; }
  @media (min-width: 600px) {
    header.header-global img.hero {
      margin-bottom: 40px; }
    header.header-global svg.logo {
      margin: 0 auto;
      display: block;
      width: 400px;
      margin-bottom: 10px; } }
  @media (min-width: 1200px) {
    header.header-global svg.logo {
      width: 600px; }
      header.header-global svg.logo.open {
        width: 400px; } }
  @media (min-width: 1820px) {
    header.header-global img.hero {
      margin-bottom: 80px; } }
  @media (min-width: 900px) {
    header.header-global div.header-bar div.menu {
      display: block; }
      header.header-global div.header-bar div.menu ul {
        margin: 0;
        padding: 0; }
        header.header-global div.header-bar div.menu ul li {
          display: inline; }
          header.header-global div.header-bar div.menu ul li:not(:last-child) {
            margin-right: 12px; } }
  @media (min-width: 1820px) {
    header.header-global div.header-bar div.menu ul li:not(:last-child) {
      margin-right: 24px; } }

div.body {
  grid-column: 1 / -1; }
  @media (min-width: 1200px) {
    div.body {
      grid-column: 3 / span 8; } }

section.about.logos {
  margin-top: 48px; }
  @media (min-width: 1200px) {
    section.about.logos div.module__body {
      display: flex;
      justify-content: space-between; }
    section.about.logos figure {
      flex: 0 0 45%; } }

footer.footer-global {
  padding: 0 0 3em 0;
  align-self: end;
  text-align: center;
  margin: 24px 0; }
  footer.footer-global a {
    text-decoration: none;
    color: #999; }
  footer.footer-global div.content {
    padding-top: 12px;
    border-top: 1px solid #e1e1e1; }
  @media (min-width: 900px) {
    footer.footer-global {
      margin: 36px 0 36px 0; } }
  @media (min-width: 1200px) {
    footer.footer-global {
      margin: 36px 0 60px 0; }
      footer.footer-global div.footer-bar {
        display: flex; }
        footer.footer-global div.footer-bar > * {
          flex: 0 0 33.33%; } }
  footer.footer-global a svg.social-icon.instagram path {
    fill: #999; }
  footer.footer-global a svg.social-icon.facebook circle {
    fill: #999; }

div.main-content.home {
  display: flex;
  justify-content: center;
  align-items: center; }

section.hero-intro h1.display {
  font-weight: 400; }

section.home div.accordeon div.accordeon__item {
  padding: 2em 0;
  max-width: 100%; }

section.home div.accordeon h2.accordeon-header {
  margin: 0 auto;
  cursor: pointer;
  font-size: 2.6em; }
  @media (min-width: 900px) {
    section.home div.accordeon h2.accordeon-header {
      font-size: 4em; } }
  @media (min-width: 1200px) {
    section.home div.accordeon h2.accordeon-header {
      font-size: 6em; } }

section.home div.accordeon div.accordeon-body {
  display: none;
  margin-top: 2em; }
  section.home div.accordeon div.accordeon-body.visible {
    display: block; }
  section.home div.accordeon div.accordeon-body ul li:not(:last-child) {
    margin-bottom: 1em; }

div.stoerer {
  margin: 2em 0;
  text-align: center;
  background: #FBBC05;
  grid-column: 1 / -1;
  color: white;
  padding: 2em; }
  div.stoerer p:not(:last-of-type) {
    margin-bottom: 1em; }
  div.stoerer hr {
    border-color: white; }
  @media (min-width: 900px) {
    div.stoerer {
      grid-column: 3 / span 8; } }
  @media (min-width: 1820px) {
    div.stoerer {
      grid-column: 4 / span 6; } }

.single-centered-column {
  grid-column: 1 / -1; }
  @media (min-width: 900px) {
    .single-centered-column {
      grid-column: 3 / span 8; } }
  @media (min-width: 1820px) {
    .single-centered-column {
      grid-column: 4 / span 6; } }

section header.section-header, div header.section-header {
  grid-column: span 4;
  margin: 0 0 24px 0; }
  @media (min-width: 1200px) {
    section header.section-header, div header.section-header {
      margin: 0 0 48px 0; } }

section.grid.post-grid, div.grid.post-grid {
  grid-row-gap: 72px;
  margin-top: 12px;
  margin-bottom: 24px; }
  section.grid.post-grid .post.grid-item, div.grid.post-grid .post.grid-item {
    grid-column: 1 / -1; }
    @media (min-width: 900px) {
      section.grid.post-grid .post.grid-item, div.grid.post-grid .post.grid-item {
        grid-column: span 4; } }

section.sub-section, section.content-section, div.sub-section, div.content-section {
  padding: 48px 0; }
  @media (min-width: 600px) {
    section.sub-section, section.content-section, div.sub-section, div.content-section {
      padding: 96px 0; } }
  @media (min-width: 1200px) {
    section.sub-section, section.content-section, div.sub-section, div.content-section {
      padding: 144px 0; } }

section.article-cover, div.article-cover {
  margin: 48px 0; }
  @media (min-width: 600px) {
    section.article-cover, div.article-cover {
      margin: 48px 0 96px 0; } }
  @media (min-width: 1200px) {
    section.article-cover, div.article-cover {
      margin: 48px 0 96px 0; } }

@media (min-width: 900px) {
  section.content-section header.headline, div.content-section header.headline {
    grid-column: 3 / span 6; } }

section.content-section.background-color, div.content-section.background-color {
  background-color: #39563D;
  color: white;
  -webkit-font-smoothing: antialiased; }

section.content-section.textImage div.section-body, div.content-section.textImage div.section-body {
  grid-column: 1 / -1; }
  section.content-section.textImage div.section-body div.grid, div.content-section.textImage div.section-body div.grid {
    align-items: center; }
    @media (min-width: 900px) {
      section.content-section.textImage div.section-body div.grid.layout-direction-img-text div.image, div.content-section.textImage div.section-body div.grid.layout-direction-img-text div.image {
        order: 1; }
      section.content-section.textImage div.section-body div.grid.layout-direction-img-text div.text, div.content-section.textImage div.section-body div.grid.layout-direction-img-text div.text {
        order: 2;
        grid-column: 6 / span 6; } }
    @media (min-width: 900px) {
      section.content-section.textImage div.section-body div.grid.layout-direction-text-img div.image, div.content-section.textImage div.section-body div.grid.layout-direction-text-img div.image {
        grid-column: 8 / span 4; }
      section.content-section.textImage div.section-body div.grid.layout-direction-text-img div.text, div.content-section.textImage div.section-body div.grid.layout-direction-text-img div.text {
        grid-column: span 6; } }
    section.content-section.textImage div.section-body div.grid > *, div.content-section.textImage div.section-body div.grid > * {
      grid-column: 1 / -1; }
      @media (min-width: 900px) {
        section.content-section.textImage div.section-body div.grid > *.image, div.content-section.textImage div.section-body div.grid > *.image {
          grid-column: span 4; }
        section.content-section.textImage div.section-body div.grid > *.text, div.content-section.textImage div.section-body div.grid > *.text {
          grid-column: span 6; } }

section.content-section.gallery div.section-body, div.content-section.gallery div.section-body {
  grid-column: 1 / -1; }

section.content-section.gallery div.images.gallery_1up .image, div.content-section.gallery div.images.gallery_1up .image {
  grid-column: 1 / -1; }

section.content-section.gallery div.images.gallery_2up div.image, div.content-section.gallery div.images.gallery_2up div.image {
  grid-column: 1 / -1; }
  @media (min-width: 900px) {
    section.content-section.gallery div.images.gallery_2up div.image, div.content-section.gallery div.images.gallery_2up div.image {
      grid-column: span 6; } }
  @media (min-width: 1820px) {
    section.content-section.gallery div.images.gallery_2up div.image, div.content-section.gallery div.images.gallery_2up div.image {
      background-color: blue;
      grid-column: span 6; } }

section.content-section.gallery div.images.gallery_3up div.image, div.content-section.gallery div.images.gallery_3up div.image {
  grid-column: 1 / -1; }
  @media (min-width: 600px) {
    section.content-section.gallery div.images.gallery_3up div.image, div.content-section.gallery div.images.gallery_3up div.image {
      grid-column: span 1; }
      section.content-section.gallery div.images.gallery_3up div.image:first-of-type, div.content-section.gallery div.images.gallery_3up div.image:first-of-type {
        grid-column: 1 / -1; } }
  @media (min-width: 900px) {
    section.content-section.gallery div.images.gallery_3up div.image, div.content-section.gallery div.images.gallery_3up div.image {
      grid-column: span 6; }
      section.content-section.gallery div.images.gallery_3up div.image:first-of-type, div.content-section.gallery div.images.gallery_3up div.image:first-of-type {
        grid-column: 1 / -1; } }
  @media (min-width: 1200px) {
    section.content-section.gallery div.images.gallery_3up div.image, div.content-section.gallery div.images.gallery_3up div.image {
      grid-column: span 4; }
      section.content-section.gallery div.images.gallery_3up div.image:first-of-type, div.content-section.gallery div.images.gallery_3up div.image:first-of-type {
        grid-column: span 4; } }

.cover-styles, section.debates-overview div.debates__item a.debates__link, section.podcasts-overview div.debates__item {
  height: 200px;
  background-color: #999aa5 !important;
  background-size: cover !important;
  background-blend-mode: multiply !important;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center; }
  @media (min-width: 900px) {
    .cover-styles, section.debates-overview div.debates__item a.debates__link, section.podcasts-overview div.debates__item {
      height: 200px; } }
  @media (min-width: 1200px) {
    .cover-styles, section.debates-overview div.debates__item a.debates__link, section.podcasts-overview div.debates__item {
      height: 350px; } }
  .cover-styles svg.logo-www, section.debates-overview div.debates__item a.debates__link svg.logo-www, section.podcasts-overview div.debates__item svg.logo-www {
    max-width: 100px;
    width: 100px;
    margin-bottom: 12px; }
  .cover-styles h1, section.debates-overview div.debates__item a.debates__link h1, section.podcasts-overview div.debates__item h1 {
    color: white;
    hyphens: none;
    max-width: 70%;
    text-align: center;
    -webkit-font-smoothing: antialiased; }

section.debates-overview div.debates__item a.debates__link {
  margin-bottom: 12px; }
  section.debates-overview div.debates__item a.debates__link img {
    visibility: hidden; }

section.article-body div.full-image {
  grid-column: 1 / -1; }
  @media (min-width: 1820px) {
    section.article-body div.full-image {
      grid-column: 3 / span 8; } }

section.article-body div.text {
  margin: 2em 0; }
  section.article-body div.text h2, section.article-body div.text div.textblock {
    grid-column: 1 / -1; }
  section.article-body div.text h3 {
    grid-column: 1 / span 4;
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 1.4em;
    margin-bottom: 1em;
    color: #39563D; }
  @media (min-width: 900px) {
    section.article-body div.text h2 {
      grid-column: 1 / span 4;
      font-family: "Georgia", serif;
      font-style: italic;
      font-weight: 400;
      color: #39563D; }
    section.article-body div.text div.textblock {
      grid-column: 5 / span 8; } }
  @media (min-width: 1200px) {
    section.article-body div.text h2 {
      grid-column: 1 / span 3;
      font-size: 2em; }
    section.article-body div.text div.textblock {
      grid-column: 4 / span 7; } }
  @media (min-width: 1820px) {
    section.article-body div.text h2 {
      grid-column: 3 / span 2;
      font-size: 1.8em; }
    section.article-body div.text div.textblock {
      grid-column: 5 / span 6; } }

section.article-body div.ad {
  grid-column: 1 / -1;
  margin: 4em 0; }
  @media (min-width: 900px) {
    section.article-body div.ad {
      grid-column: span 7; } }
  @media (min-width: 1820px) {
    section.article-body div.ad {
      grid-column: 3 / span 5; } }
  section.article-body div.ad p.ad {
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: 400;
    color: #39563D;
    font-size: 2em;
    margin-bottom: .5em; }
  section.article-body div.ad p.caption {
    color: #999;
    font-size: 1em; }

article.event {
  margin-bottom: 24px; }
  article.event header {
    margin-bottom: 24px; }
  article.event h1 {
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: 400;
    color: #39563D; }
  @media (min-width: 900px) {
    article.event {
      margin-bottom: 120px; }
      article.event div.contents {
        grid-column: 1 / -1 !important; }
      article.event div.module__text {
        grid-column: 1 / span 8 !important; }
        article.event div.module__text p {
          font-size: 1.3em;
          line-height: 1.55em; }
      article.event div.module__image {
        grid-column: 9 / span 4 !important; } }
  @media (min-width: 1820px) {
    article.event div.contents {
      grid-column: 3 / span 6 !important; }
    article.event div.module__text {
      grid-column: 3 / span 5 !important; }
    article.event div.module__image {
      grid-column: 9 / span 3 !important; } }

article.page.generic-page h1,
article.page.guest h1,
article.ferienwohnungen-index h1,
article.page.buchen h1,
article.page.newsletter h1 {
  font-family: "Georgia", serif;
  font-style: italic;
  font-weight: 400;
  color: #39563D; }

@media (min-width: 900px) {
  article.page.generic-page header,
  article.page.generic-page div.textblock,
  article.page.guest header,
  article.page.guest div.textblock,
  article.ferienwohnungen-index header,
  article.ferienwohnungen-index div.textblock,
  article.page.buchen header,
  article.page.buchen div.textblock,
  article.page.newsletter header,
  article.page.newsletter div.textblock {
    grid-column: 4 / span 6 !important; } }

article.page.generic-page div.guest-entry,
article.page.guest div.guest-entry,
article.ferienwohnungen-index div.guest-entry,
article.page.buchen div.guest-entry,
article.page.newsletter div.guest-entry {
  margin-bottom: 6em; }
  article.page.generic-page div.guest-entry div.textblock img,
  article.page.guest div.guest-entry div.textblock img,
  article.ferienwohnungen-index div.guest-entry div.textblock img,
  article.page.buchen div.guest-entry div.textblock img,
  article.page.newsletter div.guest-entry div.textblock img {
    width: auto; }
  @media (min-width: 900px) {
    article.page.generic-page div.guest-entry div.textblock,
    article.page.guest div.guest-entry div.textblock,
    article.ferienwohnungen-index div.guest-entry div.textblock,
    article.page.buchen div.guest-entry div.textblock,
    article.page.newsletter div.guest-entry div.textblock {
      grid-column: 3 / span 8 !important; } }
  article.page.generic-page div.guest-entry div.text,
  article.page.guest div.guest-entry div.text,
  article.ferienwohnungen-index div.guest-entry div.text,
  article.page.buchen div.guest-entry div.text,
  article.page.newsletter div.guest-entry div.text {
    border-top: 1px solid #e1e1e1;
    padding: 20px 0 0 0; }
    article.page.generic-page div.guest-entry div.text p,
    article.page.guest div.guest-entry div.text p,
    article.ferienwohnungen-index div.guest-entry div.text p,
    article.page.buchen div.guest-entry div.text p,
    article.page.newsletter div.guest-entry div.text p {
      padding-right: 15%; }
  article.page.generic-page div.guest-entry div.author,
  article.page.guest div.guest-entry div.author,
  article.ferienwohnungen-index div.guest-entry div.author,
  article.page.buchen div.guest-entry div.author,
  article.page.newsletter div.guest-entry div.author {
    text-align: right;
    margin-top: 2em; }

article.page.buchen header {
  margin: 3em 0;
  text-align: center; }
  @media (min-width: 900px) {
    article.page.buchen header {
      grid-column: 2 / span 10 !important; } }

article.ferienwohnungen-index header {
  margin: 2em 0;
  text-align: center; }
  @media (min-width: 900px) {
    article.ferienwohnungen-index header {
      grid-column: 2 / span 10 !important; } }

article.ferienwohnungen-index section.intro {
  margin: 2em 0; }

article.ferienwohnungen-index div.ferienwohnung {
  padding: 3em 0 0 0;
  border-top: 1px solid #39563D; }
  article.ferienwohnungen-index div.ferienwohnung:first-of-type {
    margin-top: 3em; }
  article.ferienwohnungen-index div.ferienwohnung h2 {
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: 400;
    color: #39563D;
    grid-column: 1 / -1; }
    @media (min-width: 900px) {
      article.ferienwohnungen-index div.ferienwohnung h2 {
        grid-column: 1 / span 12 !important; } }
    @media (min-width: 1200px) {
      article.ferienwohnungen-index div.ferienwohnung h2 {
        grid-column: 1 / -1 !important; } }
    @media (min-width: 1820px) {
      article.ferienwohnungen-index div.ferienwohnung h2 {
        grid-column: 2 / span 10 !important; } }
  article.ferienwohnungen-index div.ferienwohnung div.beschreibung {
    grid-column: 1 / -1; }
    @media (min-width: 900px) {
      article.ferienwohnungen-index div.ferienwohnung div.beschreibung {
        grid-column: 1 / span 6 !important; } }
    @media (min-width: 1200px) {
      article.ferienwohnungen-index div.ferienwohnung div.beschreibung {
        grid-column: 1 / span 6 !important; } }
    @media (min-width: 1820px) {
      article.ferienwohnungen-index div.ferienwohnung div.beschreibung {
        grid-column: 2 / span 6 !important; } }
  article.ferienwohnungen-index div.ferienwohnung div.ausstattung {
    grid-column: 1 / -1; }
    @media (min-width: 900px) {
      article.ferienwohnungen-index div.ferienwohnung div.ausstattung {
        grid-column: 8 / span 5 !important; } }
    @media (min-width: 1200px) {
      article.ferienwohnungen-index div.ferienwohnung div.ausstattung {
        grid-column: 8 / span 5 !important; } }
    @media (min-width: 1820px) {
      article.ferienwohnungen-index div.ferienwohnung div.ausstattung {
        grid-column: 8 / span 4 !important; } }
  article.ferienwohnungen-index div.ferienwohnung div.cta-buchen {
    margin-top: 1em;
    grid-column: 1 / -1; }
    article.ferienwohnungen-index div.ferienwohnung div.cta-buchen a.button {
      background: #39563D; }
    @media (min-width: 900px) {
      article.ferienwohnungen-index div.ferienwohnung div.cta-buchen {
        grid-column: 1 / span 5 !important; } }
    @media (min-width: 1200px) {
      article.ferienwohnungen-index div.ferienwohnung div.cta-buchen {
        grid-column: 1 / -1 !important; } }
    @media (min-width: 1820px) {
      article.ferienwohnungen-index div.ferienwohnung div.cta-buchen {
        grid-column: 2 / span 2 !important; } }

article.anfahrt div.address {
  grid-column: 1 / -1; }
  article.anfahrt div.address h2, article.anfahrt div.address p {
    margin-bottom: 1em; }
  @media (min-width: 900px) {
    article.anfahrt div.address {
      grid-column: 1 / span 5 !important; } }
  @media (min-width: 1200px) {
    article.anfahrt div.address {
      grid-column: 1 / span 5 !important; } }
  @media (min-width: 1820px) {
    article.anfahrt div.address {
      grid-column: 2 / span 4 !important; } }

article.anfahrt div.directions {
  grid-column: 1 / -1; }
  article.anfahrt div.directions h2, article.anfahrt div.directions p {
    margin-bottom: 1em; }
  @media (min-width: 900px) {
    article.anfahrt div.directions {
      grid-column: 6 / span 7 !important; } }
  @media (min-width: 1200px) {
    article.anfahrt div.directions {
      grid-column: 6 / span 7 !important; } }
  @media (min-width: 1820px) {
    article.anfahrt div.directions {
      grid-column: 6 / span 6 !important; } }

article.project div.gallery {
  margin: 4em 0; }
  @media (min-width: 900px) {
    article.project div.gallery picture {
      grid-column: span 4; } }
  @media (min-width: 900px) {
    article.project div.gallery picture {
      grid-column: span 3; } }
  @media (min-width: 1200px) {
    article.project div.gallery picture {
      grid-column: span 4; } }

div.site-menu-wrapper {
  margin-top: 2em; }
  @media (max-width: 599px) {
    div.site-menu-wrapper div.site-menu div.menu-item {
      grid-column: span 1; } }
  @media (min-width: 900px) {
    div.site-menu-wrapper div.site-menu div.menu-item {
      grid-column: span 3; } }
  @media (min-width: 1820px) {
    div.site-menu-wrapper div.site-menu div.menu-item {
      grid-column: span 2; }
      div.site-menu-wrapper div.site-menu div.menu-item:first-of-type {
        grid-column: 3 / span 2; } }
  div.site-menu-wrapper div.site-menu div.menu-item .menu-link {
    display: block;
    font-family: "Georgia", serif;
    margin-bottom: .3em; }
  div.site-menu-wrapper div.site-menu div.menu-item a {
    display: block; }
    @media (max-width: 599px) {
      div.site-menu-wrapper div.site-menu div.menu-item a {
        padding-right: 12px; } }
    @media (min-width: 900px) {
      div.site-menu-wrapper div.site-menu div.menu-item a {
        padding: 18px 0; } }
    div.site-menu-wrapper div.site-menu div.menu-item a small {
      color: #999; }
  div.site-menu-wrapper div.site-menu div.menu-item.active a {
    color: #39563D; }
  div.site-menu-wrapper div.site-menu.open a {
    color: #999;
    display: block;
    padding: 8px 0;
    margin-bottom: -1px;
    border-top: 1px solid #fff;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent; }
    @media (min-width: 900px) {
      div.site-menu-wrapper div.site-menu.open a {
        padding: 18px 0; } }
    div.site-menu-wrapper div.site-menu.open a small {
      color: #666666; }

header.index div.site-menu-wrapper {
  border-top: 1px solid black;
  padding-top: 40px; }

header.index .menu-link {
  font-size: 1.2em; }
  @media (min-width: 1820px) {
    header.index .menu-link {
      font-size: 1.4em; } }

div.wrapper.mainnav-open div.menu-item a {
  text-align: center;
  display: block; }
  div.wrapper.mainnav-open div.menu-item a i.menu-link {
    margin-bottom: 0; }

@media (min-width: 900px) {
  div.wrapper.mainnav-open {
    border-bottom: 1px solid #999; }
    div.wrapper.mainnav-open div.menu-item.active a {
      background: white;
      border-top: 1px solid #999;
      border-right: 1px solid #999;
      border-left: 1px solid #999;
      border-radius: 3px 3px 0 0; } }

div.subnav {
  text-align: center;
  padding: 36px 0; }
  div.subnav a.subnav-item {
    font-size: .8em;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 3px;
    background: #f1f1f1;
    color: black; }
    @media (max-width: 599px) {
      div.subnav a.subnav-item {
        margin-bottom: 12px; } }
    div.subnav a.subnav-item:not(:last-of-type) {
      margin-right: 12px; }
    div.subnav a.subnav-item.active {
      background: #39563D;
      color: white;
      -webkit-font-smoothing: antialiased; }

form label {
  display: none; }

form input {
  box-sizing: border-box;
  padding: 12px; }
  @media (min-width: 900px) {
    form input {
      padding: 24px; } }
  form input[type="email"], form input[type="text"] {
    border: 1px solid #22DCB5;
    width: 100%;
    box-sizing: border-box; }
  form input[type="submit"] {
    background: #06635E;
    color: white;
    border: none;
    outline: none;
    width: 100%; }

form div.fields {
  display: flex; }
  form div.fields input#name {
    flex: 0 0 40%;
    margin-right: 12px; }
  form div.fields input#email {
    flex: 1 0 auto; }

form#subscribe-form input[type="submit"] {
  transition: background-position .1s ease-in-out;
  background-size: auto 30%;
  background-repeat: no-repeat;
  background-position: 12px center; }

form.search-form--header {
  float: right; }

form.search-form--result-page {
  background: #eaeaed;
  padding: 24px 12px;
  justify-content: center; }
  @media (min-width: 900px) {
    form.search-form--result-page {
      padding: 48px 0; } }
  @media (min-width: 900px) and (min-width: 900px) {
    form.search-form--result-page input[type="search"], form.search-form--result-page input[type="submit"] {
      height: 50px; } }
  @media (min-width: 900px) {
      form.search-form--result-page input[type="search"] {
        width: 400px;
        flex-grow: 0; }
      form.search-form--result-page input[type="submit"] {
        width: 100px;
        flex-grow: 0; } }

form.guests textarea#body {
  margin: 0 0 12px 0;
  width: 100%;
  padding: 24px; }

form.guests button[type="submit"] {
  margin-top: 12px;
  border: none; }

p.toggle-entry-form {
  cursor: pointer; }

svg.close {
  width: 20px;
  height: 20px; }
  svg.close line {
    stroke-width: 1.2px; }

*.button {
  display: inline-block;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  padding: 12px 24px; }
  *.button.button-yt {
    padding-top: 0;
    padding-bottom: 0; }
  *.button.green {
    background: #06635E; }
  *.button.bordered {
    border: 2px solid #E3E2E7;
    background: white;
    color: #666666; }
  *.button.grey {
    background: #EEEDF3;
    color: #666666;
    border: 2px solid #EEEDF3; }

div.module.green {
  background: #D8FFEA;
  grid-column: 1 / -1; }
  @media (min-width: 900px) {
    div.module.green {
      margin: 36px 0;
      width: auto;
      grid-column: 1 / -1; }
      div.module.green figcaption {
        padding: 0; } }
  div.module.green div.module__body {
    grid-column: 1 / -1;
    padding: 24px 0 24px 0; }
    div.module.green div.module__body h2 {
      margin-bottom: 18px; }
    @media (min-width: 900px) {
      div.module.green div.module__body {
        padding-left: 64.3px;
        padding-left: 12px; } }
    @media (min-width: 1200px) {
      div.module.green div.module__body {
        padding-left: 89px; } }

@media (min-width: 900px) {
  div.module.indented {
    width: 373.8px;
    float: right;
    margin: 12px -20px 0 24px; }
    div.module.indented div.module__body {
      padding-left: 24px; } }

@media (min-width: 1200px) {
  div.module.indented {
    width: 420px;
    margin-right: -33px; } }

section.background-slideshow {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: -1; }
  section.background-slideshow div.images div.image {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important; }

div.image-pair {
  margin: 6em 0; }
  div.image-pair div.image {
    grid-column: 1 / -1; }
    div.image-pair div.image img {
      height: 100%; }
    @media (min-width: 900px) {
      div.image-pair div.image.span-small {
        grid-column: span 4; }
      div.image-pair div.image.span-large {
        grid-column: span 8; }
      div.image-pair div.image.order-1 {
        order: 1; }
      div.image-pair div.image.order-2 {
        order: 2; } }
    @media (min-width: 1820px) {
      div.image-pair div.image.span-small {
        grid-column: span 3; }
        div.image-pair div.image.span-small.order-1 {
          grid-column: 3 / span 3; }
      div.image-pair div.image.span-large {
        grid-column: span 5; }
        div.image-pair div.image.span-large.order-1 {
          grid-column: 3 / span 5; } }

div.gallery {
  margin: 6em 0; }
  @media (min-width: 900px) {
    div.gallery div.gallery-image {
      grid-column: span 4; } }

.effect:hover .glitch {
  color: black;
  position: relative;
  margin: 0 auto;
  display: inline-block; }

@keyframes noise-anim {
  0% {
    clip: rect(73px, 9999px, 86px, 0); }
  5% {
    clip: rect(20px, 9999px, 66px, 0); }
  10% {
    clip: rect(60px, 9999px, 35px, 0); }
  15% {
    clip: rect(70px, 9999px, 89px, 0); }
  20% {
    clip: rect(75px, 9999px, 62px, 0); }
  25% {
    clip: rect(66px, 9999px, 49px, 0); }
  30% {
    clip: rect(23px, 9999px, 20px, 0); }
  35% {
    clip: rect(3px, 9999px, 93px, 0); }
  40% {
    clip: rect(36px, 9999px, 22px, 0); }
  45% {
    clip: rect(13px, 9999px, 2px, 0); }
  50% {
    clip: rect(3px, 9999px, 36px, 0); }
  55% {
    clip: rect(71px, 9999px, 93px, 0); }
  60% {
    clip: rect(11px, 9999px, 54px, 0); }
  65% {
    clip: rect(16px, 9999px, 63px, 0); }
  70% {
    clip: rect(10px, 9999px, 59px, 0); }
  75% {
    clip: rect(99px, 9999px, 6px, 0); }
  80% {
    clip: rect(46px, 9999px, 80px, 0); }
  85% {
    clip: rect(21px, 9999px, 30px, 0); }
  90% {
    clip: rect(71px, 9999px, 6px, 0); }
  95% {
    clip: rect(80px, 9999px, 73px, 0); }
  100% {
    clip: rect(20px, 9999px, 86px, 0); } }

.effect:hover .glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  color: black;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse; }

@keyframes noise-anim-2 {
  0% {
    clip: rect(11px, 9999px, 90px, 0); }
  5% {
    clip: rect(74px, 9999px, 59px, 0); }
  10% {
    clip: rect(37px, 9999px, 54px, 0); }
  15% {
    clip: rect(18px, 9999px, 80px, 0); }
  20% {
    clip: rect(55px, 9999px, 63px, 0); }
  25% {
    clip: rect(4px, 9999px, 4px, 0); }
  30% {
    clip: rect(99px, 9999px, 61px, 0); }
  35% {
    clip: rect(26px, 9999px, 63px, 0); }
  40% {
    clip: rect(40px, 9999px, 8px, 0); }
  45% {
    clip: rect(46px, 9999px, 22px, 0); }
  50% {
    clip: rect(86px, 9999px, 88px, 0); }
  55% {
    clip: rect(17px, 9999px, 59px, 0); }
  60% {
    clip: rect(21px, 9999px, 13px, 0); }
  65% {
    clip: rect(100px, 9999px, 43px, 0); }
  70% {
    clip: rect(78px, 9999px, 10px, 0); }
  75% {
    clip: rect(84px, 9999px, 77px, 0); }
  80% {
    clip: rect(63px, 9999px, 13px, 0); }
  85% {
    clip: rect(92px, 9999px, 22px, 0); }
  90% {
    clip: rect(34px, 9999px, 35px, 0); }
  95% {
    clip: rect(61px, 9999px, 62px, 0); }
  100% {
    clip: rect(6px, 9999px, 70px, 0); } }

.effect:hover .glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: black;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }


/*# sourceMappingURL=../_maps/css/styles-22d13a4f96.css.map */