/* Fonts */
@font-face {
  font-family: 'Mr De Haviland';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mr-de-haviland-v7-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Mr De Haviland Regular'), local('MrDeHaviland-Regular'),
    url('fonts/mr-de-haviland-v7-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/mr-de-haviland-v7-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/mr-de-haviland-v7-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/mr-de-haviland-v7-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/mr-de-haviland-v7-latin-regular.svg#MrDeHaviland') format('svg');
  /* Legacy iOS */
}

/* quicksand-300 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/quicksand-v9-latin-300.eot');
  /* IE9 Compat Modes */
  src: local('Quicksand Light'), local('Quicksand-Light'),
    url('fonts/quicksand-v9-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/quicksand-v9-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/quicksand-v9-latin-300.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/quicksand-v9-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/quicksand-v9-latin-300.svg#Quicksand') format('svg');
  /* Legacy iOS */
}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quicksand-v9-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Quicksand Regular'), local('Quicksand-Regular'),
    url('fonts/quicksand-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/quicksand-v9-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/quicksand-v9-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/quicksand-v9-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/quicksand-v9-latin-regular.svg#Quicksand') format('svg');
  /* Legacy iOS */
}

/* quicksand-500 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/quicksand-v9-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Quicksand Medium'), local('Quicksand-Medium'),
    url('fonts/quicksand-v9-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/quicksand-v9-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/quicksand-v9-latin-500.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/quicksand-v9-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/quicksand-v9-latin-500.svg#Quicksand') format('svg');
  /* Legacy iOS */
}

/* quicksand-700 - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/quicksand-v9-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Quicksand Bold'), local('Quicksand-Bold'),
    url('fonts/quicksand-v9-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('fonts/quicksand-v9-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('fonts/quicksand-v9-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('fonts/quicksand-v9-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('fonts/quicksand-v9-latin-700.svg#Quicksand') format('svg');
  /* Legacy iOS */
}

/* Fontawesome Icons */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg");
}

/* Main */
html {
  font-family: Quicksand;
  font-size: 10px;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%
}

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

:focus {
  outline: 0
}

body {
  color: #0a0101;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400
}

@media (max-width:50rem) {
  body {
    overflow-x: hidden
  }
}

a {
  background-color: transparent;
  text-decoration: none;
  color: #9427b2;
}

a:active, a:hover {
  outline: 0
}

b, strong {
  font-weight: 700
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 2rem;
  font-weight: 200
}

img, amp-img {
  border: 0
}

::-moz-selection {
  background-color: #679;
  color: #fff
}

::selection {
  background-color: #679;
  color: #fff
}

a:not([class]), a[data-xx] {
  color: inherit;
  text-decoration: none;
  display: inline-block;
  z-index: 1;
  vertical-align: top
}

p a:not([class]):not([data-btn]):before, p a[data-xx]:not([data-btn]):before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #9427b2;
  position: absolute;
  opacity: .5;
  -webkit-transform: scale3d(1, .1, 1);
  transform: scale3d(1, .1, 1);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: -1
}

p a:not([class]):not([data-btn]):hover:before, p a[data-xx]:not([data-btn]):hover:before {
  -webkit-transform: none;
  transform: none
}

blockquote:not([class]), blockquote[data-xx] {
  margin: 2rem 0;
  padding: 1rem 2rem;
  border-left: 4px solid #679
}

[data-btn], button:not([class]), button[data-xx], input[type=submit] {
  cursor: pointer;
  color: #679;
  display: inline-block;
  padding: 1.4rem 2rem;
  background: #fff;
  border: 1px solid #679;
  border-radius: 2px;
  box-shadow: 0 0 0 transparent;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1rem;
  margin: 0 1rem 1rem 0;
  -webkit-appearance: none
}

[data-btn]:before, button:not([class]):before, button[data-xx]:before, input[type=submit]:before {
  content: "";
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
  background: #679
}

[data-btn]:not(:disabled):hover, button:not([class]):not(:disabled):hover, button[data-xx]:not(:disabled):hover, input[type=submit]:not(:disabled):hover {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
  background: #f4f5f6
}

[data-btn]:not(:disabled):hover:active, button:not([class]):not(:disabled):hover:active, button[data-xx]:not(:disabled):hover:active, input[type=submit]:not(:disabled):hover:active {
  box-shadow: none;
  -webkit-transition: none;
  transition: none
}

[data-btn][data-primary], button:not([class])[data-primary], button[data-xx][data-primary], input[type=submit][data-primary] {
  border-color: #5a6987;
  background: #679;
  color: #fff;
  font-weight: 700
}

[data-btn][data-primary]:not(:disabled):hover, button:not([class])[data-primary]:not(:disabled):hover, button[data-xx][data-primary]:not(:disabled):hover, input[type=submit][data-primary]:not(:disabled):hover {
  background: #5a6987
}

[data-btn][data-round], button:not([class])[data-round], button[data-xx][data-round], input[type=submit][data-round] {
  border-radius: 4rem
}

@media (max-width:50rem) {
  [data-btn][m-full], button:not([class])[m-full], button[data-xx][m-full], input[type=submit][m-full] {
    width: 100%
  }
}

[data-btn].disabled, [data-btn]:disabled, button:not([class]).disabled, button:not([class]):disabled, button[data-xx].disabled, button[data-xx]:disabled, input[type=submit].disabled, input[type=submit]:disabled {
  border-color: #e3e6e8;
  background: #e3e6e8;
  color: #abb5ba;
  cursor: default
}

/*figure
{
background:#fff;
display:block;
padding:2rem;
box-shadow:0 1px 4px 0 rgba(0,0,0,.2);
border-radius:2px;
margin:0 0 2rem 0
}
figure hr:not([class]),figure hr[data-xx]
{
margin:1rem 0
}
figure:last-child
{
margin-bottom:0
}
figure>amp-img:not([class]),figure>amp-img[data-xx],figure>amp-img[class^=i-amp],figure>amp-img[class^=-amp]
{
width:calc(100% + 4rem);
max-width:none;
margin:0 0 2rem -2rem;
display:block
}
figure>amp-img:not([class]):first-child,figure>amp-img[data-xx]:first-child,figure>amp-img[class^=i-amp]:first-child,figure>amp-img[class^=-amp]:first-child
{
margin:-2rem 0 2rem -2rem;
border-top-left-radius:2px;
border-top-right-radius:2px
}
figure>amp-img:not([class]):last-child,figure>amp-img[data-xx]:last-child,figure>amp-img[class^=i-amp]:last-child,figure>amp-img[class^=-amp]:last-child
{
margin:0 0 -2rem -2rem;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px
}*/
code:not([class]), code[data-xx] {
  display: inline-block;
  background: #f4f5f6;
  border: 1px solid #e3e6e8;
  padding: 0 .5rem;
  color: #454f54;
  font-size: 1.2rem;
  line-height: 1.8;
  font-family: monospace;
  border-radius: 2px;
  text-transform: none;
  font-weight: 300
}

pre:not([class]) code, pre[data-xx] code {
  padding: 2rem;
  border: none;
  border-left: 4px solid #679;
  border-radius: 0;
  width: 100%;
  display: block
}

footer {
  width: 100%;
  margin: auto;
  padding: 2rem 8rem;
  overflow: visible;
  border-color: #c1c1c1;
  background-color: #efefef;
  color: #5f5f5f;
  border-top: 1px solid #c1c1c1;
  border-style: solid;
  clear: both;
  display: block;
  box-sizing: border-box;
}

/*footer:before
{
content:"";
background:#679;
width:102vw;
height:100%;
position:absolute;
left:50%;
top:0;
-webkit-transform:translate(-50%,0);
transform:translate(-50%,0)
}*/
span {
  display: block;
  font-family: Quicksand;
  font-size: 0.9em;
  width: auto;
  margin-top: -1rem
}

span span:not(:first-child) {
  margin: 1rem -1rem 0
}

[data-col="1/12"] {
  width: 8.33333333%
}

[data-col="2/12"], [data-col="1/6"] {
  width: 16.66666667%
}

[data-col="3/12"], [data-col="1/4"] {
  width: 25%
}

[data-col="4/12"], [data-col="2/6"], [data-col="1/3"] {
  width: 33.33333333%
}

[data-col="5/12"] {
  width: 41.66666667%
}

[data-col="6/12"], [data-col="3/6"], [data-col="2/4"], [data-col="1/2"] {
  width: 50%
}

[data-col="7/12"] {
  width: 58.33333333%
}

[data-col="8/12"], [data-col="4/6"], [data-col="2/3"] {
  width: 66.66666667%
}

[data-col="9/12"], [data-col="3/4"] {
  width: 75%
}

[data-col="10/12"], [data-col="5/6"] {
  width: 83.33333333%
}

[data-col="11/12"] {
  width: 91.66666667%
}

[data-col="1/1"] {
  width: 100%
}

[data-col] {
  display: inline-block;
  font-size: 1.4rem;
  padding: 1rem;
  vertical-align: top;
  float: left;
}

@media (max-width:50rem) {
  [data-col]:not([data-fx]) {
    width: 100%
  }
}

label:not([class]), label[data-xx] {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 1rem
}

label:not([class]):first-child, label[data-xx]:first-child {
  margin-top: 0
}

input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]), input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx], input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-] {
  display: inline-block;
  background: 0 0;
  width: 100%;
  padding: .5rem 0 1rem;
  margin-bottom: 2rem;
  border: none;
  border-bottom: 1px solid #e3e6e8;
  font-size: 1.4rem;
  font-weight: 300;
  border-radius: 0
}

input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):focus, input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([class]):hover, input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:focus, input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[data-xx]:hover, input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:focus, input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit])[class^=user-]:hover {
  color: #679;
  border-color: #679;
  outline: 0
}

textarea:not([class]), textarea[data-xx], textarea[class^=user-] {
  display: inline-block;
  background: 0 0;
  width: 100%;
  padding: .5rem 0 1rem;
  margin-bottom: 2rem;
  border: none;
  border-bottom: 1px solid #e3e6e8;
  font-size: 1.4rem;
  font-weight: 300;
  border-radius: 0;
  min-height: 8rem;
  border-right: 1px solid #e3e6e8;
  padding-right: 2rem;
  border-bottom-right-radius: .5rem
}

textarea:not([class]):focus, textarea:not([class]):hover, textarea[data-xx]:focus, textarea[data-xx]:hover, textarea[class^=user-]:focus, textarea[class^=user-]:hover {
  color: #679;
  border-color: #679;
  outline: 0
}

select:not([class]), select[data-xx], select[class^=user-] {
  padding: .5rem 3rem .5rem 1rem;
  display: block;
  width: 100%;
  border: 1px solid #e3e6e8;
  background: #fff url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 1rem center;
  background-size: 2rem;
  border-radius: 2px;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 300;
  text-indent: .5rem;
  margin: .5rem 0 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

select:not([class]):focus, select:not([class]):hover, select[data-xx]:focus, select[data-xx]:hover, select[class^=user-]:focus, select[class^=user-]:hover {
  border-color: #679;
  outline: 0
}

input[type=checkbox]:not([class]), input[type=checkbox][data-xx], input[type=checkbox][class^=user-], input[type=radio]:not([class]), input[type=radio][data-xx], input[type=radio][class^=user-] {
  z-index: 2;
  opacity: 0;
  margin-right: -2rem;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  cursor: pointer
}

input[type=checkbox]:not([class]) + label, input[type=checkbox][data-xx] + label, input[type=checkbox][class^=user-] + label, input[type=radio]:not([class]) + label, input[type=radio][data-xx] + label, input[type=radio][class^=user-] + label {
  width: auto;
  text-transform: none
}

input[type=checkbox]:not([class]) + label:before, input[type=checkbox][data-xx] + label:before, input[type=checkbox][class^=user-] + label:before, input[type=radio]:not([class]) + label:before, input[type=radio][data-xx] + label:before, input[type=radio][class^=user-] + label:before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #abb5ba;
  background: #fff;
  vertical-align: middle;
  margin-right: 1rem
}

input[type=checkbox]:not([class]) + label:after, input[type=checkbox][data-xx] + label:after, input[type=checkbox][class^=user-] + label:after, input[type=radio]:not([class]) + label:after, input[type=radio][data-xx] + label:after, input[type=radio][class^=user-] + label:after {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 1.6rem;
  height: 1.6rem;
  left: 2px;
  top: 4px;
  -webkit-transform: scale(0);
  transform: scale(0)
}

input[type=radio]:not([class]) + label, input[type=radio][data-xx] + label, input[type=radio][class^=user-] + label {
  font-size: 1.4rem;
  font-weight: 200
}

input[type=radio]:not([class]) + label:before, input[type=radio][data-xx] + label:before, input[type=radio][class^=user-] + label:before {
  border-radius: 100%
}

input[type=radio]:not([class]):checked + label:before, input[type=radio][data-xx]:checked + label:before, input[type=radio][class^=user-]:checked + label:before {
  background: #679;
  border-color: #679
}

input[type=radio]:not([class]):checked + label:after, input[type=radio][data-xx]:checked + label:after, input[type=radio][class^=user-]:checked + label:after {
  opacity: 1;
  visibility: visible;
  background: #679;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  top: .5rem
}

input[type=checkbox]:not([class]) + label, input[type=checkbox][data-xx] + label, input[type=checkbox][class^=user-] + label {
  font-size: 1.4rem;
  font-weight: 200
}

input[type=checkbox]:not([class]) + label:before, input[type=checkbox][data-xx] + label:before, input[type=checkbox][class^=user-] + label:before {
  border-radius: 2px
}

input[type=checkbox]:not([class]) + label:after, input[type=checkbox][data-xx] + label:after, input[type=checkbox][class^=user-] + label:after {
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E) no-repeat center center;
  border-radius: 100%;
  background-size: 100%
}

input[type=checkbox]:not([class]):checked + label:before, input[type=checkbox][data-xx]:checked + label:before, input[type=checkbox][class^=user-]:checked + label:before {
  background: #679;
  border-color: #679
}

input[type=checkbox]:not([class]):checked + label:after, input[type=checkbox][data-xx]:checked + label:after, input[type=checkbox][class^=user-]:checked + label:after {
  opacity: 1;
  visibility: visible;
  left: 2px;
  top: .5rem;
  -webkit-transform: scale(1);
  transform: scale(1)
}

amp-img:not([class]), amp-img[data-xx], amp-img[class^=i-amp], amp-img[class^=-amp] {
  height: auto;
  max-width: 100%
}

section:not([class]), section[data-xx] {
  margin: auto;
  padding: 4rem 8rem;
  width: 100%;
}

p:not([class]), p[data-xx] {
  margin: 0 0 2rem
}

p:not([class]):last-child, p[data-xx]:last-child {
  margin: 0
}

hr:not([class]), hr[data-xx] {
  background: #e3e6e8;
  border: none;
  width: 100%;
  height: 1px;
  margin: 4rem 0
}

ol:not([class]), ol[data-xx], ul:not([class]), ul[data-xx] {
  padding-left: 2rem;
  margin: 0 0 2rem
}

ol:not([class]) ol, ol:not([class]) ul, ol[data-xx] ol, ol[data-xx] ul, ul:not([class]) ol, ul:not([class]) ul, ul[data-xx] ol, ul[data-xx] ul {
  margin-bottom: 0
}

ul:not([class]), ul[data-xx] {
  list-style: disc
}

ul:not([class]) ul, ul[data-xx] ul {
  list-style: circle
}

ol:not([class]), ol[data-xx] {
  list-style: decimal
}

ol:not([class]) ol, ol[data-xx] ol {
  list-style: lower-alpha
}

nav:not([class]), nav[data-xx] {
  background: #fff;
  color: #333333;
  padding: 0 6rem;
  border-bottom: 1px solid #e0e0e0;
  z-index: 4000;
  min-height: 4.4rem;
  position: fixed;
  width: 100%;
  display: block;
}

nav:not([class])[data-fx], nav[data-xx][data-fx] {
  background: rgba(255, 255, 255, .95);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11
}

nav:not([class]) label, nav[data-xx] label {
  margin: auto;
  display: block
}

nav:not([class]) label > input, nav[data-xx] label > input {
  display: none
}

nav:not([class]) ul, nav[data-xx] ul {
  padding: 0 2rem;
  margin: 0;
  font-size: 0;
  text-align: right
}

nav:not([class]) ul li, nav[data-xx] ul li {
  display: inline-block;
  font-size: 1.6rem
}

@media (min-width:50.1rem) {
  nav:not([class]) ul li:hover ul, nav:not([class]) ul ul:hover, nav[data-xx] ul li:hover ul, nav[data-xx] ul ul:hover {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, -1rem, 0);
    transform: translate3d(0, -1rem, 0);
    pointer-events: auto
  }
}

nav:not([class]) ul a, nav[data-xx] ul a {
  text-decoration: none;
  text-transform: none;
  padding: 1rem .8rem 4rem .4rem;
  border-top: 3px solid transparent;
  display: block;
  cursor: pointer;
  font-weight: 300
}

@media (min-width:50.1rem) {
  nav:not([class]) ul a:not(:only-child), nav[data-xx] ul a:not(:only-child) {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M14.83%2016.42L24%2025.59l9.17-9.17L36%2019.25l-12%2012-12-12z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: right 1.5rem;
    background-size: 2rem;
    padding-right: 3rem
  }
}

nav:not([class]) ul a:hover, nav[data-xx] ul a:hover, nav[data-xx] ul .current_page_item a {
  color: #9427b2;
  border-color: #9427b2;
}

nav:not([class]) ul li ul, nav[data-xx] ul li ul {
  padding: 0;
  margin: 0;
  background: #fff;
  z-index: 2;
  text-align: left;
  white-space: nowrap;
  min-width: 100%
}

@media (min-width:50.1rem) {
  nav:not([class]) ul li ul, nav[data-xx] ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-transform: translate3d(0, -2rem, 0);
    transform: translate3d(0, -2rem, 0);
    pointer-events: none
  }
}

nav:not([class]) ul li ul li, nav[data-xx] ul li ul li {
  display: block;
  border-left: 4px solid transparent
}

nav:not([class]) ul li ul li:hover, nav[data-xx] ul li ul li:hover {
  border-color: #679;
  background-color: #f4f5f6
}

nav:not([class]) ul li ul li:hover a, nav[data-xx] ul li ul li:hover a {
  -webkit-transform: translate3d(.5rem, 0, 0);
  transform: translate3d(.5rem, 0, 0)
}

nav:not([class]) ul li ul li a, nav[data-xx] ul li ul li a {
  text-transform: none;
  padding: .5rem 2rem .5rem 1.6rem;
  border: none;
  font-size: 1.2rem
}

nav:not([class]) header:after, nav:not([class]) header:before, nav[data-xx] header:after, nav[data-xx] header:before {
  content: "";
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  display: none;
  background-size: 3rem;
  background-position: center center;
  background-repeat: no-repeat
}

nav:not([class]) header:before, nav[data-xx] header:before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%232e3538%22%20d%3D%22M6%2036h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z%22%2F%3E%3C%2Fsvg%3E)
}

nav:not([class]) header:after, nav[data-xx] header:after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M38%2012.83L35.17%2010%2024%2021.17%2012.83%2010%2010%2012.83%2021.17%2024%2010%2035.17%2012.83%2038%2024%2026.83%2035.17%2038%2038%2035.17%2026.83%2024z%22%2F%3E%3C%2Fsvg%3E);
  opacity: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

nav:not([class]) header a, nav[data-xx] header a {
  position: absolute;
  left: 2rem;
  top: 1rem;
  bottom: 1rem;
  cursor: pointer;
  z-index: 2;
  font-size: 1.6rem;
  text-decoration: none
}

nav:not([class]) header a amp-img, nav[data-xx] header a amp-img {
  height: 2rem;
  vertical-align: middle;
  top: -1px;
  margin-right: 1rem
}

@media (max-width:50rem) {
  body {
    padding-top: 4.4rem
  }

  nav:not([class]), nav[data-xx] {
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    right: 0
  }

  nav:not([class]) header, nav[data-xx] header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }

  nav:not([class]) header:after, nav:not([class]) header:before, nav[data-xx] header:after, nav[data-xx] header:before {
    display: block
  }

  nav:not([class]) label, nav[data-xx] label {
    height: 4.4rem
  }

  nav:not([class]) label > ul, nav[data-xx] label > ul {
    position: fixed;
    top: 4.4rem;
    right: 0;
    bottom: 0;
    padding: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    border-top: 1px solid #679;
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2);
    overflow-x: visible;
    overflow-y: auto
  }

  nav:not([class]) label > ul li, nav[data-xx] label > ul li {
    display: block;
    border-top: 1px solid #e3e6e8
  }

  nav:not([class]) label > ul a, nav[data-xx] label > ul a {
    padding: 1rem 6rem 1rem 2rem;
    border: none
  }

  nav:not([class]) label input:checked ~ ul, nav[data-xx] label input:checked ~ ul {
    -webkit-transform: none;
    transform: none
  }

  nav:not([class]) label input:checked ~ header:before, nav[data-xx] label input:checked ~ header:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0
  }

  nav:not([class]) label input:checked ~ header:after, nav[data-xx] label input:checked ~ header:after {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }

  nav:not([class]) label ul li ul li, nav[data-xx] label ul li ul li {
    border-color: #e3e6e8
  }

  nav:not([class]) label ul li ul a, nav[data-xx] label ul li ul a {
    padding-left: 4rem
  }
}

table:not([class]), table[data-xx] {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2rem;
  text-align: left;
  overflow: hidden
}

table:not([class]) td, table:not([class]) th, table[data-xx] td, table[data-xx] th {
  border-bottom: 2px solid #e3e6e8;
  padding: 1rem
}

table:not([class]) th, table[data-xx] th {
  font-weight: 700;
  color: #454f54
}

table:not([class]) th:before, table[data-xx] th:before {
  content: "";
  width: 100%;
  height: 10000%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: #f4f5f6;
  z-index: -1;
  opacity: 0;
  visibility: hidden
}

table:not([class]) th:hover:before, table[data-xx] th:hover:before {
  opacity: 1;
  visibility: visible
}

table:not([class]) td, table[data-xx] td {
  border-bottom-width: 1px
}

table:not([class]) tbody tr:hover, table[data-xx] tbody tr:hover {
  background: #f4f5f6
}

mark {
  display: inline-block;
  font-size: 1.1rem;
  border-bottom: 1px solid #e3e6e8;
  border-radius: 1.5rem;
  background: #f4f5f6;
  color: #679;
  padding: .2rem 1.2rem;
  margin: 0 .5rem .5rem 0
}

[data-att], [data-dtt]:disabled, [data-tt] {
  overflow: visible
}

[data-att]:after, [data-dtt]:disabled:after, [data-tt]:after {
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
  background: #454f54;
  border-radius: 3px;
  color: #fff;
  font-family: sans-serif;
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: 300;
  letter-spacing: 0;
  white-space: nowrap;
  padding: 0 1rem;
  -webkit-transform: translate(-50%, -95%);
  transform: translate(-50%, -95%);
  text-transform: none
}

[data-att]:hover:after, [data-dtt]:disabled:hover:after, [data-tt]:hover:after {
  opacity: .9;
  visibility: visible;
  -webkit-transform: translate(-50%, calc(-100% - 5px));
  transform: translate(-50%, calc(-100% - 5px))
}

[data-tt]:after {
  content: attr(data-tt)
}

[data-dtt]:disabled:after {
  content: attr(data-dtt)
}

[data-att]:after {
  content: attr(href)
}

:after, :before, a, button, input, ul, li, select, textarea, tr, ul {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

h1:not([class]), h1[data-xx] {
  font-size: 4rem;
  line-height: 1.1;
  letter-spacing: -1px
}

h2:not([class]), h2[data-xx] {
  font-size: 4.5em;
  line-height: 1;
  letter-spacing: -.05rem
}

h3:not([class]), h3[data-xx] {
  font-size: 2.5rem;
  line-height: 1.3;
  letter-spacing: -.05rem
}

h4:not([class]), h4[data-xx] {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -.05rem
}

h5:not([class]), h5[data-xx] {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 700
}

h6:not([class]), h6[data-xx] {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 400
}

[data-full] {
  width: 100%
}

[data-hide] {
  display: none
}

[data-serif] {
  font-family: serif
}

[data-sans] {
  font-family: sans-serif
}

[data-mono] {
  font-family: monospace
}

[data-fs="xs"] {
  font-size: 1.1rem
}

[data-fs="s"] {
  font-size: 1.2rem
}

[data-fs="m"] {
  font-size: 1.4rem
}

[data-fs="l"] {
  font-size: 1.6rem
}

[data-fs="xl"] {
  font-size: 2.4rem
}

[data-mt="0"] {
  margin-top: 0
}

[data-mt="2"] {
  margin-top: 2rem
}

[data-mt="4"] {
  margin-top: 4rem
}

[data-mt="8"] {
  margin-top: 8rem
}

[data-mb="0"] {
  margin-bottom: 0
}

[data-mb="2"] {
  margin-bottom: 2rem
}

[data-mb="4"] {
  margin-bottom: 4rem
}

[data-mb="8"] {
  margin-bottom: 8rem
}

[data-pt="0"] {
  padding-top: 0
}

[data-pt="2"] {
  padding-top: 2rem
}

[data-pt="4"] {
  padding-top: 4rem
}

[data-pt="8"] {
  padding-top: 8rem
}

[data-pb="0"] {
  padding-bottom: 0
}

[data-pb="2"] {
  padding-bottom: 2rem
}

[data-pb="4"] {
  padding-bottom: 4rem
}

[data-pb="8"] {
  padding-bottom: 8rem
}

[data-pa="0"] {
  padding: 0
}

[data-pa="2"] {
  padding: 2
}

[data-txt="l"] {
  text-align: left
}

[data-txt=r] {
  text-align: right
}

[data-txt=c] {
  text-align: center
}

[data-txt=j] {
  text-align: justify
}

/* Custom */
header b {
  font-weight: 200;
  color: #333333;
  font-family: 'Mr De Haviland';
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  font-size: 4rem;
  line-height: 1.1;
  letter-spacing: -1px;
  display: block;
  position: relative;
}

header span {
  margin: -3em 3em;
  font-size: 0.7em;
  color: #888;
}

@media (max-width:50rem) {
  header span {
    display: none;
  }
}

nav:not([class]) header a, nav[data-xx] header a, h1, h2 {
  color: #333333;
  font-family: 'Mr De Haviland';
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

@media (min-width:50.1rem) {
  nav ul .current_page_item a {
    color: #9427b2;
    border-color: #9427b2;
  }
}

.bannerbild {
  display: block;
  background-size: cover;
  width: 100%;
  height: 55rem;
  overflow: hidden;
  padding-top: 30rem;
  box-sizing: border-box;
}

.bannerbild h1 {
  color: #fff;
  font-size: 6em;
  font-weight: 400;
  -webkit-animation: moveUp 1s ease-in-out both;
  -moz-animation: moveUp 1s ease-in-out both;
  -o-animation: moveUp 1s ease-in-out both;
  -ms-animation: moveUp 1s ease-in-out both;
  animation: moveUp 1s ease-in-out both;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

article h2 {
  font-size: 4.5em;
  color: #222;
  margin: 2em 0 0.8em;
  line-height: 1;
}

article h3 {
  font-weight: 500;
  font-size: 1.4em;
  text-transform: uppercase;
}

.wp-block-button {
  margin-top: 4em;
  margin-bottom: 6em;
}

blockquote {
  color: #333333;
  background-color: #f5f5f5;
  margin: 2em;
  padding: 2em;
  -webkit-box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3);
  border-left: 2px solid #9427b2;
  line-height: 1.5em;
  quotes: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-hand-point-right:before {
  content: "\f0a4";
}

.angebot {
  background: #eee;
  padding-top: 4em;
  border-top: 1em #fff solid;
}

.highlight {
  background: #f7d8ff;
  padding-top: 5em;
  border-top: 0px;
}

.angebot .preis {
  font-weight: 600;
  font-size: 1.8em;
  font-family: 'Mr De Haviland';
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.wp-block-latest-posts a {
  display: block;
  width: 100%;
}

.wp-block-latest-posts h3 {
  min-height: 2.6em;
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: -.05rem;
}

.wp-block-latest-posts .beitragslink {
  display: block;
  width: 100%;
  padding: 1em 0;
  background: #9427b2;
  color: #fff;
  text-align: center;
}

.thumb {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

img {
  /* Universal settings */
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

img:hover {
  filter: alpha(opacity=50);
  opacity: 0.7;
}

footer p a:not([class]):not([data-btn]):before, footer p a[data-xx]:not([data-btn]):before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  opacity: .5;
  -webkit-transform: scale3d(1, .1, 1);
  transform: scale3d(1, .1, 1);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: -1
}

footer p a:not([class]):not([data-btn]):hover:before, footer p a[data-xx]:not([data-btn]):hover:before {
  -webkit-transform: none;
  transform: none
}

@media (max-width:50rem) {
  section:not([class]), section[data-xx] {
    padding: 4rem 2rem;
  }

  .angebot {
    border-top: 0px;
  }

  article h2 {
    font-size: 3em;
  }

  .bannerbild h1 {
    font-size: 4em;
  }
}